﻿
/* base */
input:-webkit-autofill,input:-webkit-autofill:hover, input:-webkit-autofill:focus,textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,textarea:-webkit-autofill:focus,select:-webkit-autofill,
select:-webkit-autofill:hover,select:-webkit-autofill:focus{border:0px solid #EFEFEF;font-family:'MaisonNeue-Medium',sans-serif!important;-webkit-text-fill-color:#232323;-webkit-box-shadow:0 0 0px 1000px #EFEFEF inset;}
input::placeholder{color:#232323!important;opacity:1}
input:-ms-input-placeholder{color:#232323!important}
input::-ms-input-placeholder{color:#232323!important}
textarea::placeholder{color:#232323!important;opacity:1}
textarea:-ms-textarea-placeholder{color:#232323!important}
input::-ms-input-placeholder{color:#232323!important}
input{color:#fff;font-size:16px;border:0px solid transparent!important;box-sizing:border-box;margin-bottom:10px;margin-right:10px;font-family:'MaisonNeue-Medium',sans-serif!important;background-color:#EFEFEF;padding:20px;border-radius:2px;transition:.3s ease}
textarea{width:100%;padding:20px;color:#fff;border:0px solid transparent;background-color:#EFEFEF;font-size:16px;box-sizing:border-box;border-radius:0px;height:150px;margin-bottom:5px;font-family:'MaisonNeue-Medium',sans-serif!important; transition:.3s ease}
input:focus,textarea:focus,select:focus{padding:20px;border:0px solid transparent;color:#fff;font-size:16px;box-sizing:border-box;border-radius:2px;outline-style:none;background-color:rgba(82,82,82,0.2)}
input.button,input.button:focus{background:#0073a2!important;border-color:#0073a2!important;padding:18px;color:#fff;text-decoration:none;font-size:16px;transition:.3s ease;border-radius:2px;width:200px;border:0px;border-radius:2px;cursor:pointer;margin-top:25px;margin-bottom:30px;-webkit-appearance: none!important;font-family:'MaisonNeue-Medium',sans-serif!important;text-transform:uppercase}
input.button:hover{background:#16171E!important}
select::-ms-expand{display:none}



/* captcha */
.CaptchaPanel{margin:0!important;padding:0!important;text-align:center;line-height:normal!important}
.CaptchaImagePanel{margin:0;padding:0}
.CaptchaMessagePanel {padding:0 !important;margin:0!important;font-weight:normal!important;font-size:16px;line-height:24px;color:#16171E;font-family:'MaisonNeue-Medium',sans-serif!important}
.CaptchaAnswerPanel{margin:10px auto;width:100%!important;padding:2px 0px 2px 0px!important}
.CaptchaAnswerPanel input{background:#fff!important;color:#16171E!important}
.CaptchaWhatsThisPanel{line-height:0;margin:0 0 5px 0;padding:8px 0 8px 0!important;font-family:'MaisonNeue-Medium',sans-serif!important}
.CaptchaWhatsThisPanel a{color:#16171E}
.CaptchaWhatsThisPanel a:hover{text-decoration:none}



/* search */
.selectdiv{position:relative;width:100%}
.selectdiv:after{content:"\f078";font-family:'Font Awesome 5 Free';font-weight:900;font-size:12px!important;color:#16171E;right:25px;top:0px;bottom:0px;padding:22px 0px 0px 0px;position:absolute;pointer-events:none}
.equip-search input[type="submit"]{display:none;appearance:none!important;-moz-appearance:none!important;-webkit-appearance:none!important;-ms-appearance:none!important;-o-appearance:none!important}
.custom-select{position:relative;font-family:'MaisonNeue-Medium',sans-serif!important;font-size:16px!important}
.custom-select select{display:none}
.select-selected{background-color:#fff;padding:20px 18px 16px 18px!important;margin:10px 0;font-size:16px!important;transition:.4s ease;border:1px solid transparent;border-color:transparent}
.select-items div,.select-selected{color:#16171E;padding:18px;cursor:pointer;transition:.4s ease!important}
.select-items div{border:1px solid transparent;border-color:transparent transparent #009DDD transparent;color:#fff}
.select-items{position:absolute;background-color:#0085BB;box-shadow:0 0 10px rgba(0,0,0,0.15);width:100%;margin:0 auto;top:65px;left:0;right:0;z-index:999999}
.footer-select .select-items{top:-850px!important}
.select-hide{display:none}
.select-items div:hover,.same-as-selected{background-color:#009DDD}
.btn-success{font-size:18px;background:#16171E;width:100%;margin-top:10px;padding:16px;color:#fff;transition:.3s ease;text-align:center;cursor:pointer;font-family:'rift',sans-serif!important;text-transform:uppercase;border:0px!important}
.btn-success:hover{background:#262733}
.select-items div:nth-child(4){padding-left:30px;background:#009DDD!important;border-color:#00ACF3 transparent transparent transparent!important}
.select-items div:nth-child(5){padding-left:30px;background:#009DDD!important;border-color:#00ACF3 transparent transparent transparent!important}
.select-items div:nth-child(8){padding-left:30px;background:#009DDD!important;border-color:#00ACF3 transparent transparent transparent!important}
.select-items div:nth-child(9){padding-left:30px;background:#009DDD!important;border-color:#00ACF3 transparent transparent transparent!important}
.select-items div:nth-child(10){padding-left:30px;background:#009DDD!important;border-color:#00ACF3 transparent transparent transparent!important}
.select-items div:nth-child(12){padding-left:30px;background:#009DDD!important;border-color:#00ACF3 transparent transparent transparent!important}
.select-items div:nth-child(13){padding-left:30px;background:#009DDD!important;border-color:#00ACF3 transparent transparent transparent!important}
.select-items div:nth-child(14){padding-left:30px;background:#009DDD!important;border-color:#00ACF3 transparent transparent transparent!important}
.select-items div:nth-child(15){padding-left:30px;background:#009DDD!important;border-color:#00ACF3 transparent transparent transparent!important}
.select-items div:nth-child(16){padding-left:30px;background:#009DDD!important;border-color:#00ACF3 transparent transparent transparent!important}
.select-items div:nth-child(17){padding-left:30px;background:#009DDD!important;border-color:#00ACF3 transparent transparent transparent!important}
.select-items div:hover:nth-child(4){background:#00ACF3!important}
.select-items div:hover:nth-child(5){background:#00ACF3!important}
.select-items div:hover:nth-child(8){background:#00ACF3!important}
.select-items div:hover:nth-child(9){background:#00ACF3!important}
.select-items div:hover:nth-child(10){background:#00ACF3!important}
.select-items div:hover:nth-child(12){background:#00ACF3!important}
.select-items div:hover:nth-child(13){background:#00ACF3!important}
.select-items div:hover:nth-child(14){background:#00ACF3!important}
.select-items div:hover:nth-child(15){background:#00ACF3!important}
.select-items div:hover:nth-child(16){background:#00ACF3!important}
.select-items div:hover:nth-child(17){background:#00ACF3!important}




/* form */
.form-row{float:left;width:calc(50% - 10px);margin:0px 5px}
.three-form-row{float:left;width:calc(33% - 10px);margin:0px 5px}
.form-row input, .three-form-row input{background-color:#fff;padding:20px 18px 18px 18px!important;font-size:16px!important;transition:.4s ease;border:1px solid transparent;border-color:transparent;width:100%;border-radius:0!important;color:#16171E}
.three-form-row input{margin:10px 0}
.whole-form-row textarea{background:#fff!important;border:1px solid #fff!important;border-radius:0px!important;color:#16171E!important;padding:20px;margin-left:3px}
.whole-form-row{width:calc(100% - 10px)}



/* responsive */
@media screen and (max-width:1300px){
.three-form-row{float:none;width:100%;margin:5px 0}  
.form-row input, .three-form-row input{padding:15px 18px 13px 18px!important;margin:5px 0}    
.whole-form-row textarea{margin:5px 0}    
.select-items{top:54px}
.select-selected{padding:15px 18px 13px 18px!important;margin:0}
.selectdiv:after{padding:18px 0px 0px 0px}
.select-items div,.select-selected{padding:15px 18px}    
.btn-success{font-size:15px;width:100%}
input,textarea,textarea_comment,select{font-size:14px!important}
.CaptchaMessagePanel{font-size:14px!important}
.CaptchaMessagePanel a{font-size:14px!important}
input.button,input.button:focus{font-size:14px!important}
input.button:hover{font-size:14px!important} 
.form-row input{font-size:14px!important}  
.custom-select{font-size:14px!important}
.select-selected{font-size:14px!important}
.three-form-row input{font-size:14px!important}  
}



@media screen and (max-width: 730px) {
.form-row{float:none;width:100%;margin:2px 0px}
.whole-form-row textarea{margin-left:0px}
.whole-form-row{width:100%}
}
