@charset "utf-8";

/*
	OLIMPIA - 28/06/2016
*/



.nav-button {
	display: none;
	float: left;
	margin: 0;
	border: 0;
	padding: 0;
	cursor: pointer;
	background: url(../images/blank.gif);
	opacity: 1;
	-webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
            transition: all .3s ease;
}
.nav-button:hover {
	opacity: .7;
}
.nav-button:active {
	-webkit-transition: 0;
	   -moz-transition: 0;
	        transition: 0;
}
.nav-button strong {
	float: left;
	margin-right: 5px;
	margin-top: 3px;
	font-size: 16px;
	color: #fff;
}
.nav-button .lines {
	position: relative;
	float: right;
	width: 30px;
	height: 5px;
	margin-top: 9px;
	background-color: #fff;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	        border-radius: 3px;
	-webkit-transition: 0.3s all ease;
	   -moz-transition: 0.3s all ease;
	        transition: 0.3s all ease;
}
.nav-button .lines:before,
.nav-button .lines:after {
	position: absolute;
	left: 0;
	width: 100%;
	height: 5px;
	background-color: #fff;
	content: "";
	-webkit-transition: 0.3s all ease;
	   -moz-transition: 0.3s all ease;
	        transition: 0.3s all ease;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	        border-radius: 3px;
	-webkit-transform-origin: 0.28571rem center;
	   -moz-transform-origin: 0.28571rem center;
	        transform-origin: 0.28571rem center;
}
.nav-button .lines:before {
	top: 8px;
}
.nav-button .lines:after {
	top: -8px;
}
.nav-button.open {
	-webkit-transform: scale3d(0.8, 0.8, 0.8);
	   -moz-transform: scale3d(0.8, 0.8, 0.8);
	        transform: scale3d(0.8, 0.8, 0.8);
}
.nav-button.open .lines {
	background-color: transparent;
}
.nav-button.open .lines:before,
.nav-button.open .lines:after {
	top: 0;
	width: 100%;
	-webkit-transform-origin: 50% 50%;
	   -moz-transform-origin: 50% 50%;
	        transform-origin: 50% 50%;
}
.nav-button.open .lines:before {
	-webkit-transform: rotate3d(0, 0, 1, 45deg);
	   -moz-transform: rotate3d(0, 0, 1, 45deg);
	        transform: rotate3d(0, 0, 1, 45deg);
}
.nav-button.open .lines:after {
	-webkit-transform: rotate3d(0, 0, 1, -45deg);
	   -moz-transform: rotate3d(0, 0, 1, -45deg);
	        transform: rotate3d(0, 0, 1, -45deg);
}





@-ms-viewport {
	width: device-width;
}


















@media screen and (max-width: 1120px) {

	.container_12 {
		width: 100%;	
	}
	html {
		
	}

	body {
		
	}
	#site-wrap {
		
	}

	#header .container_12 .grid_2 {
		width: 20%;
	}
	#header .container_12 .grid_5 {
		width: 40%;
	}
	#header .container_12 {
		padding-left:  10px;
		padding-right: 50px;
	}
	#header .main-nav > ul > li > a {
		font-size: 11px;
	}
	
	#header .logo {
		width: auto;
		height: auto;
	}
	.six-boxs {
		position: fixed;
	}

}




















@media screen and (max-width: 960px) {
	#content {
		position: fixed;
	}	
}




