body,html {
	margin: 0 auto;
	font-family: "Arial",sans-serif !important;
	font-style: normal;
	font-weight: 400;
	font-style: normal;
	font-size: 12px;
	line-height: 18px;
	color: #333333;
	-ms-text-size-adjust: 100%; /* 2 */
	-webkit-text-size-adjust: 100%; /* 2 */
	max-width: 1920px;
	overflow-x: hidden;
 }
.fullWidth {
	margin: 0 auto;
	width: 100%;
	max-width: 1920px;
 }
.setCenter {
	margin: 0 auto;
	width: 95%;
	max-width: 1170px;
 }
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}* html .clearfix,*:first-child+html .clearfix{zoom:1}

/* Grids */
.grid_1 { width: 6.5%; } 
.grid_2 { width: 15%; } 
.grid_3 { width: 23.5%; } 
.grid_4 { width: 32%; } 
.grid_4_down { width: 32%; } 
.grid_5 { width: 40.5%; }
.grid_6 { width: 49%; } 
.grid_7 { width: 57.5%; } 
.grid_8 { width: 66%; } 
.grid_8_down { width: 66%; } 
.grid_9 { width: 74.5%; } 
.grid_10 { width: 83%; } 
.grid_11 { width: 91.5%; } 
.grid_12 { width: 100%; } 
.grid_3_3 { width: 18.4%; } 
.grid_50{ width: 50%; float: left;}
.grid_25{ width: 25%; float: left;}

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_3_3 {
	margin: 0 2% 0% 0;
	float: left;
	display: block;
}
.grid_4_down,
.grid_8_down {
	margin: 0 1% 0% 0;
	display: inline-block;
	padding: 60px 0px;
	vertical-align: top;
}
.grid_8_down {
	margin-top: 88px;
}

.alpha{margin-left:0 !important;}
.omega{margin-right:0 !important;}

a, a:hover, a:active, a:visited {
	text-decoration: none;
	-webkit-transition: all 150ms ease;
	-moz-transition: all 150ms ease;
	-ms-transition: all 150ms ease;
	-o-transition: all 150ms ease;
	transition: all 150ms ease;
}
a {
	color: #333333;
	text-decoration: none;
	-webkit-transition: all 150ms ease;
	-moz-transition: all 150ms ease;
	-ms-transition: all 150ms ease;
	-o-transition: all 150ms ease;
	transition: all 150ms ease;
}
a:hover {
	text-decoration: none;
	opacity: 0.8;
	-webkit-transition: all 150ms ease;
	-moz-transition: all 150ms ease;
	-ms-transition: all 150ms ease;
	-o-transition: all 150ms ease;
	transition: all 150ms ease;
}

/***************************************************/
/********************* content *********************/
/***************************************************/
.responsive-lang{ display: none; }
div.close-menu{
	cursor: pointer;
	margin-top: 20px;
	float: left;
	margin-left: 40px;
	margin-bottom: 40px;
	opacity: 0.5;
	-webkit-transition: all 150ms ease;
	-moz-transition: all 150ms ease;
	-ms-transition: all 150ms ease;
	-o-transition: all 150ms ease;
	transition: all 150ms ease;
}
	div.close-menu:hover{
		opacity: 1;
		-webkit-transition: all 150ms ease;
		-moz-transition: all 150ms ease;
		-ms-transition: all 150ms ease;
		-o-transition: all 150ms ease;
		transition: all 150ms ease;
	}
#nav-toggle{
	display: none;
}
#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {
  cursor: pointer;
  border-radius: 1px;
  height: 3px;
  width: 25px;
  background: white;
  position: absolute;
  display: block;
  content: '';
  background-color: #333333;
}
#nav-toggle span:before {
  top: -10px;
  background-color: #333333;
}
#nav-toggle span:after {
  bottom: -10px; 
  background-color: #333333;
}

.products header{
	position: fixed;
	z-index: 999;
}
	.home .downloads,
	.products .downloads{
		padding-top: 80px;
	}
	.products.subpage .downloads{
		padding-top: 0px;
	}
.products.subpage header {
	position: fixed;
}
header{
	width: 100%;
	height: 80px;
	position: fixed;
	z-index: 999;
}
	header div.background-logo{
		height: 80px;
		background-color: #ffcc00;
		float: left;
		padding-right: 30px;
	}
		header div.background-logo div.logo{
			margin-top: 10px;
		}
			header div.background-logo div.logo img{
				width: 60px;
			}
	header div.background-nav{
		height: 80px;
		background-color: rgba(51,51,51,0.5);
		float: left;
	}
		header div.background-nav nav{
			list-style: none;
		}
			header div.background-nav nav li{
				float: left;
			}
				header div.background-nav li.chooseLang a{
					background: url("../img/site/arrow-lang.svg") no-repeat 90% center scroll;
				}
				header div.background-nav li a {
					display: inline-block;
					font-size: 12px;
					font-weight: 600;
					text-transform: uppercase;
					color: #AAAAAA;
					padding:31px 30px;
				}
					header div.background-nav li .menu-downloads {
						cursor: pointer;
					}
					header div.background-nav li a:hover, header div.background-nav li a.current{
						background-color: rgba(51,51,51,0.8);
						opacity: 1;
						color: #FFFFFF;
					}
	header div.container{
		margin-top: 35px;
		margin-left: 40px;
		z-index: 999;
	}
	header .menu-lang{
		text-align: center;
		display: none;
		height: 80px;
		background-color: #FFFFFF;
		list-style: none;
		padding:0;
		margin:0;
		border-bottom: 5px solid #ffcc00;
	}
		header .menu-lang li{
			width: 100%;
			color: #333333;
			font-size: 14px;
			float: left;
			opacity: 0.5;
			-webkit-transition: all 150ms ease;
			-moz-transition: all 150ms ease;
			-ms-transition: all 150ms ease;
			-o-transition: all 150ms ease;
			transition: all 150ms ease;
		}
			header .menu-lang li div{
				display: inline-block;
			}
			header .menu-lang li:first-child{
				margin-top: 20px;
				margin-bottom:5px;
			}
			header .menu-lang li:nth-child(2){
				margin-left: -8px;
			}
			header .menu-lang li:hover{
				opacity: 1;
				cursor: pointer;
				-webkit-transition: all 150ms ease;
				-moz-transition: all 150ms ease;
				-ms-transition: all 150ms ease;
				-o-transition: all 150ms ease;
				transition: all 150ms ease;
			}
