@charset UTF-8;
/*--CREATED ON APRIL 02, 2020 By WIZTECH --*/
*{outline:0 none;border:0 none;font-family:Roboto, sans-serif;font-size:1rem;line-height:140%;color:#333;margin:0;padding:0;}
/*-- TOOLS --*/
.weBuyAnyCar{background:#111419 url(../images/weBuyAnyCar/weBuyAnyCar-bg.jpg) no-repeat center top;background-size:cover;min-height:100vh;}
a.logo-inquiry{display:inline-block;margin-bottom:3rem;margin-left:-15px;width:50%;}
a.logo-inquiry img{max-width:100%;}

.welcome{margin-top:0;margin-bottom:2rem;}
.welcome h2{font-family:'Titillium Web', sans-serif;font-size:2.125rem;font-weight:600;text-transform:uppercase;color:#fff;margin-bottom:1rem;}
.welcome p{font-family:'Titillium Web', sans-serif;font-size:1.25rem;font-weight:400;color:#fff;}

.inquiry-box{background:#32398d url(../images/weBuyAnyCar/contact-form-bg.png) no-repeat top center;box-shadow:0 0 .8rem rgba(0,0,0,0.2);padding:2rem;}
.inquiry-box h3{font-family:'Titillium Web', sans-serif;font-size:1.625rem;font-weight:700;text-transform:uppercase;color:#fff;margin-bottom:.6rem;}
.inquiry-box p{font-size:1rem;font-weight:300;color:#fff;}
.visit a{display:inline-block;width:100%;text-align:center;font-weight:700;font-size:.875rem;color:#c5c5c5;text-transform:uppercase;padding:1.5rem .5rem;}
.visit a i{display:inline-block;position:relative;margin-left:.4rem;}
.visit a i:after{position:absolute;top:-10px;left:-4px;display:inline-block;width:9px;height:9px;border-right:2px solid #c5c5c5;border-top:2px solid #c5c5c5;content:"";transform:rotate(45deg);}

footer{margin-top:2rem;padding:1.5rem 0;}
footer .claim,footer .footer-developed{color:#dbdbdb; font-size:.8125rem; font-weight:300;}
footer .footer-developed{text-align:right;}
footer .footer-developed a{font-weight:700;color:#dbdbdb;text-transform:uppercase;}
footer .footer-developed a:hover,footer .footer-developed a:focus{color:#32398d;text-decoration:none;}

.form-group{position:relative;display:block;margin-bottom:1rem;}
.form-group span{font-size:.875rem;color:rgba(255,255,255,.6);position:absolute;top:11px;transition:all .2s ease;transform-origin:0 0;cursor:text;}
.form-group span.border{height:2px;display:block;position:absolute;width:100%;left:0;top:41px;transform:scaleX(0);transition:all .15s ease;background:#fff;}
.form-control{border-radius:0;border:none;border-bottom:2px solid #fff;display:block;width:100%;height:43px;font-size:1rem;background:none;padding:0;}
.form-control:focus,.form-control:valid{border-bottom:2px solid #fff;box-shadow:none;background:none;color:#fff;}
.form-control:focus+span,.form-control:valid+span{transform:translateY(-22px) scale(0.8);}
.form-control:focus+span+.border,.form-control:valid+span+.border{transform:scaleX(1);}

button.submit-inquiry{width:100%;height:3rem;border:0 none;cursor:pointer;display:block;align-items:center;justify-content:center;background:#fff;color:#2d3485;text-transform:uppercase;font-size:1.125rem;font-weight:700;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s;margin:2rem auto auto;padding:0;text-align:center;clear:both;float: none;}
button.submit-inquiry i{margin-left:10px;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:.1s;transition-duration:.1s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;}
button.submit-inquiry:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:rgba(50,57,141,0.2);-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;}
button.submit-inquiry:hover{border-color:transparent;}
button.submit-inquiry:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1);}
button.submit-inquiry:hover i{-webkit-transform:translateX(4px);transform:translateX(4px);}

/*-BREAKPOINTS-*/
@media (min-width: 568px) {

}
@media (min-width: 667px) {
    a.logo-inquiry{width:30%;}
}
@media (min-width: 768px) {
    a.logo-inquiry{width:30%;}
    footer{margin-top:8rem;}
    footer .claim,footer .footer-developed{font-size:.875rem; 

}
@media (min-width: 992px) {
    a.logo-inquiry{width:25%;}
    .welcome{margin-top:8rem;}
}
@media (min-width: 1200px) {
    a.logo-inquiry{width:100%;}
}