/* FONTS */
@import url('https://fonts.googleapis.com/css?family=Fjalla+One|Noto+Sans:300,400,700&subset=latin-ext');



/* BODY */
*{ outline:none !important;}
body{ margin:0; padding-bottom:180px; font-family: 'Noto Sans', sans-serif; font-size:15px; background:#000;}
body{-webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility;	-moz-osx-font-smoothing: grayscale;}
body{ height:100%;}
html{ height:100%;}



/* LINKS */
a{ color:inherit;}
a:hover{ text-decoration:underline;}
a:focus{ text-decoration:none;}



/* CUSTOMIZED HTML */
img{max-width:100%;}
b{ font-weight:700;}
p{ margin-bottom:15px;}
strong{ font-weight:700;}
em{ font-style:italic;}
u{ text-decoration:underline;}
button[id="open-popup"]{ height:50px; padding:0 25px; border:none; background:#fff;  font-family: 'Fjalla One', sans-serif; font-weight:700; font-size:20px;}


/* PRELOADER */
.preloader{ width:100%; height:100%; position:fixed; left:0; top:0; background:url(../images/preloader.gif) center no-repeat #191919; background-size:100px 100px; z-index:99;}
.preloader{-webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -ms-transform:all 0.7s ease; transition: all 0.7s ease;}
.page-loaded .preloader{transform: translateY(-100%); -o-transform:translateY(-100%); -ms-transform:translateY(-100%); -webkit-transform:translateY(-100%);}	
.page-loaded .header{transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); -webkit-transform: translateY(0);}
.page-loaded .navbar-default{transform: translateY(0); transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); -webkit-transform: translateY(0);}


/* NAVBAR DEFAULT */
.navbar-default{ background:#000; width:100%; float:left;  border:none; z-index:9;}
.navbar-default{-webkit-transition: .15s ease-in-out;-moz-transition: .15s ease-in-out;-ms-transition: .15s ease-in-out; -o-transition: .15s ease-in-out; transition: .15s ease-in-out;}
.navbar-default *{-webkit-transition: .15s ease-in-out;-moz-transition: .15s ease-in-out;-ms-transition: .15s ease-in-out; -o-transition: .15s ease-in-out; transition: .15s ease-in-out;}
.navbar-default .navbar-brand{ height:auto; padding:30px 0px;}
.navbar-default .navbar-brand img{ height:30px; -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}
.navbar-default .navbar-nav{ float:right;}
.navbar-default .navbar-nav>li{ float:left;}
.navbar-default .navbar-nav>li a{ float:left; color:#fff; padding:29px 15px; font-weight:700;  opacity:0.8; font-size:25px;}
.navbar-default .navbar-beta>li { float:left; color:#000; padding:20px 15px; font-weight:700;  opacity:1; font-size:25px;}
.navbar-default .navbar-beta>li:hover{ background:none; color:#fc0079; opacity:1;}
.navbar-default .navbar-nav>li a:hover{ background:none; color:#fc0079; opacity:1;}
.navbar-default .navbar-nav>li a:focus{ background:none; color:#fff;}
.navbar-default .navbar-nav>li span{width:0; height:2px; float:left;}
.navbar-default .navbar-nav>li.active a{ color:#fff; background:none; opacity:1;}
.navbar-default .navbar-nav>li.active a:hover{ background:none; color:#fff;}
.navbar-default .navbar-nav>li.active a:focus{ background:none; color:#fff;}
.navbar-default .navbar-nav>li.active span{ width:100%; background:#fc0079;}
.navbar-default .social-media{ float:right;}
.navbar-default .social-media>li a{ padding:30px 10px; opacity:1;}

/* HERO TEXT PARTICLES */
.hero-text-particles{ width:100%; height:100%; float:left; position:relative; overflow:hidden; }
.hero-text-particles:after{content:''; width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(0,0,0,0);}
.hero-text-particles .image-wrapper { margin: 0 auto; width:400px;}
.hero-text-particles .orbit-layer2 { width:100%; height:100%; position:absolute; right:0px; bottom:0px; overflow:hidden; background:url(../images/back.png) bottom center no-repeat; background-size:100%; z-index:-1;opacity:1;}
.hero-text-particles .orbit-layer { width:100%; height:100%; position:absolute; right:0px; bottom:0px; overflow:hidden; background:url(../images/front.png) bottom center no-repeat; background-size:100%; z-index:4;opacity:1;}
.hero-text-particles .orbit-layer:after{content:''; width:100%; height:100%; position:absolute; left:0; top:0; background:#000; opacity:0;}
.hero-text-particles .video-container{ width:100%; height:100%; position:absolute; left:0; top:0; overflow:hidden; opacity:0.5; z-index:0; }
.hero-text-particles .video-container:after{content:''; width:100%; height:100%; position:absolute; left:0; top:0; background:#000; opacity:0.2;}
.hero-text-particles .video-container video{ min-height:100%; float:left;}
.hero-text-particles #particles-js{ width: 100%; height: 100%; position: absolute; background:rgba(0,0,0,0); z-index:1;}
.hero-text-particles .hero-wrapper{ width:100%; height:100%; position:absolute; left:0; top:0; display:table; text-align:center; padding-top:0px; z-index:5;}
.hero-text-particles .hero-wrapper .content{ width:100%; display:table-cell; vertical-align:top;}
.hero-text-particles .hero-wrapper .content .hero-text{ width:100%; float:left; display: block; color: #fff; font-size:17px; font-weight:300; margin-bottom: 50px; padding:0 15%;}
.hero-text-particles .hero-btn{ line-height:50px; display:inline-block; padding:0 40px; background:#fff; color:#0563be; font-weight:700; border-radius:50px; box-shadow:0px 5px 20px rgba(255,255,255,0.3); margin-bottom:30px;}
.hero-text-particles .hero-btn:hover{ color:#0563be; text-decoration:none; box-shadow:0px 5px 20px rgba(255,255,255,0.6);}
.hero-text-particles .text-rotator { width:100%; float:left; position:relative; font-family: 'Fjalla One', sans-serif; color:#fff; font-weight:700; text-align:center; font-size:100px; margin-bottom:10px;}
.hero-text-particles .slogan { width: 100%; float:left; text-align: center; font-size: 60px; font-weight:bold; letter-spacing: -2px; word-spacing: -2px; overflow: hidden }
.hero-text-particles .slogan ul { position: relative; display: inline-block; overflow: visible !important; vertical-align: text-top; list-style: none; transform:translateY(-7px);}
.hero-text-particles .slogan ul li { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); color: #27d7fc;}
.hero-text-particles .slogan ul li:nth-child(2) {top: 112px;}
.hero-text-particles .slogan ul li:nth-child(3) {top: 224px;}
.hero-text-particles .slogan ul li:nth-child(4) {top: 335px;}
.hero-text-particles .slogan ul li:nth-child(5) {top: 446px;}
.hero-text-particles  button[id="open-popup"]{ display:inline-block; margin-bottom:20px; color:#27d7fc; border-radius:50px;}
.hero-text-particles  button:hover[id="open-popup"]{ display:inline-block; margin-bottom:20px; color:#fc0079; border-radius:50px;}


/* MAIN TITLES */
.section-title{ font-size:80px; font-weight:700; margin-top:0; margin-bottom:40px; color:#0079fc;}
.section-subtitle{ font-family: 'Fjalla One', sans-serif; font-size:24px; padding:0 calc(25vw - 200px); position:relative; padding-bottom:50px; margin-top:0; margin-bottom:100px; line-height:40px; color:#999; font-weight:400; letter-spacing:0.01px; }
.section-subtitle:after{content:''; width:40px; height:3px; background:#0079fc; position:absolute; left:50%; bottom:0; margin-left:-20px;}
.section-subtitle span{ color:#0079fc; text-decoration:underline;}


/* FEATURES */
.features{ width:100%; float:left; padding:100px 0; background:#fff;}
.features .features-boxL{ width:100%; float:left;}
.features .features-boxR{ width:100%; float:left;}
.features .features-boxL img{ height:80px;}
.features .features-boxL .content-heading{ font-size:19px; font-family: 'Fjalla One', sans-serif; margin-top:0; margin-bottom:6px;}
.features .features-boxL .content-description{ color:#999;}
.features .features-boxL:hover .content-heading{ color:#0079fc;}
.features .features-boxR img{ height:80px;}
.features .features-boxR .content-heading{ font-size:19px; font-family: 'Fjalla One', sans-serif; margin-top:0; margin-bottom:6px;}
.features .features-boxR .content-description{ color:#999;}
.features .features-boxR:hover .content-heading{ color:#0079fc;}
.features .iphone-left{margin-right:-40%; width:320px;}
.features .iphone-center{position:relative; z-index:1; margin-top:-50px;}
.features .iphone-right{margin-left:-40%; width:320px;}


/* CONTACT */
.contact{ width:100%; float:left; padding:0 0; text-align:center;}
.contact .contact-box{ width:100%; float:left; margin-bottom:40px;}
.contact .contact-box i{ width:90px; height:90px; line-height:90px; display:inline-block; font-size:40px; color:#fff; background:#0079fc; text-align:center; margin-bottom:40px; border-radius:50%;}
.contact .contact-box .title{color:#fff; font-size:28px; font-family: 'Fjalla One', sans-serif; font-weight:700; margin-bottom:20px; letter-spacing:1px; position:relative; padding-bottom:30px;}
.contact .contact-box .title:after{content:''; width:8px; height:8px; background:#0079fc; position:absolute; left:50%; bottom:0; margin-left:-4px; border-radius:50%;}
.contact .contact-box .content{ color:#999; font-size:17px; line-height:26px; padding:0 6%;}
.contact .contact-box .content a{ color:#0079fc; text-decoration:underline;}


/* FOOTER */
.footer{ width:100%; float:left; padding-top:0px; background:#000; text-align:center;}
.footer .sub-footer{ width:100%; float:left; margin-top:0px; padding-bottom:10px 0; border-top:1px solid rgba(255,255,255,0); }
.footer .sub-footer span{ color:#fff; display:inline-block; line-height:30px; font-size:12px;}
.footer .sub-footer span a{ color:#fff; text-decoration:underline; font-weight:700;}
.footer .sub-footer .social-media{ width:100%; float:left; margin:0; padding:0;}
.footer .sub-footer .social-media li{ display:inline-block; list-style:none; margin:0 3px;}
.footer .sub-footer .social-media li a{ width:34px; height:34px; float:left; text-align:center; line-height:30px; border:2px solid #fff; border-radius:50%; color:#fff;}
.footer .sub-footer .social-media li a:hover{ background:#fff; color:#0079fc;}


/* SCROLL UP */
.scrollup { width: 40px; height: 40px; line-height:40px; text-align:center; color:#fff; position: fixed; bottom: 20px; right: 20px; display: none; background-color: #0f1721;}
.scrollup:hover{ color:#fff;}

/* MENU BUTTON */
.navbar-toggle { float:right; position: relative; width: 23px; height: 23px; margin: 15px; padding:0;}
.navbar-toggle span {	position: relative; display: block; width: 100%; height: 2px; margin: 9px 0 0; background: #fff; -ms-transition: background 0s .2s; -webkit-transition: background 0s .2s; transition: background 0s .2s;}
.navbar-toggle span:before, .navbar-toggle span:after { position: absolute; display: block; left: 0; width: 100%; height: 2px; background: #fff; content: ""; -ms-transition-duration: .2s, .2s; -webkit-transition-duration: .2s, .2s; transition-duration: .2s, .2s; -ms-transition-delay: .2s, 0s; -webkit-transition-delay: .2s, 0s; transition-delay: .2s, 0s;}
.navbar-toggle span:before { top: -7px; -ms-transition-property: top, transform; -webkit-transition-property: top, transform;	transition-property: top, transform; }
.navbar-toggle span:after { bottom: -7px; -ms-transition-property: bottom, transform; -webkit-transition-property: bottom, transform; transition-property: bottom, transform;}
.navbar-toggle.is-active span {background: none}
.navbar-toggle.is-active span:before { top: 0; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.navbar-toggle.is-active span:after { bottom: 0; -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.navbar-toggle.is-active span:before, .navbar-toggle.is-active span:after { -ms-transition-delay: 0s, .2s; -webkit-transition-delay: 0s, .2s; transition-delay: 0s, .2s;}
.top-nav-collapse .navbar-toggle span{ background:#0079fc;}
.top-nav-collapse .navbar-toggle span:before{background:#0079fc;}
.top-nav-collapse .navbar-toggle span:after{background:#0079fc;}
.top-nav-collapse .navbar-toggle.is-active span {background: none}

/* MEDIUM FIXES */
@media only screen and (max-width: 1199px), only screen and (max-device-width: 1199px) {
.features .iphone-left{ width:220px;}
.features .iphone-center{ width:350px;}
.features .iphone-right{ width:220px;}
}


/* TABLET FIXES */
@media only screen and (max-width: 989px), only screen and (max-device-width: 1024px) {
.navbar-default .navbar-brand img{ height:30px;}
.navbar-default .top-nav-collapse .navbar-brand img{height:30px;}
.navbar-default .social-media{ float:right; padding-right:50px;}
.navbar-default .social-media>li a{ padding:30px 10px; opacity:1;}
.navbar-default .navbar-beta>li { padding:15px 10px; opacity:1; float:right; padding-right:10px;}

.hero-text-particles .video-container video{ width:auto;}
.hero-text-particles .orbit-layer3{ width:100%; height:100%;}
.hero-text-particles .orbit-layer2{ width:100%; height:100%;}
.hero-text-particles .orbit-layer1{ width:100%; height:100%;}
.hero-text-particles .slogan{ font-size:60px;}
.hero-text-particles .slogan ul{ transform:translateY(-4px);}
.hero-text-particles .hero-wrapper .content .hero-text{ font-size:15px;}
.hero-text-particles .hero-wrapper .content{ width:50%; vertical-align:top; padding-top:100px; padding-bottom:0px;}
.hero-text-particles .image-wrapper { margin: 0 auto; width:30%;}

.revslider .slide-title br{ display:none;}
.revslider .slide-text{ text-align:center;}

.features .features-boxL{ width:100%; text-align:left;}
.features .features-boxR{ width:100%; text-align:right;}
.features .features-boxL img{ height:60px;}
.features .features-boxR img{ height:60px;}
.features .iphone-left{ display:none;}
.features .iphone-center{width:400px;  margin-top:-50px;}
.features .iphone-right{ display:none;}

.contact #map{ width:100%; height:400px; float:left; margin:0;}
.footer .newsletter{ width:50%;}
.footer .newsletter input[type="text"]{font-size:15px; width:100%;}
.footer .newsletter button[type="submit"]{font-size:15px;}
.footer .newsletter small{ font-size:15px; margin-bottom:10px;}

body{ height:75%;}
}

/* MOBILE FIXES */
@media only screen and (max-width: 767px), only screen and (max-device-width: 767px) {
.navbar-default .social-media{ float:right; padding-right:5px;}
.navbar-default .social-media>li a{ padding:20px 10px; opacity:1;}
.navbar-default .navbar-beta>li { padding:18px 25px; opacity:1; float:right; padding-right:1px; font-size:1px;}
.navbar-default .navbar-brand img{ height:15px;}
.navbar-default .navbar-brand{ height:auto; padding:25px 10px; }

.hero-text-particles .video-container video{ height:100%;}
.hero-text-particles .orbit-layer3{ width:100%; height:100%;}
.hero-text-particles .orbit-layer2{ width:100%; height:100%;}
.hero-text-particles .orbit-layer1{ width:100%; height:100%;}
.hero-text-particles .slogan{ font-size:30px;}
.hero-text-particles .slogan ul{ transform:translateY(-2.3px);}
.hero-text-particles .hero-wrapper .content .hero-text{ font-size:12px;}
.hero-text-particles .hero-wrapper .content{ width:50%; vertical-align:top; padding-top:0px; padding-bottom:0px;}
.hero-text-particles .image-wrapper { margin: 0 auto; width:30%;}

button[id="open-popup"]{ height:30px; width:110px; padding:0 10px; border:none; background:#fff;  font-family: 'Fjalla One', sans-serif; font-weight:700; font-size:15px;}

.section-title{ font-size:50px;}

.features .features-box{ text-align:center;}
.features .iphone-left{ display:none;}
.features .iphone-center{ width:300px; margin:40px 0; float:none; display:inline-block;}
.features .iphone-right{ display:none;}
.footer .newsletter{ width:100%; float:left; padding:0 5%;}
.footer .sub-footer span{ width:100%; float:left; text-align:center;}
.footer .sub-footer .social-media{ margin:10px 0;}
.scrollup{ width:100%; height:30px; line-height:30px; bottom:0; right:0;}
}