/*
Template: Sparta
Author: XpertPoin8, www.xpertpoin8.com/
Version: 1.0
*/

/* Table of Content
================================================== 

    01. Main CSS
	02. Loading
	03. Color Picker
	04. JumpMenu Style
	05. Home Slider
	06. Pre-load
	07. Team
	08. Testimonials
	09. Services
	10. Portfolio
	11. hover colors
	12. Image Footer Spacer 
	13. Footer
	14. Form
	15. Map
	16. Facts
	17. Scroll Up
	18. Project Window Ajax
	19. Social Footer
	20. Jump Menu

*/

@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400italic,400,300,600,700);
@import "font-awesome.css"; 


/* 01 - Main CSS
-------------------------------------------------*/

::selection {background-color: #4cddf3;color: #fff;}
ul { list-style: none;}
html, body {background: #fff;width:100%;height:100%;margin:0;padding:0;}
a { outline: 0 !important;}
.hideme{opacity: 0;}
.hideme-slide, .hideme-slide2{opacity: 0; bottom: -100% !important;}
.dontHide{-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.dontHide.delay{-webkit-transition: all 1.5s ease-in-out;-moz-transition: all 1.5s ease-in-out;-o-transition: all 1.5s ease-in-out;transition: all 1.5s ease-in-out;}


/* 02 - Loading
-------------------------------------------------*/

#mask { background-color: #FFFFFF;height: 100%;position: fixed;width: 100%;z-index: 100000;}
.loader { position: absolute;margin:-20px 0 0 0 ; top:50%;left:46%;}


/* 03 - Color Picker
-------------------------------------------------*/

.blue .color-picker .pickerTitle{background:#003d7c;}
.black .color-picker .pickerTitle{background:#000;}
.yellow .color-picker .pickerTitle{background:#f1d301;}
.turquoise .color-picker .pickerTitle{background:#29deb5;}
.red .color-picker .pickerTitle{background:#f2333a;}
.purple .color-picker .pickerTitle{background:#d786fe;}
.orange .color-picker .pickerTitle{background:#fda527;}
.green .color-picker .pickerTitle{background:#77be32;}
.color-picker .picker-btn{position: absolute;right: -45px;top:45px;border: none;background: #F9F9F9;cursor: pointer;padding:5px;}
.picker-btn .fa.fa-cogs { color: #000;  font-size: 18px; margin: 6px 0 0 5px;}
.color-picker{font-family: 'Montserrat', sans-serif;width: 223px;height: auto;position: fixed;top: 150px;left: 0;background: #F9F9F9;z-index: 500;}
.color-picker .pwrapper{padding: 15px 20px 25px;width: 170px;height:auto;}
.color-picker .pickerTitle{text-transform: uppercase;text-align: center;float: none;width: 100%;margin: 0;padding: 10px 0px;cursor: auto;border: none;color:#fff;background:#666;line-height:30px;}
.color-picker .pickersubTitle{color:#7F7F7F;text-transform: uppercase;text-align: center;float: none;width: auto;height: auto;margin: 0 5px 15px;padding: 10px 5px;cursor: auto;font-size:12px;border-bottom: 1px solid #ededed;border-top: 1px solid #ededed;clear:both;}
.color-picker div{width: 30px;height: 30px;margin: 5px;float: left;cursor: pointer;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.color-picker div.nopick{ width:0; height:0;}
.color-picker .picker-blue{background: #003d7c;}
.color-picker .picker-black{background: #222;}
.color-picker .picker-green{background: #77be32;}
.color-picker .picker-yellow{background: #f1d301;}
.color-picker .picker-red{background: #f2333a;}
.color-picker .picker-purple{background: #d786fe;}
.color-picker .picker-turquoise{background: #29deb5;}
.color-picker .picker-orange{background: #fda527;}
.color-picker .picker-blue:hover,.color-picker .picker-black:hover,.color-picker .picker-green:hover,.color-picker .picker-yellow:hover,.color-picker .picker-red:hover,.color-picker .picker-purple:hover,.color-picker .picker-turquoise:hover,.color-picker .picker-orange:hover{border-color: #000;}


/* 04 - JumpMenu Styles
-------------------------------------------------*/

.jump-menu{display: none;position: absolute;top: 0;right: 0;}
.jump-selector{border-radius: 0;background: url("../img/menu-icon-blk.png") no-repeat;position: absolute;width: 50px;height: 75px;top: 0;right: 0;border: none;-webkit-appearance: none;padding-right: 50px;cursor: pointer;}


/* 05 - Home Slider
-------------------------------------------------*/

#video-volume {bottom: 30px;color: #FFFFFF;cursor: pointer;font-size: 24px;margin-left: -12px;left: 50%;position: absolute;width: 25px;height: 25px;z-index: 10;}
.welcome{font-family: Georgia, "Times New Roman", Times, serif;font-style: italic;font-size: 26px;letter-spacing: 3px;text-transform: none;}
#home-fullWidth div,#home div{position: relative;width: 100%;height: 100%;}
#home-fullWidth{height: 700px;}
.slider-controls{opacity: 0;padding: 0;margin: 0;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.slider-controls li{list-style: none;}
#home-fullWidth div:hover .slider-controls,#home div:hover .slider-controls{opacity: 1;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.slider-controls li a{position: absolute;z-index: 25;top: 44%;width: 81px;height: 80px;cursor: pointer;}
.s-next:hover, .s-prev:hover{opacity: 1;}


/* 06 - Pre-load
-------------------------------------------------*/

#home{ height:100%;}
#bannerscollection_zoominout_opportune{height:100%; width:100%;}
.wrapperSlider #bannerscollection_zoominout_opportune{ height:auto; width:auto;}
#homer:hover .bannerControls{opacity: 1;}
.banner-info{position: absolute;width: 100%;z-index: 10;top: 0;left: 0;text-align: center;}
.header{width: 100%;height: 75px;background: #fff;position: absolute;z-index: 75;box-shadow: 0px 0px 2px 0px #acacac;}
.clear{clear: both;}
.menu{float: right;margin-right: 68px;}
.menu ul{list-style: none; padding: 0; height: 75px; margin: 0;}
.menu ul li{float: left;line-height: 75px;padding: 0 22px;font-family: 'Open Sans', sans-serif;font-size: 14px;font-weight: 400;text-transform: uppercase;letter-spacing: 2px;}
.menu a{text-decoration: none;color: #414141;padding-bottom: 5px;}
.menu a:hover{color: #00a1a6;}
#nav .current a {color: #00a1a6 !important;}
.logo {color: #414141; cursor: pointer; float: left; font-family: 'nexa_boldregular'; font-size: 30px; line-height: 75px; margin-left: 68px; text-transform: uppercase;}
.main-title .second-title{font-size: 16px;font-family: 'Open Sans', sans-serif !important;width: auto;text-transform: none;margin: auto;font-weight: 400;}
.second-title span{color: #4cddf3; font-weight: 600;}
.home-btn{width: 135px;margin: 40px auto 0;height: auto;z-index: 10;position: relative;font-size: 14px;text-transform: uppercase;font-weight: 700;text-align: center;font-family: 'Open Sans', sans-serif;padding: 11px 25px 11px;cursor: pointer;background:#00a1a6;color:#ffffff;border-radius: 2px;letter-spacing: 2px;pointer-events: auto;-webkit-transition: all 0.1s ease-in-out;-moz-transition: all 0.1s ease-in-out;-o-transition: all 0.1s ease-in-out;transition: all 0.1s ease-in-out;}
.home-btn:hover{background: #F9F9F9 !important; color: #00a1a6 !important;}
.slider-logo a, .home-btn a{text-decoration: none; color: #fff;}
.main-title{color: #fff;position: absolute;top: 50%;margin-top:-190px;width: 100%;pointer-events: none;text-align: center;z-index:10;}
.main-title.title-fullWidth{top: 174px; margin-top: 0;}
.main-title a{text-decoration: none; display: inline-block; margin: 0 8px;}
.main-title .spacer{ margin: 30px auto 40px; display: inline-block;}
.title-container{width: 80%;margin: 4% auto 0;}
.main-title ul{list-style: none;padding: 0;margin: 10px 0 0;position:relative;height: 100px;font-size: 70px;font-weight: 300;text-align: center;font-family:  "Brandon Grot W01 Bold",'Montserrat', sans-serif; ,"Helvetica Neue",Helvetica,Arial,sans-serif;letter-spacing: 5px;text-transform: uppercase;z-index: 100;}
.main-title ul li{width: 100%;text-align: center;position: absolute;opacity: 0;top: 40px;line-height: 100px;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;transition-timing-function: ease;-webkit-transition-timing-function: ease; /* Safari and Chrome */}
.main-title li.t-current{opacity: 1;top: 0;-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;transition: all 1s ease-in-out;transition-timing-function: ease;-webkit-transition-timing-function: ease; /* Safari and Chrome */}
.title{font-weight: 300;text-align: center;font-family: 'Open Sans', sans-serif;}
.title.one{color: #404141; font-size: 37px; letter-spacing: 0px; padding: 120px 0 20px; text-transform: uppercase;}
.title.two{color: #757575; font-size: 17px; font-family: 'Open Sans', sans-serif; width: 850px; margin: 50px auto;}
.full{width: 1180px;position: relative;margin: auto;}
.half{width: 700px;float: left;padding: 20px 0px 80px 0px;}
.half.mision { width: 390px;  padding-right: 0 !important; padding-left: 55px;}
.half:last-child{padding: 80px 35px 120px 55px;}
.half.car-show-2 {padding-bottom: 25px;}
.title-one, .title-full-one{font-weight: 400;text-align: center;font-family: 'Montserrat', sans-serif;font-size: 15px;color: #d7d9da;text-transform: uppercase;}
.bx-wrapper { float: left;}
.title-two, .title-full-two{font-weight: 300;float: left;text-align: center;font-family: 'Open Sans', sans-serif;font-size: 28px;color: #434343;padding-bottom: 40px;margin-top: 10px;width: 100%;}
.full .title-full-two, .full .highlight, .full .milestone-details { color: #ffffff; }
.title-full-one{padding-top: 120px;}
.half-content{color: #888888;font-size: 15px;font-family: 'Open Sans', sans-serif;line-height: 26px;}
.half-content a{color: #00a1a6; text-decoration: none; font-weight: 400;}
.spacer{width: 300px;left: -4px;margin: auto;position: relative;background: none !important;}
.spacer-1 {  background: none repeat scroll 0 0 #ccc; float: left; height: 1px; width: 127px;}
.spacer-2 { background: none repeat scroll 0 0 #ccc; float: right; height: 1px;  width: 120px;}
.space-dot { background: #00a1a6; float: left;  height: 7px; left: 50%;  position: absolute;  top: -3px;  transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg);  -o-transform: rotate(45deg); width: 7px;}
.space-dot.one { left: 46%;}
.space-dot.three { left: 54%;}
#video_background {position: absolute;bottom: 0px;right: 0px;min-width: 100%;min-height: 100%;width: auto;height: auto;z-index: -1000;overflow: hidden;}
.container-fact{ background: url("../img/testi.jpg") repeat scroll 0 0 / 100% auto rgba(0, 0, 0, 0); position: relative;overflow: hidden;padding-bottom: 85px;margin-top: 100px;}
.container-fun{ background: url("../img/fun.jpg") repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0);}
.full_slide{}
.p-video {display: inline-block; padding: 0;  margin: 0;  width: 100%; padding-top: 56.25%;  heigth: auto; position: absolute;top: 0;z-index: 5;}
.p-video > iframe { position: absolute;  top: 0px; left: 0px; right: 0px; bottom: 0px;z-index: -100;}
.mk-video-mask {position: absolute;top: 0;left: 0;z-index: -1;width: 100%;height: 100%;background: #f1f1f1;}
.p-video-title {  color: #fff; font-family: 'Open Sans',sans-serif;  font-size: 50px;  font-weight: 300;  height: auto;letter-spacing: 30px; margin: 333px auto auto; opacity: 0.7; text-align: center; text-transform: uppercase;}
.p-video-title span{}


/* 07 - Team
-------------------------------------------------*/

.t-photo {height: 200px;display: inline-block;overflow: hidden;position: relative;width: 200px;transition: all 0.8s ease 0s;border-radius: 50%;}
.t-element { float: left;padding: 50px 15px 0 15px; width: 265px; text-align: center; }
.t-element .in-social > a { background: none repeat scroll 0 0 #00a1a6; float: left; height: 30px; margin: 20px 10px 0 10px; overflow: hidden; transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg);  width: 30px; -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease;  -o-transition: all 0.8s ease; -ms-transition: all 0.8s ease; transition: all 0.8s ease;}
.t-element .in-social > a:hover {-webkit-transform: rotate(405deg); -moz-transform: rotate(405deg); -o-transform: rotate(405deg); -ms-transform: rotate(405deg);  transform: rotate(405deg); }
.t-element:nth-child(4){margin-right: 0;}
.t-element:nth-child(8){margin-right: 0;}
.t-element:nth-child(12){margin-right: 0;}
.t-data{text-align: center;text-transform: uppercase;font-family: 'Open Sans', sans-serif;padding: 20px 0 0 0;width: 100%;margin-top: 20px;float: left;background: none !important;-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;transition: all 0.2s ease-out;}
.t-photo img {width: 212px;margin: -2px 0px 0px -2px;}
.t-element:hover .t-info{-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;transition: all 0.2s ease-out;}
.t-name{color: #030303;font-size: 18px;}
.in-social .fa { color: #ffffff; float: none; line-height: 30px; overflow: hidden; text-align: center; transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);}
.t-info{color: #7f7f7f;font-size: 14px;margin-top: 5px;-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;transition: all 0.2s ease-out;}
.t-social{transition:all 0.2s ease-out 0s;}
.t-element.dontHide:hover .t-social { top: 55%;}
.in-social{margin-top:10px;display: inline-block;}
.t-element.dontHide .t-data .t-social .fa { font-size: 16px; } 


/* 08 - Testimonials
-------------------------------------------------*/

.testimonials { text-align: center; float:left; width:50%;}
.avatar{width: 100%;float: left;margin-bottom: 20px; text-align:center;}
.avatar a { margin: 20px 0; width: 60px; height: 60px; display: inline-block; overflow: hidden;transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg);}
.avatar img{ margin: -20px 0 0 -20px; transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); width:100px;}
.comment{color: #acacac; font-family: 'Open Sans',sans-serif; font-size: 13px; font-style:italic; margin: 0 auto; width: 80%; font-weight:300;}
.avatar span{color: #00a1a6 !important; font-weight: 600; display:block;}


/* 09 - Services
-------------------------------------------------*/

.services{position: relative;overflow: visible;}
.tooltip {display: none;position: absolute;width: 280px;border-radius: 5px;background: #00a1a6;top: auto;bottom: 85%;left: 50%;margin-left: -160px;padding: 5px 23px;margin-bottom: 30px;}
.arrow-down {display: none;position: absolute;left: 50%;margin-left: -8px;top: auto;bottom: 85%;margin-bottom: 22px;width: 0;height: 0;border-left: 8px solid transparent;border-right: 8px solid transparent;border-top: 8px solid #00a1a6;}
.details{color: #fff;font-size: 14px;text-align: left;font-weight: 300;font-family: 'Open Sans', sans-serif;line-height: 30px;}
.details p{line-height: normal;}
.details ul{list-style: none; padding: 0; line-height: normal;}
.blue .prev-featured:hover, .blue .next-featured:hover, .blue .s-ico, .blue .sl-ico, .blue .progress-bar .skill-in, .blue .ch-grid, .blue .f-ico, .blue .car-prev, .blue .car-next, .blue .car-prev-2, .blue .car-next-2, .blue .scrollup, .blue .list-dot, .blue .p-two { background-color: #003d7c;}
.list-dot { background: none repeat scroll 0 0 #fff !important; border-radius: 50%; display: inline-block; height: 5px; margin: 0 10px 3px 0; width: 5px;}
.visible {display: block;}
.s-container{position: relative; width: 1180px; margin: auto;}
.s-element{width: 393px;height: auto;float: left;text-align: center;}
.s-info{padding: 0 45px;}
.s-ico{width: 170px;height: 170px;background-color: #4cddf3;cursor: pointer;border-radius: 50%;margin: 10px auto 40px;background-position: center center;background-repeat: no-repeat;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.s-ico:hover{background-color: #e6e6e6;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.f-ico.s-one{background-position: 0 0;}
.f-ico.s-two{background-position: -73px 0;}
.f-ico.s-three{background-position: -146px 0;}
.f-ico.s-four{background-position: -219px 0;}
.s-info{font-family: 'Open Sans', sans-serif;font-size: 14px;color: #b4b4b4;font-weight: 400;line-height: 25px;}
.s-info span{font-family: 'Montserrat', sans-serif;color: #434242;font-size: 22px;}
.sl-element {width: 196px;height: auto;float: left;text-align: center;position: relative;overflow: visible;}
/*.sl-element {width: 236px;height: auto;float: left;text-align: center;position: relative;overflow: visible;}*/
.sl-title{font-family: 'Open Sans', sans-serif;color: #434242;font-size: 18px;font-weight: 400;text-transform: uppercase;}
.sl-ico{ background: #00a1a6; cursor: crosshair !important;width: 110px;height: 110px;cursor: pointer;margin: 40px auto 30px;transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -o-transition: all 0.8s ease; -ms-transition: all 0.8s ease; transition: all 0.8s ease;}
.sl-element .fa { line-height: 108px; display: inline-block; font-size: 50px;color: #fff;  transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);}
.sl-ico:hover{background-color: #f9f9f9 !important;-webkit-transform: rotate(405deg); -moz-transform: rotate(405deg); -o-transform: rotate(405deg); -ms-transform: rotate(405deg);  transform: rotate(405deg);}
.sl-ico:hover .fa { color:#00a1a6;  }


/* 10 - Portfolio
-------------------------------------------------*/

#filters {margin:10px 0 50px 0;text-align: center;display: block;float: none;z-index: 2;position: relative;}
#filters ul {margin: 0;list-style: none;padding: 0;}
#filters ul li {display: inline-block;}
#filters ul li a {display: block;float: left;color: inherit;font-weight: bold; border-radius: 4px;}
#filters ul li .active, #filters ul li a:hover { background: #00a1a6; color: #ffffff;  }
#filters ul li a h3 {font-size: 14px;border-radius: 2px;text-transform:uppercase;padding:11px 25px;border: 1px solid transparent;margin:0;font-family: 'Open Sans',sans-serif;}
#portfolio-items-wrap {position: relative;padding: 0;width: 100.1%;margin: 0 auto;display: block;}
#portfolio-items-wrap .portfolio-item {margin: 0;overflow: hidden;line-height: 0;width: 25%;padding: 0;}
.portfolio-item.current {box-shadow: 0 0px 0px 10px rgba(255, 255, 255, 0.37);z-index: 101;}
.portfolio-item {padding: 0;position: relative;overflow: hidden;}
.portfolio {overflow: hidden;display: block;position: relative;}
.portfolio img {width: 100%;height: auto;}
.portfolio .portfolio-overlay {width: 100%;height: 100%;top: 0;left: 0;position: absolute;display: block;z-index: 4;opacity: 0;-moz-opacity: 0;filter: alpha(opacity=0);-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;background: #FFD600;}
.portfolio > a, .portfolio > a:hover {color: #ffffff;}
.portfolio-item .portfolio > a:hover > .portfolio-overlay {opacity: 1;-moz-opacity: 1;filter: alpha(opacity=100);}
.portfolio > a img {-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.portfolio > a:hover img {-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;	transition: all 0.3s ease-in-out;}


/* 11 - hover colors
-------------------------------------------------*/

.img-overlay{ position:absolute; left:0; top:0; width:100%; height:100%; opacity:.8; display:none; background: #00a1a6;}
.portfolio-item:hover .img-overlay{ display:block;}
.portfolio-item i{ padding: 10px 12px; background: #FFFFFF; color: #00a1a6;transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg);-o-transform: rotate(45deg);display: block; font-size: 22px; left: 50%; margin-left:-55px; margin-top: -23px;position: absolute;text-align: center; top: -46px; z-index: 8;	-moz-transition: all 500ms ease;-webkit-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;transition: all 500ms ease;}
.portfolio-item .link{ left: auto;margin-right: -55px;right: 50%;}
.portfolio-item:hover i{ top:50%;-moz-transition: all 500ms ease;-webkit-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;transition: all 500ms ease;}
.fa-search, .fa-link { float: left; transform: rotate(-45deg); -ms-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg); font-size: 18px;}
.portfolio-item i:hover {-webkit-transform: rotate(405deg); -moz-transform: rotate(405deg);  -o-transform: rotate(405deg);  -ms-transform: rotate(405deg); transform: rotate(405deg);}


/* 12 - Image Footer Spacer
-------------------------------------------------*/

.img-spacer{width: 1180px;margin: auto;position: relative;margin-top: 265px;}
.img-item{position: absolute;top: -200px;z-index: 15;}


/* 13 - Footer
-------------------------------------------------*/

.footer-container{padding: 120px 0 110px;width: 1150px;margin: auto;overflow: auto;color: #fff;font-family: 'Open Sans', sans-serif;font-size: 17px;font-weight: 400;}
.footer-container span{font-size: 13px;}
.footer-container .title{color:#000;}
.footer-container ul {list-style: none;}
.foot-third{float: left;padding: 0 0 0 28px; width:30%;line-height: 25px;}
.opaco{background-color: #000;opacity: 0.7;padding:10px;box-sizing: border-box;width:100%;}
.contact { width:63%;  }
.f-title-one{font-weight: 400;font-family: 'Montserrat', sans-serif;font-size: 15px;color: #fff;text-transform: uppercase;margin-bottom: 5px;}
.title-one, .title-full-one{font-weight: 400;text-align: center;font-family: 'Montserrat', sans-serif;font-size: 15px;color: #fff;text-transform: uppercase;}
.f-title-two{font-weight: 300;font-family: 'Open Sans', sans-serif;font-size: 28px;color: #fff;margin-bottom: 45px;}
.f-data{color: #3f3f3f;font-size: 15px;font-family: 'Open Sans', sans-serif;font-weight: 500;line-height: 30px;}
.f-data span{color: #fff; padding-left: 15px;}
.f-data p{color: #fff; padding-left: 20px; margin-top: -30px; text-align:justify;}
.f-data.hour-2 span{padding-left: 63px;}
.f-data.hour-3 span{padding-left: 57px;}
.f-data .fa{ font-size: 16px; margin-right: 10px; color: #00a1a6;}
.no-top{padding-top:0 !important;}
.f-bottom{margin-bottom: 115px !important;}


/* 14 - Form
-------------------------------------------------*/

.error{ font-size:13px; color: red;}
.formSent, .formError {display: none;}
.alert {padding: 8px 35px 8px 14px;margin-bottom: 20px;color: #c09853;text-shadow: 0 1px 0 rgba(255,255,255,0.5);background-color: #fcf8e3;border: 1px solid #fbeed5;}
.alert-success {color: #468847;background-color: #dff0d8;border-color: #d6e9c6;}
.alert-error {color: #b94a48;background-color: #f2dede;border-color: #eed3d7;}
.bay {overflow: hidden;background-color: transparent;}
.form-horizontal .control-group {margin-bottom: 10px;}
.peThemeContactForm .controls .span9 { background: #e6e6e6; width: 97%!important;border: none;outline: none;padding: 11px;font-weight: normal;font-size: 13px;color: #a8a8a8;text-transform:uppercase;font-family: 'Montserrat', sans-serif;}
.controls.send-btn{background: none;}
.controls textarea{height: 100px;}
.contour-btn { margin-top: 10px; font-size: 14px;font-weight: 700;display: inline-block;color: #fff;text-transform:uppercase;font-family: 'Montserrat', sans-serif;padding: 11px 25px;border-radius: 3px;background: #00a1a6;border: none;-webkit-transition: all .2s ease-out;-moz-transition: all .2s ease-out;-o-transition: all .2s ease-out;transition: all .2s ease-out;}
.contour-btn:hover {color: #00a1a6;background: #f9f9f9 !important;-webkit-transition: all .2s ease-out;-moz-transition: all .2s ease-out;-o-transition: all .2s ease-out;transition: all .2s ease-out;}


/* 15 - Map
-------------------------------------------------*/

#maps {width: 100%;height: 500px;position: absolute;overflow: hidden;}
.map-content {width: 100%;margin-left: auto;margin-right: auto;}
.inner-map {width: 100%;height: 500px;margin-left: auto;margin-right: auto;}
.clients { padding: 120px 0 0; float: left; width: 100%;}
.clients .title-two, .clients .comment, .clients .comment span { color: #ffffff; }


/*  */
/* 16 - Facts
-------------------------------------------------*/

/*.f-element{width: 295px;height: auto;float: left;text-align: center;}*/
.f-element{width: 393px;height: auto;float: left;text-align: center;}
.f-element .fa {color: #ffffff;font-size: 65px;margin: 0 auto 10px;}
.highlight{font-weight: 700;font-family: 'Open Sans', sans-serif;font-size: 80px;color: #404141;line-height: 75px;}
.milestone-details{font-weight: 300;font-family: 'Open Sans', sans-serif;font-size: 20px;color: #7f7f7f;text-transform: uppercase;padding: 10px 0 0px;letter-spacing: 1px;}


/*  */
/* 17 - Scroll Up
-------------------------------------------------*/

.scrollup {z-index: 500;width: 50px;height: 50px;opacity: 0.8;transform: rotate(45deg);  -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg);-o-transform: rotate(45deg);position: fixed;bottom: 20px;right: 20px;display: none;background:#00a1a6;color: #fff;line-height: 55px;text-decoration: none;font-family: 'Open Sans', sans-serif;font-size: 25px;text-transform: uppercase;text-align: center;font-weight: 300;-webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -o-transition: all 0.8s ease; -ms-transition: all 0.8s ease;  transition: all 0.8s ease;}
.scrollup:hover {-webkit-transform: rotate(405deg); -moz-transform: rotate(405deg); -o-transform: rotate(405deg);  -ms-transform: rotate(405deg); transform: rotate(405deg);}
.fa-angle-up { display: inline-block;  padding: 0 0 31px 26px;  transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg); -o-transform: rotate(-45deg);}


/*  */
/* 18 - Project Window Ajax
-------------------------------------------------*/

.project-show{overflow: auto;}
.project-window{width: 100%;}
.project-content{width: 1180px;margin: auto;}
.project-content img{width: 1180px;}
.wrapper-project{overflow: hidden;width: 100%;height: auto;}
.wrapper-project ul{margin: 0; padding: 0;}
.wrapper-project ul li{list-style: none;float: left;margin: 20px 0 0;}
.project-content .img-project:first-child{border-top: solid 1px #f7f7f7;}
.description{color: #646464;font-size: 14px;font-family: 'Open Sans', sans-serif;margin-top: 55px;}
.title-project{color: #000;font-size: 30px;font-family: 'Open Sans', sans-serif;margin: 5px 0 20px;text-transform: uppercase;text-align: center;font-weight: 300;}
.title-project span{font-size: 16px;text-transform:none;font-style: italic;color: #646464;}


/* 19 - Social Footer
-------------------------------------------------*/

.socialFooter { background: #00a1a6; float: left; padding: 20px 0; position: relative; width: 100%;}
.socialFooter .copy { color: #fff; float: left; font-family: 'Open Sans',sans-serif; font-size: 13px;  margin-left: 150px;}
.social-media { float: right; margin-right: 150px;}
.social-media .fa {  color: #fff;  font-size: 25px; margin-left: 15px; vertical-align: middle;-webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -o-transition: all 0.8s ease; -ms-transition: all 0.8s ease;   transition: all 0.8s ease;}
.social-media .fa:hover { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg);  transform: rotate(360deg);}
.social-media .fa.fa-twitter { float: none; padding: 0; transform: rotate(0); -ms-transform: rotate(0); -webkit-transform: rotate(0); -moz-transform: rotate(0); -o-transform: rotate(0);}
.social-media .fa.fa-twitter:hover {-webkit-transform: rotate(360deg); -moz-transform: rotate(360deg);  -o-transform: rotate(360deg); -ms-transform: rotate(360deg);  transform: rotate(360deg);}


/* 20 - Jump Menu
-------------------------------------------------*/

#nav2{display:none;width: 60em; /* 1000 */font-family: 'Open Sans', sans-serif;font-weight: 400;position: absolute;top: 25%;left: 50%;margin-left: -30em; /* 30 480 */}
#nav2 > a{	display: none;}
#nav2 li{position: relative;}
#nav2 li a{color: #999;display: block;text-decoration:none;text-transform:uppercase;}
#nav2 span:after{width: 0;height: 0;border: 0.313em solid transparent; /* 5 */border-bottom: none;border-top-color: #efa585;content: '';vertical-align: middle;display: inline-block;position: relative;right: -0.313em; /* 5 */}
#nav2 > ul{height: 3.75em; /* 60 */background-color: #ffffff;padding:0;}
#nav2 > ul > li{width: 25%;height: 100%;float: left;}
#nav2 > ul > li > a{height: 100%;font-size: 1.5em; /* 24 */line-height: 3em; /* 60 (24) */text-align: center;}
#nav2 > ul > li:not( :last-child ) > a{border-right: 1px solid #cc470d;}
#nav2 > ul > li:hover > a,#nav2 > ul:not( :hover ) > li.active > a{color:#fff; background: #00a1a6;}
#nav2 li ul{background-color: #cc470d;display: none;position: absolute;top: 100%;}
#nav2 li:hover ul{display: block;left: 0;right: 0;}
#nav2 li:not( :first-child ):hover ul{left: -1px;}
#nav2 li ul a{font-size: 1.25em; /* 20 */border-top: 1px solid #e15a1f;padding: 0.75em; /* 15 (20) */}
@media only screen and ( max-width: 62.5em ) /* 1000 */{
#nav2{display:none;width: 100%;position: static;margin: 0;}}
@media only screen and ( max-width: 974px ) /* 640 */ {
html{font-size: 75%; /* 12 */}
#nav2{display:block;position: relative;top: auto;left: auto;font-size: 75%;}
#nav2 > a{background:#00a1a6;float:right;cursor:pointer;}
#nav2 a .fa-bars {color: #fff; float: left; font-size: 24px; padding: 26px 20px;}
#nav2:not( :target ) > a:first-of-type,
#nav2:target > a:last-of-type{display: block;}
#nav2.active > ul{ display:block;}
#nav2 > ul{height: auto;display: none;position: absolute;left: 0;right: 0;margin-top:75px;}
#nav2:target > ul{display: block;}
#nav2 > ul > li{width: 100%;float: none;}
#nav2 > ul > li > a{height: auto;text-align: left;padding: 0 1em;}
#nav2 > ul > li:not( :last-child ) > a{border-right: none;border-bottom: 1px dotted #eaeaea;}
#nav2 li ul{ position: static;padding: 1.25em; padding-top: 0; }}
.video-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;}
.video-container iframe,.video-container object,.video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.darker .sticky-wrapper{ background-color:#000;}
.overlay{ background:linear-gradient(to left, #00a1a6 0%, #00a1a6 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); opacity: 0.7; z-index: 0; width:100%; height:100%; position:absolute; z-index:3; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.slides-navigation .next.fa-angle-right {  color: #fff; font-size: 70px;  opacity: 0.3; margin-right: 20px; }
.slides-navigation .prev.fa-angle-left { color: #fff; font-size: 70px; opacity: 0.3; margin-left: 15px;}
.slides-navigation .next:hover{opacity:1}
.slides-navigation .prev:hover{opacity:1}
body .bx-wrapper{ margin-bottom:0;}
.bxslider{ margin-top:0px;}
body .bx-wrapper .bx-viewport{ border:0px; left:0;}
.bx-pager.bx-default-pager { text-align: center; padding-bottom: 10px;}
.bx-pager-item { display: inline;}
.bx-pager-link { background: #eaeaea; transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); cursor: pointer; display: inline-block; height: 10px; list-style: none outside none; margin: 35px 0 0 15px; width: 10px; font-size: 0px;}
.bx-pager-link.active { background: #00a1a6; }
.dark:after { content: '';
position: absolute;width: 0;height: 0;border: 30px solid #f9f9f9;border-bottom: 0px solid transparent !important;border-right: 30px solid transparent !important;
border-left: 30px solid transparent !important;left: 50%;bottom: -28px;margin-left: -29px;z-index: 10;}
.dark { position: relative; background: #f9f9f9; padding-bottom: 85px; }


/*Extras*/
.logo-big{
	margin-top: -95px;
}
.logo-big img{
	width: 100%;
	max-width: 300px;
}