html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline: none;
vertical-align:baseline;
background:transparent
}
* {-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box}
.table-border { border-collapse:collapse}
.table-border th,
.table-border td { border-bottom: solid 1px #000}
.table-border-dark { border-color:#000!important}
html { height:100%}
body { font-size:14px;
line-height: 1.2em;
font-family: "Trebuchet MS", Helvetica, Areal, sans-serif;
color: #333}
body.print-page { width:800px; margin:0 auto}
body:before {content:'';
z-index:0;
position:absolute;
width:100%;
min-width:1250px;
height:70px;
background: -moz-linear-gradient(to bottom, #daedd7 0%, #eaf5e8 40%, #f7fbf6 70%, #fff 100%);
background: -webkit-linear-gradient(to bottom, #daedd7 0%, #eaf5e8 40%, #f7fbf6 70%, #fff 100%);
background: linear-gradient(to bottom, #daedd7 0%, #eaf5e8 40%, #f7fbf6 70%, #fff 100%)}
body.print-page:before { display:none}
select, input, textarea {font-family: "Trebuchet MS", Arial, sans-serif;
font-size:13px;
outline: none;
background:#fff}
input[type="text"], input[type="password"] , textarea {padding:5px 5px;
border: solid 1px #bcc8ba;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border-top-width:2px}
input, select { vertical-align:middle; margin:0}
a { color:#333;cursor:pointer}
a:hover { text-decoration:none;
color:#006633}
a.text-no-decor { text-decoration:none!important}
h1,
.h1,
.guru_h1 { margin-bottom: 12px;
font: normal 25px/27px "Times New Roman", Times, serif;
color: #006633}
.header1 {font: normal 17px/20px "Times New Roman", Times, serif;
color: #006633;
text-transform: uppercase}
h2,
.h2 { margin-bottom:12px;
font: normal 17px/19px "Times New Roman", Times, serif;
color:#006633;
text-transform:uppercase}
h3,
.h3 { margin-bottom:12px;
padding:0;
font:bold 15px/17px "Trebuchet MS", Helvetica, Arial, sans-serif;
color:#006633}
h4 { margin-bottom:12px;
padding:0;
font:bold 11px/13px "Trebuchet MS", Helvetica, Areal, sans-serif;
text-transform:uppercase;
color:#333}
h5 { margin-bottom:12px;
font:normal 17px/19px "Times New Roman", Times, serif;
color:#333}
.header-404 { display:inline-block;
padding:12px 20px;
border:solid 1px #cfe7cb;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
background: #595f6c;
background: -moz-linear-gradient(top, #f4f9f4 0%, #e5f2e4 36%, #cfe7cb 100%);
background: -webkit-linear-gradient(top, #f4f9f4 0%,#e5f2e4 36%, #cfe7cb 100%);
background: linear-gradient(to bottom, #f4f9f4 0%, #e5f2e4 36%, #cfe7cb 100%)}
p { padding-bottom:12px}
ol {margin: 0 0 12px 25px}
ul { margin-left:25px}
.hidden { display:none}
.i-block { display: inline-block}
.v-a-top { vertical-align:top}
.no-visibility{ visibility:hidden}
.relative { position:relative}
.empty-w-s { font-size:0;
line-height:0}
.italic { font-style: italic}
.strong { font-weight:bold}
.normal { font-weight:normal}
.text-center { text-align:center !important}
.text-left { text-align:left !important}
.text-right { text-align:right !important}
.wrapper { width:100%;
overflow:hidden}
nav ul { margin:0;
list-style:none}
.no-marging { margin:0 !important}
.text-indent {text-indent:1.5em}
.fleft { float:left !important}
.fright { float: right !important}
img[align="right"] { margin-left:10px}
img[align="left"] { margin-right:10px}
/*
*:after { content:''}
*/
.p-t-0 { padding-top:0px !important}
.p-t-5 { padding-top:5px !important}
.p-t-10 { padding-top:10px !important}
.p-t-13 { padding-top:13px !important}
.p-t-15 { padding-top:15px !important}
.p-t-20 { padding-top:20px !important}
.p-t-28 { padding-top:28px !important}
.p-t-50 { padding-top:50px !important}
.p-b-3 { padding-bottom:3px !important}
.p-b-10 { padding-bottom:10px !important }
.p-b-20 { padding-bottom:20px !important }
.p-b-28 { padding-bottom:28px !important }
.p-b-50 { padding-bottom:50px !important }
.p-r-32 { padding-right:32px}
.m-0 { margin:0!important}
.m-t-10 { margin-top:10px !important}
.m-t-50 { margin-top:50px !important}
.m-b-0 { margin-bottom:0!important}
.m-b-15 { margin-bottom:15px !important}
.bg-white { background:#fff}
.bg-cover {-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
background-repeat:no-repeat;
background-position: 0 0}
.bg-contain {-webkit-background-size: contain;
-moz-background-size: contain;
background-size: contain;
background-repeat:no-repeat;
background-position: 0 0}
.bl-justify { text-align:justify !important; font-size:0; line-height:0}
.bl-justify > span,
.bl-justify > a,
.bl-justify > div { display:inline-block;
vertical-align:top}
.bl-justify:after { content:'';
display:inline-block;
width:100%}
.mobile-bl,
.mobile-bl-in { display:none!important}
.color-grey, .color-grey a { color:#6d6e71!important}
.h-0 { height:0}
.border-bot { border-bottom:solid 1px #ccc}
.b-t-none { border-top:none!important}
.green { color:#006633}
.orange {color: #fe9900}
.bold {font-weight: bold !important}
.size15,
.font-15 { font-size:15px}
table p { padding:0}
table.padding-10 th,
table.padding-10 td { padding:10px}
.table-content > div { width:100%}
.table-content > div:after {content:'';
display:block;
width:100%;
clear:both}
.table-content > div > div { float:left}
.table-2-col > div > div { width:50%; padding:10px 7px}
.table-border-b > div { border-bottom:solid 1px #ccc}
/* Top */
.top-size { position:relative;
height:120px;}
.logo { position:absolute;
top:33px;
left:10px;
display:block;
background:url(/images/logo.png) 0 0 no-repeat;
width:240px;
height:63px}
.work-time { position:absolute;
top:46px;
left:280px;
font-size:13px;
color: #006633}
.work-time .phone{
display: block;
font: normal 17px/23px "Trebuchet MS", Helvetica, Areal, sans-serif;
text-decoration:none;
color:#006633
}
.top-recall a { font: bold 10px/12px "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #006633;
text-decoration: none;
border-bottom: dashed 1px #006633}
.top-recall a:hover { border-color: transparent}
.top .bl-right { position:absolute;
top: 50px;
right:10px}
.top .bl-right .btn-cal-event { display:none}
.top .bl-right > a,
.top .bl-right .btn-block{ display: inline-block;
position:relative;
height:40px;
margin-left:10px;
padding-left:47px;
line-height:20px;
white-space:nowrap;
vertical-align:top;
text-decoration:none}
.top .bl-right .user-is-auth { max-width:110px; overflow:hidden}
.top .bl-right > a.btn-block > span,
.top .bl-right .btn-block > a { display:block;
position:relative;
z-index:1;
border-bottom:dashed 1px #333;
text-decoration:none}
.top .bl-right a.favorites span { display:inline-block}
.top .bl-right > a:hover { color: #006633}
.top .bl-right > a:hover > span,
.top .bl-right .btn-block > a:hover,
.top .bl-right a.favorites:hover span { border-bottom-color: transparent}
.top .bl-right > a:before,
.top .bl-right .btn-block:before { content:'';
position: absolute;
top:3px;
left:0;
width:32px;
height:34px;
background: url(/images/ic_spr.svg?7) 0px 0px no-repeat}
.top .bl-right .btn-cal-event:before { background-position:-160px 0px}
.top .bl-right .btn-cal-event:hover:before { background-position:-160px -40px}
.top .bl-right .btn-cab-event:before { background-position:-40px 0px}
.top .bl-right .btn-cab-event:hover:before { background-position:-40px -40px}
.top .bl-right .user-is-auth:before {background-position:-318px 0px}
.top .bl-right .user-is-auth:hover:before {background-position:-318px -40px}
.top .bl-right .shop-info:before {background-position:-282px 0px}
.top .bl-right .shop-info:hover:before {background-position:-282px -40px}
.top .bl-right .contacts:before {background-position:-160px 0px}
.top .bl-right .contacts:hover:before {background-position:-160px -40px}
.top .btn-basket-event span { line-height:15px}
.top .btn-basket-event:hover:before { background-position:0px -40px}
.top .btn-basket-event b {display:block;
padding-bottom:5px;
font-size:15px;
line-height:17px;
color:#006633}
.top .gray-box,
.top .btn-basket-event #empty_b_box { color:#999}
.top .btn-basket-event > span { display:block}
.top .btn-basket-event > span > span { color:#006633}
.top .btn-basket-event > span.hidden { display:none}
.top .bl-right .favorites:before { background:url(/images/fav_top_spr_32.png) 0 0 no-repeat;
height:28px}
.top .bl-right .favorites-on:before,
.top .bl-right .favorites:hover:before { background-position:0 -29px}
.top .bl-right .favorites span:last-child { display:block; border:none}
.toggle-menu {
display: none;
position: absolute;
top:19px;
left:10px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background: url(/images/menu_mobile.svg) center no-repeat;
border: none;
width:35px;
height:35px;
cursor: pointer;
}
nav.top-menu { position:relative;
z-index:11}
nav.top-menu > ul { width:100%;
font-size:0;
line-height:0}
nav.top-menu > ul:after { content:'';
display:list-item;
width:100%;
clear:both;
height:0}
nav.top-menu > ul > li { float:left;
position:relative;
width:25%}
nav.top-menu > ul > li:last-child { border:none}
nav.top-menu > ul > li > a {display: block;
position: relative; width:100%;
height: 60px;
border: solid 2px #cfe7cb;
border-top-width:1px;
border-right-width:1px;
border-left-width:1px;
background:#f5faf4 url(/images/top_menu_bg.gif) 0 0 repeat-x;
padding: 9px 17px 0;
font: normal 17px/21px "Times New Roman", Times, serif;
color: #006633;
text-decoration: none;
text-transform: uppercase}
nav.top-menu > ul > li:first-child > a { border-radius: 8px 0 0 8px;
border-left:solid 2px #cfe7cb}
nav.top-menu > ul > li > a > span {display: block;
font-size: 11px}
form.search {position: absolute;
z-index:2;
right:0;
top:0;
width:25%;
height: 60px;
-moz-border-radius:0 8px 8px 0;
-webkit-border-radius:0 8px 8px 0;
border-radius: 0 8px 8px 0;
border:solid 1px #cfe7cb;
border-right:solid 2px #cfe7cb;
background:#f5faf4 url(/images/top_menu_bg.gif) 0 0 repeat-x;
padding: 15px 17px}
.search-wrapp { position:relative}
.search-wrapp input[type='text'] {width:100% }
form.search input[type='image'] {display: block;
position: absolute;
top: 17px;
right: 18px;
background:#fff url( /images/search_btn_new.gif) center center no-repeat;
width:26px;
height:24px;
border:none;
-moz-border-radius: 0 5px 5px 0;
-webkit-border-radius: 0 5px 5px 0;
border-radius: 0 5px 5px 0;
cursor:pointer}
.drop-search ul.drop-down-list {position: relative;
z-index:100;
display: block;
background: #fff;
border: solid 1px #bcc8ba;
border-top: none;
height: auto;
width:100%;
margin-top: -6px;
padding: 10px 0 0;
overflow: visible;
max-height: none;
-moz-border-radius: 0 5px 5px 0;
-webkit-border-radius: 0 5px 5px 0;
border-radius: 0 0 5px 5px}
.drop-search ul.drop-down-list li { position:relative;
padding: 5px 10px;
background-image: none;
min-height:60px}
.drop-search ul.drop-down-list a {display: block;
font: normal 12px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
text-transform: none;
text-decoration: none}
.drop-search ul.drop-down-list a.w-icon { padding-left:60px}
.drop-search ul.drop-down-list a.c-p-10 {text-align: center;
padding: 10px 0;
font: bold 14px/16px "Trebuchet MS", Arial, Helvetica, sans-serif}
.drop-search ul.drop-down-list .hover,
.drop-search ul.drop-down-list a:hover { background:#deefdc}
.drop-search ul.drop-down-list img {position: absolute;
z-index:2;
left:5px;
top:5px}
nav.top-menu > ul > li > ul { width:100%;
visibility: hidden;
position: absolute;
z-index: 100;
left: 0;
background: #fcd7a0;
border: none;
-moz-border-radius: 0 8px 8px 0;
-webkit-border-radius: 0 8px 8px 0;
border-radius: 0 0 8px 8px;
padding: 5px 0 10px;
top: 53px;
opacity:0;
-webkit-transition: all 0.7s ease-out;
-moz-transition: all 0.7s ease-out;
transition: all 0.7s ease-out
}
nav.top-menu > ul > li > ul a { display: inline-block;
width: 90%;
min-height: 100%;
margin-left: 5%;
padding: 7px 0;
height: auto;
border: none;
background: none;
font: bold 13px/15px "Trebuchet MS", Helvetica, Areal, sans-serif;
text-transform: none}
nav.top-menu > ul > li > a.select,
nav.top-menu > ul > li:hover > a { border-color:#fcd7a0;
background-position:0 -60px}
nav.top-menu > ul > li > ul > li { position:relative}
nav.top-menu > ul > li > ul > li div { visibility: hidden;
position: absolute;
border: none;
-moz-border-radius: 0 8px 8px 0;
-webkit-border-radius: 0 8px 8px 0;
border-radius: 0px 8px 8px 8px ;
background: #fcd7a0;
width: 360px;
top: 0;
left: 97%;
padding: 0;
opacity:0}
nav.top-menu > ul > li:hover > ul,
nav.top-menu > ul > li > ul > li:hover div {visibility: visible;
opacity:1;
-webkit-transition: all 0.5s ease-in;
-moz-transition: all 0.5s ease-in;
transition: all 0.5s ease-in}
/* //Top */
/* Content */
.content-pos {width:1250px;
margin:0 auto}
.content { background:#fff;
margin:0 auto;
padding:10px 0 0;
min-height:300px}
.content ol { list-style: none;
counter-reset: li}
.content ol li:before {counter-increment: li;
content: counters(li, ".") ". "}
.pc-content {min-height:300px}
.content .content { padding:0; min-height:0}
.no-min-height { min-height:0!important}
.content-p-r-10 { padding-right:10px}
.section-row { width:100%}
.section-row:after {content: '';
display: block;
width: 100%;
clear: both}
.col,
.col-2,
.col-3,
.col-4,
.col-5,
.col-1-2,
.col-2-3,
.col-3-4,
.col-4-5{ float:left}
.col-2 { width:50%}
.col-3 { width:33.3%}
.col-4 { width:25%}
.col-5 { width:20%}
.col-3-4 { width:75%}
.col-2-3 { width:66.7%}
.col-right { float:right}
.img-block { display:block}
.img-responsive { display:block;
max-width:100%;
height: auto}
.img-pull-center { margin:0 auto}
.img-pull-left { float:left;
margin-right:30px;
margin-bottom:10px}
.img-pull-right { float: right;
margin-left:30px;
margin-bottom:10px}
.content-col { float:left;
width:100%;
padding:0 26%}
.two-column .content-col { padding-right:0}
.two-column .two-col-inner .content-col {padding-right: 314px; padding-left:0}
.two-column .two-col-inner .right-col { width:314px; margin-left:-314px}
.content ul {margin: 0 0 12px 5px;
list-style: none}
ul.bullet_green { margin:0; list-style:none}
.content ul li,
.bullet_green li {background: url(/images/bul.gif) 0 50% no-repeat;
padding-left: 14px;
margin-bottom:5px}
.content ul.ul-pos { margin:0}
.content ul.ul-pos li { padding:0;
margin:0;
background:none}
a.back {
display: inline-block;
position: relative;
height: 17px;
padding-left: 22px;
font: normal 13px/15px "Trebuchet MS", Arial, sans-serif;
color: #666;
text-decoration: none;
}
a.back:before{ content:'';
display: block;
position: absolute;
background: url(/images/paging_spr.gif) -25px -17px no-repeat;
top: 0;
left: 0;
width: 15px;
height: 17px}
.slider-bl > .swiper-pagination-bullets {position: absolute;
z-index: 10;
left: 0;
bottom: 7px!important;
width: 100%;
text-align: center}
body .slider-bl .swiper-pagination-bullet {width: 8px;
height: 8px;
min-width:0;
background: #fff;
border: solid 1px #999;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
opacity:1}
body .slider-bl .swiper-pagination-bullet-active { background:#ccc;
border-color:#ccc}
.banner_index { position:absolute;
bottom:19px;
right:4px;
width:257px;
text-align:left}
.banner_index .name { font-size:16px;
line-height:19px;
color:#006633}
.banner_index .annonce { font: bold 20px/30px "Times New Roman", Times, serif;
color:#006633}
.banner_index .btn { background:none;
width:auto;
padding:7px 14px;
border:solid 1px #999;
font: bold 11px/13px "Trebuchet MS", Helvetica, Areal, sans-serif;
text-transform:uppercase;
color:#5f5f5f}
.guru-banner { display:block;
position:relative;
z-index:0;
width:100%;
height:78px;
background:#f5faf4;
margin:10px auto 25px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px}
.guru-banner > span { position:absolute;
top:0;
display:block;
height:100%}
.guru-banner .descr { z-index:5;
top:0;
left:0;
width:534px;
padding:15px 0 0 21px}
.guru-banner .guru-q { font-size:22px;
line-height:26px; }
.guru-banner .guru-c { display:block;
padding:3px 0 0;
font-size:11px;
line-height:13px;
text-transform:uppercase}
.guru-banner .descr:after { content:'';
display:block;
position:absolute;
top:0;
right:0;
background:url(/images/guru_pc_0.svg) 0 0 no-repeat;
width:40px;
height:78px}
.guru-banner .descr:before{ content:'';
display:block;
position:absolute;
bottom:0;
right:40px;
background:url(/images/guru_girl.png) 0 0 no-repeat;
width:81px;
height:98px}
.guru-banner .step-1 { z-index:4;
left:504px;
background:url(../images/guru_pc_1.svg) right 0 no-repeat;
width:196px}
.guru-banner .step-2 { z-index:3;
left:670px;
background:url(../images/guru_pc_2.svg) right 0 no-repeat;
width:196px}
.guru-banner .step-3 { z-index:2;
left:836px;
background:url(../images/guru_pc_3.svg) right 0 no-repeat;
width:196px}
.guru-banner .step { padding-left:40px}
.guru-banner .step * { display:inline-block; vertical-align:middle}
.guru-banner .step b { height:100%;
padding-right:5px;
font: bold 56px/78px "Times New Roman", Times, serif;
color:#fff}
.guru-banner .step span {font: bold 11px/13px "Times New Roman", Times, serif;
text-transform:uppercase}
.guru-banner .result { right:0;
padding:25px 40px 0 0;
font: bold 11px/13px "Times New Roman", Times, serif;
text-transform:uppercase}
.guru-banner .result:before {content:'';
display:block;
position:absolute;
bottom:8px;
right:157px;
background:url(/images/guru_prod.png) 0 0 no-repeat;
width:53px;
height:62px}
.whelper { position:relative}
.whelper i {
display: none;
position: absolute;
z-index: 20;
left: 50%;
top: 100%;
background: #fff;
width: 170px;
/* height: 20px; */
padding: 10px;
margin: 10px auto 0 -80px;
text-align: center;
font: normal 13px/15px "Trebuchet MS", Arial, sans-serif;
color: #5f5f5f;
border: solid 2px #ccc;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 15px}
.prod-status .whelper i {margin-left:-45px; border-radius: 15px 15px 15px 15px}
.whelper i span {display: block;
font-size: 11px;
line-height: 12px}
.whelper:hover i,
.whelper:focus i{ display:block}
.whelper i:before { display: block;
content: '';
position: absolute;
top: -13px;
left: 50%;
background: url(/images/helper_arr.png) 0 0 no-repeat;
margin-left: -61px;
width: 122px;
height: 13px}
.prod-status .whelper i:before { left:0; margin-left:-20px}
.prod-status ul { margin:0!important; padding:0!important}
.prod-status ul li { background:none!important}
.btn-bl { position:relative}
.button { position:relative;
display: inline-block;
height: 31px;
padding: 0 20px;
/*background: url(/images/button_bg.gif) 0 0 repeat-x;*/
border: solid 1px #e0e0e0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
font: normal 15px/29px "Times New Roman", Times, serif !important;
color: #5f5f5f;
text-decoration: none;
text-align: center;
cursor: pointer;
background: -moz-linear-gradient(to bottom, #fff 0%, #fff 47%, #f4f4f4 49%, #e0e0e0 53%, #dfdfdf 100%);
background: -webkit-linear-gradient(to bottom, #fff 0%, #fff 47%, #f4f4f4 49%, #e0e0e0 53%, #dfdfdf 100%);
background: linear-gradient(to bottom, #fff 0%, #fff 47%, #f4f4f4 49%, #e0e0e0 53%, #dfdfdf 100%)}
.button-order,
.button:hover { border-color:#b9dcba;
background: -moz-linear-gradient(to bottom, #fff 0%, #fff 47%, #f4f4f4 49%, #e0e0e0 53%, #dfdfdf 100%);
background: -webkit-linear-gradient(to bottom, #fff 0%, #fff 47%, #f4f4f4 49%, #e0e0e0 53%, #dfdfdf 100%);
background: linear-gradient(to bottom, #fff 0%, #fbfffa 25%, #e6fee2 49%, #d4ecd0 53%, #d4ecd0 100%);
color:#006633}
.button-yellow,
.button-order:hover {border-color: #fad59c;
background: -moz-linear-gradient(to bottom, #fff6e6 0%, #fff1da 49%, #fcd79e 53%, #fad59c 100%);
background: -webkit-linear-gradient(to bottom, #fff6e6 0%, #fff1da 49%, #fcd79e 53%, #fad59c 100%);
background: linear-gradient(to bottom, #fff6e6 0%, #fff1da 49%, #fcd79e 53%, #fad59c 100%);
color: #333}
.full-w { width:100%}
.yellow-btn {border-color: #fad59c;
background: -moz-linear-gradient(to bottom, #fff 0%, #fff 47%, #f4f4f4 49%, #e0e0e0 53%, #dfdfdf 100%);
background: -webkit-linear-gradient(to bottom, #fff 0%, #fff 47%, #f4f4f4 49%, #e0e0e0 53%, #dfdfdf 100%);
background: linear-gradient(to bottom, #fff6e6 0%, #fff1da 47%, #ffebcb 49%, #fcd79e 53%, #fad59c 100%);
color:#333}
ul.product-tabs,
ul.tabs { margin: 0 0 20px 0;
border-bottom: solid 1px #ccc;
font-size:0;
line-height:0;
list-style:none}
ul.product-tabs li,
ul.tabs li {position: relative;
display: inline-block;
background: none;
padding: 0;
margin:0 24px 0 0}
ul.product-tabs li.select:after,
ul.tabs li.select:after{content:'';
display: block;
position: absolute;
left: 50%;
margin-left: -34px;
background: url(/images/arr_down.png) 0 0 no-repeat;
width: 68px;
height: 14px}
ul.product-tabs li a,
ul.tabs li a {display:inline-block;
font: bold 13px/25px "Trebuchet MS", Helvetica, Areal, sans-serif;
color:#333;
text-transform:uppercase;
text-decoration:none}
ul.product-tabs li.select a,
ul.tabs li.select a { color:#006633}
.tabs-content { display: none}
.tabs-content .swiper-container { padding-top:12px}
.tabs-content-hidden { visibility:hidden}
.slider-products .item {display: inline-block;
position: relative;
width: 20%;
vertical-align: top;
text-align: center}
.slider-products a { display:inline-block}
.slider-products .item div {padding: 0 15px;
text-align: left}
.slider-products .item .brand {padding: 15px 15px 0;
font: normal 16px/18px "Times New Roman", Times, serif;
color: #5f5f5f }
.slider-products .item .name {padding: 0 15px 15px;
height: 42px;
margin-bottom: 8px;
overflow: hidden;
text-align:left }
.slider-products .item .name a {font: normal 17px/20px "Times New Roman", Times, serif;
color: #006633}
.slider-products .item .price {font: normal 17px/19px "Trebuchet MS", Arial, sans-serif;
color: #006633}
.slider-products .item .slider-basket { text-align:center}
ul.products-list li .price s,
.product-in-asket .price s,
.slider-products .item .price s,
.content list-item .price s,
ul.section-service-list .price s {color: #5f5f5f;
font-size: 14px;
font-weight: normal}
.slider-products .item .price span {font-size: 12px;
line-height:14px;
color: #5f5f5f}
.slider-products .item .price .button,
.basket-bl .button {position: relative;
padding: 0 15px 0 10px;
margin: 10px 0 0}
.fading-bot { position:relative}
.fading-bot:after { display: block;
content:'';
position: absolute;
z-index:2;
background: url(/images/fade_bg.png?5) 0 0 repeat-x;
bottom: 0;
left: 0;
width: 100%;
height: 35px}
.slider-basket a:before,
.basket-bl .button:before{content:'';
display: inline-block;
background:url(/images/cat_add_basket_spr.png) 0 0 no-repeat;
width:25px;
height:26px;
margin-right:5px;
vertical-align:middle}
.swiper-container .btn-nav{position: absolute;
z-index: 3;
display: block;
/*background: url(/images/slider_spr.gif) 0 0 no-repeat;*/
background: url(/images/slider_arrow.svg) 0 0 no-repeat;
width: 33px;
height: 33px;
top: 65px;
cursor:pointer;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);}
.swiper-container .swiper-button-disabled { opacity:0.2}
.swiper-container .prev { left:0}
.swiper-container .prev:hover {background-image:url(/images/slider_arrow_active.svg)}
.swiper-container .next { right:0;
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg)}
.swiper-container .next:hover { background-image:url(/images/slider_arrow_active.svg)}
.index-info-bl .index-news { padding-left:24px; min-height:400px}
.index-info-bl .index-news:first-child { padding-left:0}
.index-news { padding:45px 0 0}
.articles-sect { padding-top:0}
.index-news ul.recomm-list {margin:20px 0 20px;
list-style: none}
ul.recomm-list li { height: 149px;
padding: 0 0 14px 0;
margin-bottom: 14px;
background: none;
overflow: hidden;
border-bottom: solid 1px #9cc3c3}
.index-news .descr-wrap {float: left;
width: 100%;
font: normal 13px/15px "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif}
.index-news ul.recomm-list .descr { padding-left: 152px}
.index-news ul.recomm-list .name,
.index-news ul.recomm-list .price,
ul.seminars-list .name a,
ul.seminars-list .time {font: bold 17px/17px "Times New Roman", Times, serif;
color: #006633}
.index-news ul.recomm-list .basket-bl > span { display:block}
ul.seminars-list .time-bl > span,
.index-news ul.recomm-list .price > span span,
ul.service-list .time-bl > span {font: normal 12px/20px "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif;
color: #5f5f5f}
.index-news ul.recomm-list .price s { color:#5f5f5f; font-size:14px}
.recomm-list .basket-bl .button {margin: 5px 0 0 0;
vertical-align: middle }
.index-news ul.recomm-list .anonce { position: relative;
padding: 8px 0 5px 0;
height: 40px;
overflow: hidden}
ul.recomm-list .price {padding-top: 10px}
.index-news ul.recomm-list .icon {display: block;
float: left;
width: 152px;
margin-left: -100%}
.index-news ul.news-list li { padding-bottom:0}
.index-news ul.news-list .descr { padding-left:80px}
.index-news ul.news-list .anonce { height: 100px}
.index-news ul.news-list .anonce p { padding-bottom:0}
.index-news ul.news-list .date {display: block;
float: left;
width: 80px;
margin-left: -100%;
font: bold 17px/20px "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif;
color: #5f5f5f}
.index-news ul.video-list li { height:230px;
border-bottom:none}
.index-news ul.video-list li:last-child { height:231px;
padding:0; margin:0}
.index-news ul.video-list .video-data { margin: 5px 0 0;
position: relative;
padding-top: 5px}
iframe { border:none}
.video-data iframe {width: 100%}
#index-brands > div{ padding-top:40px}
.brands-logo { text-align:center; margin-bottom:25px}
.brands-logo a {display: inline-block;
margin: 5px;
vertical-align: middle;
font-size: 18px;
color: #5f5f5f;
text-decoration: none}
.over-hidden { overflow:hidden}
.breacr { position:relative;
padding:10px 10px 5px 82px;
font-size:13px}
.breacr a {color: #5f5f5f;
font: normal 13px/15px "Trebuchet MS", Arial, sans-serif;}
.breacr a:hover { color:#006633;
text-decoration: none}
a.back {display: inline-block;
position: absolute;
top:10px;
left:10px;
height: 17px;
padding-left: 22px;
text-decoration: none}
a.back:hover {color:#006633;
text-decoration:underline}
a.back:before { display: block;
position: absolute;
background: url(/images/paging_spr.gif) -25px -17px no-repeat;
top: 0;
left: 0;
width: 15px;
height: 17px}
a.back:hover:before {background-position: -42px -17px}
.grey-block,
.grey-block2,
.green-block,
.green-block2,
.orange-block2,
.orange-block,
.orange-block2-ic {margin-bottom: 12px;
padding: 15px 15px 3px 15px;
border: solid 1px #ccc;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px }
.grey-block2,
.green-block2,
.green-block_bg3,
.orange-block2-ic,
.orange-block2,
.basket-warning {border-width: 2px}
.basket-warning { padding:15px 12px}
.orange-block,
.orange-block2,
.orange-block2-ic {border-color: #fe9900}
.shop-top-recom { padding:25px 0 35px}
.shop-top-recom > span { width:30%; text-align:center}
.shop-top-recom a.name { display: inline-block;
padding: 15px 0 0 0;
text-decoration: none;
font: normal 17px/19px "Times New Roman", Times, serif;
color: #006633;
text-align: center }
.shop-top-recom a:hover { text-decoration:underline}
.shop-page .index-news { padding:0}
.shop-page ul.recomm-list {padding: 17px 0 0 10px}
.shop-page ul.recomm-list li {background:none!important;
height: auto;
padding-left:0!important;}
.shop-page ul.recomm-list .anonce { height:auto}
.shop-page ul.recomm-list .fading-bot:after { display:none}
.green-block-bg,
.green-block-bg2,
.green-block-bg3 {margin-bottom: 12px;
background: #dff0dd;
padding: 15px 20px 3px 15px;
border: solid 1px #dff0dd;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px}
.green-block-bg2 {padding: 12px 8px;
border-color: #d6e5d4;
border-width:2px;
background: #f4f9f3}
.green-block-bg3 {background: #f4f9f3;
border-width:2px}
.orange-block2 .header,
.orange-block2-ic .header { font: bold 15px/17px "Trebuchet MS", Arial, sans-serif;
color: #fe9900}
.orange-block2-ic {background: url(/images/ic_cal_hover.png) 19px 20px no-repeat;
padding-left:64px}
.clear { float:none!important; clear:both}
.ymap-center *{ margin:0 auto}
.arrow-btn-back:before,
.arrow-btn:after { content:'';
display: inline-block;
background: url(/images/arr_spr.png?3) 0 0 no-repeat;
width: 15px;
height: 16px;
vertical-align: top;
margin-right: 8px;
margin-top: 6px}
.yellow-btn:after,
.order-btn:after,
.right-btn:after { background-position: -15px 0;
margin: 6px 0 0 8px}
.yellow-btn:hover:after,
.order-btn:hover:after,
.right-btn:hover:after { background-position:-15px -16px}
.arrow-btn-back:after { display:none}
.arrow-btn-back:hover:before { background-position:0 -16px}
.header-page-main { margin:15px 0 25px}
.payments-content > div {margin-bottom:7px;
font-size:0;
line-height:0}
.payments-content > div > div {float:none; font-size:14px; line-height:16px}
.payments-content > div > div.col {display:inline-block;
width:5%;
vertical-align:middle}
.payments-content > div > div.col-2 {display:inline-block;
width:95%;
vertical-align:middle}
.payments-header { margin-top:70px}
/* //Content */
/* Catalog */
.shop-menu-content { display:none}
.catalog-view { margin-bottom: 10px;
color: #5f5f5f;
font: bold 13px/15px "Trebuchet MS", Arial, sans-serif}
.catalog-view span { font-weight: bold;
color: #006633}
.catalog-view span.st-dis,
.st-dis {color: #fe9900}
a.filter-action {margin-left: 5px;
color: #5f5f5f;
border-bottom: dashed 1px #5f5f5f;
font-weight: normal;
text-decoration: none}
.st-en:before,
.st-dis:before { content:'';
display: inline-block;
background: url(/images/icon_del_spr.gif?4) 0 -15px no-repeat;
width: 15px;
height: 15px;
vertical-align: middle;
margin-left: 5px }
.st-en:before {background-position: 0 -30px}
.catalog-view .fright {padding: 0 10px 0 0}
a.icon-link:before { content:''}
a.icon-link:before,
a.cat-icon {display: inline-block;
background: url(/images/ic_spr_info.png?21) -342px 0 no-repeat;
width: 25px;
height: 25px;
vertical-align: middle}
.catalog-view .cat-icon {margin-left: 7px}
a.vlist { background-position: -310px 0}
a.vlist-a,
a.vlist:hover {background-position: -310px -32px}
a.vblock-a,
a.vblock:hover {background-position:-342px -32px}
.cat-filter-set {position: relative;
color: #5f5f5f;
padding-bottom: 6px}
.cat-filter-set .header {position: absolute;
left: 20px;
top: 14px;
font: bold 13px/15px "Trebuchet MS", Arial, sans-serif;
text-transform: uppercase}
.cat-filter-set .values {padding: 1px 180px 0 117px}
.cat-filter-set a {color: #5f5f5f}
.cat-filter-set a.reset {position: absolute;
top: 12px;
right: 10px;
font: bold 13px/15px "Trebuchet MS", Arial, sans-serif;
color: #006633}
.tags a,
a.delete,
.cat-filter-set .values a { display: inline-block;
position: relative;
padding: 0 20px 0 0;
margin-bottom: 7px;
font: normal 13px/15px "Trebuchet MS", Arial, sans-serif;
text-decoration: none;
margin-right: 15px;
white-space: nowrap;
vertical-align:middle}
.tags a,
a.delete { padding:0; margin:0}
.cat-filter-set .values a:after,
.tags a:after,
a.delete:before {content:'';
display: block;
position: absolute;
background: url(/images/icon_del_spr.gif?4) 0 0 no-repeat;
top: 0;
right: 0;
width: 15px;
height: 15px }
.tags a:after,
a.delete:before {position:relative;
right:auto;
left: auto;
top: auto;
display:inline-block;
vertical-align:middle;
margin-right:5px}
.tags a:after { display:none; margin-right:0; margin-left:5px }
.tags a.select:after { display:inline-block}
.tags a:hover:after,
a.delete:hover:before,
.cat-filter-set .values a:hover:after { background-position:0 -15px}
.catalog-brand-info-bg {position: relative;
border: solid 2px #d6e5d4;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px }
.catalog-brand-info-bg .catalog-brand-bg {position: absolute;
z-index:0;
width:100%;
height:100%;
left:0;
top:0;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
background-repeat:no-repeat;
background-position: center;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px }
.brand-info-bg-pos { position: relative; z-index:1;padding: 15px 15px 35px 451px}
.panel-bl {position: absolute;
z-index:2;
width: 100%;
left: 0;
bottom: 10px;
padding-top: 4px}
.panel-bl a {margin-left: 22px}
a.show-lines,
a.catalog-brand-cons {display: inline-block;
font: bold 15px/17px "Trebuchet MS", Arial, sans-serif;
color: #006633;
text-decoration: none}
a.catalog-brand-cons:hover { text-decoration:underline}
a.catalog-brand-cons:before {background-position:-62px -66px;
margin-right:10px}
a.catalog-brand-cons:hover:before {background-position:-62px -98px}
a.show-lines:before{background-position:-342px -66px;
margin-right: 10px}
a.show-lines:hover:before {background-position:-342px -98px}
a.show:before {background-position: -372px -66px}
a.show:hover:before {background-position:-372px -98px}
a.show-lines span {display: inline-block;
border-bottom: dashed 1px #006633;
cursor: pointer}
a.show-lines:hover span { border-bottom-color:transparent}
.catalog-brand-lines {position: relative;
display: none;
z-index: 1;
background: #fff;
margin: -8px 0 0;
border: solid 2px #d6e5d4;
border-top: none;
-moz-border-radius: 0 0 8px 8px;
-webkit-border-radius: 0 0 8px 8px;
border-radius: 0 0 8px 8px;
padding: 0 12px 0 }
.catalog-brand-lines ul {margin: 0;
padding-top: 20px;
list-style: none;
display: none;
overflow: hidden}
.catalog-brand-lines ul li {float: left;
background: none;
padding: 0;
width: 33%}
.catalog-brand-lines ul li p { padding-right:17px}
.catalog-brand-lines ul li a {display: inline-block;
margin-bottom: 10px;
font: bold 15px/17px "Trebuchet MS", Arial, sans-serif;
color: #006633;
text-decoration: none}
.catalog-brand-lines ul li a:hover { text-decoration:underline}
.catalog-brand-lines ul li.clear {float: none;
width: 100%;
height: 15px}
.catalog-brand-lines ul li li {float: none;
width: 100%}
.catalog-brand-lines ul li ul { margin:0;
padding:0}
.catalog-brand-lines ul li li a {padding-right: 15px;
font: normal 14px/16px "Trebuchet MS", Arial, sans-serif}
ul.products-list { list-style:none;
margin: 34px 0 12px}
ul.products-list li {position:relative;
float: left;
background: none!important;
width: 49%;
padding: 0!important}
ul.products-list li:after {content:'';
display:block;
width:100%;
clear:both}
ul.products-list li.clear {width: 100%;
height: 22px}
ul.products-list li .brand-line {position:absolute;
left:0;
top:0;
height:35px;
width:100%;
padding-left:154px;
overflow: hidden;
white-space:nowrap}
ul.products-list li .rate-pos {position:absolute;
right:0;
top:0;
height:35px;
background:#fff;
padding-left:10px}
ul.products-list li .brand {font: normal 16px/18px "Times New Roman", Times, serif;
color: #5f5f5f;
text-decoration: none}
ul.products-list li .prod-nal { padding:10px 0}
ul.products-list li .prod-nal > span {font: normal 17px/19px "Times New Roman", Times, serif;
color: #006633}
ul.products-list li .brand:hover { text-decoration:underline}
ul.products-list li a.name,
ul.section-service-list li a.name,
.content .list-item li .name {display: inline-block;
font: normal 17px/19px "Times New Roman", Times, serif;
color: #006633;
text-decoration: none}
ul.products-list li a.name:hover,
ul.section-service-list li a.name:hover,
.content .list-item li .name:hover { text-decoration:underline}
ul.products-list li .basket-bl { position:relative; padding: 10px 0}
ul.products-list li .price,
ul.section-service-list li .price,
.content .list-item li .price {font: normal 17px/19px "Trebuchet MS", Arial, sans-serif;
color: #006633}
ul.products-list li .price i {font-size: 14px;
font-style: normal;
color: #5f5f5f}
.basket-cnt-prod { display: inline-block;
border: solid 1px #bcc8ba;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
width: 83px;
height: 31px;
vertical-align: top;
margin-right: 20px;
text-align: center}
.basket-cnt-prod a {display: inline-block;
width: 20px;
font: normal 28px/28px Arial, Helvetica, sans-serif;
vertical-align: baseline;
color: #999;
text-decoration: none}
.basket-cnt-prod a:hover { color:#333}
.basket-cnt-prod input[type='text'] {width: 26px;
height: 30px;
text-align: center;
border: none;
background: none;
font: normal 14px/28px "Trebuchet MS", Arial, sans-serif;
vertical-align: top}
.basket-bl .button {position: relative;
margin:0}
.basket-bl .button-r { margin: 0 0 0 auto;
float: right;
padding-left: 15px}
.basket-bl .button-r:before { display:none}
ul.lmode li {float: none;
width: 100%;
clear: both;
margin-bottom: 35px}
ul.lmode li .fleft {width: 50%}
ul.lmode li .fright {width: 50%; padding-top:35px}
ul.products-list li .descr {float: left;
width: 100%}
ul.products-list li .pos {padding: 5px 30px 0 154px}
ul.lmode li .pos { padding-top:35px}
ul.products-list li .icon,
ul.products-list li .icon { position: relative;
float: left;
width: 133px;
margin-left: -100%}
i.rate {display: inline-block;
margin: 0 0 0 1px;
background: url(/images/rate_bot_bg.gif) 0 0 repeat-x;
width: 72px;
height: 13px;
font-size: 0;
line-height: 0;
vertical-align: middle;
text-align: left}
i.rate i {display: inline-block;
background: url(/images/rate_top_bg.gif) 0 0 repeat-x;
font-size: 0;
line-height: 0;
height: 13px;
width: 72px}
ul.lmode li .annonce {position: relative;
height: 63px;
overflow: hidden;
font-size: 14px;
color: #333 }
.prod-status {display: block;
position: absolute;
top: 10px;
left: 2px }
.product-view .prod-status { z-index:2}
.new-prod,
.hit-prod,
.miss-prod,
.action-prod,
.state-prod,
.find-cheaper
{display: block;
background: url(/images/prod_new_spr.png) 0 0 no-repeat;
width: 31px;
height: 29px;
margin-bottom: 4px}
.find-cheaper {background: url(/images/ic_spr_info.png?21) -495px -47px;
width: 25px;
height:27px}
.find-cheaper:hover {background-position:-495px -75px }
.new-prod:hover{ background-position:0 -29px}
.state-prod,
.hit-prod {background: url(/images/ic_spr_info.png?21) -32px 0 no-repeat;
width:25px;
height:26px;}
.hit-prod:hover{ background-position:-32px -32px}
.action-prod { background: url(/images/ic_spr_info.png?21) -154px 0 no-repeat;
width:25px;
height:26px}
.miss-prod {background: url(/images/ic_spr_info.png?21) -432px -67px no-repeat;
height:24px}
.action-prod:hover{ background-position:-154px -32px}
.fav-prod,
.fav-prod-in {background-position:-495px 0;
width:25px;
height:22px;
cursor:pointer}
.fav-prod:hover,
.fav-prod-in {background-position:-495px -22px}
.product-page .content { padding-right:10px}
.product-tabs-bl {z-index: 5!important}
.product-view { position:relative; padding-top:10px}
.product-info {width:100%;
min-height:350px;
padding-left:318px;
padding-bottom:12px}
.product-info h1,
.product-info .h1 {border-bottom: solid 1px #ccc;
padding: 0 0 20px 0;
margin-bottom: 20px;
padding:0 0 20px;
margin:0 0 20px}
.product-info h1 span {display:block;
padding-bottom: 14px;
font: normal 16px/18px "Times New Roman", Times, serif;
color: #5f5f5f}
.product-info ul.properties {margin: 0 10px 0 0;
list-style: none}
.product-info ul.properties li {overflow: hidden;
background: none;
margin-bottom: 12px}
.product-info ul.properties li .p-header {float: left;
width: 28%;
padding-right: 5%;
color: #5f5f5f}
.product-info ul.properties li .p-values {float: left;
width: 67%}
.product-preview {position:absolute;
left:0;
top:0;
width:300px;
text-align:center}
.poduct-gallery { overflow:visible!important}
.poduct-gallery .btn-nav { display:none}
.poduct-gallery .swiper-slide { display:none}
.poduct-gallery .swiper-slide:first-child { display:block}
.cloud-zoom {position:relative;
display:block}
.product-photos {padding-top: 10px;
text-align: center}
.product-photos a {display: inline-block;
padding: 3px 3px 0;
border: solid 1px #bcc8ba;
width:58px;
margin:0 2px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px}
.product-photos a.select,
.product-photos a:hover {border-color: #fe9900}
.btn-nav-prod { position:absolute; top:50%; left:0}
.product-in-basket {border-width: 2px;
margin-bottom: 22px;
padding-right: 15px;
padding-bottom: 12px;
font: normal 16px/18px "Times New Roman", Times, serif;
color: #5f5f5f}
.product-service .header,
.right-col-pos .header {font: bold 15px/17px "Trebuchet MS", Arial, sans-serif;
color: #006633}
.product-in-basket .name {color: #006633}
.product-in-basket .prate {float: left;
padding: 5px 0 0 30px;
font: normal 13px/14px "Trebuchet MS", Arial, sans-serif}
.product-in-basket .prate > i {margin-top: 5px;
vertical-align: middle}
.product-in-basket .price { font: bold 18px/20px "Trebuchet MS", Arial, sans-serif;
color: #006633}
.product-in-basket .price s {color: #5f5f5f;
font-size: 14px;
font-weight: normal}
.product-in-basket .price span {font: normal 14px/16px "Trebuchet MS", Arial, sans-serif;
color: #5f5f5f}
.product-basket-bl {padding-top:20px}
.product-basket-bl:after {content:'';
display:block;
clear:both}
.product-in-basket .basket-bl .button { padding: 0 30px 0 15px;}
.product-service {border-width: 2px;
padding-right: 10px}
.icon-n:before,
.icon-i:before {content:'';
display: inline-block;
background: url(/images/ic_spr_info.png?21) 0 0 no-repeat;
width: 25px;
height: 25px;
vertical-align: middle;
margin-right:9px}
.product-service .icon-i:before {background-position: -62px -66px}
.product-service ul {margin: 0;
padding-bottom: 5px;
list-style: none}
.product-service ul li {margin-bottom: 10px}
.yashare-auto-init { padding: 12px 0 0 40px}
.yashare-product {padding-left: 15px}
ul.product-tabs-cont {margin:15px 0 0;
padding: 0;
position: relative;
z-index: 1;
list-style: none;
font-size:14px;
line-height:16px}
ul.product-tabs-cont li {overflow: hidden;
position: relative;
padding: 0;
background: none!important;
min-height:40px}
ul.product-tabs-cont .header { float:left;
width:18%;
font: normal 17px/19px "Times New Roman", Times, serif;
color: #006633;
text-transform: uppercase}
ul.product-tabs-cont div.text {float:left;
width:82%;
padding-right:0}
ul.product-tabs-cont .text:before { content:'';
display:block;
border-top: solid 1px #ccc;
margin-bottom:19px}
ul.product-reviews { margin:0;
list-style:none}
ul.product-reviews > li { padding:0!important;
background: none;
margin-bottom: 28px;
font-size: 13px;
color: #5f5f5f }
ul.product-reviews .auth {float:left;
width: 55%;
font-size: 13px;
line-height:16px}
ul.product-reviews .auth .date {margin-right: 21px}
ul.product-reviews .auth b {font-weight:normal;
color: #006633}
ul.product-reviews .user-rate {float: right;
width: 45%;
text-align: right}
ul.product-reviews .user-rate b { font-weight:normal}
.review-comment {position: relative;
margin-left: 28px;
padding-top: 15px}
.review-comment .body {position: relative;
background: #dff0dd;
padding:12px 0 15px;
border: solid 2px #fff;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
font: italic normal 14px/16px "Times New Roman", Times, serif;
color: #5f5f5f}
.review-comment .body p {padding: 0 10px 0 29px}
.content-btn-bl,
ul.product-reviews li.btn-bl {margin: 0 0 7px}
ul.product-questions .auth { float:none; width:100%}
.auth .faq-h { text-transform: uppercase;
color: #006633}
.cosmo-comment .body {border-color: #dff0dd;
background: #fff;
min-height:65px}
ul.product-questions .no-cosmo-photo .body { min-height:30px}
.author img,
.reader .comment img,
.review-comment img {display: block;
position: absolute;
left: -22px;
top: 10px;
border: solid 2px #c0dfbb;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px}
.product-related { margin-top:35px}
.h-border-b { position:relative;
border-bottom:solid 2px #ccc;
text-align:center}
.product-related .h-border-b { margin-bottom:45px}
.h-border-b > span {position:relative;
bottom:-5px;
display: inline-block;
background:#fff;
z-index:2;
padding: 0 8px;
margin-bottom:-4px}
.product-page .col-4 { margin-top:17px; padding-left:20px}
.content ul.recomm-prods li { margin-bottom:5px; min-height:0}
.content ul.recomm-prods li a { color:#006633}
.guru-h {padding: 0 0 25px;
border-bottom: solid 1px #ccc}
.guru-prop-wrap { padding-top:20px}
form.search-help {padding-right: 60px}
ul.guru-steps {list-style: none;
float: left;
width: 49%}
ul.guru-steps li { background:none;
padding:0;
margin:0 0 20px }
ul.guru-steps li.disabled { color:#ccc}
ul.guru-steps li input {margin-right: 15px;
vertical-align: middle}
.guru-btn-bl {padding-right: 20px;
overflow: hidden}
a.guru-reset {margin-left: 20px}
.guru-settings {clear: both;
margin-top: 25px}
.cloud-zoom-big { background-repeat:no-repeat}
/* //Catalog */
/* Salon page */
.index-salon ul.service-list a.name { font-weight: normal;
text-decoration: none}
.index-salon ul.service-list a.name:hover { text-decoration: underline}
.time-bl {display: inline-block;
background: url(/images/ic_time.png) 0 0 no-repeat;
height: 18px;
padding-left: 25px;
margin-left: 16px;
font-style: normal}
.reader .review-comment,
.index-news ul.recomm-list .review-comment{margin: 7px 0 0 -42px; padding:0}
ul.recomm-list .review-comment .body { padding:12px 20px 17px 38px}
ul.recomm-list .no-cosmo-photo .body { padding-left:20px}
/* //Salon page */
/* Services */
.content ul.list-style-none li { padding:0; background:none}
.separate-h {border-bottom: solid 2px #006633;
margin-bottom: 12px;
padding: 12px 0 7px 0;
color: #5f5f5f;
font-weight: bold}
.catalog-view b {font: bold 12px/15px "Trebuchet MS", Arial, sans-serif;
text-transform: uppercase}
ul.section-service-list {margin: 20px 0 0;
list-style: none}
.content ul.section-service-list li {padding: 0 0 32px;
margin: 0 0 29px;
background: none;
border-bottom: solid 1px #ccc;
width: 100%;
color: #5f5f5f;
text-align: left}
ul.section-service-list li:last-child { border:none;
margin:0}
ul.section-service-list li:after { content:'';
display:block;
width:100%;
clear:both}
ul.section-service-list .brand {padding: 0 0 12px;
font: normal 16px/18px "Times New Roman", Times, serif}
ul.section-service-list .info { float: left;
position:relative;
z-index:1;
width:250px}
ul.section-service-list .info .name {display:block;
padding: 0 0 15px;
font-weight:bold;
cursor:pointer}
ul.section-service-list .descr {float:left;
position:relative;
z-index:0;
width:100%;
margin-left:-250px;
padding-left:260px}
ul.section-service-list .descr > p,
ul.section-service-list .descr > div { padding-bottom:12px}
ul.section-service-list .descr .service-btn-bl { padding-bottom:0}
ul.section-service-list li .price { position:relative; font-weight:bold}
ul.section-service-list li .price:after {content:'';
display:block;
clear:both}
ul.section-service-list li .price > b { display:block; margin-bottom:5px}
ul.section-service-list li .price span { font: normal 12px/20px "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif;
color: #5f5f5f;}
ul.section-service-list li .price .time-bl { margin:0 0 10px}
ul.products-list div.profit,
ul.section-service-list div.profit,
.product-in-basket div.profit {padding-top:5px; color:#fe9900}
ul.section-service-list div.rate {padding-top:15px}
ul.section-service-list .rate a { color:#5f5f5f}
ul.section-service-list i.rate {margin-right: 17px}
ul.section-service-list .service-fix-price .action-prod,
.service-page .service-fix-price .action-prod { display: inline-block; margin-right:5px; vertical-align: middle}
.service-page .service-fix-price { padding:10px 0 0; font: normal 13px/18px "Times New Roman", Times, serif;}
.service-s-text { padding:15px 0 0}
ul.product-tabs-cont .no-border:before { display:none}
.service-page ul.product-tabs-cont .text .header { float:none;
position:relative;
left:auto;
top:auto;
width:auto;
padding:0;
margin:0;
padding-bottom: 14px;
font: normal 16px/18px "Times New Roman", Times, serif;
color: #5f5f5f;
text-transform: none}
ul.product-tabs-cont .top-auto { top:auto}
.service-page .product-info { padding-left:0}
.service-page .product-info ul.properties li:last-child { margin:0}
.service-price-bl .prate {padding: 12px 0 30px}
.service-price-bl .prate i { margin-top: 0}
.service-price-bl .price .time-bl { margin:10px 0 0}
.service-price-bl .btn-bl {padding-top: 20px}
.service-price-bl ul.top-services { list-style: none;
margin: 0}
.service-price-bl ul.top-services li { margin-bottom:12px}
.service-price-bl ul.top-services a { color:#006633}
.pos-abs { position:absolute; top:auto; left: auto}
.service-page .pos-abs { width:283px}
/* //Services */
/* Jurnal page */
.jurnal-page .jurnal-articles .col { width:70%; padding:0 30px 0 10px}
.jurnal-page .jurnal-articles .col-2 { width:30%}
.index-articles {padding:0}
.jurnal-page .index-news ul { margin:0}
.jurnal-news-list li,
.jurnal-page .index-news ul li {padding: 21px 0;
height: auto;
margin: 0;
border-bottom: solid 1px #9cc3c3;
background: none}
.jurnal-news-list li a.name,
.jurnal-page .index-news ul li a.name {font: bold 15px/17px "Trebuchet MS", Arial, sans-serif;
text-decoration: none;
color: #006633}
.jurnal-page .index-news ul li a.name:hover { text-decoration:underline}
.jurnal-news-list li .date,
.jurnal-page .index-news ul li .date,
.articles-sect ul li .date {padding-top: 12px;
color: #5f5f5f}
.all-articles {padding: 18px 0 0 10px}
.all-articles a {color: #5f5f5f;
font-style: italic}
.content .jurnal-news-list { list-style:none; margin:0}
.content .jurnal-news-list > li { background:none; padding-left:0; margin:0}
.jurnal-index-video {position: relative;
margin: 31px 8px 12px 12px;
padding: 31px 0 0;
border-top: solid 1px #ccc}
.jurnal-index-video ul { margin:31px 0 0;
list-style: none}
.jurnal-index-video ul:after {content:'';
display:block;
clear:both}
.jurnal-index-video ul li {float: left;
background: none;
width: 25%;
padding: 0}
.jurnal-index-video ul li div {width: 207px;
padding-bottom: 12px;
font: normal 13px/15px "Trebuchet MS", Arial, sans-serif}
.jurnal-index-video li .name {padding-top: 20px;
font: normal 17px/19px "Times New Roman", Times, serif;
color: #5f5f5f}
.jurnal-index-video li .name a {color: #006633;
text-decoration: none}
.jurnal-index-video li .name a:hover { text-decoration:underline}
.jurnal-index-video a.all-video {display: block;
font-style: italic;
color: #5f5f5f}
.jurnal-reviews {padding: 31px 0 40px;
border-top: solid 1px #ccc}
.jurnal-reviews .header1 { padding-bottom:25px}
ul.reviews-list {margin: 0;
padding:0;
list-style: none}
.jurnal-reviews ul.reviews-list li { margin:0; padding:0; border:none}
ul.reviews-list li .descr {padding-left: 152px}
ul.reviews-list .brand {padding-bottom: 12px;
color: #5f5f5f}
ul.reviews_list .name {padding-bottom: 12px}
ul.reviews-list .name a {font: normal 17px/19px "Times New Roman", Times, serif;
color: #006633;
text-decoration:none}
ul.reviews-list .name a:hover { text-decoration: underline}
ul.reviews-list li .icon {float: left;
margin-left: -100%;
width: 152px}
ul.reviews-list .review-comment .body .auth { padding:0 0 12px; font-style:normal}
ul.reviews-list .review-comment .body { padding:12px 20px 12px 32px}
ul.reviews-list .review-comment .body p { padding-left:0}
ul.reviews-list .auth .date { padding:0 16px 0 0}
ul.reviews-list .auth .user b {color: #006633}
ul.reviews-list .user-rate {padding-top: 12px;
color: #5f5f5f}
.review-c-info img { float:left; margin:0 10px 0 0}
ul.questions-list { list-style:none;
padding-right:30px; margin:0}
ul.questions-list li { border-bottom:none}
ul.questions-list li .auth .header {text-transform: uppercase;
color: #006633}
/* //Jurnal page */
/* Articles */
.articles-sect ul.article-list li {padding: 21px 0;
height:auto;
margin:0}
.articles-sect ul.article-list li .anonce { height:auto}
.articles-sect ul.article-list li:last-child { border:none}
.articles-r-c .grey-block2 {margin: 10px 10px 0 0;
padding: 15px 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px}
.header-bl {position: relative;
padding: 0 0 8px 10px;
font: bold 15px/17px "Trebuchet MS", Arial, sans-serif;
color: #006633}
.orange-block .header-bl,
.orange-block2 .header-bl { color:#fe9900}
ul.subjs {margin: 12px 0 0;
list-style: none}
ul.subjs li {margin-bottom: 15px}
ul.subjs li a { font: bold 13px/15px "Trebuchet MS", Arial, sans-serif;
text-decoration: none}
ul.subjs li a.select,
ul.subjs li a:hover { color:#006633}
.tags,
.authors {margin: 40px 10px 40px 0}
.tags .header-bl,
.authors .header-bl { padding-left:26px}
.tags a {line-height: 22px;
text-decoration: none;
color: #5f5f5f}
.tags a.select,
.tags a:hover { color:#006600}
.tags a:hover { text-decoration:underline}
.tags-1 { font-size:12px}
.tags-2 { font-size:14px}
.tags-3 { font-size:16px}
.tags-4 { font-size:18px}
.tags-5 { font-size:22px}
.articles-sect ul.product-tabs { text-align:left}
.articles-sect ul.product-tabs li,
.seminars-sect ul.product-tabs li {margin:0 20px}
.authors .product-reviews .review-comment .name {padding-bottom: 10px;
font: bold 13px/15px "Trebuchet MS", Arial, sans-serif;
color: #006633}
.article-descr {padding-bottom: 38px;
text-align: justify;
overflow: hidden}
.article a.back { position:relative;
left:auto;
top:auto}
.author {position: relative;
background: #dff0dd;
margin: 0 0 25px 20px;
padding: 15px 15px 3px 38px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
font: italic normal 14px/16px "Times New Roman", Times, serif;
color: #5f5f5f}
.author .name {font: normal 13px/15px "Trebuchet MS", Arial, sans-serif}
.author .name b {font-weight: normal;
padding-left: 10px}
.author .name span {color: #006633}
.article-descr {padding-bottom: 38px;
text-align: justify;
overflow: hidden}
.article .header-bl { padding-left:0}
.article .header-article a { display: block;
position: absolute;
right: 0;
top: 2px;
border-bottom: dashed 1px #5f5f5f;
font-size: 14px;
font-weight: normal;
color: #5f5f5f;
text-decoration: none}
.index-catalog ul.recomm-list li {height: auto}
.index-catalog ul.recomm-list .anonce { height:auto}
.index-catalog ul.recomm-list .fading-bot:after { display:none}
.index-catalog ul.recomm-list .basket-bl > span {display: inline-block;
font: normal 12px/20px "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif;
color: #5f5f5f}
.index-catalog { padding-top:3px}
/* //Articles */
/* Seminars */
ul.seminars-list { margin:45px 0 0;
list-style:none}
ul.seminars-list > li { position:relative;
background:none;
padding: 0 0 26px;
margin: 0 0 26px 0;
background: #fff;
overflow: hidden;
border-bottom: solid 1px #ccc;
font-size: 13px}
ul.seminars-list > li:last-child { border:none; margin-bottom:0}
ul.seminars-list .info {float: left;
width: 20%;
padding-left: 10px}
ul.seminars-list .date {padding: 0 0 18px;
color: #5f5f5f}
ul.seminars-list .time {padding-bottom: 15px}
ul.seminars-list .time .time-bl { margin-left:0}
ul.seminars-list .descr {float: left;
width: 52%}
ul.seminars-list .pos {padding: 0}
ul.seminars-list .name {padding-bottom: 12px}
ul.seminars-list .name a {font-weight:normal;
text-decoration:none}
ul.seminars-list .name a:hover { text-decoration:underline}
ul.seminars-list .reader {float: left;
width: 28%; padding-left:30px}
ul.seminars-list .reader .review-comment { margin:0}
ul.seminars-list .review-comment .body { padding-left:29px;
padding-right:5px;
color:#006633;
font-style:normal}
ul.seminars-list .review-comment .body > div { padding-bottom: 8px;
font-style: normal;
font-family: "Trebuchet MS", Arial, sans-serif;
color:#5f5f5f}
ul.seminars-list .review-comment .body p { padding:0}
ul.seminars-list .no-cosmo-photo .body { padding-left:25px}
.seminar-left { width: 55px;
height: 58px;
background: url(/images/seminar_cnt_bg.gif) 0 0 no-repeat;
margin-bottom: 7px;
padding-top: 12px;
text-align: center;
font-size: 19px;
color: #333}
.seminar-left span {display: block;
font-size: 14px;
color: #5f5f5f}
a.seminar-req { color:#006633}
.seminar-req:before { content:'';
display:inline-block;
background: url(/images/ok_ic.gif) 0 0 no-repeat;
width:14px;
height:16px;
margin-right:7px;
vertical-align:middle}
.seminar .fio { color:#006633}
#seminar_form { padding-top:15px}
#seminar_form ul.user-form label { width:145px}
/* //Seminars */
/* Video */
.video-sect ul.article-list .descr {padding-left: 218px}
/* //Video */
/* Reviews */
.review-context-ic {float: left;
margin: 0 20px 0 0}
.review-context { padding:10px 0 0 }
.reviews-page ul.reviews-list .user-rate { padding-top:0}
.reviews-page .no-cosmo-photo { margin-left:0}
.reviews-header a {color: #006633}
/* //Reviews */
/* Brands */
.brands-logo a {
display: inline-block;
margin: 5px;
vertical-align: middle;
font-size: 18px;
color: #5f5f5f;
text-decoration: none;
}
.brand-info { padding-top:10px}
.brand-info:after { content:'';
display:block;
clear:both}
.brand-preview-img {margin: 0 20px 12px 0}
.brand-annonce img {vertical-align: middle;
margin-right: 10px}
.brand-logo { margin-bottom:12px}
ul.brand-line,
ul.cosmetics-type {margin: 0 0 0 10px;
list-style: none}
ul.brand-line li,
ul.brand-types li { min-height:0}
ul.brand-line li .row,
ul.brand-types li .row { padding:7px 0 0 12px; font-size:0; line-height:0}
.brand-types li .row a { display:inline-block;
width: 33%;
margin-bottom:10px;
padding:0 15px 0 0;
vertical-align:top;
font-size:14px;
line-height:16px}
a.brand-lines,
a.brand-lines-more {position: relative;
z-index: 2;
display: inline-block;
background: #fff;
border-bottom: dashed 1px #006633;
text-decoration: none;
font-size: 14px;
line-height: 22px;
color: #006633}
a.brand-lines:hover,
a.brand-lines-more:hover { border-color:transparent}
.brand-line-descr { display:none;
padding:10px 0 20px;
border-bottom: solid 1px #ccc}
.select .brand-line-descr { display: block}
.line-info-b {overflow:hidden}
.line-info-b img { margin:0 0 0 15px}
/* //Brands */
/* Cosmo */
ul.cosmo-list { margin:18px 0 85px;
list-style:none}
ul.cosmo-list li {width:100%;
background:none;
padding:0;
overflow:hidden;
margin:0 0 34px}
ul.cosmo-list .photo {float:left;
width:144px}
ul.cosmo-list .photo img {border: solid 2px #c0dfbb;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px}
ul.cosmo-list .descr { float:right;
width:100%;
margin-right:-144px;
padding-right:144px}
ul.cosmo-list a.name {display: inline-block;
padding-bottom: 18px;
color: #006633;
font-weight: bold;
text-decoration: none}
ul.cosmo-list .qualification,
.cosmo-view .qualification {font: italic normal 14px/16px "Times New Roman", Times, serif;
color: #5f5f5f;
padding-bottom: 22px}
.i-deliv:before {background-position: -402px 0}
.cabinet-order-help {margin: 0 20px 35px 20px}
.cabinet-order-help .header-bl { padding:12px 0 8px 30px}
.cabinet-order-help p {padding-left: 65px}
.cabinet-order-help .phone {font-size: 15px;
margin-bottom: 12px}
.cabinet-order-help .italic {font-size: 13px;
font-style: italic;
color: #5f5f5f}
.cosmo-view {padding-top: 12px; overflow:hidden}
.cosmo-view img.photo {border: solid 2px #c0dfbb;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
float: left;
margin-right: 20px}
.cosmo-page-info {margin-top: 20px;
padding-bottom: 100px}
/* //Cosmo */
/* Forms */
.review-form-bl { display:none}
.form-bg {background: #dff0dd;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
padding: 22px 32px 5px 32px;
margin-bottom: 25px;
font: normal 13px/15px "Trebuchet MS", Arial, sans-serif;
color: #333}
ul.user-form {margin: 0;
list-style: none}
ul.user-form > li,
.content ul.user-form > li {padding-left: 0!important;
min-height:0!important;
margin-bottom: 20px!important;
background:none!important}
.user-form label { display:inline-block;
font-weight: bold;
width: auto}
ul.user-form > li > span {display: inline-block;
width: 95px;
color: #fe9900}
.call-back-form ul.user-form > li > span { width:165px}
.user-form .italic {padding:5px 0 0 95px;
font-size: 11px;
line-height: 13px;
color: #5f5f5f }
ul.user-form > li > span > label { color:#333}
ul.user-form span.comm-label {width: auto;
margin-bottom: 10px}
ul.user-form > li > b {padding: 0 22px 0 12px;
vertical-align:middle}
ul.user-form > li .drop-down-list b { padding:0; display: inline; vertical-align:baseline}
.content-form select,
ul.user-form select,
ul.user-form input[type='text'],
ul.user-form input[type='password'],
ul.user-form textarea {width: 196px;
height: 30px;
padding: 0 4px;
margin-left: 0 !important;
background: #fff;
border: solid 1px #bcc8ba;
border-top-width: 2px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
font: normal 13px/26px "Trebuchet MS", Arial, sans-serif}
ul.user-form textarea {width:100%;
height: 122px;
overflow: auto;
line-height: 15px;
vertical-align: top}
.calc-delivery ul.user-form label {width: 140px;
font-weight:normal}
ul.user-form span.search-field {display: inline-block;
position: relative;
width: 285px;
margin:0}
ul.drop-down-list { position: absolute;
top: 100%;
left: 5px;
border: solid 1px #bcc8ba;
border-top: none;
background: #fff;
margin: -3px 0 0 -5px;
padding: 0;
overflow: auto;
width: 279px;
max-height: 500px;
z-index: 1050;
font-size: 0;
line-height: 0;
list-style: none;
text-align: left;
cursor: pointer;
-moz-border-radius:0 0 5px 5px;
-webkit-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px}
ul.user-form .drop-down-list { width:280px}
#cabinet_user_form ul.user-form .drop-down-list { width:100%}
ul.order-address .drop-down-list { width:290px}
ul.user-form .drop-down-list li {background:none;
margin: 0!important;
padding: 2px 5px!important;
font: normal 11px/14px Arial;
color: #333}
ul.user-form .drop-down-list li.strong { font-weight:bold}
ul.user-form .drop-down-list li.hover {background:#777!important;
color:#fff}
#calc_delivery_result ul { width:700px;
margin:20px auto!important }
#calc_delivery_result ul > li { background:none;
color:#006633;
font-weight:bold }
#calc_delivery_result span {display: inline-block;
width: 100px;
font-size:15px}
#calc_delivery_result span:first-child { width:210px}
#calc_delivery_result span:last-child { width:auto}
.quick-auth-form {width: 820px}
.simple-auth-form {width: 440px}
.icon-m:before {content:'';
display: inline-block;
position: relative;
background: url(/images/ic_spr.png?7) 0 0 no-repeat;
width: 33px;
height: 33px;
margin-right: 10px;
vertical-align: middle}
.m-user:before {background-position: -160px 0}
.m-auth:before {background-position: -40px 0}
.m-sup:before {background-position: -160px 0}
.m-help:before {background-position: -240px 0;}
.m-sec:before {background-position: -200px 0}
.user-dialog-cont .user-form label { font-weight:normal}
.basket-login { position:relative}
.quick-auth-form ul.user-form input[type='text'],
.quick-auth-form ul.user-form input[type='password'] { width:257px}
.quick-auth-form ul.user-form input[type='text']:focus { border-color:#006633}
.quick-auth-form ul.user-form .error input[type='text'] { border-color:#fe9900}
.forgot-pass { padding-left:5px; font-size:14px}
.quick-auth-form .poup-reg { display:none}
.reg-form ul.user-form {margin-left: 55px}
.content-form ul.user-form label {width:85px;
font-weight:normal}
.reg-form { margin-bottom:35px}
.reg-form ul.user-form label {width: 160px;
font-weight:normal}
.content-form ul.user-form input[type='text'],
.content-form ul.user-form input[type='password'],
.content-form ul.user-form select {width: 290px}
.content-form ul.user-form input.secure-code { width:160px; margin:10px}
.content-form ul.user-form input[type='text']:focus { border-color:#006633}
.content-form ul.user-form label span {padding-left: 4px;
width: auto;
color: #fe9900}
ul.user-form select.phone-code {width: 60px !important;
height: 31px;
padding:0}
ul.user-form input[type='text'].phone-w-code {width: 256px}
.content-form ul.user-form .msg {padding:0 0 10px 140px;
color: #5f5f5f;
font-style: italic}
.content-form ul.user-form .error a,
.quick-auth-form ul.user-form .error a{ font-weight:bold; color:#fe9900 ; margin:0 5px}
.content-form ul.user-form li.msg { padding-left:143px!important}
.reg-form ul.user-form .msg,
.reg-form ul.user-form li.msg{ padding-left:0!important}
.content-form ul.user-form .check-error { color:#fe9900}
ul.user-form input[type='radio'],
ul.user-form input[type='checkbox'] { margin-right:4px}
.content-form ul.user-form > li > span { width:auto}
.color-red,
.error,
ul.user-form li.error span label {color: #fe9900 !important}
.user-dialog-cont .action-form { padding:7px 0 0}
.popup-padding-l { padding-left:120px}
/* //Forms */
/* Zoom */
.cloud-zoom { display:block; position:relative}
/* This is the moving lens square underneath the mouse pointer. */
.cloud-zoom-lens {
border: 1px solid #777;
margin:-1px; /* Set this to minus the border thickness. */
background-color:#fff;
cursor: pointer;
}
/* This is for the title text. */
.cloud-zoom-title {
font-family:Arial, Helvetica, sans-serif;
position:absolute !important;
background-color:#000;
color:#fff;
padding:3px;
width:100%;
text-align:center;
font-weight:bold;
font-size:10px;
top:0px;
}
/* This is the zoom window. */
.cloud-zoom-big {
border:1px solid #ccc;
background:#fff url(/images/loading.gif) center center no-repeat;
background-repeat:no-repeat;
overflow:hidden;
text-align:center;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.cloud-zoom-big * { text-align:center}
/* This is the loading message. */
.cloud-zoom-loading {
color:white;
background:#222;
padding:3px;
border:1px solid #000;
}
/* //Zoom */
/* Paging */
p.paging {text-align: right}
p.top-paging {float: right;
padding: 4px 0 0 0}
.paging a,
.paging span { display: inline-block;
min-width: 22px;
height: 23px;
background:#fff;
border: solid 1px #ccc;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
border-radius: 12px;
padding: 0;
margin: 0 2px;
font: bold 14px/22px "Trebuchet MS", Arial, sans-serif;
text-decoration: none;
text-align: center;
padding-right: 1px;
vertical-align: middle}
.paging a:hover,
.paging span { background:#5ea86e;
border-color:#5ea86e;
color: #fff}
.paging a.prev,
.paging a.next {background:none;
background: url(/images/paging_spr.gif) -25px 0 no-repeat;
border:none;
width: 15px;
min-width:0;
height: 16px}
.paging a.next:hover { background-position: -42px 0}
.paging a.prev {background-position: -25px -17px;
width: 15px;
height: 16px}
.paging a.prev:hover {background-position: -42px -17px}
.catalog-paging-bot {border-top: solid 1px #ccc;
padding-top: 8px;
font: normal 13px/18px "Trebuchet MS", Arial, sans-serif;
color: #5f5f5f }
.catalog-paging-bot .fleft a {font-size: 14px;
color: #333;
margin: 0 3px}
.catalog-paging-bot .fleft span {color: #006633;
font-size: 14px;
font-weight: bold}
.catalog-devorce { padding-top:10px}
.catalog-devorce > span { width:21%;
margin-bottom:30px;
text-align:center}
.catalog-devorce > span a { display: inline-block;
margin:0;
padding-bottom:5px}
.category-hits { padding:0 0 25px}
.category-hits .header1 {border-top: solid 1px #9cc3c3;
padding:7px 0 0;
margin:0 0 15px}
.section-descr { padding-top:15px}
/* Paging */
/* Banners */
.top-banner { position: relative;
background-position: 0 0;
background-repeat: no-repeat;
width: 100%;
margin-bottom: 25px}
.top-banner img { max-width: 100%;
height: auto}
.right-col .banner,
.right-col .banner_bl,
.right-col .banner-bl-b {width: 230px;
padding: 0;
margin: 0 auto 20px auto}
.r-banner-3 {position: relative;
background: url(/images/r_banner_3.gif?2) 0 0 no-repeat;
height: 302px}
.r-banner-3 .button { position: absolute;
bottom: 17px;
left: 16px }
.right-col .banner-bl-b {padding: 0 5px }
/* //Banners */
/* Left Column */
.left-col { position: relative;
z-index:10;
float:left;
margin-left:-100%;
padding:15px 20px 0 20px;
width:25%}
.left-col header {margin-bottom: 15px;
font: normal 15px/17px "Times New Roman", Times, serif;
text-transform: uppercase;
color: #006633}
.left-col header.main-h,
.right-col header.main-h {font: normal 25px/27px "Times New Roman", Times, serif;
text-transform: none}
.left-col nav > ul > li {border-bottom: solid 1px #9cc3c3;
padding: 15px 0;
margin: 0;}
.left-col nav > ul > li:first-child { padding-top:0}
.left-col nav > ul > li a,
.right-col ul.service-menu li a { text-decoration:none}
.left-col nav > ul > li > a { /*display:block; */
font: normal 15px/17px "Times New Roman", Times, serif;
text-transform: uppercase }
.left-col nav > ul > li.select > a,
.left-col nav > ul > li > a:hover { color:#006633}
.left-col nav > ul > li > ul { display:none;
position:relative;
padding-top:8px}
.left-col nav > ul > li > ul.service-menu { padding-top:0}
.left-col nav > ul > li.select > ul { display:block}
.left-col nav > ul > li.select > ul { overflow:visible!important}
.left-col nav > ul > li.select > ul.animate { overflow:hidden!important}
.left-col nav > ul > li > ul li { position:relative;
padding: 0 0 14px; line-height:16px}
.left-col nav > ul > li.select > ul li:last-child { padding-bottom:0}
.left-col nav > ul > li > ul > li.select ul { padding:15px 0 0 15px}
.left-col nav > ul > li > ul > li a,
.right-col ul.service-menu li a {font: bold 13px/15px "Trebuchet MS", Helvetica, Areal, sans-serif;
color: #333}
.left-col nav > ul > li > ul > li.select span { color:#006633; font-weight:bold}
.left-col nav > ul > li > ul > li a:hover,
.right-col ul.service-menu li a:hover {color:#006633;
text-decoration:underline}
.left-col nav ul ul.cat-menu-type > li > div:before {content:'';
position: absolute;
visibility: visible;
z-index: 1;
left: -16px;
top:2px;
/*
margin: -26px -2px auto auto;
*/
background: url(/images/cat_smenu_arr.png) 0 0 no-repeat;
width: 16px;
height: 70px;
/*
opacity:0;
-webkit-transition: opacity 1.5s linear;
-moz-transition: opacity 1.5s linear;
transition: opacity 1.5s linear*/}
.left-col nav ul ul.cat-menu-type > li.one-level-menu:before{ display:none}
/*
.left-col nav ul ul > li.hover:before { opacity:1;
-webkit-transition: opacity 0s linear;
-moz-transition: opacity 0s linear;
transition: opacity 0s linear;
visibility: visible}
.left-col nav ul ul > li.start-anim:before {visibility: visible;}
*/
.left-col nav > ul div { position: absolute;
display: none;
z-index: 3;
/*overflow: hidden;*/
background: #fff;
left: 73%;
top: -28px;
min-height: 120%;
width: 400px;
border: solid 1px #ccc;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
padding: 17px 20px 17px}
.left-col nav > ul ul > li.select div { position: relative;
z-index: 0;
display: block;
width: 230px;
border: none;
padding: 0;
top: 0;
left: 15px }
.left-col nav > ul div { min-height:75px}
.left-col nav > ul div > ul { float:left;
width:49%;
padding-right:20px}
.left-col nav > ul div li { padding:0 0 17px 20px}
.left-col nav > ul div.one-col { width: auto;
min-width:230px;
white-space:nowrap}
.left-col nav > ul li.select > div.one-col { white-space:normal}
.left-col nav > ul div.one-col ul { width:100%; float:none}
.left-col nav > ul > li > ul > li.select > a,
.left-col nav > ul > li > ul > li ul > li.select a{ color:#006633}
.left-col nav > ul > li > ul > li.select div.one-col { position: relative;
z-index: 0;
display: block;
width: 100%;
border: none;
padding: 0 15px 0 0;
top: 0;
left: auto }
.left-col nav > ul > li > ul > li.select div.one-col:before { display:none}
.left-col .catalog-filter ul ul { margin:0;
padding:0 0 0 15px;
max-height:0;
opacity:0;
overflow:hidden;
-moz-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out}
.left-col .catalog-filter ul ul > li:first-child { padding-top:12px}
.left-col .catalog-filter ul ul.open { max-height: 800px;
opacity:1;
-moz-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out}
.left-col .catalog-filter li.disabled { color:#ccc}
.left-col .color-red > a { color: inherit}
/* //Left Column */
/* Right Column */
.right-col {position:relative;
float:left;
width:25%;
margin-left:-25%;
padding: 10px 0 12px 20px}
.right-col header,
.right-col .header {display: block;
margin: 0 20px 0 0;
font: normal 17px/19px "Times New Roman", Times, serif;
color:#006633;
text-transform: uppercase;
text-decoration: none }
.right-col header.main-h { padding-top:5px}
.right-col .no-border { border:none}
.right-col ul.service-menu { margin:10px 0 0; list-style:none}
.right-col ul.service-menu li { padding:0 0 14px; line-height:16px}
.right-col ul.service-menu li:last-child { padding-bottom:11px}
.near-record {position:relative;
padding:0 0 10px;
height: 219px}
.cal-near-row { padding-bottom:22px}
.near-record .col-2 { width:53%;
padding-left:15px}
.near-record .col-2:first-child { width:47%;
border-right:solid 1px #9cc3c3;
padding-left:0; padding-right:10px}
.right-col .month-name { padding:10px 20px 12px 0;
font-size:17px;
line-height:20px;
color:#006633}
.near-record .date .day-num { display:inline-block;
width:27px;
height:27px;
background:#5ea86e;
-moz-border-radius: 14px;
-webkit-border-radius: 14px;
border-radius: 13px;
color:#fff;
vertical-align:middle;
font-size:17px;
line-height:27px;
text-align:center}
.near-record .date .time { display:inline-block;
font-size:15px;
line-height:17px;
margin-left:9px;
color:#5f5f5f;
vertical-align:middle}
.near-record .cosmo-type div { padding:10px 0 6px}
.near-record .cosmo-type a { font-size:10px;
line-height:12px;
color:#5f5f5f;
text-decoration:none}
.near-record .cosmo-type a:hover { color:#006633}
.near-record .cosmo-type div a {color:#006633;
font-size:13px;
font-weight:bold;
line-height:16px}
.right-col .cal-link { display:block;
position:relative;
margin:20px 20px 0;
border:solid 1px #999;
padding:7px 0 6px 77px;
font-size:11px;
line-height:13px;
text-transform:uppercase;
text-decoration:none}
.right-col .index-cal .cal-link { margin: 0 20px 0 0}
.right-col .cal-link:before { content:'';
display:block;
position:absolute;
left:34px;
top:3px;
width: 32px;
height: 34px;
background: url(/images/cal.svg) 0 0 no-repeat}
.right-col .cal-link:hover { color:#006633; border-color:#006633}
.right-col .banner header,
.right-col .banner a.header { border: none;
text-align: center;
text-transform: uppercase;
color:#006633}
.right-col .banner ul { list-style: none;
margin: 15px 0 0;
text-align: center}
.right-col .banner ul li {margin-bottom: 25px}
/* Reviews */
.brands-r-c .header,
.articles-r-c .header { font: bold 15px/17px "Trebuchet MS", Arial, sans-serif;
text-transform:none;
color:#006633}
.reviews-by-brands span {color: #5f5f5f}
/* //Reviews */
.brands-r-c .header { display: block;
padding-bottom: 6px;
border-bottom: solid 1px #9cc3c3;
font: normal 17px/19px "Times New Roman", Times, serif;
color: #006633;
text-transform: uppercase;
text-decoration: none}
ul.brands-news-list {margin: 0;
list-style: none}
ul.brands-news-list li {padding: 21px 0;
height: auto;
margin: 0;
border-bottom: solid 1px #9cc3c3;
background: none}
ul.brands-news-list li a.name {font: bold 15px/17px "Trebuchet MS", Arial, sans-serif;
text-decoration: none;
color: #006633}
ul.brands-news-list .date {padding-top: 12px;
color: #5f5f5f}
.right-col .other-articles header {border-bottom: none;
margin: 0 0 19px 0}
ul.article-bl {margin: 0;
padding-left: 47px}
ul.article-bl li {margin: 0 0 5px}
ul.article-bl li a {text-decoration: underline}
ul.article-bl li a:hover { color:#006633;
text-decoration:none}
.article-subj { padding:5px 0 12px}
.other-articles {border-top: solid 1px #ccc;
margin: 20px 10px 20px 20px;
padding-top: 20px}
.other-articles ul {margin: 0;
list-style: none}
.other-articles ul li { margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: solid 1px #9cc3c3}
.other-articles ul li:last-child { margin-bottom:0; border:none}
.other-articles ul .name { padding-bottom: 15px}
.other-articles ul .name a { font: bold 15px/17px "Trebuchet MS", Arial, sans-serif;
color: #006633;
text-decoration: none}
.header-bl a,
.header-bl span {display: inline-block;
font: bold 13px/15px "Trebuchet MS", Arial, sans-serif;
color: #5f5f5f;
text-decoration: none;
vertical-align: middle}
.header-bl a {border-bottom: dashed 1px #5f5f5f}
.header-bl a:hover {border-bottom-color:transparent;
color:#006633}
.icon-comment:before {background-position: -32px 0}
.icon-tags:before {background-position: -402px -66px}
.right-bl-m {padding: 15px 12px;
font-size: 13px;
line-height: 15px}
.right-bl-m .italic,
.delivery-block .italic,
ul.user-form li.btn-bl a.rem {font: italic normal 14px/16px "Times New Roman", Times, serif;
color: #5f5f5f}
/* Right Column */
/* Registration */
ul.basket-reg-msg {list-style: none!important;
margin: 5px 50px 40px 0;
overflow: hidden}
ul.basket-reg-msg li { padding:0; background:none!important}
ul.basket-reg-msg > li {float: left;
width: 33%;
margin:0}
.content ul.info-links { margin:0; list-style:none}
ul.info-links li {position: relative;
background: none;
margin-bottom: 10px;
padding: 0 15px 7px 39px;
min-height: 23px}
ul.info-links li:before { position:absolute;
left:0;
top:0}
.i-order:before {background-position: -278px 0}
.i-avto:before {background-position: -402px 0}
.i-order:before {background-position: -278px 0}
.i-disc:before {background-position: -93px 0}
.i-quest:before {background-position: -184px 0}
.i-cosm:before {background-position: -62px -66px}
.i-cal:before {background-position: -372px 0}
/* //Registration */
/* Basket */
.basket-body-top,
.basket_login_header {height: 75px;
padding: 0;
line-height: 75px;
font: normal 14px/75px "Trebuchet MS", Arial, sans-serif;
color: #5f5f5f}
.basket-body-top a.back { position:relative;
top:auto;
left:auto;
margin: 0 74px 0 0}
.basket-body-top span b {font-weight: bold;
font-size: 13px;
text-transform: uppercase}
.basket-body-top span i {font-style: normal;
font-weight: bold;
color: #006633}
.basket-empty {padding: 44px 35px 39px 63px;
margin: 0 0 40px 0;
font: normal 14px/18px "Trebuchet MS", Arial, sans-serif}
.basket-empty header {padding: 0 0 10px 37px}
.basket-content {color:#5f5f5f}
.basket-content .prod-row > div {padding:0 0 25px}
.basket-content .prod-row .col-3,
.basket-content .prod-row .col-4 {padding-top:19px}
.basket-content .prod-row .col-5 {padding-top:23px}
.basket-content .section-row .col-1-2 {width:57%}
.basket-content .promo .col-1-2,
.basket-content .promo .col-1-2,
.basket-content .discount .col-1-2,
.basket-content .all-summ .col-1-2,
.basket-content .btn-bl .col-1-2 { width:70%}
.basket-content .section-row .col {width:20%}
.basket-content .section-row .col-2 {width:37%}
.basket-content .section-row .col-3 {width:13%}
.basket-content .section-row .col-4 {width:12%}
.basket-content .section-row .col-5 {width:5%}
.basket-content .basket-cnt-prod {margin:0}
.basket-content .basket-h,
.cabinet-calendar .calendar-h,
.calendar .calendar-h,
.cab-orders .header {/*background: #fff url(/images/cart_th_bg.gif) 0 bottom repeat-x;*/
background: -moz-linear-gradient(to bottom, #fff 0%, #fbfbfb 40%, #f4f4f4 100%);
background: -webkit-linear-gradient(to bottom, #fff 0%, #fbfbfb 40%, #f4f4f4 100%);
background: linear-gradient(to bottom, #fff 0%, #fbfbfb 40%, #f4f4f4 100%);
border-bottom: solid 1px #ccc;
padding: 0 0 12px}
.basket-content .basket-h { text-align:left; margin-bottom:25px}
.basket-content .basket-h .col-1-2 { text-align: center}
.basket-content .prod-row .col-2 {font: normal 16px/18px "Times New Roman", Times, serif}
.basket-content .prod-row .product-name { padding-right:30px}
.basket-content .prod-row .product-name .name,
.basket-content .prod-row .product-name a { display:block;
text-decoration:none;
font-size: 17px;
color: #006633}
.basket-content .prod-row .product-name a span {display:block;
color:#5f5f5f}
.basket-content .price {font-size: 17px;
font-weight:bold;
color: #006633}
.basket-content .price span,
.basket-content .col-4-5 span {font-size: 12px;
font-weight: normal;
color: #5f5f5f}
.basket-content .rows-footer {border-top:solid 2px #ccc}
.basket-content .rows-footer > div {font: normal 14px/18px "Trebuchet MS", Arial, sans-serif}
.basket-content .rows-footer .button { padding: 0 10px; vertical-align:middle}
.basket-content .rows-footer > div {padding:15px 0 0}
.basket-content .rows-footer .col-1-2 {text-align:right;
line-height:24px;}
.basket-content .rows-footer .col-1-2 .fright { padding-right:20px}
.basket-content input.promo_code { width:140px; height:30px; vertical-align:middle}
.basket-content .rows-footer .col-3 {width:13%}
.basket-content .rows-footer .col-4-5 { width:17%; font: normal 14px/18px "Trebuchet MS", Arial, sans-serif;}
.basket-content .rows-footer .col-4-5 strong { font-size:17px}
.basket-content .promo .col-1-2 {font-weight:bold;
color:#006633}
.basket-content .promo input {width:100px;
margin-right:20px}
.basket-content .rows-footer .btn-bl { padding:25px 0}
.basket-content .rows-footer .btn-bl a.back { left:auto;
top: auto;
position:relative;
float:left}
.basket-content .rows-footer .btn-bl .col-3 { float:right; width:auto; text-align:right}
.basket-content .discount .col-1-2 { width:83%}
.basket-content .discount .col-1-2 > div { padding:0 20px 10px 0}
.basket-content .discount .price { font-size: 17px;
font-weight:bold;
color: #006633}
/* Basket */
/* Order */
.order-h1 { padding:20px 0 8px 32px}
.order-right-col { padding:0 10px}
.order-steps ul {margin:0 0 16px;
list-style:none;
background:none;
overflow:hidden;
width:100%}
.order-steps ul li {padding:0;
float: left;
position: relative;
height: 55px;
border-top: solid 2px #cfe7cb;
border-bottom: solid 2px #cfe7cb;
background: -moz-linear-gradient(to bottom, #e9f4e8 0%, #dbedd8 49%, #cfe7cb 50%, #cfe7cb 100%);
background: -webkit-linear-gradient(to bottom, #e9f4e8 0%, #dbedd8 49%, #cfe7cb 50%, #cfe7cb 100%);
background: linear-gradient(to bottom, #e9f4e8 0%, #dbedd8 49%, #cfe7cb 50%, #cfe7cb 100%)}
.order-steps li.step1 {width: 22%;
z-index: 4;
border-left: solid 2px #cfe7cb;
-moz-border-radius: 5px 0 0 5px;
-webkit-border-radius: 5px 0 0 5px;
border-radius: 5px 0 0 5px}
.order-steps li.step2 {width: 26%;
z-index: 3}
.order-steps li.step3 {width: 24%;
z-index: 2}
.order-steps li.step4 { width: 28%;
z-index: 1;
border-right: solid 2px #cfe7cb;
-moz-border-radius: 0 5px 5px 0;
-webkit-border-radius: 0 5px 5px 0;
border-radius: 0 5px 5px 0}
.order-steps li.select {border-color: #ffdaa1;
background: -moz-linear-gradient(to bottom, #e9f4e8 0%, #dbedd8 49%, #cfe7cb 50%, #cfe7cb 100%);
background: -webkit-linear-gradient(to bottom, #e9f4e8 0%, #dbedd8 49%, #cfe7cb 50%, #cfe7cb 100%);
background: linear-gradient(to bottom, #fcefd7 0%, #fee4bb 49%, #ffdaa1 50%, #ffdaa1 100%)}
.order-steps li a { display: block;
height: 100%;
cursor: pointer}
.order-steps li b { display: block;
position: absolute;
left: 42px;
top: 7px;
background: url(/images/order_steps_spr.png) 0 -111px no-repeat;
width: 36px;
height: 38px;
font: normal 24px/37px "Times New Roman", Times, serif;
color: #fff;
text-align: center}
.order-steps li.step1 b {left: 20px}
.order-steps li.select b {background-position: 0 -151px}
.order-steps li span {display: inline-block;
padding: 8px 0 0 92px;
font: bold 15px/17px "Trebuchet MS", Arial, sans-serif;
color: #006633}
.order-steps li.select span {color: #333}
.order-steps li.step1 span {padding: 15px 0 0 70px}
.order-steps li:after { content:'';
display: block;
position: absolute;
background: url(/images/order_steps_spr.png) 0 0 no-repeat;
top: -2px;
right: -18px;
width: 22px;
height: 55px}
.order-steps li.select:after {background-position: 0 -55px}
.order-steps li.step4:after { display: none}
.odrer-deliv-descr {padding: 55px 0 0 33px}
.odrer-deliv-descr .text {padding:0 0 30px 34px}
.order-content { padding:20px 20px 0 0}
.order-user-data > .col-2 { width:53%}
.order-user-data > .col-2:last-child { width:47%}
.order-user-data #user_data { padding-left:47px}
.order-user-data .content-form ul.user-form li.msg {padding-left: 106px!important}
.order-user-data .content-form ul.user-form label { width:102px}
.order-user-data .msg-bl {padding: 30px 10px 0 0;
font: italic normal 15px/16px "Times New Roman", Times, serif;
color: #5f5f5f}
.order-user-data-btn {position: relative;
padding:24px 33px 0 33px}
.button-order:after {background-position: -15px -16px; margin-left:8px; margin-right:0}
.button-order:hover:after{background-position: -15px 0}
.arrow-btn-prev:after { display:none}
.arrow-btn-prev:before {content:'';
display: inline-block;
background: url(/images/arr_spr.png?3) 0 0 no-repeat;
width: 15px;
height: 16px;
vertical-align: top;
margin-right: 8px;
margin-top: 6px}
.arrow-btn-prev:hover:before {background-position: 0 -16px}
.basket-auth-bl { position:relative; margin:12px 20px 55px}
.content .basket-auth .btn-bl { padding-left:83px!important}
.basket-auth-bl:after,
.basket-auth-bl:before {content:'';
position: absolute;
top: 0;
left: 33.33%;
width: 1px;
height: 100%;
border-right: solid 1px #ccc;
font-size: 0;
line-height: 0}
.basket-auth-bl:after { left:66%}
.basket-auth .btn-bl .button { width:140px; margin-right:20px}
.basket-reg {padding:0 48px;
text-align: center;
color: #5f5f5f}
.basket-reg p {padding-bottom: 22px}
.basket-auth .user-form .italic { padding:0; font-size:14px; color:#333}
.basket-no-a-msg {border-width: 2px;
padding: 34px 12px 25px;
margin-bottom: 44px;
text-align: center;
font-size: 14px}
.basket-no-a-msg .italic {color: #5f5f5f}
ul.basket-reg-msg { list-style:none; margin:0}
#delivery_block { min-height:100px}
.order-delivery-form .header1 { padding-left:32px}
.order-delivery-form .user-city {padding: 10px 0 32px 32px;
margin:0 0 32px;
border-bottom: solid 1px #ccc;
color: #5f5f5f}
.order-delivery-form .user-city a {display: inline-block;
color: #006633;
text-decoration: none;
border-bottom: dashed 1px #006633}
.order-delivery-form .user-city a:hover { border-color:transparent}
.city-search-form .user-form label { width:55px}
.city-search-form .user-form input[type="text"] { width:280px}
.order-delivery-form #delivery_block {padding:0 0 17px 32px;
margin-bottom: 32px;
border-bottom: solid 1px #ccc}
.order-delivery-form ul.delivery { width:45%;
padding:15px 0 0 32px}
.order-delivery-form #delivery_block .col-2:last-child { width:55%}
.content ul.delivery li { margin-bottom:15px}
ul.delivery li .box {display: inline-block;
width: 220px;
vertical-align: middle}
ul.delivery li input { margin-right:15px}
ul.delivery .price {display: inline-block;
vertical-align: middle;
font: normal 17px/19px "Trebuchet MS", Arial, sans-serif;
color: #006633}
ul.delivery . price span {font-size: 12px;
color: #5f5f5f}
#delivery_descr { padding:18px 0 0}
.italic-descr {font: italic normal 14px/16px "Times New Roman", Times, serif;
color: #5f5f5f}
.order-p-l { padding-left:62px}
.content-form ul.deliv-datetime label,
.content-form ul.delivery-urgently label,
.content-form ul.order-address label { width:242px}
ul.user-form label.w-auto { width:auto}
ul.user-form input.medium {width: 92px!important}
ul.user-form input.medium2 {width: 103px!important}
ins#calendar,
ins.calendar_ru {text-decoration: none;
background: url(/images/admin/icon_cal.gif) 0 0 no-repeat;
display: inline-block;
width: 15px;
height: 15px;
vertical-align: top;
cursor: pointer;
text-decoration: none}
#delivery_info select { width: auto;
max-width:75%}
.order-delivery-butt { padding-top:10px;
padding-right:0;
padding-bottom:50px}
ul#payments ul {list-style: none;
display: none}
ul#payments label {display: inline-block;
width: 220px;
vertical-align: middle}
ul#payments img {vertical-align: middle}
.order-delivery-form .payment { padding:0 0 30px 30px}
.order-payment-butt { padding:0 0 50px}
.order-itog-info {margin: 12px 0 32px 0;
padding: 28px 27px 30px}
.order-itog-info .delivery-confirm {padding: 5px 0 0 43px}
.i-paym:before {background-position: -62px 0}
.order-confirm .section-row .col-1-2,
.order-confirm .basket-h .col-1-2 { width:75%}
.order-confirm .section-row .col-2 { width:55%}
.order-confirm .rows-footer .col-3 { width:20%}
.order-confirm .section-row .col-4 { width:12%;
text-align:center}
.order-confirm .rows-footer .section-row > div > div { padding:0 10px 0 0}
.order-confirm .rows-footer .section-row .col-3 { width:25%; padding-top:2px}
.order-steps-h {font: normal 25px/75px "Times New Roman", Times, serif;
color: #006633}
.order-steps-h .header-l {margin-right: 28px;
vertical-align: middle}
.order-steps-h .nav-links {margin-right: 28px}
a.nav-links {display: inline-block;
font: italic normal 14px/16px "Times New Roman", Times, serif;
color: #5f5f5f;
cursor: pointer;
text-decoration: underline}
a.nav-links:hover { color:#006633;
text-decoration:none}
.icon-n:before {background: url(/images/ic_spr_nav.png?3) -91px 0 no-repeat;
margin-right:15px}
a.nav-links:before { margin-right:15px}
.n-print:before {background-position: -91px 0}
.n-print:hover:before {background-position: -91px -34px}
.i-users:before {background-position: -432px 0}
.i-users:hover:before {background-position: -432px -32px}
.i-cat:before {background-position: -342px -32px}
.i-cat:hover:before {background-position: -342px 0}
.order-done-bl {margin: 0 0 22px 0;
padding: 42px 65px}
.payment-btn {padding: 25px 0 0; text-transform:uppercase}
.order-itog-info ul { margin:0 0 0 43px}
.order-itog-info .section-row > div:first-child { padding-right:10px}
/* //Order */
/* Cabinet */
.cabinet {padding: 32px 0}
a.cabinet-quest { text-transform:uppercase; font-weight:bold; color:#006633}
.cabinet ul.user-form { width:376px; margin:60px auto}
.cabinet ul.user-form .btn-bl { text-align:center}
.cabinet-page .two-column { padding-top:10px}
#cabinet_bm { padding-top:12px}
.type-pad {padding: 28px 15px 28px 30px}
.type-pad p { padding-left:32px}
.type-pad p.header1 {padding: 0 0 22px 0}
.cabinet-page .cabinet-order-help { margin:20px 0 0}
#order_list { padding:0 20px 35px 0}
#order_list ul.cab-orders { margin:0}
.cab-orders .section-row > div { float: left;
padding:0 10px;
color:#5f5f5f}
ul.cab-orders > li { background:none;
border-bottom:solid 1px #ccc;
padding:25px 0}
.cab-orders > li:before { display:none}
.cab-orders .section-row .number { width:10%}
.cab-orders .section-row .date { width:10%}
.cab-orders .section-row .sum { width:15%}
.cab-orders .section-row .status { width:15%}
.cab-orders .section-row .delivery { width:17%}
.cab-orders .section-row .payment { width:18%}
.cab-orders .section-row .actions { width:15%}
#order_list .number,
#order_list .sum {font: bold 15px/17px "Trebuchet MS", Arial, sans-serif}
#order_list .header .number,
#order_list .header .sum { font-weight:normal; color:#5f5f5f}
#order_list .sum,
#order_list a { color:#006633;
font: bold 15px/17px "Trebuchet MS", Arial, sans-serif}
#order_list .sum span {font-size: 12px;
color: #5f5f5f}
.cab-orders .actions a i {display:inline-block;
font: normal 14px/16px "Trebuchet MS", Arial, sans-serif;
color:#5f5f5f;
border-bottom: dashed 1px #5f5f5f}
.cab-orders .actions a:hover i { color:#006633;
border-color:transparent}
.cabinet-user-status { padding:10px 0 30px}
.order-info {padding: 0 0 25px;
font: bold 15px/17px "Trebuchet MS", Arial, sans-serif;
color: #006633}
.order-info span {font-size: 13px;
font-weight: normal;
color: #5f5f5f}
.cabinet-order-btn { text-align:right}
.order-info-cabinet { position:relative; text-align:center; padding-bottom:35px}
.order-info-cabinet a {margin: 0 20px}
.i-unset:before {background-position: -309px -66px}
.cabinet-content .order-itog-info { margin-top:30px}
.cab-treatments > .section-row > .col-1,
.cab-treatments > .section-row > .col-3,
.cab-treatments > .section-row > .col-5 { width:10%}
.cab-treatments > .section-row > .col-2 { width:35%}
.cab-treatments > .section-row > .col-4 { width:35%}
.cab-treatments .header > div { padding-top:16px}
.cab-treatments .header > div.col-3 { padding-top:0}
.cab-treatments .header > div.col-5 { padding-top:10px}
#order_list .show-rows a {text-decoration: none;
font-size: 25px;
text-decoration:none}
.cab-treatments > .section-row .treatment { clear:both;
padding:35px 0 35px;
margin-left:20px;
position:relative}
.treatment > .section-row { border-bottom :solid 1px #ccc; padding:10px 0}
.treatment > .section-row > .col-1,
.treatment > .section-row > .col-3,
.treatment > .section-row > .col-5 { width:10%}
.treatment > .section-row > .col-2 { width:29%}
.treatment > .section-row > .col-4 { width:13%}
.treatment > .section-row > .col-6,
.treatment > .section-row > .col-7 { width:14%}
#order_list .cab-treatments .section-row > div a.button { padding:0 7px}
ul.cab-cal-tabs li a { font-weight:normal}
ul.cab-calendar { margin:35px 0}
ul.cab-calendar > li { background:none; padding:15px 0}
ul.cab-calendar > li:last-child { border:none}
ul.cab-calendar > .section-row > .col-1,
ul.cab-calendar > .section-row > .col-3{ width:15%}
ul.cab-calendar > .section-row > .col-2 { width:70%}
ul.cab-calendar .name {padding: 0 0 12px;
font: normal 17px/19px "Times New Roman", Times, serif;
color: #006633}
ul.cab-calendar .price {font: normal 17px/19px "Trebuchet MS", Arial, sans-serif;
color: #006633}
ul.cab-calendar .price span {font: normal normal 12px/14px "Trebuchet MS", Arial, sans-serif;
color: #5f5f5f}
ul.cab-calendar .set-comment {position: relative;
display: inline-block;
background: none;
padding-left: 33px;
font-weight:normal}
ul.cab-calendar .set-comment:before { position:absolute; left:0}
ul.cab-calendar .action b,
ul.cab-calendar-wl .action b {display: inline-block;
font: normal 13px/15px "Trebuchet MS", Arial, sans-serif;
border-bottom: dashed 1px #5f5f5f}
ul.cab-calendar .action a:hover b { border-color:transparent}
.i-set-c:before { background-position: -31px 0}
.i-set-c:hover:before {background-position: -31px -32px}
ul.cab-calendar-wl .section-row > .col-1 { width:21%}
ul.cab-calendar-wl .section-row > .col-2 { width:37%}
ul.cab-calendar-wl .section-row > .col-3 { width:17%}
ul.cab-calendar-wl .section-row > .col-3 .time-bl { margin-left:0}
ul.cab-calendar-wl .section-row > .col-4 { width:13%}
ul.cab-calendar-wl .section-row > .col-5 { width:12%}
ul.cab-calendar .section-row .review-bl { clear:both;
float:none;
width:100%;
padding:0 0 0 16.2%}
ul.cab-calendar .section-row .review-bl .review-form { padding-top:40px}
ul.cab-recomm > li { padding:12px 0; margin:0}
ul.cab-recomm .section-row > .col-1 { width:20%}
ul.cab-recomm .section-row > .col-2 { width:60%}
ul.cab-recomm .section-row > .col-3 { width:20%}
.user-recommndation { width:800px}
#cabinet_bm a.select { color:#006633}
.user-recommndation ul.products-list { margin-top:0}
.user-recommndation ul.products-list > li { margin:0 0 7px!important;
padding:0!important;
border-bottom:solid 1px #ccc;
overflow:hidden}
.user-recommndation .products-list .info {width:100%;
float:left;
padding-left:154px}
.user-recommndation .products-list .icon {float:left;
width:140px;
margin-left:-100% }
.user-recommndation ul.section-service-list li {margin:0 0 7px;
padding:0 0 7px;
border-bottom:solid 1px #ccc}
.user-recommndation ul.section-service-list li:last-child { border:none}
.user-dialog .user-recommndation .header { padding-bottom:7px}
#order_list ul.cab-topics { margin-top:12px}
ul.cab-topics .section-row > .col-1 { width:13%}
ul.cab-topics .section-row > .col-2 { width:13%}
ul.cab-topics .section-row > .col-3 { width:39%}
ul.cab-topics .section-row > .col-4 { width:7%}
ul.cab-topics .section-row > .col-5 { width:13%}
ul.cab-topics .section-row > .col-6 { width:15%}
#support-form { width:960px; font-size:13px}
.cosmo-set {width: 340px}
.support .cosmo-info {float: left;
width: 620px;
margin:0;
padding: 0 0 0 20px}
.sup-c-photo { width:210px}
.sup-c-photo span {display:inline-block;
border: solid 1px #ccc;
padding: 3px}
.sup-c-photo span img {border: solid 2px #c7c7c7;}
.sup-c-info {width:390px;
padding-left:15px}
ul.user-form .sup-c-info li,
.content .sup-c-info li { margin-bottom:7px!important}
ul.sup-c-info .name {font: bold 15px/17px "Times New Roman", Times, serif;
color: #006633}
ul.sup-c-info span {font-weight: bold;
color: #5f5f5f}
.sup-header, #support-form label {display:block;
padding-bottom: 7px;
font: bold 15px/17px "Trebuchet MS", Arial, sans-serif;
color: #5f5f5f}
#support-form ul {margin:0;
list-style:none}
#cosmo-list ul li {padding: 0 0 5px!important;
margin: 0 0 5px!important;
border-bottom: solid 1px #ccc}
#support-form input[type='text'] {width: 420px}
#new_post_form {padding: 20px 0}
#new_post_form .sup-header { font-size:15px; padding-bottom:5px}
#new_post_form .user-form > li { margin-bottom:7px!important}
.order-user-data ul.user-form label { width:125px}
.order-user-data ul.user-form textarea { width:290px}
.order-user-data ul.user-form .pos {display:inline-block;
padding:0;
vertical-align:top;
font-weight:normal }
ul.user-form > li #c_photo {display: inline-block;
padding: 7px 0 0}
.order-user-data ul.user-form .bnt-bl { padding-left:125px!important}
ul.user-form > li b.orange { padding:0}
#q_res { padding-bottom:20px}
.q-h {display:inline-block;
width: 168px;
padding-bottom:8px;
font: bold 15px/17px "Trebuchet MS", Arial, sans-serif;
color: #006633;
vertical-align: middle}
.q-h3 { padding-top:25px}
.q-h-bl { display:block; width:100%}
.q-h span.num-q {display: inline-block;
background: #ecf5eb;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
width: 24px;
height: 24px;
margin-right: 13px;
font: bold 15px/22px "Trebuchet MS", Arial, sans-serif;
color: #5f5f5f;
text-align: center;
vertical-align: middle}
.question-form ul.question > li {margin-bottom: 27px;
position: relative}
.question-form ul.question .section-row .col-2:last-child .q-h{padding-left:25px}
.question-form ul.question .section-row .col-2:last-child ul > li {padding-left:61px}
.question-form ul.question .section-row .col-2:last-child .q-h4 {padding:8px 0 8px 61px}
input[type='date'],
ul.question input[type='text'],
ul.question textarea {border: solid 1px #b1cead;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
margin:0 auto 0 40px;
width: 80%;
height: 120px;
padding: 0 4px;
vertical-align: middle}
ul.question input[type='text'] {height:27px;
width:89px;
line-height:25px;
margin:0}
input[type='date'] {height:30px;
width:129px;
line-height:25px;
margin:0}
ul.question input[type='text']#q_10 {width:250px}
.question-form ul.question li ul {margin:8px 0 0;
list-style: none}
.question-form ul.question li ul > li {margin: 0 0 8px;
padding: 0 0 0 36px}
ul.question div.descr {padding:0 0 8px 43px;
font-style: italic;
color: #5f5f5f}
#request_msg {padding: 12px 0 36px;
color: #5f5f5f}
ul.border-l {border-left: solid 1px #ccc}
#quest_photos_bl {padding-top: 12px}
#quest_photos_bl span {display: inline-block;
vertical-align: top;
margin-right: 5px}
ul.question input[type='checkbox'],
ul.question input[type='radio'] {width: 18px;
height: 16px;
margin: 0 5px 0 0;
padding: 0;
vertical-align: middle}
.q-btn-bl { text-align:center}
#request_msg a { color:#006633}
.cabinet-pass-form ul.user-form label { width:135px}
.cabinet-user-msg-set,
.cabiner-sert-form { padding:0 0 25px}
ul.msg-config { margin: 7px 0 12px 12px}
.content ul.msg-config li { margin-bottom:8px!important}
.cabiner-sert-form ul.user-form label { width:100px}
.in-file-bl .clear { height:4px}
/* //Cabinet*/
/* Calendar */
#cal-proc-info .col { width:24%}
#cal-proc-info .col-2 { width:76%}
#cal-proc-info .name {padding-top:4px;
font-size:16px}
#cal-proc-info ul.cal-cosmo-list { margin:0 0 5px}
#cal-proc-info ul.cal-cosmo-list > li {margin-bottom: 7px}
#cal-proc-info ul.cal-cosmo-list > li > a {display: block;
position: relative;
cursor: pointer;
text-decoration: none}
#cal-proc-info ul.cal-cosmo-list > li > a .info {display: none;
position: absolute;
z-index: 2;
top: 200%;
left: 0;
width: 450px;
padding: 15px;
background: #fcfcfc;
border: solid 1px #006633;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px}
#cal-proc-info ul.cal-cosmo-list > li > a:hover .info { display:block}
#cal-proc-info ul.cal-cosmo-list > li > a .info .photo {float: left;
margin: 0 15px 15px 0}
#cal-proc-info ul.cal-cosmo-list > li > a .info .text { color:#333}
.calendar { margin-top:10px}
.calendar .col { width:10%}
.calendar .col .calendar-h {padding-top:22px}
.calendar .col-2 { width:90%}
.lock-bl { position:relative;
padding-left:37px}
.i-lock:before {background-position: -278px -66px}
.lock-bl:before { position:absolute; left:0; top:0}
#cal-auth-msg { margin-bottom:28px}
.calendar-info { text-align:right;
border-bottom: solid 1px #ccc;
padding:0 0 15px;
margin-bottom:15px}
.cal-rules { padding-bottom:15px}
.calendar-info > span { padding-left:20px}
.calendar-info > span:before {content:'';
display: inline-block;
width: 12px;
height: 12px;
margin: 0 8px 0 0;
border: solid 1px #ccc;
vertical-align:middle}
.leg1:before {background: #e8e8e8}
.leg2:before {background: #f4ffdd}
.leg3:before {background: #e7f3e6}
.calendar-body .column {float:left;
width:14.28%;
padding:0;
text-align:center}
.calendar .calendar-h {padding:4px 10px 10px;
min-height:130px;
font-size:13px;
border-right:solid 1px #fff}
.calendar .cur-day .calendar-h {background: -moz-linear-gradient(to bottom, #fff 0%, #fff 20%, #fcf2e1 60%, #fcdcae 100%);
background: -webkit-linear-gradient(to bottom, #fff 0%, #fff 20%, #fcf2e1 60%, #fcdcae 100%);
background: linear-gradient(to bottom, #fff 0%, #fff 20%, #fcf2e1 60%, #fcdcae 100%);
color:#006633;
font-weight:bold}
.calendar .week-name {font-style:italic;
color:#333}
.calendar .cur-day .week-name {color:#006633}
.calendar-body .column p {color:#333;
padding:3px 0}
.calendar div.cosmo_other {display:none}
.calendar a.cosmo_default {color:#006633}
.calendar .cal-row {height:25px;
padding:4px 10px;
background:#f4ffdd;
border-bottom:solid 1px #999;
border-right:solid 1px #fff;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none}
.calendar .old_date,
.calendar .no_places { background:#e8e8e8}
.calendar .col-time {background:#fff}
.calendar .you_request {background:#e7f3e6;
border-color:#e7f3e6;
color:#333}
.calendar .cell_hover { background-color:#006633;
border-color:#006633;
cursor:pointer;
color:#fff}
.calendar .duration .time-bl {color:#006633}
.calendar .duration .time-bl span {font-weight:normal;
color:#5f5f5f}
.calendar .cell_hover .duration .time-bl,
.calendar .cell_hover .duration .time-bl span { color:#fff}
.calendar-body .btn-nav { display:none}
#cal-login-promt { position:absolute;
z-index:1100;
width:250px;
padding:15px 15px;
background:#f0fbf6;
border:solid 2px #c6e9d5;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
margin-top:30px;
margin-left:-22px;
color:#fe9900;
font-weight:bold;
text-align:center;}
#cal-login-promt:before {display: block;
content:'';
position: absolute;
left:20px;
top:-11px;
background:url(/images/news_date_bl_spr.png) -12px -26px no-repeat;
height: 14px;
width: 12px}
.cal-nav {position:relative;
padding:32px 0}
.cal-nav .center {position: absolute;
left: 50%;
margin-left: -80px}
.cal-nav .fright a {margin-left: 18px}
.cal-nav .fleft a {margin-right: 18px}
.call-drop-down-menu {position: absolute;
z-index: 3;
width: 190px;
top: 0;
left: 0;
background: #fff;
border: solid 1px #ccc;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0 0 10px #999;
-webkit-box-shadow: 0 0 10px #999;
box-shadow: 0 0 10px #999;
padding: 7px 7px;
font-size: 0;
line-height: 0}
.call-drop-down-menu .call-menu-msg {font: normal 12px/14px Arial, Helvetica, sans-serif}
.call-drop-down-menu a.cal-panel-button { display: block;
position: relative;
padding: 5px 5px;
margin: 4px 0;
font-size: 11px;
line-height: 14px;
color: #000;
border-bottom: solid 1px #ccc;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0 0 10px #999;
-webkit-box-shadow: 0 0 10px #999;
box-shadow: 0 0 5px #999;
text-decoration: none }
.call-drop-down-menu a.cal-panel-button:hover { background:#ccc; color:#fff}
/* Forms */
#cal-user-form {width:650px}
.m-cal:before {background-position: -119px 0}
.quick-reg-form { width:550px}
.popup-user-form .user-form > li > span { width:120px}
.popup-auth-form .user-form > li > span { width:160px}
.popup-user-form.recall-form .user-form > li > span { width:180px}
.popup-user-form ul.user-form select,
.popup-user-form .user-form input[type='text'],
.popup-user-form .user-form textarea { width:286px; height: 30px}
.find-cheape-form .user-form textarea { width:286px; height: 100px}
#cal-user-form { width:450px}
#cal-user-form ul.user-form > li { margin-bottom:5px!important; min-height:31px}
#cal-user-form ul.user-form > li > span { width:145px}
#cal-user-form ul.user-form > li > span.sub-sections { width: auto}
.popup-user-form .user-form > li > b { padding:0}
option.disabled {color: #ccc}
#cal-user-form #prod_info_price {font-size: 15px;
color: #006633}
.popup-user-form .user-form .checked-bl input { margin:3px}
#rules_centr ul { margin:5px 0 0}
.popup-user-form .user-form .checked-bl .error { padding:5px 0 0}
.user-form .error input[type="text"] { border-color:#fe9900}
/* Forms */
/* //Calendar */
/* Search */
.search .search-right-col {padding: 10px 20px 0 20px;
margin-left:0;
text-align:center}
.search-panel { padding:12px 8px 0}
.search-panel .section-row { padding-bottom:12px}
.search-panel .section-row:last-child { padding-bottom:0}
.search-panel > .section-row > .col { width: 11%; color:#5f5f5f}
.search-panel > .section-row > .col-2 { width: 89%}
.search-page-form .section-row .col { width:100%;
padding-right:135px}
.search-page-form .section-row .col > span { display:block; width:100%}
.search-page-form .section-row .col input[type="text"] { width:100%; height:30px}
.search-page-form .section-row .col-2 { width:130px;
margin-left:-130px;
text-align:right}
.search-page-form .search-wrapp { margin-bottom:7px}
.search-tabs .col { width:auto}
.search-tabs .col-2 { float:right; width:auto}
.search-tabs ul.product-tabs li { font-size:14px; line-height:16px}
.search-tabs ul.product-tabs li a { text-transform:none; font-weight:normal}
.search-tabs .paging { padding-bottom:7px}
.search-result { padding:12px 0 0}
.search-result header {font: bold 15px/17px "Trebuchet MS", Arial, sans-serif;
margin-bottom: 32px;
color: #006633}
.content-pos .search-result ul li {padding: 0 0 20px;
margin-bottom: 20px;
border-bottom: solid 1px #9cc3c3}
.content-pos .search-result ul li:last-child { border: none}
.search-result ul .name { padding-bottom:12px}
.search-result ul .name a {font: normal 17px/19px "Times New Roman", Times, serif;
color: #006633;
text-decoration: none}
.search-result ul li b {font-weight: normal;
color: #ff6600}
.search-result .breadcr {padding: 20px 0;
color: #5f5f5f}
.search-result .breadcr a {color: #5f5f5f}
/* //Search */
/* Sitemap */
.content ul.site-map li { margin-bottom:7px}
/* Footer */
footer {padding-top:25px; min-width:1250px}
.payment-logo-2 { margin-left:15px}
footer a { text-decoration:none}
footer a:hover { text-decoration: underline;
color:#006633}
footer nav { position:relative;
border-top:solid 1px #dff0dd;
background: linear-gradient(to bottom, #f7fbf7 0%, #eff7ef 12%, #e2f1e0 40%, #dff0dd 50%, #dff0dd 100%);
width:100%;
padding:35px 0 25px}
footer nav .section-main { font-size:0; line-height:0}
footer nav .section-main > div {font: normal 13px/15px "Trebuchet MS", Helvetica, Areal, sans-serif}
footer nav .section-main > .col { width:19%}
footer nav .section-main > .col-2 { width:19%}
footer nav .section-main > .col-3 { width:18%}
footer nav .section-main > .col-4 { width:24%}
footer nav .section-main > .col-5 { width:20%}
footer nav .section-main > .col .info { font-weight:bold; color:#006633; padding-bottom:5px}
footer .online-cons { font-weight:bold}
footer .header {margin-bottom: 25px;
padding: 0;
font: normal 16px/18px "Times New Roman", Times, serif;
color: #006633;
text-transform: uppercase}
.footer-phones { padding-top: 2px}
.footer-phone,
.footer-phone a {font: normal 17px/20px "Trebuchet MS", Helvetica, Areal, sans-serif;
color: #006633;
text-decoration: none}
.footer-phone span {font-size: 16px;
color: #6d6e71}
.footer-recall a {font: normal 12px/14px "Trebuchet MS", Helvetica, Areal, sans-serif}
.bot-smenu { margin-top:25px}
.bot-smenu li {padding-bottom: 10px}
ul.bot-smenu-main li { padding-bottom:6px}
ul.bot-smenu-main a {display: inline-block;
position: relative;
padding-left: 35px;
font: bold 11px/25px "Trebuchet MS", Helvetica, Areal, sans-serif;
text-transform: uppercase}
ul.bot-smenu-main a:before { content:'';
position:absolute;
left:0;
top:0;
display:block;
background: url(/images/ic_spr_info.png?21) 0 0 no-repeat;
width:25px;
height:25px}
ul.bot-smenu-main a.m-0-4:before{ background-position: -32px 0}
ul.bot-smenu-main a.m-0-4:hover:before {background-position: -32px -32px}
ul.bot-smenu-main a.m-0-3:before{ background-position: -185px 0}
ul.bot-smenu-main a.m-0-3:hover:before {background-position: -185px -32px}
ul.bot-smenu-main a.m-2-0:before{ background-position: 0 -66px}
ul.bot-smenu-main a.m-2-0:hover:before {background-position: 0 -98px}
ul.bot-smenu-main a.m-2-1:before{ background-position: -123px 0}
ul.bot-smenu-main a.m-2-1:hover:before {background-position: -123px -32px}
ul.bot-smenu-main a.m-2-2:before{ background-position: -93px 0}
ul.bot-smenu-main a.m-2-2:hover:before{ background-position:-93px -32px}
ul.bot-smenu-main a.m-2-3:before{ background-position: -403px 0}
ul.bot-smenu-main a.m-2-3:hover:before{ background-position: -403px -32px}
ul.bot-smenu-main a.m-2-4:before{ background-position: -93px -66px}
ul.bot-smenu-main a.m-2-4:hover:before{ background-position: -93px -98px}
ul.bot-smenu-main a.m-2-5:before{ background-position: -155px -0px}
ul.bot-smenu-main a.m-2-5:hover:before{ background-position: -155px -32px}
ul.bot-smenu-main a.m-3-1:before{ background-position: -216px -66px}
ul.bot-smenu-main a.m-3-1:hover:before{ background-position: -216px -98px}
ul.bot-smenu-main a.m-3-22:before{ background-position: -432px 0}
ul.bot-smenu-main a.m-3-22:hover:before{ background-position: -432px -32px}
ul.bot-smenu-main a.m-3-3:before{ background-position: -372px 0}
ul.bot-smenu-main a.m-3-3:hover:before{ background-position: -372px -32px}
ul.bot-smenu-main a.m-3-2:before{ background-position: -216px 0}
ul.bot-smenu-main a.m-3-2:hover:before{ background-position: -216px -32px}
ul.bot-smenu-main a.m-3-4:before{ background-position: -185px -66px}
ul.bot-smenu-main a.m-3-4:hover:before{ background-position: -185px -98px}
ul.bot-smenu-main a.m-3-5:before{ background-position: -184px 0}
ul.bot-smenu-main a.m-3-5:hover:before{ background-position: -184px -32px}
ul.bot-smenu-main a.m-4-1:before{ background-position: -62px -66px;}
ul.bot-smenu-main a.m-4-1:hover:before{ background-position: -62px -98px}
ul.bot-smenu-main a.m-4-3:before{ background-position: -123px -66px}
ul.bot-smenu-main a.m-4-3:hover:before{ background-position: -123px -98px}
ul.bot-smenu-main a.m-4-4:hover:before{ background-position:0 -32px}
ul.bot-smenu-main a.m-4-5:before{ background-position: -154px -66px;}
ul.bot-smenu-main a.m-4-5:hover:before{ background-position: -154px -98px}
ul.bot-smenu-main a.m-0-2:before{ background-position: -246px 0}
ul.bot-smenu-main a.m-0-2:hover:before{ background-position: -246px -32px}
ul.bot-smenu-main a.m-4-7:before{background: url(/images/ic_spr_nav.png) -62px 0 no-repeat}
ul.bot-smenu-main a.m-4-7:hover:before { background-position:-62px -34px}
.soc-link span {padding-right: 39px;
font: bold 11px/13px "Trebuchet MS", Helvetica, Areal, sans-serif;
color: #999}
.soc-link a {display: inline-block;
background: url(/images/ic_spr_soc.png?7) 0 0 no-repeat;
margin-right: 5px;
width: 25px;
height: 25px;
vertical-align: middle}
.soc-link a.soc-vk {background-position: -61px 0}
.soc-link a.soc-vk:hover {background-position: -61px -33px}
.soc-link a.soc-fb {background-position: -92px 0;}
.soc-link a.soc-fb:hover {background-position: -92px -32px}
.soc-link a.soc-yt {background-position: -214px 0;}
.soc-link a.soc-yt:hover {background-position: -214px -32px}
.soc-link a.ig-b-24 { display:inline-block;
width: 24px;
height: 24px}
.soc-link a.ig-b-:hover {background-position: 0 -60px}
.soc-link a.soc-tel {background-position: -245px 0;}
.soc-link a.soc-tel:hover {background-position: -245px -33px}
.soc-link a.soc-inst {background-position: -277px 0;}
.soc-link a.soc-inst:hover {background-position: -277px -33px}
.copy-footer {font: normal 12px/14px "Trebuchet MS", Helvetica, Areal, sans-serif;
color: #5f5f5f;
text-align: center}
.copy-footer > div { padding-bottom:7px}
.copy-footer a { color:#5f5f5f}
.btn-croll-top { display:none}
.btn-tg { position:fixed;
z-index:10;
bottom:20px;
left:20px;
width:40px;
height:40px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
-moz-box-shadow: 0 4px 10px #999;
-webkit-box-shadow: 0 4px 10px #999;
box-shadow: 0 4px 10px #999;
cursor:pointer}
.btn-whatsapp svg { position: absolute;
left:2%;
top:2%;
height:96%;
width:96%;
fill: white}
.btn-webim {position:fixed;
z-index:10;
bottom:20px;
right:20px;
background:url(/images/default-logo-short.png) 4px 5px no-repeat;
border: 1px solid #aaa;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
width:40px;
height:40px;
-moz-box-shadow: 0 4px 10px #999;
-webkit-box-shadow: 0 4px 10px #999;
box-shadow: 0 4px 10px #999;
cursor:pointer}
.btn-webim:hover,
.btn-whatsapp:hover {-moz-box-shadow: 0 4px 15px #555;
-webkit-box-shadow: 0 4px 15px #555;
box-shadow: 0 4px 15px #555 }
div.mibew-chat-frame-toggle-off { bottom:20px!important; right:20px!important }
/* //Footer */
/* Process */
#user-page-bg {position: absolute;
z-index:1000;
top:0;
left:0;
background-color:#000;
opacity:0.8;
}
.show_process { position:absolute;
z-index:1000;
top:50%;
left:50%;
width:170px;
height:40px;
border:solid 1px #ccc;
background:#f4f4f4 url(/images/loading.gif) center no-repeat}
.user-dialog { position:absolute;
z-index:1000;
background:#fff;
border:solid 1px #ccc;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
-moz-box-shadow: 0 0 10px #999;
-webkit-box-shadow: 0 0 10px #999;
box-shadow: 0 0 10px #999;
padding:27px 29px}
.user-dialog-action { border:solid 2px #d6e5d4}
.user-dialog-cont div.size { display:block;
background: url(/images/loading.gif) center no-repeat;
width:230px;
height:200px}
.user-form-close {position: absolute;
top: 33px;
right: 31px;
font: italic normal 14px/16px "Times New Roman", Times, serif;
color: #5f5f5f}
.user-form-close:after {content:'';
display: inline-block;
background: url(/images/ic_spr_info.png?21) -309px -66px no-repeat;
width: 25px;
height: 25px;
margin-left:10px;
vertical-align: middle;}
.user-form-close:hover:after { background-position:-309px -98px}
.user-dialog .header { position:relative;
padding-bottom:22px;
font:bold 15px/17px "Trebuchet MS", Arial, sans-serif;
color:#006633;
margin-right:70px}
.user-dialog .header i { display: inline-block;
position:relative;
top:auto;
left:auto;
vertical-align:middle;
margin-right:10px}
.loading_box { background:#fff url(/images/loading.gif) center no-repeat}
.loading-box { opacity: 0.5}
.show_img_bg { position: absolute;
z-index:5001;
background:#fff url(/images/loading.gif) center no-repeat;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
width:300px;
height:300px;
padding:10px;
overflow:hidden;
text-align:center}
.show_img {padding:30px 0px 0px 0px}
#ext-title-box { position:absolute;
z-index:1000;
padding:10px;
margin:5px -5px 0 0;
max-width:700px;}
#ext-title-box .show_process { background:#f3f3f3;
border-color:#777;
right:auto; top:auto}
.ext-title { cursor:pointer}
.ext-text-popup { width:500px;
padding:50px 10px}
.add-basket-msg {background: #dff0dd;
padding: 2px 10px 0;
height: 100%;
text-align: center;
font-size: 14px;
color: #326666}
/* Action */
.f-s-18 { font-size:18px !important}
.popup_action_help { width:700px;
padding:40px 20px 0}
.popup_action_help .header { padding:0;
font-size:20px}
.page_blocks { display:none;
font-size:14px}
.page_bl_active { display:block}
.page_blocks p { margin-bottom:10px}
.popup_action_help .price span { font-weight:normal}
.popup_action_help .descr { color:#999}
.page_blocks header { font-size:16px}
.page_blocks ol { text-align:left;
padding-right:10px}
.page_blocks ol li { margin-bottom:15px}
.action_try { display:inline-block;
width:40px;
height:40px;
border:solid 1px #006633;
-moz-border-radius: 40px;
-webkit-border-radius: 40px;
border-radius: 40px;
margin-right:10px;
text-align:center;
line-height:40px}
.action_try_error { background:#c00}
.head_block { background:#cfe7cb;
padding:10px 0;
font-size:16px}
.prod_info_bl { padding:20px 40px 0 0}
.prod_info_bl p { padding:0 0 20px 10px}
.prod_info_bl .no-padding p { padding:0}
.prod_price_bl { padding:20px 0 0 20px}
.o_action_1 { width:148px;
height:28px;
border:solid 1px #bcc8ba;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
margin:10px 0 10px;
text-align:center}
.button_try_mory { display:inline-block;
margin-left:10px;
vertical-align:middle}
/* //Action */
/* Price */
.tbl_price { border-collapse:collapse}
.tbl_price td,
.tbl_price th { border:solid 1px #006633;
padding:3px 5px}
.tbl_price .section_name td { background:#006633; color:#fff; font-weight:bold; text-align:center}
/* //Price */
/* Media */
@media not print{
@media (max-width: 760px) {
html { width:100%}
body { position:relative;
width:100%;
min-width:0}
body:before { min-width: 100%}
.pc-content {min-height: 80px}
h1, .h1, .guru_h1 {font-size:16px;
line-height:20px;
text-transform:uppercase}
h1.product-name span { text-transform:none}
.header1, h2, .h2 { text-align:center}
.header-page-main { padding:0 10px; margin-bottom:15px}
.mobile-1-col > div > div { float:none; width:100%}
.index-info-bl .index-news { min-height:0}
table.mobile-1-col tr > td:first-child,
.mobile-1-col > div > div:first-child { background:#f5f5f5; color:#006633}
table.mobile-1-col th,
table.mobile-1-col td { display:block; width:100%}
.cloud-zoom-lens,
.cloud-zoom-big { display:none!important}
.right-col header,
.right-col .header {font: normal 15px/19px "Times New Roman", Times, serif;}
.mobile-bl { display: block!important}
.mobile-bl-in { display:inline-block!important}
.desktop-bl { display: none!important}
.top .contacts:before { display: none}
.top .contacts .consult { border:none!important}
.top .contacts .consult:before {content: '';
position: absolute;
top: 3px;
left: 0;
width: 32px;
height: 34px;
background: url(/images/ic_spr.svg?7) -160px 0px no-repeat}
.content-pos {width:100%}
.mobile-pos { padding-left:10px; padding-right:10px}
.top { width:100%}
.top .content-pos,
.content-pos,
.index-content,
.content { max-width: none;
min-height:0;
width:100%}
.content iframe { max-width:100%; max-height:200px}
.content img,
.slider-bl img {max-width: 100%;
height: auto}
.ext-text-popup { width:100%; padding:0}
.banner_index { width:200px}
.banner_index .name { font-size:14px}
.banner_index .annonce { font-size:16px; line-height:18px}
.top-size { height:70px}
.mobile-menu-btn { top:-70px}
.fix-top-menu-top .mobile-menu-btn {position:fixed;
display:block;
left:0;
top:0;
z-index:1001;
width:100%;
padding:0 0 7px;
-moz-transition: top 0.4s ease-out;
-webkit-transition: top 0.4s ease-out;
transition: top 0.4s ease-out}
.fix-top-menu-top .mobile-menu-btn .toggle-menu { position:relative; top:5px;}
.fix-top-menu-top .mobile-menu-btn:before { content:'';
position:absolute;
top:0;
left:0;
z-index:0;
background:#daedd7;
width:100%;
height:100%;
border-bottom:solid 1px #006633;
opacity:0.6 }
.toggle-menu { display:block}
.top .logo { top:18px;
left:52px;
background-image: url(/images/logo_mobile.svg);
width:159px;
height:56px}
.work-time { display:none}
.top .bl-right { top:17px;
right:0;
text-align:right}
.top .bl-right .btn-cal-event { display:inline-block}
.top .bl-right > a,
.top .bl-right > .btn-block{ right:15px;
width:32px;
margin-left:4px;
padding-left:0;
font-size:0;
line-height:0}
.top .bl-right > .btn-block a.auth { width:100%;
height:100%;
font-size:0;
line-height:0;
border:none}
.top .bl-right > .btn-block a.reg { display:none}
.top .bl-right > .favorites { margin-top:3px}
body .top .btn-basket-event b,
body .top .btn-basket-event > span span,
.top .bl-right > a.btn-block > span { display:none}
body .top .btn-basket-event > span span#rbasket_cnt { display:block;
position:absolute;
min-width:20px;
height:20px;
background:#e77f14;
border:solid 1px #fff;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
left:18px;
top:-6px;
font-size:15px;
line-height:18px;
font-weight: normal;
color:#fff;
text-align:center}
.top .btn-basket-event > span span.empty { display:none!important}
body .top .btn-basket-event:before { display:block!important}
/*
body .top .btn-basket-event #rbasket_cnt { display:block; position:absolute; right:0; top:0}
*/
nav.top-menu > ul { background: none;
width:100%;
border:none;
padding:0 10px 12px}
nav.top-menu > ul > li {width:33.33%; margin:0; padding:0 2px}
nav.top-menu > ul > li:first-child { padding:0 4px 0 0}
nav.top-menu > ul > li:last-child { padding:0 0 0 4px}
nav.top-menu > ul > li .close { position:absolute;
top:5px;
right:30px;
display:block;
z-index:2;
font-size:20px;
line-height:22px;
font-weight:bold;
color:#006633}
nav.top-menu > ul > li > a,
nav.top-menu > ul > li:first-child > a{ height:46px;
background:none;
border:solid 2px #cfe7cb;
padding:0 10px 0 15px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius: 5px;
background: -moz-linear-gradient(180deg, rgba(255, 255, 255, 0.44) 0%, #cfe7cb 100%);
background: -webkit-linear-gradient(180deg, rgba(255, 255, 255, 0.44) 0%, #cfe7cb 100%);
background: linear-gradient(180deg, rgba(255, 255, 255, 0.44) 0%, #cfe7cb 100%);
font-family: Times, serif;
line-height:17px;
text-transform:none}
nav.top-menu > ul > li > a > span {font-size:12px;
line-height:12px;
color:#5f5f5f}
nav.top-menu > ul > li > ul { display:none}
nav.top-menu > ul > li > a.select,
nav.top-menu > ul > li:hover > a { background-position:0 0}
nav.top-menu > ul > li:first-child > a.select { border-color: #fcd7a0}
nav.top-menu form.search { position:relative;
z-index:1;
width:100%;
height:auto;
padding:0 10px 4px 10px;
background:none;
border:none}
form.search input[type='text'] { border-color:#006633}
form.search input[type='image'] {top:2px;
right:11px;
background:#006633 url(/images/search_btn.svg) center no-repeat }
.btn-croll-top { position:fixed;
z-index:100;
display:block;
bottom:10px;
right:2px;
background: url(/images/arrow-top.svg) 0 0 no-repeat;
width:20px;
height:30px;
opacity:0;
-moz-transition: opacity 0.7s ease-out;
-webkit-transition: opacity 0.7s ease-out;
transition: opacity 0.7s ease-out;
text-decoration:none
}
.show-scroll-top .btn-croll-top {opacity:1;
-moz-transition: opacity 0.7s ease-out;
-webkit-transition: opacity 0.7s ease-out;
transition: opacity 0.7s ease-out}
/* Content Column */
.main-wrapper {overflow:visible}
.content-col { position:relative;
z-index:0;
padding:0;
float:none}
.content,
.content-pos-all { padding:10px 10px 0}
.breacr { padding-left:10px}
.nav-panel { position:relative;
height:28px;
color:#006633;
line-height:28px;
background: -moz-linear-gradient(to bottom, #daedd7 0%, #eaf5e8 40%, #f7fbf6 70%, #fff 100%);
background: -webkit-linear-gradient(to bottom, #daedd7 0%, #eaf5e8 40%, #f7fbf6 70%, #fff 100%);
background: linear-gradient(to bottom, #f7fbf6 0%, #eaf5e8 50%, #f7fbf6 100%)}
.nav-panel-left { padding-left:10px; }
.nav-panel-right { text-align:right;
padding-right:10px}
.btn-menu {position: relative;
display: inline-block;
top:12px;
width:20px;
height:3px;
background:#006633;
text-decoration:none }
.btn-menu:before,
.btn-menu:after { content:'';
position:absolute;
display:block;
width:100%;
height:3px;
background:#006633;
left:0}
.btn-menu:before {top: -6px}
.btn-menu:after {top: 6px}
.brands-logo { margin-bottom:0}
.guru-banner { margin-top:99px;
height:52px}
.guru-banner .descr { background:#f5faf4;
width:100%;
height:79px;
top:-79px;
padding-left:91px}
.guru-banner .descr:before { left:0;
bottom:auto;
top:9px;
background-image:url(/images/guru_girl.svg);
width:101px;
height:122px}
.guru-banner .descr:after { display:none}
.guru-banner .guru-q {font-size:18px;
line-height:21px}
.guru-banner .step { width:34%;
padding:0 0 0 15px;
text-align: center}
.guru-banner .step:after { content:'';
display:block;
position:absolute;
top:0;
left:0;
z-index:-1;
height:100%;
width:70%}
.guru-banner .step-1 { left:10%;
width:38%;
background:url(/images/guru_mobile_1.svg?2) right 0 no-repeat}
.guru-banner .step-1:after { background:#eaf5e8}
.guru-banner .step-2 { left:40%;
background: url(/images/guru_mobile_2.svg?3) right 0 no-repeat}
.guru-banner .step-2:after { background:#daedd7}
.guru-banner .step-3 { right:0;
left:auto;
background: url(/images/guru_mobile_3.svg) right 0 no-repeat}
.guru-banner .step-3:after { background:#cfe7cb}
.guru-banner .result { display:none}
.guru-banner .step b { padding:0;
font-size: 34px;
line-height:52px}
.guru-banner .step span {font-size: 10px;
line-height:11px;
text-align:left}
#index_tabs { margin:20px 10px 20px;
text-align:center}
.index-info-bl .col-3 { float:none;
width:100%;
padding:35px 10px 0 10px!important}
.index-info-bl .header1 { text-align:center}
.swiper-container .btn-nav { background-image:url(../images/slider_arrow_active.svg)}
.index-news ul.video-list .video-data { height:320px}
.index-news ul.video-list .video-data iframe { height:100%}
.near-record { height:auto}
.near-record .col-2 { float:none;
width:100%!important;
padding:0}
.near-record .col-2:first-child { border:none;
border-bottom:solid 1px #9cc3c3;
margin-bottom:18px}
.near-record .col-2 .cal-near-row { position:relative;
margin-bottom:10px;
padding-bottom:10px}
.near-record .col-2 .p-t-20 { padding-top:0!important}
.near-record .col-2 .cosmo-type div { position:absolute;
left:90px;
bottom:14px;
padding:0;
width:130px}
.near-record .col-2 .cosmo-type > a {position:absolute;
bottom:14px;
right:0;
display:inline-block}
.right-col ul.service-menu li { padding-bottom:7px}
.right-col .cal-link,
.right-col .index-cal .cal-link { margin:0 auto 20px; width:252px; padding-left:67px}
.right-col .index-cal .cal-link { margin-top:7px}
.right-col .cal-link:before { left:23px}
.top-banner { margin-bottom:5px}
.payments-content > div > div.col { width:15%}
.payments-content > div > div.col-2 { width:85%}
.payments-header { margin-top:25px}
/* Shop page */
.shop-menu-content { display:block; padding:15px 0}
.shop-menu-content > div > a { display:block;
margin-bottom:7px;
background: -moz-linear-gradient(180deg, rgba(255, 255, 255, 0.44) 0%, #cfe7cb 100%);
background: -webkit-linear-gradient(180deg, rgba(255, 255, 255, 0.44) 0%, #cfe7cb 100%);
background: linear-gradient(180deg, rgba(255, 255, 255, 0.44) 0%, #cfe7cb 100%);
border: solid 1px #cfe7cb;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
text-align:center;
font:normal 14px/30px "Times New Roman", Times, serif;
color:#006633;
text-transform:uppercase;
text-decoration:none }
.shop-menu-content .content-menu { height:0px;
overflow:hidden}
.shop-menu-content .open .content-menu { height:auto!important}
.shop-menu-content .content-menu ul { margin:0; padding:0}
.shop-menu-content .content-menu ul li { background:none; font-size:14px; color:#006633}
.shop-menu-content .content-menu ul li a {display:block; text-decoration:none; color:#006633}
.shop-menu-content .content-menu > ul > li { margin:0; padding: 10px 0 10px 10px; border-bottom: solid 1px #cfe7cb; text-transform:uppercase}
shop-menu-content .content-menu > ul > li > a { text-transform:uppercase}
.shop-menu-content .content-menu > ul > li ul { padding:10px 0 5px}
.shop-menu-content .content-menu > ul > li li { margin:0; padding:5px 0 5px 20px}
.shop-menu-content .content-menu > ul > li li a { text-transform:none}
.shop-menu-content .content-menu > ul > li:last-child { border:none; padding-bottom:10px}
.shop-menu-content .content-menu > ul > li > div { max-height:0;
overflow:hidden;
-moz-transition: max-height 0.3s ease-in;
-webkit-transition: max-height 0.3s ease-in;
transition: max-height 0.3s ease-in}
.shop-menu-content .content-menu > ul > li.open > div { max-height:400px;
-moz-transition: max-height 0.3s ease-out;
-webkit-transition: max-height 0.3s ease-out;
transition: max-height 0.3s ease-out }
.shop-top-recom { padding-bottom:10px}
.shop-page ul.recomm-list { padding:0; margin-bottom:0}
.shop-top-recom > span { width:33%;
padding:0 5px 25px}
.shop-top-recom a.name { font-size:12px; line-height:12px}
.shop-top-recom a img { width:100%; height:auto}
.right-col .banner ul li { margin-bottom:5px}
/* //Shop page */
/* Catalog page */
.right-col-pos { padding:10px 10px 0}
.catalog-view { font-size:12px}
.catalog-view .fright { display:none}
.cat-filter-set .header { top:5px; left:8px}
.cat-filter-set a.reset { top:5px; right:8px}
.cat-filter-set .values { padding:20px 0 0}
.catalog-brand-info-bg { padding-top:0}
.catalog-brand-info-bg .catalog-brand-bg { height:200px; background-position:0 0}
.brand-info-bg-pos { padding:200px 10px 10px}
.panel-bl { position:relative}
a#b-show-types,
a.catalog-brand-cons { display:none}
.catalog-brand-lines ul li { float:none; width:100%; padding:0; margin:0}
.catalog-brand-lines ul li.clear { display:none}
.catalog-brand-lines ul li a { margin-bottom:0}
.catalog-paging-bot .fleft,
p.paging {float:none!important;
text-align: center}
p.paging { padding-bottom:10px}
ul.catalog-order{text-align:justify}
ul.catalog-order:after { content:'';
display:inline-block;
width:100%}
ul.catalog-order li a { text-transform: lowercase}
ul.catalog-order li { padding:0; margin:0}
.catalog-paging-bot p.paging { padding-top:10px}
ul.products-list { margin-top:20px}
ul.products-list li { position: relative;
padding-top:10px;
margin-bottom:15px;
border-bottom: solid 1px #9cc3c3}
ul.products-list li:last-child { border:none}
ul.products-list li .icon { width: 100px;
height: auto}
ul.products-list li .pos { padding:0 0 0 110px}
ul.products-list li .icon a { display:inline-block;
width:100%}
ul.products-list li .icon a img { width:100%;
height:auto }
ul.products-list li .fleft,
ul.products-list li .fright {float:none!important;
width:100%;
overflow:hidden; padding:0}
ul.products-list li .brand-line { position:relative; height:auto; padding:0 0 5px; white-space: normal}
ul.products-list li .prod-nal { padding:12px 0 0}
ul.products-list li .rate-pos { position:relative; text-align:center; background:none; height:auto; padding:0 0 15px}
ul.lmode li .fading-bot:after { display:none}
ul.products-list li .brand { padding-bottom:5px}
ul.products-list li .line { padding-bottom:15px}
.btn-bl {text-align:justify}
.btn-bl:after { content:'';
display:inline-block;
width:100%}
.btn-bl .button-r { float:none; margin:0}
ul.products-list li .annonce { height:0;
overflow:hidden;
-moz-transition: height 0.3s ease-out;
-webkit-transition: height 0.3s ease-out;
transition: height 0.3s ease-out}
ul.products-list li .open .annonce {-moz-transition: height 0.3s ease-out;
-webkit-transition: height 0.3s ease-out;
transition: height 0.3s ease-out }
ul.products-list .show-announce { display:block;
margin:0 auto 10px;
color:#006633;
text-align:center;
text-transform:uppercase;
text-decoration:none}
.whelper i { display:none!important}
.whelper i:before { display:none}
.prod-status .whelper { margin-bottom:7px}
.prod-status .whelper i { margin:0 0 0 -12px!important}
.prod-status .whelper:hover i,
.prod-status .whelper:focus i {display:block!important}
.prod-status .whelper i:before { display:none}
ul.product-tabs { text-align:justify}
ul.product-tabs:after { content:'';
display:inline-block;
width:100%}
ul.product-tabs li { padding:0; margin: auto}
ul.product-tabs li a { text-transform:lowercase; font-weight:normal}
.product-page .product-tabs-bl { display:none}
.product-preview {position:relative;
width:100%;
top:auto;
left:auto;
text-align:center}
.poduct-gallery { overflow:hidden!important}
.poduct-gallery .btn-nav { display:block; top:50%}
.poduct-gallery .swiper-slide { display:block}
.product-preview img { display:inline-block!important;
padding:0!important;
margin:0!important}
.product-info { padding:0}
.product-info p.header,
.product-info .product-name { text-align:center}
.product-info .service-name { text-align: left}
.product-page .col-3-4,
.product-page .col-4,
.two-column-page .col-3-4,
.two-column-page .col-4 { float:none; width:100%}
.product-page .col-4 { margin-top:0; padding:10px}
.product-info .product-name { border:none; margin:0}
.product-photos { padding-top:0}
.product-photos a:hover { border-color: #bcc8ba}
.product-photos a.select { border-color: #fe9900}
.product-info ul.properties { margin: 15px 0 0}
.product-info ul.properties li .p-header { width:40%;
padding-right:10px;
color:#5f5f5f}
.product-info ul.properties li .p-values { width:60%}
.product-in-basket .price,
.product-in-basket .prate { width:50%; padding:0}
.service-price-bl .price,
.service-price-bl .prate { width:100%; padding: 12px 0 15px; text-align:center}
.product-basket-bl { padding-top:10px}
.product-basket-bl .basket-bl { width:50%}
.product-basket-bl .prod-price-cnt { width:50%; padding-right:20px}
.product-basket-bl .prod-price-cnt .basket-cnt-prod { width:100%}
.product-in-basket .basket-bl .button { width:100%; padding:0}
.product-basket-bl input[type='text'] { width:50%}
.product-basket-bl .basket-cnt-prod a { width:25%}
ul.product-tabs-cont .header { position:relative;
top:auto;
left:auto;
width:100%;
padding-bottom:10px}
ul.product-tabs-cont div.text { width:100%; padding:0}
ul.product-tabs-cont > li { padding-left:0!important; margin-bottom:15px!important}
ul.product-tabs-cont > li:last-child {margin-bottom:0!important}
ul.product-tabs-cont .text:before { display:none}
.yashare-product { padding:15px 0 0; text-align:center}
ul.product-reviews > li { margin-bottom:20px}
ul.product-reviews > li.answer { margin-bottom:30px}
ul.product-reviews .auth { float:none; width:100%; padding-right:100px}
ul.product-questions .auth { padding-right:0}
ul.product-reviews .user-rate { float:none; position:absolute; top:0; right:0}
ul.product-reviews .auth .date { margin-right:10px}
ul.product-reviews .user-rate b { display:none}
ul.product-reviews li.btn-bl { margin:0}
ul.product-reviews li.btn-bl .button,
.content-btn-bl .button,
ul.section-service-list .service-btn-bl .button{ display:block; margin-bottom:10px}
ul.product-reviews li.btn-bl .button:last-child { margin:0}
.review-c-info img { float:none; display:block; margin:0 auto 10px}
.review-comment { margin:0}
.review-comment .body p { padding:0 10px}
ul.product-questions .cosmo { display:block; float:none; width:100%}
ul.product-questions .cosmo-comment { margin-left:20px}
ul.product-questions .no-cosmo-photo { margin-left:0}
.cosmo-comment .body p { padding-left:30px}
.no-cosmo-photo .body p { padding-left:10px}
.product-related { margin:15px 0 0}
.catalog-devorce { text-align:center}
.catalog-devorce:after { display:none}
.catalog-devorce > span { width:50%;
margin-bottom:15px;
padding:0 10px}
.catalog-devorce > span img {max-width:100%;
height:auto }
form.search-help { padding:0}
ul.guru-steps { float:none; width:100%; margin:0; padding:0}
ul.guru-steps > li{ margin-bottom:10px}
.guru-btn-bl { padding:15px 0 0; text-align:justify}
.guru-btn-bl:after { content:''; display:inline-block; width:100%}
.guru-btn-bl .button { font-size:13px!important}
.arrow-btn:after { margin:6px 0 0 4px}
.arrow-btn-back:before { margin:6px 4px 0 0}
a.guru-reset { margin:0}
.guru-btn-bl .button { padding:0 5px; float:none!important}
.guru-settings { margin-top:10px}
ul.guru-steps li input { margin-right:5px}
.product-info { min-height:0}
.left-col #left-col-menu ul.catalog-filter > li > a { color:#006633; text-transform:uppercase}
/* Catalog page */
/* Salon page */
.service-list .review-comment { margin-left:-90px!important}
.service-list .no-cosmo-photo {margin-left:-120px!important}
/* Salon page */
/* Servcies */
ul.section-service-list { margin:10px 0 0}
ul.section-service-list .brand { padding-bottom:5px; text-align:center}
.content ul.section-service-list li { padding-bottom:15px; margin-bottom:15px}
ul.section-service-list .info { float:none; width:100%}
/*ul.section-service-list li .price { padding:0 0 15px}*/
ul.section-service-list li .price { padding:0; text-align:center}
ul.section-service-list li .price > b { display: inline}
ul.section-service-list .info .name { padding:0 0 15px; text-align: center}
ul.section-service-list .info > .rate { text-align:center}
ul.section-service-list .descr { float:none; padding:15px 0 0; margin:0}
.section-descr-new > * { text-align:left!important}
ul.section-service-list .descr > p,
ul.section-service-list .descr > p > *,
ul.section-service-list .descr > div,
ul.section-service-list .descr > div > * { text-align:left!important;
font-size:14px!important}
ul.section-service-list .service-btn-bl { text-align:center}
.content-btn-bl { text-align:center}
.service-page ul.product-tabs-cont { margin:0; padding:0}
.service-page .p-t-20 { padding-top:0!important}
.service-price-bl { text-align:center}
.service-page .service-fix-price { padding-bottom:10px}
.service-price-bl .btn-bl { padding:0 0 15px}
.service-price-bl .btn-bl:after { display:none}
.service-page .pos-abs { position: relative; width:100%}
.service-page ul.properties { margin:0}
.service-page ul.product-tabs-cont .text .header { padding-bottom:7px}
ul.section-service-list li .price .time-bl { top:0}
ul.section-service-list div.profit { text-align:center}
/* //Servcies */
/* Jurnal page */
.jurnal-page .top-banner { margin-bottom:10px}
.jurnal-page .jurnal-articles .col,
.jurnal-page .jurnal-articles .col-2 { padding:0}
.col-desc {float:none!important;
width:100%!important;
padding:0}
.jurnal-index-video { margin-top:10px; border:none}
.jurnal-page .all-articles { padding-bottom:25px; text-align:center}
.jurnal-index-video ul li { float:none;
width:100%;
border-bottom:solid 1px #9cc3c3;
padding-bottom:15px;
margin-bottom:25px;
text-align:center}
.jurnal-index-video ul li:last-child { border:none}
.jurnal-index-video ul li div { width:100%}
.jurnal-index-video ul li div.annonce { padding-bottom:0}
.jurnal-reviews { padding-top:20px}
.jurnal-reviews .header1 { padding-bottom:15px}
ul.questions-list { padding:0}
.jurnal-reviews ul.product-reviews .auth { padding:0}
.jurnal-reviews ul.product-questions .cosmo { display:inline}
.jurnal-reviews ul.reviews-list .descr { padding:0!important}
ul.reviews-list .brand,
ul.reviews-list .name { padding-left:130px}
.jurnal-reviews ul.reviews-list .review-comment { margin:25px 0 0}
ul.reviews-list .user-rate { text-align:center}
/* //Jurnal page */
/* Articles */
.articles-r-c .grey-block2 { margin:0}
.tags, .authors { margin:20px 0 0}
.authors ul.product-reviews > li { margin:0 0 15px 20px}
.authors .review-comment .body { padding-left:20px}
/* //Articles */
/* Seminars */
ul.seminars-list > li { padding-bottom:40px}
ul.seminars-list > li.have-places { padding-bottom:110px}
ul.seminars-list > li.you-request { padding-bottom:100px}
ul.seminars-list .descr,
ul.seminars-list .info,
ul.seminars-list .reader {float:none; width:100%}
ul.seminars-list .pos .name { text-align:center}
ul.seminars-list .date { font-size:16px; line-height:20px}
ul.seminars-list .date > div { display:inline-block; padding-left:10px}
ul.seminars-list .time { position:absolute; top:0; right:0}
ul.seminars-list .btn-bl { position:absolute; bottom:0; left:0; width:100%; text-align:center}
ul.seminars-list .seminar-left { margin:0 auto}
ul.seminars-list .reader { padding-left:20px}
ul.seminars-list .no-cosmo-photo { padding-left:0}
.two-column .two-col-inner .content-col { padding-right:0}
.two-column .two-col-inner .right-col { width:100%; margin:0}
#seminar_form ul.user-form label { width:auto}
.btn-bl-center { text-align:center}
.btn-bl-center .button { width:100%}
/* //Seminars */
/* Reviews */
.reviews-page ul.product-reviews > li { position:relative}
.reviews-page ul.product-reviews .auth { padding:0}
.reviews-page ul.product-reviews .user-rate { width:auto; text-align: right}
.reviews-page ul.product-reviews .review-comment { padding-left:20px}
.reviews-page ul.product-reviews .cosmo-comment { padding-left:0}
.reviews-page ul.product-reviews .no-cosmo-photo { padding-left:0}
.reviews-page ul.product-reviews .no-cosmo-photo .body { padding-left:22px}
.reviews-r-c .grey-block2 { margin-bottom:15px}
/* //Reviews*/
/* Brands */
.brands-logo > a { width:46%; margin: 0 0 10px}
.brands-logo > a img { max-width:100%; height:auto}
.brand-info { text-align:center; padding:0}
.brand-preview-img { float:none; margin:0}
.brand-annonce p { text-align:left}
.brand-annonce h1 { padding-top:10px; text-align:center}
.brand-types li .row a { display:block; width:auto}
ul.product-tabs-cont .header > div { display: inline}
/* //Branrds */
/* Advices */
ul.advices-list > li > a.name { display:block; text-align:center; text-transform:uppercase}
ul.advices-list > li > .date { text-align:center}
.brand-annonce .more { display:block; text-align:center}
.content embed { display:none}
.content .ymap-center { width:100%; overflow:hidden}
/* //Advices */
/* Cosmo */
ul.cosmo-list { margin-bottom:15px}
ul.cosmo-list .photo { float:none;
width:100%;
text-align:center;
padding-bottom:10px;}
ul.cosmo-list .photo img { width:200px}
ul.cosmo-list a.name,
ul.cosmo-list .qualification,
.cosmo-view .qualification {display:block;
padding-bottom:10px;
text-align:center}
ul.cosmo-list .descr { float:none;
margin:0;
padding:0}
.cabinet-order-help {margin: 0; padding:5px}
.cabinet-order-help .header-bl { padding-left:0; text-align:center}
.cabinet-order-help p { padding:5px 5px 5px 5px}
.cosmo-view { text-align:center}
.cosmo-view .cosmo-descr { text-align:left; padding:15px 0 0}
.cosmo-view img.photo { float:none}
.cosmo-info { padding-bottom:0}
/* //Cosmo */
/* Calendar */
#cal-proc-info .col,
#cal-proc-info .col-2 { float:none; width:100%}
#cal-proc-info .name { text-align:center}
#cal-auth-msg .col-2 { float:none; width:100%}
#cal-proc-info ul.cal-cosmo-list > li > a {color:#006633;
text-decoration:underline}
#cal-proc-info ul.cal-cosmo-list > li > a .info {left:-5%; width:105%; top:100%}
#cal-proc-info ul.cal-cosmo-list > li > a:hover .info { display:none}
#cal-proc-info ul.cal-cosmo-list > li > a.select .info { display:block}
#cal-proc-info ul.cal-cosmo-list > li > a .info .photo {display:block;
width:100%;
text-align:center;
float:none}
#cal-auth-msg .col-2:last-child { padding:0 0 15px}
#cal-auth-msg .col-2:last-child .button { width:100%}
#cal-proc-info ul.cal-cosmo-list .link {display:block;
padding-top:15px;
text-align:center;
color:#006633;
text-decoration:underline}
.calendar-info { text-align:center}
.calendar-info > span { padding-left:5px}
.calendar .col { width:30%}
.calendar .col-2 { width:70%}
.calendar-body .column { width:100%}
.calendar-body .btn-nav { display:block; top:40px}
.calendar-body .prev {left:10px}
.calendar-body .next {right:10px}
.cal-nav { padding:15px 0 0}
.cal-nav .fleft,
.cal-nav .fright { display:none}
.cal-nav .center { position:relative}
/*
.cal-nav .fleft,
.cal-nav .center,
.cal-nav .fright {position:relative;
display:block;
width:100%;
float:none!important;
margin:0 0 15px;
left:auto;
font-size:12px}
.cal-nav .fright { text-align:right}
.cal-nav .button { padding:0 7px; font-size:11px!important}
.cal-nav .center { font-size:15px!important}
*/
.call-drop-down-menu { width:80%; left:10%!important}
.call-drop-down-menu a.cal-panel-button { margin:15px 0 0; text-align:center; text-transform:uppercase}
/* Calendar */
/* Sitemap */
.content .section-row ul.site-map { float:none; width:100%}
/* //Sitemap */
/* Forms */
.content-form ul.user-form { margin-left:0}
.content ul.user-form li { margin-bottom:10px!important}
.content-form ul.user-form label { display:block;
width:auto;
padding-bottom:7px}
.content-form ul.user-form input[type='text'],
.content-form ul.user-form input[type='password'],
.content-form ul.user-form select { width:100%}
.content-form ul.user-form .msg {padding-left:0;
text-align:center}
ul.user-form select.phone-code { width:15%!important}
ul.user-form input[type='text'].phone-w-code {width:83%!important; float:right}
.content-form ul.user-form li.msg {padding-left: 0!important; text-align:left; font-size:12px}
.content ul.user-form li.btn-bl { text-align:center}
.content ul.user-form li.btn-bl .button { width:100%; margin:0}
ul.user-form > li.msg-req span.error { display: inline}
.content ul.user-form li.btn-bl .rem { display:block; padding-top:12px}
option.disabled { display:none}
ul.basket-reg-msg { margin:5px 0}
ul.basket-reg-msg > li { float:none; width:100%}
ul.info-links li { padding-right:0}
/* Restore */
.restore-form ul.user-form input[type='text'] { width:73%}
.restore-form ul.user-form .button { width:25%; float:right}
/* //Restore */
#calc_delivery_result ul { width:100%}
#calc_delivery_result ul li { padding:0 0 10px}
#calc_delivery_result li span { vertical-align:top; width:30%; padding-right:10px}
#calc_delivery_result li span:last-child { padding-right:0}
#calc_delivery_result li span:first-child { width:40%}
/*// Forms */
/* Basket */
.basket-body-top { height:auto; padding-top:10px; line-height:16px}
.basket-body-top span {display:block;
padding:10px 0 15px}
.basket-body-top a.back { margin:0}
.basket-empty {padding: 15px 12px; margin-bottom:20px}
.basket-content { padding:0}
.basket-content .basket-h { display:none}
/*
.basket-content .prod-row > div {float:none;
width:100%!important;
text-align:center; padding:0 0 12px}
.basket-content .prod-row .product-name { padding-right:0}
*/
.basket-content .prod-row { position: relative;
border-bottom:solid 2px #ccc;
padding-bottom:0;
margin-bottom:15px}
.basket-content .prod-row > div { padding:0}
.basket-content .prod-row .col { width:27%; padding-bottom:15px}
.basket-content .prod-row .col-2 { width:73%;
padding:0 35px 50px 10px}
.basket-content .prod-row .col-2 p { padding:0 0 5px}
.basket-content .section-row .col-3 { width:auto;
position:absolute;
right:0;
bottom:15px}
.basket-content .section-row .col-4 {width:auto;
position:absolute;
left:10%;
bottom:10px;
padding-left:10px}
.basket-content .section-row .col-5 {width:auto;
position:absolute;
right:0;
top:0;
padding:0}
.basket-content .rows-footer { border:none}
.basket-content .rows-footer > div { padding:0 0 10px}
.basket-content .rows-footer .section-row > div { position:relative; left:auto; right:auto; top:auto; bottom:auto; padding:0; text-align:center}
.basket-content .rows-footer .col-1-2 { text-align:left; width:100%}
.basket-content .section-row .price,
.basket-content .section-row .price_old { width:30%; right:0; position:absolute; float: none; text-align:right}
.basket-content .section-row .price_old { right:30%}
.basket-content .rows-footer .btn-bl { padding-bottom:0px}
.basket-content .rows-footer .btn-bl > div { float:left; width:50%!important; text-align:right; line-height:20px; padding: 5px}
.basket-content .rows-footer .btn-bl > div { padding:5px 0}
.basket-content .rows-footer .btn-bl > div .button { font-size:12px!important; padding:0 10px}
.basket-content .promo div.col-1-2,
.basket-content .discount div.col-1-2,
.basket-content .all-summ div.col-1-2 { width:63%!important; text-align:right; padding-right:3%!important}
.basket-content .promo .col-3,
.basket-content .all-summ .price,
.basket-content .rows-footer .discount .price{ width:34%!important; text-align:right; float:right}
.basket-content .rows-footer .col-1-2 .fleft,
.basket-content .rows-footer .col-1-2 .fright { float:none; width:100%; padding:5px 0; text-align:center}
.basket-content .rows-footer .section-row .price { float:left; width:50%; padding-bottom:10px}
.basket-content .rows-footer .section-row .col-4-5 { float: none; width:100%; text-align:center; clear:both}
.basket-content .rows-footer .section-row .col-4-5 div { display:inline-block}
.basket-content .rows-footer .discount .col-1-2{ display:none}
/* //Basket */
/* Order */
.order-h1 { padding:12px 10px; margin-bottom:0}
.order-steps li span { display:none}
.order-content { padding-right:0}
.order-user-data #user_data {padding-left: 0}
.order-user-data > .col-2 { float:none!important; width:100%!important}
.order-user-data .content-form ul.user-form li.msg { padding-left:0!important}
.order-user-data .msg-bl { padding:10px 0 0}
.order-user-data-btn { padding:12px 0}
.odrer-deliv-descr { padding:35px 0 0 0}
.odrer-deliv-descr .text { padding:0 0 25px}
.basket-auth-bl { margin:12px 0 0}
.basket-auth-bl:before,
.basket-auth-bl:after { display:none}
.basket-auth-bl .col-3 { float:none; width:100%}
.content .basket-auth .btn-bl { padding-left:0!important; padding-top:15px}
.content .basket-auth .btn-bl .button { margin-bottom:20px}
.basket-reg { padding:20px 0 0}
.basket-no-a-msg { padding:12px}
.basket-reg p { padding-bottom:12px}
.city-search-form .user-form label { display:block; padding-bottom:7px; width:auto}
.city-search-form .user-form input[type="text"] { width:100%}
.city-search-form .user-form .button { width:100%; margin-top:20px}
.order-delivery-form .header1 { padding-left:0}
.order-delivery-form .user-city { padding-bottom:16px; margin-bottom:16px}
.order-delivery-form #delivery_block { padding:0 0 16px}
.order-delivery-form .section-row .col-2 { float:none; width:100%!important; padding:0}
ul.delivery li input { margin-right:5px}
.order-delivery-form .user-city { padding:0 0 16px; text-align:center}
#delivery_descr { padding:0}
.order-p-l { padding-left:0}
.deliv-datetime,
.delivery-urgently { text-align:center}
.order-delivery-butt { padding:15px 0}
.content-form ul.user-form .label-in-b label { display:inline-block}
ul.user-form input.medium2 { width:80px!important}
ul.user-form span.mobile-fright { float:right}
#delivery_info select {width:100%; max-width:none; margin-top:7px}
.order-delivery-form .payment { padding:0}
ul#payments label { width:180px}
.order-itog-info { padding:12px; margin-bottom:12px}
.order-itog-info .header-bl { padding:0; text-align:center}
.order-itog-info .col-2 { width:100%; float:none}
.order-itog-info .col-2:first-child { margin-bottom:20px}
.order-itog-info .delivery-confirm { padding-left:0}
.order-steps-h { padding:10px 10px 0; text-align:center}
.order-steps-h .header-l { display: block; margin:0 0 10px;}
.order-steps-h .nav-links { margin-right:10px}
a.nav-links:before { margin-right:5px}
.order-steps-h .n-print { display:none}
.order-steps-h a { margin-bottom:10px}
.order-done-bl { padding:10px}
.prints { display:none}
.order-itog-info ul { margin:0}
.order-itog-info .section-row > div:first-child { padding-right:0}
.order-confirm .rows-footer .section-row div.col-1-2 { display:block!important; width:55%!important; padding-right:5%!important}
.order-confirm .rows-footer .section-row > div { text-align:right}
.order-confirm .rows-footer .discount .price,
.order-confirm .rows-footer .delivery .price { width:40%!important}
.order-itog-info .delivery-confirm { text-align: center}
/* //Order */
/* Cabinet */
.cabinet ul.user-form { margin:12px 0; width:100%}
.cabinet ul.user-form .btn-bl { padding-top:12px}
.cabinet-page .two-column { padding-top:0}
#cabinet_data h3 {text-align:center;
font-weight:normal;
text-transform:uppercase}
#cabinet_data .header1 { font-size:15px}
.type-pad {padding: 12px}
.type-pad p.header1 {padding: 0 0 12px 0}
.type-pad p { padding-left:0}
.cabinet-page .cabinet-order-help { margin:0}
#order_list { padding:0}
.cab-orders .header { display:none}
.cab-orders .section-row { text-align:center; padding:12px 0}
.cab-orders .section-row > div {display: inline-block;
padding:7px 0;
float:none;
width: 100%!important}
.cab-orders .section-row > div,
#order_list .number, #order_list .sum {font:normal 16px/18px "Trebuchet MS", Arial, sans-serif}
.cab-orders .section-row .number,
.cab-orders .section-row .date,
.cab-orders .section-row .sum { width:auto!important; padding:0 10px}
.cabinet-user-status { padding:20px 0; font-size:13px; line-height:16px}
.cabinet-content .rows-footer .cabinet-order-btn { padding:15px 0 0}
.cabinet-order-btn .button { width:100%; margin-bottom:15px}
.order-info-cabinet .button { width:100%; margin:15px 0}
.cab-treatments { margin-bottom:25px!important}
.cab-treatments .section-row > div {font:normal 18px/20px "Trebuchet MS", Arial, sans-serif}
#order_list .sub-header { padding-bottom:7px; color:#006633; font-weight:bold}
#order_list .cab-treatments .section-row > div a.button {display:block;
font: bold 17px/37px "Times New Roman", Times, serif; text-transform:uppercase}
#order_list .cab-treatments a.show-rows {font: bold 25px/27px "Times New Roman", Times, serif !important;}
.cab-orders .section-row > div.hidden { display:none}
.cab-treatments > .section-row .treatment { margin:0; padding:15px 0}
.treatment > .section-row > .col-1 { color:#006633; font-weight:bold}
.treatment > .section-row:last-child { border:none}
ul.cab-cal-tabs { margin-bottom:0}
ul.cab-cal-tabs li { display:list-item; padding-bottom:10px; float:none; text-align:center}
ul.cab-cal-tabs li.select:after { display: none}
ul.cab-cal-tabs li a { font-size:14px;
line-height:16px;
margin:0;
text-transform:uppercase}
ul.cab-calendar { margin:15px 0 15px}
ul.cab-calendar .section-row .review-bl { margin:0; padding-left:0}
ul.cab-calendar .section-row .review-bl .review-form { padding-top:15px}
.review-bl .review-form .rate-bl { font-size:12px; font-weight:normal}
.review-bl .italic { padding-top:25px}
.user-recommndation { width:100%}
ul.cab-recomm { margin-bottom:25px}
ul.cab-recomm > li:last-child { border-bottom:none}
.user-recommndation .m-user span { display:block; padding-top:10px}
.user-dialog .user-recommndation .button {display:block;
margin-top:12px;
width:100%;
text-align:center!important}
.user-dialog h3 { text-align:center}
.cab-topics-btn-bl .button { width:100%}
#order_list ul.cab-topics { margin-top:0}
#order_list ul.cab-topics
#order_list ul.cab-topics span.sub-header { width:auto}
#order_list ul.cab-topics a { font-size:17px; line-height:19px}
#support-form { width:100%}
.support .section-row > div { width:100%; float:none}
.support .cosmo-info { padding:12px 0 0}
.support .sup-c-photo {width:100%;
padding:0 0 12px;
text-align:center }
.support .sup-c-info { margin:0; padding:0; width:100%}
#support-form input[type='text'] { width:100%}
.in-file-bl { margin-top:7px; overflow:hidden}
.in-file-bl input,
.in-file-bl .button {width:70%; margin-bottom:7px; vertical-align:middle}
.in-file-bl .button {width:30%; padding:0 5px; float:right}
.btn-bl .button { width:100%}
.products-list .btn-bl .button { width: auto}
.order-user-data ul.user-form textarea { width:100%}
.order-user-data ul.user-form .pos { display: block}
ul.user-form > li #c_photo { display:block; text-align: center}
.order-user-data ul.user-form .bnt-bl { padding: 12px 0 12px 0!important}
.order-user-data ul.user-form .bnt-bl .button { width:100%}
.q-h3 { padding-top:0}
ul.question input[type='text'],
ul.question textarea { width:100%; margin:0}
ul.question input[type='text'],
ul.question input[type='text']#q_10 { width:100%}
ul.question input[type='text']#q_15 { width:93%}
.question-form ul.question > li { margin-bottom:15px}
ul.question .section-row > div { width:100%; float:none}
.question-form ul.question li ul { margin:0 0 12px}
.question-form ul.question li ul > li { padding:0}
.question-form ul.question .section-row .col-2:last-child .q-h { padding-left:0}
.question-form ul.question .section-row .col-2:last-child .q-h4 { padding:0 0 8px 0}
.question-form ul.border-l { border:none}
.question-form ul.question .section-row .col-2:last-child ul > li { padding-left:0}
ul.question div.descr { padding-left:0}
#quest_photos_bl span { display:inline-block;
width:50%;
margin:0 0 10px;
text-align:center}
#quest_photos_bl a { display:inline-block}
#quest_photos_bl a img { max-width:98%; height:auto}
.q-btn-bl .fright { float:none; width:100%; margin-top:12px}
.cabinet-pass-form .pos { padding-bottom:20px}
.cabinet-content .pos .button { width:100%}
.cabinet-user-msg-set { padding-bottom:12px}
.cabinet-user-msg-set .header1 { text-align:left}
#order_list ul.cab-sert { margin-bottom:25px}
/* Cabinet */
/* Search */
.search .col-3-4 { float:none; width:100%}
.search-panel { padding:5px 7px 0}
.search-panel .section-row { padding:0 0 5px}
.search-panel .section-row .col,
.search-panel .section-row .col-2 {float:none;
width:100%;
margin:0;
padding:0 0 4px}
.search-page-form .section-row .col-2 {padding-top:10px;
text-align:center}
.search-page-form .col-2 .button { width:60%}
.search-tabs .section-row .col,
.search-tabs .section-row .col-2 { float:none; width:100%}
.search-tabs .product-tabs { text-align: center; padding-bottom:12px}
.search-tabs .product-tabs li { padding:0 5px 5px}
.search-tabs ul.product-tabs li.select:after { display:none}
.search-tabs .col-2 { float:none; width:100%; text-align:center; padding-top:}
.search-result ul .name { text-align:center}
.search-result ul .name a { text-decoration:underline}
.search-result ul .icon { text-align:center}
/* //Search */
/* //Content Column */
/* Forms */
.form-bg {padding: 10px 10px 5px 10px}
#product_faq_form { padding-bottom:25px}
ul.user-form > li b { padding:0 5px 0 2px}
ul.user-form > li > span { display:block; margin-bottom:5px }
ul.user-form > li > .mobile-in { display:inline-block}
ul.user-form > li.req span.error { display: inline }
.user-form > li > .italic {padding-left:0}
.user-form > li > .italic div { display:inline}
ul.user-form > li input[type="text"],
ul.user-form > li input[type="password"],
ul.user-form > li select,
ul.user-form > li textarea,
.popup-user-form ul.user-form select,
.popup-user-form ul.user-form textarea,
.popup-user-form ul.user-form input[type='text'],
.popup-user-form ul.user-form input[type='password'] { width:100%}
ul.user-form > li textarea { height:80px}
.form .btn-bl { text-align:center; padding-bottom:0; font-size:0; line-height:0}
.calc-delivery ul.user-form label { display:block; padding-bottom:7px}
#calc-delivery ul.user-form select { display:block}
ul.user-form span.search-field { width:100%!important; margin:0}
.calc-delivery ul.user-form > li { margin-bottom:10px!important}
.calc-delivery ul.user-form > li.delivery-data input { width:50px}
ul.drop-down-list { width:100%!important}
ul.user-form .drop-down-list li { margin-bottom:7px!important; font-size:13px}
.user-dialog {left:1%!important;
width:98%;
padding:40px 10px 10px}
.user-dialog-cont div.size { width:100%}
.user-dialog .header { margin:0; text-align:center}
.user-form-close { top:10px; right:10px}
.popup-user-form,
.simple-auth-form { width:100%!important}
.quick-auth-form .col-2 {float:none;
width:100%}
.popup-user-form ul.user-form li.popup-btn-bl { text-align:center}
.popup-user-form ul.user-form li.popup-btn-bl span { display: none}
.quick-auth-form .poup-reg { display:block;
padding:0 0 25px}
/* //Forms */
/* Left Column */
.left-col { float:none;
position: fixed;
z-index:1002;
/*left:-100%;*/
top:0;
left:0;
background:#fafcf9;
border:solid 1px #cfe7cb;
width:100%;
height:100%;
margin-left:0;
overflow: hidden;
padding:15px 10px 40px;
-moz-transform: translate3d(-100%, 0, 0);
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
-moz-transition: transform 0.3s ease-out;
-webkit-transition: transform 0.3s ease-out;
transition: transform 0.3s ease-out
}
.left-menu-open .left-col {-moz-transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-moz-transition: transform 0.3s ease-out;
-webkit-transition: transform 0.3s ease-out;
transition: transform 0.3s ease-out}
.left-mobile-menu header {padding:0;
margin-bottom:15px;
font-size:17px;
text-transform:none}
.left-col .mobile-bl { padding-bottom:20px}
body.left-menu-open { height:100%; overflow:hidden}
.left-mobile-menu { padding:0 60px 0 0;
background:none;
border:none;
height:100%}
.left-mobile-menu nav ul {margin:0;
padding:0;
list-style:none}
.left-mobile-menu nav > ul { margin-top:20px; padding:0 20px}
.left-mobile-menu nav > ul li { padding:0;
font: normal 16px/18px "Trebuchet MS", Helvetica, Areal, sans-serif}
.left-mobile-menu nav > ul > li { padding: 15px 0; border-bottom: solid 1px #9cc3c3}
.left-mobile-menu nav > ul li div ul { padding:5px 0 0}
.left-mobile-menu nav > ul > li div li {padding:5px 0; font-size:14px}
.left-mobile-menu nav > ul > li div span { position:relative; z-index:10; display:block; padding:5px 0 0; font-weight:bold }
.left-mobile-menu .pos li.folder {position: relative}
.left-mobile-menu nav li li.folder:after { content: '';
position: absolute;
right: 0;
top: 10px;
display: block;
background: url(/images/arrow-right.svg) 0 0 no-repeat;
width: 19px;
height: 16px;
-webkit-transform: rotate3d(0, 0, 1, 0deg);
-moz-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
-webkit-transition: transform 0.3s linear;
-moz-transition: transform 0.3s linear;
transition: transform 0.3s linear}
.left-mobile-menu nav li li.animate-open:after,
.left-mobile-menu nav li li.open:after {-webkit-transform: rotate3d(0, 0, 1, 90deg);
-moz-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
-webkit-transition: transform 0.3s linear;
-moz-transition: transform 0.3s linear;
transition: transform 0.3s linear}
.left-mobile-menu nav li li.animate-close:after {-webkit-transform: rotate3d(0, 0, 1, 0deg);
-moz-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
-webkit-transition: transform 0.3s linear;
-moz-transition: transform 0.3s linear;
transition: transform 0.3s linear}
.left-mobile-menu ul.catalog-filter { padding-top:20px}
.left-mobile-menu nav > ul > li > span { display:block; color:#006633}
.left-mobile-menu nav > ul li > div { position:relative;
z-index:1;
left:0;
top:auto;
display:block;
width: 100%;
border: none;
-moz-border-radius:0;
-webkit-border-radius:0;
border-radius:0;
padding:0;
/*max-height:0*/
min-height:0;
height:0;
overflow:hidden;
/*
-webkit-transition: max-height 0.3s linear 0.1s;
-moz-transition: max-height 0.3s linear 0.1s;
transition: max-height 1.3s ease-in
*/
}
.left-mobile-menu nav > ul li.open > div {height: auto;/* max-height:10000px;
-webkit-transition: max-height 0.3s linear;
-moz-transition: max-height 0.3s linear;
transition: max-height 1.3s ease-in
*/}
.left-mobile-menu nav > ul li > div ul { float:none; width:100%}
.left-mobile-menu .text-center { position: fixed;
top:0;
left:0;
z-index:20;
width:100%;
padding-right:60px}
.left-mobile-menu .text-center span { display:block;
padding:9px 0 5px 0;
background:#fff;
border-bottom: solid 1px #9cc3c3}
.m-wrap { width:100%;
height:100%;
overflow:hidden}
.left-mobile-menu .pos { position: relative;
height:100%;
z-index:2;
background:#fff;
padding:0}
.left-mobile-menu .pos nav {position:relative;
height:100%;
overflow-y: scroll;
padding-top:70px;}
.left-mobile-menu .close { position: absolute; z-index:22;
display:block;
top:14px;
right:14px;
width:32px;
height:40px;
color:#fff;
text-align:center;
font-size:0;
line-height:0;
opacity:0;
-webkit-transition: opacity 0.3s, ease-in;
-moz-transition: opacity 0.3s ease-in;
transition: opacity 0.3s ease-in}
.left-mobile-menu .close:after,
.left-mobile-menu .close:before { content:'';
position:absolute;
top:50%;
display:block;
width:100%;
height:2px;
background:#fff}
.left-mobile-menu .close:before { -webkit-transform: rotate3d(0, 0, 1, 45deg);
-moz-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg)}
.left-mobile-menu .close:after {-webkit-transform: rotate3d(0, 0, 1, -45deg);
-moz-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);}
.left-menu-open .left-mobile-menu .close { opacity:1;
-webkit-transition: opacity .3s .3s ease-in;
-moz-transition: opacity .3s .3s ease-in;
transition: opacity .3s .3s ease-in}
.left-mobile-menu:after,
.left-mobile-menu:before { content:'';
position:absolute;
z-index:-1;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(87, 86, 86);
opacity: 0.85}
.left-mobile-menu:after { z-index:0;
background:#fff;
left:-60px;
opacity:1}
.left-mobile-menu .cabinet-h b { display:block; font-weight:normal; font-size:12px; line-height:14px}
.left-mobile-menu .cabinet-h b b { display:inline}
.left-mobile-menu .menu-cabinet-mobile li.folder:after { top:24px}
.menu-cabinet-mobile .user-cabinet-h { padding:0!important; display:block}
.menu-cabinet-mobile .user-cabinet-h > a,
.menu-cabinet-mobile .user-cabinet-h > span { display:block; padding:10px 20px!important; background:#daedd7}
.left-mobile-menu .menu {padding: 30px 20px;}
.left-mobile-menu .menu .col-2 {width: 45%}
.left-mobile-menu .menu .col-3 {width: 55%}
.left-mobile-menu .menu a {display: block;
padding: 0 0 20px;
text-decoration: none;
font-size: 14px;
color: #5f5f5f}
.left-mobile-menu .contacts {padding:20px 0 20px;
text-align:center;
font-size:14px;
line-height:16px;
color:#006633}
.left-mobile-menu .contacts div { padding-bottom:10px}
.left-mobile-menu .contacts a {font-size:16px;
line-height:19px;
color:#006633;
text-decoration:none}
/* //Left Column */
/* Rigt Column */
.right-col { float:none;
width:100%;
position: relative;
margin:0;
padding:10px 15px 0}
.right-col .no-border { text-align:center}
.brands-r-c .header { text-align:center; margin:0}
ul.brands-news-list li { padding:12px 0}
.right-col .all-articles { text-align:center}
.article-descr { padding-bottom:12px}
.article-right-bl .header-bl { padding-left:0}
ul.article-bl { padding-left:0}
.yashare-auto-init { padding:12px 0 0; text-align:center}
.other-articles { margin:25px 0 20px}
.right-col .other-articles header { text-align:center}
/* //Rigt Column */
.index-news ul.recomm-list li { height:auto}
.index-news ul.recomm-list .icon { width:110px; height: auto}
.index-news ul.recomm-list .icon img { width:100%; height:auto}
.index-news ul.recomm-list .descr { padding-left:120px}
ul.recomm-list .price { padding-top:5px}
.index-news ul.news-list .date { width:60px}
.index-news ul.news-list .descr { padding-left:60px}
.mobile-hide { display:none!important}
/* Footer */
footer { min-width:100%}
footer .content-pos { padding:0 10px}
.footer-phone, .footer-phone a { font-size:36px; line-height:40px}
.footer-phone span { font-size:32px}
footer nav .section-main .col,
footer nav .section-main .col-2,
footer nav .section-main .col-3,
footer nav .section-main .col-4,
footer nav .section-main .col-5 { float:none; width:100%}
ul.bot-smenu-main a { font-size:16px; line-height:20px}
footer nav .section-main > div {font: normal 16px/18px "Trebuchet MS", Helvetica, Areal, sans-serif}
footer nav { background:none; padding-top:15px; text-align:center}
footer .header { margin:0 0 10px}
footer ul.bot-smenu-main { overflow:hidden; margin-bottom:15px}
footer .bot-smenu-main-shop,
footer .bot-smenu-service { display:none}
footer .bot-smenu-main li {float:left;
width:50%;
padding-left:5px;
text-align:left}
footer ul.bot-smenu-main li a { padding:0; text-transform:none; font-weight:normal}
ul.bot-smenu-main a:before { display:none}
/*footer .footer-recall { display:none}*/
.soc-link { padding:0 0 10px; text-align:center}
.soc-link span { display:block; padding:0 0 10px; text-align:center}
.btn-whatsapp { left:10px; bottom:10px}
.mobile-color-red { color:#fe9900}
/* //Footer */
/* Action */
.popup_action_help { width:100%}
.popup_action_help .col-2 { float:none; width:100%;}
/* //Action */
.basket-content .promo input { width:100%; margin:0 0 10px 0}
.rows-footer .button { padding:0}
.payment-logo-2 { margin-left:0}
}
@media (max-width: 650px) {
.slider-products { max-width:310px; margin:0 auto}
.bl-justify-mobile-center { text-align:center!important}
}
@media (max-width: 450px) {
.guru-banner .step { padding:0 15px 0 0;
text-align: right}
}
@media (max-width: 400px) {
.guru-banner .step { padding-right:12px}
.guru-banner .step span { font-size:9px}
.index-news ul.video-list li { padding:0;
text-align:center}
.index-news ul.video-list .video-data { height:240px}
.service-list .price > span{ font-size:14px}
.service-list .price .time-bl { margin:0}
}
@media (max-width: 380px) {
.left-mobile-menu header.main-h,
.left-mobile-menu nav .main-menu > li { font-size:17px}
.guru-banner .descr { padding-left:80px}
.guru-banner .guru-q { font-size:16px}
.guru-banner .guru-c { font-size:10px}
.guru-banner .step { padding-right:10px}
.guru-banner .step span { font-size:8px}
.left-mobile-menu .menu { padding-bottom:0}
nav.top-menu > ul > li > a,
nav.top-menu > ul > li:first-child > a { height:40px; padding-left:7px}
nav.top-menu > ul > li > a span { font-size:9px; line-height:9px}
.index-news ul.video-list .video-data { height:210px}
.shop-top-recom a.name { font-size:11px; line-height:11px}
}
@media (max-width: 355px) {
.near-record .col-2 .cosmo-type div { width:100px}
ul.tabs li a,
ul.catalog-order li a { font-size:12px}
.service-list .price { font-size:17px}
.service-list .price .time-bl { display:block; margin-top:4px}
}
@media (max-width: 340px) {
.top .logo { left:55px;
width:130px;
-webkit-background-size: contain;
-moz-background-size: contain;
background-size: contain;
background-repeat:no-repeat;
background-position: 0 0}
.work-time { font-size:10px}
.left-mobile-menu nav .main-menu > li,
.left-mobile-menu nav > ul.main-menu > li > a { font-size:18px; line-height:22px}
nav.top-menu > ul > li > a,
nav.top-menu > ul > li:first-child > a { padding:0 15px 0 10px; height:40px; font-size:16px; line-height:17px}
nav.top-menu > ul > li > a span { font-size:9px; line-height:9px}
.near-record .col-2 .cosmo-type div { left:85px; font-size:12px}
.near-record .cosmo-type a { font-size:9px}
.guru-banner .step { padding-right:8px}
.guru-banner .step span { font-size:6px}
.guru-banner .descr { padding-left:70px}
.guru-banner .guru-q { font-size:15px}
.guru-banner .guru-c { font-size:9px}
.catalog-view { font-size:11px}
ul.products-list li a.name {font-size: 14px;
line-height: 18px}
ul.products-list li .brand { font-size:13px}
.shop-top-recom a.name { font-size:10px; line-height:12px}
.product-info ul.properties li .p-header { width:44%}
.product-info ul.properties li .p-values { width:56%}
ul.product-reviews .auth .date { margin:0}
ul.product-reviews li.btn-bl .button { padding:0 5px;
font-size:14px!important}
.catalog-devorce > span a { font-size:13px}
.guru-btn-bl .button { font-size:11px!important}
.order-user-data-btn .button { padding:0 10px; font-size:13px}
ul.delivery li .box { width:200px}
ul.user-form input.medium2 { width:55px!important}
ul#payments span { width:175px}
.order-steps li b { left:30px}
.order-steps-h .nav-links { margin:0; font-size:14px}
.review-bl .review-form ul.user-form input[type='radio'] { margin-right:0}
.payments-content > div > div.col { width:17%}
.payments-content > div > div.col-2 { width:83%}
}
@media (max-width: 330px) {
.top .logo { width:120px}
.index-news ul.video-list .video-data { height:190px}
#support-form #cosmo-list{ font-size:11px}
#support-form input { font-size:12px}
.in-file-bl input { padding:7px 0}
}
}
@media print{
.content-pos { width:100%!important}
}
div.mibew-chat-wrapper { z-index:110!important}