footer{
	width: 100%;
}
	footer div.grid_4{
		padding-top: 80px;
		padding-bottom: 80px;
		color: #333333;
	}
		footer div.description{
			width: 310px;
			font-size: 36px;
			line-height: 36px;
			text-transform: uppercase;
			margin-bottom: 5px;
		}
			footer div.description p{
				padding:0;
				margin: 0;
			}
		footer div.copyright{
			font-size: 10px;
		}
		footer div.localization{
			font-size: 12px;
		}
			footer p:first-child{
				padding:0;
				margin: 0;
			}
		footer div.direction-container{
			margin-top: 30px;
		}
			footer div.direction-container div.img{
				float: left;
			}
				footer div.direction-container div.img img{
					width: 24px;
				}
			footer div.direction-container div.direction{
				float: left;
				font-size: 14px;
				color: #333333;
				border-left: 1px solid #cccccc;
				margin-top: 5px;
				margin-left: 5px;
				padding-left: 10px;
			}
	
	.drag {
		position: absolute; 
		top: 705px;
	}
	
	.drag img {
		margin-left: -2px;
	}
.downloads {
	background-color: #EFEFEF;
	z-index: 998;
	position: fixed;
	width: 100%;
	box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.5);
}
	.downloads div.downloads-content {
		text-transform: uppercase;
	}
		.downloads div.downloads-content .downloads-title {
			font-size: 48px;
			line-height: 48px;
			font-weight: bold;
			color: #FFCC00;
			margin-bottom: 30px;
			text-transform: none;
			display: block;
		}
		.downloads div.downloads-content ul.downloads-products {
			padding: 0px;
			margin: 0px;
			margin-top: 40px;
			font-size: 14px;
			font-weight: bold;
		}
			.downloads div.downloads-content ul.downloads-products li {
				padding: 0px;
				margin: 0px;
				margin-bottom: 10px;
				list-style:none;
				cursor: pointer;
				opacity: 0.5;
				-webkit-transition: all 150ms ease;
				-moz-transition: all 150ms ease;
				-ms-transition: all 150ms ease;
				-o-transition: all 150ms ease;
				transition: all 150ms ease;
			}
				.downloads div.downloads-content ul.downloads-products li:hover, .downloads div.downloads-content ul.downloads-products li.current {
					opacity: 1;
					-webkit-transition: all 150ms ease;
					-moz-transition: all 150ms ease;
					-ms-transition: all 150ms ease;
					-o-transition: all 150ms ease;
					transition: all 150ms ease;
				}
		.downloads div.downloads-content ul.downloads-list {
			padding: 0px;
			padding-left: 20px;
			margin: 0px;
			font-size: 14px;
			font-weight: bold;
		}
			.downloads div.downloads-content ul.downloads-list li {
				padding: 0px;
				margin: 0px;
				margin-bottom: 10px;
				list-style:none;
				cursor: pointer;
				opacity: 0.5;
				-webkit-transition: all 150ms ease;
				-moz-transition: all 150ms ease;
				-ms-transition: all 150ms ease;
				-o-transition: all 150ms ease;
				transition: all 150ms ease;
			}
				.downloads div.downloads-content ul.downloads-list li:hover {
					opacity: 1;
					-webkit-transition: all 150ms ease;
					-moz-transition: all 150ms ease;
					-ms-transition: all 150ms ease;
					-o-transition: all 150ms ease;
					transition: all 150ms ease;
				}
div#homepage-slideshow{

}
	div#homepage-slideshow div.image-slideshow{
		width: 100%;
		height: 670px;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		-o-background-size:cover;
		background-size:cover;
		background-position: center center;
	}
		div#homepage-slideshow div.container-information{
			position: absolute;
			bottom: 40px;	
		}
			div#homepage-slideshow div.container-information div.small-title{
				color: #ffcc00;
				font-size: 18px;
				text-transform: uppercase;
			}
			div#homepage-slideshow div.container-information div.title{
				font-size: 60px;
				line-height: 60px;
				font-weight: 600;
				color: #fff;
				text-transform: uppercase;
				margin-top: 20px;
				margin-bottom: 20px;
			}
				div#homepage-slideshow div.container-information div.title p{
					padding: 0;
					margin: 0;
				}
			div#homepage-slideshow div.container-information div.button{
				width: 220px;
				border: 1px solid rgba(255,255,255,0.5);
				border-radius: 5px;
				color: #fff;
				text-align: center;
				font-size: 14px;
				-webkit-transition: all 150ms ease;
				-moz-transition: all 150ms ease;
				-ms-transition: all 150ms ease;
				-o-transition: all 150ms ease;
				transition: all 150ms ease;
			}
				div#homepage-slideshow div.container-information div.button:hover{
					background-color: rgba(255,255,255,0.5);
					-webkit-transition: all 150ms ease;
					-moz-transition: all 150ms ease;
					-ms-transition: all 150ms ease;
					-o-transition: all 150ms ease;
					transition: all 150ms ease;
					cursor: pointer;
				}
