html{height:100%;}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block;}
img{max-width:100%;}
 ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
div,a,p,li,*{-webkit-box-sizing:border-box;box-sizing:border-box;}
input:focus,select:focus,button:focus,textarea:focus{outline:none;}
::-webkit-input-placeholder {color:#b0b0b0;}
:-moz-placeholder {color:#b0b0b0;}
::-moz-placeholder {color:#b0b0b0;}
:-ms-input-placeholder {color:#b0b0b0;}
:-ms-textarea-placeholder {color:#b0b0b0;}
::-webkit-textarea-placeholder {color:#b0b0b0;}
input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
input:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
input:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */
textarea:focus::-webkit-input-placeholder { color:transparent; }
textarea:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
textarea:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
textarea:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */
a:focus,a:activer{text-decoration: none;}
.text-placeholder{color:#f37ac3;}
.browserupgrade{background:#f7f7f7;position:fixed;height:100%;z-index:9999;text-align:center;width:100%;}
.error-logo{margin:20% 0 1.3% 0;}
img{width:auto;height:auto;}
sup {font-size: smaller;vertical-align: super;}

body {letter-spacing:1px;height:100%;height:100vh;font-size:13px;background-attachment:fixed;background-position:bottom right;line-height:1.3em;font-family: 'Raleway', sans-serif;color:#333;}

h1{font-weight:100;font-size: 4.6em;line-height: 100%;letter-spacing: 2px;}
h2{font-size:1.947em;font-weight:500;letter-spacing:2.5px;line-height:100%;}
h4 {font-size: 1.8em;letter-spacing: 1px;margin: 1em 0 .26em 0;line-height: 1.3em;}
h1.styled {font-size: 3em;margin:0 0 .7em 0;}
p{font-size:1.154em;color: #333;font-weight: 400;line-height: 1.5em;letter-spacing:.4px;}
ul li{
    font-size:1.154em;
    color: #333;
    font-weight: 400;
    line-height: 1.5em;
    letter-spacing:.4px;
    text-align: left;
}

ul.bullet {
    list-style-type: disc;
    display: block;
    max-width: 250px;
    margin: 20px auto;
}

p strong{
    font-weight: bold;
}

/* Header */
header.header {position: fixed;left: 0;top: 0;width: 100%;background-color: #fff;padding:1em 0 .5em 00;z-index:99;-webkit-transition:all ease-out 290ms;-moz-transition:all ease-out 290ms;transition:all ease-out 290ms;}
header.header.fixed {box-shadow: 0px 0px 5px rgba(0,0,0,.24);padding:.5em 0 .3em 0;}
nav {position: relative; }
nav li {display:block;float:left; position:relative; padding-bottom:40px; }
nav li:last-child a {margin-right: 0;}
nav li a {font-size:1em;color: #333333;margin: 0 0.91em;font-weight:500;position: relative;}
nav li a:hover,nav li a:focus,nav li a:active, nav li a.active{text-decoration: none; color:#039 !important;}
nav li:first-child a {margin-left: 0;}
nav li a.active,nav li a:hover{color:#000; }

.links{ margin-top:2.5em; }
.links li{ display:inline-block; position:relative; height:40px; vertical-align:top; }
.links li a{ display:block; color:#333; margin-right:20px; position:relative; }
.links a:hover{ text-decoration:none; color:#039; }
.dd{ 
	background:url(../images/arrow.png) no-repeat right center; background-size:contain; padding-right:22px;
}

.subMenu{ position: absolute; top: 30px; right: 0; border-bottom:0; display:none; text-transform:uppercase; }
.subMenu li{ margin:0; display:block; height:auto; }
.subMenu a{ white-space: nowrap; display: block; padding: 10px 20px; background:#fff; border-bottom:solid 1px #ccc; }
.subMenu a:hover{ background:#174872; color:#fff; text-decoration:none; }
.links li:hover .subMenu{ display:block; }

/* Toggle menu */
.togglenav{-webkit-transition:ease-in-out 0.8s all;-moz-transition:ease-in-out 0.8s all;transition:ease-in-out 0.8s all;position:relative;width:26px;height:20px;display:none;float:right;}
.togglenav:before,.togglenav:after{background:#58585a;-webkit-backface-visibility:hidden;backface-visibility:hidden;content:"";height:2px;left:0;-webkit-transition:0.8s ease;transition:0.8s ease;width:25px;}
.togglenav:before{-webkit-box-shadow:#58585a 0 8px 0 0;box-shadow:#58585a 0 8px 0 0;position:absolute;top:0;}
.togglenav:after{position:absolute;top:15px;}
.togglenav--active{-webkit-transition:linear 0.3s all;transition:linear 0.3s all;}
.togglenav--active:before{box-shadow:transparent 0 0 0 0;top:15px;-webkit-transform:rotate(225deg);-ms-transform:rotate(225deg);transform:rotate(225deg);}
.togglenav--active:after{top:15px;-webkit-transform:rotate(315deg);-ms-transform:rotate(315deg);transform:rotate(315deg);}
/* Toggle menu ends */
/* Header */
@media (min-width: 1200px){.container {width: 90%;}}
@media (min-width:1440px){.container{width:1300px;}	}
/* Home section */
section.home {position: relative;padding:0 0 0 0; }
section.home .container{position: relative;}
p.learnmore-text{display:none;}
section.home img{width:100%;height:auto; margin-top:-0px; }
.home-content {position: absolute;text-align: center;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);transform: translateY(-50%);width: 100%;}
.home-content h1 span {display: block;line-height: normal;font-size: .459em;font-weight: 300;letter-spacing: 5px;text-transform:none;}
/* About section */
section.about {padding: 1em 0 .5em 0;}
section.about h2{margin:1.5em 0 .5em 0;}
a.learn-more {font-size: 1.2em;color: #000;font-weight: 500;margin: 1.3em 0 03em 0;display: inline-block;background-image: url(../images/learnmore.png);background-repeat: no-repeat;background-position: right center;padding-right: 10px;}
/* Advantage section */
section.advantages {background-size:cover;width: 100%;float: left;background: url(../images/advantagesbg.jpg);background-position:center center;padding:5em 0;}
.advantage-item {font-size: 1.3em;background: #fff;width: 32%;padding: 3em 0;font-weight: 500;float: none;display: inline-block;}
.advantage-item.middle {margin: 0 1.5%;}
section.advantages h2 {margin: 0 0 .5em 0; color:#fbb444;}
/* Cost */
section.cost{padding: 4.385em 0 6em 0;}
.cost-block {width: 100%; float: left; position:relative;}
.cost-img {background: url(../images/cost.jpg);background-size: cover;background-repeat: no-repeat;background-position: center center;height: 100%;position: absolute;left: 0;top: 0;}
.cost-text {padding:0;}
.textblock.textblock2 {
	margin: 3em 0 1em 0; margin:0; padding:2em; padding-top:65px; background:#fbb444; margin-bottom:2em; position:relative;
}
.textblock.textblock2:last-child{ margin-bottom:0; }
.textblock.textblock2:nth-child(2){ background:#39b1d0; }
.textblock.textblock2:nth-last-child(1){ background:#01a7ae; }
.textblock2 h2 { 
	display:inline-block; background:#fff; padding:10px 20px; position:absolute; top:-5px; left:-5px; 
	border:solid 5px #fbb444; 
}
.textblock2:nth-child(2) h2{ border-color:#39b1d0; }
.textblock2:nth-last-child(1) h2{ border-color:#01a7ae; }
.textblock2 p{ color:#fff; }

.automate{ padding: 4.385em 0 6em 0; width:1000px; }
.automate h2{ color:#fbb444; font-weight:bold; padding-left:110px; margin-bottom:5px; }
.automate .step{ 
	background:#ebebeb; padding-top:20px; min-height:90px; padding-left:110px; border-radius:45px; margin-bottom:30px;
}
.automate .step span{ background:#fbb444; position:absolute; height:90px; width:90px; text-align:center; top:0; left:0; border-radius:50%; }
.automate .row:last-child .step{ margin:0; }
.automate .row:nth-child(2) h2{ color:#01a7ae; }
.automate .row:nth-child(2) span{ background:#01a7ae; }
.automate .row:nth-child(3) h2{ color:#bd202f; }
.automate .row:nth-child(3) span{ background:#bd202f; }

/* how it works */
section.howitworks { background:#174872; padding:5em 0;}
.steps {max-width: 1048px;margin: 0 auto;}
section.howitworks h2 {margin: 0 0 .7em 0;}
.automation{ background:#f9f9f9 !important; border-top:solid 2px #174872; border-bottom:solid 2px #174872; }

.stepa, .stepb, .stepc, .stepd{ background:rgba(255,255,255,.2); }
.stepa div, .stepb div, .stepc div, .stepd div{ min-height:100px; }
.stepa div:nth-child(2), .stepb div:nth-child(2), .stepc div:nth-child(2){ background:rgba(255,255,255,.15); }
.stepa div:nth-child(3), .stepb div:nth-child(3), .stepc div:nth-child(3){ background:rgba(255,255,255,.1); }
.left-block { line-height:normal !important; }
.left-block strong{ font-size:1.5em !important; }
.stepa .left-block {background: #fbb444;}
.stepb .left-block {background: #39b1d0;}
.stepc .left-block {background: #bd202f;}
.stepd .left-block {background: #01a7ae;}
.stepe .left-block {background: #C63;}
.item-block {position: relative;margin:2.692em 0;}
.outer-block {position: absolute;right: 0;top: 1.7em;background: #f1f3f3;height: 100%;padding: 2em 1em 0 0;width: 81%;text-align: left;}
.outer-block:before{content: '';position: absolute;top: 0;bottom: 0;left: -56px;display: block;width: 115px;background: #f1f3f3;-webkit-transform: skew(-40deg);-ms-transform: skew(-40deg);transform: skew(-40deg);height: 100%;z-index: 1;}
.outer-block p {z-index: 2;position: relative;font-weight: 500;}

/* Contact section */
ul.contact-details li {color: #333;font-size: 1.231em;padding-left: 40px;line-height: 20px;margin: 2em 0;background-position: left top 1px;background-repeat: no-repeat;font-weight: 500;}
ul.contact-details li.location {background-image: url(../images/location.png);margin-top:0;}
ul.contact-details li.website {background-image: url(../images/website.png);}
ul.contact-details li.call {background-image: url(../images/call.png);}
ul.contact-details li a {color: #333;}
section.contact {padding: 4.412em 0;}
.input-field input {width: 100%;height: 35px;font-size:1.1em;;-webkit-appearance: none;-webkit-border-radius: 0px;border-radius: 0px;border: none;border-bottom: 1px solid #999;color: #333;font-weight: 500;}
.input-field {margin: 1em 0;padding-left:0;padding-right:0;}
.input-field.firstfield{margin-top:0;}
.textarea-field {margin: 1em 0;padding-left:0;padding-right:0;}
.textarea-field textarea {border:none;border-bottom: 1px solid #999;width: 100%;max-height:71px;height: 71px;padding: .7em 0;font-size:1.1em;-webkit-appearance:none;-webkit-border-radius:0px;border-radius:0px;color: #333;font-weight: 500;}
.submit-field{margin-top: 0.882em;padding-left:0;}
input[type="submit"] {-webkit-border-radius: 0px;border-radius: 0px;width: 107px;height: 38px;color: #fff;background-color: #174872;border: none;font-size: 1.176em;cursor: pointer;-webkit-transition: all ease-out .35s;-moz-transition: all ease-out .35s;transition: all ease-out .35s;-webkit-appearance: none;text-transform: uppercase;background-image: url(../images/submiticon.png);background-repeat: no-repeat;background-position: right 13px center;letter-spacing: 1px;padding-right: 13px;}
input[type="submit"]:hover{background-color:#0e2e49;}
label.error {color: #ff0000;font-size: 11px;position: absolute;left:0;bottom: -1.8em;}
section.contact h2 {margin: 0 0 1.4em 0;}
ul.contact-details {width: 100%;float: left;margin: 0;padding: 0;}
.contact-right {padding-left: 3%;max-width: 460px;float: right;position: relative;}
section.contact .container {max-width: 910px;}
.contact-right:before {content: "";background: #c2c2c2;width: 1px;height: 100%;left: -13%;position: absolute;}

.textWhite{ color:#fff; margin-bottom:10px; }
.textWhite div{ padding:10px; }
.textWhite strong{ font-size:1.3em; }
.textWhite em{ color:#ccc; font-style:italic; }


.blueBG{ background:#174872; padding:50px 0; }
.blueBG h2{ margin-bottom:50px; }
.modelsHelpContainer{
	display: grid;
	grid-template-columns: 20% 20% 20% 20% 20%;
	grid-column-gap: 10px;
	grid-row-gap:0;
}
.box { color: #fff; }
.box h2{ text-transform:uppercase; font-size:1.1em; color:#fff; margin:0; padding:15px; }
.box.txt{ background:#fff; padding:15px; text-align:center; color:#333; }
.box.a{ background:#fbb444; }
.box.b{ background:#bd202f; }
.box.c{ background:#01a7ae; }
.box.d{ background:#39b1d0; }
.box.e{ background:#C63; }

.moreinformation{ color:#fff; margin-top:50px; background:none !important; width:100% !important; }
.moreinformation ul{ margin-top:30px; margin-bottom:0; }
.moreinformation ul li{ margin-bottom:10px;}

.listInside{ list-style:outside; margin-left:30px; margin-top:30px; }
.listInside li{ margin-bottom:10px; }

.moreInfo{ font-size:1.3em; color:#fff; display:inline-block; padding:10px 20px; background:#fbb444; }
.moreInfo:hover{ background:#fff; color:#fbb444; text-decoration:none; color:#333; }

.csLinks a{ margin-bottom:10px; }

.caseStudies{ padding:50px 0; }
.caseStudies p{ display:inline-block !important; }
.caseStudies h2{ margin-bottom:20px; text-transform:uppercase; color:#174872; }
.caseStudies strong{ font-weight:bold; }
.caseStudies .align{ padding-bottom:30px; padding-right:30px; }

.back{ position:fixed; right:20px; bottom:20px; background:#174872; color:#fff; padding:10px 15px; text-transform:uppercase; }
.back:hover{ text-decoration:none; color:#fff; background:#000; }

/* Footer */
footer.footer {background-color: #f9f9f9;padding: 1.2em 0;}
footer.footer p,footer.footer a{color:#333;}

/* Popups */
.container-fluid.policy {padding: 2.5em 1em 1em 1em;}
.container-fluid.policy p {margin: 0 0 1em 0;font-size:1.1em;line-height: 1.7em;}
.clearfix {clear: both;}
.nopad{padding:0;}
.nomar{margin:0;}
.nomartop{margin-top: 0;}
.white{color: #fff;}
.blue{color:#174872;}
b{ font-weight:bold; }

section{ position:relative; }
#about, #advantages, #automate, #howitworks, #contact{ position:absolute; left:0; top:-100px; bottom:auto; }

.services{padding: 4.385em 0 6em 0;}
.services h2{ font-size:1.3em; background:#fbb444; color:#fff; display:inline-block; padding:15px; }
.services article{ display:block; background:#f2f2f2; border-left:solid 3px #fbb444; padding:20px; margin-left:30px; }
.services .row{ margin-bottom:30px; }
.services .row:last-child{ margin:0; }
.services .row:nth-child(2) h2{ background:#bd202f; }
.services .row:nth-child(2) article{ border-color:#bd202f; }
.services .row:nth-child(3) h2{ background:#01a7ae; }
.services .row:nth-child(3) article{ border-color:#01a7ae; }
.services .row:nth-child(4) h2{ background:#C63; }
.services .row:nth-child(4) article{ border-color:#C63; }

/* Media Queries */
@media (max-width:1191px){
	html,body{font-size:12px;}
	.advantage-item{font-size:1.1em;}
}

@media all and (max-width:991px){
	header.header,header.header.fixed{padding:8px 0 5px 0;}
	nav li:last-child {margin-bottom: .5em;}
	.container{width:98%;}
	.togglenav{display: block;}
	nav li{width:100%;text-align: right;margin: .5em 0;}
	.menu {position: absolute;right: 0;top: 61%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);transform: translateY(-50%);margin: 0;}
	nav.nav {height:100vh;position: absolute;top:35px;background-color:#174872;;width: 100%;-webkit-transition:all ease .3s;-moz-transition:all ease .3s;transition:all ease .3s;right:-110%;padding: 0 17px;border-bottom: none;box-shadow:-2px 4px 5px rgba(0,0,0,.1);}
	nav.nav.nav-active{right:0;}
	header.header.fixed nav.nav{top:35px;padding:.5em 17px;}
	nav li a {margin: 0 0 .2em 0;float: right;width: auto;padding: 8px 0;text-align: right;display: block;color: #fff;font-size: 1em;}
	h1{font-size:3.5em;}
	.home-content h1 span{font-size:.39em;}
	.advantage-item{width:185px;}
	.outer-block{width:77%;margin-right:2%;padding:1em 1em 0 0;}
	.contact-right:before{left:-2%;}
	nav li a.active, nav li a:hover {color: #d6cfcf;}
	
}
@media all and (max-width:767px){
	h1.styled{font-size:2.2em;}
	h4{font-size:1.5em;}
	nav li{margin:.22em 0;}
	nav li a{font-size: 13px;}
	html, body {-webkit-text-size-adjust: 100%;}
	.logo img{max-width:140px;}
	nav.nav{top:33px;}
	nav li a.active{ font-weight:bold; color:#fff !important;}
	header.header.fixed nav.nav{top:33px;}
	h1{font-size: 1.5em;}
	.home-content h1 span{letter-spacing:2.7px;}
	h2{font-size:1.5em;line-height:1.3em;}
	p{font-size:1.1em;}
	.advantage-item{width:92%;}
	.advantage-item.middle{margin:1em 0;}
	section.advantages,section.cost,section.howitworks,section.contact{padding:4em 0;}
	.cost-img {position: relative;float: left;height: 38vh;}
	.cost-text{padding:2em;}
	.outer-block:before,.left-block:before,.contact-right:before{content:none;}
	.outer-block {position: relative;height: auto;width: 100%;margin: 0;top: auto;right: auto;padding: 1em;}
	.item-block{margin:1.5em 0;}
	section.howitworks h2{margin:0 0 1em 0;}
	.contact-right{padding-left:15px;float:left;margin-top:3em;}
	
	.modelsHelpContainer div{ width:100%; margin-bottom:20px; }
	
	.automate{ width:90%; }
	.automate h2{ padding-left:45px; }
	.automate .step{ padding:20px 45px; }
	.automate .step span{ display:none; }
}
	
@media all and (max-width:479px){
	nav.nav{width:220px;}
	nav.nav{right:-400px;}
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {}
@media \0screen {
}