@import url('http://fonts.cdnfonts.com/css/gotham');


@import url('font-icons.css');

@import url('font-icons.css');

@font-face {
  font-family: 'Gotham-Light';
  src: url('../fonts/Gotham-Light.woff2') format('woff2'),
       url('../fonts/Gotham-Light.woff') format('woff'),
       url('../fonts/Gotham-Light.ttf')  format('truetype');
}



::-webkit-input-placeholder { color:#B47151 !important; }
::-moz-placeholder { color:#B47151  !important; } /* firefox 19+ */
:-ms-input-placeholder { color:#B47151  !important; } /* ie */
input:-moz-placeholder { color:#B47151  !important; }


body{
    color: #010101;
    font-size: 16px;
    position: relative;
    font-family: 'Gotham', sans-serif;
    counter-reset: geek-counter; 
    background-color: #5f4aca;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top left;
    background-attachment: fixed;
    padding-top: 20px;
    background-image: url(../images/body-bg.png);
    background-position: center center;
    background-size: cover;
}




/* Helper Css 01.09.2020*/
:focus {
outline: 0;
}
:hover{
    outline: 0;
}
a{
    text-decoration: none;
}

a:hover{
text-decoration: none;
}

a, button{
    outline: none;
    box-shadow: none;
}

a, button:hover {
    outline: none;
    box-shadow: none;
}

a, button:focus {
    outline: none;
    box-shadow: none;
}


section {
    position: relative;
}

ul {
    list-style: none;
    margin: 0;
    padding: 0;
}


.container {
    position: relative;
    padding: 0px 15px; 
}



.logo img {
    width: 210px;
    margin: 0px auto;
    padding-top: 25px;
    display: table;
}


.customform {
    width: 100%;
    margin-top: 0px;
    padding: 50px 20px;
    border-radius: 20px;
    min-height: 295px;
    background-size: 100% 100%;
    background-image: url(../images/custom-form-bg.png);
}

.customform .form .input-group {
    margin-bottom: 15px;
}


.customform .form .form-control {
    border: 10px;
    border-radius: 10px;
    line-height: 24px;
    padding: 0px 47px 0px 15px;
    background: #fff;
    font-size: 14px;
    color: #B47151;
    font-weight: 600;
    height: calc(1.25rem + 20px);
    box-shadow: none;
    outline: none;
    font-family: inherit;
}

.buttonwipper {
    position: relative;
    margin: 10px auto;
    display: table;
    /* border: 2px solid #af6c55; */
}

.buttonwipper span {
    font-size: 15px;
    font-weight: 600;
    text-align: center;
    cursor: pointer;
    color: #b15d46;
    border: 0;
    text-transform: uppercase;
    background: #fff;
    width: 150px;
    display: table;
    margin: 0px auto;
    border-radius: 10px;
    padding: 5px;
    border: 2px solid #af6c55;
}

.check-label {
    float: left;
    flex: 1;
    color: #fff;
    font-size: 12px;
    font-weight: normal;
    padding-left:5px;
}

.customform .form .input-group .check-label {
    color: #fff;
}




form{
    padding: 0;
    margin: 0;
}

.largeImg{
margin: 0px auto;
display: table; 
}
.largeImg img {
    width: 250px;
}

.thankyouBox {
   width: 100%;
    margin-top: 0px;
    padding: 50px 20px;
    border-radius: 20px;
    min-height: 200px;
    background-size: 100% 100%;
    background-image: url(../images/thankyou-bg.png);
}


.messageIcon {
background: #fff;
    border-radius: 100px;
    width: 80px;
    height: 80px;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: -4rem;
}

.messageIcon img {
    width: 40px;
}

.footer {
    margin: 0px auto;
    display: table;
}
.footer img {
    width: 55%;
    max-width: 300px;
    margin: 0px auto;
    display: table;
}
.footer-TC {
    position: absolute;
    right: 1rem;
    bottom: 1rem;
}

.footer-TC img {
    height: 20px;
}

.thankyouBox p{
 font-size: 16px;
 font-weight: 600;
 color:#fff;
    text-align: center;
    margin-top: 0px;
}
p2{
 font-size: 10px;
 font-weight: 400;
 color:#fff;
    text-align: center;
    margin-top: 0px;
}


.heroSlider{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 100vh;
}



.checkbox{float:left; position:relative; display:flex; align-items:center;}
.checkbox input{position:absolute; top:0; left:0; height:100%; z-index:1; opacity:0; width:100%; cursor:pointer;}
.checkbox label{float:left; width:4vmin;  margin-bottom: 0; border-radius: 5px; height:4vmin; border:0.22vmin solid #6d3528; position:relative; background:#fff;}
.checkbox input:checked + label{background:#6d3528;} 
.checkbox input:checked + label:after, .checkbox label.active:after{position:absolute; top:0; left:0; height:100%; display:flex; justify-content:center; align-items:center; content:'\e970'; font-family:'icon'; color:#fff; font-size:1.5vmin; width:100%; font-weight:900;}
.customform .form .input-group.redioButton .checkbox label{
     margin-top: 6px;

}
.customform .form .input-group .check-label{
    color: #6d3528;
}   

.customform .form .input-group .checkbox {
    align-items: flex-start;
} 


.input-file {
    visibility: hidden;
    position: absolute;
}


.input-group-btn {
    position: absolute;
    right: 0rem;
    top: 0;
}


.input-group-btn button {
    border: 0;
    background: transparent;
    width: 50px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.selectbox .customform {
    background: none;
}

.contentPost { display:none;}


.contentPost p {
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
}