

/* Start:/bitrix/templates/.default/components/bitrix/search.title/store/style.css?14986373832092*/
div.title-search-result {
	border:1px solid #c6c6c6;
	display:none;
	overflow:hidden;
	z-index:205;
}

table.title-search-result {
	border-collapse: collapse;
	border:none;
	width:10%;
}

table.title-search-result th {
	background-color:#F7F7F7;
	border-right:1px solid #e8e8e8;
	color:#949494;
	font-weight:normal;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:14px;
 	padding-right:12px;
	text-align:right;
	vertical-align:top;
	white-space:nowrap;
	width:1%;
}

table.title-search-result td {
	background-color:white;
	color:black;
	font-weight:normal;
	padding-top:2px;
	padding-bottom:2px;
	text-align:left;
	white-space:nowrap;
}

table.title-search-result td.title-search-item {
	padding-left:8px;
	padding-right:15px;
}

table.title-search-result td.title-search-item a {
	padding-left:4px;
	padding-right:15px;
	text-decoration: none;
	color:black;
	vertical-align:top;
}

table.title-search-result td.title-search-item img {
	vertical-align:top;
}

table.title-search-result td.title-search-item b {
	color:#cf0000;
	font-weight:normal;
}

table.title-search-result tr.title-search-selected td
,table.title-search-result tr.title-search-selected a
,table.title-search-result tr.title-search-selected td.title-search-more a
{
	background-color:#fff2be;
}

table.title-search-result td.title-search-more {
	font-size:11px;
	font-weight:normal;
	padding-right:15px;
	padding-left:24px;
	padding-top:0px;
}

table.title-search-result td.title-search-more a
{
	padding-left:12px;
	padding-right:15px;
	text-decoration:none;
	color:#999999;
}

table.title-search-result td.title-search-all {
	padding-left:24px;
	padding-right:15px;
}

table.title-search-result td.title-search-all a
{
	padding-left:4px;
	text-decoration:none;
	color:#808080;
}

table.title-search-result td.title-search-separator
, table.title-search-result th.title-search-separator {
	padding-top:0px;
	padding-bottom:0px;
	font-size:4px;
}

div.title-search-fader {
	display:none;
	background-image: url('/bitrix/templates/.default/components/bitrix/search.title/store/images/fader.png');
	background-position: right top;
	background-repeat: repeat-y;
	position:absolute;
}
/* End */