div.yellow-box{
	width: 100%;
	float: left;
	background-color: #ffcc00;
}
	div.yellow-box div.title{
		padding-top: 80px;
		font-size: 60px;
		line-height: 60px;
		font-weight: 600;
		color: #333333;
		text-transform: uppercase;
	}	
	div.yellow-box div.description{
		font-size: 18px;
		line-height: 32px;
		color: #333333;
		font-weight: 300;
		padding-top: 20px;
		padding-bottom: 20px;
	}
	div.yellow-box div.button{
		width: 220px;
		height: 45px;
		text-align: center;
		line-height: 45px;
		border: 1px solid rgba(0,0,0,1);
		border-radius: 5px;
		font-size: 14px;
		color: #333333;
		-webkit-transition: all 150ms ease;
		-moz-transition: all 150ms ease;
		-ms-transition: all 150ms ease;
		-o-transition: all 150ms ease;
		transition: all 150ms ease;
	}	
		div.yellow-box div.button:hover{
			cursor: pointer;
			background-color:#333333;
			-webkit-transition: all 150ms ease;
			-moz-transition: all 150ms ease;
			-ms-transition: all 150ms ease;
			-o-transition: all 150ms ease;
			transition: all 150ms ease;
		}
			div.yellow-box div.button a{
				-webkit-transition: all 150ms ease;
				-moz-transition: all 150ms ease;
				-ms-transition: all 150ms ease;
				-o-transition: all 150ms ease;
				transition: all 150ms ease;				
			}
				div.yellow-box div.button:hover > span{
					color: #ffcc00 !important;
					-webkit-transition: all 150ms ease;
					-moz-transition: all 150ms ease;
					-ms-transition: all 150ms ease;
					-o-transition: all 150ms ease;
					transition: all 150ms ease;
				}
div#our_work-slideshow{

}
	div#our_work-slideshow .owl-controls .owl-buttons .owl-prev {
		background-color: transparent;
		position: absolute;
		top: 45%;
		left: 10px;
		padding: 16px;
		background-image: url('../img/site/arrow.svg');
		-ms-transform: rotate(180deg);
	    -webkit-transform: rotate(180deg);
	    transform: rotate(180deg);
	}
	div#our_work-slideshow .owl-controls .owl-buttons .owl-next {
		background-color: transparent;
		position: absolute;
		top: 45%;
		right: 10px;
		padding: 16px;
		background-image: url('../img/site/arrow.svg');
	}
	div#our_work-slideshow div.img{
		height: 480px;
		background-repeat: no-repeat;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		-o-background-size:cover;
		background-size:cover;
		background-position: center center;
	}
		div#our_work-slideshow div div.opacity{
			width: 100%;
			height:100%;
			background-color: rgba(0,0,0,0.5);
		}
		div#our_work-slideshow div div.title{
			width: 320px;
			font-size: 48px;
			line-height: 48px;
			font-weight: 600;
			color: #ffcc00;
			margin-left: 60px;
			margin-top: 160px;
			float: left;
		}
			div#our_work-slideshow div div.title a{
				color: #ffcc00;
				-webkit-transition: all 150ms ease;
				-moz-transition: all 150ms ease;
				-ms-transition: all 150ms ease;
				-o-transition: all 150ms ease;
				transition: all 150ms ease;
			}
				div#our_work-slideshow div:hover > div.title a{
					color: #FFFFFF;
					-webkit-transition: all 150ms ease;
					-moz-transition: all 150ms ease;
					-ms-transition: all 150ms ease;
					-o-transition: all 150ms ease;
					transition: all 150ms ease;
				}
div#news-slideshow{

}
	div#news-slideshow div.container-news{
		height: 480px;
		-webkit-box-shadow:inset 0px -5px 0px 0px #FFFFFF;
		-moz-box-shadow:inset 0px -5px 0px 0px #FFFFFF;
		box-shadow:inset 0px -5px 0px 0px #FFFFFF;
		border-left: 1px solid rgba(0,0,0,0.1);
		-webkit-transition: all 150ms ease;
		-moz-transition: all 150ms ease;
		-ms-transition: all 150ms ease;
		-o-transition: all 150ms ease;
		transition: all 150ms ease;
	}
		div#news-slideshow div.container-news:hover{
			-webkit-box-shadow:inset 0px -5px 0px 0px #ffcc00;
			-moz-box-shadow:inset 0px -5px 0px 0px #ffcc00;
			box-shadow:inset 0px -5px 0px 0px #ffcc00;
			-webkit-transition: all 150ms ease;
			-moz-transition: all 150ms ease;
			-ms-transition: all 150ms ease;
			-o-transition: all 150ms ease;
			transition: all 150ms ease;
			color: #fc0;
		}
			div#news-slideshow div.container-news:hover > div.title a{
				color: #fc0 !important;
			}
	div#news-slideshow .owl-controls .owl-buttons .owl-prev {
		background-color: transparent;
		position: absolute;
		top: 45%;
		left: 10px;
		padding: 16px;
		background-image: url('../img/site/arrow_silver.svg');
		-ms-transform: rotate(180deg);
	    -webkit-transform: rotate(180deg);
	    transform: rotate(180deg);
	}
	div#news-slideshow .owl-controls .owl-buttons .owl-next {
		background-color: transparent;
		position: absolute;
		top: 45%;
		right: 10px;
		padding: 16px;
		background-image: url('../img/site/arrow_silver.svg');
	}
		div#news-slideshow div.container-news div.title{
			width: 350px;
			float: left;
			padding-top: 80px;
			font-size: 36px;
			line-height: 36px;
			font-weight: 600;
			color: #333333;
			margin-left: 60px;
		}
		div#news-slideshow div.container-news div.description{
			width: 350px;
			float: left;
			font-size: 18px;
			color: #333333;
			margin-left: 60px;
			margin-top: 40px;
		}
		div#news-slideshow div.container-news div.date{
			width: 350px;
			float: left;
			font-size: 12px;
			color: #999999;
			margin-left: 60px;
			margin-top: 65px;
		}
div.see-all-news{
	width: 100%;
	height: 80px;
	background-color: #efefef;
	text-align: center;
	color: #333333;
	text-align: center;
	font-size: 14px;
	font-weight: 600;
	line-height: 80px;
	border-top: 0.5px solid #999999;
}
	div.see-all-news p{
		padding: 0;
		margin: 0;
		opacity: 1;
		-webkit-transition: all 150ms ease;
		-moz-transition: all 150ms ease;
		-ms-transition: all 150ms ease;
		-o-transition: all 150ms ease;
		transition: all 150ms ease;
	}
		div.see-all-news a:hover{
			opacity: 0.5;
			-webkit-transition: all 150ms ease;
			-moz-transition: all 150ms ease;
			-ms-transition: all 150ms ease;
			-o-transition: all 150ms ease;
			transition: all 150ms ease;
		}
	div.see-all-news img{
		position: relative;
		margin-right: 10px;
		top: 3px;
	}
