@font-face { font-family: Poppins-Regular; src: url('../fonts/poppins/Poppins-Regular.ttf'); }
@font-face { font-family: Poppins-Medium; src: url('../fonts/poppins/Poppins-Medium.ttf'); }
@font-face { font-family: Poppins-Bold; src: url('../fonts/poppins/Poppins-Bold.ttf'); }
@font-face { font-family: PlayfairDisplay-Regular; src: url('../fonts/playfairdisplay/PlayfairDisplay-Regular.ttf'); }


* { margin: 0px; padding: 0px; box-sizing: border-box; } 
body, html { height: 100%; font-family: Poppins-Regular, sans-serif; font-size: 13px; } 
a { font-family: Poppins-Regular; line-height: 1.7; color: #000000; margin: 0px; transition: all 0.4s; -webkit-transition: all 0.4s; -o-transition: all 0.4s; -moz-transition: all 0.4s; } 
a:focus { outline: none !important; }
a:hover { text-decoration: none; color: #82762c; }
h1 {
    font-family: PlayfairDisplay-Regular;
    font-size: 30px;
    font-weight: bold;
}


h3,h4,h5,h6 { margin: 0px; } 
p { font-family: Poppins-Regular; font-size: 14px; line-height: 1.7; color: #666666; margin: 0px; } 
ul, li { margin: 0px; list-style-type: none; } input { outline: none; border: none; } 
textarea { outline: none; border: none; } textarea:focus, input:focus { border-color: transparent !important; } 
input:focus::-webkit-input-placeholder { color:transparent; } 
input:focus:-moz-placeholder { color:#666666; } 
input:focus::-moz-placeholder { color:transparent; } 
input:focus:-ms-input-placeholder { color:transparent; } 
textarea:focus::-webkit-input-placeholder { color:transparent; } 
textarea:focus:-moz-placeholder { color:transparent; } 
textarea:focus::-moz-placeholder { color:transparent; } 
textarea:focus:-ms-input-placeholder { color:transparent; } 
input::-webkit-input-placeholder { color: #999999; } 
input:-moz-placeholder { color: #999999; } 
input::-moz-placeholder { color: #999999; } 
input:-ms-input-placeholder { color: #999999; } 
textarea::-webkit-input-placeholder { color: #999999; } 
textarea:-moz-placeholder { color: #999999; } 
textarea::-moz-placeholder { color: #999999; } 
textarea:-ms-input-placeholder { color: #999999; } 
button { outline: none !important; border: none; background: transparent; } 
button:hover { cursor: pointer; } iframe { border: none !important; } 
.bg-contact2 { width: 100%;  background-repeat: no-repeat; background-position: center center; background-size: cover; } 
.container-contact2 { width: 100%; min-height: 200px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; padding: 70px 0px; background-color: #ededed; } 
.wrap-contact2 { width: 790px; background: #F5F5F5; overflow: hidden; padding: 30px 35px; box-shadow: 5px 10px 18px #888888; } 
.contact2-form { width: 100%; } 
.contact2-form-title { display: block; font-family: Poppins-Bold; font-size: 39px; color: #333333; line-height: 1.2; text-align: left; padding-bottom: 90px; } 
.wrap-input2 { width: 100%; position: relative; border-bottom: 2px solid #adadad; margin-bottom: 37px; } 
.input2 { display: block; width: 100%; font-family: Poppins-Regular; font-size: 15px; color: #555555; line-height: 1.2; } 
.focus-input2 { position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; pointer-events: none; } 
.focus-input2::before { content: ""; display: block; position: absolute; bottom: -2px; left: 0; width: 0; height: 2px; -webkit-transition: all 0.4s; -o-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; background-color: #84762B; } 
.focus-input2::after { content: attr(data-placeholder); display: block; width: 100%; position: absolute; top: 0px; left: 0; font-family: Poppins-Regular; font-size: 13px; color: #999999; line-height: 1.2; -webkit-transition: all 0.4s; -o-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; } 
input.input2 { height: 45px; } 
input.input2 + .focus-input2::after { top: 16px; left: 0; } 
textarea.input2 { min-height: 115px; padding-top: 13px; padding-bottom: 13px; } 
textarea.input2 + .focus-input2::after { top: 16px; left: 0; } 
.input2:focus + .focus-input2::after { top: -13px; } 
.input2:focus + .focus-input2::before { width: 100%; } 
.has-val.input2 + .focus-input2::after { top: -13px; }  
.has-val.input2 + .focus-input2::before { width: 100%; } 
.container-contact2-form-btn { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; justify-content: center; padding-top: 13px; } 
.wrap-contact2-form-btn { display: block; position: relative; z-index: 1; border-radius: 2px; width: auto; overflow: hidden; margin: 0 auto; } 
.contact2-form-bgbtn { position: absolute; z-index: -1; width: 300%; height: 100%; background-color: #f2cb1a; top: 0; left: -100%; -webkit-transition: all 0.4s; -o-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; } 
.contact2-form-btn { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; justify-content: center; align-items: center; padding: 0 20px; min-width: 244px; height: 50px; font-family: Poppins-Medium; font-size: 16px; color: #fff; line-height: 1.2; } 
.wrap-contact2-form-btn:hover .contact2-form-bgbtn { left: 0; }
input[type=submit] {display: block; border-radius: 2px; width: auto; overflow: hidden; margin: 0 auto; background-color: #f2cb1a !important; top: 0; left: -100%; -webkit-transition: all 0.4s; -o-transition: all 0.4s;-moz-transition: all 0.4s;transition: all 0.4s;color: white;padding: 0px 20px;border: none;min-width: 244px;height: 50px;font-family: Poppins-Medium;font-size: 16px;color: #fff;line-height: 1.2;cursor: pointer;}
input[type=submit]:hover {text-decoration: none;color: #82762c;}
a.button { display: block; border-radius: 2px; width: auto; overflow: hidden; margin: 0 auto; background-color: #f2cb1a !important;top: 0; left: -100%;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
    padding: 0px 20px;
    border: none;
    min-width: 244px;
    height: 50px;
    font-family: Poppins-Medium;
    font-size: 16px;
    text-align: center;
    color: #fff !important;
    line-height: 3.2;
    cursor: pointer;
}

    a.button:hover {
        text-decoration: none;
        color: #82762c;
    }


.wrap-contact2-form-btn:hover .contact2-form-bgbtn {
    left: 0;
}

.correctDisplayForceHeight { height: 85px !important; }

/*.correctSizeOnResponsiveMode { background-color: aquamarine !important; }*/



.validate-input { position: relative; }
.alert-validate::before {
    content: attr(data-validate);
    position: absolute;
    z-index: 1002;
    max-width: 85%;
    background-color: white;
    border: 1px solid #c80000;
    border-radius: 2px;
    padding: 4px 25px 4px 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0px;
    pointer-events: none;
    font-family: Poppins-Regular;
    color: #c80000;
    font-size: 13px;
    line-height: 1.4;
    text-align: left;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.4s;
    -o-transition: opacity 0.4s;
    -moz-transition: opacity 0.4s;
    transition: opacity 0.4s;
}
.alert-validate::after {
    content: "\f12a";
    font-family: FontAwesome;
    display: block;
    position: absolute;
    z-index: 1002;
    color: #c80000;
    font-size: 16px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 8px;
}
.alert-validate:not(.tooltip-icon:hover):hover:before {
    visibility: visible;
    opacity: 1;
} 
	
@media (max-width: 992px) 
{ 
    .correctDisplayForceHeight { height: 0px !important; }
    .correctMarginAfterCountryCode { margin-top: 25px !important; }
	.alert-validate::before { visibility: visible; opacity: 1; }
    
    .correctSizeOnResponsiveMode { width: 100% !important; }
    .footerDMain2 { padding: 0px 0px 10px 0px !important; }
}

/*@media (max-width: 992px) {
    .correctSizeOnResponsiveMode {
        padding: 30px 55px 30px 55px;
    }
}*/

@media (max-width: 585px) 
{ 
	.wrap-contact2 { padding: 30px 5px; }

    #terms { width: 100% !important; }
    .correctSizeOnResponsiveMode { width: 100% !important; }
    .spanContactUs { width: 230px !important; }


    .removeMarginBotton{ margin-bottom: 20px !important;}
} 