@charset "UTF-8";
@import "defaults.css";
@import "typography.css";
@import "forms.css";
@import "colorbox.css";
@import "../js/meanmenu/meanmenu.min.css";

.half_right { float:right;  width:74%;}
.half_left { float:left; width:24%;}
	.two_half textarea { width:300px !important;}
.shopping_cart_list {list-style:none; padding:0; margin:0 0 10px 0;}
	.shopping_cart_list li { border-bottom:1px solid #f2f2f2; padding-bottom:10px; margin-bottom:10px;}
	.shopping_cart_list li img { width:80px;}
	.shopping_cart_list .product_img { float:left; width:100px; }
.total_sum { list-style:none; padding:0; margin:0; }
#order_form .radio { float:left; }
.partner img{
		padding:0;
	}
	.partner{
		border: 1px solid #eee;
		width: 176px;
		height: 90px;
		float: left;
		margin-left: 10px;
		position: relative;
		text-align: center;
		line-height: 90px;
		margin-bottom: 10px;
		overflow: hidden;
	}

    .partner_link{
    margin-bottom:10px;
    margin-top:-10px;
}
/* =============================================================================
   reusable
   ========================================================================== */
input:focus::-webkit-input-placeholder { color: transparent;}
input:focus:-moz-placeholder { color: transparent;}
input:focus::-moz-placeholder { color: transparent;}
input:focus:-ms-input-placeholder { color: transparent;}
textarea:focus::-webkit-textarea-placeholder { color: transparent;}
textarea:focus:-moz-placeholder { color: transparent;}
textarea:focus::-moz-placeholder { color: transparent;}
textarea:focus:-ms-textarea-placeholder { color: transparent;}

.more{background: url(../failid/Project/content/nav_arrow3.png) 100% center no-repeat; padding-right: 13px;}
.bg_line{
	font-family: Arial;
	font-size: 18px;
	color: #424141;
	background-image: url(../failid/Project/content/line_bg.png);
	background-position: 0 center;
	background-repeat: repeat-x;	
	display: block;
	margin-bottom: 15px;
}
	.bg_line span{background: #fff; padding-right: 10px;}
/* =============================================================================
   layout
   ========================================================================== */
html, body{height: 100%;}
.container{
	margin:0 auto;
	width:960px;
}
#wrapper{clear: both; min-height: 100%; position: relative;}
#head{
}

#main{
	overflow:hidden;
	padding-bottom: 150px;
}
#main.has_news{
	padding-bottom: 350px;	
}
#sidebar{
	float:left;
}
.has_sidebar{
	float:right;
}
#footer{
	width: 100%;
	left: 0;
	bottom: 0;
	position: absolute;
}

/* =============================================================================
   head
   ========================================================================== */
#head{border-bottom: 5px solid #000; font-family: 'PT Sans Narrow'; font-size: 16px; padding-top: 20px;}
	#head p{margin: 0;}
#head_logo{
	display: block;
	float: left;
	margin-right: 20px;
}
.site_name{font-size: 26px; font-weight: 700; float: left; line-height: 100px;}
.head_nav, #lang_sel{list-style: none; padding: 0; margin: 0; float: left;}
.head_nav li, #lang_sel li{float: left; color: #252525;}
.head_nav a, #lang_sel a{color: #252525; display: block; float: left;}
	.head_nav .active a,
	#lang_sel .active a,
	.head_nav a:hover,
	#lang_sel a:hover{text-decoration: underline;}
#lang_sel{font-size: 13px; line-height: 26px; margin-left: 40px;}
#lang_sel li{padding-left: 5px;}
#lang_sel li a{margin-right: 5px;}
.head_nav li{padding-left: 10px;}
.head_nav li a{margin-right: 10px;}
.head_nav li:last-child a, #lang_sel li:last-child a{margin-right: 0;}

.shopping_cart{
	margin-top: 10px;
	background: url(../failid/Project/icons/cart.png) 0 center no-repeat;
	padding-left: 30px;
	float: right;	
	margin-bottom: 38px;
}
.shopping_cart a{
	color: #000;	
}