div.aboutus-1{
	
}
	div.aboutus-1 div.container-about-1{
		padding-top: 80px;
		padding-bottom: 80px;
		max-width: 470px;
	}
		div.aboutus-1 div.container-about-1 div.who_we_are, div.aboutus-2 div.container-about-2 div.who_we_are{
			text-transform: uppercase;
			font-size: 14px;
			font-weight: bold;
			color: #666;
		}
		div.aboutus-1 div.container-about-1 div.title{
			font-size: 60px;
			line-height: 60px;
			color: #ffcc00;
			margin-top: 30px;
			margin-bottom: 40px;
			font-weight: 600;
		}
		div.aboutus-1 div.container-about-1 div.description{
			font-size: 14px;
			line-height: 20px;
			color: #666666;
			margin-bottom: 95px;
		}
		div.aboutus-1 div.container-about-1 div.button{
			width: 200px;
			border-radius: 5px;
			border: 1px solid #333333;
			color: #333333;
			text-align: center;
			line-height: 40px;
			-webkit-transition: all 150ms ease;
			-moz-transition: all 150ms ease;
			-ms-transition: all 150ms ease;
			-o-transition: all 150ms ease;
			transition: all 150ms ease;
		}
			div.aboutus-1 div.container-about-1 div.button:hover{
				color: #FFFFFF;
				cursor: pointer;
				background-color:#333333;
				-webkit-transition: all 150ms ease;
				-moz-transition: all 150ms ease;
				-ms-transition: all 150ms ease;
				-o-transition: all 150ms ease;
				transition: all 150ms ease;
			}
div.aboutus-2{
	background-color: #ffcc00;
}
	div.aboutus-2 div.container-about-2{
		padding-top: 80px;
		padding-bottom: 80px;
	}
		div#aboutus-slideshow{ padding-left: 20px; }
		div#aboutus-slideshow .owl-controls .owl-buttons .owl-prev {
			background-color: transparent;
			position: absolute;
			bottom: 5%;
			left: 40px;
			padding: 16px;
			background-image: url('../img/site/arrow_slide_black.svg');
			-ms-transform: rotate(180deg);
		    -webkit-transform: rotate(180deg);
		    transform: rotate(180deg);
		}
		div#aboutus-slideshow .owl-controls .owl-buttons .owl-next {
			background-color: transparent;
			position: absolute;
			bottom: 5%;
			left: 80px;
			padding: 16px;
			background-image: url('../img/site/arrow_slide_black.svg');
		}
		div.aboutus-2 div.container-about-2 div.item{
			font-size: 40px;
			line-height: 50px;
			color: #333333;
			font-weight: 600;
			padding-left: 20px;
			max-width: 600px;
		}
div#projects-slideshow{

}
	div#projects-slideshow div.image-slideshow{
		width: 100%;
		height: 670px;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		-o-background-size:cover;
		background-size:cover;
		background-position: center center;
	}
		div#projects-slideshow .owl-controls .owl-buttons .owl-prev {
			background-color: transparent;
			position: absolute;
			top: 45%;
			left: 10px;
			padding: 16px;
			background-image: url('../img/site/arrow.svg');
			-ms-transform: rotate(180deg);
		    -webkit-transform: rotate(180deg);
		    transform: rotate(180deg);
		    z-index: 998;
		}
		div#projects-slideshow .owl-controls .owl-buttons .owl-next {
			background-color: transparent;
			position: absolute;
			top: 45%;
			right: 10px;
			padding: 16px;
			background-image: url('../img/site/arrow.svg');
			z-index: 998;
		}
		div.products-description{
			width: 100%;
			font-size: 60px;
			line-height: 60px;
			font-weight: 600;
			text-align: center;
			position: absolute;
			top: 240px;
			z-index: 997;
		}
			div.products-description div.description{
				max-width: 570px;
				margin: 0 auto;
				color: #FFFFFF;
			}
div.products{

}
	div.products:hover{
		opacity: 1;
	}
	div.products div.img{
		width: 100%;
		height: 480px;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		-o-background-size:cover;
		background-size:cover;
		background-position: center center;
	}
		div.products a:hover div.title{
			color: #ffffff !important;
			-webkit-transition: all 150ms ease;
			-moz-transition: all 150ms ease;
			-ms-transition: all 150ms ease;
			-o-transition: all 150ms ease;
			transition: all 150ms ease;
		}
		div.products div.img div.title{
			width: 320px;
			font-size: 48px;
			line-height: 48px;
			font-weight: 600;
			color: #FC0;
			margin-left: 60px;
			margin-top: 160px;
			float: left;
			-webkit-transition: all 150ms ease;
			-moz-transition: all 150ms ease;
			-ms-transition: all 150ms ease;
			-o-transition: all 150ms ease;
			transition: all 150ms ease;
		}
			div.products div.img div.title a{
				color: #FC0;
			}
				div.products div.img div.title a:hover, 
				div.products div.img div.title a.current{
					color: #FFFFFF;
					opacity: 0.5;
				}
		div.products div.img div.opacity{
			width: 100%;
			height: 100%;
			background-color: rgba(0, 0, 0, 0.5);
		}
	div.products-open {
		background-color: #EFEFEF;
	}
	div.products-content {
		padding: 60px 0px;
	}
		.breadcrumb{
			margin-top: 80px;
		}
		.breadcrumb, .breadcrumb a {
			text-transform: uppercase;
			font-size: 14px;
			font-weight: bold;
			color: #666666;
			float: left;
		}
		.breadcrumb a{
			opacity: 0.5;
		}
			.breadcrumb a:hover{
				opacity: 1;
			}
	div.products-content .product-date {
		font-size: 14px;
		color: #666666;
		margin-top: 5px;
	}
	div.products-content .product {
		width: 100%;
	}
		div.products-content .product .product-title {
			width: 85%;
			font-size: 60px;
			line-height: 60px;
			font-weight: bold;
			color: #FFCC00;
			margin-bottom: 30px;
		}
		div.products-content .product .product-description {
			font-size: 14px;
			line-height: 26px;
			color: #666666;
		}
		div.products-content .product .product-button {
			width: 200px;
			border-radius: 5px;
			border: 1px solid #333;
			color: #333;
			text-align: center;
			line-height: 40px;
			-webkit-transition: all 150ms ease;
			-moz-transition: all 150ms ease;
			-ms-transition: all 150ms ease;
			-o-transition: all 150ms ease;
			transition: all 150ms ease;
		}
			div.products-content .product .product-button:hover{
				background-color: #ffcc00;
				border: 1px solid #ffcc00;
				cursor: pointer;
				-webkit-transition: all 150ms ease;
				-moz-transition: all 150ms ease;
				-ms-transition: all 150ms ease;
				-o-transition: all 150ms ease;
				transition: all 150ms ease;
			}
