@font-face{font-family:'Frutiger';src:url('../fonts/Frutiger-Light.eot');src:url('../fonts/Frutiger-Light.woff') format('woff'), url('../fonts/Frutiger-Light.ttf') format('truetype');
    font-weight:normal;font-style:normal;}
body,span,h1,h2,h3,h4,h5,h6,p,a,address,strong,b,u,i,ul,li{font-family:'Frutiger';margin:0;padding:0;}
img{max-width:100%;height:auto;}
a,li,a:hover,a:active,a:focus{text-decoration:none;list-style:none;}
:focus{outline:none!important;}
a,a:active,a:focus,a:hover,input,.btn:active:focus, .btn:focus{outline:none!important;}
i{font-style: normal;}
.container-fluid{max-width:1920px;}
.nopadding{padding: 0!important;}
.no-mlr{margin-left:0;margin-right:0;}
main{min-height:500px;}
.top-back-form{height:200px;background:#e7ceb4;}
.btm-back-form{height:calc(100vh - 200px);background:#caa47b;}
form.serial_pro{width:60vw;overflow: hidden;position: absolute;background: #fff;top: 70px;right:20vw;box-shadow: 0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.07);border-radius: 4px;padding:20px;overflow-y: auto;scrollbar-width:thin;}
.img-form{text-align: center;}
.img-form img{max-height:90px;}
.title-form{text-align:center;margin:7px 0 16px;}
.title-form h1{font-size:1.3rem;color:#caa47b;}
.logo{max-width: 40vw;display: inline-block;padding:15px 40px;}
.logo img{max-height:120px;}
p.desc-form{text-align: center;margin: 23px 0;font-size: 20px;font-weight: 600;color: #555;}
p.desc_form{text-align: center;color:#555;}
.row-form{margin-top:45px;padding: 0 40px;}
.col-form label{}
.col-form input{border:1px solid #bbb;border-radius:3px;padding:2px 8px;width:100%;height: 36px;}
.col-form{padding:0 4px;}
.row-form button[type="submit"]{background: #c7c7c6;border: 1px solid #9e9d9d;height: 36px;border-radius: 3px;cursor: pointer;width:100%;text-align: center;}
.row-form button[type="submit"]:hover{background:#b4b4b4;}
.info-form{width:36vw;padding:30px;text-align: center;}
.info-form h2{font-size:1.2rem;font-weight:600;}
.info-form p{margin:5rem 0;}
.box-social-foot a{ display: inline-block;width: 30px;height: 30px;background: #e4ae4c;line-height: 32px;text-align: center;border-radius: 30px;color: #fff;margin: 0 3px;}
.box-social-foot a span{font-size:16px;}
.box-social-foot a:hover span{transform: rotate(360deg);transition: all .5s;}
.box-social-foot a:hover span.faq{display:inline-block;}
.img_pro{border:1px solid #bbb;text-align: center;height: 82px;line-height: 75px;padding: 3px;overflow: hidden;}
.img_pro img{max-height:66px;}
.show-pro{padding:0 30px;margin-top:16px;}
.n-pro{border:1px solid #bbb;padding:1px 10px;min-height: 34px;line-height: 30px;}
.c-pro{border:1px solid #bbb;padding:1px 10px;margin-top:18px;min-height: 34px;line-height: 30px;}
.success{background:#52d18d;color:#fff;}
.warning{background:#efa92f;color:#fff;}
.error{background: #f25a22;color:#fff;}
.img_pro span{font-size:14px;color:#777;}
.box-social-foot{text-align: center;margin-top:60px;}
span.faq img{filter:brightness(0) invert(1);max-width: 22px;position: relative;bottom: 3px;}



@media(max-width:1200px) {
form.serial_pro{width:70vw;right:15vw;left:15vw;}
}
@media(max-width:991px) {
form.serial_pro {width: 90vw;right:5vw;left:5vw;}
}
@media(max-width:767px) {
.row-form,.show-pro{padding:0;}
}
@media(max-width:576px) {
.col-form label{margin-top:10px;}
.row-form button[type="submit"]{margin-top:10px;}
.img_pro{margin-bottom:12px;}
}

::-webkit-scrollbar {width: 4px;height:4px;background: #ddd;}
::-webkit-scrollbar-thumb {background: #a9a9a9;-webkit-border-radius: 1ex;}
.marginCaptcha{margin-left: 105px}
body {scrollbar-width: thin;}