@font-face {
  font-family: 'BebasNeue';
  src: url('fonts/BebasNeue.eot');
  src: url('fonts/BebasNeue.woff2') format('woff2'),
       url('fonts/BebasNeue.woff') format('woff'),
       url('fonts/BebasNeue.ttf') format('truetype'),
       url('fonts/BebasNeue.svg#BebasNeue') format('svg'),
       url('fonts/BebasNeue.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Lato-Bold';
  src: url('fonts/Lato-Bold.eot');
  src: url('fonts/Lato-Bold.woff2') format('woff2'),
       url('fonts/Lato-Bold.woff') format('woff'),
       url('fonts/Lato-Bold.ttf') format('truetype'),
       url('fonts/Lato-Bold.svg#Lato-Bold') format('svg'),
       url('fonts/Lato-Bold.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Lato-Semibold';
  src: url('fonts/Lato-Semibold.eot');
  src: url('fonts/Lato-Semibold.woff2') format('woff2'),
       url('fonts/Lato-Semibold.woff') format('woff'),
       url('fonts/Lato-Semibold.ttf') format('truetype'),
       url('fonts/Lato-Semibold.svg#Lato-Semibold') format('svg'),
       url('fonts/Lato-Semibold.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Lato-Light';
  src: url('fonts/Lato-Light.eot');
  src: url('fonts/Lato-Light.woff2') format('woff2'),
       url('fonts/Lato-Light.woff') format('woff'),
       url('fonts/Lato-Light.ttf') format('truetype'),
       url('fonts/Lato-Light.svg#Lato-Light') format('svg'),
       url('fonts/Lato-Light.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Lato-Black';
  src: url('fonts/Lato-Black.eot');
  src: url('fonts/Lato-Black.woff2') format('woff2'),
       url('fonts/Lato-Black.woff') format('woff'),
       url('fonts/Lato-Black.ttf') format('truetype'),
       url('fonts/Lato-Black.svg#Lato-Black') format('svg'),
       url('fonts/Lato-Black.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Lato-Regular';
  src: url('fonts/Lato-Regular.eot');
  src: url('fonts/Lato-Regular.woff2') format('woff2'),
       url('fonts/Lato-Regular.woff') format('woff'),
       url('fonts/Lato-Regular.ttf') format('truetype'),
       url('fonts/Lato-Regular.svg#Lato-Regular') format('svg'),
       url('fonts/Lato-Regular.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}
@font-face{
	font-family:'FontAwesome';
	src:url('fonts/fontawesome-webfont.eot?v=4.1.0');
	src:url('fonts/fontawesome-webfont.eot?#iefix&v=4.1.0') format('embedded-opentype'),
		url('fonts/fontawesome-webfont.woff?v=4.1.0') format('woff'),
		url('fonts/fontawesome-webfont.ttf?v=4.1.0') format('truetype'),
		url('fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular') format('svg');
	font-weight:normal;
	font-style:normal;
}
*{margin:0; padding:0;}
body, html { padding: 0; margin: 0; height:100%;}
.clearfix:before,
.clearfix:after {
   content: '';
   display: block;
   overflow: hidden;
   visibility: hidden;
   width: 0;
   height: 0;
}
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
.hidden{  opacity: 0; }
.visible{ opacity: 1; }
body {width:100%;font-family: 'Lato-Light';color:#000;line-height:1;/* word-wrap:break-word;*/background-color:#fff;
	height:100%;
	margin:0px;
	padding:0px; 
}
button{outline:0;}
a{text-decoration:none; color:#3b3b3b; outline:0;border:none;}
a:hover{ text-decoration:none; color:#d8a715;}
input:focus, textarea:focus, select:focus{outline: none;}
select{cursor:pointer;}
.cap{text-transform: uppercase;}
a img{border:none;}
img{border:0 none;}
p{margin:0;padding:0;}
ul{margin:0;padding:0;}
li{margin:0;padding:0;}
.none{ display:none;}
h1{font-family: 'BebasNeue';font-weight:normal;font-size:60px; line-height:60px; color:#111; padding:0px; margin:0;letter-spacing: 1px;position:relative;padding-bottom:30px;margin-bottom:30px; -webkit-transition: all ease 0.2s;-moz-transition: all ease 0.2s;-ms-transition: all ease 0.2s;-o-transition: all ease 0.2s;transition: all ease 0.2s;}
h2{font-family: 'Lato-Bold';font-weight:normal;font-size:20px; line-height:22px; color:#00aeef; margin:0; padding:0px; padding-bottom:10px; -webkit-transition: all ease 0.2s;-moz-transition: all ease 0.2s;-ms-transition: all ease 0.2s;-o-transition: all ease 0.2s;transition: all ease 0.2s;}
h3{font-family: 'BebasNeue';font-weight:normal;font-size:60px; line-height:60px; color:#111; padding:0px; margin:0;letter-spacing: 1px;position:relative;padding-bottom:30px;margin-bottom:30px; -webkit-transition: all ease 0.2s;-moz-transition: all ease 0.2s;-ms-transition: all ease 0.2s;-o-transition: all ease 0.2s;transition: all ease 0.2s; }
h4{font-weight:normal; font-size:11px; color:#3b3b3b; margin:0; padding:0px;}
h1:before{content:"";position:absolute;left:calc(50% - 22px);bottom:0;width:55px;height:2px;background-color:#00aeef;}
.clear{clear:both;}
.clearleft{clear:left;}
.clearright{clear:right;}
textarea{resize: none; }
.fixed{position:fixed;z-index:333;}
#clearnone{display:block;}
.text{font-family: 'Lato-Light';color:#111;font-size:18px;line-height:22px;}
.text strong{font-family: 'Lato-Bold';font-weight:normal;}
.text li{list-style:inside;}
#center{text-align:center;}
#left{text-align:left;}
#right{text-align:right;}

/** Start Menu**/
.o-wrapper{position:relative;opacity:0;}
.desktopMenu{display:block;}
.home-menu{position:fixed;top:0;left:0;width:calc(100% - 300px);padding:40px 150px;z-index:5;
-webkit-transition: all ease 0.2s;-moz-transition: all ease 0.2s;-ms-transition: all ease 0.2s;-o-transition: all ease 0.2s;transition: all ease 0.2s;}
.logo{position:absolute;left:150px;}
#img-2{display:none;}
.home-logo{display:inline-block;width:calc(100% - 60px);text-align:center;padding-left:60px;height: 31px;}
.main-menu{display:inline-block;padding-top:8px;}
.main-menu li{float:left;list-style:none;position:relative;}
.main-menu li:last-child{margin-right:0;}
.main-menu li a{position:relative;overflow:hidden;letter-spacing:1px;font-family: 'Lato-Semibold';font-size:18px;color:#fff;padding: 0 40px;}
#new-menu.home-menu{background-color:rgba(255,255,255,0.89);padding:20px 150px;}
#new-menu.home-menu #img-1{display:none;}
#new-menu.home-menu #img-2{display:block;}
#new-menu.home-menu .main-menu li a{color:#111111;}
#new-menu.home-menu .main-menu li:before, .main-menu li:before{content:"";position:absolute;width:100%;height:18px;left:0;bottom:3px;visibility:hidden;background-image:url(images/ro.png);background-repeat:no-repeat;background-position:0 13px;background-size: contain;-webkit-transform: scaleX(0);transform: scaleX(0);-webkit-transition: all 0.3s ease-in-out 0s;transition: all 0.3s ease-in-out 0s;}
#new-menu.home-menu .main-menu li#active:before, .main-menu li#active:before, #new-menu.home-menu .main-menu li:hover:before, .main-menu li:hover:before{visibility: visible;-webkit-transform: scaleX(1);transform: scaleX(1);}
.lines-button{display:none;}
body.has-active-menu {overflow: hidden;}
.c-menu {position: fixed;z-index: 200;}
.c-menu--slide-right{top: 0;right: 0;bottom:0;left:0;overflow-y: auto;-webkit-transform: translate3d(-100%,0px,0px);-ms-transform: translate3d(-100%,0px,0px);transform: translate3d(-100%,0px,0px);}
.c-menu--slide-right.is-active{-webkit-transform: translate3d(0px, 0px, 0px);-ms-transform: translate3d(0px, 0px, 0px);transform: translate3d(0px, 0px, 0px);}
.c-mask {position: fixed;z-index: 100;top: 0;left: 0;overflow: hidden;width: 0;height: 0;background-color: #000;opacity: 0;-webkit-transition: opacity 0.3s, width 0s 0.3s, height 0s 0.3s;transition: opacity 0.3s, width 0s 0.3s, height 0s 0.3s;}
.c-mask.is-active {width: 100%; height: 100%;opacity: 0.94; -webkit-transition: opacity 0.3s;transition: opacity 0.3s;}
/** end menu **/
#acm-banner{position:relative;width:100%;z-index: 2;}
#acm-banner hgroup{position: absolute;top: 30%;left: 40px;text-align: center;z-index: 10;width:calc(100% - 80px);}
#acm-banner hgroup img{margin-bottom:40px;}
#acm-banner hgroup h1{font-size:65px;line-height:65px;color:#fff;width: 39%;margin:0 auto;padding:0;}
#acm-banner hgroup h1:before{background-color:transparent;height:0;width:0;left:0;}
.banner-slideshow{position:relative;overflow:hidden;width:100%;height:100%;min-height:750px;}
.banner-slideshow:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,0.63);z-index:3;}
.banner-slideshow ul li{display: none;background-position: bottom center;background-repeat: no-repeat;background-size: cover; height: 100%; min-height: 750px;}
.banner-slideshow ul li:first-child{display: block;}

.loader{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;background-color:#f2f2f3;opacity:1;visibility:visible;}
.loader-icon{position:relative;width:200px;height:201px;margin:0 auto;overflow:hidden;top:calc(50% - 100px);}
.loader-icon:before{content:"";position:absolute;top:0px;left:0;width:100%;height:100%;background-color:#fff;z-index:-1;}
.after{position:absolute;top:10px;left:10px;width:0%;height:calc(100% - 20px);background-color:#00aeef;z-index:-1;overflow:hidden;}

/** End Header **/

/** Start Content **/

.row-1{display:table;width:100%;}
.column-1{display:table-cell;width:50%;vertical-align:middle;}
.column-1:last-child{background-image:none;padding: 70px 150px 70px 50px;}
.column-1 h1:before{left:0;}
.column-2{display:table-cell;width:50%;vertical-align:middle;position:relative;}
.column-2:nth-child(2){background-image:none;width: calc(50% - 200px);padding: 70px 150px 70px 50px;}
.column-2:nth-child(3){display:none;}
.column-2 h1:before{left:0;}

.column-3{display:table-cell;vertical-align:middle;position:relative;background-image:none;width: 50%;padding: 70px 50px 70px 150px;}
.column-3:nth-child(2){background-color:#00aeef;padding: 70px 150px 70px 50px;}
.column-3 h1:before{left:0;}
.row-2, .row-4{display:table;position:relative;width: calc(100% - 300px);padding: 70px 150px;text-align:center;background-color:#e2e2e2;}
.row-3{display:table;width:100%;}
#bg-app{background-image:url(images/applications.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover;}
#bg-api{background-image:url(images/api.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover;}
#bg-api:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(19,19,19,0.75);}
#bg-intel, #bg-clients{background-repeat:no-repeat;background-position:center center;background-size:cover;}
#bg-intel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(37,37,37,0.47);}
#bg-clients:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(255,255,255,0.82);}
#bg-fff{background-color:#fff;}

.home-applications-box{float:left;width:25%;margin-right:12%;padding-top:40px;text-align:left;}
.home-applications-box:last-child{margin-right:0;}
.home-applications-box img{margin-bottom:30px;}
.home-applications-box h1{font-family: 'Lato-Bold';font-size:18px;line-height:20px;padding-bottom:15px;margin-bottom:0;}
.home-applications-box h1:before{background-color:transparent;height:0;width:0;left:0;}
.home-applications-box a{display:inline-block;}
.home-why-box{display:inline-block;width:calc(32.33% - 40px);padding:40px 20px 0;vertical-align:middle;}
#bg-clients .home-why-box{padding:0 20px;}
.home-why-box h3{font-size:36px;line-height:36px;padding-bottom:15px;margin:30px auto 0;text-transform:uppercase;width:50%;text-align:left;}
.home-why-box h3:before{background-color:transparent;height:0;width:0;left:0;}
.integrations h1{font-size:36px;line-height:36px;color:#00aeef;padding-bottom:15px;margin:0 auto;text-transform:uppercase;}
.integrations h1:before{background-color:transparent;height:0;width:0;left:0;}
.column-1-box{display:inline-block;width:24%;padding-top:40px;vertical-align:top;-moz-transition: all ease 0.2s;-ms-transition: all ease 0.2s;-o-transition: all ease 0.2s;transition: all ease 0.2s;}
.column-2-box{display:inline-block;width:32.33%;padding-top:40px;vertical-align:top;-moz-transition: all ease 0.2s;-ms-transition: all ease 0.2s;-o-transition: all ease 0.2s;transition: all ease 0.2s;}
.column-1-box .image, .column-2-box .image{margin-bottom:40px;height:87px;white-space: nowrap;}
.helper {display: inline-block;height: 100%;vertical-align: middle;}
.column-1-box img, .column-2-box img{max-height:87px;vertical-align: middle;}
.column-1-box h1, .column-2-box h1{font-family: 'Lato-Bold';font-size:18px;line-height:20px;padding-bottom:15px;margin:0 auto;}
.column-1-box h1:before, .column-2-box h1:before{background-color:transparent;height:0;width:0;left:0;}
.column-2 h1{font-size:36px;line-height:36px;color:#00aeef;padding-bottom:15px;margin:0 auto;text-transform:uppercase;}
.column-2 h1:before{background-color:transparent;height:0;width:0;left:0;}
.column-2-box .text{width:60%;margin:0 auto;}
.column-3 h1{font-size:36px;line-height:36px;color:#00aeef;padding-bottom:15px;margin:0 auto;text-transform:uppercase;}
.column-3 h1:before{background-color:transparent;height:0;width:0;left:0;}
.row-4 .text{text-align:left;}
.services-box{display:table;width:100%;padding:0 0 40px;}
.services-box:last-child{padding:0;}
.services-box .image{display:table-cell;vertical-align:middle;width:100px;text-align:center;}
.services-box hgroup{display:table-cell;width:auto;vertical-align:middle;padding-left:5%;font-size:25px;line-height:25px;}
.services-box hgroup h1{font-family: 'Lato-Bold';font-size:18px;line-height:20px;color:#111;text-transform:capitalize;}
#bg-api hgroup{display:table-cell;vertical-align:middle;position:relative;z-index:2;text-align:left;padding-right:40px;}
#bg-api img{display:table-cell;vertical-align:middle;position:relative;z-index:2;max-width:645px;width:100%;}
#bg-api hgroup h1, #bg-api hgroup .text{color:#fff;}
#bg-api hgroup h1:before{left:0;}
#bg-intel hgroup h1, #bg-intel hgroup .text{color:#fff;position:relative;z-index:1;}
#bg-clients hgroup h1, #bg-clients hgroup .text{color:#000;position:relative;z-index:1;}
#bg-intel .home-applications, #bg-clients .home-applications{position:relative;z-index:1;}
#bg-intel .home-applications h3, #bg-clients .home-applications h3{color:#fff;}
#application-navigation{float:right;margin-top:-34px;position:relative;z-index:2;}
#application-navigation ul{display:inline-block;background-color:#111111;}
#application-navigation ul li{float:left;list-style:none;text-align:center;}
#application-navigation ul li a{display:inline-block;font-family: 'Lato-Semibold';font-size:18px;color:#fff;text-decoration:none;padding:25px 35px;width: calc(100% - 70px);}
#application-navigation ul li#active, #application-navigation ul li:hover{background-color:#00aeef;}
.row-4 #img-1, #applications  #img-1{display:none;}
#applications{position:relative;background-image:url(images/management.png);background-repeat:no-repeat;background-position:bottom center;padding-bottom:450px;background-color:transparent;}
#applications:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(images/app-px.png);background-color:#e2e2e2;z-index:-1;}
#applications .integrations h1{padding-bottom:5px;}
#applications .integrations h2{font-family: 'BebasNeue';font-size:36px;line-height:36px;color:#111111;text-transform:uppercase;padding-bottom:40px;}
#applications .integrations .text{padding-bottom:40px;}
#applications article{/*-webkit-column-count: 2; -moz-column-count: 2; column-count: 2;*/}
#applications article .applications-box{clear:left;float:left;position:relative;width:49%;text-align:left;padding-bottom:40px;}
#applications article .applications-box h3{font-family: 'Lato-Bold';font-size:18px;line-height:20px;color:#00aeef;padding-bottom:15px;margin-bottom:0;}
#applications article .applications-box .text{}
#applications article .applications-box .text strong{}
/** End Content **/
    
/** Start Footer **/

footer{display:inline-block;position:relative;padding:40px 150px;width:calc(100% - 300px);background-image:url(images/footer.jpg);background-position:top center;background-repeat:no-repeat;background-size:cover;border-top:2px solid #00aeef;}
.contact-footer{text-align:center;padding-bottom:100px;}
.contact-footer h2{color:#000;padding-bottom:20px;}
.footer-container{display:inline-block;width:calc(100% - 200px);padding:0 100px 65px;}
.footer-menu-content{float:left;width:25%;vertical-align:top;}
.footer-menu-content:nth-child(2){width:30%;}
.footer-menu-content:nth-child(3){width:30%;}
.footer-menu-content:nth-child(4){width:15%;}
.footer-menu-content ul li{list-style:none;margin-bottom:10px;}
.footer-menu-content ul li:last-child{margin-bottom:0;}
.footer-menu-content ul li a{font-family: 'Lato-Light';font-size:19px; color:#000;}
.footer-menu-content ul li#title{margin-bottom:20px;}
.footer-menu-content ul li#title a{font-family: 'Lato-Bold';}
.footer-menu-content ul li a:hover{color:#00aeef;}
.footer-logo{float:left;}
.copyright{float:right;line-height:52px;font-family: 'Lato-Light';font-size:16px; color:#000;text-transform:uppercase;}
.copyright strong{font-family: 'Lato-Bold';font-weight:normal;}

/** Back to top **/
.back-top {position: fixed;z-index: 9;visibility: hidden;opacity: 0;right:-30px;bottom: 173px;cursor: pointer;-webkit-transition: all 0.2s linear;transition: all 0.2s linear;-webkit-transform: translateY(20px);-ms-transform: translateY(20px);transform: translateY(20px);}
.back-top a {display: block;}
.back-top a:focus {outline: none;text-decoration: none;}
.back-top a:hover {text-decoration: none;}
.back-top span {display: block;position:relative;text-align: center; font-family: 'Lato-Bold';font-size:16px;color: #010101;-ms-transform:rotate(270deg);-moz-transform:rotate(270deg);-webkit-transform:rotate(270deg);-o-transform:rotate(270deg);}
.back-top span:before {content: '';position:absolute;top: calc(50% - 3px);right:-30px;width:16px;height:13px;background-image:url(images/arrow-right-16x13.png);background-repeat:no-repeat;background-position:top center;-webkit-transition: all 0.2s linear;transition: all 0.2s linear;}
.back-top.bounceIn {visibility: visible;opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
.back-top:hover {-webkit-animation: animArrow 1s infinite;animation: animArrow 1s infinite;}

@keyframes animArrow {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
/** End Footer **/

/** Buttons **/
.btn{padding-top:40px;}
.btn a{display:inline-block;position:relative;padding:9px 20px;background-color:transparent;overflow:hidden;}
.btn a span{position:relative;z-index:1;font-family: 'Lato-Black';font-size:12px;color:#000;text-transform:uppercase;
-webkit-transition: color .3s ease-in,border-color .3s ease-in-out;
-moz-transition: color .3s ease-in,border-color .3s ease-in-out;
-ms-transition: color .3s ease-in,border-color .3s ease-in-out;
-o-transition: color .3s ease-in,border-color .3s ease-in-out;
transition: color .3s ease-in,border-color .3s ease-in-out;
}
.btn button{display:inline-block;position:relative;padding:9px 30px;background-color:transparent;overflow:hidden;cursor:pointer;}
.btn button span{position:relative;z-index:1;font-family: 'Lato-Black';font-size:12px;color:#000;text-transform:uppercase;
-webkit-transition: color .3s ease-in,border-color .3s ease-in-out;
-moz-transition: color .3s ease-in,border-color .3s ease-in-out;
-ms-transition: color .3s ease-in,border-color .3s ease-in-out;
-o-transition: color .3s ease-in,border-color .3s ease-in-out;
transition: color .3s ease-in,border-color .3s ease-in-out;
}
.btn#black a{border:2px solid #000;}
.btn#blue a{border:2px solid #00aeef;}
.btn#black button{border:2px solid #000;}
.btn#blue button{border:2px solid #00aeef;}
.button-move-black{position:absolute;top:0;left:0;background-color:#000;width:0;height:100%;transform: translate3d(0px,0px,0px);}
.button-move-blue{position:absolute;top:0;left:0;background-color:#00aeef;width:0;height:100%;transform: translate3d(0px,0px,0px);}
#bg-api hgroup .btn a span{color:#fff;}

.button{position:relative;float:left;border:0 none;background-color:transparent;padding-right:25px;font-family: 'Lato-Black';font-size:16px;color:#010101;padding-top:40px;}
.home-applications-box hgroup{float:right;position:relative;width:18px;height:11px;overflow:hidden;margin-left:12px;margin-top:5px;}
.arrow-1{position:absolute;-webkit-transform: translateX(-120%);-ms-transform: translateX(-120%);transform: translateX(-120%);-webkit-transition: transform 1s cubic-bezier(.8,0,.2,1),-webkit-transform 1s cubic-bezier(.8,0,.2,1);-moz-transition: transform 1s cubic-bezier(.8,0,.2,1),-webkit-transform 1s cubic-bezier(.8,0,.2,1);-ms-transition: transform 1s cubic-bezier(.8,0,.2,1),-webkit-transform 1s cubic-bezier(.8,0,.2,1);-o-transition: transform 1s cubic-bezier(.8,0,.2,1),-webkit-transform 1s cubic-bezier(.8,0,.2,1);transition: transform 1s cubic-bezier(.8,0,.2,1),-webkit-transform 1s cubic-bezier(.8,0,.2,1);}
.arrow-2{position:absolute;-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);-webkit-transition: transform 1s cubic-bezier(.8,0,.2,1),-webkit-transform 1s cubic-bezier(.8,0,.2,1);-moz-transition: transform 1s cubic-bezier(.8,0,.2,1),-webkit-transform 1s cubic-bezier(.8,0,.2,1);-ms-transition: transform 1s cubic-bezier(.8,0,.2,1),-webkit-transform 1s cubic-bezier(.8,0,.2,1);-o-transition: transform 1s cubic-bezier(.8,0,.2,1),-webkit-transform 1s cubic-bezier(.8,0,.2,1);transition: transform 1s cubic-bezier(.8,0,.2,1),-webkit-transform 1s cubic-bezier(.8,0,.2,1);}
.arrow-1 img, .arrow-2 img{margin-bottom:0;}
.hover:hover .arrow-1{-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}
.hover:hover .arrow-2{-webkit-transform: translateX(120%);-ms-transform: translateX(120%);transform: translateX(120%);}
/** Buttons **/

/** Scroll **/
#scroll-down{position:fixed;left:40px;bottom:0;height:30%;text-align:center;z-index:6;visibility: visible;opacity: 1;-webkit-transition: all ease 0.2s;-moz-transition: all ease 0.2s;-ms-transition: all ease 0.2s;-o-transition: all ease 0.2s;transition: all ease 0.2s;}
#header-scroll-txt{float:left;margin-right:10px;}
#header-scroll-txt div{font-family: 'Lato-Bold';font-size:14px;color:#fff;text-transform:uppercase;line-height: 10px;-webkit-transform: translate3d(0,0px,0px) rotate(-90deg);-ms-transform: translate3d(0,0px,0px) rotate(-90deg);transform: translate3d(0,0px,0px) rotate(-90deg);}
#header-scroll-line{position:relative;float:left;width:2px;height:100%;}
#scroll-line{position:absolute;left:0;bottom:0;width:2px;height:100%;border-right:2px solid #00aeef;}
/** Scroll **/

/** Contact Form **/
.form-field{display: inline-block;width:100%;}
.form-field-input{position:relative;float:left;height:52px;width:47%;margin-right:5%;margin-top:50px;text-align:left;border:2px solid #ccc;}
.form-field-input:last-child{margin-right:0;}
input[type=text], select{font-family: 'Lato-Regular';font-size:16px;color:#959595;background-color:transparent;border:none;border-radius:0;display: block;transform: translateZ(0px);transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1) 0s;padding-bottom: 15px;padding-right: 20px;padding-left: 20px;padding-top: 15px;width:100%;}
/*input[type=text]:focus, select:focus{transform: translateX(20px) translateZ(0px);width:calc(100% - 40px);}*/
.form_border {position: absolute;background-color: #00aeef;transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1) 0s;}
.form_border-x {height: 2px;}
.form_border-y {width: 2px;}
.u-fit-w {width: calc(100% + 4px);}
.u-fit-h {height: calc(100% + 4px);}
.u-pos-tl {left: -2px;top: -2px;}
.u-pos-tr {right: -2px;top: -2px;}
.u-pos-bl {bottom: -2px;left: -2px;}
.form_border:nth-of-type(1) {transform-origin: 0 100% 0;}
.form_border:nth-of-type(1) {transform: scaleX(0) translateZ(0px);}
.form_border:nth-of-type(2) {transform-origin: 0 0 0;}
.form_border:nth-of-type(2), .form_border:nth-of-type(4) {transform: scaleY(0) translateZ(0px);}
.form_border:nth-of-type(3) {transform-origin: 100% 0 0;}
.form_border:nth-of-type(3) {transform: scaleX(0) translateZ(0px);}
.form_border:nth-of-type(4) {transform-origin: 0 100% 0;}
.form_border:nth-of-type(2), .form_border:nth-of-type(4) {transform: scaleY(0) translateZ(0px);}
input[type=text]:focus ~ .form_border:nth-of-type(1), select:focus ~ .form_border:nth-of-type(1){transform: scaleX(1) translateZ(0px);}
input[type=text]:focus ~ .form_border:nth-of-type(2), input[type=text]:focus ~ .form_border:nth-of-type(4), select:focus ~ .form_border:nth-of-type(2), select:focus ~ .form_border:nth-of-type(4) {transform: scaleY(1) translateZ(0px);}
input[type=text]:focus ~ .form_border:nth-of-type(3), select:focus ~ .form_border:nth-of-type(3){transform: scaleX(1) translateZ(0px);}
.form-captcha{float:left;text-align:center;margin-top:40px;}
.form-field .btn{float:right;margin-right:2px;}
label.error{position:absolute;left:0;bottom:0;font-family: 'Lato-Semibold';font-size:11px;color:#f00;}
.errors{font-family: 'Lato-Semibold';font-size:14px;color:#f00;}
.form-errors{padding:0 0 30px 0;}
.form-errors ul li{color:#f00;list-style:none;}
/** Contact Form **/

.fade-in {
	 /* make things invisible upon start */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 8 */  
  filter: alpha(opacity=0); /* IE 5-7 */  
  -moz-opacity: 0; /* Netscape */  
  -khtml-opacity: 0; /* Safari 1.x */  
  opacity: 0;/* Good browsers */
	-webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
	-moz-animation:fadeIn ease-in 1;
	animation:fadeIn ease-in 1;
	-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	-webkit-animation-duration:1s;
	-moz-animation-duration:1s;
	animation-duration:1s;
}

.fade-out {
	 /* make things invisible upon start */
	visibility:hidden;
	-webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
	-moz-animation:fadeIn ease-in 1;
	animation:fadeIn ease-in 1;
	-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	-webkit-animation-duration:1s;
	-moz-animation-duration:1s;
	animation-duration:1s;
}
.fade-in1 {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE 8 */  
  filter: alpha(opacity=1); /* IE 5-7 */  
  -moz-opacity: 1; /* Netscape */  
  -khtml-opacity: 1; /* Safari 1.x */  
  opacity: 1;/* Good browsers */
}


::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #7e7e7e;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #7e7e7e;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #7e7e7e;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #7e7e7e;
}
:placeholder-shown { /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */
  color:    #7e7e7e;
}