body {
	font-family: 'Lato', sans-serif;
}

body.bodyFixed {
	overflow: hidden;
}

.swiper-container {
        width: 100%;
        height: 500px;
        overflow: hidden;
        overflow-y: visible !important;
    }
    
    .swiper-container.swiper2 {
    	height: auto;
    }
    
    .swiperSlideCenter {
  text-align: center;
  font-size: 18px;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.swiper-slide {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	overflow: visible !important;
}

#navlayer {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .25);
	z-index: 9999;
	display: none;
}
	#navlayer.navLayerOpen {
		display: block;
	}

#header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: none;
	height: 100px;
	z-index: 8888;
	-webkit-transition: all .3s ease-in-out;
	  -moz-transition: all .3s ease-in-out;
	  -o-transition: all .3s ease-in-out;
	  transition: all .3s ease-in-out;
}
	#header.sticky {
		background: rgba(50, 100, 130, .85);
		-webkit-box-shadow: 0 0 70px 5px rgba(0,0,0,0.3);
		box-shadow: 0 0 70px 5px rgba(0,0,0,0.3);
	}
	
	#menuControl {
		position: absolute;
		right: 60px;
		width: 111px;
		height: 40px;
		top: 30px;
		line-height: 40px;
		color: #fff;
		text-align: left;
		text-decoration: none;
		font-size: 1.2em;
		font-weight: 300;
		background:  url("../img/icons/nav/menu-icon.png") right center no-repeat;
		background-size: 30px 19px;
	}
	
	#menuControl:hover {
		color: #b3d92d;	
	}
	
	.offCanvasInner {
		padding: 40px;	
	}
	
	#navOffCanvas {
		position: fixed;
		right: -340px;
		width: 300px;
		height: 100%;
		background: rgba(255, 255, 255, .90);
		z-index: 99999;
		-webkit-box-shadow: 0 0 70px 5px rgba(0,0,0,0.3);
		box-shadow: 0 0 70px 5px rgba(0,0,0,0.3);
		-webkit-transition: all .5s ease-in-out;
		  -moz-transition: all .5s ease-in-out;
		  -o-transition: all .5s ease-in-out;
		  transition: all .5s ease-in-out;
	}
	
	#navOffCanvas.navOpen {
		right: 0;
	}
	
	
	#navOffCanvas ul {
			margin: 0;
			padding: 0;
			list-style-type: none;
		}
		#navOffCanvas ul li {
			margin: 0 0 20px 0;
			position: relative;
			display: block;
		}
		
		#navOffCanvas a {
			color: #777;
			text-transform: uppercase;
			text-decoration: none;
			-webkit-transition: all .3s ease-in-out;
			  -moz-transition: all .3s ease-in-out;
			  -o-transition: all .3s ease-in-out;
			  transition: all .3s ease-in-out;
		}
		
		#navOffCanvas a:hover, #navOffCanvas ul li.isActive a {
			color: #729bcf;	
		}
		
		
		
		
		#navOffCanvas ul li a:before {
				content: '';
				width: 10px;
				height: 10px;
				
				display: block;
				position: absolute;
				top: 3px;
				left: -45px;
				-webkit-border-radius: 12px;
				-moz-border-radius: 12px;
				border-radius: 12px;
				-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;
				
			}
			
			#navOffCanvas ul li:hover a:before, #navOffCanvas ul li.isActive a:before {
				content: '';
				width: 24px;
				height: 24px;
				background: #729bcf;
				display: block;
				position: absolute;
				-webkit-border-radius: 12px;
				-moz-border-radius: 12px;
				border-radius: 12px;
				top: -3px;
				left: -50px;
			}
		
			#navOffCanvas ul li.isActive a:before {
				background: #fdba1a;
			}
			
			#closeNav {
				position: absolute;
				top: 30px;
				right: 0px;
				width: 60px;
				height: 60px;
				background: url("../img/icons/nav/menu-icon-close.png");
				background-repeat: no-repeat;
				background-size: 30px 32px;
				z-index: 9999;
				
			}
			
			#logo {
		width: 300px;
	}
		
	#logo img {
		max-width: 100%;
		height: auto;
		margin: 30px 0 0 60px;
	}
	
	#stage {
	background: #35637d;
	position: relative;
}

#stage h3, #stage {
	font-weight: 300;
}

.stage-product {
	position: absolute;
	right: 50px;
	bottom: -120px;
	z-index: 999;
	width: 350px;
}
	.stage-product img {
		max-width: 100%;
		height: auto;
	}
	
	#stage h3 {
	color: #fff;
	font-size: 1em;
	line-height: 1.6em;
}

.row {
	max-width: 1180px;
	margin: 0 auto;
}

.stage-content {
	max-width: 40%;
	margin: 0 auto;
}

.swiper-pagination1 {
	text-align: left;
	border: 0 !important;
	margin: 0;
	padding: 10px 20px;
}

.swiper-pagination-bullet{
	background: #fff;
	opacity: .9;
}
.swiper-pagination-bullet-active {
	background: #fdba1a;
	opacity: 1;
}

.col-10, .col-20, .col-25, .col-30, .col-40, .col-50, .col-60, 
.col-70, .col-80, .col-90, .col-100  { float: left; }

