/* BODY */
*{outline:none !important;}
body{margin:0; padding:0; font-family: 'Raleway', sans-serif; font-size:15px; color:#00454d; -webkit-font-smoothing: antialiased; overflow-x:hidden !important;}
html, body {height: 100%}

/* TOOLS */
h1{font-family: 'Raleway', sans-serif;}
h2{font-family: 'Raleway', sans-serif;}
h3{font-family: 'Raleway', sans-serif;}
h4{font-family: 'Raleway', sans-serif;}
h5{font-family: 'Raleway', sans-serif;}

p{margin-bottom:20px; line-height:24px;}
/*i{font-size:50px;}*/

/* SPACING */
.no-margin{margin:0 !important;}
.no-padding{padding:0 !important;}
.p10 {padding:40px;}
.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.mb60 {margin-bottom:60px;}
.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mt60 {margin-top:60px;}
.fs12 {font-size:12px;}
.fs14 {font-size: 14px;}
.fs16 {font-size: 16px;}
.fs18 {font-size: 18px;}
.fs20 {font-size: 20px;}
.fs30 {font-size: 30px;}
.fs40 {font-size: 40px;}
.fs50 {font-size: 50px;}
.fs60 {font-size: 60px;}
.fs70 {font-size: 70px;}
.fs80 {font-size: 80px;}
/* SECTIONS */
header, section, footer, nav {width:100%; float:left;}

/*SPACINGS*/
.gap {
	display: block;
	position: relative;
	margin: 10px 0 10px 0;
	clear: both;
	overflow: hidden;
}
.gap-micro {
	margin: 5px 0 5px 0;
}
.gap-mini {
	margin: 10px 0 10px 0;
}
.gap-small {
	margin: 15px 0 15px 0;
}
.gap-big {
	margin: 60px 0 60px 0;
}
.gap-large {
	margin: 90px 0 90px 0;
}
.gap-top {
	margin-bottom: 0 !important;
}
.gap-bottom {
	margin-top: 0 !important;
}
.gap-border {
	border: 0;
	border-top: 1px solid #ededed;
	border-bottom: 1px solid #fff;
}
.gap:after, .gap-micro:after, .gap-mini:after, .gap-small:after, .gap-big:after, .gap-large:after {
	content: '';
	display: table;
}

/* LINKS BUTTONS */
a{color:#00454d;}
a:hover{color:#6eaadc; text-decoration:none;}
a{-moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease;}
.btn-crea{display:inline-block; border:2px solid #00454d; padding:12px 30px; color:#00454d; font-weight:800}
.btn-crea:hover{color:#00454d; padding:12px 40px; text-decoration:none;}

ul.oRadio {-webkit-margin-before:0px; -webkit-padding-start:0px; text-align:left; float:left; margin:0; white-space:nowrap!important;}
ul.oRadio li {display: inline; float: left; padding-right:2px;}

/* TITLES */
.main-title{display:inline-block; font-size:50px; font-weight:800; margin-top:0;}
.sub-title{font-weight:600; font-size:18px; color:#6eaadc; letter-spacing:2px; margin-bottom:80px; line-height:22px; position:relative;}
.sub-title:after{content:''; width:40px; height:1px; background:#00454d; position:absolute; left:50%; margin-left:-20px; bottom:-30px;}

/* LOADING */
.loading {width: 100% ;height: 100%; position: fixed; left: 0px; top: 0px; background: url('/images/loading.gif') center 50% no-repeat #f0f0f0; background-size:40px 40px; z-index:99999;}

/* NAVBAR */
.navbar{position:fixed; z-index:999; background:none; border:none; border-radius:0;height:auto!important;margin-bottom:5px; padding:0;}
.navbar-nav{float:right;}
.navbar-brand{height:auto; float:left; padding:0; margin-top:10px; margin-left:15px;}
.navbar-brand img{width:auto; max-height:70px;margin-top:20px;}
.navbar-nav>li:last-child{margin-right:0; padding-right:0;}
.navbar-nav>li:last-child a{margin-right:0; padding-right:0;}
.navbar-nav>li>a{padding-top:54px; padding-bottom:26px; color:#00454d; font-weight:800; font-size:14px; margin-left:20px;}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus{color:#00454d;}
.navbar-nav>li>a:hover{color:#6eaadc!important;}
.navbar-nav>li>a.active{color:#6eaadc!important;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover{background:none; color:#777;}
.navbar-default .navbar-nav>.active>a:focus{background:none;}
.navbar-default .navbar-toggle{border:none; padding:12px 25px;}
.navbar-default .navbar-toggle i{color:#323B3F; font-size:60px;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{background:none;}

/* STICKY NAV */
.affix, .affix-top{position:fixed;}
.affix:after, .affix-top:after{content:''; width:100%; height:117px!important; position:fixed; left:0; top:0; background:#fff; opacity:0.90; z-index:3; border-bottom: 1px solid #ccc;
  -webkit-box-shadow: 0 0.15em 0.35em 0 rgba(0, 0, 0, 0.135);
  box-shadow: 0 0.15em 0.35em 0 rgba(0, 0, 0, 0.135);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);

}
.affix .container, .affix-top .container{position:relative; z-index:5;}

/* HEADER */
header{width:100%; height:880px; overflow:hidden;}
header.internal-pages{height:500px;}
header h1{margin-top:320px; font-size:60px; color:#fff; font-weight:800; background:url(/images/seperate.png) bottom center no-repeat; padding-bottom:60px; margin-bottom:30px;}
header h1 em{font-style:normal;}
header .splash{width:100%; height:100%; background:url(/images/splash.png) no-repeat; position:absolute; left:0; top:0; z-index:1;}
header h5{font-size:31px; color:#fff; padding:0 8%; letter-spacing:2px;}
header h5 em{font-style:italic; font-weight:800; color:#fff;}
header .thanks{width:120px; display:inline-block; margin-top:40px;}

/* OVERLAY */
.background-overlay{position:relative;}
.background-overlay:after{content:''; width:100%; height:100%; position:absolute; left:0; top:0; background-color:#00454d; opacity:0.60; filter: alpha(opacity=60);}
.background-overlay .container{position:relative; z-index:2;}

/* HEADER VIDEO BG */
.video-bg{height:850px; position:relative;}
.video-bg .video-container{width:100%; height:100%; max-height:850px; float:left; position:relative; overflow:hidden;}
.video-bg .video-bg-content{width:100%;}
.video-bg .video-bg-content .error{font-size:150px;}
.video-bg video, .video-bg .video-alt{position:absolute; min-width:100%; float:left;}

/* VIDEO */
.video{padding:100px 0;}
.video h2{font-size:40px; color:#fff; font-weight:800;}
.video h5{font-weight:600; font-size:18px; color:#fff; margin-bottom:60px;}
.video i{width:80px; height:80px; display:inline-block; padding-top:2px; padding-left:10px; font-size:50px; border-radius:100px; border:3px solid #fff; color:#fff;}
#video{width:800px; display:none;}
#video video{width:100%;}


/* SIDE IMAGE CONTENT */
.side-image-content{background:#f3f3f3;}
.side-image-content .side-image{height:420px; background:url(/images/hero3.jpg) no-repeat; background-size:cover;}
.side-image-content .side-image a{margin-top:180px; color:#fff; border:2px solid #fff;}
.side-image-content .text-content{width:100%; padding:40px;}
.side-image-content .text-content h3{font-weight:800; margin-top:60px; margin-bottom:40px; letter-spacing:2px;}
.side-image-content .text-content p{margin:25px 0; color:#78797a;}


/* ICON FEATURES */
.iconfeatures{padding:100px 0;}
.iconfeatures i{}
.iconfeatures .spacing{padding:20px 40px;}
.iconfeatures h3{color:#00454d; font-size:22px; font-weight:800; background:url(/images/zigzag-bg.png) bottom center no-repeat; margin-bottom:20px; padding-bottom:30px; font-family: 'Raleway', sans-serif;}
.iconfeatures p{margin-bottom:40px; color:#78797a; font-family: 'Raleway', sans-serif;}

/* TEAM SECTION */
.team{padding:100px 0; text-align:center; background:#f3f3f3;}
.team .team-members{width:100%; float:left;}
.team .team-members .member{width:100%; max-height:925px; float:left; overflow:hidden; position:relative;}
.team .team-members .member *{-moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease;}
.team .team-members .member:hover .info-box{opacity:1;}
.team .team-members .member:hover .info-box h4{margin-top:60px;}
.team .team-members .member:hover img{width:100%;}
.team .team-members .member img{width:100%; float:left;}
.team .team-members .member .info-box{width:100%; height:100%; position:absolute; left:0; top:0; padding:15px; background:rgba(204, 208, 10, 0.9); color:#00454d; opacity:0;}
.team .team-members .member .info-box h4{font-size:24px; font-weight:800; margin-top:20px;}
.team .team-members .member .info-box span{font-family:times new roman; font-size:16px; font-style:italic; position:relative; margin-bottom:40px; display:block;}
.team .team-members .member .info-box span:after{content:''; width:40px; height:1px; background:#fff; position:absolute; left:50%; margin-left:-20px; bottom:-20px;}
.team .team-members .member .info-box i{font-size:60px;}
.team .team-members .member .info-box p{font-weight:400; font-size:14px; line-height:18px;}
.team .btn-crea{margin-top:40px;}

/* SERVICES */
.services{padding:100px 0;}
.services i{font-size:50px;}
.services h3{font-weight:600; margin-bottom:5px;}
.services ul{width:100%; float:left; margin:0; padding:0;}
.services ul li{width:100%; float:left; list-style:none; margin:4px 0; font-size:14px;}
.services ul li:before{content:''; width:6px; height:2px; float:left; background:#ccc; margin-top:10px; margin-right:10px;}
.services .service {min-height:260px;}

/* ABOUT US */
.about-us{background:#f3f3f3;}
/*.about-us p, .about-us div{color:#78797a; font-family: 'Raleway', sans-serif;}*/
.about-us .left-image{width:100%; position:relative;}
.about-us .left-image img{ float:right;}
.about-us .col-md-6{background:#fff; padding:0;}
.about-us .col-md-5{padding-left:40px;}
.about-us h2{font-size:40px; font-weight:800; margin-top:60px;}
.about-us h5{font-size:19px; font-weight:300; color:#666; margin-bottom:40px;}
.about-us h5:before{content:''; width:130px; height:2px; background:#00454d; float:left; margin-top:10px; margin-right:10px;}
.about-us .skills{width:100%; float:left;}
.about-us .skills h4{float:left; font-weight:600;}
.about-us .skills .progress{ width:100%; height:2px; float:left; border-radius:0;}
.about-us .skills .progress .progress-bar{width:0%; float:left; background:#00454d;}

/* DOWNLOAD */
.download{padding:100px 0;}
.download .features{width:100%; float:left; margin-bottom:30px;}
.download .features i{width:70px;  font-size:50px; float:right; margin:10px 10px; padding:20px 10px; border-left:1px dotted #00454d;}
.download .features h4{font-weight:800;}
.download .features p{margin-top:20px;}
.download .features .iphone{width:300px;}
.download .text-right{padding-top:80px;}
.download .text-left{padding-top:80px;}
.download .right-side{width:100%; float:left;}
.download .right-side h4{margin:0;}
.download .right-side h2{margin:0; margin-bottom:20px; font-size:40px; font-weight:800;}
.download .right-side .odometer{font-size:30px; font-weight:600;}
.download .right-side p{margin-bottom:20;}
.download .right-side ul{width:100%; float:left; margin-bottom:20px; padding:0;}
.download .right-side ul li{width:100%; float:left; list-style:none; margin:4px 0; font-size:14px;}
.download .right-side ul li:before{content:''; width:6px; height:2px; float:left; background:#ccc; margin-top:10px; margin-right:10px;}
.download .right-side .app-logo{width:auto; display:block;} 
.download .btn-crea{margin-bottom:80px;}

/* RECENT WORKS */
.recent-works{padding-top:100px;}
.recent-works .filter{width:100%; float:left; text-align:center; margin:0; padding:0;}
.recent-works .filter li{display:inline-block; list-style:none; margin:0 10px;}
.recent-works .filter li span{width:20px; height:12px; float:left; border:1px solid #ccc; margin-top:3px; margin-right:8px;}
.recent-works .filter li a{float:left; font-size:13px; font-weight:600;}
.recent-works .filter li a:hover{color:#00454d; text-decoration:none;}
.recent-works .filter li a:focus{color:#00454d; text-decoration:none;}
.recent-works .filter li a.current span{position:relative;}
.recent-works .filter li a.current span:after{content:''; width:14px; height:6px; background:#00454d; position:absolute; left:2px; top:2px;}
.works-container{float:left;}



/* CLIENTS */
.clients{padding:100px 0;}
.clients .testimonials h3{padding-bottom:40px; background:url(/images/zigzag-bg.png) bottom center no-repeat;}
.clients .logos{display:inline-block;}
.clients .logos img{width:100%; float:left;}



/* PRICES */
.prices{padding:100px 0; background:#f3f3f3;}
.prices .price-table-container{width:100%; float:left; background:#fff; padding:40px 0;}
.prices .price-table-container .type{width:100%; float:left; font-size:20px; font-weight:800; letter-spacing:2px; margin-bottom:60px; position:relative;}
.prices .price-table-container .type:after{content:''; width:40px; height:2px; background:#00454d; position:absolute; left:50%; margin-left:-20px; bottom:-30px;}
.prices .price-table-container .price{width:100%; float:left; margin-bottom:30px; padding-bottom:40px; background:url(/images/zigzag-bg.png) bottom center no-repeat; border-top:1px solid #f3f3f3;}
.prices .price-table-container .price b{font-size:40px; margin-top:-30px;}
.prices .price-table-container ul{width:100%; float:left; margin-bottom:40px; padding:0; list-style:none;}
.prices .price-table-container ul li{width:100%; float:left; margin:14px 0;}



/* LATEST NEWS */
.latest-news {padding:100px 0;}
.latest-news  .news-box{width:100%; float:left; margin-bottom:40px;}
.latest-news  .news-box *{-moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease;}
.latest-news  .news-box .thumb{width:100%; float:left; position:relative; overflow:hidden;}
.latest-news  .news-box .thumb img{width:110%; float:left; margin-right:-5%;}
.latest-news  .news-box .thumb:hover .info-box{opacity:1;}
.latest-news  .news-box .thumb:hover img{width:110%; margin-left:-5%;}
.latest-news  .news-box .thumb .info-box{ width:100%; height:100%; position:absolute; left:0; top:0; padding:20px; background:rgba(39,41,44,0.9); color:#fff; opacity:0;}
.latest-news  .news-box .thumb .info-box .date{width:100%; float:left; font-weight:600; font-size:20px; margin-bottom:30px;}
.latest-news  .news-box .thumb .info-box .posted{width:100%; float:left; font-size:11px;}
.latest-news  .news-box .thumb .info-box  i{font-size:60px;}
.latest-news  .news-box h3{width:100%; float:left; font-weight:600; line-height:24px; font-size:20px; margin-top:20px; position:relative;}
.latest-news  .news-box h3:after{content:''; width:40px; height:1px; background:#00454d; position:absolute; left:0; bottom:-20px;}




/* CONTACT INFOS */
.contact-info{padding:100px 0;}
.contact-info i{height:70px; line-height:70px; font-size:70px;}
.contact-info h3{font-size:20px; font-weight:700;}
.contact-info p{margin-top:20px; margin-bottom:0;}




/* CONTACT */
.contact{padding:0; background:#f3f3f3;}
.contact #map{width:100%; height:400px; float:left;}
.contact h2{float:left;}
.contact form{float:left; padding-top:0; padding-left:30px;}
form .form-group{width:100%; float:left; margin-bottom:5px;}
form .form-group #captcha{-webkit-border-radius:4px;	-moz-border-radius:4px;	border-radius:4px;}
form .form-group input[type="text"], form .form-group input[type="file"]{width:100%; height:30px; float:left; border:none; border:1px solid #ddd; background:#fff; padding:0 10px;	-webkit-border-radius:4px;	-moz-border-radius:4px;	border-radius:4px;}
form .form-group textarea{width:100%; height:50px; float:left; border:none; border:1px solid #ddd; background:#fff; padding:10px;	-webkit-border-radius:4px;	-moz-border-radius:4px;	border-radius:4px;}
form .form-group input[type="submit"]{height:30px; background:#6eaadc; color:#fff; padding:0 20px; border:none; font-weight:800;	-webkit-border-radius:4px;	-moz-border-radius:4px;	border-radius:4px;}
form .form-group input[type="submit"]:hover{height:30px; background:#00454d; color:#fff;}


/* CONTACT FORM */
#success, #error {display:none; float:left; margin-left:40px;}
#success p, #error p {margin:0;float:left; font-size:13px; font-weight:600;}
#contact label{width:100%; color:red; font-weight:400; font-size:13px;}
#error p {color:#c0392b;}	




/* FOOTER */
footer{width:100%; background:#404040; padding:30px 0; font-size:13px; font-weight:600; color:#fff; text-align:center; margin-top:0;}
footer ul{width:100%; padding:0; display:table;}
footer ul li{list-style:none; margin:0; padding:0 16px; display:table-cell; line-height:30px;}
footer ul li i{color:#fff; font-size:26px;}
footer .creation{}
footer .creation i{color:#e23d3d; font-size:14px;}
footer .social li a i:hover {color:#6eaadc;}




/* CUSTOMIZED SLIDER */
.bx-wrapper{width:100%; float:left;}
.bx-wrapper .bx-viewport{left:0; border:none; box-shadow:none;}
.bx-wrapper .bx-pager{margin-bottom:-30px;}
.bx-wrapper .bx-pager.bx-default-pager a{width:14px; height:14px; border-radius:14px; border:3px solid #ccc; background:#fff;}
.bx-wrapper .bx-pager.bx-default-pager a:hover{border:3px solid #00454d; background:#fff;}
.bx-wrapper .bx-pager.bx-default-pager a.active{width:18px; height:18px; border-radius:18px; border:3px solid #00454d; background:#fff;}

/* BLOCKQUOTE */
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';	content: none;}
q, blockquote {quotes: '\201C' '\201D' '\2018' '\2019';}
blockquote {font-size: 1.3333em;
	line-height: 1.6em;
	padding: 20px 20px 20px 40px;
	border-left: none;
	position: relative;
	text-indent: -19px;}
blockquote p {font-size: 1em;}
blockquote:before, blockquote:after {font-family: Georgia, serif;
	font-size: 2.5em;
	vertical-align: middle;
	line-height: 0;}
blockquote:before {content: open-quote;
	margin-right: 4px;}
blockquote:after {content: close-quote;
	margin-left: 3px;}
	
.fancybox-lock .fancybox-overlay {
 overflow-y:visible!important;
}


/* RESPONSIVE FIXES */

@media only screen and (max-width: 1170px), only screen and (max-device-width: 1170px) {
.navbar-nav>li>a{margin-left:10px; padding-left:10px; padding-right:10px;}
.background-overlay{height:550px;}
header h1{margin-top:200px; height:120px; font-size:80px;}
.download img{width:100%;}
.services img{width:auto!important; height:auto!important;}
.services img.auto{width:100%!important; height:auto!important;}
.services .service {min-height:360px;}
}

@media only screen and (max-width: 768px), only screen and (max-device-width: 768px) {
.navbar-nav>li>a{margin-left:10px; padding-left:5px; padding-right:5px;}
.video-bg{height:550px; color:#fff;}
.video-bg video{display:none!important;}
.background-overlay{height:530px;}
header h1{margin-top:180px; height:80px; font-size:60px;}
.premium-features .spacing{padding:20px 25px;}
.services img{width:100%;}
.about-us img{width:100%; float:left; margin-bottom:30px;}
.team .team-members .member{margin-bottom:30px;}
.grid li{width:50%;}
.contact form{padding-bottom:40px;}
.services .service {min-height:280px;}
}

@media only screen and (max-width: 640px), only screen and (max-device-width: 640px) {
.navbar-brand img{width:auto; max-height:50px;margin:20px 0 0 10px;}
.navbar-nav>li>a{margin-left:10px; padding-left:5px; padding-right:5px;}
.video-bg{height:300px; color:#fff;}
.video-bg video{display:none!important;}
.background-overlay{height:245px;}
.video-bg .video-alt{width:auto!important; height:auto!important;}
.navbar-collapse{background:url(/images/dark-pattern.png); border:none; box-shadow:0 0 30px rgba(-255,-255,-255,0.3);}
.navbar-collapse .navbar-brand {margin-left:32px;}
.navbar-collapse .navbar-nav{width:100%; float:left; margin-top:30px;}
.navbar-collapse .navbar-nav li{width:100%; float:left;}
.navbar-collapse .navbar-nav li a{padding-top:15px; padding-bottom:15px; color:#fff;}
.navbar-collapse .navbar-nav li a:hover{color:#fff; background:none;}
.navbar-collapse .social-media {width:100%; float:left; margin-top:40px; padding-left:30px;}
.navbar-collapse .social-media li{float:left; margin-right:10px; list-style:none;}
.navbar-collapse .social-media li a{float:left; color:#fff;}
.navbar-collapse .social-media li a:hover{color:#fff;}
.navbar-collapse .social-media li i{font-size:20px;}
.navbar-collapse .creation{width:100%; float:left; color:#fff; font-weight:600; font-size:10px; margin-top:20px; padding-left:32px;}
.navbar-collapse .creation i{color:#e23d3d; font-size:14px;}
header{height:660px;}
header h1{margin-top:90px; height:80px; font-weight: 600;}
header h1 *{font-size:24px !important;}
header h5{font-size:14px; white-space:nowrap;}
.main-title{font-size:30px;}
.iconfeatures{padding:200px 0;}
.about-us h5:before{width:40px;}
.grid li{width:100%;}
.services ul{margin-bottom:30px;}
.download .features{text-align:left !important;}
.download .features i{float:left; padding-left:0; border-left:0; border-right:1px dotted #00454d;}
.price-table-container{margin-bottom:30px;}
.latest-news .news-box h3 {margin-bottom:40px;}
.contact form{width:95%; float:left; padding-left:20px; padding-top:20px;}
.contact form input#submit{margin:5px 0;}
}

@media only screen and (max-width: 360px), only screen and (max-device-width: 360px) {
.navbar-brand{padding:0px;}
.background-overlay{height:220px;}
.iconfeatures{padding:50px 0;}
header h1{margin-top:80px;}
header h1 *{font-size:20px !important;}
header h5{margin:0; padding:0;}
}