﻿aside, nav, footer, header, section { display: block }
/*
@font-face {
    font-family: 'helvetica_neue_light';
    src: url('../fonts/HelveticaNeueCyr-Light-webfont.eot');
    src: url('../fonts/HelveticaNeueCyr-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/HelveticaNeueCyr-Light-webfont.woff2') format('woff2'),
         url('../fonts/HelveticaNeueCyr-Light-webfont.woff') format('woff'),
         url('../fonts/HelveticaNeueCyr-Light-webfont.ttf') format('truetype'),
         url('../fonts/HelveticaNeueCyr-Light-webfont.svg#helveticaneuecyrlight') format('svg');
    font-weight: normal;
    font-style: normal;

}



@font-face {
    font-family: 'helvetica_neue_ultralight';
    src: url('../fonts/HelveticaNeueCyr-UltraLight-webfont.eot');
    src: url('../fonts/HelveticaNeueCyr-UltraLight-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/HelveticaNeueCyr-UltraLight-webfont.woff2') format('woff2'),
         url('../fonts/HelveticaNeueCyr-UltraLight-webfont.woff') format('woff'),
         url('../fonts/HelveticaNeueCyr-UltraLight-webfont.ttf') format('truetype'),
         url('../fonts/HelveticaNeueCyr-UltraLight-webfont.svg#helveticaneuecyrultralight') format('svg');
    font-weight: normal;
    font-style: normal;

}*/


/****************************** 
 * Fixed properties           *
 ******************************/
                            

* {
	padding:0;
	margin:0;
	border:none;
}

html, body {
	position: relative;
	height:100%;
	width:100%;
}

body {
    font-family: 'houschka_roundedbold', Arial, sans-serif;
	font-size: 14px;
	/*line-height:19px;*/
	color:#000;
	background-color:#f0f0f0;
}

