html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
:focus {	outline: 0;}
ins { text-decoration:none;}
del { text-decoration:line-through;}
table { border-collapse: collapse; border-spacing: 0; }
ul, li { float:left; display:inline; }
h1, h2, h3, h4, h5 { font-weight:normal; }
i , em { font-style:normal; }
* { box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }

/*	Finish RESET	*/

body{ margin:0; color:#333; font-size:14px; font-family:Roboto, Arial; line-height:20px; }

*::-moz-selection { background:#2E659B; color:#FFF; }
*::selection { background:#2E659B; color:#FFF; }

a { color:#2E659B; text-decoration:none;  }
a:hover { color:#000; text-decoration:none; }

input, textarea, select { float:left; font-size:14px; color:#666; margin:0; font-family:Roboto, Arial; }
textarea { padding-top:15px !important; padding-bottom:15px !important; }
select { padding:0 15px !important; }

.input { 
	width:100%;
	height:40px;
	border:1px solid #ADADAD;
	background:#F9F9F9; 
	padding:0 15px;
	margin:0;
	box-shadow:inset 2px 2px 0 rgba(0, 0, 0, 0.07);
	border-radius:2px;
	}
	
.input:focus { border-color:#666; background:#FFF; box-shadow:0 0 10px rgba(0, 0, 0, 0.15); }

.error { border-color:#C00; box-shadow:inset 2px 2px 0 rgba(240, 0, 0, 0.12) , 0 0 7px rgba(255, 0, 0, 0.20); background:#FFF6F6; }

.button {
	float:none;
	height:45px;
	font-size:17px;
	font-family:Roboto, Arial;
	font-weight:700;
	display:inline-block;
	padding:0 30px;
	cursor:pointer;
	border:none;
	color:#FFF; 
	background:#2E659B; 
	text-shadow:1px 1px 0 rgba(0, 0, 0, 0.27);
	box-shadow:inset 0 -2px 0 rgba(0, 0, 0, 0.2);
	transition: all 0.3s;
	border-radius:2px;
	}

	.button:hover { background:#FC8003; }

.wrap-out { float:left; width:100%; position:relative; }
.wrap { width:1000px; margin:0 auto; position:relative; }

.tal { text-align:left !important; }
.tac { text-align:center !important; }

.fl { float:left !important; }
.fr { float:right !important; }
.w100 { float:left; width:100% !important; }
.mt50 { margin-top:53px; }

.rotapak { width:100%; display:inline-block; background:#F4F4F4 url(../images/bg.png) no-repeat center 150px; box-shadow:0 0 150px rgba(0, 0, 0, 0.7); }

/*	Start TOP	*/

#header-out { float:left; width:100%; position:relative; background:#FFF; box-shadow:0 0 5px rgba(0, 0, 0, 0.2); z-index:100; }
	#header { float:left; width:100%; position:relative; transition:all 0.2s; line-height:50px; font-size:17px; }
	
		#logo { float:left; width:190px; height:100px; margin:5px 0 15px 0; text-align:center; transition:all 0.2s; }
			#logo a { display:inline-block; width:100%; height:100%; text-indent:-9999px; background:url(../images/logo-2.png) no-repeat center center; transition:all 0.3s; }
			#logo a:hover { opacity:0.6; }
			
		.icon-phone { float:right; padding-right:65px; margin-top:35px; color:#FC8003; font-weight:700; background:url(../images/icon-phone.png) no-repeat right top; }
			
		#language { float:right; height:50px; padding:14px; margin:35px 0 0 20px; border:1px solid #E8E8E8; border-radius:25px; }
			#language li { padding:0 10px; border-right:1px solid #EEE; }
			#language li:last-child { border-right:none; }
				#language li img { float:left; height:20px; padding:2px 0; border-radius:3px; }
				#language li img:hover , #language li .selected img { opacity:0.5; }

		#nav { float:left; width:100%; box-shadow:inset 0 1px 0 #EEE; text-align:center; }
			#nav ul { float:none; width:1000px; margin:0 auto; display:inline-block; }
				#nav li { position:relative; }
				#nav li:last-child { float:right; box-shadow:inset -1px 0 0 rgba(0, 0, 0, 0.07); }
					#nav li a { float:left; padding:0 35px; line-height:50px; box-shadow:inset 1px 0 0 rgba(0, 0, 0, 0.07); font-size:17px; font-weight:700; }
					#nav li a:hover { background:rgba(0, 0, 0, 0.03); }
					#nav li a.active { color:#FFF; background:#2E659B url(../images/arrow-white.png) no-repeat center top; }
					
		#nav li span { display:none; position:absolute; width:280px; top:50px; left:-1px; box-shadow:0 10px 40px rgba(0, 0, 0, 0.3); text-align:left; }
			#nav li span a { 
				width:100%; 
				height:45px; 
				display:block;
				line-height:44px;
				font-size:15px;
				border-bottom:1px solid rgba(0, 0, 0, 0.1);
				background:#2E659B;
				padding:0 25px;
				color:#FFF;
				box-shadow:none;
				}
				
				#nav li span a:hover { background:#2A5B8C; }
				
		#nav-close-btn { display:none; }

/*	Finish TOP	*/

/*	Start SLIDER	*/

.slick-wrap { width:1000px; max-height:400px; margin:0 auto; position:relative; overflow:hidden; z-index:90; border-radius:0 0 3px 3px; box-shadow:0 0 30px rgba(0, 0, 0, 0.15); }
	.slick-wrap .controls { height:100%; }
		.slick-wrap .slick-prev { 
			position:absolute;
			left:0;
			top:165px;
			width:45px; 
			height:70px; 
			background:rgba(0, 0, 0, 0.4) url(../images/arrow-left.png) no-repeat center center; 
			background-size:auto 30px; 
			border:none; 
			text-indent:-9999px; 
			cursor:pointer;
			z-index:900;
			}
			
		.slick-wrap .slick-next { 
			position:absolute;
			right:0;
			top:165px;
			width:45px; 
			height:70px; 
			background:rgba(0, 0, 0, 0.4) url(../images/arrow-right.png) no-repeat center center; 
			background-size:auto 30px; 
			border:none; 
			text-indent:-9999px; 
			cursor:pointer;
			z-index:900;
			}
			
		.slick-wrap .slick-prev:hover , .slick-wrap .slick-next:hover { background-color:#000; }
	
	.slider { float:left; width:100%; position:relative; z-index:700; overflow:hidden; }
		.slider div { float:left; width:100%; }
			.slider div img { float:left; width:100%; }

/*	Start FOOTER	*/

.footer-logos { float:left; width:100%;  box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.05); padding:25px 0; margin-top:150px; position:relative; text-align:center; }
	.footer-logos ul { float:none; margin:0 auto; display:inline-block; }
		.footer-logos li { padding:0 12px; }
			.footer-logos li img { float:left; width:104px; padding:1px; border:1px solid #E5E5E5; border-radius:2px; }

.footer-out { float:left; width:100%; background:#FFF; box-shadow:0 0 5px rgba(0, 0, 0, 0.1); }
	.footer { float:left; width:100%; text-align:center; padding:40px 0; font-size:17px; line-height:50px; }
	
		.footer .icon-phone { float:left; padding:0 0 0 65px; margin-top:0; background-position:left top; }

		.footer-share { float:right; }
			.footer-share span { float:left; color:#999; }
			.footer-share ul { float:right; padding-top:inherit; }
				.footer-share li { padding-left:25px; }
					.footer-share li img:hover { opacity:0.6; }

.bottom { float:left; width:100%; color:#999; height:240px; background:url(../images/bottom.png) no-repeat center top; }
	.bottom .address { float:left; width:100%; padding:30px 0 75px 0; text-align:center; }
	.bottom a { font-weight:700; }
	
/*	Finish FOOTER	*/

.page-title { float:left; width:100%; text-align:center; box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.07); }
	
	.page-title h1 , .page-title h2 , .page-title h3 , .page-title h4 { padding:58px 0 21px 0; font-size:23px; line-height:26px; display:inline-block; color:#2E659B; font-weight:700; box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.27); }

.home-products { float:left; width:100%; padding:25px 0 50px 0; text-shadow:1px 1px 0 #FFF; }
	.home-products a { color:#FC8003; display:block; }
	.home-products a:hover { color:#000; }
	
	.home-products ul { width:100%; }
		.home-products li { width:50%; }
			.home-products li a img { float:left; width:130px; height:130px; background:#FC8003; margin-right:30px; border-radius:2px; }
			.home-products li a:hover img { background:#2E659B; }
			.home-products li a i { padding:34px 0 11px 0; display:inline-block; font-size:17px; font-weight:700; }
			.home-products li a span { display:block; color:#666; padding-right:20px; }
			
.home-about { float:left; width:100%; background:#FFF; box-shadow:0 0 30px rgba(0, 0, 0, 0.15); }
	.home-about li { width:100%; line-height:22px; color:#666; }
		.home-about li img { float:left; width:500px; }
		.home-about li h3 { float:left; width:500px; height:60px; padding:41px 50px 0 50px; font-size:21px; font-weight:700; color:#2E659B; box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.05); }
		.home-about li span { float:left; width:500px; padding:14px 50px 0 50px; }
		
	li.home-about-right { text-align:right; }
		li.home-about-right img { float:right; }
		li.home-about-right img { float:right; }
		
.sub-top-wrap { float:left; width:100%; background:#2E659B; box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.2), 0 0 5px rgba(0, 0, 0, 0.3); position:relative; z-index:10; }
	.sub-top { float:left; width:100%; padding:20px 0; font-size:27px; font-weight:700; line-height:30px; color:#FFF; text-align:center; }
		.sub-top a { color:#FFF; }
		
.sub-page { float:left; width:100%; min-height:450px; padding:50px; background:#FFF; border-radius:2px; box-shadow:0 0 20px rgba(0, 0, 0, 0.05); position:relative; }
	
	.sub-page .page-title { margin-bottom:10px; text-align:left; }
		.sub-page .page-title h1, .sub-page .page-title h2, .sub-page .page-title h3, .sub-page .page-title h4 { padding:3px 0 19px 0; margin-top:-20px; color:#FC8003; font-size:21px; }
	
	.page-photo { float:left; width:100%; text-align:center; margin-bottom:29px; }
		.page-photo img { display:inline-block; }
	
	.page-about { float:left; width:100%; font-size:17px; font-weight:300; line-height:30px; color:#666; text-align:center; }
	
.certificates { float:left; width:100%; margin-top:20px; text-align:center; }
	.certificates ul { width:100%; }
		.certificates li { width:25%; height:200px; padding:0 20px; margin-bottom:40px; overflow:hidden; }
			.certificates li img { width:90%; }
			.certificates li img:hover { opacity:0.6; }
			
.category { float:left; width:250px; background:#F5F5F5; position:absolute; left:0; top:0; font-family:Roboto Condensed; box-shadow:inset -5px -5px 5px 0 rgba(0, 0, 0, 0.07); }
	.category ul { width:100%; padding:50px 0 150px 0; background:url(../images/gradient.png) repeat-x bottom; }
		.category li { width:100%; border-bottom:1px solid rgba(0, 0, 0, 0.05); }
		.category li:first-child { border-top:1px solid rgba(0, 0, 0, 0.05); }
			.category li a { float:left; width:100%; padding:10px 20px; transition:all 0.4s; }
			.category li a:hover { background:#FFF; }
			.category li a.active { background:#FFF; color:#FC8003; box-shadow:-2px 0 0 #FC8003; }

.products { float:right; width:750px; margin:0 -50px 0 0; }
	
	.products .page-about { font-size:17px; padding:0 45px; margin-top:-10px; }
	
	.products ul { width:100%; padding:27px 30px 0 30px; }
		.products li { width:230px; padding:0 15px 30px 15px; }
			.products li a { display:block; width:100%; padding:14px; border:1px solid rgba(0, 0, 0, 0.05); border-bottom:2px solid rgba(0, 0, 0, 0.1); text-align:center; border-radius:2px; background:#F9F9F9; transition:all 0.4s; }
			.products li a:hover { border-color:#FC8003; text-align:center; border-radius:2px; background:#FFF; box-shadow:0 0 27px rgba(0, 0, 0, 0.15); }
				.products li a img { width:100%; display:inline-block; }
				.products li a span { width:100%; display:inline-block; padding-top:14px; }
				
.product-detail { float:right; width:650px; }
	.product-detail .photos { float:left; width:260px; }
		.product-detail .photos img { float:left; width:100%; padding:2px; border:1px solid #DDD; background:#FFF; border-radius:2px; margin-bottom:30px; }
		
			.product .photos2 { float:right; width:350px; }
		.product .photos2 img { float:right; width:100%; padding:2px 10px 0; border:1px solid #DDD; background:#FFF; border-radius:2px; margin-bottom:30px; }
		
	.product-detail .data { float:right; width:350px; font-family:Roboto Condensed; border-radius:2px; overflow:hidden; }
		.product-detail .data table { width:100%; }
			.product-detail .data tr { border-bottom:1px solid #DDD; }
				.product-detail .data td { padding:10px 15px; background:#F9F9F9; }
					.product-detail .data td span { font-weight:700; }

			.product-detail .data .data-head { border-bottom:1px solid #2E659B; }
				.product-detail .data .data-head td { background:#3F89B7; color:#FFF; font-weight:700; }
				.product-detail .data .data-head td:first-child { width:140px; }
	
/*	Start CONTACT	*/

.google-map { float:left; width:100%; height:300px; margin-bottom:40px; }

.contact { width:430px; margin-top:17px; font-size:16px; color:#666; background:url(../images/dashed.png) repeat-x center top; }
	
	.contact p { float:left; width:100%; padding:16px 0 20px 0; border-bottom:1px solid #EEE; }
		.contact p label { float:left; width:100%; padding-bottom:10px; }
			.contact p label em { color:#EA0000; }
		.contact p i { float:left; width:100%; }
	
.button-grey { padding:0 35px; margin-top:24px; display:inline-block; line-height:45px; background:#999 url(../images/navigation.png) no-repeat center 41px; border-radius:25px; color:#FFF; font-weight:700; text-shadow:0 -1px 0 rgba(0, 0, 0, 0.4); }
.button-grey:hover { background-color:#666; color:#FFF; }

/*	Finish CONTACT	*/

/*	Start PAGINATION */

.pages { float:left; width:100%; font-size:15px; line-height:50px; color:#999; text-align:center; background:#F7F7F7; text-shadow:1px 1px 0 #FFF; }
	
	.pages a { width:54px; display:inline-block; color:#999; margin-right:-4px; font-weight:700; transition:all 0.3s; border-left:1px solid rgba(0, 0, 0, 0.07); }
	.pages a:last-child { border-right:1px solid rgba(0, 0, 0, 0.07); }
	.pages a:hover { color:#FC8003; background:#FFF; }
	.pages a.current { color:#FC8003; background:#FFF; box-shadow:0 2px 0 #FC8003; }

/*	Finish PAGINATION */		

.greyscale { 
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
	filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale");
}
.greyscale:hover { filter:none; -webkit-filter:none; }


/*	Smartphones (portrait and landscape)	*/

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

.rotapak { background-image:none; }

.wrap { float:left; width:100%; padding:0 20px; }

#header-out .wrap { padding:0 75px 0 50px; }
	#header { height:40px; }
	
	#logo { width:100%; height:40px; padding:5px 0; margin:0; }
		#logo a { background-image:url(../images/logo.png); background-size:auto 30px; }
		
	.icon-phone { display:none; }
	
	#language { position:absolute; top:0; height:28px; right:-70px; margin:12px 0 0 0; padding:0; border:0; }
		#language li { padding:0 5px; }	
			#language li img { height:16px; padding:0; border-radius:0; }
	
.slick-wrap { float:left; width:100%; margin:0; border-radius:0; }
	.slick-wrap .slick-prev , .slick-wrap .slick-next { top:35%; width:30px; height:50px; background-size:auto 20px; }
	
.footer-logos { margin-top:60px; padding-bottom:0; }
	.footer-logos ul { float:left; width:100%; padding:0 10px; }
		.footer-logos li { width:50%; padding:0 10px 20px 10px; }
			.footer-logos li img { width:100%; }

.footer-out .wrap { padding:0; }
	.footer { padding:20px 0; line-height:20px; }
		.footer .icon-phone { float:none; margin:0 auto; display:inline-block; line-height:50px; padding-left:60px; }
		
		.footer-share { width:100%; margin-top:20px; border-top:1px solid #EEE; padding-top:15px; text-align:center; }
			.footer-share span { width:100%; padding-bottom:11px; }
			.footer-share ul { float:none; margin:0 auto; display:inline-block; }
				.footer-share li { padding:0 10px; }
	
.bottom { height:auto; background-position:center bottom; text-align:center; padding:25px 0 185px 0; font-size:13px; }
	.bottom div { width:100%; }
		.bottom .address { float:left; width:100%; padding:0 0 15px 0; text-align:center; }
	
.page-title h1 , .page-title h2 , .page-title h3 , .page-title h4 { padding:29px 0 15px 0; font-size:21px; font-family:Roboto Condensed; }

.home-products { padding-bottom:25px; }
	.home-products li { width:100%; text-align:center; border-bottom:1px solid rgba(0, 0, 0, 0.06); padding-bottom:20px; margin-bottom:25px; }
		.home-products li a img { float:none; width:100px; height:100px; margin:0; display:inline-block; }
		.home-products li a i { display:block; padding:14px 0 6px 0; }
		.home-products li a span { padding:0; }
		
.home-about { float:left; width:100%; background:#FFF; box-shadow:0 0 30px rgba(0, 0, 0, 0.15); }
	.home-about li { width:100%; line-height:22px; color:#666; text-align:center; }
		.home-about li img { width:100%; }
		.home-about li h3 { width:100%; height:50px; padding:31px 25px 0 25px; font-size:21px; font-weight:700; color:#2E659B; box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.05); }
		.home-about li span { width:100%; padding:14px 25px 19px 25px; }
		
.sub-top-wrap .wrap { padding:0 10px; }
	.sub-top { padding:13px 0; font-size:17px; font-family:Roboto Condensed; line-height:24px; }

.sub-page { padding:0; margin-top:20px; background:none; box-shadow:none; }
	.sub-page .page-title { text-align:center; }
	
	.page-photo { margin-bottom:19px; }
		.page-photo img { width:100%; border-radius:3px; }
	
	.page-about { font-size:16px; line-height:24px; }
	
.certificates li { width:50%; height:150px; margin:0 0 25px 0; }
	.certificates li img { width:100%; max-width:150px; }
	
.category { display:none; }

.products { width:100%; margin:0; }
	.products .page-about { padding:0; margin:0; }
	
	.products ul { padding:22px 0 0 0; }
		.products li { width:100%; padding:0 30px 30px 30px; }
			.products li a { border:1px solid rgba(0, 0, 0, 0.2); background:none; }
			
.product-detail { width:100%; }
	.product-detail .photos { float:left; width:100%; }
		.product-detail .photos img { margin-bottom:20px; }
		
	.product-detail .data { width:100%; }
				.product-detail .data td { padding:10px 10px; }

			.product-detail .data .data-head td:first-child { width:130px; }

.google-map { height:200px; margin-bottom:25px; }

.contact { float:left; width:100%; margin-bottom:40px; }
	.contact p { border-bottom:none; padding:10px 0; }
		.contact p .button { width:100%; }
		
.input { background:#FFF; }

.pages { background:none; }
	.pages a , .pages a:last-child { background:#FFF; box-shadow:none; border:none; margin:5px 3px; border-radius:2px; }
	.pages a.current { box-shadow:inset 0 -2px 0 #FC8003; }

}


.clear {
  float: left;

  height: 200px;
  margin: 1em;
}