#site_nav{
	-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    0px 1px 2px rgba(0, 0, 0, 0.2);
	box-shadow:         0px 1px 2px rgba(0, 0, 0, 0.2);
	overflow: hidden;
	background: rgb(255,255,255);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmM2Y1ZjgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(243,245,248,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(243,245,248,1)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,245,248,1) 100%);
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,245,248,1) 100%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,245,248,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(243,245,248,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f5f8',GradientType=0 );
}
#site_nav > ul > li{ float: left;}
#site_nav ul li a{display: block;}
#site_nav > ul > li:hover{
	color: #fff;
}
	#site_nav > ul > li > a{padding: 10px 16px 10px 15px; font-family: 'PT Sans Narrow', sans-serif; font-size: 16px; color: #000;}
	#site_nav > ul > li:hover a, #site_nav > ul > .active > a{color: #fff;}
	#site_nav .with_sub > a{background-image: url(../failid/Project/content/nav_arrow1.png); background-position: 94% center; background-repeat: no-repeat;}
	#site_nav .with_sub:hover > a, #site_nav > ul > .with_sub.active > a{background-image: url(../failid/Project/content/nav_arrow.png);}
	#site_nav > ul > li:hover > a, #site_nav > ul > .active > a{background-color: #005550;}
	#site_nav ul li:hover > ul{display: block;}
	#site_nav ul ul{
		padding: 1px 0;
		position: absolute;
		z-index: 100;
		display: none;	
		margin-left: 0;
	}
	#site_nav ul ul li{position: relative;}
	#site_nav ul ul a{
		display: block;
		padding: 4px 15px 4px 30px;
		background-color: #005550;
		background-image: url(../failid/Project/content/nav_arrow2.png);
		background-position: 15px center;
		background-repeat: no-repeat;
	}
	#site_nav ul ul li:hover > a, #site_nav ul ul .active a{
		color: #fff;
		background-color: #000;
		text-decoration: none;
	}
	#site_nav ul ul ul{
		display: none;
		top: 0;
		margin: 0;
		padding: 0;
		left: 90%;
		min-width:100%;
    	width:auto;
	}
	#site_nav ul ul ul li{width: auto; display: block;}
	#site_nav ul ul ul li a{background-color: #000;}
	#site_nav ul ul ul .active > a, #site_nav ul ul ul li > a:hover{color: #ddd!important;}

/* =============================================================================
   Sidebar
   ========================================================================== */
#sidebar{width: 210px; font-size: 12px;  margin-top: -10px;}   
#side_nav > ul{	background: #005550;}
#side_nav > ul > li{position: relative;}
#side_nav a{color: #fff; display: block; padding: 5px 20px;}
#side_nav > ul > li:hover > a, #side_nav > ul > .active > a{background-color: #000;}
#side_nav ul li:hover ul{display: block;}
#side_nav > ul > li > a{background-image: url(../failid/Project/content/nav_arrow4.png); background-position: 15px 8px; background-repeat: no-repeat; padding-left: 30px;}
#side_nav ul ul{
	position: absolute;
	background-color: #000;
	left: 90%;
	margin-left: 0;
	top: 0;
	display: none; 
	min-width:100%;
    width:auto;
}
#side_nav ul ul li > a:hover, #side_nav ul ul .active > a{color: #c5c4c4;}

/* =============================================================================
   Content
   ========================================================================== */
#content{padding-bottom: 80px; line-height: 24px; font-size: 13px;}
.front #content{padding-bottom: 20px; line-height: 20px; font-size: 12px; } 
   
   
#front_slider{
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: #fcfcfc;
	padding-bottom: 13px;
	background-image: url(../failid/Project/content/front_slider.png);
	background-position: 0 100%;
	background-repeat: repeat-x;
	overflow: hidden;
}   
.big_slider{
	margin: 0;
	list-style: none;
	padding: 0;	
}
	.big_slider li{position: relative;}
	.big_slider .caption{
		position: absolute;
		bottom: 40px;
		left: 20px;
		color: #fff;
		margin-top: 0;
		margin-bottom: 0;
		overflow: hidden;	
		background: #000;
		-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);
		-moz-box-shadow:    0px 1px 2px rgba(0, 0, 0, 0.75);
		box-shadow:         0px 1px 2px rgba(0, 0, 0, 0.75);
	}
	.caption .slider_controls{
		float: left;
	}
	.caption .bx-prev, .caption .bx-next{
		float: left;
		color: #fff;
		display: block;
		height: 51px;
		width: 32px;
		background-image: url(../failid/Project/icons/slider_controls.png);
		background-position: 0 0;
		background-repeat: no-repeat;
		background-color: #005550;
		text-indent: -5000px;
	}
	.caption .bx-prev:hover, .caption .bx-next:hover{background-color: #353535;}
	.caption .bx-next{background-position: -32px 0;}
	.caption h3{
		width: 586px;
		margin: 0;
		color: #fff;
		padding: 9px 20px;
		font-family: 'PT Sans Narrow';
		font-size: 24px;
		float: left;
		font-weight: 400;
	}
#front_slider.page{position: relative;}
	#front_slider.page .caption{
		position: absolute;
		left: 0;
		bottom: 13px;
	}
	#front_slider.page .caption h3{
		background: #000;
		color: #fff;
		width: auto;
		padding: 9px 30px;
		font-weight: 400;
	}
	
	
   