/* Start:/bitrix/templates/.default/components/maxi/system.auth.form/template1/style.css?1498637383442*/
div.bx-system-auth-form span.bx-auth-secure {background-color:#FFFAE3; border:1px solid #DEDBC8; padding:2px; display:inline-block; vertical-align:bottom; margin-top:-1px;}
div.bx-system-auth-form div.bx-auth-secure-icon {background-image:url(/bitrix/templates/.default/components/maxi/system.auth.form/template1/images/sec.png); background-repeat:no-repeat; background-position:center; width:19px; height:18px;}
div.bx-system-auth-form div.bx-auth-secure-unlock {background-image:url(/bitrix/templates/.default/components/maxi/system.auth.form/template1/images/sec-unlocked.png);}

/* End */


/* Start:/bitrix/templates/.default/components/maxi/main.register/template1/style.css?1558439323514*/
div.reg-form input.bx-user-fio-input {display:none}
div.bx-auth-reg input.bx-auth-input {vertical-align:middle;}
div.bx-auth-reg span.bx-auth-secure {background-color:#FFFAE3; border:1px solid #DEDBC8; padding:2px; display:inline-block; vertical-align:middle;}
div.bx-auth-reg div.bx-auth-secure-icon {background-image:url(/bitrix/templates/.default/components/maxi/main.register/template1/images/sec.png); background-repeat:no-repeat; background-position:center; width:19px; height:18px;}
div.bx-auth-reg div.bx-auth-secure-unlock {background-image:url(/bitrix/templates/.default/components/maxi/main.register/template1/images/sec-unlocked.png);}

/* End */


/* Start:/bitrix/templates/megamaxi.card/styles.css?149863738353948*/
* {
    margin: 0;
    padding: 0;
}

html{
    width: 100%;
    height: 100%;
}

body{
    width: 100%;
    min-width: 980px;
    height: auto !important;
    height: 100%;
    min-height: 100%;
    position: relative;
    font: normal 12px/120% Arial, Helvetica, sans-serif;
    color: #000;
}

/*
 * rur
 */

@font-face {
    font-family: 'Rur';
    src: url('/bitrix/templates/megamaxi.card/fonts/rur.eot');
    src: url('/bitrix/templates/megamaxi.card/fonts/rur.eot?#iefix') format('embedded-opentype'),
         url('/bitrix/templates/megamaxi.card/fonts/rur.woff') format('woff'),
         url('/bitrix/templates/megamaxi.card/fonts/rur.ttf') format('truetype'),
         url('/bitrix/templates/megamaxi.card/fonts/rur.svg#ArialRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Rur';
    src: url('/bitrix/templates/megamaxi.card/fonts/rurbd.eot');
    src: url('/bitrix/templates/megamaxi.card/fonts/rurbd.eot?#iefix') format('embedded-opentype'),
         url('/bitrix/templates/megamaxi.card/fonts/rurbd.woff') format('woff'),
         url('/bitrix/templates/megamaxi.card/fonts/rurbd.ttf') format('truetype'),
         url('/bitrix/templates/megamaxi.card/fonts/rurbd.svg#ArialBold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Rur';
    src: url('/bitrix/templates/megamaxi.card/fonts/ruri.eot');
    src: url('/bitrix/templates/megamaxi.card/fonts/ruri.eot?#iefix') format('embedded-opentype'),
         url('/bitrix/templates/megamaxi.card/fonts/ruri.woff') format('woff'),
         url('/bitrix/templates/megamaxi.card/fonts/ruri.ttf') format('truetype'),
         url('/bitrix/templates/megamaxi.card/fonts/ruri.svg#ArialItalic') format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Rur';
    src: url('/bitrix/templates/megamaxi.card/fonts/rurbi.eot');
    src: url('/bitrix/templates/megamaxi.card/fonts/rurbi.eot?#iefix') format('embedded-opentype'),
         url('/bitrix/templates/megamaxi.card/fonts/rurbi.woff') format('woff'),
         url('/bitrix/templates/megamaxi.card/fonts/rurbi.ttf') format('truetype'),
         url('/bitrix/templates/megamaxi.card/fonts/rurbi.svg#ArialBoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
}

.rur{
    font-family: Rur, Arial, Helvetica, sans-serif;
}

.rur span{
    position: absolute;
    width: .1em;
    text-indent: -5em;
    overflow: hidden;
}

/*
 * h
 */

h1, h2{
    font: bold italic 40px/110% Georgia, "Times New Roman", Times, serif;
    color: #000;
}

h4.p,
.reviews-list h4,
.product-item h4{
    font: bold italic 20px/110% Georgia, "Times New Roman", Times, serif;
    color: #000;
}

h4.p{
    font-size: 18px;
    line-height: 120%;
    border-bottom: 2px solid #ddf22f;
    padding: 4px 0;
    margin: 30px 0 10px 0;
}

.text-content h2,
h3, h4, h5, h6{
    font-family: Arial, Helvetica, sans-serif;
    color: #000;
}

/*
 * links
 */

a{color: #298bd3;}

.dt:hover,
a:hover{color: #e92d4b;}

.dt{
    text-decoration: none;
    border-bottom: 1px dotted;
    position: relative;
    top: -.17em;
    cursor: pointer;
}

.dt span{
    position: relative;
    top: .17em;
    margin-top: -.17em;
}

/*
 * img
 */

a img,
img{
    border: 0;
    vertical-align: baseline;
}

/*
 * inputs
 */

input, textarea, select, button{
    font: normal 12px/120% Arial, Helvetica, sans-serif;
    color: #333;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

::-webkit-input-placeholder{color: #999;}
input:-moz-placeholder{color: #999;}

input::-moz-focus-inner{
    border: none;
    padding: 0;
}

select,
input.text,
.slider input,
textarea.text{
    border: 1px solid #c3c3c3;
    border-bottom-color: #ddd;
    border-top-color: #7c7c7c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.1);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.1);
    -ms-box-shadow: inset 0 1px 1px rgba(0,0,0,.1);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.1);
    padding: 4px 5px;
    outline: 0;
}

select:focus,
input.text:focus,
textarea.text:focus{
    border-color: #aaa;
    border-bottom-color: #ccc;
    border-top-color: #666;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.2);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.2);
    -ms-box-shadow: inset 0 1px 1px rgba(0,0,0,.2);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.2);
}

a.button,
input.button{
    font: normal 12px/120% Arial, Helvetica, sans-serif;
    border: 1px solid #666;
    border-color: rgba(0,0,0,.5);
    *border-color: #666;
    cursor: pointer;
    overflow: visible;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #000;
    padding: 2px 7px;
    background: #fff url(/bitrix/templates/megamaxi.card/i/button.png) repeat-x 0 50%;
    
    -webkit-background-clip: padding;
    -moz-background-clip: padding;
    background-clip: padding-box;
    white-space: nowrap;
}

a.button{text-decoration: none;}

a.button:hover,
input.button:hover{
    border-color: #333;
    border-color: rgba(0,0,0,.7);
    *border-color: #333;
    color: #000;
}

a.button:active,
input.button:active{
    background-position: 100% 50%;
}

/*
 * container
 */

.container{
    width: 92%;
    max-width: 1400px;
    margin: 0 auto;
    position: relative;
    left: -.5%;
}

/*
 * borders
 */

.header{border-top: 4px solid #ddf22f;}
.footer{border-bottom: 4px solid #ddf22f;}

body{*z-index: expression(runtimeStyle.zIndex = 1, insertAdjacentHTML('beforeEnd', '<span class="b-border-left"></span><span class="b-border-right"></span>'));}

.b-border-left,
.b-border-right,
body:after,
body:before{
    content: '.';
    width: 4px;
    height: 100%;
    top: 0;
    left: 0;
    overflow: hidden;
    text-indent: -100px;
    position: absolute;
    background: #ddf22f;
}

.b-border-right,
body:after{
    left: auto;
    right: 0;
}

/*
 * columns
 */

.left,
.logo{
    width: 18%;
    margin: 0 2% 0 0;
    float: left;
}

.logo img{
    max-width: 100%;
}

.mn{
    width: 78%;
    margin: 0 0 0 auto;
}

.header .middle{
    width: 40%;
    float: left;
}

.header .contacts{
    float: left;
    width: 16%;
}

.header .cart{
    float: left;
    width: 18%;
}

.footer .developer{
    float: right;
    width: 30.2%;
}

.clr{
    clear: both;
    height: 0;
    font-size: 0;
    overflow: hidden;
}

/*
 * header
 */

.header{
    padding: 20px 0 40px 0;
    width: 100%;
    overflow: hidden;
}

/*
 * header
 * menu
 */

.header .menu{
    list-style: none;
    overflow: hidden;
    margin: 0 0 10px 0;
}

.header .menu a{color: #000;}

.header .menu li.active,
.header .menu li.active a,
.header .menu a:hover{color: #e92d4b;}

.header .menu li.active a:hover{color: #f60;}

.header .menu li{
    float: left;
    white-space: nowrap;
    margin: 1px 0 7px 0;
    position: relative;
}

/*
.header .menu li.item-1,
.header .menu li.item-5{width: 20%;}

.header .menu li.item-2,
.header .menu li.item-6{width: 29%;}

.header .menu li.item-3,
.header .menu li.item-7{width: 21%;}

.header .menu li.item-4,
.header .menu li.item-8{width: 18%;}
*/

.header .menu li.item-1,
.header .menu li.item-4{width: 33%;}

.header .menu li.item-2,
.header .menu li.item-5{width: 33%;}

.header .menu li.item-3,
.header .menu li.item-6{width: 33%;}

/*
 * header
 * menu favorite
 */

.header .menu .favorite em{
    position: absolute;
    left: -23px;
    top: 40%;
    margin-top: -.7em;
    width: 20px;
    height: 20px;
    background: transparent url(/bitrix/templates/megamaxi.card/i/icons.png) no-repeat 0 0;
} 

.header .menu .counter{
    vertical-align: top;
    line-height: 110%;
    font-size: 10px;
    color: #999;
    position: relative;
    top: -1px;
}

/*
 * header
 * contacts
 */

.header .contacts{
    position: relative;
    z-index: 1;
}

.header .contacts .phone{
    font-size: 18px;
    line-height: 21px;
    line-height: 100%;
    color: #000;
    font-weight: bold;
}

.header .contacts .town{
    float: left;
    margin: 0 15px 10px 0;
    position: relative;
}

.header .contacts .town dt{
    position: relative;
    z-index: 1;
    font-weight: bold;
    padding-right: 8px;
    line-height: 130%;
}

.header .contacts .town dt a.dt em{
    position: absolute;
    right: -10px;
    width: 7px;
    height: 5px;
    top: 5px;
    background: transparent url(/bitrix/templates/megamaxi.card/i/icons.png) no-repeat -138px 0;
}

.header .contacts .town dt a.dt:hover em{background-position: -138px -5px;}

.header .contacts .town-show dt a.dt em{background-position: -138px -10px;}
.header .contacts .town-show dt a.dt:hover em{background-position: -138px -15px;}

.header .contacts .town dd{
    display: none;
    position: absolute;
    top: -10px;
    left: -14px;
    min-width: 100%;
    white-space: nowrap;
    background: #ddf22f;
    padding: 28px 14px 14px 14px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.3);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.3);
    -ms-box-shadow: 0 1px 2px rgba(0,0,0,.3);
    box-shadow: 0 1px 2px rgba(0,0,0,.3);
}

.header .contacts .town dd ul{list-style: none;}
.header .contacts .town dd ul li{margin: 5px 0 0 0;}

.header .contacts .town dd ul a{color: #000;}
.header .contacts .town dd ul a:hover{color: #e92d4b;}

.header .contacts .town,
.header .contacts .schedule{
    font-size: 11px;
    line-height: 14px;
}

.header .contacts .schedule{
    color: #6a6a6a;
    font-style: italic;
    white-space: nowrap;
    margin: .4em 0 0 0;
}

.header .contacts .schedule .dt{
    color: #e92d4b;
}

.header .contacts .callback-popup {
    display: none;
}

/*
 * header
 * t-line
 */

.header .t-line{
    width: 100%;
    clear: both;
    padding: 20px 0 0 0;
}

/*
 * header
 * search
 */

.header .search form{
    padding: 7px 0 7px 8px;
    background: #aee300 url(/bitrix/templates/megamaxi.card/i/search.gr.png) repeat-x 0 50%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width: 90%;
    overflow: hidden;
    margin: -3px -8px 3px -8px;
    max-width: 510px;
    position: relative;
}

.header .search input{vertical-align: top;}
.header .search input.text{width: 90%;}

.header .search span.field{
    float: left;
    width: 80%;
}

.header .search span.button{
    float: left;
    width: 15%;
    text-align: center;
    padding: 2px 0 0 0;
}

.header .search .sample{
    font-size: 11px;
    line-height: 120%;
}

.header .search .sample .dt{color: #298bd3;}
.header .search .sample .dt:hover{color: #e92d4b;}

/*
 * header
 * cart
 */

.header .cart{
    position: relative;
    line-height: 150%;
    margin: 0 0 0 50px;
}

.header .cart a.b{color: #000;}
.header .cart a.b:hover{color: #e92d4b;}

.header .cart em.c{
    width: 35px;
    height: 36px;
    position: absolute;
    left: -40px;
    top: 50%;
    margin-top: -18px;
    background: transparent url(/bitrix/templates/megamaxi.card/i/icons2.png) no-repeat 0 -36px;
}
.header .cart-w-product em.c{background-position: 0 0;}

.header .cart .all{margin-right: 10px;}

.header .cart .cabinet{
    position: relative;
    zoom: 1;
    margin-left: 22px;
}

.header .cart .cabinet em{
    position: absolute;
    left: -22px;
    top: .74em;
    margin-top: -7px;
    width: 19px;
    height: 15px;
    background: transparent url(/bitrix/templates/megamaxi.card/i/icons.png) no-repeat -99px 0;
}

.header .cart .exit{
    position: relative;
    zoom: 1;
    padding-right: 24px;
}

.header .cart .exit em{
    position: absolute;
    right: 0;
    top: .6em;
    margin-top: -7px;
    width: 21px;
    height: 15px;
    background: transparent url(/bitrix/templates/megamaxi.card/i/icons.png) no-repeat -117px 0;
}

.header .cart .checkout{
    text-decoration: none;
    margin-right: 15px;
}
.header .cart .checkout span{text-decoration: underline;}

/*
 * consultant
 */

.consultant{
    padding: 0 0 0 45px;
    position: relative;
}

.consultant h6{
    font-size: 11px;
    font-weight: normal;
    margin: 0 0 2px 0;
}

.consultant .dt{font-weight: bold;}

.consultant .dt img{
    position: absolute;
    left: -45px;
    bottom: -2px;
    padding: 2px;
    background: #fff;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.3);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.3);
    -ms-box-shadow: 0 1px 2px rgba(0,0,0,.3);
    box-shadow: 0 1px 2px rgba(0,0,0,.3);
}

.nleft .consultant h6{
    font-size: 13px;
    line-height: 130%;
}
.nleft .consultant .dt img{padding: 3px;}

.nleft .consultant{
    padding-left: 85px;
    margin-top: 40px;
}

.nleft .consultant .dt img{
    left: -85px;
    bottom: -2px;
}

/*
 * content
 */

.content{
    width: 100%;
    overflow: hidden;
    padding-bottom: 110px;
}

/*
 * content
 * catalog-menu
 */

.catalog-menu{
    list-style: none;
    font-size: 15px;
    line-height: 120%;
    border-top: 2px solid #ddf22f;
    padding-top: 5px;
}
.catalog-menu li{margin: 10px 0;}

.catalog-menu a{color: #000;}
.catalog-menu a:hover{color: #e92d4b;}

.catalog-menu .active,
.catalog-menu .active a{color: #e92d4b;}
.catalog-menu .active a:hover{color: #f60;}

.catalog-menu ul{
    font-size: 12px;
    line-height: 120%;
    margin: 10px 0 20px 30px;
    list-style: none;
    color: #333;
}
.catalog-menu ul li{margin: 7px 0;}

.catalog-menu .active ul a,
.catalog-menu ul a{color: #298bd3;}

.catalog-menu .active ul a:hover,
.catalog-menu ul a:hover{color: #e92d4b;}

.catalog-menu ul .active{font-weight: bold;}
.catalog-menu ul .active,
.catalog-menu ul .active a{color: #e92d4b;}
.catalog-menu ul .active a:hover{color: #f60;}

/*
 * bn
 */

.bn{
    width: 730px;
    font-size: 26px;
    line-height: 90px;
    background: #ddf22f;
    color: #000;
    text-align: center;
    text-transform: uppercase;
    margin: 0 0 30px 0;
}

.bn a:hover,
.bn a{
    color: #000;
    text-decoration: none;
    padding-right: 40px;
    background: transparent url(/bitrix/templates/megamaxi.card/i/bn.st.png) no-repeat 100% 50%;
}

/*
 * i-product
 */

.i-products{
    width: 100%;
    padding: 0 0 20px 0;
    margin: 20px 0;
    border-bottom: 2px solid #e92d4b;
    position: relative;
}

.i-products .wr{
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    font-size: 0;
    position: relative;
}

.i-products .st-left,
.i-products .st-right{
    position: absolute;
    top: 50%;
    margin-top: -20px;
    width: 26px;
    height: 26px;
    left: 5%;
    background: transparent url(/bitrix/templates/megamaxi.card/i/icons.png) no-repeat -47px -26px;
    cursor: pointer;
    z-index: 1;
}

.i-products .st-right{
    left: auto;
    right: 5%;
    background-position: -47px 0;
}

.i-products .st-left:hover{background-position: -73px -26px;}
.i-products .st-right:hover{background-position: -73px 0;}

.i-products .item{
    width: 100%;
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
}

.i-products .item dl{
    width: 75%;
    margin: 0 auto;
}

.i-products .item dt{
    float: left;
    width: 250px;
}

.i-products .item dd{
    margin-left: 260px;
    zoom: 1;
    line-height: 140%;
    font-size: 12px;
    white-space: normal;
    padding-top: 20px;
}

.i-products .item h3{
    font-size: 22px;
    line-height: 100%;
    font-weight: normal;
    margin: 0 0 10px 0;
}

.i-products .item h3 a{color: #e92d4b;}
.i-products .item h3 a:hover{color: #f60;}

/*
 * b-price
 */

.b-price{
    display: inline-block;
    *display: inline;
    zoom: 1;
    background: #e92d4b;
    color: #fff; 
    font-size: 30px;
    line-height: 120%;
    font-weight: bold;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 3px 7px;
    white-space: nowrap;
    margin: 20px 0 0 0;
}

.money .m,
.money .button,
.b-price .m,
.b-price .button{
    vertical-align: middle;
    display: inline-block;
    *display: inline;
    vertical-align: middle;
}

/*
 * catalog-list
 */

.catalog-list{
    width: 100%;
    overflow: hidden;
    margin: 20px 0 40px -10px;
    position: relative;
    padding-left: 10px;
    font-size: 0;
}

.catalog-list .wr{
    width: 110%;
    margin: 0 -10% 0 0;
}

.more-list .item,
.catalog-list .product-item{
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
    width: 27.5%;
    padding-right: 4.3%;
}

/*
 * product-item
 */

.product-item{
    font-size: 16px;
    line-height: 120%;
    position: relative;
    margin: 15px 0 30px 0;
}

.product-item .l{text-decoration: none;}
.product-item .l .link{text-decoration: underline;}

.discount-item .l{color: #e92d4b;}
.discount-item .l:hover{color: #f60;}

.product-item .l .i{
    display: inline-block;
    *display: inline;
    zoom: 1;
    height: 200px;
    line-height: 200px;
    width: 100%;
    overflow: hidden;
    position: relative;
    margin: 0 0 15px 0;
}

.product-item .l .i img{
    /*max-width: 100%;*/
    max-width: 320px;
    max-height: 200px;
    position: absolute;
    left: 0;
    bottom: 0;
}

.product-item .desc{
    font-size: 12px;
    line-height: 140%;
    margin: 5px 0;
}

.product-item .favorite{
    font-size: 11px;
    line-height: 120%;
    font-style: italic;
    white-space: nowrap;
    padding-left: 21px;
    position: relative;
    top: -2px;
    text-decoration: none;
}
.product-item .favorite,
.product-item .favorite span{vertical-align: top;}

.product-item .favorite span{visibility: hidden;}
.product-item .favorite:hover span{visibility: visible;}

.product-item .favorite em{
    width: 20px;
    height: 19px;
    position: absolute;
    left: 0;
    top: 0;
    background: transparent url(/bitrix/templates/megamaxi.card/i/icons.png) no-repeat 0 0;
}

.product-item .discount{
    z-index: 1;
    position: absolute;
    left: -10px;
    top: 0;
    width: 54px;
    height: 70px;
    background: transparent url(/bitrix/templates/megamaxi.card/i/icons.png) no-repeat -145px 0;
}

.product-item .sm a{
    margin: 5px 5px 0 0;
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: bottom;
}

.product-item h4{
    font-size: 20px;
    line-height: 120%;
    border-bottom: 2px solid #ddf22f;
    padding: 4px 0;
    margin: 0 0 10px 0;
}

/*
 * price
 */

.price{
    background: #fdef00;
    display: inline-block;
    *display: inline;
    zoom: 1;
    font-size: 18px;
    line-height: 21px;
    font-weight: bold;
    padding: 8px 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin: 5px 5px 5px 0;
    vertical-align: top;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
}

.price em {
    font-size: 10px;
    line-height: 13px;
    font-weight: normal;
    font-style: normal;
}

.price del {
    text-decoration: none;
    position: relative;
}

.price del:after {
    content: "";
    position: absolute;
    left:0;
    right:0;
    top: 50%;
    height: 2px;
    background: #000;
}

.price.disabled {
    background: #e2e2e2;
}

.price-their.disabled {
    cursor: pointer;
    text-shadow: 0 0 7px rgba(0,0,0,1);
    color: transparent;
    text-decoration: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.price-their.disabled em {
    text-shadow: none;
    color: #000;
}

/*
 * add-to-cart
 */

.add-to-cart{
    font-size: 13px;
    line-height: 140%;
    display: inline-block;
    *display: inline;
    zoom: 1;
    font-style: italic;
    font-weight: bold;
    vertical-align: top;
    padding-top: 10px;
}

.add-to-cart a,
.add-to-cart a *{
    color: #000;
    text-decoration: none;
}

.add-to-cart a:hover,
.add-to-cart a:hover *{color: #e92d4b;}

.add-to-cart *{vertical-align: baseline;}

.discount-item .add-to-cart a,
.discount-item .add-to-cart a *{color: #e92d4b;}

.discount-item .add-to-cart a:hover,
.discount-item .add-to-cart a:hover *{color: #f60;}

/*
 * in-stock
 */

.rg-card .wait,
.rg-card .not-available,
.rg-card .in-stock{
    display: block;
    margin-left: 0;
}

.wait,
.not-available,
.in-stock{
    margin-left: 4px;
    font-size: 11px;
    line-height: 110%;
    font-style: italic;
    color: #229e0d;
}

.not-available{color: #c00;}
.wait{color: #999;}

/*
 * reviews-list
 */

.reviews-list{
    margin: 60px 0 20px 0;
    width: 100%;
    font-size: 13px;
    line-height: 140%;
}

.reviews-list h4{
    font-size: 18px;
    line-height: 120%;
    border-bottom: 2px solid #ddf22f;
    padding: 4px 0;
    margin: 0 0 20px 0;
}

.reviews-list h4 em{
    width: 27px;
    height: 23px;
    display: inline-block;
    zoom: 1;
    background: transparent url(/bitrix/templates/megamaxi.card/i/icons.png) no-repeat -20px 0;
    vertical-align: bottom;
    margin-left: 5px;
}

.reviews-list p{margin: 5px 0 15px 0;}

.reviews-list h5{
    font-size: 13px;
    line-height: 120%;
    font-weight: bold;
}

.reviews-list .all{
    font-weight: bold;
    font-size: 11px;
}
.reviews-list .all a{color: #000;}
.reviews-list .all a:hover{color: #e92d4b;}

/*
 * tx
 */

.tx{
    width: 100%;
    overflow: hidden;
    font-size: 13px;
    line-height: 140%;
    padding-left: 3px;
    margin-left: -3px;
}

.tx .column{
    float: left;
    width: 45%;
    padding-right: 5%;
}

.tx p{margin: 15px 0;}

.easy,
.beneficial{
    width: 119px;
    height: 32px;
    background: transparent url(/bitrix/templates/megamaxi.card/i/tx.png) no-repeat 0 -37px;
    text-indent: -1000px;
    overflow: hidden;
    width: 100%;
    position: relative;
    left: -3px;
}

.easy{
    width: 176px;
    height: 37px;
    background-position: 0 0;
}

/*
 * compare
 */

.compare{
    margin: 5px 0 20px 0;
}

.compare .add{display: inline;}

.compare .add,
.compare .dt{margin-right: 10px;}

.compare .counter{
    vertical-align: top;
    font-size: 11px;
    line-height: 110%;
    position: relative;
    top: -2px;
    color: #999;
}

/*
 * categories
 */

.categories{
    width: 100%;
    overflow: hidden;
    margin: 50px 0 20px 0;
}

.categories .wr{
    width: 110%;
    margin: 0 -10% 0 0;
}

.categories .column{
    width: 21.4%;
    float: left;
    padding-right: 2%;
}

.categories h5{
    font-size: 14px;
    line-height: 120%;
    font-weight: normal;
    margin-bottom: 10px;
}

.categories h5 a{color: #000;}
.categories h5 a:hover{color: #e92d4b;}

.categories ul{
    list-style: none;
    margin: 10px 0 15px 30px;
}

.categories ul li{margin: 5px 0;}

.categories .inner-ul{margin-bottom: 10px;}

/*
 * filter
 */

.filter{
    width: 73%;
    position: relative;
    z-index: 1;
    padding: 15px 5px 5px 15px;
    margin: 20px 0 0 -15px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #fff;
    -webkit-box-shadow: 0 0 8px rgba(0,0,0,.2);
    -moz-box-shadow: 0 0 8px rgba(0,0,0,.2);
    -ms-box-shadow: 0 0 8px rgba(0,0,0,.2);
    box-shadow: 0 0 8px rgba(0,0,0,.15);
    *border: 1px solid #eee;
    border: 1px solid #eee\9;
}

.filter .search-button{
    overflow: visible;
    position: absolute;
    left: 104%;
    bottom: 15px;
    height: 43px;
    width: 80px;
    text-align: left;
    white-space: normal;
    padding-left: 50px;
    background: #fff url(/bitrix/templates/megamaxi.card/i/icons2.png) no-repeat -171px -42px;
    border: 0;
    cursor: pointer;
    color: #000;
    line-height: 130%;
}

.filter .search-button:hover{color: #e92d4b;}

.filter .more{
    width: 100%;
    overflow: hidden;
}

/*
 * w-filter-producer
 */

.w-filter-producer ul{
    list-style: none;
    width: 100%;
    overflow: hidden;
    margin: 20px 0;
}

.w-filter-producer ul li{
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 47%;
    vertical-align: top;
    margin: 3px 0;
}

/*
 * filter-toggle
 */

.filter-toggle{
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    background: #f7fccf;
    padding: 6px 10px 8px 10px;
}

/*
 * filter-column
 */

.filter-column{
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
    padding-top: 10px;
    width: 28%;
    padding-right: 4%;
}

.filter-column ul{
    list-style: none;
    margin: 10px 0;
}

.filter-column ul li{margin: 3px 0;}

/*
 * filter
 * price
 */

.filter-price{
    display: inline-block;
    *display: inline;
    zoom: 1;
    font-weight: bold;
    margin-bottom: 20px;
    margin-right: 10px;
}

.filter-price,
.filter-price *{vertical-align: top;}
.filter-price label{
    position: relative;
    top: 5px;
}

.filter-price input{
    width: 78px;
    text-align: right;
}

.filter-price .slider{
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 90px;
    margin: 0 10px 0 5px;
}

/*
 * slider
 */

.slider{position: relative;}

.slider .slider-bar{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

.slider .slider-bar .ui-slider-handle{
    outline: none;
    position: absolute;
    top: 0;
    left: 0;
    margin-left: -6px;
    width: 13px;
    height: 19px;
    background: transparent url(/bitrix/templates/megamaxi.card/i/slider.png) no-repeat 0 0;
    cursor: pointer;
}

/*
 * filter
 * m
 */

.filter-m{
    display: inline-block;
    *display: inline;
    zoom: 1;
    margin-bottom: 10px;
    padding-top: 5px;
    vertical-align: top;
        margin-right: 15px;
}

.filter-m .item{
    margin-right: 15px;
}

/*
 * filter
 * producer
 */

.filter-producer{
    width: 100%;
    margin-bottom: 15px;
    padding-top: 10px;
}

.filter-producer strong{margin-right: 8px;}

.filter-producer .producer{
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    padding: 4px 10px 4px 4px;
    background: #fe0;
    font-style: italic;
    margin: 0 8px 0 -4px;
    white-space: nowrap;
    zoom: 1;
    *vertical-align: middle;
}

.filter-producer .producer .close{
    color: #c00;
    font-weight: bold;
    font-style: normal;
    cursor: pointer;
    padding: 4px;
}

.filter-producer .producer .close:hover{color: #000;}

.filter-producer .add{
    font-style: italic;
    text-decoration: none;
    color: #229e0d;
}
.filter-producer .add:hover{color: #e92d4b;}

/*
 * sort
 */

dl.sort{
    width: 100%;
    margin: 20px 0 10px 0;
    font-style: italic;
    font-size: 13px;
    line-height: 130%;
}

dl.sort dd,
dl.sort dt{
    display: inline-block;
    *display: inline;
    zoom: 1;
}

dl.sort dt{
    color: #666;
    margin-right: 15px;
}

dl.sort dd{margin-right: 10px;}

dl.sort dd .dt{color: #000;}
dl.sort dd .dt:hover{color: #e92d4b;}

dl.sort dd.active .dt{
    border: 0;
    color: #e92d4b;
}

/*
 * pages
 */

.pages{
    margin: 10px 0 40px 0;
    width: 100%;
    font-size: 15px;
    line-height: 120%;
}

.pages span,
.pages a{
    padding: 3px 6px;
}

.pages .active{
    background: #e92d4b;
    color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.pages a.prev,
.pages a.next{
    text-decoration: none;
    padding: 0;
}

.pages .next{margin-left: 10px;}
.pages .prev{margin-right: 10px;}

.pages a.prev span,
.pages a.next span{
    text-decoration: underline;
    padding: 0;
}

.pages span.prev,
.pages span.next{
    color: #999;
    padding: 0;
}

/*
 * about
 */

.about img{
    max-width: 100%;
    margin: 10px 0;
}

.about p{
    margin: 1em 0;
    font-size: 15px;
    line-height: 130%;
}

.about,
.text-content{width: 84%;}

/*
 * text-content
 */

.text-content{
    font-size: 13px;
    line-height: 130%;
}

.text-content h2{
    font-size: 18px;
    margin: 30px 0 10px 0;
    font-style: normal;
}

.text-content h3{
    margin: 30px 0 10px 0;
    font-size: 15px;
}

.text-content p{
    margin: 1em 0 1em 30px;
}

.text-content blockquote{
    font-style: italic;
    color: #e92d4b;
    font-size: 15px;
    line-height: 120%;
    font-family: Georgia, "Times New Roman", Times, serif;
}

.text-content blockquote p{margin-left: 0;}

.text-content .hl{
    background: #f7fccf;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 1px 10px 1px 0;
}

.text-content ul{
    list-style: none;
    margin: 1em 0 1.6em 30px;
}

.text-content ul li{
    margin: .5em 0;
    *z-index: expression(runtimeStyle.zIndex = 1, insertAdjacentHTML('afterBegin', '<span class="li-mdash">— </span>'));
}

.text-content ul li .li-mdash,
.text-content ul li:before{
    content: '— ';
    *content: '';
    display: inline-block;
    width: 1.7em;
    color: #e92d4b;
    zoom: 1; 
    margin-left: -1.7em;
    position: relative;
}

.text-content cite{
    display: block;
    margin: 1em 0 1em 250px;
    font-style: italic;
}

.text-content table{
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    margin: 20px 0;
}

.text-content table th{
    text-align: left;
    font-size: 11px;
    line-height: 130%;
    font-weight: bold;
    padding: 7px 15px;
    background: #f7fccf;
}

.text-content table td{
    font-size: 13px;
    line-height: 130%;
    vertical-align: top;
    padding: 8px 15px;
}

/*
 * gallery
 */

.gallery{
    width: 460px;
    margin: 40px 0;
}

.gallery dt{
    width: 320px;
        height: 230px;
    /*width: 100%;*/
    overflow: hidden;
    position: relative;
}

.gallery .loading{
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -20px 0 0 -20px;
    width: 40px;
    height: 40px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: #fff url(/bitrix/templates/megamaxi.card/i/loading.gif) no-repeat 50% 50%;
    opacity: .85;
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
}

.gallery dt img{max-width: 100%;}

.gallery dd{
    text-align: center;
    font-size: 0;
    line-height: 0;
    margin: 20px 0;
}

.gallery dd a{
    width: 18px;
    height: 18px;
    overflow: hidden;
    display: inline-block;
    *display: inline;
    zoom: 1;
    margin: 0 5px;
    background: #eee url(/bitrix/templates/megamaxi.card/i/gl.pg.png) no-repeat -21px -1px;
}

.gallery dd a.active{
    background-position: -1px -1px;
    background-color: #e92d4b;
}

/*
 * video
 */

.video{
    width: 100%;
    margin: 50px 0;
}

/*
 * profile
 */

.nleft{padding-top: 50px;}

h1 em.sale-icon,
.compare-page h1 em,
.cart-page h1 em,
.checkout-page h1 em,
.profile h1 em{
    width: 45px;
    height: 42px;
    display: inline-block;
    *display: inline;
    zoom: 1;
    background: transparent url(/bitrix/templates/megamaxi.card/i/icons2.png) no-repeat -171px 0;
    vertical-align: bottom;
    margin-left: 10px;
}

.checkout-page h1 em{background-position: -171px -85px;}
.cart-page h1 em{background-position: -171px -127px;}

h1 em.sale-icon{
    background-position: -171px -169px;
    position: relative;
    top: -3px;
}

.compare-page h1 em{background-position: -171px -211px;}

.money-out a,
.all a{color: #000;}

.money-out a:hover,
.all a:hover{color: #e92d4b;}

/*
 * favorite
 */

h1 .favorite{
    font: italic 11px/120% Arial, Helvetica, sans-serif;
    white-space: nowrap;
    padding-left: 38px;
    position: relative;
    top: -3px;
    text-decoration: none;
    vertical-align: bottom;
}

h1 .favorite span{
    vertical-align: top;
    position: relative;
    top: 10px;
}

h1 .favorite span{visibility: hidden;}
h1 .favorite:hover span{visibility: visible;}

h1 .favorite em{
    width: 39px;
    height: 32px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: transparent url(/bitrix/templates/megamaxi.card/i/favorite.png) no-repeat 0 -32px;
}
h1 .favorite:hover em{background-position: 0 0;}

/*
 * ch-form
 */

.ch-form{
    width: auto;
    zoom: 1;
    background: #f7fccf;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    padding: 5px 30px 0 40px;
    position: relative;
    margin: 25px 0 40px 0;
    -webkit-box-shadow: 0 2px 15px rgba(0,0,0,.2);
    -moz-box-shadow: 0 2px 15px rgba(0,0,0,.2);
    -ms-box-shadow: 0 2px 15px rgba(0,0,0,.2);
    box-shadow: 0 2px 15px rgba(0,0,0,.2);
    overflow: hidden;
}

.ch-form .l-form{width: 100%;}

.cart-page .ch-form{
    background: #fff;
    padding: 15px 40px 0 30px;
}

.cart-page .ch-form .p-buttons{
    text-align: right;
    padding: 25px 40px 25px 30px;
    margin: 0 -40px 0 -30px;
}

.cart-page .ch-form .p-buttons{
    text-align: right;
    padding: 25px 40px 25px 30px;
    margin: 0 -40px 0 -30px;
}

.cart-page .ch-form .p-buttons .back{
    float: left;
    line-height: 21px;
    color: #000;
    position: relative;
    padding: 0 0 0 16px;
}

.cart-page .ch-form .p-buttons .back:hover{
    color: #e92d4b;
}


.cart-page .ch-form .p-buttons .back span{
    position: absolute;
    left:0;
    top:0;
}

.cart-page .p-buttons .total-price{
    font-size: 18px;
    line-height: 120%;
    font-weight: bold;
    font-style: italic;
    margin-right: 15px;
}

.cart-page .p-buttons input,
.cart-page .p-buttons .total-price{vertical-align: middle;}

/*
 * money
 */

.money{
    background: #fe0;
    color: #000; 
    font-size: 30px;
    line-height: 120%;
    font-weight: bold;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 1px 5px;
    margin: 5px 0;
}

.money .button{margin: 5px 0;}
.money .m{margin: 2px 0;}

/*
 * order-item
 */

.order-item{
    margin: 15px 0;
    height: auto !important;
    height: 36px;
    min-height: 36px;
    padding-left: 40px;
    position: relative;
    font-size: 11px;
    line-height: 130%;
}

.order-item .i{
    position: absolute;
    left: 0;
    top: -3px;
    width: 36px;
    height: 36px;
    line-height: 36px;
    overflow: hidden;
}
.order-item .i img{vertical-align: middle;}

.order-item div{margin-top: 3px;}

/*
 * order-number
 */

.order-number{
    font-size: 13px;
    line-height: 120%;
    font-weight: bold;
    margin: 30px 0 10px 0;
}

.order-number em{
    font-style: italic;
    font-weight: normal;
    font-size: 11px;
    line-height: 110%;
}

.order-number em.status-wait{color: #229e0d;}
.order-number em.status-not-available{color: #c00;}

/*
 * l-form
 */

.l-form{
    width: 85%;
    position: relative;
    padding: 1px 0;
}

.l-form .enter{
    position: absolute;
    top: 15px;
    right: 10px;
}

.l-form h3{
    font-size: 15px;
    font-weight: bold;
    margin: 40px 0 15px 0;
}

.c-pl,
.l-form dl.f{
    width: 49%;
    padding-right: 10%;
    display: inline-block;
    *display: inline;
    zoom: 1;
    margin: 10px 0;
    vertical-align: top;
}
.l-form dl.f-pl{padding-right: 0;}

.c-pl{
    margin: 0;
    padding-right: 0;
}

.l-form .c-pl dl.f{
    width: 100%;
    padding-right: 0;
}

.l-form dl.f .required{color: #e92d4b;}

.l-form dl.f dt{
    float: left;
    width: 75px;
    padding: 5px 0 0 30px;
}

.l-form dl.f dd{
    margin-left: 110px;
    position: relative;
}

.l-form dl.f dd select,
.l-form dl.f dd textarea.text,
.l-form dl.f dd input.text{width: 85%;}

.l-form dl.f dd .hint{
    color: #999;
    position: absolute;
    bottom: -12px;
    left: 0;
    font-size: 10px;
    line-height: 120%;
}

.l-form .chb{margin: 30px 0;}

.l-form .p-buttons{
    background: #f7fccf;
    padding: 15px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.l-form .p-buttons input{margin-right: 15px;}

.ch-form .p-buttons{
    background: #ddf22f;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    
    -webkit-border-bottom-right-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    -moz-border-radius-bottomright: 20px;
    -moz-border-radius-bottomleft: 20px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    
    padding: 25px 30px 25px 40px;
    margin: 0 -30px 0 -40px;
}

/*
 * sum
 */

.sum input{
    font-size: 45px;
    width: 92%;
}

/*
 * c-pl 
 * discount & master
 */

.c-pl h4{
    font-size: 15px;
    font-weight: bold;
    margin: 40px 0 15px 30px;
    color: #e92d4b;
    position: relative;
    zoom: 1;
}

.c-pl p{margin: 10px 0 5px 60px;}
.c-pl cite{
    margin: 5px 0 15px 60px;
    font-style: italic;
    font-size: 11px;
    line-height: 130%;
    display: block;
    width: 280px;
}

.c-pl .master em,
.c-pl .discount em{
    position: absolute;
    left: -50px;
    top: 0;
    width: 54px;
    height: 70px;
    background: transparent url(/bitrix/templates/megamaxi.card/i/icons.png) no-repeat -145px 0;
}

.c-pl .master em{
    background-position: -200px 0;
    width: 61px;
    left: -40px;
}

/*
 * chb
 * radio
 */

div.chb,
div.radio{
    position: relative;
    padding-left: 30px;
    zoom: 1;
    margin: 10px 0;
}

div.chb input,
div.radio input{
    position: absolute;
    left: 10px;
    top: 0;
    padding: 0;
    overflow: visible;
}

/*
 * cart-page
 */

.cart-page table{
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    margin: 5px 0 20px 0;
}

.cart-page table td{
    vertical-align: middle;
    padding: 10px 10px;
}

.cart-page table h5{
    font-size: 16px;
    line-height: 120%;
    font-weight: normal;
    font-style: normal;
    margin: 0 0 5px 0;
}

.cart-page table p{
    margin: 5px 0;
    font-size: 13px;
    line-height: 130%;
}

.cart-page table .col input{width: 50px;}

.cart-page table .col,
.cart-page table .t-price{white-space: nowrap;}

.cart-page table .t-price{font-size: 18px;}

.cart-page table td.i{
    padding-left: 0;
    padding-right: 10px;
    width: 90px;
    text-align: center;
}

.cart-page table td.remove{
    padding-right: 0;
}

.cart-page table td.remove a{
    text-decoration: none;
    font-size: 20px;
    line-height: 100%;
    font-weight: bold;
    color: #999;
}
.cart-page table td.remove a:hover{color: #e92d4b;}

.cart-page table .status-in-stock,
.cart-page table .status-not-available{
    font-size: 11px;
    font-style: italic;
    line-height: 110%;
    color: #c00;
}

.cart-page table .status-in-stock{color: #229e0d;}

/*
 * more-list
 */

.more-list{
    width: 100%;
    overflow: hidden;
    position: relative;
}

.more-list .wr{
    width: 110%;
    margin: 0 -10% 0 0;
}

.more-list .item{margin: 20px 0 0 0;}

.more-list .item .wrapper{
    padding: 10px 0 0 90px;
    zoom: 1;
    position: relative;
    height: auto !important;
    height: 100px;
    min-height: 100px;
    font-size: 14px;
    line-height: 120%;
}

.more-list .item .i{
    position: absolute;
    width: 80px;
    height: 100px;
    left: 0;
    top: 0;
    text-align: center;
    overflow: hidden;
}

.more-list .item .l{
    width: 150px;
    margin-bottom: 5px;
}

.more-list .item .l a{color: #000;}
.more-list .item .l a:hover{color: #e92d4b;}
.more-list .item .i img {max-width:80px; max-height:100px;}
.more-list .item .price{font-size:14px;}

/*
 * compare-list
 */

.compare-list{
    width: 100%;
}

.compare-list table{
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
    table-layout: fixed;
}

.compare-list table th{
    border-bottom: 1px solid #e3e3e3;
    text-align: left;
    font-weight: normal;
    font-size: 16px;
    line-height: 130%;
    padding: 20px 20px 20px 0;
    vertical-align: top;
}

.compare-list table .price{
    font-size: 14px;
    line-height: 130%;
}

.compare-list table .f-title{
    padding-left: 10px;
    padding-right: 0;
    width: 24%;
}

.compare-list table th .l .i{
    width: 100px;
    height: 100px;
    display: inline-block;
    *display: inline;
    zoom: 1;
    overflow: hidden;
    margin: 5px 0;
}

.compare-list table th .l{
    margin: 0 8px 0 0;
    width: 100%;
    position: relative;
}

.compare-list table th .remove{
    text-decoration: none;
    font-size: 20px;
    line-height: 100%;
    font-weight: bold;
    color: #999;
    position: absolute;
    left: 90px;
    top: 0;
}
.compare-list table th .remove:hover{color: #e92d4b;}

.compare-list table th .add-to-cart{padding-top: 8px;}

.compare-list table td{
    vertical-align: top;
    padding: 8px 10px 8px 0;
    vertical-align: top;
    font-size: 13px;
    line-height: 130%;
}

.compare-list table tr:hover td{background: #f7fccf;}

/*
 * mnt-column
 */

.mnt-column-desc,
.mnt-column{
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
    width: 48%;
    padding-right: 4%;
}

.mnt-column-desc{
    width: 35%;
    padding-right: 0;
    padding-top: 40px;
    font-size: 13px;
    line-height: 130%;
}
.mnt-column-desc p{margin: 10px 0;}

.mnt-column-desc h3{
    font-size: 15px;
    font-weight: bold;
    margin: 30px 0 10px 0;  
}

/*
 * dlhl
 */

.dlhl{
    width: 100%;
    background: #eaefc0;
    padding: 10px 30px 20px 40px;
    margin: 30px -30px 10px -40px;
}

.dlhl h3{margin-top: 10px;}

.dlhl dl.f{
    width: 100%;
    margin-top: 0;
}

.dlhl dl.f dd{margin-left: 0;}
.dlhl dl.f dd input.text{width: 92%;}

/*
 * more-tabs
 */

.more-tabs{
    font-weight: normal;
    font-style: normal;
    font-size: 13px;
    line-height: 130%;
    font-family: Arial, Helvetica, sans-serif;
    margin-left: 10px;
}

.more-tabs span.dt{
    margin-right: 5px;
    color: #298bd3;
}
.more-tabs span.dt:hover{color: #e92d4b;}

.more-tabs span.active,
.more-tabs span.active:hover{
    border: 0;
    color: #e92d4b;
    font-weight: bold;
}
.more-tabs a{
    text-decoration: none;
}
/*
 * lf-card
 */

.lf-card{
    float: left;
    max-width: 320px;
    width: 38%;
}

.lf-card .gallery{
    width: 100%;
    max-width: 320px;
    margin-top: 0;
    text-align: center;
}

.lf-card,
.rg-card{margin-top: 10px;}

/*
 * rg-card
 */

.rg-card{
    float: right;
    width: 56%;
    font-size: 13px;
    line-height: 130%;
}

.rg-card .tabs{
    width: 100%;
    list-style: none;
    padding: 0 0 5px 0;
    margin: 30px 0 5px 0;
    font-size: 15px;
    overflow: hidden;
}

.rg-card .tabs li{
    float: left;
    margin: 0 15px 5px 0;
}

.rg-card .tabs li.active .dt,
.rg-card .tabs li.active .dt:hover{
    color: #e92d4b;
    border: 0;
}

.rg-card p{margin: 10px 0;} 

.rg-card .money{
    display: inline-block;
    *display: inline;
    zoom: 1;
    padding: 3px 8px;
    position: relative;
    left: -8px;
    margin: 0;
    vertical-align: top;
}

.card-price{margin-bottom: 5px;}
.card-price-more{
    line-height: 130%;
    vertical-align: top;
    display: inline-block;
    *display: inline;
    zoom: 1;
    padding: 6px 0;
}

.card-price-more .dt{color: #000;}
.card-price-more .dt:hover{color: #e92d4b;}

/*
 * accessories
 */

.accessories h5{
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    margin: 60px 0 10px 0;
}

.accessories .wr{
    border: 2px solid #fe0;
    padding: 10px 10px 0 10px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    overflow: hidden;
}

.accessories .item{
    width: 100%;
    margin: 15px 0;
}

.accessories .item .price{
    font-size: 13px;
    line-height: 130%;
}

.accessories .item .wrapper{
    padding: 0 0 0 85px;
    position: relative;
    height: auto !important;
    height: 100%;
    min-height: 60px;
}

.accessories .l{
    position: relative;
    padding-top: 5px;
    zoom: 1;
}

.accessories .l input{
    position: absolute;
    top: 6px;
    left: -20px;
}

.accessories .item .i{
    position: absolute;
    left: -85px;
    top: 0;
    width: 60px;
    height: 60px;
    overflow: hidden;   
}
.accessories .item .wrapper img{max-width: 100%;}

.accessories .bt{
    text-align: center;
    width: 100%;
    padding: 15px 10px;
    margin: 0 -10px;
    background: #fe0;
}

/*
 * table
 * features
 */

table.features{
    width: 100%;
    margin-left: -10px;
    position: relative;
    border-collapse: collapse;
    border-spacing: 0;
}

table.features tr:hover td .d span,
table.features tr:hover td{background: #f7fccf;}


table.features td{
    padding: 5px 10px;
    vertical-align: bottom;
}

table.features .t{padding-right: 0;}
table.features .v{padding-left: 0;}

table.features td .d{
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 100%;
    border-bottom: 1px dotted #ccc;
    position: relative;
    top: -2px;
}

table.features td .d span{
    position: relative;
    top: 2px;
    background: #fff;
    padding: 2px 0;
    margin-right: 10px;
}

table.features .hide{display: none;}

/*
 * a-tools
 */

.a-tools{
    font-style: italic;
    margin: 20px 0 10px 0;
}

.a-tools .table-toggle em{
    position: absolute;
    left: -16px;
    top: 1px;
    width: 15px;
    height: 15px;
    background: transparent url(/bitrix/templates/megamaxi.card/i/mtoggle.png) no-repeat 0 0;
}

.a-tools .t-active em{background-position: -15px 0;}

.a-tools .dt{margin-right: 10px;}

/*
 * i-form
 */

.i-form{
    display: none;
    background: #fff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    width: 260px;
    padding: 15px 40px;
    margin: 0 auto;
    -webkit-box-shadow: 0 2px 10px rgba(0,0,0,.3);
    -moz-box-shadow: 0 2px 10px rgba(0,0,0,.3);
    -ms-box-shadow: 0 2px 10px rgba(0,0,0,.3);
    box-shadow: 0 2px 10px rgba(0,0,0,.3);
    position: relative;
}

.i-form .close{
    position: absolute;
    text-indent: -100px;
    overflow: hidden;
    right: 10px;
    top: 10px;
    width: 25px;
    height: 25px;
    cursor: pointer;
    background: transparent url(/bitrix/templates/megamaxi.card/i/close.png) no-repeat 0 0;
}

.i-form .close:hover{
    opacity: .7;
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
}

.i-form dl.f{
    width: 100%;
    margin: 20px 0;
}
.i-form dl.f dt{margin-bottom: 3px;}
.i-form dl.f input.text{width: 92%}

.i-form .bt{margin: 25px 0 15px 0;}

/*
 * auth-form
 */

.auth-form{
    width: 330px;
    padding-top: 20px;
}

.auth-form dl.f dt{
    float: left;
    width: 75px;
    padding-top: 5px;
}

.auth-form .bt,
.auth-form dl.f dd{
    margin-left: 80px;
    position: relative;
}

.auth-form dl.f .hint{
    position: absolute;
    right: 9px;
    bottom: -15px;
    font-size: 11px;
    line-height: 120%;
}

.auth-form .bt input{margin-right: 10px;}

.auth-form .bt .dt{color: #298bd3;}
.auth-form .bt .dt:hover{color: #e92d4b;}

.auth-form .openid{
    text-align: center;
    padding-bottom: 10px;
}

.auth-form .openid h4{
    margin: 30px 0 10px 0;
    text-align: center;
    font-weight: normal;
    color: #999;
    border-top: 1px solid #e3e3e3;
}

.auth-form .openid h4 span{
    background: #fff;
    padding: 0 5px;
    position: relative;
    top: -.7em;
}

.auth-form .openid .os{
    margin: 0 4px;
    width: 32px;
    height: 32px;
    overflow: hidden;
    display: inline-block;
    *display: inline;
    zoom: 1;
    background: transparent url(/bitrix/templates/megamaxi.card/i/icons2.png) no-repeat -36px -1px;
}

.auth-form .openid .s-facebook{background-position: -36px -1px;}
.auth-form .openid .s-facebook:hover{background-position: -36px -35px;}

.auth-form .openid .s-twitter{background-position: -70px -1px;}
.auth-form .openid .s-twitter:hover{background-position: -70px -35px;}

.auth-form .openid .s-google{background-position: -104px -1px;}
.auth-form .openid .s-google:hover{background-position: -104px -35px;}

.auth-form .openid .s-blogger{background-position: -138px -1px;}
.auth-form .openid .s-blogger:hover{background-position: -138px -35px;}

.auth-form .freg{display: none;}
.reg-form .fenter{display: none;}
.reg-form .freg{display: block;}

.reg-form .openid h4 span,
.reg-form{background: #f7fccf;}

/*
 * win
 */

.win,
.win .bg{
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 100;
}

.win .bg{
    z-index: 1;
    background: #fff;
    opacity: .4;
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
}

.win .wrapper{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 2;
}

.win .inform-form{margin-top: -105px;}
.win .auth-form{margin-top: -140px;}

/*
 * c-gallery
 */

.win .c-gallery{
    width: 580px;
    margin-top: -250px;
}

.c-gallery .gallery{
    width: 580px;
    margin: 20px 0;
}

.c-gallery .gallery dt{text-align: center;}
.c-gallery .gallery dd{margin: 40px 0 0 0;}

/*
 * tz
 */

.tz{
    width: 100%;
    margin: 60px 0;
    overflow: hidden;
}

.tz img{max-width: 100%;}

/*
 * popup
 */
 
.popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2000;
    display: none;
}

.popup .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #120b01;
    opacity: 0.9;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
    filter: alpha(opacity=90);
    cursor: pointer;
}

.popup-content {
    position: absolute;
    top: 150px;
    left: 50%;
    width: 600px;
    margin: 0 0 0 -300px;
    background: #f7fccf;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.popup-content .reg-form{
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.popup-content .wr{
    padding: 30px 50px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.popup-content .bottom{
    background: #f5fa9d;
    -webkit-border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .3);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .3);
    font-style: italic;
    font-size: 14px;
    line-height: 21px;
}

.popup-content .title{
    font: italic bold 24px/31px Georgia;
    color: #000000;
    margin: 0 0 1em 0;
}

.popup-content p{
    font: 14px/21px Arial;
    color: #000000;
    margin: 0 0 1em 0;
}

.popup-content .button{
    border: 1px solid #a4c208;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    padding: 8px 20px;
    color: #fff;
    text-shadow: -2px 2px 2px rgba(0,0,0,.2);
    margin: 5px 0;
    background: -moz-linear-gradient(top, #b1e400 0%, #a4c208 100%);
    background: -webkit-linear-gradient(top, #b1e400 0%, #a4c208 100%);
    background: -o-linear-gradient(top, #b1e400 0%, #a4c208 100%);
    background: -ms-linear-gradient(top, #b1e400 0%, #a4c208 100%);
    background: linear-gradient(top, #b1e400 0%, #a4c208 100%);
}

.popup-content .button:hover{
    border: 1px solid #a4c208;
    color: #fff;
}

.popup-content .close-popup{
    color: #993411;
    text-decoration: none;
    border-bottom: 1px dashed;
}

.popup-content .errortext {
    color: #ff0000;
    font-style: italic;
    margin: 0 0 10px 0;
}

.popup-content .f {
    display: inline-block;
    width: 40%;
    margin: 0 5% 20px 0;
}

.popup-content .f label {
    display: block;
    margin: 0 0 5px 0;
    font-size: 14px;
    line-height: 21px;
}

.popup-content .f input {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 6px 15px;    
    background: #fefefe;
    background: -moz-linear-gradient(top, #e8e8e8, #fefefe);
    background: -webkit-linear-gradient(top, #e8e8e8, #fefefe);
    background: -o-linear-gradient(top, #e8e8e8, #fefefe);
    background: -ms-linear-gradient(top, #e8e8e8, #fefefe);
    background: linear-gradient(to bottom, #e8e8e8, #fefefe);
    border: 1px solid #bbbbb8;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 14px;
    line-height: 21px;
}

.popup-content .f input.invalid {
    border: 1px solid #ff0000;
}

.popup-content .flag {
    display: block;
    margin: 0 0 10px 0;
    font-size: 14px;
    line-height: 21px;
}

.popup-content .flag input {
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px 0 0;
}

.popup-content .flag input.invalid + span {
    color: #ff0000;
}

.popup-content .req {
    color: #ff0000;
}

/*
 * footer
 */

.footer{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    font-size: 11px;
    line-height: 130%;
    overflow: hidden;
    padding-bottom: 25px;
}

.footer .container{
    border-top: 1px solid #e3e3e3;
    padding: 20px 0 0 0;
}

.footer ul{
    list-style: none;
    float: left;
    width: 63%;
}

.footer ul li{
    float: left;
    margin: 0 2% 2px 0;
    white-space: nowrap;    
}

.filter-m .item input{
    margin-right: 3px;
}

#tabs-1 {
display: block;
}
#tabs-2 {
display: none;
}
#tabs-3 {
display: none;
}
.content .notetext {
font: bold italic 40px/110% Georgia, "Times New Roman", Times, serif;
color: black;
margin-left: 20%;
}

#tabs-1 {
display: block;
}
#tabs-2 {
display: none;
}
#tabs-3 {
display: none;
}
.to-catalog-item-compare {
display: none;
}
textarea {
/*resize: none;*/
}

#item-wrapper{
    overflow: hidden;
    margin-bottom: 60px;
}

.tab-item-description{
    margin: 0 0 15px 0;
}

/* callback-popup */

.callback-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9000;
}

.callback-popup .bg{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: .3;
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
}

.callback-form{
    position: absolute;
    width: 380px;
    margin: -100px 0 0 -200px;
    top: 50%;
    left: 50%;
    padding: 40px 20px 20px 20px;
    background: #fff;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    -webkit-box-shadow: 0 0 15px rgba(0,0,0,.4);
    -moz-box-shadow: 0 0 15px rgba(0,0,0,.4);
    box-shadow: 0 0 15px rgba(0,0,0,.4);
}

.callback-form .close {
    position: absolute;
    top:10px;
    right:10px;
    width: 25px;
    height: 25px;
    background: url(/bitrix/templates/megamaxi.card/i/close.png) 0 0 no-repeat;
    cursor: pointer;
}

.callback-form .result {
    font-size: .95em;
    text-align: center;
    font-weight: bold;
}

.callback-form .result .success{
    color: green;
}

.callback-form .result .error{
    color: red;
}

.callback-form  dl.f{
    width: 100%;
    margin: 1em 0;
}

.callback-form  dl.f dt{
    color: #000;
    line-height: 1.8em;
    float: left;
    width: 80px;
    text-align: right;
}

.callback-form  dl.f dt label{
    position: relative;
}

.callback-form dl.f dd{margin: 0 0 0 100px;}

.callback-form dl.f dd span {
    margin: .4em 0 0 0;
    display: block;
    font-style: italic;
    color: #464646;
    line-height: 1.4em;
    width: 245px;
}

.callback-form dl.f input.text{
    margin-right: 10px;
    width: 245px;
}

.callback-form dl.f .button{
    display: inline-block;
    background: #ececec;
    color: #000;
    font: normal 13px/14px 'PT Sans', sans-serif;
    padding: 2px 10px;
    border: 1px solid #808080;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-decoration: none;
    width: 100px;
}

/* crumbs */

.crumbs {
    margin: 2em 0;
    color: #6a6a6a;
    font-style: italic;
    font-size: 12px;
    line-height: 20px;
}

.crumbs span, .crumbs a{
    white-space: nowrap;
}
/* End */
/* /bitrix/templates/.default/components/bitrix/search.title/store/style.css?14986373832092 */
/* /bitrix/templates/.default/components/maxi/system.auth.form/template1/style.css?1498637383442 */
/* /bitrix/templates/.default/components/maxi/main.register/template1/style.css?1558439323514 */
/* /bitrix/templates/megamaxi.card/styles.css?149863738353948 */
