@CHARSET "UTF-8";
body{padding-top:115px}
body.home{padding-top:495px;background-image:url(../img/background_1100.jpg);background-size:100%}
h1{font-size:1.9em;padding:0 0 50px;text-align:left}
h2{font-size:1.4em;padding:20px 0}
h4{text-align:center}
body > header{padding:0 4%}
body > header nav{width:60%;vertical-align:top;display:inline-block;margin:0;padding:0}
body > header nav ul{margin:0;	padding:0;	width:100%}
body > header nav li{vertical-align:top;display:inline-block;	width:32%;  margin-right:-4px}
body > header nav li a{color:#4a4a4a;	padding:25px 0 0 0;	font-size:0.9em;	background-color:#f3f3f3;	transition:background 0.5s}
body > header .demo{width:10%}
body > header > a:last-child {
  width:80px;  height:80px;  background:#0083ae url(../img/contact-us.svg) no-repeat 50% 50%;  transition:background 0.5s;
  z-index:9999999;  position:absolute;  top:120px;  left:50px;  -webkit-box-shadow:0 0 11px 3px rgba(0, 6, 10, 0.4);
  box-shadow:0 0 11px 3px rgba(0, 6, 10, 0.4);  background-size:80px 80px;  text-decoration:none;
}
body > header > a:last-child:hover{  background-color:#011921;  transition:background 0.5s;}
body > header > a:last-child img{  width:100%;  height:auto;}
body.home > section > header{  top:205px;}
body.home > section > header a{  padding:15px; top:15px;}
body.home > section > header .slogan{  font-size:2.5em;}
body > nav{	background-color:#0083ae;}
body > nav a, body.request-a-demo .options label{display:inline-block;  vertical-align:top;  width:19%;  padding-top:140px;  
background-size:130px 130px;  background-position:50% 0;}
body > nav a::before, body.request-a-demo .options label::before, body > nav a:before, body.request-a-demo .options label:before{
  content:'';  height:160px;  position:absolute;  top:0;  left:0;  width:100%;  opacity:0;  transition:opacity 0.3s ease;  background-repeat:no-repeat;
  background-position:50% 0;  background-size:130px 130px;}
body > section{padding:0 5% 20px}
body > section > h1{  padding-left:13%;}
body.home > section > div{box-sizing:border-box;width:50%}
body.home > section > div > article,body.home > section > div.customers{padding:20px}
body.home > section > div:nth-of-type(even){  float:right;}
body.home > section > div:nth-of-type(2) article img{margin:20px auto;max-height:250px;max-width:100%;float:none}
body.home > section > div:nth-of-type(even) *{text-align:center}
body.home > section > div:nth-of-type(odd){ float:left;  clear:both;  min-height:257px;}
body.home > section > div:nth-of-type(4n+2),body.home > section > div:nth-of-type(4n-1){background:#0083ae; color:#FFF}
body.contact-us > section:nth-of-type(2) form{float:left}
body.contact-us > section:nth-of-type(2) > :last-child{float:right}
body.home .testimonials{text-align:center;	padding:20px}
body.home .testimonials h2{padding:0px;font-size:1.9em;text-align:center}
body.home .testimonials h2::before,
body.home .testimonials h2::after, 
body.home .testimonials h2:before,
body.home .testimonials h2:after{width:1.5em;height:1em;background-size:1.5em}
.nav-title{	display:none;}
body.home .customers{padding-bottom:60px}
body.home .customers .previous{	margin:10px 10px 0 0;}
body.home .customers .next{	margin:10px 0 0 10px;}
body.contact-us > section > form{  width:55%;}
body section form input[type=text],body section form input[type=url],body section form input[type=tel],body section form input[type=email]{
  display:block;  width:97%;  border:0;  font-size:1.3em;  background-color:#0083ae;  color:#FFF;  border-bottom:1px solid #FFF;  margin:0 0 20px;
}
body.request-a-demo section form  input[type=text],
body.request-a-demo section form  input[type=url], 
body.request-a-demo section form  input[type=tel], 
body.request-a-demo section form  input[type=email]{
  box-sizing:border-box;  display:inline-block;  vertical-align:top;  width:47%;  margin:0 3% 20px -4px;}
textarea{	width:97%;	border-radius:10px;	font-size:1.3em;}
body.request-a-demo .step{	padding:50px 0 20px;}
footer ul{  float:left;  vertical-align:top;	list-style:none;	margin:0 25px 0 0;	padding:0;}
footer ul li{	margin:0 0 15px 0;}
footer ul li a{  color:#FFF;  font-size:0.9em  font-weight:400;  text-transform:uppercase;  text-decoration:none;}
footer ul li a:hover{  text-decoration:underline;}
footer ul:first-child li:first-child a span{  color:#f68b1f;}
footer form{  float:left;  vertical-align:top;  margin:0 0 0 10px;  width:49%;}
footer form input[type=email]{	width:85%;}
footer form a{  display:inline-block;	padding:10px 30px;	font-size:1em;}
footer form a:hover{	color:#011921;	background-color:#FFF;}