.box{
	width: 290px;
	float: left;
	margin-bottom: 40px;
}
.box:nth-child(even){margin: 0 45px;}
	.box:nth-child(even) a{color: #d3161e;}
	.box .img_area{ width: 288px; border: 1px solid #ddd; margin-bottom: 25px; text-align: center; height: 120px; line-height: 118px; overflow: hidden;}
	.box p{height: 82px; margin-bottom: 5px;}
	.box .more{font-size: 14px;}
	
.has_sidebar{float: right; width: 720px;}	
	
.specifications{
	float: left;
	font-size: 12px;
	line-height: 22px;
	margin-top: 43px;
	border: 1px solid #eae9e9;
	width: 400px;	
	background-color: #fcfcfc;
	padding-bottom: 10px;
}	
.specifications h3{font-weight: 400; font-size: 16px; background-color: #fff; margin-top: 0; border-bottom: 1px solid #eae9e9; padding: 10px 20px; color: #424141;}
.specifications span{display: inline-block; width: 160px; margin-left: 20px;}	
.shop_bottom{border-top: 2px solid #dfdfdf; margin-top: 20px; padding-top: 20px; }
.shop_bottom .button{margin-left: 15px;}
.shop_bottom .price{ font-weight:bold;  font-family: 'PT Sans Narrow'; font-size:18px; margin:5px 10px 0 0; line-height:17px;}
.no_discount { margin:10px 10px 0 0 !important; }
input[type="text"].add_ammount{
	width: 30px;
	padding: 6px 0 8px 0;
	text-align: center;
	font-weight: 700;
	margin-right: -7px;
}
.shop img{
	max-width: 300px;
	height: auto;
	border: 1px solid #ddd;
}
.shop .img-right{margin-left: 10px;}

.shop h3 { margin-bottom:1px;}

.product_list{padding: 0; list-style: none;}
.product_list li{overflow: hidden; border-bottom: 2px solid #ddd; margin-bottom: 15px;}
	.product_list .product_img{
		width: 93px;
		height: 93px;
		border: 1px solid #ddd;
		overflow: hidden;
		margin-right: 15px;
		line-height: 75px;
		text-align: center;
	}
	.product_img img{width: 100%; height: auto; border: none!important;}
	.product_list .left{width: 510px; float: left; border-right: 1px solid #ddd; padding-bottom: 20px; padding-right: 20px;}
	.product_list h3{margin-top: 0; margin-bottom:1px;}
	.product_list .right input[type=text]{margin-right: 1px; font-size: 12px;}
	.product_list .right{float: right; width: 175px; line-height: 18px;}
	.product_list .button{margin-bottom: 14px; padding: 7px 15px;}
	.product_list .price_tag{font-size: 14px; display: block;}
	.product_list .old.price_tag, .old_price{text-decoration: line-through; font-size: 11px;}
	.old_price { line-height:15px;}
	
/* =============================================================================
   Footer
   ========================================================================== */
#footer{
	background: #fafbfc;
	overflow: hidden;
	line-height: 20px;
	height: 150px;
}
#footer.has_news{
	height: 350px;
}
#footer .bg_line span{background-color: #fafbfc;}
	#news{overflow: hidden; padding-top: 50px;} 
	#news ul{list-style: none;}
	.fresh_news{float: left; padding: 0; } 
	.fresh_news li{
		overflow: hidden;
		width: 290px;
		float: left;	
	}
	.fresh_news .fr{ width: 230px;}
	.fresh_news .fr a{display: block; font-size: 14px; margin-bottom: 6px;}
	.fresh_news li:first-child{margin-right: 40px;}
	/*.fresh_news li:first-child a{color: #d3161e;}*/
	.older_news{float: right; background: url(../failid/Project/content/line_bg_vertical.png) 0 0 repeat-y; padding-left: 40px;}
	.older_news li{
		background: url(../failid/Project/content/nav_arrow3.png) 0 5px no-repeat;
		padding-left: 15px;
		width: 250px;	
		line-height: 16px;
		margin-bottom: 5px;
	}
	/*.older_news li:nth-child(even) a{
		color: #d3161e;	
	}*/
	
.post_date{
	-webkit-border-top-right-radius: 2px;
	-webkit-border-top-left-radius: 2px;
	-moz-border-radius-topright: 2px;
	-moz-border-radius-topleft: 2px;
	border-top-right-radius: 2px;
	border-top-left-radius: 2px;
	width: 42px;
	height: 65px;
	background: #f2f2f2;
	color: #686767;
	text-align: center;
}	
	.post_date .post_day{
		display: block;
		height: 41px;
		line-height: 41px;
		font-size: 16px;
	}
	.post_date .post_month{
		color: #fff;
		line-height: 23px;
		height: 23px;
		display: block;
		background: #ccc;	
		-webkit-border-bottom-right-radius: 2px;
		-webkit-border-bottom-left-radius: 2px;
		-moz-border-radius-bottomright: 2px;
		-moz-border-radius-bottomleft: 2px;
		border-bottom-right-radius: 2px;
		border-bottom-left-radius: 2px;
		-webkit-box-shadow: 0px 1px 1px rgba(189, 189, 189, 1);
		-moz-box-shadow:    0px 1px 1px rgba(189, 189, 189, 1);
		box-shadow:         0px 1px 1px rgba(189, 189, 189, 1);
	}
.border_top{
	position: relative;
	background: url(../failid/Project/content/footer_border.png) 0 0 repeat-x;
	padding-top: 10px;
	margin-top: 10px;	
}
.footer_list{
	list-style: none;
	padding-left: 10px;	
}
	.footer_list li{float: left; margin-right: 40px;}

#ama{
	display:block;
	height: 14px;
	line-height: 14px;
	color: #ccc;
	position:absolute;
	top: 25px;
	right:0;
	font-size: 11px;
	background-image:url(../failid/Project/ama.png);
	background-repeat: no-repeat;
	background-position: 100% 0;
	padding-right: 34px;
}
#ama:hover{
	background-position: 100% -14px;	
}

/* =============================================================================
   print
   ========================================================================== */

@media print {
	* { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; }
	a, a:visited { text-decoration: underline; }
	a[href]:after { content: " (" attr(href) ")"; }
	abbr[title]:after { content: " (" attr(title) ")"; }
	.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
	pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
	thead { display: table-header-group; } /* h5bp.com/t */
	tr, img { page-break-inside: avoid; }
	img { max-width: 100% !important; }
	@page { margin: 0.5cm; }
	p, h2, h3 { orphans: 3; widows: 3; }
	h2, h3 { page-break-after: avoid; }
	#head, #sidebar, #footer, button,
	.error, .alert, .notice, .success, .info, .button
	{ display:none !important; }
	#wrapper, #content{ width:auto !important; float:none !important; margin:0 !important; padding:0 !important;}
}

/* =============================================================================
   MEDIA QUERY
   ========================================================================== */
@media (max-width: 959px){
	html {
		box-sizing: border-box;
	}
	*, *:before, *:after {
		box-sizing: inherit;
	}
	#wrapper{overflow: hidden;}
	.container{width: 100%; padding: 0 10px;}
	img{max-width: 100%; height: auto;}
	.box{width: 33%; margin: 0 0 15px 0; padding: 0 15px;}
	.box:nth-child(even){margin: 0 0 15px 0;}
	.box .img_area{width: 100%; height: auto; border: none;}
	
	.front #content{margin-left: -15px; margin-right: -15px; overflow: hidden;}
	#main,
	#main.has_news{padding-bottom: 0;}
	#footer{position: relative; padding-bottom: 15px;}
	#footer.has_news{height: auto;}
	
	#news{padding-top: 15px;}	
	#sidebar{width: 20%;}
	.has_sidebar{width: 77%;}
	.product_list li{ position: relative; padding-right: 205px; min-height: 100px;}
	.product_list .left{width: 100%; padding-right: 0;}
	.product_list .right{padding-left: 15px; width: 200px; position: absolute; top: 0; right: 0;}
	.form_half{width: 50%;}
	.form_half.fl{padding-right: 15px;}
	.form_half.fr{padding-left: 15px;}
	
	.fresh_news li{width: 50%; padding-right: 15px; margin: 0 0 15px 0; padding-left: 50px; position: relative; min-height: 70px;}
	.fresh_news li:first-child{margin: 0 0 15px 0;}
	.fresh_news{width: 67%;}
	.fresh_news .fr{width: 100%;}
	.older_news{width: 33%; padding-left: 15px;}
	.older_news li{width: 100%;}
	.post_date{position: absolute; left: 0; top: 0;}
	.img-left{margin-right: 15px; margin-bottom: 15px;}
	.img-right{margin-left: 15px; margin-bottom: 15px;}
	.profiles{margin-left: -1%; margin-right: -1%;}
	.partner{width: 18%; margin: 0 1% 1% 1%;}
	
	.form .one_half{width: 33%;}
	.form .two_half{width: 67%; padding-left: 15px; margin-left: 0;}
	
	.form input[type=text],
	.form input[type=password],
	.form input[type=url],
	.form input[type=email],
	.form textarea,
	.form select,
	.form .two_half textarea{width: 100%!important; max-width: 100%;}
}
@media (max-width: 945px){
	#site_nav > ul > li > a{padding: 10px; font-size: 14px;}
	#site_nav > ul > li.with_sub > a{padding-right: 15px;}
	.caption h3{width: 100%; background: #000; padding-right: 78px}
	.big_slider .caption{width: 100%; background: none; box-shadow: none; left: 0; padding: 20px; bottom: 0;}
	.caption .slider_controls{position: absolute; top: 20px; right: 20px;}
	.caption h3{ min-height: 51px;}
	#head_logo{width: 100px; margin-top: 20px;}
	#head p.site_name{font-size: 20px; line-height: 20px; margin-top: 45px;}
	#head{padding-top: 10px; padding-bottom: 10px;}
	.shopping_cart{margin-bottom: 15px;}
}
@media (max-width: 900px){
	.fresh_news li{width: 100%; padding-right: 0;}	
}
@media (max-width: 768px){
	#sidebar{display: none;}
	.has_sidebar{width: 100%;}
}
@media (max-width: 740px){
	.caption h3{font-size: 16px; padding: 5px 60px 5px 10px;}
	.big_slider .caption{padding: 10px;}
	.caption .slider_controls{top: 10px; right: 10px;}
}
@media (max-width: 680px){
	.box{width: 50%;}
	.fresh_news{width: 100%;}	
	.older_news{width: 100%; padding-left: 0; background: none;}
	.footer_list li{width: 100%; margin: 0 0 15px 0; float: none;}
	.footer_list{padding-left: 0;}
	#head_logo{margin-top: 0; margin-bottom: 10px;}
	#head p.site_name{margin-top: 25px; margin-bottom: 10px;}
	.shopping_cart{float: none; position: absolute; top: 23px; right: 15px;}
	#head .container > div.fr{float: none!important; clear: both;}
	#lang_sel{float: right; margin-left: 15px;}
}
@media (max-width: 479px){
	 .box{width: 100%;}
	.shopping_cart{position: static;}
}
@media (max-width: 400px){
	#front_slider{display: none;}
	.product_list li{padding-right: 0;}
	.product_list .left{border-right: 0;}
	.product_list .right{width: 100%; float: none; position: static; padding: 10px 0;}
	.shop_bottom > div.fr{float: none!important;}
	.shop_bottom span.price{float: none!important; margin: 10px 0 25px 0!important; display: block;}
	.shop_bottom form.order_product.fr{float: none!important;}
	
	.head_nav, #lang_sel{float: none!important; display: block; overflow: hidden; margin: 10px 0 0 0; vertical-align: middle;}
	.head_nav li:first-child, #lang_sel li:first-child{padding-left: 0;}	
	#footer .border_top{padding-bottom: 30px;}
	#ama{top: inherit; bottom: 10px;}
}