@charset "UTF-8";body{font-family:'Lato', sans-serif;font-weight:300;font-size:16px !important;line-height:1.42857143;color:#444;background-color:#fff;}
.bolder{font-weight:500;}
.navbar-default{background-color:rgba(2,64,101,1);border:none !important;border-radius:0 !important;box-shadow:none !important;background-image:none !important;position:fixed !important;top:0;width:100%;margin-bottom:0 !important;z-index:99;transition:all .4s;}
.navbar-collapse {padding: 0 !important;}
.navbar-collapse li {text-align: center;}
.navbar-collapse > ul > li > a {display: inline-block;}
.navbar-collapse > ul {margin: 0;}
.navbar-default.newbg{background-color:#024065 !important;position:fixed !important;transition:all .4s;}
.navbar-brand {padding: 10px 15px;}
.navbar-brand img{height:50px;}
.navbar-toggle {margin-top: 18px !important; margin-bottom: 18px !important;}
.navbar-default .navbar-nav > li > a {color: #fff !important;text-shadow: 0px 1px 1px #333 !important;padding-top: 10px !important; padding-bottom: 10px !important; line-height: 20px !important; margin: 14px 15px !important;}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {color: #ddd !important;background-color: transparent !important;}
.navbar-default .navbar-nav > li > a.login-btn{background-color:#257BB1;font-weight:400;border-radius:20px;transition:all .25s;border:1px solid #257BB1;padding-left: 40px !important;padding-right: 40px !important;}
.newbg .navbar-default .navbar-nav > li > a.login-btn{background-color:#257BB1;border:1px solid #257BB1;text-shadow:none !important;}
.navbar-default .navbar-nav > li > a.login-btn:hover{background-color:rgba(255,255,255,1) !important;color:#024065 !important;text-shadow:none !important;}
.welcome{/*height:100vh;*/height:125vh;width:100%;background-image:url('../images/laptops.jpg');background-position:center center;background-size:cover;position:relative;overflow:hidden;padding-top:120px;}
.welcome h1{color:#fff;font-family:'Raleway', sans-serif;font-weight:600;font-size:60px;}
.welcome h3{color:#fff;font-weight:200;font-size:17px;line-height:26px;padding-right:90px;margin-bottom:40px;}
.welcome ul{margin:0;padding:0 0 0 5px;}
.welcome li{color:#fff;list-style:none;font-size:28px;font-weight:100;font-family:'Raleway', sans-serif;background-image:url(../images/v.png);background-repeat:no-repeat;background-position:top 8px left;background-size:auto 30px;padding-left:37px;line-height:52px;}
.arrow{position:absolute;z-index:9;bottom:2%;left:50%;transform:translate(-50%);}
.padding-top{padding-top:20px;}
.overlay{position:absolute;top:-100%;left:-146%;height:200%;width:200%;background-color:rgba(2,64,101,0.86);z-index:0;transform:rotate(15.5deg);}
.analyticsbg{background-image:url(../images/analyticsbg.jpg);background-size:cover;background-repeat:no-repeat;background-position:center;}
.analytics{padding:160px 0;background-color:rgba(2,64,101,0.94);color:#fff;}
.hrext{width:100%;overflow:hidden;}
.hrtop{margin-top:40px;margin-bottom:40px;border:0;border-top:1px solid rgba(255,255,255,0.4);width:25%;float:left;margin-left:5px;}
.about{padding:100px 0 80px;background-color:#fff;}
.about h2{font-family:'Raleway', sans-serif;font-weight:400;font-size:25px;line-height:34px;}
.mac{background-image:url(../images/macx.png);background-position:center;background-size:100%;padding:21px 115px 70px 111px;background-repeat:no-repeat;}
.info{padding:160px 0;background-image:url(../images/responsive.png);background-size:cover;background-repeat:no-repeat;background-position:center bottom -100px;}
.infobg{background-image:url(../images/analytics.jpg);background-size:auto 100%;background-repeat:no-repeat;background-position:center right 100px;}
.biggerfont{font-size:20px;}
.services{padding:160px 0;position:relative;}
.services-map{background-color:#fff;background-image:url(../images/bg-map.png);background-size:cover;background-repeat:no-repeat;background-position:center top;}
.services h2{font-family:'Raleway', sans-serif;font-weight:300;margin-bottom:80px;}
.services h3{font-family:'Raleway', sans-serif;font-weight:400;font-size:24px;}
.services .container, .extra .container{position:relative;z-index:2;}
.extra{background-image:url(../images/keyboard.jpg);background-size:cover;background-repeat:no-repeat;background-position:center center;color:#fff !important;position:relative;padding:160px 0;}
.blue-overlay{position:absolute;top:0;left:0;height:100%;width:100%;background-color:rgba(2,64,101,0.94);z-index:0;}
.extra h2{font-family:'Raleway', sans-serif;font-weight:300;line-height:55px;font-size:28px;}
.blue-button{font-weight:400;border-radius:20px;transition:all .25s;background-color:#257BB1;border:1px solid #257BB1;padding:12px 40px;color:#fff;}
.blue-button:hover{background-color:rgba(255,255,255,1) !important;color:#024065 !important;text-decoration:none;cursor:pointer;}
.partners{padding:80px 0 0;}
.partners h2{font-family:'Raleway', sans-serif;font-weight:300;margin-bottom:35px;}
.partners img {max-width: 100%;}
.contact{background-color:#257BB1;padding:80px 0;color:#fff;}
.contact h2{font-family:'Raleway', sans-serif;font-weight:300;}
.contact h3{font-family:'Raleway', sans-serif;font-weight:100;line-height:34px;}
.lblue-button{font-weight:400;border-radius:20px;transition:all .25s;background-color:#024065;border:1px solid #024065;padding:12px 40px;color:#fff;}
.lblue-button:hover{background-color:rgba(255,255,255,1) !important;color:024065 !important;text-decoration:none;cursor:pointer;}
.int-page{padding:160px 0;}
.int-page h1{font-family:'Raleway', sans-serif;font-weight:500;}
.int-page h3{font-weight:300;margin-bottom:20px;}
.int-page p{line-height:28px;}
.int-page a{font-weight:400;text-decoration:underline;}
.request-form{padding:160px 0;overflow:hidden;position:relative;background-image:url('../images/laptops.jpg');background-position:center center;background-size:cover;}
.request-form .blue-overlay{background-color:rgba(2,64,101,0.86);}
.request-form h2{font-family:'Raleway', sans-serif;font-weight:200;color:#fff;font-size:24px;}
.request-form label{color:#fff;font-weight:300;}
.features{padding:120px 0;}
.features h2{font-family:'Raleway', sans-serif;font-weight:400;color:#257BB1;font-size:28px;}
.features .fa{color:#257BB1;line-height:28px;}
.greybg{background-color:#f4f4f4;}
.interlude{background-image:url('../images/about.jpg');background-position:center -200px;background-size:cover;padding:250px 0;}
.analytics img, .int-page img, .features img{max-width:100%;}
footer{padding:40px 0;}
footer img{height:44px;margin-bottom:20px;}
footer p{font-size:13px;line-height:20px;}
.social .fa{font-size:24px;margin:10px 3px;border:2px solid #024065;border-radius:50px;color:#024065;transition:all .3s;}
.social .fa:hover{background-color:#024065;color:#fff;}
.social .fa-facebook{padding:5px 10px;}
.social .fa-twitter{padding:5px 6px;}
.flex{display:flex;align-items:center;}
.thankyou_message {margin-top: 25px;color: #fff;}
@media (max-width:650px){.mac{background-image:none;padding:20px;}
video{box-shadow:0px 0px 4px #ccc;}
}
@media (max-width:360px){.hrtop{margin-top:20px;margin-bottom:20px;}
.welcome li{font-size:17px;background-position:top 5px left;padding-left:26px;line-height:30px;}
.welcome{padding-top:60px;}
.welcome h3{font-size:15px;}
}
@media (min-width:361px) and (max-width:480px){.welcome{padding-top:100px;}
.welcome li{font-size:17px;background-position:top 16px left;background-size:auto 20px;padding-left:26px;line-height:52px;}
}
@media (max-width:480px){.welcome{/*min-height:100vh;*/min-height:125vh;height:auto !important;}
.welcome .container{padding-bottom:40px;}
.welcome h1{font-size:38px;}
.welcome h2{text-shadow:1px 1px 1px #000;}
.overlay{left:0;transform:rotate(0deg);top:0;height:100%;width:100%;}
.services h2, .extra h2{padding:0 20px;font-size:25px;line-height:34px;}
.welcome h3{padding-right:10px;}
.social{text-align:left !important;}
}
@media (max-width:767px){.welcome li, .welcome h3{text-shadow:0px 1px 1px #000;}
.navbar-collapse .login{display:none;}
.interlude{background-position:center -100px;}
}
@media (min-width:768px){.mobile{display:none;}
}
@media (min-width:480px) and (max-width:767px){.overlay{left:-115%;transform:rotate(15deg);}
.welcome li{font-size:18px;line-height:42px;background-position:top 11px left;background-size:auto 20px;padding-left:24px;}
}
@media (min-width:768px) and (max-width:991px){.nav > li > a{padding:10px 25px !important;}
.overlay{left:-133%;}
.mac{padding:29px 126px 82px 121px !important;}
.welcome li{font-size:18px;line-height:42px;background-position:top 11px left;background-size:auto 20px;padding-left:24px;}
.welcome h3{padding-right:0px;font-size:16px;line-height:24px;}
}
@media (min-width:992px) and (max-width:1199px){.welcome li{font-size:23px;}
}
@media (max-width:991px){.welcome h1{font-size:48px;}
.welcome h2{font-size:22px;line-height:32px;}
.flex{display:block !important;}
.info{background-image:none !important;}
}
#back-top{position:fixed;bottom:20px;right:20px;border-radius:3px;color:#ffffff;cursor:pointer;transition:background-color 0.2s ease-in-out 0s;z-index:9999;background-color:rgba(0, 0, 0, 0.7) !important;height:auto;width:auto;}
#back-top a{width:auto;display:block;-webkit-transition:1s;-moz-transition:1s;transition:1s;}
#back-top a:hover{color:#000;}
#back-top span{background-color:#333;background-image:url("../images/top.png") !important;background-position:center center !important;background-repeat:no-repeat !important;border-radius:4px;display:block;height:40px;margin-bottom:0;transition:all 1s ease 0s;width:40px;}
#back-top a:hover span{background-color:#888;}
