@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: #4c4d4e; 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;}
header ul li img{    width: calc(1.5vw + 3px);
}
header ul li{    display: inline-block;
    font-size: calc(1vw + 3px);}
header ul{list-style-type: none;
    direction: ltr;
    padding: 0;
    margin: 2vw 0 2vw 3vw;}
#content { text-align: center;font-size: calc(2.7vw + 3px);margin: 0vw 0 3vw;   }
.con2{text-align: center;
    margin: 1vw 0 3vw;
    font-size: calc(1.3vw + 3px);}
.con3{text-align: center;     margin: 1vw 0 11vw;font-size: calc(1vw + 3px);}
#content span{display: block;line-height: 1.2;  
}
#content span.light{   font-size: calc(1.5vw + 3px);
}
.icons .medium{text-align: right}
.bold{font-weight: bold;}
.medium{font-weight: 500; color: #2cade3;     text-align: center;     font-size: calc(1.8vw + 3px);
}
.medium-1{    font-weight: 500;
    color: #2cade3;
    text-align: center;
    font-size: calc(1.4vw + 3px);}
.light{font-weight: 300;}
.icons{    background-color: #ecf1f5;     padding-top: 3vw;
}
/* -ms-grid-columns: 1fr 1fr 1fr; */
.icons .inner{display: grid;display: -ms-grid; -ms-grid-columns: 1fr 1fr 1fr; grid-template-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(1.2vw + 3px);
}
.icon img{width:7vw;    margin-left: 8vw;
}
.icon footer span{display: block;}
.info{color: #5d5f5f;font-size: calc(0.9vw + 2px);text-align: right;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: #2cade3;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: 12.5vw;
    display: inline-block;
    position: absolute;
    right: 60.5vw;
    top: 7.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: 1vw 0 1.5vw;
    background-size: cover;
    background-color: #606262;
    position: fixed;
    bottom: 0;
    right: 0;
    width: 100vw;
    z-index: 2;
    margin: 0; }
#contact_form {margin: auto;width:60vw;text-align: center;}
.form_title img{    width: 15vw;
}
h1{
    font-size: calc(3px + 1.33vw);
    margin-top: 0vw;
    width: 27vw;

}

.form_btn{
    background: #1f2021;
    font-weight: 400;
    border-radius: 0.5vw;
 
    font-size: calc(1.4vw + 3px);
    padding: 0.8vw;
    position: absolute;
    padding-top: 0.2vw;
    padding-bottom: 0.3vw;
    top: 27vw;
    left: 15vw;
    padding-left: 1.5vw;
    padding-right: 1.5vw;
}
.form_btn a{
    color: #fff;
}

/*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.2vw;
    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 {     line-height: 0.3;
    font-weight: bold; letter-spacing: -0.05vw;text-align: center;font-family: Heebo, helvetica;margin:0vw 0 0;  margin-bottom: 2vw;}
.tit{font-size: calc(3px + 2.45vw);
    color: #fff;}
#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: #4c4d4e;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:#4c4d4e;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: #4c4d4e; 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: #4c4d4e; opacity: 1; font-size: calc(1.1vw + 3px);;font-weight: 400;}
:-moz-placeholder { color: #4c4d4e;opacity: 1; font-weight: 400;font-size: calc(1.1vw + 3px);}
::-moz-placeholder {color: #4c4d4e; opacity: 1;font-size: calc(1.1vw + 3px); font-weight: 400;}
:-ms-input-placeholder { color: #4c4d4e; 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 #4c4d4e;margin-bottom:1vw;padding-top: 1.5vw;}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .icons .medium{position: relative;left: 3vw}
}
@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: 15vw;}
    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;}
    .form_btn{top: 33vw}
}
@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: 0vh 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;
}