div#inside_product-slideshow{

}
	div#inside_product-slideshow .owl-controls{
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
	}
		div#inside_product-slideshow .owl-controls .owl-page span{
			background-color: #FFFFFF;
		}
		div#inside_product-slideshow .owl-controls .owl-page.active span{
			background-color: transparent;
			border: 2px solid #FFFFFF;
		}
div.know-more-yellow{
	width: 22%;
	border: 30px solid transparent;
	height: 420px;
	font-size: 48px;
	line-height: 48px;
	font-weight: 600;
	background-color: #FC0;
	float: left;
	color: #333333;
	-webkit-transition: all 150ms ease;
	-moz-transition: all 150ms ease;
	-ms-transition: all 150ms ease;
	-o-transition: all 150ms ease;
	transition: all 150ms ease;
}
	div.know-more-yellow:hover{
		border: 30px solid #FC0;
		color: #FFFFFF;
  		box-shadow: 0 0 0 5px #ffffff inset;
  		-webkit-transition: all 150ms ease;
		-moz-transition: all 150ms ease;
		-ms-transition: all 150ms ease;
		-o-transition: all 150ms ease;
		transition: all 150ms ease;
	}
		div.know-more-yellow:hover > div.description{
			color: #FFFFFF;
		}
			div.know-more-yellow:hover > div.description div.contact{
				border-bottom: 5px solid #ffffff;
			}
			div.know-more-yellow:hover > div.description div.contact a{
				color: #FFFFFF;
			}
	div.know-more-yellow div.description{
		width: 340px;
		font-size: 36px;
		line-height: 36px;
		font-weight: 600;
		margin-left: 30px;
		margin-top: 135px;
		float: left;
	}
		div.know-more-yellow div.description div.contact{
			width: 240px;
			text-transform: lowercase;
			opacity: 0.5;
			border-bottom: 5px solid #333333;
			-webkit-transition: all 150ms ease;
			-moz-transition: all 150ms ease;
			-ms-transition: all 150ms ease;
			-o-transition: all 150ms ease;
			transition: all 150ms ease;
		}
			div.know-more-yellow div.description div.contact:hover, div.know-more-yellow div.description div.contact:hover a{
				opacity: 1;
				cursor: pointer;
				-webkit-transition: all 150ms ease;
				-moz-transition: all 150ms ease;
				-ms-transition: all 150ms ease;
				-o-transition: all 150ms ease;
				transition: all 150ms ease;
			}
div.activenews{
	-webkit-box-shadow: inset 0px -5px 0px 0px rgba(255, 204, 0, 1) !important;
	-moz-box-shadow:    inset 0px -5px 0px 0px rgba(255, 204, 0, 1) !important;
	box-shadow:         inset 0px -5px 0px 0px rgba(255, 204, 0, 1) !important;
}
div.activenews .title{
	color: rgba(255, 204, 0, 1) !important;
}
div.news-grid{
	box-shadow: inset 0 0 1px #999;
	height:480px;
	-webkit-transition: all 150ms ease;
	-moz-transition: all 150ms ease;
	-ms-transition: all 150ms ease;
	-o-transition: all 150ms ease;
	transition: all 150ms ease;
}
	div.news-grid:hover{
		-webkit-box-shadow: inset 0px -5px 0px 0px rgba(255, 204, 0, 1);
		-moz-box-shadow:    inset 0px -5px 0px 0px rgba(255, 204, 0, 1);
		box-shadow:         inset 0px -5px 0px 0px rgba(255, 204, 0, 1);
		-webkit-transition: all 150ms ease;
		-moz-transition: all 150ms ease;
		-ms-transition: all 150ms ease;
		-o-transition: all 150ms ease;
		transition: all 150ms ease;
	}
		div.news-grid:hover > div.title{
			color: rgba(255, 204, 0, 1) !important;
			-webkit-transition: all 150ms ease;
			-moz-transition: all 150ms ease;
			-ms-transition: all 150ms ease;
			-o-transition: all 150ms ease;
			transition: all 150ms ease;
		}
	div.news-grid div.title{
		padding-top: 80px;
		padding-left: 60px;
		padding-right: 60px;
		font-size: 36px;
		line-height: 36px;
		font-weight: 600;
		color: #333333;
		-webkit-transition: all 150ms ease;
		-moz-transition: all 150ms ease;
		-ms-transition: all 150ms ease;
		-o-transition: all 150ms ease;
		transition: all 150ms ease;
	}
	div.news-grid div.description{
		padding-left: 60px;
		padding-right: 60px;
		font-size: 18px;
		color:#333333;
		margin-top: 20px;
	}
	div.news-grid div.date{
		margin-top: 5px;
		padding-bottom: 80px;
		padding-left: 60px;
		padding-right: 60px;
		font-size: 12px;
		color: #999999;
	}
