@font-face {
    font-family: 'Heebo';
    src: url('fonts/Heebo-Light.eot');
    src: url('fonts/Heebo-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/Heebo-Light.woff2') format('woff2'),
        url('fonts/Heebo-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Heebo';
    src: url('fonts/Heebo-Regular.eot');
    src: url('fonts/Heebo-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/Heebo-Regular.woff2') format('woff2'),
        url('fonts/Heebo-Regular.woff') format('woff'),
        url('fonts/Heebo-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Heebo';
    src: url('fonts/Heebo-Bold.eot');
    src: url('fonts/Heebo-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Heebo-Bold.woff2') format('woff2'),
        url('fonts/Heebo-Bold.woff') format('woff'),
        url('fonts/Heebo-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Heebo';
    src: url('fonts/Heebo-Medium.eot');
    src: url('fonts/Heebo-Medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/Heebo-Medium.woff2') format('woff2'),
        url('fonts/Heebo-Medium.woff') format('woff'),
        url('fonts/Heebo-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
html,body { margin: 0; padding: 0; top: 0; font-family: Heebo, helvetica; width: 100%; height: 100%; font-size: 20px; font-weight: normal;}
body {background:#fff;background-position: 100% 50%; color: #1b6396; background-size: cover;  overflow-x: hidden;}
header,main { position: relative;}
input,select {font-family: Heebo, helvetica;font-weight: 100;height: 28px;}
/*Main Content*/
header img{width:100vw;}
#content { text-align: center;font-size: calc(2.35vw + 3px);margin: 1vw 0 3vw;}
#content span{display: block;line-height: 1;}
#content span.light{letter-spacing: -0.05vw;}
.bold{font-weight: bold;}
.medium{font-weight: 500;}
.light{font-weight: 300;}
.icons .inner{display: grid;display: -ms-grid; grid-template-columns:  1fr 1fr 1fr; -ms-grid-columns: 1fr 1fr 1fr;width:80vw;margin: auto;text-align: center;}
.icons .inner .icon:nth-child(1){-ms-grid-column: 1;}
.icons .inner .icon:nth-child(2){-ms-grid-column: 2;}
.icons .inner .icon:nth-child(3){-ms-grid-column: 3;}
.icon footer,.icon header,.icon main{position: relative;top: auto;bottom: auto;right: auto;left: auto;font-size: calc(0.9vw + 3px);}
.icon img{width:10vw;}
.icon footer span{display: block;}
.info{color: #1b6396;font-size: calc(1.3vw + 2px);text-align: center;padding: 0.35vw 0;}
.info *{vertical-align: middle;}
.info span{display: inline-block;padding-right: 1.5vw;background: url('../images/triangle.png') no-repeat;background-position: right center;background-size: 0.8vw;letter-spacing: -0.05vw;}
a { color: #1b6396;text-decoration: none;}
a:focus,input:focus,select:focus { outline: 2px solid lime!important; border: none;}
iframe {  display: none;}
#wrapper { -ms-transform-origin: center;  direction: rtl;}
.logo { width: 23.5vw; display: inline-block; position: absolute;  right: 10.5vw; top: 3.1vh; z-index: 9999;}
.logo img { width: 100%;}
#form_wrapper {/*  position: absolute; left: 1.5vw;top:5vw;width: 17vw; font-family: Heebo, helvetica; padding: 0.1vw; */background: url(../images/formbg.jpg) no-repeat;padding:2vw 0 3vw;background-size: cover;}
#contact_form {margin: auto;width:60vw;text-align: center;}
h1,h2{color: #fff;text-align: center;margin: 0;}
h1{font-size: calc(5vw + 3px);line-height: 1;}
h1 span{display: block;}
h1 span.light{letter-spacing: 0.85vw;}
h1 span.bold{letter-spacing: -0.05vw;font-size: 0.95em;}
h2{font-weight: 300;font-size: calc(2.5vw + 3px);}
form .row{display: grid;display: -ms-grid;}
.halves{grid-template-columns: 1fr 1fr;-ms-grid-columns: 1fr 1fr;}
.halves .form_item:nth-child(1){-ms-grid-column: 1;}
.halves .form_item:nth-child(2){-ms-grid-column: 2;}
.fifths{grid-template-columns: 4fr 1fr;-ms-grid-columns: 4fr 1fr;}
.fifths .form_item:nth-child(1){-ms-grid-column: 1;}
.fifths .form_item:nth-child(2){-ms-grid-column: 2;}
.row input{width:98%;}
.row .form_item:first-child{text-align: right;}
.row .form_item:last-child{text-align: left;}
.form_item { position: relative;margin-top: 0.75vw;}
.form_notice {font-size: 1vw;display: block !important; margin: 0; margin: 1vw 0 2vw;}
.form_title {  font-weight: bold; letter-spacing: -0.05vw;text-align: center;font-family: Heebo, helvetica;margin:2vw 0 0;}
#form_wrapper h3{font-weight: normal;text-align: center;font-size: calc(0.8275vw + 3px);margin: 0}
.inputwrapper { display: block;height: 5.4vh;}
#full_name,#phone,#email,#company { padding-right: 0.4vw;  height: 6vh; font-size: 1.2vw;color: #1b6396;box-sizing:border-box;}
.error_msg { display: none; color: #ff0000; position: absolute; bottom: 0.5vw; left: 1.5vw; font-size: 1vw;}
.error ~ .error_msg{display: block;}
label{font-size: calc(1.1vw + 3px);display: block;color:#1b6396;position: absolute;right: 0.5vw;bottom: 0.5vw;font-weight: normal}
label.top{color:#fff;bottom: auto;top:0vw;/* transition: transform .2s ease-in-out; */transform: translate3d(0,-1.5vw,0);-ms-transform: translate3d(0,-1.5vw,0);}
#submitinput {width:98%;}
input {display: block;border-radius: 0.35vw;border:none;outline: none;}
#formsubmit { width: 98%; height: 6vh;background: #fff; background-size: 100%;border: none; outline: none; color: #1b6396; font-size:1.3vw; font-weight: bold; font-family: Heebo, helvetica; text-align: center;line-height: 1vw; cursor: pointer;}
.screen-reader-text {clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px;  width: 1px; overflow: hidden;}
.care{width:calc(23.5vw + 3px);display: block;margin: 1vw auto;}
[aria-hidden="true"] {display: none;}
.desktop {}
::-webkit-input-placeholder { color: #1b6396; opacity: 1; font-size: calc(1.1vw + 3px);;font-weight: 400;}
:-moz-placeholder { color: #1b6396;opacity: 1; font-weight: 400;font-size: calc(1.1vw + 3px);}
::-moz-placeholder {color: #1b6396; opacity: 1;font-size: calc(1.1vw + 3px); font-weight: 400;}
:-ms-input-placeholder { color: #1b6396; opacity: 1; font-size: calc(1.1vw + 3px);font-weight: 400;padding: 0;}
.mobile {display: none!important; visibility: hidden;}
footer { }
footer .top{border-top: 0.25vw solid #1b6396;margin-bottom:1vw;padding-top: 1.5vw;}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
}
@media (device-aspect-ratio:4/3) {
    body { background: url('../images/bg-desk-s.jpg') no-repeat #fff; background-position: 50% 30%; background-size: cover;}
    #form_wrapper{transform: scale(1.1); left: 4vw;  top: 25vh; }
    .logo{ left: 6.6vw; }
    footer{  transform: scale(1.1); left: 3.2vw;}
    #content { top: 25.6vh; right: 16.8vw; transform: scale(1); }
    #formsubmit{  line-height: 0vh;  height: 5.3vh; }
    #full_name, #phone, #email,#company  { height: 3.6vh;}
    .form_notice { margin-top: 1.8vh;}
    .error_msg{top:2.3vh;}
    #content { top: 25.6vh;right: 16.8vw; transform: scale(1);}
    #content h1{font-size: 5.3vw;}
    #content h2{font-size: 3.4vw;width:15.2vw;}
    #form_wrapper{ left: 2vw; top: 25vh; }
    footer{transform: scale(1.1); left: 6vw;}
}
@media (device-aspect-ratio:5/4) {
    body { background: url('../images/bg-desk-s.jpg') no-repeat #fff;  background-position: 50% 30%; background-size: cover;}
    .form_notice { margin-top: 3.5vh; }
    #form_wrapper{ left: 2vw;top: 19vh; margin-top: 1vw;}
    .logo{ left: 2vw;}
    footer{ transform: scale(1.1); left: 2.5vw; }
    #full_name, #phone, #email,#company { height: 3.6vh; }
    .form_notice {  margin-top: 1.8vh; }
    #content { top: 5.6vh;transform: scale(1); }
    #formsubmit{ line-height: 0vh; height: 4vh;}
    .error_msg{top:1.8vh;}
}
@media (device-aspect-ratio:8/5){
    #content{ top: 19.6vh;}
}
/*firefox fix-*/
@-moz-document url-prefix() {}
/*Edge fix-*/
@supports (-ms-ime-align:auto) {

}
#thanks { margin: 20vh 0vw; text-align: center;}
#thanks p { margin-bottom: 1vw;font-size: 1.7vw; letter-spacing: -0.05vw; font-family: Heebo, helvetica;  margin: 0;     color: white;}
#thanks #header { font-size: 2.2vw; display: block; font-weight: 100; font-family: Heebo, helvetica;     color: white;
}