a { color:#ff7703; font-size: 13px;}
a:hover { color:#000;}

h1 { font-size: 39px;
	line-height: 45px;
}

p {
	font-family: 'gotham_proregular', Arial, sans-serif;
	font-size: 13px;
	line-height:11px;
}

input { font-family: 'gotham_proregular', Arial, sans-serif;
	font-size: 13px;
	color:#d1d1d1;
	
	outline: medium none;
	border-radius: 0px;
	box-shadow: none;
	
}

.clear { clear: both;}

.rub {
	position: relative;
}

.rub:after{ 
	content: "";
	position: absolute;
	height:1px;
	background-color:#ff7703;
	width: 90%;
	left:0px; top: 11px;
}

/*header*/
.header {
	height: 74px;
	background-color: #464646;
	width: 100%;
	position: fixed;
	z-index: 10;
}

.header .m_menu
{
	width:52px;
	height: 64px;
	display: block;
	position: absolute;
	left:0;
	top:0;

	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAABAAgMAAAAsUGySAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkRFNzA4MURCRjNEMTExRTQ4NTVGQkIzODJCN0M5Q0FDIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkRFNzA4MURDRjNEMTExRTQ4NTVGQkIzODJCN0M5Q0FDIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6REU3MDgxRDlGM0QxMTFFNDg1NUZCQjM4MkI3QzlDQUMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6REU3MDgxREFGM0QxMTFFNDg1NUZCQjM4MkI3QzlDQUMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6RGSNvAAAACVBMVEVGRkZHR0f///8YMeB/AAAAIklEQVQoz2MIRQYBDKNc+nAJAqZVINCAg0sJGIomjwIcAAC0CIqyvXvgxQAAAABJRU5ErkJggg==");
}

.header .logo
{
	width: 64px;
	height: 64px;
	display: block;
	margin: 0 auto;
}

.toyru .header .logo {
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	width: 120px;
}

.header .basket
{
	width:52px;
	height: 64px;
	display: block;
	position: absolute;
	right:7px;
	top:0;
}

.header .basket span {
	display: block;
	min-width: 25px;
	height: 25px;
	border-radius: 100%;
	background-color:#ff7703;
	color: #fff;
	position: absolute;
	right: 37px;
	top: 21px;
	text-align: center;
	padding: 0px;
	line-height: 25px;
	
	font-size:15px;
	font-weight: bold;
	font-family: 'houschka_roundedbold', Arial, sans-serif;

	
}

/*end of head*/

.for_mobile_logo { }

.for_mobile_logo div
{
	display: block;
	width: 233px;
	height: 33px;
	margin: 16px 0px 15px 18px;
}

.for_mobile_logo div span {
	font-family: 'houschka_roundedextrabold', Arial, sans-serif;
	font-size: 15px;
	color: #ff7703;
	padding: 7px 0 0px 52px;
	display: block;
}


/*center*/
.center_wrapper {
	padding: 74px 10px 10px 10px;
}
/*end of center*/

.white_block
{
	background-color: #fff;
	/*padding: 5px 11px 5px 11px;*/
	margin-bottom: 2px;
}

/*
.white_block.avtomat {
	padding: 5px 11px 5px 11px;
}*/



.avtomat { text-align: center; padding: 21px 11px 28px;}
.avtomat h1{ text-align: center; line-height: 50px;}

.avtomat img{
	width: 145px;
	height: 145px;
	padding-top: 4px;
}
.avtomat h1 {}
.avtomat p { line-height: 25px; margin-top: -2px;
	letter-spacing: -1px;
	padding-bottom: 11px;
}
.avtomat p, .avtomat a { font-size: 13px;}
.avtomat a { 
		
		background-position: right bottom;
		background-repeat: no-repeat;
}

.status{text-align: center; padding: 21px 11px 28px;font-family:"gotham_proregular";font-size: 13px; letter-spacing: -1px;
    line-height: 25px;
    margin-top: -2px;}
.status p { line-height: 25px; margin-top: -2px;font-size: 13px;
	letter-spacing: -1px;
	padding-bottom: 11px;
}
.status .submit {border:2px solid #ff7703;border-radius: 15px; color:#ff7703; background:#fff; cursor:pointer;padding:5px;margin:5px 0}


.search_block
{
	text-align: center;
	padding-top: 11px;
	padding-bottom: 10px;
	
}

.search_block input {
	border: solid 1px #d1d1d1;
	padding: 11px 7px 10px 7px;
	width: 242px;
}

.katalog.white_block {
	padding: 0px;
}

.katalog_item { display: table-row;}


.separator
{ 
	width: 100%;
	height: 1px;
	background-color: #f0f0f0;
}


.katalog .for_img {
	display: table-cell;
	width: 160px;
}

.katalog .for_img img {
	display: block;
	
	height: 160px;
}

.katalog_item .for_descr
{
	display: table-cell;
	vertical-align: middle;
	padding: 0px 11px 0 9px;
	position: relative;
}

.basket .katalog_item .for_descr
{
	padding: 6px 11px 0 19px;
}


.katalog_item .for_descr a, .katalog_item .for_descr span.descr
{
	/*text-transform: uppercase;*/
	font-family: Helvetica, Arial, sans-serif, 'houschka_roundedlight';
	font-size: 14px;
	line-height: 17px;
	color: #000;
	text-decoration: none;
	display: block;
	padding-bottom: 3px;
	padding-top:3px
}

.katalog_item .number { display: block;

	color:#000;
	position: relative;
	font-size:12px
}

.katalog_item .for_number
{
	float: left;
	display: block;
	color:#000;
	font-size: 8px;
	line-height: 8px; 
	background-color: #fff;
	padding: 4px 0 0 4px;
}

.katalog_item .price {
	color: #FF7703;
	display: inline-block;
	border: solid 2px #FF7703;
	padding: 6px 12px 5px 14px;
	border-radius: 15px;
	font-size: 16px;
	margin-top: 5px;
}
.katalog_item .price a, .katalog_item .price span.buy {color: #FF7703;font-family:"houschka_roundedbold";font-size:16px;padding:0}


.push {position:relative; height:110px}
/* footer*/
.footer {
	background-color: #464646;
	padding: 1px 0 6px 0;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
}
.footer div.t {
	text-align:center;
	width:320px; 
	margin:0 auto;
}	
.footer p {
	color: #fff;
	font-size: 7px;
	line-height: 11px;
	padding: 10px 21px;
	text-align:left;
}

.footer .for_mobile_logo {
	width: 302px;
	height:32px;
	margin: 16px auto 9px auto;
}
.footer .for_mobile_logo a {text-decoration:none;color: #FF7703;font-family:"houschka_roundedbold";font-size:15px;}

.footer .for_mobile_logo div {
	width: 302px;
	height:32px;
	margin: 0;
}
.footer .for_mobile_logo span {
	padding: 6px 0px 0px 92px;
}

/*end of footer*/

h1.commonH1, h2.likeh1 { font-size: 21px; line-height: 30px; text-transform: uppercase;
	text-align: center;
	padding: 22px 0 12px 0;
}

h1.commonH1, .withBorder {
	border-bottom: solid 1px #f0f0f0;
}

/*.common.white_block { padding: 22px 11px 12px 11px; margin-bottom: 1px;}*/


.katalog_item .basket_price { 
	font-family: 'houschka_roundedlight', Arial, sans-serif;
	font-size: 11px;
	line-height: 15px;
	margin-top: 5px;
    margin-bottom: 10px;
}

.katalog_item .basket_price  .rub:after
{
	content: "";
	background-color:#000;
	left: -1px;
	top: 10px;
	
	
}

.katalog_item input { 
	border: solid 1px #d1d1d1;
	text-align: center;
	padding: 6px 0 5px 0;
	width: 47px;
}

.katalog_item a.remove {
	width: 19px;
	height: 19px;
	display: block;
	position: absolute;
	top: 8px;
	right: 8px;
}

.basket .for_descr.itog {
	font-size: 10px;
	padding-top: 17px;
	padding-bottom: 18px;
}

.common_price { 
	font-family: 'houschka_roundedextrabold', Arial, sans-serif;
	font-size: 21px;
	line-height: 32px;
}

.common_price .rub:after
{
	content: "";
	position: absolute;
	height:2px;
	border-radius: 5px;
	background-color:#000;
	width: 90%;
	left:0px; top: 18px;	
}



.fform.white_block { 
	padding: 0 0 25px 0;
}

.fform .input-line { text-align: center;
	padding-top: 26px;
}


.border-input, .select2-container {
	border-top: solid 1px #e8e8e8;
	border-right: solid 1px #e8e8e8;
	border-bottom: solid 1px #f3f3f3;
	border-left: solid 1px #e8e8e8;
}

.fform .input-line input
{
	width: 244px;
	height: 35px;
	padding: 0 7px 0 7px;
}

.common.oplata {
	padding: 0 0 27px 0;
	text-align: center;
	margin-bottom: 0px;
}

.white_block.oplata {
	text-align: center;
	padding-bottom: 27px;
}

.white_block.oplata p {
	font-size: 7px;
	line-height: 12px;
	padding: 13px 0 26px 0;
}

.common.oplata h2 { margin-bottom: 5px;}

.oplata_item
{
	display: block;
	width: 298px;
	height: 141px;
	border: solid 3px #fff;
	position: relative;
	background-repeat: no-repeat;
	background-position: -3px -3px;
	opacity: 0.3;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30); /* IE 5.5+*/
	-moz-opacity: 0.3; /* Mozilla 1.6 и ниже */
	-khtml-opacity: 0.3;
	
}


.oplata_item span {
	position: absolute;
	left:139px;
	top: 0px;
	height: 139px;
	display: table-cell;
}
.oplata_item span span {
	height: 139px;
	vertical-align: middle;
	position: relative;
	left:0; top:0;
	font-size:19px;
	line-height: 20px;
	color:#000;
	text-align: left;
}


.oplata_item.active{
	border: solid 3px #000;
	opacity: 1;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); /* IE 5.5+*/
	-moz-opacity: 1; /* Mozilla 1.6 и ниже */
	-khtml-opacity: 1;
}

.oplata_common_price, .oplata_common_buy
{
    color: #FF7703;
    display: inline-block;
    border: 2px solid #FF7703;
    padding: 11px 10px 8px 13px;
    border-radius: 29px;
    font-size: 25px;
    margin: 7px auto 0 auto;
	cursor: default;
}

.oplata_common_price .rub:after, .oplata_common_buy .rub:after {
	height: 2px;
	background-color: #FF7703;
	width: 85%;
	top: 21px;
	border-radius: 3px;
}

.common.oplata p {
	line-height:11px;
	font-size: 7px;
	padding: 13px 0 26px 0;
}


.social_footer {
	text-align: center;
	background-color:#464646;
	padding: 14px 0 10px 0;
}

.social_footer a {
	width: 34px;
	height: 34px;
	display: inline-block;
	margin: 0 6px;
	background-repeat: no-repeat;
}

.bottom_separator
{
	margin-bottom: 10px;
}


.white_block.card{  
	padding: 2px 0 33px 0;
	text-align: center;
	
}
.white_block.card h1 {
	font-family: 'houschka_roundedlight', Arial, sans-serif;
	font-size: 29px;
	line-height:35px;
	padding-right: 5px;
	padding-left: 5px;
	border-bottom: 0px;
}

.card_fotos {
	position: relative;
	text-align: center;
}

.card_fotos .preview {
	/*position: absolute;*/
	width:100%;
	height: 37px;
	bottom:0px;
	font-size: 0;
}

.card_fotos .preview a {
	width: 36px;
	height: 37px;
	display:inline-block;
	
	opacity: 0.3;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30); /* IE 5.5+*/
	-moz-opacity: 0.3; /* Mozilla 1.6 и ниже */
	-khtml-opacity: 0.3;
	
}

.card_fotos .preview a.selected
{
	opacity: 1;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); /* IE 5.5+*/
	-moz-opacity: 1; /* Mozilla 1.6 и ниже */
	-khtml-opacity: 1;
}

.white_block.card p {
	font-family: "gotham_proregular",Arial,sans-serif;
	font-size: 13px;
	line-height: 25px;
	padding: 18px 5px 6px 5px;
	text-align: center;
	font-weight: bold;
}

.options { text-align: center;
	padding: 17px 0 30px 0;
}
.options a { 
	display: inline-block;
	font-size: 16px;
	line-height: 16px;
	text-decoration: none;
	padding: 0px;
	margin: 6px 10px 6px 6px;
	border-radius: 17px;
	color: #000;
	
	border-style: solid;
	border-width: 0px 0px 1px;
	border-image: url("../images/bgbottom.gif") 0 0 1 0 repeat repeat;
}

.options a.selected, .options a:hover
{
	background-color: #000;
	color: #fff;
	border-image: none;
	padding: 6px 10px;
	margin:0 0  0 -4px;
	border-width: 0px;
	
}

.buy_wrapper {
	width:100%;
	height: 58px;
	margin-bottom: 17px;
}

a.oplata_common_buy, .for_td  a.oplata_common_buy{ font-size: 25px; }

.oplata_common_buy{ margin: 0; text-decoration: none; }

.oplata_common_buy:hover {
	border-color: #fff;
	background-color: #FF7703;
	color: #fff;
	
}

.oplata_common_buy:hover .rub:after 
{
	background-color: #fff;
}

.oneclick { color:#FF7703; font-size: 25px;}
.oneclick:hover { color:#000;}




.white_block.description
{
	padding:0px;
}

.white_block.description img {
	border-bottom: solid 1px #f0f0f0;
}

.for_row {
	height: 300px;
	width: 100%;
	display: table-row;
}

.for_td
{
	vertical-align: middle;
	width: 100%;
	display: table-cell;
	padding: 10px 22px;
}

.for_td h3 {
	font-family: "houschka_roundedlight", Arial, sans-serif;
	font-size: 29px;
	line-height: 34px;
	letter-spacing: -1px;
}

.for_td p, .for_td a {
	font-size: 9px;
}

.for_td p {
	font-family: "gotham_proregular", Arial, sans-serif;
	
	line-height: 16px;
	padding: 14px 0 0 0;
}

.for_td a {
	text-decoration: none;
}

.for_td .buy_wrapper {
	padding-top: 33px;
}



.characteristics {
	text-align: center;
}

.characteristics h5 {
	font-size: 15px;
	line-height: 16px;
	font-family: "gotham_proregular", Arial, sans-serif;
	text-transform: uppercase;
	margin:27px 0 16px 0;
}

.charact_block
{
	width:80%;
	margin: 0 auto;
}

.charact_block, .charact_block div {
	font-size: 15px;
	font-family: "gotham_proregular", Arial, sans-serif;
	line-height: 16px;
}

.what { display: inline-block; border-radius: 100%; text-decoration: none;
	border: solid 1px #b3b3b3;
	width: 18px;
	padding: 1px 0;
}

.charact_block div.def, .charact_block div.def a {
	color:#b3b3b3;

}


/*
.charact_block div {
	padding: 11px 0 11px 0;
}*/

.charact_block div.def { padding: 11px 0 6px 0; }
.charact_block div.val { padding: 4px 0 20px 0; }

.charact_block {
	border-bottom: solid 1px #fbfbfb;
}

.charact_block.last { border-bottom: 0px;}

.oplata_common_buy.for_char { margin: 24px 0;}



.alsoBuy { overflow: hidden;
	background-color:#474747;
}
.alsoBuy h2 { color:#fff;}

.lnkgo {
	width:13px;
	height: 13px;
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
}




/* flip */

/* simple */
	.flip-container {
		-webkit-perspective: 1000;
		-moz-perspective: 1000;
		-ms-perspective: 1000;
		perspective: 1000;

		-ms-transform: perspective(1000px);
		-moz-transform: perspective(1000px);
			-moz-transform-style: preserve-3d; 
			-ms-transform-style: preserve-3d; 

	}

			

	/* START: Accommodating for IE */
	.flip-container:hover .back, .flip-container.hover .back {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
}

.flip-container:hover .front, .flip-container.hover .front {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
		
		/* END: Accommodating for IE */

		.flip-container, .front, .back {
			width: 145px;
			height: 145px;
		}

		.flipper {
			-webkit-transition: 0.6s;
			-webkit-transform-style: preserve-3d;
			-ms-transition: 0.6s;

			-moz-transition: 0.6s;
			-moz-transform: perspective(1000px);
			-moz-transform-style: preserve-3d;
			-ms-transform-style: preserve-3d;

			transition: 0.6s;
			transform-style: preserve-3d;

			position: relative;
		}

		.front, .back {
			-webkit-backface-visibility: hidden;
			-moz-backface-visibility: hidden;
			-ms-backface-visibility: hidden;
			backface-visibility: hidden;

		    -webkit-transition: 0.6s;
		    -webkit-transform-style: preserve-3d;
		    -webkit-transform: rotateY(0deg);

		    -moz-transition: 0.6s;
		    -moz-transform-style: preserve-3d;
		    -moz-transform: rotateY(0deg);

		    -o-transition: 0.6s;
		    -o-transform-style: preserve-3d;
		    -o-transform: rotateY(0deg);

		    -ms-transition: 0.6s;
		    -ms-transform-style: preserve-3d;
		    -ms-transform: rotateY(0deg);

		    transition: 0.6s;
		    transform-style: preserve-3d;
		    transform: rotateY(0deg);

			position: absolute;
			top: 0;
			left: 0;
		}

		.front {
			-webkit-transform: rotateY(0deg);
			-ms-transform: rotateY(0deg);
			background: lightgreen;
			z-index: 2;
		}

		.back {
			background: lightblue;
			-webkit-transform: rotateY(-180deg);
		    -moz-transform: rotateY(-180deg);
		    -o-transform: rotateY(-180deg);
		    -ms-transform: rotateY(-180deg);
		    transform: rotateY(-180deg);
		}


/*end of flip*/







.back {
	color: #fff;
	background-color:#0f0f0f;
}

.back h5, .back p {
	padding-left: 10px;
	padding-right: 10px;
	color: #fff;
}

.back h5 {
	text-transform: uppercase;
	font-size: 14px;
	line-height: 17px;
	font-family: "houschka_roundedlight", Arial, sans-serif;
	color: #fff;
	padding-top: 15px;
	padding-bottom: 4px;
}

.back p {
	font-family: "gotham_proregular",Arial,sans-serif;
	font-size: 7px;
	line-height: 11px;
	height: 56px;
	overflow: hidden;
}


.oplata_common_buy.for_also
{
	font-size: 9px;
	position: absolute;
	left: 10px;
	bottom: 12px;
	border: 1px solid #FF7703;
	
	padding: 4px 9px 3px 9px;
	border-radius: 19px;
	
}

.oplata_common_buy.for_also .rub:after {
	height: 1px;
	top: 7px;
}

.toleft { float: left; margin-left:10px}
.toright { float: right; margin-right:10px}

.toleft, .toright {
	margin-bottom: 10px
}



.center_wrapper, .alsoBuy, .social_footer{ 
	width: 300px;
	margin: 0 auto;
}

.header_wrapper {
	width: 320px;
	margin: 0 auto;
	position: relative;
	padding-top: 6px;
}

.white_block.status h1 {font-family: 'houschka_roundedbold';line-height: 50px;}

.mm-page {min-height:100%}

#my-menu .mm-listview > li {padding-left:20px}
#my-menu li::before{display:none}
#my-menu li.active  a{color:#ff7703}