div.news-open {
	background-color: #EFEFEF;
}
	div.news-content {
		padding: 60px 0px;
		padding-top: 0;
	}
		div.news-content .breadcrumb, div.news-content .breadcrumb a {
			text-transform: uppercase;
			font-size: 14px;
			font-weight: bold;
			color: #666666;
		}
	div.news-content .news-date {
		font-size: 14px;
		color: #666666;
		margin-top: 5px;
		clear: both;
	}
	div.news-content .new {
		margin: 30px 0px;
		width: 70%;
	}
		div.news-content .new .new-title {
			width: 85%;
			font-size: 60px;
			line-height: 60px;
			font-weight: bold;
			color: #FFCC00;
			margin-bottom: 30px;
		}
		div.news-content .new .new-description {
			font-size: 14px;
			line-height: 26px;
			color: #666666;
		}
	div.news-content .news-pagination {
		font-size: 14px;
		color: #333333;
		margin-top: 60px;
	}
		.arrow-black-left{
			padding: 11px;
			float: left;
			background-image: url('../img/site/arrow_black.svg');
			background-repeat: no-repeat;
			-ms-transform: rotate(180deg);
		    -webkit-transform: rotate(180deg);
		    transform: rotate(180deg);
		    margin-left: -5px;
			margin-top: -4px;
			margin-right: 10px;
			-webkit-transition: all 150ms ease;
			-moz-transition: all 150ms ease;
			-ms-transition: all 150ms ease;
			-o-transition: all 150ms ease;
			transition: all 150ms ease;
		}
			.arrow-black-left:hover{
				opacity: 1;
				cursor: pointer;
				-webkit-transition: all 150ms ease;
				-moz-transition: all 150ms ease;
				-ms-transition: all 150ms ease;
				-o-transition: all 150ms ease;
				transition: all 150ms ease;
			}
		.arrow-black-right{
			padding: 11px;
			float: right;
			margin-left: 10px;
			margin-top: 1px;
			background-image: url('../img/site/arrow_black.svg');
			background-repeat: no-repeat;
			-webkit-transition: all 150ms ease;
			-moz-transition: all 150ms ease;
			-ms-transition: all 150ms ease;
			-o-transition: all 150ms ease;
			transition: all 150ms ease;
		}
			.arrow-black-right:hover{
				opacity: 1;
				cursor: pointer;
				-webkit-transition: all 150ms ease;
				-moz-transition: all 150ms ease;
				-ms-transition: all 150ms ease;
				-o-transition: all 150ms ease;
				transition: all 150ms ease;
			}
		div.news-content .news-pagination a {
			opacity: 0.5;
		}
			div.news-content .news-pagination a:hover {
				opacity: 1;
			}
		div.news-content .news-pagination .news-pagination-prev {
			display: inline-block;
			margin-right: 150px;
			font-weight: 600;
		}
		div.news-content .news-pagination .news-pagination-next {
			display: inline-block;
			font-weight: 600;
		}
div.portfolio{

}
#open-prod-margin{ margin-top: 80px; }
.close-downloads{ 
	cursor: pointer; 
	-webkit-transition: all 150ms ease;
	-moz-transition: all 150ms ease;
	-ms-transition: all 150ms ease;
	-o-transition: all 150ms ease;
	transition: all 150ms ease;
}
.close-downloads:hover{ 
	opacity: 0.5; 
	-webkit-transition: all 150ms ease;
	-moz-transition: all 150ms ease;
	-ms-transition: all 150ms ease;
	-o-transition: all 150ms ease;
	transition: all 150ms ease;
}
	div.portfolio div.grid_25{
		height: 480px;
		background-size: cover;
		background-position: center center;
	}
		div.portfolio div.opacity{
			width: 100%;
			height: 100%;
			background-color: rgba(0,0,0,0.5);
		}
		div.portfolio div.title{
			width: 320px;
			font-size: 48px;
			line-height: 48px;
			font-weight: 600;
			color: #FC0;
			margin-left: 60px;
			margin-top: 160px;
			float: left;
			-webkit-transition: all 150ms ease;
			-moz-transition: all 150ms ease;
			-ms-transition: all 150ms ease;
			-o-transition: all 150ms ease;
			transition: all 150ms ease;
		}
			div.portfolio div.title a{
				color: #ffcc00;
			}
				div.portfolio div.title a:hover, div.portfolio div.title a.current{
					color: #FFFFFF;
					opacity: 1;
				}
			div.portfolio a:hover div.title{ 
				color: #ffffff !important; 
				-webkit-transition: all 150ms ease;
				-moz-transition: all 150ms ease;
				-ms-transition: all 150ms ease;
				-o-transition: all 150ms ease;
				transition: all 150ms ease;
			}
		div.portfolio div.description{
			width: 380px;
			font-size: 12px;
			line-height: 48px;
			font-weight: 600;
			color: #FC0;
			margin-left: 60px;
			margin-top: 60px;
			float: left;
			text-transform: uppercase;
		}
/***************************************************/
/****************** cookie alert *******************/
/***************************************************/
.cookie-alert {
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	width: 100%;
	background-color: rgba(0,0,0,0.8);
	text-align: center;
	padding: 10px;
	color: #CCC;
	z-index: 999;
	font-size: 11px;
}
	.cookie-alert .cookie-alert-text {
		display: inline-block;
		margin-top: 5px;
	}
	.cookie-alert .cookie-alert-text a {
		color: #CCC;
	}
		.cookie-alert .cookie-alert-text a:hover {
			color: #FFF;
		}
	.cookie-alert .cookie-alert-close {
		display: inline-block;
		padding: 6px 15px;
		color: #FFF;
		background-color: #333;
		margin-left: 20px;
		cursor: pointer;
		-webkit-transition: all 200ms ease;
		-moz-transition: all 200ms ease;
		-ms-transition: all 200ms ease;
		-o-transition: all 200ms ease;
		transition: all 200ms ease;
	}
		.cookie-alert .cookie-alert-close:hover {
			background-color: #111;
			-webkit-transition: all 200ms ease;
			-moz-transition: all 200ms ease;
			-ms-transition: all 200ms ease;
			-o-transition: all 200ms ease;
			transition: all 200ms ease;
		}
