html,body{color: #001e5a;}
.navbar-brand img{height: 3.5rem;}
.content-section{max-width: 100%;display: flex;}
#footer{background: #001e5a;}
#contact-form:before{content:'';display: block;background: url(../images/bg.png) no-repeat #fff;background-size: cover;width: 100%;height: 11rem;}
#contact-form{max-width: 100%;overflow: hidden;background: #001e5a;}
#contact-form form{width: 34em;margin: auto;}
#contact-form .form_item, #contact-form .form_submit{flex: 0 0 33%;max-width: 33%;padding: 0 .25rem;position: relative;margin-bottom: 1rem;}
#contact-form .form_item p{margin: 0;}
#contact-form .form_item input{max-width: 100%;}
#contact-form #submit{background: #69c8e6;border: 0;outline: 0;width: 100%;font-weight: bold;font-size: .8rem;color: #001e5a;padding: .25rem;}
#contact-form .form_submit{margin-left: .25rem;}
#contact-form .wpcf7{direction: rtl;position: relative;}
#contact-form .wpcf7-form-control-wrap{display: block;}
#contact-form .wpcf7-form-control-wrap input[type=tel]{text-align: right;}
#contact-form label{position: absolute;bottom: 50%;right: 1rem;transform: translateY(50%);transition:transform .25s ease-in-out;z-index: 2;font-size: .8rem;}
#contact-form label.top{transform:translate3d(0,-.85rem,0);font-size: .65rem;color: #fff;right: .5rem;}
#contact-form h3{color: #fff;font-size: 1.25rem;text-align: center;padding-top: 1rem;}
#contact-form .notice{color: #fff;font-size: .75rem;margin-left: auto;margin-right: .25rem;}
#contact-form .wpcf7-spinner{position: absolute;}
#footer .nav-link{color: #69c8e6;}
.rights{font-size: .7rem;color: #fff;}
.wpcf7-not-valid-tip{position: absolute;bottom: -1rem;left: 0;font-size: .65rem;}
.wpcf7-response-output{display: none;}
.thanks .inner{display: none;text-align: center;}
.thanks .inner.show{display: block;}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
    -webkit-background-clip: text;
    -webkit-text-fill-color: #ffffff;
    transition: background-color 5000s ease-in-out 0s;
  /*   box-shadow: inset 0 0 20px 20px #23232329; */
}
@media(min-width:1001px){
    html,body{font-size:calc(1vw + .8px)}
    .desktop{display: block;}
    .mobile{display: none;}
}
@media(max-width:1000px){
    html,body{font-size:4.4vw}
    .mobile{display: block;}
    .desktop{display: none;}
    .navbar-brand img{height: 2.5rem;}
    .content-section{flex-direction: column-reverse;width: 90vw;margin: auto;}
    #contact-form .form_item, #contact-form .form_submit{flex: 0 0 auto;max-width: 100%;}
    #contact-form .d-flex{flex-direction: column;}
    #contact-form form{width: 90vw;}
    #footer .d-flex{flex-direction: column;align-items: center;}
    #contact-form .form_submit{margin-left: 0;width: 90vw;}
}