.col-10 { width: 10%; }
.col-20 { width: 20%; }
.col-25 { width: 25%; }
.col-30 { width: 30%; }
.col-40 { width: 40%; }
.col-50 { width: 50%; }
.col-60 { width: 60%; }
.col-70 { width: 70%; }
.col-80 { width: 80%; }
.col-90 { width: 90%; }
.col-100 { width: 100%; }






.clearfix:before,
.clearfix:after {
    content:"";
    display:table;
}
.clearfix:after {
    clear:both;
}
.clearfix {
    zoom:1; /* For IE 6/7 (trigger hasLayout) */
}

h2 {
	font-weight: 300;
	text-transform: uppercase;
	font-size: 1.6em;
	line-height: 1.4em;
	margin: 0 0 20px 0;
	padding: 0;
}

p, .slide-sub p {
	margin: 0;
	font-weight: 400;
	padding: 0;
	color: #545454;
	font-size: .9em;
	line-height: 1.7em;
}

.cta-button {
	display: inline-block;
	background: #222;
	color: #fff;
	padding: 14px 40px;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 1.2em;
	-webkit-transition: all .3s ease-in-out;
	  -moz-transition: all .3s ease-in-out;
	  -o-transition: all .3s ease-in-out;
	  transition: all .3s ease-in-out;
	  margin: 20px 0 0 0;
	  font-weight: 400;
}
	.cta-button:hover {
		background: #666;
	}
	
	.button-green {
		background: #b3d92d;
	}
	.button-green:hover {
		background: #8eb526;
	}
	
	.button-yellow {
		background: #fdba1a;
	}
	.button-yellow:hover {
		background: #fdd066;
		color: #333;
	}

.intro-text {
	padding: 200px 50px;
}

img.teaser-image {
	max-width: 90%;
	height: auto;
	margin-top: 160px;
}

.align-right {
	text-align: right;
}
.align-center {
	text-align: center;
}

.swiper-button-next {
	position: absolute;
	right: 30px;
	bottom: 20px;
	top: auto;
}
.swiper-button-prev {
	position: absolute;
	right: 80px;
	left: auto;
	bottom: 20px;
	top: auto;
}

#teaser-slider {
	border-bottom: 10px solid #729bcf;
}

.slide-sub {
	width: 33%;
	float: left;
	background: #729bcf;
}

.slide-sub p {
	color: #fff;
}

.slide-sub-image {
	width: 100%;
	height: 400px;
	background: #333;
	position: relative;
}

.imagebody {
	display: block;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #f90;
}

.slide-item-second {
	background: #9bb6de;
	width: 34%;
}
	
	
.slide-sub-text {
	padding: 50px 50px 100px;
	color: #fff;
	text-align: center;
}

#footer-row .col-33 {
	float: left;
	height: 15px;
	width: 33%;
}

.default-section {
	padding: 0px 0;
	background: #eee;
}

.col-33 { width: 33%; float: left; }
.col-34 { width: 34%; float: left; }

#footer-row .col-33, #footer-row .col-34 {
	height: 15px;
}

#footer-row .col-34 {
	width: 34%;
}

#footerSection {
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(240,240,240,1) 48%, rgba(240,240,240,1) 100%); /* FF3.6-15 */
	background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%,rgba(240,240,240,1) 48%,rgba(240,240,240,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(ellipse at center, rgba(255,255,255,1) 0%,rgba(240,240,240,1) 48%,rgba(240,240,240,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f0',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

#pageFooterInner {
	padding: 70px 0;
	color: #fff;
}

#footerSection h2 {
	color: #859f44;
}

.corporate-section {
	background-image: url("../img/background/iz-ci-footer.png");
	background-repeat: no-repeat;
	background-size: contain !important;
	background-position: bottom center;
	padding: 100px 0;
}

.footer-col-a {
 	background: #fdba1a;
}
.footer-col-b {
 	background: #729bcf;
}
.footer-col-c {
 	background: #b3d92d;
}

#pageFooter {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#92b0d8+0,92b0d8+53,739bcf+100 */
	background: rgb(146,176,216); /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover, rgba(146,176,216,1) 0%, rgba(146,176,216,1) 53%, rgba(115,155,207,1) 100%); /* FF3.6-15 */
	background: -webkit-radial-gradient(center, ellipse cover, rgba(146,176,216,1) 0%,rgba(146,176,216,1) 53%,rgba(115,155,207,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(ellipse at center, rgba(146,176,216,1) 0%,rgba(146,176,216,1) 53%,rgba(115,155,207,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#92b0d8', endColorstr='#739bcf',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

#pageFooter a {
	color: #d1ddee;
	text-decoration: none;
	-webkit-transition: all .3s ease-in-out;
	  -moz-transition: all .3s ease-in-out;
	  -o-transition: all .3s ease-in-out;
	  transition: all .3s ease-in-out;
	  text-transform: uppercase;
}

#pageFooter a:hover {
	color: #fff;
	
}

#pageFooter h4 {
	font-size: 1.3em;
	text-transform: uppercase;
}

#pageFooter ul, #pageFooter ul li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
	#pageFooter ul li {
		margin: 0 0 10px 0;
	}
	
	#pageBottom {
	background: #6d93c4;
}

#pageBottomInner {
	padding: 30px 0;
	color: #c4d0e1;
}
	#pageBottomInner a {
		color: #c4d0e1;
	}