@media screen and (max-width: 960px) {
	#header .main-nav ul {
		display: none;
	}
	#header .main-nav .nav-button {
		display: block;
	}
	#header .main-nav .nav-button span {
		padding-top: 1px;
	}
	
	#header nav.main-nav {
		float: left;
		width: auto;
		margin-top: 25px;
		margin-bottom: 0px;
	}
	#header .container_12 {
		height: inherit;
	}

	#header .container_12 .grid_2 .right {
		display: none;
	}
	#header .logo {
		width: 236px;
		height: 24px;
		margin-left: -50px;
	}
	#header .logo a {
		margin-top: -7px;
	}
	#footer {
		display: none;
	}
	#content {
		position: relative;
	}
	#content .outer {
		height: auto !important;
	}
	#content .container_12 {
		height: auto !important;
	}
	#content aside.grid_3, #content article.grid_9 {
		width: 100%;
		float: left;
	}
	#content .grid_4, #content .grid_8 {
		width: 100%;
		margin-bottom: 30px;
	}
	#content.contact.open-service .grid_4.a,
	#content.contact.open-service .grid_4.b,
	#content.contact.open-service .grid_4.c	{
		width: 100%;
		opacity: 1;
	}
	#content.contact.open-service .service-points, .open-service .service-list {
		width: 100%;
		float: left;
	}
	.service-list .address > h2 {
		height: auto;
	}
	.links a {
		width: 100%;
	}
	.products .pdf-download, .products .excel-download {
		height: auto;
	}
	.services .service-list .address {
		width: 98%;
		margin-right: 2%;
	}
	.contact .map-btn {
		background-position: 0 50%;
	}
}














@media (max-width: 840px) {






}






















@media (min-width: 769px) {
	#six-boxs {
		position: fixed !important;
	}
}



@media (max-width: 768px) {
	#six-boxs {
		position: relative;
		top: 84px;
		bottom: inherit;
		
	}
	#six-boxs .grid_2 {
		width: 33.33333333%;
	}
	#six-boxs .box {
		height: 220px;
	}
	.fuse .list figure {
		width: 25%;
	}
	.fuse-detail .left, .fuse-detail .right {
		width: 100%;
		height: auto;
		border-right: 0;
		padding-left: 0;
	}
	.contact .map-btn {
		background-position: -250% 50%;
	}
	#main-slider .tp-leftarrow.default,
	#main-slider .tp-rightarrow.default {
			display: none !important;
	}
}
















@media (max-width: 640px) {
	.fuse .list figure {
		width: 33.3333%;
	}
	.products .list figure {
		width: 33.3333%;
	}
	.contact .map-btn {
		background-position: 250% 50%;
	}


}














@media (max-width: 480px) {
	#header .langs {
		display: none;
	}

	#header .container_12 .grid_2 {
		width: 68%;
	}
	 #header .container_12 .grid_5{
		 width: 32%;
	 }
	#site-nav .langs-wrap .langs {
		display: block;
	}
	#header .logo {
		margin-left: 0;
	}
	.fuse .list figure {
		width: 50%;
	}
	.service-list .address .ft {
		height: auto;
		padding: 0;
		background-color: rgba(64, 64, 64, 0.8);
		
	}
	.service-list .address .ft div {
		float: left;
		width: 100%;
		
		padding: 13px 20px;		
		background-color: rgba(43, 45, 49, 0.5);
	}
	.service-list .address .ft a.btn {
		margin: 3px 3%;
		right: 0;
		float: left;
		width: 94%;
		position: relative;
		height: auto;
		text-align: center;
	}
	.service-list .address .ft a.btn2 {
		margin: 3px 3%;
		float: left;
		width: 94%;
		position: relative;
		height: auto;
		text-align: center;
	}

	.contact .map-btn {
		background-position: 150% 50%;
	}
	
	#main-slider li .fullscreenvideo #main-slider li {
		display: none;
	}

}


















@media (max-width: 400px) {

	#six-boxs {
		top: 84px;
		bottom: 200px;
		position: relative;
	}
	#six-boxs .grid_2 {
		width: 50%;
	}
	#six-boxs .box {
		height: auto;
	}
	#header .logo {
		width: 210px;
	}	
	#header .container_12 .grid_2 {
		width: 75%;
	}
	 #header .container_12 .grid_5{
		 width: 25%;
	 }

	.nav-button strong {
		display: none;
	}
		.products .list figure {
		width: 50%;
	}

	
}













@media (max-width: 340px) {

	#header .container_12 .grid_2 {
		width: 80%;
	}
	#header .container_12 .grid_5{
		 width: 20%;
	}


}

@media (max-width: 290px) {
	#header .logo {
		width: 190px;
	}	
	.products .list figure {
		width: 100%;
	}

}