/***************************************************/
/******************** 404 erro *********************/
/***************************************************/
.error-template {
	position: relative;
	text-align: center;
	padding-top: 20%;
	width: 100%;
	color: #FFFFFF;
}	
	.error-template .content {
		width: 50%;
		padding: 60px;
		background-color: rgba(55,63,71,0.5);
		margin: 0 auto;
		-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
		-moz-box-shadow:    0px 0px 20px 0px rgba(0, 0, 0, 0.2);
		box-shadow:         0px 0px 20px 0px rgba(0, 0, 0, 0.2);
	}
	.error-template a {
		color: #FFF;
		text-transform: uppercase;
		font-size: 12px;
	}
		.error-template a:hover {
			opacity: 0.5;
		}
/***************************************************/
/******************** pop ups **********************/
/***************************************************/
#popup_overlay{
	background-color: rgba(0,0,0,0.5);
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
#popup_wrapper {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url('../dotcontrol/img/jquery_popup/bg-jquery.alert.png');
	width: 100%;
	z-index: 99999;
}
#popup_container {
	position: relative;
	font-family: "Lato",sans-serif !important;
	font-size: 12px;
	min-width: 300px;
	max-width: 600px;
	background: #FFF;
	color: #000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#popup_title {
	font-weight: bold;
	text-align: center;
	cursor: default;
	padding: 0em;
	margin: 0em;
	margin-top:20px;
	margin-bottom: 20px;
	text-align: center;
	font-size: 24px;
	font-weight: 600;
	color: #373F47;
}
#popup_content {
	background: 16px 16px no-repeat url('../dotcontrol/img/jquery_popup/info.gif');
	padding: 1em 1.75em;
	margin: 0em;
}
	#popup_content.alert {background-image: url('../dotcontrol/img/jquery_popup/info.gif');}
	#popup_content.confirm {background-image: url('../dotcontrol/img/jquery_popup/important.gif');}
	#popup_content.prompt {background-image: url('../dotcontrol/img/jquery_popup/help.gif');}
#popup_message {padding-left: 48px;font-family: "Lato",sans-serif !important;font-size: 13px; }
#popup_panel {
	text-align: center;
	margin: 1em 0em 0em 1em;
	margin-top: 20px;
	margin-bottom: 40px;
	text-align: center;
}
	#popup_panel .btn {
		border: 1px solid #c5c5c5;
		padding: 3px 10px 3px 10px;
		font-size: 9px;
		font-family: Tahoma;
		text-transform: uppercase;
		cursor: pointer;
	}
		#popup_panel .btn:hover {
			border: 1px solid #a5a5a5;
			color: #343434;
			padding: 3px 10px 3px 10px;
			font-size: 9px;
			font-family: Tahoma;
			text-transform: uppercase;
			cursor: pointer;
		}
#popup_prompt {margin: .5em 0em;}
/***************************************************/
/******************* responsive ********************/
/***************************************************/
.block-scroll{ overflow: hidden; }
@media screen and (max-width : 1690px){
	div.know-more-yellow{ width: 21.3%; }
}
@media screen and (max-width : 1440px){
	div.know-more-yellow{ width: 21%; }
	div.aboutus-2 div.container-about-2 div.item {
	    font-size: 38px;
	    line-height: 38px;
	}
	div#aboutus-slideshow .owl-controls .owl-buttons .owl-prev, div#aboutus-slideshow .owl-controls .owl-buttons .owl-next { bottom: -5%; }
	div.products div.img div.title, div#our_work-slideshow div div.title,div.portfolio div.title,div#news-slideshow div.container-news div.title{ width: 300px !important; }
}
@media screen and (max-width : 1024px){
	div#our_work-slideshow .owl-controls .owl-buttons,div#news-slideshow .owl-controls .owl-buttons{ display: none; }
	div#news-slideshow div.container-news div.description{ height: 50px !important; }
	.products-open .grid_4{ width: 48%;	}
	.grid_25,div.know-more-yellow{ width: 33.33%; }
	#nav-toggle{ display: block; }
	header div.background-nav nav{ display: none; }
	div#our_work-slideshow div div.title,div#news-slideshow div.container-news div.title{ max-width: 200px; }
	div#our_work-slideshow div div.title a,div#news-slideshow div.container-news div.title a{ font-size: 36px; line-height: 30px; }
	div#news-slideshow div.container-news div.date{ margin-top: 55px; }
	header div.background-logo div.logo{ padding-left: 100px !important; }
	div.products div.img div.title{ max-width: 200px; font-size: 36px; line-height: 36px; }
	div.know-more-yellow div.description { width: 230px; margin-left: -5px; margin-top: 70px; }
	.cbp-spmenu a{ width: 90% !important; }
	div.portfolio div.title { width: 265px; }
	div.portfolio div.description { line-height: 20px; width: 265px; }
	div.news-grid div.title{ float: left; }
	div.news-grid div.description{ margin-top: 0px; margin-top: 240px; padding-bottom: 0; float:left; margin-bottom: 0; height: 100px !important; }
	div.news-grid div.date{ float: left; margin-top: 0px; padding-top: 0; }


	.responsive-lang{ display: block; float: right; }
	.know-more-yellow{ width: 27.5% !important;  }
	div.portfolio div.title{ margin-top: 50px !important; }
	div#news-slideshow div.container-news div.title,div#news-slideshow div.container-news div.description,div#news-slideshow div.container-news div.date,div#our_work-slideshow div div.title,div.products div.img div.title,div.portfolio div.title,div.portfolio div.description{ margin-left: 20px !important; }
}
@media screen and (max-width : 1023px) {
	.grid_1,
	.grid_2,
	.grid_3,
	.grid_4,
	.grid_5,
	.grid_6,
	.grid_7,
	.grid_8,
	.grid_9,
	.grid_10,
	.grid_11,
	.grid_12,
	.grid_3_3 {
		width: 100%;
		margin: 0 0% 0% 0;
		float: left;
		display: block;
	}
}
@media screen and (max-width: 768px){
	div.aboutus-1 div.container-about-1{ padding-left: 40px !important; }
	footer{ text-align: center; }
	footer div.grid_4{ width: 100%; padding-bottom: 0; }
	footer div.direction-container{ text-align: center; }
	footer div.direction-container div.img, footer div.direction-container div.direction{ float: none; display: inline-block; }
	footer div.direction-container div.direction{ position: relative; top: -10px; }
	footer div.description{ margin: 0 auto; }
	.grid_50{ width: 100%; }
	.grid_25{ width: 50%; }
	div.know-more-yellow { width: 50% !important; }
	div.products-content .product .product-description{ width: 95%; }
	#inside_product-slideshow{ width: 97%; }
	div.aboutus-2 div.container-about-2{ padding-bottom: 0; }
	div#news-slideshow div.container-news:hover{ 
		-webkit-box-shadow:inset 0px 0px 0px 0px #ffffff !important;
		-moz-box-shadow:inset 0px 0px 0px 0px #ffffff !important;
		box-shadow:inset 0px 0px 0px 0px #ffffff !important;
	}
	div.know-more-yellow { width: 42% !important; height: 324px !important; float:left; clear: both; }
	.downloads-content .grid_4_down:first-child{ width: 38%; }
}
@media screen and (max-width: 720px){
	.contacts-footer span a{
		font-size:24px !important;
	}
	div.aboutus-1 div.container-about-1 {
	    padding-left: 20px !important;
	}
		div.aboutus-1 div.container-about-1 div.title{
			font-size: 46px !important;
		}
	.downloads-content .grid_4_down:first-child{
		border-right: 0 !important;
		width:50%;
	}
	div#news-slideshow div.container-news div.description{ height: 50px !important; }
	div#news-slideshow div.container-news div.date{ margin-top: 0; }
	div.know-more-yellow div.description{ margin-top: 80px; }
	div.know-more-yellow{ border: 0 solid #FC0;	}
	div.know-more-yellow:hover{
		border: 0 solid #FC0;
		color: #FFFFFF;
  		box-shadow: 0 0 0 5px #ffffff inset;
  		-webkit-transition: all 150ms ease;
		-moz-transition: all 150ms ease;
		-ms-transition: all 150ms ease;
		-o-transition: all 150ms ease;
		transition: all 150ms ease;
	}
	.cbp-spmenu a {
	    width: 70% !important;
	}
	div#homepage-slideshow div.container-information div.title {
	    font-size: 48px;
	    line-height: 50px;
	}
	div.yellow-box div.title {
	    font-size: 48px;
	    line-height: 52px;
	}
	div.yellow-box div.description{ width: 95%; }
	div#our_work-slideshow div div.title{ margin-top: 190px; }
	div#news-slideshow div.container-news div.title{ margin-top: 120px; }
	div#news-slideshow div.container-news div.date { margin-top: 30px; margin-bottom: 40px; }
	div.grid_50{ width: 100%; }
	div.aboutus-1 div.container-about-1 div.title {
	    font-size: 48px;
	    line-height: 50px;
	}
	div.aboutus-1 div.container-about-1 div.description { width: 95%; }
	div.aboutus-2 div.container-about-2 div.item {
	    font-size: 44px;
	    line-height: 50px;
	    width: 90%;
	}
	div.products-description div.description {
	    max-width: 200px;
	    margin: 0px auto;
	    margin-top: 40px;
	    color: #FFF;
	    font-size: 32px;
	    line-height: 40px;
	}
	.grid_25, div.know-more-yellow{ width: 100% !important; }
	#inside_product-slideshow{ width: 97%; }
	div.portfolio div.title { 
		width: 300px; 
		margin-left: 20px;
	}
	div.portfolio div.description { 
		width: 300px;
		line-height: 20px;
		margin-left: 20px; 
	}
	div.products-content .product .product-title {
	    font-size: 48px;
	    line-height: 50px;
	}
	div.news-grid div.date { display: none;	}
	div.news-content .new { width: 95%;	}
	div.news-content .new .new-title { font-size: 44px;	line-height: 50px; }
	div#aboutus-slideshow { padding-left: 0px; }
	div.news-grid div.description { margin-top: 80px; }
	div.news-content .news-pagination .news-pagination-prev{ margin-right: 20px; }
	.responsive-lang{ display: none; }
	.grid_4_down{ width:48%; border-right: 0; margin-right:0; margin-left: 0; }
	.grid_4_down ul li{ font-size: 12px; }
	div.aboutus-2 div.container-about-2 div.item { padding-left: 20px; }
	div#aboutus-slideshow .owl-controls .owl-buttons .owl-prev { left: 10px; bottom: -30px; }
	div#aboutus-slideshow .owl-controls .owl-buttons .owl-next { left: 40px; bottom: -30px; }
	.container-about-2{ height: 560px; }
	div.news-grid div.title, div.news-grid div.description{ padding-left: 10px; }
	div.know-more-yellow div.description{ margin-left: 20px; }
	div.news-grid div.description{ margin-top: -1px; }
	div.portfolio div.title, div.portfolio div.description,div.products div.img div.title{ margin-left: 10px; }
	.products-open .grid_4{ width: 100% !important; }
	div#homepage-slideshow div.container-information{ margin-left: 10px; }
	div.yellow-box div.title, div.yellow-box div.description,div.yellow-box div.button{ margin-left: 10px; }
	div.yellow-box div.title{ font-size: 46px; }
	header div.container{ margin-left: 20px !important; }
	.products-open{ padding-left: 20px !important; padding-right:20px; }
	div.news-grid div.title, div.news-grid div.description, div.news-grid div.title, div.news-grid div.date{ padding-left: 20px; }
	.news-open{ padding-left: 10px; padding-right: 10px; }
	.downloads-content{ padding-left: 20px; padding-right: 20px; }
}