*{margin:0; padding:0; outline: none !important;}
html{height: 100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:bold;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup,sub{vertical-align:text-top;}sub{vertical-align:text-bottom;}input, textarea, select{font-size:inherit;font-weight:inherit;}

a{color:#024c92;text-decoration:none;}
a:hover{color:#c29102;text-decoration:underline;}

.txt_gray{color:#777}

th, td{vertical-align:top;font-size:14px;line-height: 1.5em;}

p{line-height: 1.5em;margin:0 0 5px 0;}
p.line {font-size: 14px;}

.center{text-align:center;margin:0 auto}
.text-center{text-align:center;}

.ol {list-style: decimal outside;padding:0 0 0 20px}
.ol li{list-style: decimal outside;margin: 3px 0;line-height: 1.4em;}

.ajax_link {
    border-bottom:1px dashed #0a78d6;
    text-decoration:none;
    cursor:pointer;
    color: #0a78d6;
}

.ajax_link.lite {
    border-bottom:1px dashed #0a79d5;
    text-decoration:none;
    cursor:pointer;
    color: #024c92;
}

.text-success {
  color: #3c763d !important;
}

.text-info {
  color: #31708f !important;
}

.text-warning {
  color: #8a6d3b !important;
}

.text-danger {
  color: #a94442 !important;
}

h1, h2, h3, .hOne, .hTwo, .hThree{margin:0 0 10px 0;font-weight:bold;line-height: 1.3em;}
h1, .hOne{font-size:26px;line-height: 1.3em;font-weight: 500}
h2, .hTwo{font-size:19px;margin:0 0 0.4em 0;font-weight: 700}
h3, .hThree{font-size:15px;margin-bottom:7px;font-weight: 700}
.clr_h{}

h2 a{font-size:15px;color:#024c92;}
.h5{font-size:11px;font-weight:bold;}
h6{font-size:14px;}

.font_normal{font-weight:normal}

.ch{text-decoration: line-through}
.ots_v_3{margin:3px 0}

hr{height:1px;background:#9FD0FF;color:#9FD0FF;border:0;}

.c-pointer{cursor: pointer;}
.c-zoom-in{cursor: zoom-in;}
.c-help{cursor: help;}

/**--The begin of min-max width wrapper--**/
#wrapper {min-width: 960px;max-width: 1366px;margin: 0 auto;position: relative;}
/*ie*/
/** html #wrapper,
* html #footer {
    width: expression(
    (document.compatMode && document.compatMode == 'CSS1Compat') ?
    (document.documentElement.clientWidth < 1024 ? "960px" :
    (document.documentElement.clientWidth > 1366 ? "1366px" : "auto")) :
    (document.body.clientWidth > 1024 ? "960px" :
    (document.body.clientWidth < 1366 ? "1366px" : "auto")));
}*/
/**--End wrapper--**/
.fn_gray{color:#444}
.fn_small{font-size:12px}

.clear_param, .clear_param td, .clear_param th{border:0;padding:0;margin:0}
.td_middle{vertical-align:middle}

.top_10{margin-top:10px}

#callcenter {position:absolute;top:0;left:12px;color:#333;height:24px;} /*Ontop call center block*/
#callcenter td{vertical-align:middle;}

#logo{position:absolute;top:24px;left:15px;z-index: 99;}/*Editet logo positioning*/
#logo img{width:159px;height:67px;font-size:30px}

/*Shopping cart*/
/*#w_cart {float: right;background:url('../img/newheader2011/shopcart.png') no-repeat 0 0;position: absolute;z-index: 3000;top:33px;right:23px;width: 126px;height: 50px;cursor:pointer;}
#cart_cnt {padding: 1px 0 0 1px;position: absolute;text-align: center;font-size: 11px;font-weight: normal;height: 18px;width:18px;top:12px;left:16px;}
#cart_sum {padding: 1px 0 0 1px;position: absolute;text-align: left;font-size: 11px;font-weight: normal;height: 18px; width:65px; top: 24px;left: 57px;}*/
/*End Shopping cart*/

#container{position:absolute;top:91px;width:100%;z-index:99} /*Taking off absolute positioning*/

#pole{background:#9ED0FF;margin:0 2px;padding:0 0;text-align:center;border-top:1px solid #339AFD;height:40px}
/* #pole{background:#9ED0FF;margin:0 2px;padding:0 0;text-align:center;border-top:1px solid #339AFD;height:52px}*/

#pole_blocks{width:100%}
#pole .help{padding-left:15px;color:#222;}
#pole .search_text{padding-right:10px;color:#111;font-weight:bold}


#search{margin:0 auto 0 auto;}
#search td{vertical-align:middle;}
#search_input{}
#search_input:focus{background:#FFF4D4}
#search_button{width:62px;height:22px;font-weight:bold;}

#hello{position:absolute;top:40px;left:242px;font-size:12px;}

#global_table{width:100%;margin-top:15px}
/*#content_left{width:210px;}
/*#content_left #ots_left{padding-left:12px}*/
/*#content{padding:0 20px; width: 90%;}*/
/*#content #info_block{width:100%;}*/
/*#content_right{width:210px;}*/
/*#content_right #ots_right{padding-right:12px; width:210px;}*/

.navolochka {width:160px;margin-top:2px;}
.bedclothesfilter {margin-top:2px;}

#content #prod ul li{/*padding:2px 0 2px 15px*/}

#content li{line-height: 1.4em;}
#content span.bold{font-weight:bold}

#top_bl{position:absolute;top:0;right:11px;background:#b4d8fb url('../img/newheader2011/top_block_center.gif');height:24px;}
#top_bl td{vertical-align:middle;padding:0 10px;}
#top_bl #top_bl_1 {padding:0;width:4px;background: url('../img/newheader2011/top_block_elm.gif') no-repeat;}
#top_bl #top_bl_1p {padding:0 10px 0 8px;}
#top_bl #top_bl_2 {padding:0;width:4px;background: url('../img/newheader2011/top_block_elm.gif') no-repeat right;}
#top_bl #top_bl_2p {padding:0 8px 0 10px;}
#top_bl .line{background:#a2b7d4 url('../img/newheader2011/top_block_elm.gif') no-repeat center;padding:0;width:3px}
#top_bl .ico{padding:0 5px 0 10px;}
#top_bl .post_ico{padding:0 10px 0 0;}
#top_bl a{color:#333;font-size:12px;font-weight:normal;text-decoration:none;}

.font_small{font-size:12px}

.ord_tab{}
.ord_tab th, .ord_tab td{padding:5px 15px 5px 10px;border-bottom:1px solid #BBB;}
.ord_tab th{font-size:12px;color:#444}
.ord_tab td{padding:10px 15px 10px 10px;}
.ord_tab .date{font-size:12px}

.par_tab{border:1px solid #bbb;width:500px}
.par_tab th, .ord_tab td{padding:5px 15px 5px 10px;border-bottom:1px solid #BBB;}
.par_tab th{font-size:12px;color:#444}
.par_tab td{padding:10px 15px 10px 10px;}
.par_tab .date{font-size:12px}

.no_sell_tab{color:#333;cursor:pointer;border-bottom:1px dashed #555;}

.tab_select{background:#AAA;padding-top:1px}

.del{color:red}

.prods{margin: 4px 0}
.sections{margin: 4px 0}
.tags{margin: 4px 0}

/* .prod_list{padding:5px 0 9px 0} */
.prod_order_list{}
.prod_order_list td, .prod_order_list th{padding:7px;border-bottom:1px solid #F0F0F0}
.prod_order_list th{padding-top:0}
.prod_order_list .price{width:80px}
.prod_order_list .sht{width:80px}

input,textarea{font-size: 13px;}
select{font-size: 13px}
option{padding:0 2px}
button{font-size: 13px; padding:1px 5px;cursor:pointer;}

.title_search{padding:15px;background:#5555FF;text-align: center;}
.title_search table{margin: 0 auto;}
.title_search table td{padding:0 3px;vertical-align: middle;}
.text_search{font-weight: bold;color:#FFF}
#search_button{background:url("../img/search_button.gif");border:none;width:62px;height:22px;}
#accept_button{background:url("../img/accept_button.gif");border:none;width:60px;height:22px; margin: 10px 0 5px;}

#banner_top{text-align:center;margin:0 2px}
#banner_top img{margin:0;padding:0}
#banner_top div{width:100%;}

.krohi{font-size:13px;color:#aaa;padding: 11px 17px 1px 17px;}
.krohi span{}
.krohi a{}

.prod_list_lite, .prod_list_lite_pop{width:100%;margin-bottom:20px;border-top:1px solid #c9e4fd}
.prod_list_lite th, .prod_list_lite_pop th{font-size:14px;padding:4px 10px;}
.prod_list_lite td{width:25%;vertical-align:top;padding:13px 9px 0 9px;}
.prod_list_lite_pop td{width:25%;vertical-align: top;padding:8px 5px 10px}
.prod_list_lite .descript, .prod_list_lite_pop .descript{text-align:left;padding: 7px 9px 5px 9px;}

.form-table td{padding:5px 5px;vertical-align:middle}

.bl_yellow, .bl_blue{width:100%;margin-bottom:15px}
.bl_yellow table, .bl_blue table{width:100%;}
.bl_l{height:24px;width:5px;}
.bl_t{padding:5px 5px 2px 5px;font-weight:bold;color:#333;}
.bl_r{height:24px;width:5px}
.bl_c{/*border-top:0;padding:5px 7px*/}

.bl_blue .bl_l{background:#d2e9ff url('../img/block_blue/blue_top.gif') no-repeat left top;}
.bl_blue .bl_t{background:#d2e9ff url('../img/block_blue/blue_top.gif') no-repeat center top;}
.bl_blue .bl_r{background:#d2e9ff url('../img/block_blue/blue_top.gif') no-repeat right top;}
.bl_blue .bl_c{background:#fff url('../img/block_blue/bg.gif') repeat-x bottom;border:1px solid #9fd0ff;border-top:0;}

.bl_c ul{margin:0 0 0 5px;padding:0;}
.bl_c ul.first:first-child {margin:0;}
.bl_c li{padding:4px 0 0 0;}


#content_left .bl_yellow, #content_left .bl_blue{width:198px}

#footer{
    clear:both;
    padding:32px 0 16px 0;
    background: #F3F3F3;
    width: 100%;
}
.m-w-948{
    max-width: 984px;
    margin: 0 auto;
    padding: 0 16px
}
.footer-flex{
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
}
.footer-flex ul, .app-icons{
    display: flex;
    flex-direction: column;
    gap:4px;
}
.footer-flex ul li{
    list-style: none;
    display: block;
}
.footer-flex .app-icons a{
    height: 52px;
    width: 169px;
    background-size: 338px;
    opacity: 1;
}
.app-icons .android.dark{
   background-position: 0 0 !important
}
.app-icons .ios.dark{
   background-position: 0 -52px !important
}
.socials-icons{
    display: flex;
    flex-direction: row;
    gap:16px;
}
.socials-icons a{
    display: flex;
    width: 52px;
    height: 52px;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    background: #fff;
}
.socials-icons a.telegram:hover{
    background: linear-gradient(315deg, #0A80BB 0%, #2DA3DF 101.44%);
}
.socials-icons a.instagramm:hover{
    background: linear-gradient(312deg, #FEC053 14.54%, #F2203E 38.45%, #B729A8 61.63%, #5342D6 86.98%);
}
.socials-icons a.tiktok:hover{
    background: #000;
}
.socials-icons a:hover img{
    filter: brightness(0) invert(1);
}

#prod{width:100%}
#prod .prod_img{text-align:center;min-width:200px;padding-top:5px; width: 1%;}
#prod .prod_img img{max-width: 450px; max-height: 450px;}
#prod .prod_pic {margin-right:30px;padding-left:10px;padding-bottom:10px; min-width: 300px; position: relative;}
#prod .prod_img a{font-size:12px;}
#prod h1{margin-bottom: 4px;}

#prod .prod_img .product_img_cell{width: 450px; height: 450px; display: table-cell; vertical-align: middle; text-align: center; position: relative;}

.dop_img{border:1px solid #E2F1F9;margin:2px;max-width: 65px !important; max-height: 70px !important;}

.user_content{padding:20px}

.ac_input{width:80px;}
.ac_results {
    box-sizing: border-box;
    padding: 0;
    border: 1px solid #d4d4d4;
    background:#fff;
    z-index:9002;
    max-height: 200px;
    overflow-x: hidden;
    overflow-y: scroll;
}
.ac_results.search {
    box-sizing:content-box;
    padding: 0 28px 0 0;
    border: 1px solid #d4d4d4;
    background:#fff;
    z-index:9002;
    max-height: 500px;
    overflow-x: hidden;
    overflow-y: hidden;
}
.ac_results ul{
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 0;}
.ac_results iframe{
    display:block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 3000px;
    height: 3000px;
}
.ac_results li{
    margin: 0;
    padding: 2px 5px;
    cursor: pointer;
    display: block;
    width: 100%;
    font-size: 12px;
    color:#808080;
    overflow: hidden;
}
.ac_results.search li{
    padding: 6px 20px;
    font-size: 14px;
    color:#444;
}
.ac_loading{}
.ac_results li.ac_over{
    background-color: #0a79d5;
    color: #fff;
}


.loc_ac_results {
    position: fixed !important;
    box-sizing: border-box;
    padding: 0;
    border: 1px solid #d4d4d4;
    background:#fff;
    z-index:9002;
    max-height: 200px;
    overflow-x: hidden;
    overflow-y: scroll;
}
.loc_ac_results.search {
    box-sizing:content-box;
    padding: 0 28px 0 0;
    border: 1px solid #d4d4d4;
    background:#fff;
    z-index:9002;
    max-height: 500px;
    overflow-x: hidden;
    overflow-y: hidden;
}
.loc_ac_results ul{
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 0;}
.loc_ac_results iframe{
    display:block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 3000px;
    height: 3000px;
}
.loc_ac_results li{
    margin: 0;
    padding: 2px 5px;
    cursor: pointer;
    display: block;
    width: 100%;
    font-size: 12px;
    color:#808080;
    overflow: hidden;
}
.loc_ac_results.search li{
    padding: 6px 20px;
    font-size: 14px;
    color:#444;
}
.ac_loading{}
.loc_ac_results li.ac_over{
    background-color: #0a79d5;
    color: #fff;
}

#delivery-calculator-city{width:230px;}
#ysearchautocompleteTag{position:relative;width:200px;z-index:9002;}

.acb_input
{
    width: 200px;
}
#delayed_goods {font-size: 18px;padding-bottom:20px;color:#cf7000;}
#gotocart {font-size: 18px;padding-bottom:20px; padding-right:30px;color:#cf7000;}
.cart_tab{width:100%}
.cart_tab th{font-size:12px;color:#555}
.cart_tab td{padding: 7px 9px;border-bottom:1px solid #BBB;}
.cart_tab td td{border:0;padding:0}
#cartgoodsfilter {color: #555555;text-decoration: none;border-bottom: 1px dashed #555555;}
.cartfilterindicator_d {background: url('../img/cartfilter.gif') right no-repeat;width:7px;height:6px;margin: 6px 0 0 3px;display: inline-block;}
.cartfilterindicator_a {background: url('../img/cartfilter.gif') no-repeat;width:7px;height:6px;margin: 6px 0 0 3px; display: inline-block;}
#cartdeliveryfilter {color: #555555;text-decoration: none;border-bottom: 1px dashed #555555;}
#cart_header th {vertical-align: bottom;}
#cartpricefilter {color: #555555;text-decoration: none;border-bottom: 1px dashed #555555;}
.otl {text-decoration: none;border-bottom: 1px dashed #004280;}
.del_cart {text-decoration: none;border-bottom: 1px dashed #004280;}
.cart_tab .csec{font-size:11px;padding-top:4px}
.cart_tab .csd{font-size:11px}
.cart_tab .caddi{margin: 2px 0 0;font-size:11px}
.cart_tab .cadd{margin: 2px 0 0;font-size:11px}
.cart_tab .csum td{text-align:right;border:0;padding:2px}
.cart_tab .csuml, .cart_tab .csumr{}
.cart_tab .csuml{text-align:left;padding:8px 0 0;}
.csuml{text-align:left;padding:8px 0 0;}
.cart_tab .csumr{padding:8px 9px 0 9px;}
.csumr{padding:8px 9px 0 9px;}
.cart_tab th div{padding: 7px 9px;}
.cart_tab .ct1{width:125px}
.cart_tab .ct2{}
.cart_tab .ct3{width:140px}
.cart_tab .ct4{width:65px}
.cart_tab .cprice{margin-bottom:1px}
.cart_footer {margin-top: 20px;}
#changecnt {padding: 7px 105px 7px 9px;}
.bl_delivery {padding:5px 10px 7px 10px;}
.bl_t_delivery {padding: 7px 0 8px 10px;}
.bl_promo {padding:10px 10px 7px 10px;}
.bl_t_promo {padding: 7px 0 8px 10px;}

#cart_rightslide select {width: 162px;}

.cart_shown {position: relative;top: 40px;display: block;}
.cart_hidden {margin:0;position: fixed;top:15px;width:200px;}

.relevantwidth {width:60%;}


#delay_header th {vertical-align: bottom;}
.delay_tab {width: 100%;}
.delay_tab .csec{font-size:11px;padding-top:4px}
.delay_tab .csd{font-size:11px}
.delay_tab .caddi{margin: 2px 0 0;font-size:11px}
.delay_tab .cadd{margin: 2px 0 0;font-size:11px}
.delay_tab .csum td{text-align:right;border:0;padding:2px}
.delay_tab .csuml, .delay_tab .csumr{}
.delay_tab .csuml{text-align:left;padding:8px 0 0;}
.delay_tab th{font-size:11px;color:#555}
.delay_tab td{padding: 7px 9px;border-bottom:1px solid #BBB;}
.delay_tab td td{border:0;padding:0}
.delay_tab th div{padding: 7px 9px;}
.delay_tab .ct1{width:125px}
.delay_tab .ct2{}
.delay_tab .ct3{width:140px}
.delay_tab .ct4{width:65px}
.delay_tab .cprice{margin-bottom:1px}
.delay_tab .csumr{padding:8px 9px 0 9px;}


.text_att{color:#101112}
.text_att.free{color:#cf7000;}

.forma{margin:7px}
.forma td{padding:4px}
.forma .name_2{vertical-align: middle; min-width: 60px;}
.forma .name_2.mutted{color: #333;}
.forma .primer{font-size:10px;color:#444;margin-top:2px;}
.forma .button_form{text-align:right}
.v_middle{vertical-align:middle}

.zv{color:#D93E5C}

.address_book{margin:7px 0;border-bottom:1px solid #DDD}
.address_book td{padding:10px;border-top:1px solid #DDD;line-height: 1.3em;}
.address_book .edit_b{margin-top:5px}

.order_4{padding:15px 0 15px 14px}

.method_sel{margin:7px;border-bottom:1px solid #DDD}
.method_sel td{padding:10px;border-top:1px solid #DDD;line-height: 1.3em;}
.method_sel .op_method{width:620px;vertical-align:middle}
.method_sel .pr_method{width:90px;padding-top:14px;padding-left:15px;vertical-align: middle;}
.method_sel .sel_method{width:100px;vertical-align: middle;}

.mess{
	padding: 8px;
	max-width:600px;
	vertical-align:middle;
	font-weight: normal;
	border-radius: 8px;
	margin-bottom: 16px;
}
.mess li{margin: 5px 0}
.mess h6{color:#000;margin:0 0 10px 0}
.mess h6.one{color:#000;margin:0;}
.m_error{background:#FFCCD6;}
.m_message{background:#fde6a4;}
.m_notice,.m_infos{background:#ceffce;}

#no-js-message.mess{margin: 10px auto;}
#no-js-message.mess:after {content: 'Ваш браузер не поддерживает JavaScript\00a0(или эта поддержка в нём сейчас выключена).\00a0Чтобы страницы Flip.kz отображались правильно, необходимо включить JavaScript в вашем браузере.';}

.pages{width:100%;margin-top:5px;}
.pages_l{font-size: 16px}
.pages_l a{padding:4px}
.pages_l span{background: #DDEFFF;border-radius:3px;padding:4px}
.pages_r{width:250px;text-align:right;}

.produce {width:100%;border-top:2px solid #DDEFFF;border-bottom:2px solid #DDEFFF;margin:0 0 10px 0}
.produce td{border-top:1px solid #DDEFFF;padding:12px 10px}
.produce p{margin:0}
.produce .prod_img{width:140px;padding-right:0;padding-left:0;text-align:center;}
.produce .prod_img img{font-size:10px}
.produce .prod_price{width:142px;}

div.m_media_new{position: absolute; z-index: 3; width: 40px; height: 40px; background: url('../media/new.png') no-repeat scroll 0 0 transparent; top: 0; left: 0;}
div.m_media_price{position: absolute; z-index: 3; width: 40px; height: 40px; background: url('../media/price.png') no-repeat scroll 0 0 transparent; top: 0; left: 0;}

.menu-news span {font-size: 12px;}
.menu-news b {font-size: 12px;}
.menu-news ul a {font-size: 12px;}

.right-block-news {}
.right-block-news div {margin-bottom: 10px;}
.right-block-news p {margin: 0; padding: 0;}
.right-block-news .news-title-link {margin-bottom: 5px;}
.right-block-news .news-title-link a {color: #CF7000;}
.right-block-news .news-title-link a:hover {color: #AD8100;}
.right-block-news .news-date {margin-top: 2px; font-size: 11px; font-weight: 700; color: #545454;}
.right-block-news .news-name-link a {font-size: 11px;}
.right-block-news .news-name-link a:hover {font-size: 11px;}

.index-news {width: 100%;}
.index-news .news-date {font-size: 11px;}
.index-news-left a  {font-weight: 400; font-size: 14px; color: #CF7000;}
.index-news-right a {font-weight: 400; font-size: 12px; color: #CF7000;}
.index-news-left a:hover {font-weight: 400; font-size: 14px; color: #AD8100; text-decoration: none;}
.index-news-right a:hover {font-weight: 400; font-size: 12px; color: #AD8100; text-decoration: none;}
.index-news-left {width: 49%;}
.index-news-left p, .index-news-right p {margin: 0; padding: 0; font-size: 12px; font-weight: 700; color: #545454;}
.index-news-left .news-photo {float: left; width: 130px;}
.index-news-left .news-info {margin-left: 135px;}
.index-news-left .index-news-title {margin-top: 5px;}
.index-news-left .index-news-text, .index-news-right .index-news-text {margin-top: 5px; font-weight: 400; color: #000;}
.index-news-right {width: 49%;}
.index-news-right div {margin-bottom: 10px;}

.layout-news {width:100%; border-top: 2px solid #DDEFFF; border-bottom: 2px solid #DDEFFF; margin: 0 0 10px 0;}
.layout-news td {border-top: 1px solid #DDEFFF; padding: 12px 10px;}
.layout-news img {font-size: 10px;}
.layout-news .news-img {width: 140px; padding-right: 0; padding-left: 0; text-align: center;}
.layout-news p {margin: 0;}
.layout-news .news-title a {font-weight: 400; font-size: 14px; color: #CF7000;}
.layout-news .news-title a:hover {font-weight: 400; font-size: 14px; color: #AD8100; text-decoration: none;}
.layout-news .news-date {margin-top: 2px; font-size: 11px; font-weight: 700; color: #545454;}
.layout-news .news-name {margin-top: 8px; font-size: 12px; font-weight: 700; color: #545454;}
.layout-news .news-text {margin-top: 8px; color: #545454;}
.layout-news .news-all-text {margin-top: 5px;}

.prod_list_price{border:0}
.prod_list_price td{border:0;padding: 0 3px 5px 0}

.last_view_right{width:100%}
.last_view_right td{padding:5px 10px;text-align:center;font-size:12px}

.price{margin-bottom:7px;}
.price td{padding:3px 2px}
.txt_right{text-align:right}
.ots_10{padding:10px}

.review_add td{padding:3px}
.review_add .inp_txt{width:400px}

.bt_add_cart{width:163px;height:26px;background:#FFD046;padding:0}
.bt_add_cart_small{width:105px;height:24px;background:#FFD046;padding:0}
.bt_order{width:151px;height:24px;background:#FFD046;padding:0}
.bt_add2{width:80px;height:23px;background:#FFD046;padding:0}

.line{}

.rating_tbl{margin-bottom: 10px}
.rating_tbl td{padding-right:5px;}

.r_z{width:14px;height:14px}
.top-line{border-top:1px solid #EEE;padding-top:12px}
.top-line.lite{border:none;padding-top:8px;}
.top-line.title{font-size:19px;margin:0 0 0.4em 0;}
.top-line.lite.title{margin:0 0 0.4em 0;}
.top-line.lite.no-paddings{padding: 0; margin: 0;}

.cycle_first {background:#F0F0F0;}
.cycle_last {background:#DDDDDD;}

.result_p{border-top:1px solid #60A5E3;border-left:1px solid #60A5E3}
.result_p td, .result_p th{padding:3px 5px;border-right:1px solid #60A5E3;border-bottom:1px solid #60A5E3}
.result_p th{color:#FFF;font-weight:bold;background:#7eb9ee}
.result_p .cycle_first {background:#c2dbf2}
.result_p .cycle_last {background:#e1ecf7}

#tagContainer{text-align:left;line-height:1.7em;}

.tag_butt{margin:10px 0;}

.stag a:hover, .mtag a:hover, .ltag a:hover{text-decoration:none;}
.stag a{color:#969696}
.mtag a, #listTag a{color:#808080}
.ltag a{color:#6a6a6a}
#listTag {margin-right:10px}

.tags {margin:5px 5px 0 0;color:#004280;cursor:pointer;border-bottom:1px dashed #004280;text-decoration:none;}
.tags:hover{color:#004280;}

#m_tags .tags {border:0;text-decoration:none;color:#000;margin:0;cursor:auto;}
.htags, .htags:hover, .tat {color:#444; border:0; cursor:default; background:#eee}
.tat {font-size:14px;}

.sajax, #sedittag, #sedittag a, #sedittagx, #sedittagx a {font-size:11px;color:#cd7100;cursor:pointer;text-decoration:none;}
.sajax, #sedittag, #sedittag a {border-bottom:1px dashed #cd7100;}
.alltag{color:#004280;}
#sltag, #sltag a {color:#cd7100;cursor:pointer;}
.tags_div, .tags_div_all {padding:0 0 10px 10px;margin-bottom:10px;}
.tags_div_all {padding:0 0 10px 10px;margin-bottom:10px;border:1px dashed #ededed;}
.tags_div_all{padding-top:10px;}
.tags_div_list{padding:10px 10px 7px;border:1px dashed #ededed;margin:0 0 10px;display:none;}
.tags_div_list .tag_butt{margin-top:0}
.tagnh {color:grey;font-size:10pt;font-weight:normal;}

#tags_view{margin-top:2px;padding:5px 10px 0 3px;position:absolute;width:300px;z-index:9999;background:#fff;border:1px solid #dfa600}
#tags_view{width:340px;}
/*#cart_view{margin-top:-4px;padding:12px;font-size:11px;}
#cart_view td{vertical-align:middle;font-size:11px}
#cart_view img{float:left}
#cart_view .cart_del{color:red;border-bottom:1px dashed red;cursor:pointer;font-weight: normal;}*/
#cart_view td{vertical-align:middle;font-size:12px}
#cmain{max-height:375px;overflow-y:auto;padding:0 3px 0 0;}
#cmain td{padding:0 3px 0 0;}
.coview{float:left;width:200px;margin:0;vertical-align:middle;}

.rating {
    color: #666666;
    font-family: Tahoma, helvetica, sans-serif;
    font-size:11px;
    width: 70px;
    height: 14px;
    margin:0;
    padding:0;
}
.unit-rating{
    list-style:none;
    margin: 0;
    padding:0;
    width: 70px;
    height: 14px;
    background: url('../media/0.gif') top left repeat-x;
}
.unit-rating li{
    text-indent: -90000px;
    padding:0;
    margin:0;
    float: left;
}
.unit-rating li a{
    display:block;
    width:14px;
    height: 14px;
    text-decoration: none;
    text-indent: -9000px;
    z-index: 17;
    position: absolute;
    padding: 0;
}
/*.unit-rating li a:hover,*/ .unit-rating li a.current-rating{
                                 background: url('../media/10.gif') left center;
                                 z-index: 2;
                                 left: 0;
                             }
.unit-rating a.current-rating{top:0;}
.unit-rating a.r1-unit{left: 0;}
/*.unit-rating a.r1-unit:hover{width:14px;top:0}*/
.unit-rating a.r2-unit{left:14px;}
/*.unit-rating a.r2-unit:hover{width: 28px;top:0}*/
.unit-rating a.r3-unit{left: 28px;}
/*.unit-rating a.r3-unit:hover{width: 42px;top:0}*/
.unit-rating a.r4-unit{left: 42px;}
/*.unit-rating a.r4-unit:hover{width: 56px;top:0}*/
.unit-rating a.r5-unit{left: 56px;}
/*.unit-rating a.r5-unit:hover{width: 70px;top:0}*/

.stat_table{margin-top:10px;padding:10px;border-top:1px solid #999;border-bottom:1px solid #999;border-right:1px solid #999}
.stat_table td, .stat_table th{padding:10px;border-left:1px solid #999}
.stat_table th{border-bottom:1px solid #999;background:#e7f4fa}

.dop_info{width:200px;padding-left:10px;font-size:8pt;color:#454545}
.dop_ttl{margin-bottom:10px;font-size:9pt;color:#454545}

.ban-tags
{
    color: #999;
}

.ban-tags-selected
{
    color: #fff;
    background: #7eb9ee;
}

#add_rcomm, #view_rcomm{font-size:12px;}
.view_rcomm, .view_rcomm a{text-decoration:none;font-size:11px;color:#004280;border-bottom:1px dashed #004280;cursor:pointer;margin-bottom:5px;}
.comments{clear:both;margin-top:20px;padding-left:30px;}
.useful, .useful a{color:#cd7100;border-bottom:0 dashed #004280;cursor:text;}


#show-cloud-tags {border-bottom:1px dashed #004280;text-decoration:none;color:#004280; cursor:pointer;}

/* SLIMBOX */

#lbOverlay {opacity: 0.9;position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;background-color:#091724;cursor:pointer;}
#lbCenter, #lbBottomContainer,#lbULContainer {position:absolute;z-index: 9999;overflow: hidden;background-color: #fff;}
.lbLoading {background: #fff url("../img/slimbox/loading.gif") no-repeat center;}
#lbImage {position:absolute;left:0;top:0;border:10px solid #fff;background-repeat:no-repeat;}
#lbPrevLink, #lbNextLink{display:block;position:absolute;top:0;width:50%;outline:none;}
#lbPrevLink{left:0;}
#lbPrevLink:hover{background:transparent url("../img/slimbox/prevlabel.gif") no-repeat 0 15%;}
#lbNextLink{right:0;}
#lbNextLink:hover{background:transparent url("../img/slimbox/nextlabel.gif") no-repeat 100% 15%;}
#lbBottom{font-family:Verdana, Arial, Geneva, Helvetica, sans-serif;font-size:12px;color:#333;line-height:1.4em;text-align:left;border:10px solid #fff;border-top-style:none;}
#lbUL{font-family:Verdana, Arial, Geneva, Helvetica, sans-serif;font-size:12px;color:#333;line-height:1.4em;text-align:left;border:10px solid #fff;border-right-style:none;}
#lbCloseLink{display:block;float:right;width:102px;height:12px;background:transparent url("../img/slimbox/closelabel.gif") no-repeat center;margin:5px 0;outline:none;}
#lbCaption, #lbNumber{margin-right:71px;}
#lbCaption{font-weight: bold;}
.acive {text-decoration: none;}

#layer-overlay {z-index:9998;position:absolute;background-color:#000;left:0;top:0;zoom:1;opacity: 0.2;filter: alpha(opacity=20);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";}

#sbox-overlay {
    background-color: #000000;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    display: none;
    zoom:1;opacity: 0.6;filter: alpha(opacity=60);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}

.body-overlayed{overflow:hidden;}
.body-overlayed embed,.body-overlayed object,.body-overlayed select{visibility:hidden;}

.loader {text-align: center; margin: 100px 0 100px 0;}

/*#contentsLayer {z-index: 9999;}

#contentsLayer .s_top {height: 18px; background: url("../img/shade_basket/top.png");}
#contentsLayer .s_top_left {background: url("../img/shade_basket/left_top.png"); }
#contentsLayer .s_top_right {background: url("../img/shade_basket/right_top.png"); }
#contentsLayer .s_left {width: 18px; background: url("../img/shade_basket/left.png"); }
#contentsLayer .s_right {width: 18px; background: url("../img/shade_basket/right.png"); }
#contentsLayer .s_bottom {height: 18px; background: url("../img/shade_basket/bottom.png"); }
#contentsLayer .s_bottom_left {width: 18px; background: url("../img/shade_basket/left_bottom.png"); }
#contentsLayer .s_bottom_right {width: 18px; background: url("../img/shade_basket/right_bottom.png"); }
#contentsLayer .header .left {width: 7px; height: 36px; background: url("../img/left.png"); }
#contentsLayer .header .right {width: 7px; background: url("../img/right.png"); }

#contentsLayer .tlt {font-size: 12px; font-weight: 700; color: #000000;}
#contentsLayer .header th {text-align: left; font-size: 13px; background: #d2e9ff url("../img/bg.jpg"); font-weight: 700;}
#contentsLayer .header .close_button {width: 30px; vertical-align: middle; text-align: center;}
#contentsLayer .header .title {vertical-align: middle; padding-left: 5px;}
#contentsLayer .header th .icon {margin: 0 8px 0 8px;}

#contentsLayer .content {padding: 10px 20px; border: 1px solid #d2e9ff; background: #FFF;}
#contentsLayer .content p {margin: 0; padding: 0;}
#contentsLayer .goods {padding-bottom: 10px;}
#contentsLayer .goods .pic {float: left; margin: 8px 5px 0 0;}
#contentsLayer .goods .name {margin-left: auto; padding: 9px 0 0 8px; font-weight: 700;}
#contentsLayer .and {clear: both; padding: 7px 0 7px 0; border-top: 1px solid #d2e9ff;}
#contentsLayer .and span {color:#9C1B00;font-weight:bold}
#contentsLayer .and .buy {margin-left: 7px;}
#contentsLayer .and tbody {vertical-align: top;}
#contentsLayer .and table {margin-top: 8px;}
#contentsLayer .and table th {width: 120px; text-align: left;}
#contentsLayer .basket {clear: both; border-top: 1px solid #d2e9ff; padding: 10px 0 10px 0;}
#contentsLayer .basket .a {font-weight: 700; margin: 5px 0 0 0;}
#contentsLayer .basket .text {float: left; width: 220px; font-size: 11px;}
#contentsLayer .basket .order {margin-left: 220px; text-align: right;}
#contentsLayer .add_button {clear: both; border-top: 1px solid #d2e9ff; padding-top: 10px;}
#contentsLayer .add_button .add_pass {float: left; width: 250px; text-align: left;}
#contentsLayer .add_button .add_close {margin-left: 150px; text-align: right;}
#contentsLayer .footer {clear: both; background-color: #d2e9ff; padding: 10px 20px 11px 20px; font-size: 11px; font-weight: 700;}*/

.site_work {padding: 3px 0 3px 0; margin: 0 2px 0 2px; background-color: #ddefff; text-align: center; font-weight: 700; color: #000;}

div.gr-left {float: left; width: 80%;}
div.gr-right {margin-left: auto;}
.gr {width: 100%;}
.gr .t-l, .t-r, .b-l, .b-r {width: 8px; height: 8px;}
.gr td.top {background: url("../img/guarantee/top.gif") repeat-x;}
.gr td.left {background: url("../img/guarantee/left.gif") repeat-y;}
.gr td.right {background: url("../img/guarantee/right.gif") repeat-y;}
.gr td.bottom {background: url("../img/guarantee/bottom.gif") repeat-x;}
.gr td.text {width: 100%; padding: 15px 15px 0 18px;}
.faxp {width: 500px; margin-bottom: 15px;}
.faxp .lf {line-height: 20px; width: 250px; padding-top: 15px;}
.faxp .ct {width: 150px; text-align: center;}
.faxp .rg {width: 100px; text-align: right; padding-top: 15px;}

.box-table-list {width: 100%;}
.box-table-list .row-top-tr {background: #ecf6ff;}
.box-table-list .row-top-left {width: 4px; background: url('../img/mt/ugol.gif') top left;}
.box-table-list .row-top-center {background: url('../img/mt/ugol.gif') top center; padding: 6px 6px;font-size:13px}
.box-table-list .row-top-right {width: 4px; background:url('../img/mt/ugol.gif') top right;}
.box-table-list .row-bottom-left {background: url('../img/mt/line.gif') top left no-repeat; padding: 0 3px;}
.box-table-list .row-bottom-right {background: url('../img/mt/line.gif') top right no-repeat; padding: 0 3px;}
.box-table-list .row-div-items {padding: 12px 10px 17px 10px;}
.table-list-items {width: 100%;}
.table-list-items .td-item {width: 16%; padding: 0 5px 3px 5px;}
.table-list-items .img-item {width: 110px; height: 110px;}
.table-list-items .name-item {margin: 5px 0;}
.table-list-items .text_att {margin-top: 2px; font-size: 11px; font-weight: 700;}

#preview-books {
    background: #fff;
    overflow: hidden;
}
#preview-books .pr-b-left {
    float: left;
    width: auto;
    margin-right: 25px;
}
#preview-books .pr-b-left img {
    border: 1px solid #afafaf;
}
#preview-books .pr-b-right {
    float: left;
    width: 130px;
    margin-left: auto;
    overflow: hidden;
}
#preview-books .back-prev-top {
    /*position: absolute;*/
    width: 130px;
    height: 32px;
    background: #fff;
    z-index: 555;
}
#preview-books .back-prev-bot {
    /*position: absolute;
    top: 400px;*/
    width: 130px;
    height: 32px;
    background: #fff;
    z-index: 555;
}
.jcarousel-skin-tango .jcarousel-container {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #fff;
}
.jcarousel-skin-tango .jcarousel-direction-rtl {
    direction: rtl;
}
.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 245px;
    padding: 20px 40px;
}
.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 130px;
    /*height: 400px;*/
}
.jcarousel-skin-tango .jcarousel-clip {
    overflow: hidden;
}
.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  245px;
    height: 75px;
}
.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  130px;
}
.jcarousel-skin-tango .jcarousel-item {
    width: 130px;
    height: auto;
    list-style: none;
    text-align: center;
}
.jcarousel-skin-tango .jcarousel-item img {
    border: 1px solid #afafaf;
}
#preview-books-list .item {
    margin:5px 10px;
    text-align: center;
}
div.active img {
    border: 3px solid #006ab8;
}
/*.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-left: 0;
    margin-right: 10px;
}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
    margin-left: 10px;
    margin-right: 0;
}*/
.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 5px;
}
.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}
/**
 *  Vertical Buttons
*/
.jcarousel-next-vertical {
    position: relative !important;
    margin: 0 auto !important;
    padding: 0 !important;
    width: 32px !important;
    height: 32px;
    cursor: pointer;
    background: transparent url("../img/next-vertical.png") no-repeat 0 0;
    z-index: 9999;
    top: 0 !important;
    transition: none !important;
    border-radius: 0 !important;
}
.jcarousel-prev-vertical {
    position: relative !important;
    margin: 0 auto !important;
    width: 32px !important;
    height: 32px;
    padding: 0 !important;
    top: 0 !important;
    cursor: pointer;
    background: transparent url("../img/prev-vertical.png") no-repeat 0 0;
    z-index: 9999;
    transition: none !important;
    border-radius: 0 !important;
}

.jcarousel-next-vertical:hover, .jcarousel-prev-vertical:hover {
    background-color: #ffffff !important;
}
.jcarousel-next-vertical:hover,
.jcarousel-next-vertical:focus {
    background-position: 0 -32px;
}
.jcarousel-next-vertical:active {
    background-position: 0 -64px;
}
.jcarousel-next-disabled-vertical,
.jcarousel-next-disabled-vertical:hover,
.jcarousel-next-disabled-vertical:focus,
.jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}
.jcarousel-skin-tango .jcarousel-prev-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-vertical:focus {
    background-position: 0 -32px;
}
.jcarousel-skin-tango .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:focus,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.scrollable {

    /* required settings */
    position:relative;
    overflow:hidden;

    /* vertical scrollables have typically larger height than width but not now */
    height: 665px;
    width: 700px;
}

/* root element for scrollable items */
.scrollable .items {
    position:absolute;

    /* this time we have very large space for the height */
    height:20000em;
}

.easyzoom-box {
    border:1px solid #aaa;
    background: #ccc;
    opacity: 0.5;
    position:absolute;
    top:50px;
    left:100px;
    width:100px;
    height:100px;
    z-index:999999;
    cursor:crosshair;
}

#sliderholder {
    max-width: 906px;
    min-width: 570px;
    height: 90px;
    position: relative;
    border: 1px solid #9FD0FF;
}

#slidectrls {
    margin:20px auto 0 auto;
    position: absolute;
    z-index:9999;
    bottom: 5px;
    right: 10px;
    list-style: none;
    float:left;
    opacity: 0.2;
}

#slidectrls a {
    height:20px;
    width:18px;
    display:block;
    cursor: pointer;
    background: transparent url('../img/controlls.png') center bottom no-repeat;
    float:left;
    outline: none;
}

#slidectrls a:hover, #slidectrls .active_item{
    background: transparent url('../img/controlls.png') center top no-repeat;
}

#slidectrls li {
    display: inline;
}

#slider {
    width: 100%;
    height: 100%;
    cursor: pointer;
}

#slider div.slide {
    position: absolute;

}


/*
[placeholder]{
cursor:pointer;
padding:3px 5px;
border:1px solid #999;

-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
font-size:13px;
font-style:italic;
}
[placeholder]:active,
[placeholder]:focus{
cursor:text;
border:1px solid #0a0;
font-style:normal;
}*/

#main-card-layer {
    width: 562px; height: 469px; background-color: #AEDBDD; margin: 0 auto;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
}


#cards-layer-form {background: url('../media/ny2013/fon_forma.png') no-repeat; width:700px; height:330px; padding-left:170px; padding-top:300px; margin: 0 auto;}

#cards-layer-form *, #cards-layer-form textarea, #cards-layer-form input {
    font-family: 'Times New Roman', sans-serif;
    font-size: 12px;
    font-weight: bold;
    letter-spacing:0.04em;
    color:#333;
}
#cards-layer-form textarea, #cards-layer-form textarea[placeholder] {
    background:none;border:none;font-weight: bold;font-size: 14px;font-style: normal
}
#cards-layer-form button{
    background:none;border:none;padding:0;float:right;margin-right:20px;
}
#cards-layer-form .input input{
    background:none;border:none;margin-top:5px;margin-bottom: 10px;width:240px;color:#aaa;font-weight: normal;
}
#cards-layer-form .input{
    background: url('../media/ny2013/pole_forma.png') no-repeat;margin-top:5px;padding-left:10px;
}
#cards-layer-form .loadPhoto {
    cursor:pointer;
}

#main-popup-layer button{
    background:none;border:none;padding:0;
}

.sc-groups{
    position:absolute;bottom:15px;margin-left:120px;
}

.sc-groups a{
    margin-right:5px;
}

.sc-groups .vk, .sc-groups .tw, .sc-groups .fb{
    display:inline-block;width:30px;height:29px;background-repeat:no-repeat;
}

.sc-groups .vk{
    background-image: url("../img/vk_icon.png");
}

.sc-groups .tw{
    background-image: url("../img/twitter_icon.png");
}

.sc-groups .fb{
    background-image: url("../img/fb_icon.png");
}

.sc-groups .vk:hover, .sc-groups .tw:hover, .sc-groups .fb:hover{
    background-position: 0 -29px;
}



/*New design*/

.list{
    /*max-width:1200px;
    min-width:600px;*/
    width:100%;
    margin: 0 auto 10px;
    border-bottom: 1px solid #DEDEDE;
    border-top: 1px solid #DEDEDE;
    position:relative;
    /*min-height:900px;*/
    overflow:hidden;
}
.lot{
    position:relative;
    float:left;
    width:200px;
    /*height:310px;*/
    background:#FFF;
    border-bottom: 1px solid #eee;
    /*border-top:#999999 solid 1px;*/
}
.lot:hover{
    background:#F2F2F2;
}
.lot .imgbox{
    width:180px;
    height:240px;
    background:#FFFFFF;
    overflow:hidden;
    text-align:center;
    display:table-cell;
    vertical-align: middle;
}

.lot .img{
    margin-left:10px;
    margin-top:10px;
    width:180px;
    height:240px;
    overflow:hidden;
    background:#FFF;

}
.lot .img img{
    max-width:180px;
    max-height:240px;

}

.lot p{
    font-size:12px;
    margin: 10px 10px 0 10px;
    padding-bottom:5px;
    line-height:16px;
}
.lot .p{
    height:60px;
    width:180px;
    overflow:hidden;
    text-align:center;
    margin:0 auto;
}
.lot span.left{
    margin-left:10px;
    float:left;
    font-size:12px;
}
.lot span.right{
    float:right;
    font-size:12px;
    font-weight:bold;
    color:#9C1B00;
}
.lot .old{
    font-weight:100;
    font-size:12px;
    color:#777;
    text-decoration:line-through;
}
.lot .price{
    height:30px;
    width:180px;
}
.buy{
    height:26px;
    position:relative;
    margin-right:10px;
    float:right;
    text-align:center;
    cursor:pointer;
}
.buy .left{
    width:24px;
    height:26px;
    background:url("../img/btn_left.png");
    position:relative;
    float:left;
}
.buy .right{
    width:12px;
    height:26px;
    background:url("../img/btn_right.png");
    position:relative;
    float:left;
}
.buy .middle{
    height:21px;
    font-size:12px;
    background:url("../img/btn_middle.png");
    position:relative;
    padding-top:5px;
    font-weight:bold;
    float:left;
}
.b-soon{
    height:26px;
    position:relative;
    text-align:center;
    width:200px;
}
.b-soon .middle{
    height:21px;
    font-size:12px;
    background:url("../img/btn_middle.png");
    position:relative;
    padding-top:5px;
    font-weight:bold;
    float:left;
}
.b-soon .left_s{
    width:8px;
    height:26px;
    background:url("../img/btn_left_s.png");
    position:relative;
    float:left;
}
.b-soon .left_g{
    width:8px;
    height:26px;
    background:url("../img/btn_left_g.png");
    position:relative;
    float:left;
}
.b-soon .right_s{
    width:8px;
    height:26px;
    background:url("../img/btn_right_s.png");
    position:relative;
    float:left;
}
.b-soon .right_g{
    width:8px;
    height:26px;
    background:url("../img/btn_right_g.png");
    position:relative;
    float:left;
}
.b-soon .middle_g{
    height:21px;
    font-size:12px;
    background:url("../img/btn_middle_g.png");
    position:relative;
    padding-top:5px;
    font-weight:bold;
    float:left;
}
.b-soon .button{
    margin:0 auto;
    display:inline-block;
    cursor:pointer;
}
.lot .stars{
    background:#FFFFFF;
    margin:0 auto;
    width:180px;
    height:14px;
}

.lot .img .hit{
    position:absolute;
    z-index:99;
    margin-top:135px;
    color:#fff;
    font-size:12px;
    height:21px;
    width:116px;
    padding-left:13px;
    padding-top:11px;
    margin-left:-10px;
    background:url("../img/line.png");
    text-align:left;
}
.lot:hover .img .hit{
    background:url("../img/line_hover.png");
}
.lot .img .new{
    position:absolute;
    z-index:99;
    color:#fff;
    font-size:12px;
    height:42px;
    width:32px;
    padding-left:0;
    padding-top:22px;
    margin-left:148px;
    margin-top:-10px;
    background:url("../img/line_rad.png");
    text-align:left;
}
.lot:hover .img .new{
    background:url("../img/line_rad_hover.png");
}

.lot .img .new.halloween{
    background:url("../img/line_rad_halloween.png");
}
.lot:hover .img .new.halloween{
    background:url("../img/line_rad_halloween_hover.png");
}

.lot .img .new div{
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    height: 15px;
    margin-left: -7px;
    margin-top: 3px;
    overflow: hidden;
    position: absolute;
    width: 55px;
}
.lot .img .new.halloween div{
    margin-top: 19px;
}
.lot .img .soon{
    position:absolute;
    z-index:99;
    color:#fff;
    font-size:12px;
    height:36px;
    width:32px;
    padding-left:0;
    padding-top:22px;
    margin-left:148px;
    margin-top:-10px;
    background:url("../img/line_blue.png");
    text-align:left;
}
.lot:hover .img .soon{
    background:url("../img/line_blue_hover.png");
}
.lot .img .soon div{
    position:absolute;
    overflow:hidden;
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    width:45px;
    margin-left:-3px;
    height:15px;
}

.header-box{
    padding:5px 10px 0 3px;display:none;top:21px;position:absolute;width:340px;z-index:9999;background:#fff;border:1px solid #99b8d6;
}

.header-box a{
    color:#6a6a6a;
}

#my_view li, #contact_view li, #help_view li{
    margin:5px 0;
}

#my_view h3, #contact_view h3, #help_view h3{
    margin-top:10px;
    margin-bottom:15px;
    color:#CF7000;
}

#contact_view br{
    display: block;
    margin:3px 0;
}

#my_view .h5{
    color:#6a6a6a;
}


/*Страница лота*/
.main{
    display:table;
    width:100%;
    margin-top:20px;
}
.main_ct{
    display:table-row;
}
.main_left{
    display:table-cell;
    vertical-align:top;
}

.main_left_top{
    display:table;
    width:100%;
    padding-bottom: 20px;
}
.main_left_top_ct{
    display:table-row;
}
.main_left_top_left{
    display:table-cell;
    vertical-align:top;
    width:80px;
}
.main_left_top_left a{
    margin-bottom:5px;
    outline: 0;

}
.main_left_top_left a img{
    max-width:70px;
    max-height:70px;
    border:#cccccc solid 1px;
}
.main_left_top_left a:hover img{
    border:#2d98f8 solid 1px;
}
.main_left_top_left a.active img{
    border:#E47911 solid 1px;
}
.main_left_top_left a.active:hover img{
    border:#E47911 solid 1px;
    cursor:default;
}
.main_left_top_middle{
    display:table-cell;
    vertical-align:top;
}

img.img_n_t_b {max-height: 550px;}

.main_left_top_middle_t{
    display:table;
    width:100%;
    height:100%;
}
.main_left_top_middle_ct{
    display:table-row;

}
.main_left_top_middle_left{
    display:table-cell;
    vertical-align:top;
    /*width:40%;*/
}
.main_left_top_middle_right{
    display:table-cell;
    vertical-align:top;
    width:100%;
    padding-left:20px;
    position: relative;
}


.main_left_top_middle_left .img{
    min-width: 150px;
    /*width:366px;*/
    /*height:550px;*/
    background:#FFF;
    min-height: 350px;
    display: table;
    position: relative;

}
.main_left_top_middle_left .img img{
    max-width:366px;
    max-height:550px;
}

.main_left_top_middle_left .imgbox{
    /*width:366px;*/
    /*height:550px;*/
    background:#FFFFFF;
    /*text-align:center;*/
    display:table-cell;
    vertical-align: middle;
    min-width: 350px;
}

.main_left_top .add-photos{width: 80px;vertical-align: top; padding-right: 5px;}
.main_left_top .add-photos .img{display: block; width: 70px; height: 70px; background-size:contain; background-position: center; background-repeat: no-repeat; margin-bottom: 5px; border: #e4e4e4 solid 1px; box-sizing: border-box; vertical-align: top; cursor: pointer;}
.main_left_top .add-photos .img.active{border: #ffbd00 solid 1px;}
.main_left_top .add-photos .img:hover{border: #b0b0b0 solid 1px;}
.main_left_top .add-photos .img.active:hover{border: #ffbd00 solid 1px;}

.area_zoom{
    position:absolute;
    width: 94%;
    height: 100%;
    background: #0a0;
    z-index: 2;
}
.main_left_bottom{
    display:table;
    width:95%;
    margin-left:10px;

}
.main_right{
    display:table-cell;
    vertical-align:top;
    width:200px;
}




.color_av{
    max-width: 600px;
}

.color_av a{
    margin-right: 3px;
    outline: 0;
}
.color_av a img{
    max-width:80px;
    max-height:80px;
    border:2px solid #cf7000;
}
.color_av.small a img{
    max-width:50px;
    max-height:50px;
}
.color_av.xsmall a img{
    max-width:25px;
    max-height:25px;
}
.color_av a:hover img{
    border:#2d98f8 solid 2px;
}
.color_av a.active img{
    border:#2d98f8 solid 2px;
}
.color_av a.active:hover img{
    border:#2d98f8 solid 2px;
    cursor:default;
}

.color_av.color_av_attributes_groupped a{
    margin: 0 6px 6px 0;
    display:inline-block;
    /*border:#0a78d6 solid 1px;*/
    border:#d1d1d1 solid 2px;
    border-radius:5px;
    padding:2px;
    min-width:30px;
    text-align:center;
    transition: 0.1s;
    color: #444;
    line-height: 10px;
}

.color_av.color_av_attributes_groupped.xsmall a{
    min-width: 30px;
}/*.color_av.color_av_attributes_groupped.small a{
    line-height: 9px;
}

.color_av.color_av_attributes_groupped.small a img{
    max-width:50px;
    max-height:50px;
}*/

.color_av.color_av_attributes_groupped a img{
    max-width:80px;
    max-height:80px;
    border:none;
}



.color_av.color_av_attributes_groupped.small a{line-height: 50px; width: 50px; height: 50px; vertical-align: top; text-align: center;}
.color_av.color_av_attributes_groupped.small a img{max-height: 100%; max-width: 100%; display: inline;}

.color_av.color_av_attributes_groupped.xsmall a{
    line-height: 9px;
}

.color_av.color_av_attributes_groupped.xsmall a img{
    max-width:30px;
    max-height:30px;
}

.color_av.color_av_attributes_groupped a:hover img{
    border:none;
}
.color_av.color_av_attributes_groupped a.active img{
    border:none;
}
.color_av.color_av_attributes_groupped a.active:hover img{
    border:none;
}

.color_av.color_av_attributes_groupped a:hover {
    /*background-color: #45b3ff;*/
    border-color: #0a78d6;
}
.color_av.color_av_attributes_groupped a.active {
    /*background-color: #0a78d6;*/
    border-color: #0a78d6;
}
.color_av.color_av_attributes_groupped a.active:hover {
    /*background-color: #0a78d6;*/
    border-color: #0a78d6;
}

.size_av select{
    /*margin-top:5px;*/
    /*margin-bottom:15px;*/
    /*margin-left:5px;*/
    /*font-size:14px;*/
}
.size_av a .ruller{
    background:url("../img/rule.png");
    width:19px;
    display:inline-block;
    height:8px;
    margin-right:5px;
}
.size_av a:hover .ruller{
    background:url("../img/rule_hover.png");
}
.add_info{
    color:#333333;
    margin-top:5px;
    margin-left:5px;
}
.add_info td{
    padding-bottom:5px;
}
.add_info .r{
    text-align:right;
    padding-right:5px;
    font-weight: 700;
}
.size-error {
    color:red
}

/*Страница лота*/
.clothes-sizes-list{
    font-size: 10px;
    color:#333;
    position: absolute;
    text-align: left;
    /*background: #F2F2F2;*/
    overflow: hidden;
    width:170px;
    z-index: 999;
    margin: 10px;
    display:none;
    line-height: 13px;
}

.clothes-sizes-list span:after {content: ';';}
.clothes-sizes-list span.clothes-sizes-list-title:after {content: ':';}
.clothes-sizes-list span:last-child:after {content: '';}

.lot:hover .clothes-sizes-list, .good:hover .clothes-sizes-list {
    display:block;
    opacity: 0.8;
}

.clothes-sizes-list span {
    display:inline-block;
    background:#fff;
    padding-left: 2px;
    padding-right: 3px;
    opacity: 0.8;
}

.clothes-sizes-list.always {
    display:block;
    opacity: 0.8;
}

.filter{
    width:197px;
    margin-top:0;
    padding-left:9px;
    padding-right:9px;
    color:#3d3d3d;
    font-size:12px;
}

.filter li{
    list-style:none;
    border-bottom:#f1f1f1 solid 0px;
    padding-bottom:7px;
    padding-top:6px;
}

/*.filter li ul li{
    list-style:none;
    border-bottom:none;
    padding-bottom:1px;
    padding-top:1px;
    padding-left:5px;
}*/

.filter > li:last-child{
    border-bottom:none;
    padding-bottom:0;
}

.filter li.sub ul {
    padding-left: 0;
}

.filter li.sub ul ul.nav {padding-left: 5px;}
.filter li.sub ul ul.nav.first {padding-left: 0;}
.filter li.sub ul ul.nav li.no-padding {padding: 0;}
.filter ul.nav li.filter-item.main-sections {font-size: 13px}

.filter li.sub li{
    border:none;
    padding-bottom:3px;
    padding-top:3px;
    padding-left: 0;
}

.filter li.sub li.active{
    color:#cf7000;
}

.filter li.sub .sub{
    cursor:pointer;
    font-size:13px;
}

.filter li.sub .sub.active{
    color:#0a78d6;
}

.filter li.sub .sub.active:after{
    content: '\00a0↑';
    /*font-size:90%;*/
    color:#888;

}

.filter li.sub .sub:after{
    content: '\00a0↓';
    /*font-size:90%;*/
    color:#888;
}

.filter li.mark-red{
    color: #cc4646;
}

.filter li label.checkboxes{
    cursor: pointer;
}

/*.jq-checkbox {
    position: relative;
    width: 11px;
    height: 9px;
    background:url(../img/selects.png) no-repeat;
    vertical-align: middle;
    margin-bottom: 1px;
}
.jq-checkbox.checked {
    background-position: 0 -18px;
}
.filter label + .jq-checkbox.checked{
    color:#1c78b8;
}
.filter label:hover .jq-checkbox.checked {
    background-position: 0 -18px;
}
.filter label{
    cursor:pointer;

}
.filter label.disabled{
    opacity:0.6;

}
.filter label.active{
    color:#1c78b8;
    font-weight:700;
}
.filter label:hover{
    color:#1c78b8;
}
.filter label:hover .jq-checkbox {
    background-position: 0 -9px;
}
.jq-checkbox.focused {
    background-position: 0 -9px;
}
.jq-checkbox.disabled {
    background:url(../img/selects.png) no-repeat;
    opacity:0.6;
}*/
.price{
    color:#3d3d3d;
    font-size:12px;

}

.text-price td{
    font-size:14px;
}

html.is-ta-mode .text-price td{
    font-size:20px;

}

.text-price td{
    padding-left: 0;
    padding-right: 3px;

}

.filter div.slider{
    margin-top:10px;
    /*width:197px;*/
    height:7px;
    padding-bottom:10px;
    /*margin-left: -6px;*/
    margin-left: -1px;
}

.ui-widget-content {background-size: contain;}

.ui-state-disabled { cursor: default !important; }
.ui-widget-overlay { position: absolute; top: 0; left: 0; }
.ui-widget-content { background:url("../img/price_slider.png") no-repeat;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background:url("../img/price_slider_selector.png") no-repeat;
    width:8px;
    height:12px;
    margin-top:5px;
    margin-left:-3px;
}
.ui-slider { position: relative; text-align: center; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1;  display: block; }
.otziv{
    display:inline-block;
    position: relative;
    margin: 0;
    padding: 0 100px 0 0;
}
.plaha{
    background:url("../img/plaho.png");
    font-size:10px;
    color:#FFF;
    font-family:Verdana, sans-serif;
    width: 76px;
    height: 31px;
    position: relative;
}
.plaha div.o{
    position: absolute;
    margin-left: 63px;
    margin-top: 3px;
}
.plaha div.t{
    position: absolute;
    margin-left: 60px;
    margin-top: 3px;
}
.olist{
    display:none;
}
.otziv:hover .olist{
    display:block;
    position:absolute;
    z-index:999;
    width:500px;
    box-shadow:#999 1px 1px 5px 0;
    padding:10px;
    color:#333;
    background:#FFF;
    border:#f0af21 solid 1px;
}
.olist .oa{
    float:right;
    font-size:12px;
    text-decoration:underline;
    color: #004280;
}
.olist .oa:hover{
    color: #AD8100;
}
.olist p{
    padding:0;
    margin:0;
}
.olist p.text{
    margin-bottom:10px;
    margin-top:5px;
    font-size:12px;
    word-wrap: break-word;
}
.olist p.name{
    font-size:16px;
    font-weight:700;
}
.olist .date{
    font-style:italic;
    font-size:12px;
    /*text-decoration:underline;*/
}

.filter-clothes_colors {display: inline-block; padding: 2px;}

.filter-clothes_colors input[type=checkbox] {display:none;}
.filter-clothes_colors input[type=checkbox] + label {
    width: 17px; height: 17px;
    display:inline-block;
    padding: 0;
    border:2px solid #ccc;
    background-image: url("../img/clothes_colors_sprite.gif");
    background-repeat: no-repeat;
    cursor: pointer;
}

.filter-clothes_colors input[type=checkbox]:checked + label {
    width: 17px; height: 17px;
    display:inline-block;
    padding: 0;
    border:2px solid #5f5f5f;
}

.filter-clothes_colors .color1 {background-position: 0 0;}
.filter-clothes_colors .color2 {background-position: -33px 0;}
.filter-clothes_colors .color3 {background-position: -66px 0;}
.filter-clothes_colors .color4 {background-position: -99px 0;}
.filter-clothes_colors .color5 {background-position: -132px 0;}
.filter-clothes_colors .color6 {background-position: -165px 0;}
.filter-clothes_colors .color7 {background-position: -198px 0;}
.filter-clothes_colors .color8 {background-position: -231px 0;}
.filter-clothes_colors .color9 {background-position: -264px 0;}
.filter-clothes_colors .color10 {background-position: -297px 0;}
.filter-clothes_colors .color11 {background-position: -330px 0;}
.filter-clothes_colors .color12 {background-position: -363px 0;}
.filter-clothes_colors .color13 {background-position: -396px 0;}
.filter-clothes_colors .color14 {background-position: -429px 0;}
.filter-clothes_colors .color15 {background-position: -462px 0;}
.filter-clothes_colors .color16 {background-position: -495px 0;}

.filter .scroll-pane {
    width: 100%;
    max-height: 180px;
    overflow: auto;
}

.filter-groupped_attributes_images {display: inline-block; padding: 2px;}

.filter-groupped_attributes_images input[type=checkbox] {display:none;}
.filter-groupped_attributes_images input[type=checkbox] + label {
    /*width: 20px; height: 20px;*/
    display:inline-block;
    padding: 0;
    border:2px solid #ccc;
    /*background-repeat: no-repeat;
    background-size: 100%;*/
    cursor: pointer;
}
.filter-groupped_attributes_images input[type=checkbox] + label img {
    width: 100%;
    height: auto;
    max-width: 20px;
    display: block;
}

.filter-groupped_attributes_images input[type=checkbox]:checked + label {
    display:inline-block;
    padding: 0;
    border:2px solid #5f5f5f;
}

.filter .scroll-pane, .filter .list-found, .filter .list-selected {
    font-size: 11px;
}

.filter .list-field {
    padding-bottom:0;
    padding-top:0;
}

.filter .list-input {
    padding-bottom:0;
    padding-top:5px;
}

.filter .list-found {
    padding-top:2px;
    padding-bottom:2px;
}

.jspContainer
{
    overflow: hidden;
    position: relative;
}

.jspPane
{
    position: absolute;
}

.jspVerticalBar
{
    position: absolute;
    top: 0;
    right: 0;
    /*width: 10px;
    height: 100%;*/
    /*background: red;*/

    width:7px;
    height:100%;
    margin:0 auto;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
    text-align:center;
}

.jspHorizontalBar
{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 7px;
}

.jspVerticalBar *,
.jspHorizontalBar *
{
    margin: 0;
    padding: 0;
}

.jspCap
{
    display: none;
}

.jspHorizontalBar .jspCap
{
    float: left;
}

.jspTrack
{
    background:#e4e4e4; /* rgba fallback */
    position: relative;
    border-radius:10px;
}

.jspDrag
{
    background:#b1b1b1; /* rgba fallback */
    position: relative;
    top: 0;
    left: 0;
    cursor: pointer;
    border-radius:10px;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
    float: left;
    height: 100%;
}

.jspArrow
{
    background: #50506d;
    text-indent: -20000px;
    display: block;
    cursor: pointer;
}

.jspArrow.jspDisabled
{
    cursor: default;
    background: #80808d;
}

.jspVerticalBar .jspArrow
{
    height: 16px;
}

.jspHorizontalBar .jspArrow
{
    width: 16px;
    float: left;
    height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
    outline: none;
}

.jspCorner
{
    background: #eeeef4;
    float: left;
    height: 100%;
}

#carusel .imgbox{
    width:120px;
    height:160px;
    background:#FFFFFF;
    overflow:hidden;
    text-align:center;
    display:table-cell;
    vertical-align: middle;
}

#carusel .img{
    margin-left:10px;
    margin-top:10px;
    width:120px;
    height:160px;
    overflow:hidden;
    background:#FFF;

}
#carusel .img img{
    max-width:120px;
    max-height:160px;

}

#carusel .name{
    width:130px;
}

.became-supplier{
    font-size: 14px;
    margin-top: 20px;
}

.became-supplier textarea{
    height:100px;
}

.became-supplier label{
    display: block;
    width:100%;
    /*color:#CF7000;*/
    /*color:#454545;*/
    font-size:16px;
    margin:20px 0 10px 0;
    font-weight: bold;
}

.became-supplier label span{
    display: block;
    width:100%;
    font-size: 12px;
    margin-top:2px;
    color:#777;
    font-weight: normal;
}

.became-supplier table{
    margin-bottom:20px;
}

.became-supplier ol{
    margin-left:30px;
    margin-bottom: 30px;
}

.became-supplier ol li{
    list-style-type:decimal;
}

.became-supplier select{
    padding:5px;
}

.became-supplier .supplier-info input[type="text"]{
    width:100%;
    padding:5px 0;
}

.became-supplier .supplier-info td{
    padding: 5px 0;
}

.hidden{
    display: none !important;
}

table.size {
    border:#e6e6e6 1px solid;
    overflow:hidden;
    border-spacing: 0;
    color:#717371;
    cursor:default;
}

table.size h3{
    color: #006cb5; font-size:16px; font-weight:700;
}
table.size td.title
{
    color:#006cb5;
    font-size:14px;
    border-top-left-radius:15px;
    border-top-right-radius:15px;
    background: #f3f3f3; /* Old browsers */
}
table.size th{
    border-right:#d5d5d5 solid 1px;
    min-width:120px;
    vertical-align:middle;
    text-align:center;
    font-size:14px;
    background: #ffffff; /* Old browsers */
    padding:5px;
}
table.size th.last{
    border:none;
}
table.size tr.h th{
    border-bottom:#d5d5d5 solid 1px;
    height:42px;
}
table.size tr.h:hover th{
    color:#717371;
}
table.size td{
    width:43px;
    height:40px;
    margin:0;
    vertical-align:middle;
    text-align:center;
    font-size:14px;
    background: #ffffff; /* Old browsers */
    padding:5px;
}
table.size tr{
    padding:0;
    margin:0;
}
table.size td.siz:hover{
    color:#FFF;
    background:#1090cf;
}
table.size td.siz.b:hover{
    color:#FFF;
    background:#1090cf;
}
table.size td.siz{
    border-right:#D5D5D5 solid 1px;
    border-bottom:#D5D5D5 solid 1px;
    font-weight:700;

}
table.size td.siz.l{
    border-left:#D5D5D5 solid 1px;
}
table.size td.siz.t{
    border-top:#D5D5D5 solid 1px;
}
table.size td.siz.b{
    background:#eaebea;
}
table.size tr.s:hover th{
    color:#FFF;
    background:#1090cf;
}
table.size tr th{
    border-bottom:#D5D5D5 solid 1px;
}
table.size th.active{
    color:#FFF;
    background:#1090cf;
}

table.size tr.ns:hover td{
    color:#FFF;
    background:#1090cf;
}

#suppliers{
    width:100%;
    height:auto;
    color:#FFF;
    font-size:14px;
}
#suppliers h1{
    text-align:center;
    color:#3a5999;
    font-size:20px;
    margin-top:10px;
    margin-bottom:10px;
}
#suppliers .inner{
    width:650px;
    margin:0 auto;
}
#suppliers .header{
    background:#9dd0ff;
}
#suppliers .header a{
    color:#FFF;
    text-decoration:none;
}
#suppliers .header .inner{
    width:720px;
    margin:0 auto;
}
#suppliers .header .b{
    width:180px;
    height:120px;
    display:table-cell;
    vertical-align:middle;
    text-align:center;
}
#suppliers .header .b.g{
    background:#21d3c1;
}
#suppliers .header .b.bl{
    background:#1e7dc2;
}
#suppliers .header .b.p{
    background:#3c5999;
}
#suppliers .header .b.r{
    background:#ff6959;
}
#suppliers .blok{
    padding-top:10px;
    padding-bottom:20px;
}
#suppliers .blok h1{
    text-align:left;
    font-size:20px;
    font-weight:bold;
    margin-top:0;
    color:#FFF;
    text-transform:uppercase;
    padding-top:10px;
}
#suppliers .blok p{
    margin-top:10px;
}
#suppliers .blok a{
    color:#FFF;
    text-decoration:underline;
}
#suppliers .blok a:hover{
    text-decoration:none;
}
#suppliers .blok li{
    margin-left:25px;
    list-style-image:url("../img/supplier/dot.png");
    margin-bottom:10px;
}
#suppliers .blok table{
    margin-left:30px;
    margin-top:10px;
}
#suppliers .blok table td{
    vertical-align:top;
}
#suppliers .blok table input{
    width:390px;
    height:22px;
    padding-left:10px;
    box-shadow: inset 1px 1px 2px #999;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border:none;
    margin-bottom:5px;
}
#suppliers .blok table input[type=image]{
    width:299px;
    height:38px;
    box-shadow:none;
    border:none;
    margin-bottom:5px;

}
#suppliers .blok table select{
    width:390px;
    height:22px;
    padding-left:10px;
    box-shadow: inset 1px 1px 2px #999;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border:none;
    margin-bottom:5px;
}
#suppliers .blok table textarea{
    width:390px;
    height:44px;
    resize:vertical;
    padding-left:10px;
    box-shadow: inset 1px 1px 2px #999;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border:none;
    margin-bottom:5px;
    padding-top:10px;
}

#suppliers .green{
    background:#21d3c1;
}
#suppliers .blue{
    background:#1e7dc2;
}
#suppliers .purple{
    background:#3c5999;
}
#suppliers .rad{
    background:#ff6959;
}

.ajax{
    border-bottom:1px dashed #004280;text-decoration:none;
    cursor:pointer;
}

.plus{
    background: #999;
    color:#fff;
    margin-right: 5px;
    display: inline-block;
    width:15px;
    height:15px;
    text-align: center;
    line-height: 15px;
}

#suppliers .m_notice{
    color:#2B992B;
}


/* jquery.mCustomScrollbar.css */
.mCSB_container{
    width:auto;
    margin-right:10px;
    overflow:hidden;
}
.mCSB_container.mCS_no_scrollbar{
    margin-right:0;
}
.mCS_disabled>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar,
.mCS_destroyed>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar{
    margin-right:10px;
}
.mCustomScrollBox>.mCSB_scrollTools{
    width:16px;
    height:100%;
    top:0;
    right:0;
}
.mCSB_scrollTools .mCSB_draggerContainer{
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    height:auto;
}
.mCSB_scrollTools a+.mCSB_draggerContainer{
    margin:20px 0;
}

.mCSB_scrollTools .mCSB_dragger{
    cursor:pointer;
    width:100%;
    height:30px;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    width:7px;
    height:100%;
    margin:0 auto;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
    text-align:center;
}


/* default scrollbar colors and backgrounds (default theme) */
.mCustomScrollBox>.mCSB_scrollTools{
    opacity:0.75;
}
.mCustomScrollBox:hover>.mCSB_scrollTools{
    opacity:1;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    background:#535353; /* rgba fallback */
    background:rgba(83,83,83,0.75);
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
    background:rgba(83,83,83,0.85);
}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
    background:rgba(83,83,83,0.9);
}
.lister{width:197px; max-height:200px; overflow:auto; margin-top:7px;}
/*.shadow{
    margin-top:-14px;
    position:absolute;
    z-index:555;
    width:185px;
    height:14px;
    background:url(shadow.png) repeat-x;
    }*/

/* New catalog */
.good-list{font-size: 0; text-align: left;}
.good-list-item{box-sizing: border-box; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); background: #fff; display: block;  font-size: 14px; width: 100%; border-radius: 10px;}
.good-list-item .p-10{padding: 10px; position: relative}
.good-list-item:hover{box-shadow: 0 0 30px rgba(0, 0, 0, 0.3); position: absolute; z-index: 9; width: 100%; display: block; margin-left: -5px; margin-top: -5px;}
.good-list-item:hover .p-10{padding: 15px;}
.good-list-item:hover .new{padding-left: 15px;}
.good-list-item:hover .sale{padding-left: 15px; left: calc(100% - 15px);}
.good-list .pic img{max-width: 100%; max-height: 250px; display: block; margin: 0 auto;}
.good-list .pic{height: 250px; text-align: center; vertical-align: middle; position: relative; display: table-cell;}
.good-list .pic.l-h-250{display: block; line-height: 250px;}
.good-list .pic.l-h-250 img{vertical-align: middle; display: inline-block;}
.good-list .info a{font-size: 14px; color: #333; text-decoration: none; line-height: 17px; display: block;}
.good-list .add-info a{font-size: 12px; color: #666; text-decoration: none; line-height: 14px; padding-top: 5px; display: block;font-weight: 300}
.good-list .price{font-size: 14px; color: #af0000; display: table-cell; white-space: nowrap;}
.good-list .price span{font-size: 12px; color: #c6c6c6; text-decoration: line-through; padding-left: 5px;}
.good-list .delivery-info{color: #282828; font-size: 14px; text-align: right; display: table-cell; width: 100%;  max-width: 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}

.table-fixed{table-layout: fixed;}
.good-list .table{display: table; width: 100%;}
.good-list .hiden{overflow: hidden; max-height: 0px;}
.good-list .good-list-item:hover .hiden{max-height: 100%;}
.good-list .sizes{font-size: 12px; color: #888888; text-align: center; padding: 0 10px;}
.good-list .btn-add{background: #ffbd00; color: #282828; font-size: 14px; line-height: 30px; text-decoration: none; text-align: center; text-transform: uppercase; margin-top: 5px; display: block; width: 100%; border: none; cursor: pointer;}
.good-list .btn-add:hover{color: #282828;}
.good-list .comments{margin: 0; padding: 0; height: 30px;}
.good-list .info{display: table-cell; vertical-align: middle; height: 100px; margin-top: 5px;}
.good-list .stars li{display: inline-block; width: 14px; height: 14px; background: url('../img/new_stars.png'); margin: 2px;}
.good-list .new{position:absolute; display: inline-block; padding: 0 10px; background: #10a600; font-size: 12px; line-height: 20px; color: #fff; left:-10px; bottom: 0; z-index: 1; white-space: nowrap}
.good-list .sale{position:absolute; display: inline-block; padding: 0 10px; background: #e31500; font-size: 12px; line-height: 20px; color: #fff; left: calc(100% - 10px); top: -10px; transform: rotate(90deg); transform-origin: left top; z-index: 1; white-space: nowrap}
.good-list .placeholder{width: 16.6%; display: inline-block; vertical-align: top; position: relative; padding: 5px; box-sizing: border-box; min-height: 424px;}

.good-list-item div.rating-layer{display: inline-block; margin: 0;}
.good-list-item div.rating-layer div.rating-layer-stars {display: inline-block; padding: 0;}
.good-list-item .comments{
	height:20px;
	text-align:center;
	margin:7px 0 0 0; padding:0;
}
.good-list-item .comments .comment{
	/*position:absolute;*/
	width:20px;
	height:20px;
	background:url("../img/comments_icon.png");
	color:#cf7000;
	font-size:13px;
	line-height:13px;
	display:inline-block;
	cursor:default;
	margin-left:5px;
}
.good-list-item .comments .comment .link{
	color: #cf7000;
	text-decoration: none;
	line-height: 15px;
	font-size: 9px;
}
.good-list-item .comment .olist{
	position:absolute;
	z-index:999;
	display:none;
	/*width:300px;*/
	width:100%;
	border-top:#EFBA02 solid 2px;
	/*margin-left:-200px;*/
	background:#fff;
	margin-top:5px;
	color:#333;
	text-align:left;
	padding:10px;
	resize:none;
	box-shadow:#999 0 0 5px;
    left: -10px;

}
.good-list-item .comment .olist img{width:10px; height:10px;}
.good-list-item .comment:hover .olist{display:block;}


.good-list-item .noavailable{text-align: center; color: #8c8c8c;}
.good-list .new{position:absolute; display: inline-block; padding: 0 10px; background: #10a600; font-size: 12px; line-height: 20px; color: #fff; left:-10px; bottom: 0; z-index: 1; white-space: nowrap}
.good-list .sale{position:absolute; display: inline-block; padding: 0 10px; background: #e31500; font-size: 12px; line-height: 20px; color: #fff; left: calc(100% - 10px); top: -10px; transform: rotate(90deg); transform-origin: left top; z-index: 1; white-space: nowrap}

.good-list-item .produce-label{position: absolute; display: inline-block; padding: 0 10px; line-height:18px; font-size:12px; opacity:0.9; z-index: 1; white-space: nowrap;}
.good-list-item .produce-label.red{background:#e31500; color:#ffffff;}
.good-list-item .produce-label.yellow{background:#ffbd00; color:#ffffff;}
.good-list-item .produce-label.blue{background:#0a78d6; color:#ffffff;}
.good-list-item .produce-label.green{background:#10a600; color:#ffffff;}
.good-list-item .produce-label.black{background:#000000; color:#ffffff;}

.good-list-item .produce-label.horizontal.pos-1{top:0; left:-10px;}
.good-list-item .produce-label.horizontal.pos-2{bottom:40px; right:-10px;}
.good-list-item .produce-label.horizontal.pos-3{bottom:0px; left:-10px; }
.good-list-item:hover .produce-label.horizontal.pos-3, .good-list-item:hover .produce-label.horizontal.pos-1{left: -15px; padding-left: 15px;}
.good-list-item:hover .produce-label.horizontal.pos-2{right:-15px; padding-right: 15px;}

.good-list-item .produce-label.vertical.pos-1{top: -10px; left: 35px;}
.good-list-item .produce-label.vertical.pos-2{top: -10px; left: 45px;}
.good-list-item .produce-label.vertical.pos-3{top: -10px; left: calc(100% - 10px);}
.good-list-item:hover .produce-label.vertical.pos-1, .good-list-item:hover .produce-label.vertical.pos-2, .good-list-item:hover .produce-label.vertical.pos-3{top:-15px; padding-left: 15px;}
.good-list-item .produce-label.opacity{opacity: 0.7;}

.good-list-item .produce-label.vertical{
	-webkit-transform: rotate(90deg);
	-webkit-transform-origin: left top;
	-moz-transform: rotate(90deg);
	-moz-transform-origin: left top;
	-ms-transform: rotate(90deg);
	-ms-transform-origin: left top;
	-o-transform: rotate(90deg);
	-o-transform-origin: left top;
	transform: rotate(90deg);
	transform-origin: left top;
}
/* for good page */
.good-list.one-line .placeholder:nth-child(7){display: none;}
@media only screen and (max-width: 1700px) {
	.good-list .placeholder{width: 20%;}
	.good-list.one-line .placeholder:nth-child(6){display: none;}
}
@media only screen and (max-width: 1500px) {
	.good-list .placeholder{width: 25%;}
	.good-list.one-line .placeholder:nth-child(5){display: none;}
}
@media only screen and (max-width: 1200px) {
	.good-list .placeholder{width: 33.3%;}
	.good-list.one-line .placeholder:nth-child(4){display: none;}
}
/* for good page */

/*search_category*/
.search_category{display: block;}
.search_category .pic{height: 120px;}
.search_category .pic img{max-height: 120px;}
.search_category .pic.l-h-120{height: 120px; line-height: 120px; display: block;}
.search_category .pic.l-h-120 img{max-height: 120px; display: inline-block; vertical-align: middle;}
.search_category .info{height: 70px;}
.search_category a.title{font-size: 12px; line-height: 14px; color:#0a78d6}
.search_category .placeholder{width: 12.5%; min-height: 220px;}
@media only screen and (max-width: 1700px) {
	.search_category .placeholder{width: 14.28%;}
}
@media only screen and (max-width: 1500px) {
	.search_category .placeholder{width: 16.6%;}
}
@media only screen and (max-width: 1200px) {
	.search_category .placeholder{width: 20%;}
}
/*search_category*/
/* New catalog*/


label.checkboxes {
    display: block;
    padding-left: 15px;
    text-indent: -15px;
}
input.checkboxes {
    width: 13px;
    height: 13px;
    padding: 0;
    margin:0;
    vertical-align: bottom;
    position: relative;
    top: -2px;
    *overflow: hidden;
}

#main-catalog-filter input.checkboxes {top: 0;}


.filter-count{
    font-size: 10px;
    color:#aaa;
}

.filter label.active .filter-count{
    font-weight: normal;
}

.filter label.checkboxes{padding:0; text-indent:0;}
.filter label.checkboxes input[type="checkbox"][checked] + span {color: #cf7000;}

.filter a {
    color:#333;
    /*display: block;*/
    /*padding-bottom: 3px;
    padding-top: 3px;*/
}

/*ul.nav li:last-child a{border:none;}*/

.text-unselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.nbtn {
    margin: 0;
    display:inline-block;
    border: #bdbdbd solid 1px;
    border-radius: 8px;
    outline: 0;
    padding: 8px 10px;
    cursor: pointer;
    position: relative;
    line-height: 24px;
    font-size: 15px;
    color:#000;
    text-decoration:none;
    /*font-weight:bold;*/
    white-space:nowrap;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}
.nbtn.link {
    margin: 0;
    display:inline-block;
    border: none;
    border-radius: 0;
    outline: 0;
    padding: 0 10px;;
    cursor: pointer;
    position: relative;
    font-size: 14px;
    color:#0a78d6;
    text-decoration:none;
    white-space:nowrap;
	background: none;
}
.nbtn.link:hover{color: #ffbd00}
.nbtn.small {
    margin: 0;
    padding: 0 10px;
    display:inline-block;
    border: #c1c1c1 solid 1px;
    border-radius: 5px;
    outline: 0;
    cursor: pointer;
    position: relative;
    line-height: 18px;
    font-size: 12px;
    font-weight: normal;
    color:#000;
    text-decoration:none;
}

.nbtn:hover,.nbtn:active {
    text-decoration:none;
    color:#000;
}

.nbtn.yellow{
    background: #febd00;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#fad055),to(#febd02));
    background-image: -webkit-linear-gradient(top,#fad055,#febd02);
    background-image: -moz-linear-gradient(top,#fad055,#febd02);
    background-image: -ms-linear-gradient(top,#fad055,#febd02);
    background-image: -o-linear-gradient(top,#fad055,#febd02);
    background-image: linear-gradient(to bottom,#fad055,#febd02);
}

.nbtn.yellow:hover{
    background: #fad567;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#fad567),to(#fad054));
    background-image: -webkit-linear-gradient(top,#fad567,#fad054);
    background-image: -moz-linear-gradient(top,#fad567,#fad054);
    background-image: -ms-linear-gradient(top,#fad567,#fad054);
    background-image: -o-linear-gradient(top,#fad567,#fad054);
    background-image: linear-gradient(to bottom,#fad567,#fad054);

}

.nbtn.yellow.soon{
    text-align: center;
    line-height: 18px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.nbtn.gray{
    background: #ddd;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#ddd),to(#eee));
    background-image: -webkit-linear-gradient(top,#ddd,#eee);
    background-image: -moz-linear-gradient(top,#ddd,#eee);
    background-image: -ms-linear-gradient(top,#ddd,#eee);
    background-image: -o-linear-gradient(top,#ddd,#eee);
    background-image: linear-gradient(to bottom,#ddd,#eee);
    color:#333;
}

.nbtn.gray:hover{
    background: #e5e5e5;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#e5e5e5),to(#f5f5f5));
    background-image: -webkit-linear-gradient(top,#e5e5e5,#f5f5f5);
    background-image: -moz-linear-gradient(top,#e5e5e5,#f5f5f5);
    background-image: -ms-linear-gradient(top,#e5e5e5,#f5f5f5);
    background-image: -o-linear-gradient(top,#e5e5e5,#f5f5f5);
    background-image: linear-gradient(to bottom,#e5e5e5,#f5f5f5);
    color:#000;
}

.nbtn.action_gifts{
    background: #0978d4;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#60aff1),to(#046abe));
    background-image: -webkit-linear-gradient(top,#60aff1,#046abe);
    background-image: -moz-linear-gradient(top,#60aff1,#046abe);
    background-image: -ms-linear-gradient(top,#60aff1,#046abe);
    background-image: -o-linear-gradient(top,#60aff1,#046abe);
    background-image: linear-gradient(to bottom,#60aff1,#046abe);
    color:#fff;
}

.prod_img .cubespinner {
    position: relative;
    transform-style: preserve-3d;
    transition: 1s transform;


}

.prod_img .cubespinner div {
    position: absolute;
}

/*.prod_img  .cubespinner .face {
   -webkit-transform: translateZ(14.5px);
   -moz-transform: translateZ(14.5px);
   -ms-transform: translateZ(14.5px);
   transform: translateZ(14.5px);
   z-index:99;
 }

 .prod_img .cubespinner .spages {
   -webkit-transform: rotateY(90deg) translateZ(145px);
   -moz-transform: rotateY(90deg) translateZ(145px);
   -ms-transform: rotateY(90deg) translateZ(145px);
   transform: rotateY(90deg) translateZ(145px);
 }
 .prod_img .cubespinner .back {
   -webkit-transform: rotateY(180deg)  translateZ(14.5px);
   -moz-transform: rotateY(180deg)  translateZ(14.5px);
   -ms-transform: rotateY(180deg) ) translateZ(14.5px);
   transform: rotateY(180deg) translateZ(14.5px);
 }
 .prod_img .cubespinner .spine {
   -webkit-transform: rotateY(270deg)  translateZ(14.5px);
   -moz-transform: rotateY(270deg)  translateZ(14.5px);
   -ms-transform: rotateY(270deg)  translateZ(14.5px);
   transform: rotateY(270deg)  translateZ(14.5px);
 }
 .prod_img .cubespinner img{}

 .prod_img .left{width:125px; height:240px; position:absolute; z-index:99;}
 .prod_img .right{width:125px; height:240px; position:absolute; z-index:99; margin-left:125px;}*/
.prod_img .left:hover ~ .stage .cubespinner{transform: rotateY(.5turn);    transition: 3s transform;}
.prod_img .right:hover ~ .stage .cubespinner{transform: rotateY(-.5turn);  transition: 3s transform;}

.shadowimg {
    position: relative;
    float: left;
}

.shadowimg::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    box-shadow: inset 0 0 20px rgba(0,0,0,.15);
    -moz-box-shadow: inset 0 0 20px rgba(0,0,0,.15);
    -webkit-box-shadow: inset 0 0 20px rgba(0,0,0,.15);
}

.shadowimg img {float: left;}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .cubespinner {
        transform-style:flat;
        transition:none;
    }
}

.ajax-link {
    font-size: 11px;
    color: #cd7100;
    cursor: pointer;
    text-decoration: none;
    border-bottom: 1px dashed #cd7100;
}

.ajax-link:hover {
    text-decoration: none;
}

h1 a.link {
    font-size: 11px;
    color: #d9a300;
    cursor: pointer;
    text-decoration: none;
}

.global_table_n{margin:15px auto 0; display:table; max-width:1376px; width:100%;min-width: 940px;}
.global_table_n .cell{display:table-cell; vertical-align:top;}
.global_table_n .cell.left{width:210px; padding-left:10px;}
.global_table_n .cell.right{width:200px; padding-right:10px;}
.global_table_n .cell.center{padding-left:10px; padding-right:10px; text-align:left;}

.filter{padding:0; margin:0; width:100%;}
.good_list_main { padding-bottom:15px; }
.good_list_main a.title{color:#0a78d6; text-decoration:none;}
.good_list_main span.title{color:#555;}
.good_list_main a.title:hover{color:#d9a300}
.good_list_main .title_m .title{font-weight:700; font-size:22px;}
.good_list_main .pull-right{font-size:12px; color:#999}
.good_list_main .table_m {text-align:center;}
.pull-right{float:right;}
.good_list_main .title_m{padding-top:12px; padding-bottom:6px; margin-bottom: 5px; text-align:left;}

img.descript-logo {max-width: 100px; max-height: 100px;}

/*.table-cell_m .good .horizontal{margin-top:160px;}
.table-cell_m .good .horizontal_green {margin-top:160px;}
.table-cell_m .good .vertical{margin-left:160px;}*/
.table-cell_m .good .img{height:190px;}
.table-cell_m .good .title{width:190px;}
.table-cell_m .good .noop{width:190px;}
.table-cell_m .good .unavailable{width:190px;}
.table-cell_m .good img{max-height:180px; max-width:180px;}
.table-cell_m .good{width:190px; height:350px;}
.table-cell_m .good .title_content{width:100%; height:90px;}
.table-cell_m .good .nnprice{width:100%;}
.table-cell_m .good.empty{box-shadow: none;}

.table_section-cell_m .section{margin:5px; border:1px solid #e1e1e1; text-align:center; border-radius: 10px; overflow: hidden;}
.table_section-cell_m .section .img{display:table;width: 100%}
.table_section-cell_m .section .img a{display:table-cell;vertical-align:middle; padding:10% 10% 0 10%;}
.table_section-cell_m .section .img a{display:table-cell;vertical-align:middle; padding:0;}
.table_section-cell_m .section .img a.last{padding:0;}
.table_section-cell_m .section .img img{width:100% !important; background:center; background-size:contain; background-repeat:no-repeat;}
.table_section-cell_m .section .title_content{display:table; height:70px; width:100%;}
.table_section-cell_m .section .title_content .title{display:table-cell; vertical-align:middle ;padding-bottom:3px;}
.table_section-cell_m .section .title_content .title a{font-size:16px; color:#393e45; font-weight:bold; transition-duration: 0.5s;}
.table_section-cell_m .section:hover .title_content .title a{color:#0a78d6}

.table_m{display:table; width:100%;}
.table-cell_m{display:table-cell}

.table_section_m{display:table; width:100%;}
.table_section_m .table_section-cell_m{display:table-cell;width:20%;}

.good_list_main_short.good_list_main {padding-bottom: 0;}
.good_list_main_short.good_list_main a.title{font-size:16px; font-weight:bold;  color:#064980; text-decoration:none;}
.good_list_main_short.good_list_main span.title{font-size:16px; font-weight:bold;  color:#cf7000;}
.good_list_main_short.good_list_main a.title:hover{color:#d9a300}
.good_list_main_short.good_list_main .title_m{border-bottom: 1px solid #dedede; padding-top:10px; padding-bottom:5px; margin-bottom: 10px; text-align:left;}

.good_list_main_short.good_list_main .table-cell_m .good .img{height:170px;}
.good_list_main_short.good_list_main .table-cell_m .good .title{width:180px;}
.good_list_main_short.good_list_main .table-cell_m .good .noop{width:180px;}
.good_list_main_short.good_list_main .table-cell_m .good img{max-height:170px; max-width:170px;}
.good_list_main_short.good_list_main .table-cell_m .good{width:180px; height:250px;}
.good_list_main_short.good_list_main .table-cell_m .good.small{height:230px; padding: 5px;  background: #FFF;  display: inline-block;  margin-right: 10px;  margin-bottom: 15px; margin-top: 5px; box-shadow: #bfbfbf 0 0 3px;}
.good_list_main_short.good_list_main .table-cell_m .good.small:hover{box-shadow:#9d9d9d 0 0 3px}
.good_list_main_short.good_list_main .table-cell_m .good.small .title a{color: #cf7000; font-size: 13px; text-decoration: none;}
.good_list_main_short.good_list_main .table-cell_m .good .title_content{width:100%; height:40px;}
.good_list_main_short.good_list_main .table-cell_m .good .nnprice{width:100%;}
.good_list_main_short.good_list_main .table-cell_m .good.empty{box-shadow: none;}

.good_list_main_short.good_list_main .table_m{display:block; width:100%; }
.good_list_main_short.good_list_main .table_m_as_table{display:table; }
.good_list_main_short.good_list_main .table-cell_m{display:inline-block; vertical-align: top;text-align: center;}
.good_list_main_short.good_list_main .table-cell_m_as_table{display:table-cell;}

.good_list_main_no_rating.good_list_main .table-cell_m .good{height:330px;}

.good_list_overflow {max-width:100%; overflow-x:scroll;}

.gifts-produces-table .good_list_main {}
.gifts-produces-table .good_list_main a.title{font-size:16px; font-weight:bold;  color:#064980; text-decoration:none;}
.gifts-produces-table .good_list_main span.title{font-size:16px; font-weight:bold;  color:#cf7000;}
.gifts-produces-table .good_list_main a.title:hover{color:#d9a300}
.gifts-produces-table .good_list_main .title_m{border-bottom: 1px solid #dedede; padding-top:10px; padding-bottom:5px; margin-bottom: 10px; text-align:left;}

.gifts-produces-table .table-cell_m .good .img{height:170px;}
.gifts-produces-table .table-cell_m .good .title{width:180px;}
.gifts-produces-table .table-cell_m .good .noop{width:180px;}
.gifts-produces-table .table-cell_m .good img{max-height:170px; max-width:170px;}
.gifts-produces-table .table-cell_m .good{width:180px; height:250px;}
.gifts-produces-table .table-cell_m .good .title_content{width:100%; height:50px;}
.gifts-produces-table .table-cell_m .good .nnprice{width:100%; text-align: center;}
.gifts-produces-table .table-cell_m .good.empty{box-shadow: none;}

.gifts-produces-table .table_m{display:block; width:100%; }
.gifts-produces-table .table-cell_m{display:inline-block !important; vertical-align: top;text-align: center;}

html.has-content-right div.produce_list_lite .table-cell_m:nth-child(7){display:none;}


div.delivery-text-description {font-size: 12px; color: #666;}
div.delivery-text-description span {color: #D63D29; font-weight: bold;}

div.produces_main_content_html .slider_inner_pages{background-repeat:no-repeat; background-position:50%;display: table;width: 100%}
div.produces_main_content_html .slider_inner_pages a{height:100%; display:table-cell;}

.embed-responsive {
    display: inline-block;
    padding: 0;
    overflow: hidden;
}

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    border: 0;
    position: absolute;
}
.embed-responsive-16by9 {
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}
.embed-responsive-4by3 {

}

div.filter-preloader {background-image: url("../img/spin.svg"); background-size: cover; background-repeat: no-repeat; height: 18px; width: 18px; display: inline-block; vertical-align: middle;}
#add-to-cart-modal div.filter-preloader{width: 40px; height: 40px;}

#cart_header, #delay_header {border-bottom: 1px #dfdfdf solid; background-color: #F5F5F5;}
#cart_goods {}
#cart_loader {text-align: center;}

#body_content{width:85%;margin: 0px auto;max-width: 1250px;min-width: 780px;padding-top: 15px;}

#top_order_menu{width:100%}
#top_order_menu #logo_o{width:210px}
#top_order_menu #logo_o img{width:190px;height:64px;font-size:30px}

#order_top_title{vertical-align:bottom;padding-bottom:7px}
#order_top_process{height:30px;}

#top_link{text-align:right}

.process{margin: 10px 0 5px 0;padding:7px 0 7px 20px;border-bottom:1px solid #60A5E3;border-top:1px solid #60A5E3;}
.process .step{vertical-align:middle;padding-bottom:1px}
.process .step_txt{padding:0 20px 0 8px;font-size:14px}
.process div{font-weight:bold;text-align:center;vertical-align:middle;width:20px;height:20px;color:#FFF;background:#DDD}
.process div.active{background:#0B74D4}
.process div.last{background:#80b8ea}
.process .gray{color:#888}

a.fields_right_content {text-decoration:none;}
a.fields_right_content > div {width:232px; height:300px; background-repeat: no-repeat; background-position: center; margin-bottom:10px; position:relative}
a.fields_right_content div.fields_right_content_price, a.fields_right_content div.fields_right_content_text {background:#0a79d5; font-size:20px; text-align:right; color:#FFF; text-decoration:none; bottom: 20px; position:absolute; right:0; padding-left:10px; padding-right:5px; line-height:40px;}

div.reviews-layer {}
div.reviews-layer table.reviews-table {width: 100%;}
div.reviews-layer table.reviews-table td.review-stars{vertical-align: top;}
div.reviews-layer table.reviews-table td.review-stars div.rating-layer {margin-bottom: 0; margin-top: 0;}

div.reviews-layer table.reviews-table td.review-author{font-size: 14px; color: #333; vertical-align: top; line-height: 1.4em;}
div.reviews-layer table.reviews-table td.review-author a{}
div.reviews-layer table.reviews-table td.review-text{margin-top: 5px;line-height: 1.5em}
div.reviews-layer table.reviews-table td.review-date{font-size: 12px; color: #666; padding-top: 6px;}
div.reviews-layer table.reviews-table td.review-date div.review-date-layer{display: inline-block;}
div.reviews-layer table.reviews-table td.review-date div.review-comments-actions-layer{display: inline-block; margin-left: 5px;}
div.reviews-layer div.reviews-all-count {font-size: 13px;}
div.reviews-layer table.reviews-table td.review-comments-layer {padding: 7px 0 15px 0;}
div.reviews-layer table.reviews-table td.review-comments-layer div.review-comments-actions {font-size: 13px; color: #666;}
div.reviews-layer table.reviews-table td.review-comments-layer span.review-comments-use{float: right;}
div.reviews-layer table.reviews-table td.review-comments-layer div.review-comment{padding-bottom: 10px;}
div.reviews-layer table.reviews-table td.review-comments-layer div.review-comment div.review-comment-date{font-size: 12px; color: #666;}

div.reviews-layer #rcommform{display: none; clear: both; margin-top: 5px;}
div.reviews-layer #rcommform div.review-comment-input-field{padding-top: 5px;}

div.reviews-add-layer ul{padding-top:10px;}
div.reviews-add-layer ul li{padding-bottom:10px;}
div.reviews-add-layer .add-text{color:#999; padding-left:10px;}
div.reviews-add-layer a.rules{font-size: 11px;}
div.reviews-add-layer p{font-size:14px;}

div.reviews-add-layer .star-rating {
    font-size: 0;
    white-space: nowrap;
    display: inline-block;
    width: 150px;
    height: 30px;
    overflow: hidden;
    position: relative;
    background: url("../img/reviews/star-empty.svg");
    background-size: contain;
}
div.reviews-add-layer .star-rating i {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 20%;
    z-index: 1;
    background: url("../img/reviews/star.svg");
    background-size: contain;
}
div.reviews-add-layer .star-rating input {
    -moz-appearance: none;
    -webkit-appearance: none;
    opacity: 0;
    display: inline-block;
    width: 20%;
    height: 100%;
    margin: 0;
    padding: 0;
    z-index: 2;
    position: relative;
    cursor: pointer;
}
div.reviews-add-layer .star-rating input:hover + i,
div.reviews-add-layer .star-rating input:checked + i {
    opacity: 1;
}
div.reviews-add-layer .star-rating i ~ i {
    width: 40%;
}
div.reviews-add-layer .star-rating i ~ i ~ i {
    width: 60%;
}
div.reviews-add-layer .star-rating i ~ i ~ i ~ i {
    width: 80%;
}
div.reviews-add-layer .star-rating i ~ i ~ i ~ i ~ i {
    width: 100%;
}
div.reviews-add-layer .choice {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    text-align: center;
    padding: 20px;
    display: block;
}

#qvest-description-layer {max-width: 900px;}
#qvest-layer.win-quest {margin-bottom: 5px;}

#qvest-main-list {display: none;}
#qvest-main-list div[id^="list-"] {margin-bottom: 5px;}
#qvest-main-list div[id^="list-text-"] {padding:10px; padding-right:7px; border-left:3px solid #FEBD01; background:rgba(254,189,1,0.2); margin-top: 10px; margin-bottom: 10px; max-width: 900px;}


/* This is the moving lens square underneath the mouse pointer. */
.cloud-zoom-lens {
    border: 1px solid #9ED0FF;
    margin:-1px;    /* Set this to minus the border thickness. */
    background-color:#fff;
    cursor:move;
}

/* 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:0;
}

/* This is the zoom window. */
.cloud-zoom-big {
    /*border:4px solid #ccc;*/
    overflow:hidden;
}

/* This is the loading message. */
.cloud-zoom-loading {
    color:white;
    background:#222;
    padding:3px;
    border:1px solid #000;
}

.p-20{
    padding:20px !important;
}

ul.nav li:nth-last-child(2) a{border:none !important;}

/* Форма создания отзыва о товаре */
.star-rating {
    font-size: 0;
    white-space: nowrap;
    display: inline-block;
    width: 150px;
    height: 30px;
    overflow: hidden;
    position: relative;
    background:url("../img/reviews/star_e.png");
    background-size: contain;
}
.star-rating i {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 20%;
    z-index: 1;
    background:url("../img/reviews/star_f.png");
    background-size: contain;
}
.star-rating input {
    -moz-appearance: none;
    -webkit-appearance: none;
    opacity: 0;
    display: inline-block;
    width: 20%;
    height: 100%;
    margin: 0;
    padding: 0;
    z-index: 2;
    position: relative;
}
.star-rating input:hover + i,
.star-rating input:checked + i {
    opacity: 1;
}
.star-rating i ~ i {
    width: 40%;
}
.star-rating i ~ i ~ i {
    width: 60%;
}
.star-rating i ~ i ~ i ~ i {
    width: 80%;
}
.star-rating i ~ i ~ i ~ i ~ i {
    width: 100%;
}
.choice {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    text-align: center;
    padding: 20px;
    display: block;
}

.rev ul{padding-top:10px;}
.rev ul li{padding-bottom:10px;}
.rev .add-text{color:#999; padding-left:10px;}
.rev p{font-size:14px;}
.photos span{display:inline-block; width:100px; height:100px; margin-right:10px; background-position:center; background-size:cover; position:relative; border-radius: 10px;}
.photos span span{position:absolute; top:50%; left: 50%; background:none; color:#FFF; border-radius:80px; text-align:center; width:0; line-height:0; transition: 0.5s; font-size:0; display: block;height: auto;}
.photos span:hover span{line-height:35px; padding-bottom: 5px; width:40px;font-size:50px; top: calc(50% - 20px); left: calc(50% - 20px); background:rgba(141,0,0,0.9); cursor:pointer; box-shadow: 0 0 50px rgba(0,0,0,0.5);}


.add_photo{width: 50px; opacity: 0.4; transition-duration: 0.5s;  transition-timing-function: linear; padding-right: 10px; cursor: pointer;}
.add_photo:hover{opacity: 0.8}


.review-photo{padding-top:7px;}
.review-photo span{display:inline-block; width:60px; height:60px; margin-right:10px; background-position:center; background-size:cover; position:relative; cursor:pointer; border-radius: 5px;}

.review{padding:10px;}

.review .client-avatar-block{
    width: 40px;
    height: 40px;
    border-radius: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.review .client-avatar-block .avatar{
    display: block;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    border-radius: 0;
}
.review-stars{display:block;}
.review-stars span{
    display: inline-block;
    width: 14px;
    height: 14px;
    background-image: url("../img/new_stars.png");
    background-repeat: no-repeat;
    background-size: cover;
}
.review-stars span.rate-10{background-position:top;}
.review-stars span.rate-0{background-position:bottom;}
.review-stars span.rate-5{background-position:center;}
.review .review-text{padding-top:7px;}
.review .review-photo{padding-top:7px;}
.review .review-photo span{display:inline-block; width:60px; height:60px; margin-right:10px; background-position:center; background-size:cover; position:relative; cursor:pointer; border-radius: 5px;}
.review .review-date{font-size:12px; color:#999; float: right;}
.review .review-comments-actions{padding-top:7px;}
.review .review-comments-actions .review-rate{font-size:12px; color:#999; float:right;}
.review .table .cell{vertical-align: top;}
.review .table .cell:first-child{width: 1px; padding-right: 10px;}
.m-l-10{margin-left: 10px;}
.review .comments .review-date{float: none; display: block;}
.review .comments .comment{margin-bottom: 10px; border-left: solid 3px rgba(10, 120, 214, 0.3); display:block; padding-left: 10px;}

div.produce-list-blocks-filters form[name="formorder"] {display: inline-block;}
div.produce-list-blocks-filters .sort{
    display:inline-block;
    font-size: 14px;
    border: solid 1px #dfdfdf;
    border-radius: 5px;
    color:#444;
    min-width: 250px;
    position: relative;
    margin-right: 1px;
    cursor: pointer;
}

div.produce-list-blocks-filters .sort div.active{padding: 5px;}
div.produce-list-blocks-filters .sort div.active img{border: none; padding-left: 10px;}
div.produce-list-blocks-filters .sort div.options{box-sizing: border-box; display: none; position: absolute; z-index: 999; background: #fff; border: 1px solid #dfdfdf; line-height: normal; min-width: 250px;}
div.produce-list-blocks-filters .sort:hover div.options{display: block;}
div.produce-list-blocks-filters .sort input[type="radio"] {position: absolute; opacity: 0;}
div.produce-list-blocks-filters .sort label {display: block; cursor: pointer; padding: 5px;}
div.produce-list-blocks-filters .sort label:hover{background: #f1f1f1}
div.produce-list-blocks-filters .sort .arrow{float: right;}
div.produce-list-blocks-filters .sort input[type="radio"]:checked+label{background: #febd01;}

div.produce-list-blocks-filters .filters{padding-bottom: 10px;}
div.produce-list-blocks-filters .f-d-layer{display:inline-block;}
div.produce-list-blocks-filters .f-d-select{
    display:inline-block;
    font-size: 14px;
    border: solid 1px #dfdfdf;
    border-radius: 5px;
    color:#0a78d6;
    padding: 5px;
    margin-right: 1px;
    cursor: pointer;
}

div.produce-list-blocks-filters .f-d-select:after{margin-left: 5px; content: '\00D7'; color: #444;}
div.produce-list-blocks-filters .f-d-select:hover span{text-decoration: line-through;}

div.search_results_preview h2.bottom-line{border-bottom: 1px solid #f6f6f6; padding-bottom: 5px; margin-bottom: 15px;}

.set-link{
    padding: 8px 0 16px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 8px;
}
.set-link a, .set-link label{
    display: block;
    padding: 8px 16px;
    border-radius: 32px;
    background: #f5f7fa;
    color:#555;
    white-space: nowrap;
    transition-duration: .3s;
    font-size: 14px;
    line-height: 16px;
}
.set-link a.active{
    background: #C0D9FF;
}
.set-link a.hide{
    display: none;
}
#setLinkShowAll{
    display: none;
}
#setLinkShowAll:checked + .set-link a.hide{
    display: block;
}
.set-link a:hover{
    background: #DDEFFF;
    color:#555;
}
.set-link label{
    color: #0A78D6;
    background: transparent;
    cursor: pointer;
}
.set-link label:hover{
    color: #FFBD00;
}
.set-link .action-show{
    display: block;
}
.set-link .action-hide{
    display: none;
}
#setLinkShowAll:checked + .set-link .action-show{
    display: none;
}
#setLinkShowAll:checked + .set-link .action-hide{
    display: block;
}

/* */


.wrapper .table .cell{vertical-align: top;}
.wrapper{
    -webkit-flex-grow:1;
    flex-grow:1;
    overflow: hidden;
}
/*.wrapper.table{table-layout: fixed;}*/

.wrapper-all{
    display:-ms-flexbox;
    -ms-flex-direction:column;
}
.wrapper-all .wrapper-all-content{
    width:100%;
    min-height:100vh;
    display:-webkit-flex;
    display:flex;
    -webkit-flex-direction:column;
    flex-direction:column;
}

/*
.p-r {
    height: 100%;
}
*/


/**
360
**/
.rotate-360 .handle-field{height: 35px;}
.rotate-360 .cd-product-viewer-wrapper {
    text-align: center;
    padding: 0;
}
.rotate-360 .cd-product-viewer-wrapper > div {
    display: inline-block;
}
.rotate-360 .cd-product-viewer-wrapper .product-viewer {
    position: relative;
    z-index: 1;
    display: inline-block;
    overflow: hidden;
}
.rotate-360 .cd-product-viewer-wrapper img {
    /* this is the image visible before the image sprite is loaded */
    display: block;
    position: relative;
    z-index: 1;
}
.rotate-360 .cd-product-viewer-wrapper .product-sprite {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    height: 100%;
    /* width is count of frames in sprite */
    width: 1800%;
    background-size: contain;
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s;
    background-repeat: no-repeat;
    background-position: center;
}
.rotate-360 .cd-product-viewer-wrapper.loaded .product-sprite {
    /* image sprite has been loaded */
    opacity: 1;
    cursor: ew-resize;
}

.rotate-360 .cd-product-viewer-handle {
    position: relative;
    z-index: 2;
    width: 60%;
    max-width: 300px;
    border-radius: 50em;
    margin: 1em auto 1em;
    height: 4px;
    background: #4d4d4d;
}
.rotate-360 .cd-product-viewer-handle .fill {
    /* this is used to create the loading fill effect */
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    border-radius: inherit;
    background: #ffbd00;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
    -webkit-transition: -webkit-transform 0.5s;
    -moz-transition: -moz-transform 0.5s;
    transition: transform 0.5s;
}
.rotate-360 .no-csstransitions .cd-product-viewer-handle .fill {
    display: none;
}
.rotate-360 .loaded .cd-product-viewer-handle .fill {
    /* image sprite has been loaded */
    opacity: 0;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.2s 0.3s;
    -moz-transition: -moz-transform 0.3s, opacity 0.2s 0.3s;
    transition: transform 0.3s, opacity 0.2s 0.3s;
}
.rotate-360 .cd-product-viewer-handle .handle {
    position: absolute;
    z-index: 2;
    display: inline-block;
    height: 44px;
    width: 44px;
    left: 0;
    top: -20px;
    background: #ffbd00 url("../img/360/cd-arrows.svg") no-repeat center center;
    border-radius: 50%;
    box-shadow: 0 0 0 6px rgba(255, 189, 0, 0.3), 0 0 20px rgba(0, 0, 0, 0.2);
    /* replace text with image */
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    color: transparent;
    -webkit-transform: translateX(-50%) scale(0);
    -moz-transform: translateX(-50%) scale(0);
    -ms-transform: translateX(-50%) scale(0);
    -o-transform: translateX(-50%) scale(0);
    transform: translateX(-50%) scale(0);
    -webkit-transition: box-shadow 0.2s;
    -moz-transition: box-shadow 0.2s;
    transition: box-shadow 0.2s;
}
.rotate-360 .cd-product-viewer-handle .handle:active {
    box-shadow: 0 0 0 0 rgba(255, 189, 0, 0), 0 0 20px rgba(0, 0, 0, 0.2);
}
.rotate-360 .loaded .cd-product-viewer-handle .handle {
    /* image sprite has been loaded */
    -webkit-transform: translateX(-50%) scale(1);
    -moz-transform: translateX(-50%) scale(1);
    -ms-transform: translateX(-50%) scale(1);
    -o-transform: translateX(-50%) scale(1);
    transform: translateX(-50%) scale(1);
    -webkit-animation: cd-bounce 0.3s 0.3s;
    -moz-animation: cd-bounce 0.3s 0.3s;
    animation: cd-bounce 0.3s 0.3s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
    cursor: ew-resize;
}

@-webkit-keyframes cd-bounce {
    0.00% {
        -webkit-transform: translateX(-50%) scale(0);
    }
    60% {
        -webkit-transform: translateX(-50%) scale(1.1);
    }
    100% {
        -webkit-transform: translateX(-50%) scale(1);
    }
}
@-moz-keyframes cd-bounce {
    0.00% {
        -moz-transform: translateX(-50%) scale(0);
    }
    60% {
        -moz-transform: translateX(-50%) scale(1.1);
    }
    100% {
        -moz-transform: translateX(-50%) scale(1);
    }
}
@keyframes cd-bounce {
    0.00% {
        -webkit-transform: translateX(-50%) scale(0);
        -moz-transform: translateX(-50%) scale(0);
        -ms-transform: translateX(-50%) scale(0);
        -o-transform: translateX(-50%) scale(0);
        transform: translateX(-50%) scale(0);
    }
    60% {
        -webkit-transform: translateX(-50%) scale(1.1);
        -moz-transform: translateX(-50%) scale(1.1);
        -ms-transform: translateX(-50%) scale(1.1);
        -o-transform: translateX(-50%) scale(1.1);
        transform: translateX(-50%) scale(1.1);
    }
    100% {
        -webkit-transform: translateX(-50%) scale(1);
        -moz-transform: translateX(-50%) scale(1);
        -ms-transform: translateX(-50%) scale(1);
        -o-transform: translateX(-50%) scale(1);
        transform: translateX(-50%) scale(1);
    }
}

.banner_slick img{display: block; width: 100%; height: auto}
.banner_slick{margin-bottom:3px;}

/* Slideshow container */
.slideshow-container {
    position: relative;
}

.mySlides {
    position:absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
}

/* Next & previous buttons */
.prev, .next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    margin-top: -22px;
    padding: 16px;
    color: white;
    font-weight: bold;
    font-size: 18px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
}

/* Position the "next button" to the right */
.next {
    right: 0;
    border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
    background-color: rgba(0,0,0,0.6);
}

.dots{position:  absolute; bottom: 4px; text-align:center; z-index: 2; width: 100%; opacity: 0.8}
/* The dots/bullets/indicators */
.dot {
    cursor:pointer;
    height: 6px;
    width: 6px;
    margin: 0 2px;
    background-color: #fff;
    border:4px solid #4d4d4d;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;

}

.slideshow-container .active, .slideshow-container .dot:hover {
    background-color: #febd01;
}

/* Fading animation */
.fade {
    -webkit-animation-name: fade;
    -webkit-animation-duration: 1.5s;
    animation-name: fade;
    animation-duration: 1.5s;
}
.fade-out {
    -webkit-animation-name: fade-out;
    -webkit-animation-duration: 1.5s;
    animation-name: fade-out;
    animation-duration: 1.5s;
}

@-webkit-keyframes fade {
    from {opacity: .4}
    to {opacity: 1}
}

@keyframes fade {
    from {opacity: .4}
    to {opacity: 1}
}

.social-icons img {
    width: 30px;
    margin: 0 4px;
    opacity: 0.3;
}

.app-icons a {
    width: 130px;
    height: 40px;
    margin: 2px;
    opacity: 0.8;
    background-image: url('../img/app-icons_ru.svg');
    background-repeat: no-repeat;
    display: inline-block;
	background-size: 260px;
	transition-duration: .2s;
}
.app-icons.kz a {
    background-image: url('../img/app-icons_kz.svg');
}
.app-icons a:hover{
	opacity: 1;
}
.app-icons .android {
    background-position: -130px 0;
}

.app-icons .ios {
	background-position: -130px -40px;
}
.app-icons .huawei {
	background-position: -130px -80px;
}
@media (prefers-color-scheme: dark) {
	.app-icons .android {
    background-position: 0 0;
	}

	.app-icons .ios {
		background-position: 0 -40px;
	}
	.app-icons .huawei {
		background-position: 0 -80px;
	}
}
.action-gift {
    background-color: #ECF6FF;border: 1px solid #D2E9FF;
}

#delivery-table ul.acardion .hide{
    transition: all 0.25s ease-in-out;
    height:0;
    opacity:0;
    overflow:hidden;
    position: relative;
    padding: 0;
    top:0;
    box-sizing: border-box;
}


#delivery-table ul.acardion {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-top: 10px;
}
#delivery-table ul.acardion li {
    position: relative;
    padding: 0;
    margin: 0;

}
#delivery-table ul.acardion li .table{display: table; width: 100%;}
#delivery-table ul.acardion li .table .cell{
    display: table-cell;
    vertical-align:middle;
}
#delivery-table ul.acardion li .table .cell.arrow img{
    padding:10px; max-width:20px;
    transition-duration: 0.25s;

}

#delivery-table ul.acardion li input[type=radio] {
    position: absolute;
    cursor: pointer;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
}
#delivery-table ul.acardion li input[type=radio]:checked ~ .hide {
    opacity: 1;
    height:auto;
    background: #e1f1ff;
    padding-left: 10px;
}
#delivery-table ul.acardion li input[type=radio]:checked ~ .table{
    background: #e1f1ff;
    padding-left: 10px;
    box-sizing: border-box;
}
#delivery-table ul.acardion li input[type=radio]:checked ~ .table .cell.arrow img{
    transform: rotate(90deg);
}

#delivery-table ul.acardion li .table .cell.arrow{width:1%; text-align:center; white-space: nowrap;}
#delivery-table ul.acardion h6{font-size:20px; line-height: 20px; color:#000; font-weight:500; text-transform:uppercase; display:block; padding: 0; margin: 0;}
#delivery-table ul.acardion h6 span{font-size: 12px; color: #8a8a8a; line-height: 20px;}

#delivery-table .tabs .hide{
    transition: all 0.25s ease-in-out;
    opacity:0;
    position: absolute;
    left: 0;
    height: 0;
    overflow: hidden;
    top: 60px;
    width: 100%;
}


#delivery-table .tabs {
    padding: 0;
    margin: 0;
    position: relative;
    border-bottom: solid 2px #b0b0b0;
    display: table;
    width: 100%;
    box-sizing: border-box;

}


#delivery-table abs input[type=radio] {
    position: absolute;
    cursor: pointer;
    height: 100%;
    width: 20%;
    display: inline-block;
    z-index: 1;
    opacity: 0;
    margin: 0;
    padding: 0;
}
#delivery-table .tabs input[type=radio] {
    position: absolute;
    cursor: pointer;
    height: 100%;
    width: 20%;
    display: inline-block;
    z-index: 1;
    opacity: 0;
    margin: 0;
    padding: 0;
}
#delivery-table .tabs input[type=radio]:checked + h6.tab + .hide {
    opacity: 1;
    height: auto;
}
#delivery-table .tabs input[type=radio]:checked + h6.tab{box-shadow: 0 2px 0 #ffbd00; color: #000}
#delivery-table .tabs h6.tab{font-size:16px; line-height: 20px; color:#0a78d6; font-weight:500; padding: 0; margin: 0; display: table-cell; width: 20%; text-align: center; padding-bottom: 10px;}
#delivery-table .tabs input[type=radio]:hover + h6.tab{color: #000}
#delivery-table table.address{width: 100%; border-collapse: collapse; padding: 0;}
#delivery-table table.address tr td{vertical-align: top; padding-bottom: 20px;}
#delivery-table table.address tr td:first-child{white-space: nowrap; width: 1px; padding-right: 20px;}
#delivery-table table.address tr td:first-child a{display: block;}
#delivery-table table.address tr td:last-child{color: #8a8a8a}
#delivery-table .border-doted{border-bottom: dotted 1px #000;}
#delivery-table .table.max-w-900{max-width: 600px; width: 100%; padding-bottom: 10px;}
#delivery-table .table .cell.w-1{width: 1px;}
#delivery-table .table .cell.no-br{white-space: nowrap;}

.author-block{width:90%; margin-bottom: 10px;}
.author-block img.author-image{max-width:70px; max-height:70px; margin-right:10px;}
.p-10{padding: 10px;}
.m-b-5{margin-bottom: 5px;}
.m-b-10{margin-bottom: 10px;}

div.g-recaptcha{min-width: 500px; min-height: 18px; width: auto; height: auto; background-size: 18px auto; background-position: center center;}

.presentation p{color:#7f7f7f; max-width: 1000px; display: block; width: 100%;}
.presentation img{width:100%; max-width:1000px; display: block; padding: 20px 0;}
.presentation h2{color: #7f7f7f; font-size: 24px; text-transform: uppercase; font-weight: normal;}

.produce-label-inside {padding:2px 7px; display: inline-block; margin-top: 5px;}
.produce-label-inside.red{background: #e31500; color: #fff;}
.produce-label-inside.yellow{background: #0A79D6; color: #fff;}
.produce-label-inside.green{background: #10a600; color: #fff;}
.produce-label-inside.black{background: #000; color: #fff;}

.action-in-app{display: table; margin-bottom: 10px}
.action-in-app .action-in-app-link{background: #282828; color: #fff; display: table-cell; padding: 10px; text-align: center; text-decoration: none; vertical-align: middle;}
.action-in-app .action-in-app-title{font-weight: bold; text-transform: uppercase; font-size: 14px; line-height: 14px; display: block;}
.action-in-app .action-in-app-subtitle{color: #fff; font-size: 10px; line-height: 10px; text-decoration: underline; display: block;}
.action-in-app .action-in-app-sale{display: table-cell; vertical-align: middle;}
.action-in-app .action-in-app-sale-amount{background: #e31500;  padding: 7px; color: #fff; font-weight: bold;}

.css-loader {
    border: 4px solid #D9EBF8; /* Light grey */
    border-top: 4px solid #95C8EC; /* Blue */
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: spin 2s linear infinite;
    display: inline-block;
}

@keyframes spin {
    0.00% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.accordion-container{position: relative; padding-bottom: 40px; display: inline-block;}
.accordion-container .accordion{display: table; width: auto; border-collapse: collapse; }
.accordion-container .accordion .row{display:table-row; border-bottom:1px solid rgba(0, 0, 0, 0.1); line-height: 18px;}
.accordion-container .accordion .row .cell{display: table-cell; padding: 5px; background: rgba(0, 0, 0, 0); transition-duration: 0.1s}
/*.accordion-container .accordion .row:hover .cell{background: rgba(0, 0, 0, 0.05)}*/
.accordion-container .accordion .row .cell:first-child{width: 1px; white-space: nowrap; color: #666;}
.accordion-container .accordion .row .cell:first-child::after{content: ':';}
.accordion-container .accordion .row.hide{display:block; position: absolute; right: 5000px;}
.accordion-container .accordion .row.hide .cell{line-height: 1px; transition-duration: 0.2s; }
.accordion-container input[type="checkbox"] {display: none;}
.accordion-container input:checked + label .open{display: block}
.accordion-container input:checked + label .close{display: none}
.accordion-container input + label .open{display: none;}
.accordion-container input + label .close{display: block}
.accordion-container input + label{position: absolute; bottom: 10px; display: inline-block; right: 0; cursor: pointer; color: #494949;}
.accordion-container input + label:hover{color: #000;}
.accordion-container input:checked ~ .accordion .row.hide {display: table-row; position: relative; right: auto;}
.accordion-container input:checked ~ .accordion .row.hide .cell{line-height: 18px;}

/**
Новая верстка чего то там
 */
.m-t-30{margin-top: 30px;}
.m-w-800{max-width: 800px;}
.header-lite{width: 100%; background: #0a78d6; color: #fff;margin-bottom: 30px}
.header-lite .m-w-1200{padding-bottom: 0px !important}
footer .m-w-1200{padding-bottom: 0px !important}
.header-lite a{color: #fff;}
.m-w-1200{max-width: 1200px; margin: 0 auto; padding: 0px 10px 20px 10px  ; width: 100%; box-sizing: border-box;}
.header-lite .logo{background: url('/img/new_header_2015/flip.svg');background-position: center; background-size:contain; background-repeat: no-repeat; height: 44px; width: 70px; display: inline-block;margin: 10px}
.time-line{width: 100%; height: 3px; background: #cbcbcb; position: relative; margin-bottom: 50px}
.time-line .line-active {height: 3px; background: #ffbd00;}
.time-line .dot-field{position: absolute; top:-6px; color: #000;}
.time-line .dot-field[href]{color:#0a78d6; }
.time-line .dot-field .time-line-dot{width: 15px; height: 15px; border-radius: 15px; background: #cbcbcb;}
.time-line .dot-field .time-line-dot.active{background: #ffbd00;}
.dot-field .text{display: inline-block; width: auto; margin-left: calc(-50% - -10px);}
.time-line.order .dot-field .text{margin: 0; font-size: 90%}
.time-line.order .dot-field .text span{font-size: 12px; display: block; color: #adadad;}
p.title{font-size: 18px; color: #cf7000; font-weight: bold; padding-bottom: 20px;}
.table .cell.w-70{width: 70%;}
.table .cell.w-60{width: 60%;}
.table .cell.w-50{width: 50%;}
.table.v-top .cell{vertical-align: top;}
hr.gray{background: #ebebeb; margin-top: 10px; margin-bottom: 10px;}
.p-r-40{padding-right: 40px;}
.method-edit{position: absolute; right: 0;}
.relative{position: relative;}
.good-preview{border-bottom: #cbcbcb solid 1px;}
.good-preview .cell{vertical-align: middle !important}
.good-preview .img{width: 80px; height: 80px; text-align: center;}
.good-preview .img img{max-width: 60px; max-height: 60px;}
.line-through{text-decoration: line-through; color: #cbcbcb}
.bg-gray{color: #000; background: #cbcbcb; padding: 10px; font-weight: bold; }
.m-t-5{margin-top: 5px !important}
.table.v-middle .cell{vertical-align: middle !important}
.table .row{display: table-row; padding-bottom: 10px;}
/*.table.goods .row{border-bottom: solid 1px #ebebeb;}*/
.table.goods .row:first-child{border-top: solid 1px #ebebeb;}
.table.w-a{width: auto;}
.table.goods .row .cell{padding-top: 10px;}
.table.goods .row .cell .w-120 a{position: relative; display: block;}
.table.goods{border-collapse: collapse; margin-bottom: 10px; max-width: 1200px;}
.table .row .cell{padding-bottom: 10px; box-sizing: border-box;}
.table .cell.w-0{width: 1px; white-space: nowrap; padding-right: 10px;}
.table{width: 100%;}
select, input[type="text"], input[type="email"], input[type="password"], input[type="url"], textarea{
    border: solid 1px #ccc;
    border-radius: 3px;
    padding: 5px;
    background: #fff;
    max-width: 100%;
    box-sizing: border-box;
}
.font_small.gray{font-size: 10px; color: darkgray;}
.form{max-width: 500px;}
.form p{padding-top: 10px;}
.form.ath input{padding: 15px;}
.show-password{display: block; text-align: right; color: #9c9c9c; cursor: pointer;}
.show-password:hover{color: #2D2D2D}
.title-black{font-size: 16px; font-weight: bold; padding-top:20px;}
.boldFont{font-weight: bold;}
.order .description-table{margin: 0;}
.order .time-line{width: 90%}
.text:hover .add-info-hide{display: block;}
.text .add-info-hide{position: absolute; width:200px; left: 0; background: #fff; padding: 10px; border: solid 1px #ebebeb; display: none;}

.date-select, .time-select{position: relative; display: table; width: 100%; }
.date-select{padding-bottom: 120px;}
.time-select { display: none; position: absolute; left: 0; top: 100px; table-layout: fixed;}
.date-select span, .time-select span{ display: table-header-group;}
.date-select span div, .time-select span div{padding-bottom: 10px; padding-top: 10px; text-transform: uppercase; color: #646464; font-size: 12px;}
.date-select .date, .time-select .time{display: table-cell; text-align: center; height: 60px; vertical-align: middle; border: solid 1px #0a78d6; font-size: 16px; position: relative; cursor: pointer;}
.date-select .date:hover::after, .time-select .time:hover::after{content: ''; display: block; position: absolute; width: 100%; height: 3px; bottom: 0; left: 0; background: #0a78d6;}
.date-select .date.disable, .time-select .time.disable{border: solid 1px #b0b0b0; color: #b0b0b0; cursor: not-allowed}
.date-select .date.disable:hover::after, .time-select .time.disable:hover::after{display: none;}
.date-select .date span{display: block; font-size: 10px; text-align: center; padding: 0;}
.time-select .time sup{font-size: 8px; vertical-align: super;}

.date-select input, .time-select input{display: none;}

.date-select input:checked + label, .time-select input:checked + label{color: #fff; background: #0a78d6;}
.date-select input:checked + label span{color: #fff;}
.date-select input:checked + label + div.time-select{display: table;}

form.edit_pencil{display: inline-block;}
form.edit_pencil input[type=submit]{margin-left: 7px; background: url(/img/pencil.png) no-repeat bottom; background-size: contain; width: 15px; height: 15px; border: none; opacity: 0.3; cursor: pointer; display: inline-block;}
form.edit_pencil input[type=submit]:hover{opacity: 1;}

.change-delivery-date{cursor: pointer; display: inline-block;}

/** Разворачиваемые блоки */
.hide-if-more-200{position: relative; margin-bottom: 30px;}
.hide-if-more-200 .hide-content{max-height: 310px; overflow: hidden; position: relative; padding-bottom: 10px;}
.hide-if-more-200 .hide-content .shadow-line{position: absolute; bottom: 0; width: 100%; background-image: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1)); height: 150px; display: none;}
.hide-if-more-200 input[type="checkbox"] {display: none !important;}
.hide-if-more-200 input:checked + .controls label .open{display: block}
.hide-if-more-200 input:checked + .controls label .close{display: none}
.hide-if-more-200 input + .controls label .open{display: none;}
.hide-if-more-200 input + .controls label .close{display: block}
.hide-if-more-200 input:checked ~ .hide-content {max-height:none;}
.hide-if-more-200 input:checked ~  .hide-content .shadow-line{display: none !important}
.hide-if-more-200 input + label:hover{color: #000;}
.hide-if-more-200 .controls{display: none; position: absolute; bottom: -25px; color: #494949; z-index: 9; text-align: left; width: 100%;}
.hide-if-more-200 input + .controls label span{cursor: pointer;}
.info-table{display: table; border-collapse: collapse;}
.info-table .info-table-row{display: table-row; border-bottom: 7px solid transparent;}
.info-table .info-table-row .info-table-row-cell{display: table-cell; vertical-align: top;}
.info-table .info-table-row .info-table-row-cell:first-child{display: table-cell; white-space: nowrap; width: 1px; padding-right: 20px; color: #666}
.info-table .info-table-row .info-table-row-cell:first-child:after{content: ":"}
.inline-blocks .inline-block{display: inline-block; padding-right: 100px; vertical-align: top;}
.inline-blocks .inline-block:last-child{padding-right: 0;}
.inline-blocks{display: block;}
.info-table.block .info-table-row .info-table-row-cell{display: block;}

.tooltip{display: inline-block; position: relative; vertical-align: top;}
.tooltip .tooltip-body{display:block; background: #333; border: solid 1px rgba(0, 0, 0,0.2); color: #fff; padding: 5px; font-size: 12px; text-align: left; width: 250px; border-radius: 3px; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); line-height: 16px;}

.tooltip:hover .tooltip-body-div::before{content: ""; position: absolute; top: -5px; left:10px;  border-width: 5px; border-style: solid; border-color: transparent transparent #333 transparent;}
.tooltip .tooltip-body-div{padding-top: 5px; display: none; position: absolute;}
.tooltip:hover .tooltip-body-div{display: block;}
.tooltip a{color: #fff; text-decoration: underline;}
.tooltip a:hover{text-decoration: none;color: #fff}
.produce-label-inside{padding: 3px 6px; border-radius: 3px; line-height: 17px; font-size: 12px; margin: 0 5px 0 0;font-weight:bold}
.produce-label-inside a{text-decoration: none}

.check svg {
    position: relative;
    z-index: 1;
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke: #c8ccd4;
    stroke-width: 1.5;
    transform: translate3d(0, 0, 0);
    transition: all 0.2s ease;
    display: block;
}
.check svg path {
    stroke-dasharray: 60;
    stroke-dashoffset: 0;
}
.check svg polyline {
    stroke-dasharray: 22;
    stroke-dashoffset: 66;
}

.check:hover svg {
    stroke: #0a78d6;
}
.cbx{display: none}
.cbx:checked + .check svg {
    stroke: #0a78d6;
}
.cbx:checked + .check svg path {
    stroke-dashoffset: 60;
    transition: all 0.3s linear;
}
.cbx:checked + .check svg polyline {
    stroke-dashoffset: 42;
    transition: all 0.2s linear;
    transition-delay: 0.15s;
}
.filter-left{padding: 10px 10px 0 10px; box-sizing: border-box;}
.filter-left li{padding-bottom: 10px;}
.filter-left li label{display: inline-block;}

.filter-left li label .filter-label{font-size: 13px;}
.filter-left li label .filter-label a{ color: #000 !important; display: inline;}
.filter-left li .cbx:checked + label div.filter-label{color: #0a78d6}
.filter-left li .badge{display: inline-block; color: #cacaca; padding:0; font-size: 10px;}
.filter-left .underline{border-bottom: solid 1px #ebebeb; margin-bottom: 15px;}
.filter-left ul ul{padding-left: 10px;}
.filter-left ul ul li{padding-bottom: 0;}
.filter-left ul a{display: block; color: #000; padding-bottom: 5px; font-size: 13px;}
.filter-left ul a:hover{color: #ffbd00}
.filter-left ul a.active{color: #0a78d6;}



.scroll{max-height: 200px; overflow-y: auto; box-sizing: border-box; padding: 0;}

/* width */
.scroll::-webkit-scrollbar {
    width: 5px;
}

/* Track */
.scroll::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.1);
    border-radius: 50px;
}

/* Handle */
.scroll::-webkit-scrollbar-thumb {
    background:  rgba(0, 0, 0, 0.15);
    border-radius: 50px;
}

/* Handle on hover */
.scroll::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 0, 0, 0.5);
}
.underline.colors{padding-bottom: 10px;}
.underline.colors li{display: inline-block; vertical-align: top; margin:2px 2px 2px 0; width: 34px; height: 34px; padding: 0;}
.underline.colors li input[type="checkbox"]{display: none;}
.underline.colors li label{display: block; width: 100%; height: 100%; border: solid 1px #d9d9da; background-size: cover; cursor: pointer; position: relative;}
.underline.colors li input[type="checkbox"]:checked + label::after{content: '✔'; color: #fff; text-align: center; line-height: 34px; width: 100%; height: 100%; background:rgba(0, 0, 0, 0.5); display: block; position: absolute;}
.filter-left .ui-slider{height: 1px; margin-top: 20px; margin-bottom: 20px; background: #b9b9b9}
.filter-left .ui-slider-handle{background: #cfcfcf; width: 15px; height: 15px; border-radius: 15px; margin: 0; padding: 0; top: -7px; box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.filter-left .ui-slider-handle:hover, .filter-left .ui-slider-handle:active{box-shadow: 0 0 10px rgba(0,0,0,0.3)}
.filter-left .ui-slider-range{height: 2px; background: #cfcfcf; top: -1px;}
.filter-left li.mark-red {
    color: #cc4646;
}
.filter-left .tooltip .produce-label-inside{color: #fff; background: rgba(0,0,0,0.2); border-radius: 15px; width: 15px; padding: 0; text-align: center; line-height: 15px; font-size: 10px; margin:0 0 0 7px;}
.filter-left .tooltip .tooltip-body-div{z-index: 9;}
.filter-left .tooltip .tooltip-body-div .tooltip-body{white-space: normal;}
.filter-left .table .cell.w-0{padding: 0;}
.filter-left .checkbox{padding-right: 5px !important;}
.wrapper .left .block.underline, .wrapper .right .block.underline{border: none; border-bottom: solid 1px #ebebeb; margin-bottom: 5px; padding: 5px;}

#contentsLayerNew .bg{position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); cursor: pointer; display: block; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px);}
#contentsLayerNew .content{display:block; height: 90vh;  position: relative; width: 90%;  background: #525659;cursor: auto; margin: 5vh auto;}
#contentsLayerNew .content img{box-shadow:  0 0 10px rgba(0, 0, 0, 0.3);  display: block; margin: 10px auto; max-width: 100%; min-width: 400px}
#contentsLayerNew .controls{background: rgba(0, 0, 0, 0.8);  width: 100%; margin: 0 auto; display: table; color: #fff;}
#contentsLayerNew .controls div{display: table-cell; height: 50px; vertical-align: middle; padding: 0 10px;}
#contentsLayerNew .controls div.w-1{width: 1px; white-space: nowrap;}
#contentsLayerNew .controls a{color: #fff; text-decoration: none;}
#contentsLayerNew .y-scroll{overflow: auto; height: calc(100% - 50px); text-align: center}
#contentsLayerNew .zooming{ transition: transform .2s; display: inline-block; transform-origin:top center;}
#contentsLayerNew .zoom{position: absolute; width: 50px; background: rgba(0, 0, 0, 0.8); line-height: 45px; height: 50px; bottom: 50px; right:50px; color: #fff; font-size: 30px; text-align: center; border-radius: 50px; box-shadow:  0 0 10px rgba(0, 0, 0, 0.3); cursor: pointer; z-index: 9}
#contentsLayerNew .zoom:hover{box-shadow:  0 0 20px rgba(0, 0, 0, 0.5);}
#contentsLayerNew .zoom.in{bottom: 110px}
#contentsLayerNew .close_button{cursor: pointer}
.p-r-20{padding-right: 20px !important;}
.size-color{max-width: 600px;}
.size-color input[type=radio]{display: none;}
.size-color p{font-size: 16px; color: #cf7000}
.size-color label{border-radius: 5px; border:solid 1px #0a78d6; padding: 5px; cursor: pointer; margin: 0 7px 7px 0; transition-duration: 0.5s; display: inline-block;}
.size-color label:hover{background: #0a78d6; color: #fff;}
.size-color input:checked + label{background: #0a78d6; color: #fff;}
.size-color input:disabled + label{background: #cacaca; color: rgba(0, 0, 0, 0.4); border:solid 1px #cacaca; cursor: not-allowed}
.size-color input.pre-order + label{color: rgba(0, 0, 0, 0.4); border:solid 1px #cacaca; }
.size-color input.pre-order + label:hover, .size-color input.pre-order:checked + label{background: #3899e9; color: #fff; border:#3899e9 solid 1px;}
.m-w-h-100{max-width: 100px; max-height: 100px; display: block;}

.m-w-h-120{max-width: 120px; max-height: 120px; display: block;}

.category_list_mine .cell .catecory{border-radius: 10px; overflow: hidden;}
.w-120{width: 120px;}
.m-r-10{margin-right: 10px !important;}

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

.switch{display: inline-block; padding: 0 15px; line-height:40px; height: 40px;  cursor: pointer; color: #000; margin-right: 2px; border-bottom: solid 4px #fff;}
.switch:hover{color: #000;}
.switch.active{border-bottom: solid 4px #febd01;}
.p-0{padding: 0 !important;}
.nbtn[disabled=true], .nbtn:disabled{color:rgba(0,0,0,0.5); background:none;  cursor:not-allowed}
.table.input .row .cell{vertical-align: middle;}
.table.input .row .cell:first-child{width: 1px; white-space: nowrap; padding-right: 10px;}
.table.input span{font-size: 10px; display: block; color: rgba(0,0,0,0.6)}
.table.input span.red{color: #e31400; display: inline;}
.table.input input[type=text], .table.input select{padding: 10px; border-radius: 5px; width: 100%; }
.table.input input[type=submit], .table.input input[type=button]{width: 100%;}
.table.input .row.p-b-0 .cell{padding-bottom: 2px;}
.table.input .row .cell span{text-align: right;}
.table.input .row .cell.w-a{width: auto; white-space: normal;}

/* Подборки */
.gradient{border-radius: 10px; display: block; position: relative; overflow: hidden;}
.placeholder.compilation a div.title{font-size: 18px; color: #000; text-align: center; text-decoration: none; padding: 20px 20px 0 20px; height: 60px; overflow: hidden; line-height: 20px;}
.placeholder.compilation a div.title span{vertical-align: middle; display: inline-block; width:calc(100% - 1px);}
.placeholder.compilation a div.title::before{content: ''; display: inline-block; width: 1px; height: 60px; vertical-align: middle;}
.placeholder.compilation a img{display: block; width: 100%;}
.placeholder.compilation{min-height: inherit;}
.placeholder.compilation .sale_circle {
    font-size: 18px;
    position: absolute;
    border-radius: 10px 0;
    background: linear-gradient(to bottom right,#e04445,#d01012);
    text-align: left;
    color: #fff;
    top: 0;
    left:0;
    font-weight: bold;
    padding: 5px 10px;
}

/* Выбор города */
header .location{white-space: nowrap;}
.location-apply{color: #000; max-width: 300px; white-space: normal;}
.location-apply .p500{font-size: 22px; padding-top: 16px;}
.location-apply .p100{padding-top: 10px; color:#B2BEC3;}
.location-apply .btns{padding-top: 20px;}
.location-apply .btns a{color: #000; border-radius: 4px; margin: 0 5px; padding: 8px; min-width: 80px; text-align: center; display: inline-block;}
.location-apply .btns a.yellow{background: #FFBD00}
.location-apply .btns a.gray{background: #DADADA}
.location-apply .btns a:first-child{margin-left: 0;}
.location-apply .btns a:last-child{margin-right: 0;}

@keyframes jump {
	0.00% {transform: scaleY(1) translateY(2px); transform-origin: bottom;}
	16% {transform:scaleY(1) translateY(-2px); transform-origin: top;}
	32% {transform: scaleY(0.95) translateY(-2px);transform-origin: top;}
	48% {transform: scaleY(1) translateY(-2px);transform-origin: top;}
	64% {transform: scaleY(1) translateY(2px); transform-origin: bottom;}
	80% {transform: scaleY(0.95) translateY(2px); transform-origin: bottom;}
	100% {transform: scaleY(1) translateY(2px); transform-origin: bottom;}
}
.modal.location{width: auto; box-sizing: border-box; border-radius: 10px; box-shadow: 0 0 10px rgba(0,0,0,0.5);}
.location .loaded{padding: 20px 0;}

.location .yellow-btn{
    background: #FFBD00;
    border-radius: 8px;
    transition-duration: 0.2s;
    padding: 0;
    width: 40px;
}
.location .yellow-btn img{
    width: 24px;
    height: 24px;
    padding: 8px;
}
.location .yellow-btn:hover{
    box-shadow: 0 0 10px rgba(255, 189, 0, 0.5);
}


.star-rating input:not(:checked):disabled:hover + i {
    opacity: 0;
}
.status-border-left{border-left: 8px solid #F1F1F1; padding-left: 10px; margin: 10px 0;}
.status-border-left .css-loader{height: 13px; width: 13px; display: inline-block; vertical-align: top;}

.status-border-left p:last-child{margin-bottom: 0;}
.status-border-left.warning{border-left: 8px solid #C10000;}
.status-border-left.info{border-left: 8px solid #febd01;}
.status-border-left.success{border-left: 8px solid #739C12;}
select.change-count{
    background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+) no-repeat 95% 50%;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    min-width: 35px;
}



.form-control .form-element{
	position: relative;
	padding-bottom: 16px;
}
.form-control .form-element input, .form-control .form-element textarea, .form-control .form-element select{
	padding: 24px 8px 8px 8px;
	line-height: 18px;
	font-size: 16px;
	outline: 0;
	border-radius: 4px;
	background-color: transparent;
	border: solid 1px #C2C6CE;
	position: relative;
	z-index: 1;
	width: 100%;
	resize: none;

}
.form-control .form-element input, .form-control .form-element textarea{-webkit-box-shadow: 0 0 0px 1000px #fff inset;}
.form-control .form-element select{
	background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+);
	background-repeat:  no-repeat;
	background-position:  100% 50%;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-size: 16px;
    padding-right: 24px;
    text-overflow: ellipsis;
    overflow: hidden;
}
.form-control .form-element input::placeholder, .form-control .form-element textarea::placeholder{
	color: transparent;
}
.form-control .form-element input:read-only{
	pointer-events: none;
}

.form-control .form-element label{
	position: absolute;
	top: 1px;
	left: 0;
	font-size: 16px;
	line-height: 18px;
	z-index: 1;
	transition-duration: 0.1s;
	color: #C4C4C4;
	padding-top: 16px;
	padding-left: 8px;
	border-radius: 4px;
}
.form-control .form-element input:required + label::after,
.form-control .form-element select:required + label::after,
.form-control .form-element textarea:required + label::after{
	/*content: "*";*/
	color: #EB5757;
	display: inline-block;
}
.form-control .form-element textarea + label{
	background: #fff;
	left: 1px;
	right:1px;
}
.form-control .form-element input:focus + label,
.form-control .form-element textarea:focus + label,
.form-control .form-element input:not(:placeholder-shown) + label,
.form-control .form-element textarea:not(:placeholder-shown) + label,
.form-control .form-element select:not([value="0"]) + label{
	font-size: 12px;
	padding-top: 4px;
	z-index: 1;
}
.form-control .form-element .messege{
	padding-top:4px;
	text-align: right;
	font-size: 12px;
	color: #7a869a;
	line-height: 14px;
}
.form-control .form-element.error .messege{
	color: #EB5757
}
.form-control .form-element.error input, .form-control .form-element.error textarea, .form-control .form-element.error select{
	border-color: #EB5757
}
.form-control .form-element.success .messege{
	color: #329B00
}
.form-control .form-element.success input, .form-control .form-element.success textarea, .form-control .form-element.success select{
	border-color: #329B00
}
.form-control .form-element input:focus, .form-control .form-element select:focus, .form-control .form-element textarea:focus{
	border-color: #0A78D6;
}
.form-control .form-element .s-h-password{
		position: absolute;
		right: 8px;
		top: 18px;
		z-index: 1;
		height: 24px;
		width: 24px;
		background: url('/img/form-eye-sprite.png');
		background-size: auto 100%;
		background-position: left;
		background-repeat: no-repeat;
	}
.form-control .form-element input[type="password"] ~ .s-h-password {
	background-position: right;
}
.form-group{
	display: table;
	width: 100%;
}
.form-group .form-group-element{
	display: table-cell;
	vertical-align: top;
	padding-right: 10px;
	padding-left: 10px;
	width: 1%;
}
.form-group .form-group-element:first-child{
	padding-left: 0;
}
.form-group .form-group-element:last-child{
	padding-right: 0;
}

.form-control-flip .form-element{
	position: relative;
	padding-bottom: 16px;
}
.form-control-flip .form-element input, .form-control-flip .form-element textarea, .form-control-flip .form-element select{
	padding: 24px 8px 8px 8px;
	line-height: 18px;
	font-size: 16px;
	outline: 0;
	border-radius: 8px;
	background-color: transparent;
	border: solid 1px #C2C6CE;
	position: relative;
	z-index: 1;
	width: 100%;
	resize: none;

}
.form-control-flip .form-element input, .form-control-flip .form-element textarea{-webkit-box-shadow: 0 0 0px 1000px #fff inset;}
.form-control-flip .form-element select{
	background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+);
	background-repeat:  no-repeat;
	background-position:  100% 50%;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-size: 16px;
    padding-right: 24px;
    text-overflow: ellipsis;
    overflow: hidden;
}
.form-control-flip .form-element input::placeholder, .form-control-flip .form-element textarea::placeholder{
	color: transparent;
}
.form-control-flip .form-element input:read-only{
	pointer-events: none;
}

.form-control-flip .form-element label{
	position: absolute;
	top: 1px;
	left: 0;
	font-size: 16px;
	line-height: 18px;
	z-index: 1;
	transition-duration: 0.1s;
	color: #C4C4C4;
	padding-top: 16px;
	padding-left: 8px;
	border-radius: 8px;
}
.form-control-flip .form-element input:required + label::after,
.form-control-flip .form-element select:required + label::after,
.form-control .form-element textarea:required + label::after{
	/*content: "*";*/
	color: #EB5757;
	display: inline-block;
}
.form-control-flip .form-element textarea + label{
	background: #fff;
	left: 1px;
	right:1px;
}
.form-control-flip .form-element input:focus ~ ul ~ label,
.form-control-flip .form-element input:focus + label,
.form-control-flip .form-element textarea:focus + label,
.form-control-flip .form-element input:not(:placeholder-shown) + label,
.form-control-flip .form-element input:not(:placeholder-shown) ~ ul ~ label,
.form-control-flip .form-element textarea:not(:placeholder-shown) + label,
.form-control-flip .form-element select:not([value="0"]) + label{
	font-size: 12px;
	padding-top: 4px;
	z-index: 1;
}
.form-control-flip .form-element .messege{
	padding-top:4px;
	text-align: right;
	font-size: 12px;
	color: #7a869a;
	line-height: 14px;
}
.form-control-flip .form-element.error .messege{
	color: #EB5757
}
.form-control-flip .form-element.error input, .form-control-flip .form-element.error textarea, .form-control-flip .form-element.error select{
	border-color: #EB5757
}
.form-control-flip .form-element.success .messege{
	color: #329B00
}
.form-control-flip .form-element.success input, .form-control-flip .form-element.success textarea, .form-control-flip .form-element.success select{
	border-color: #329B00
}
.form-control-flip .form-element input:focus, .form-control-flip .form-element select:focus, .form-control-flip .form-element textarea:focus{
	border-color: #0A78D6;
}
.form-control-flip .form-element .s-h-password{
		position: absolute;
		right: 8px;
		top: 18px;
		z-index: 1;
		height: 24px;
		width: 24px;
		background: url('/img/form-eye-sprite.png');
		background-size: auto 100%;
		background-position: left;
		background-repeat: no-repeat;
	}
.form-control-flip .form-element input[type="password"] ~ .s-h-password {
	background-position: right;
}
.form-control-flip .form-element input[type="submit"]{
    background: #FFBD00;
    border-color: #FFBD00;
    -webkit-box-shadow: none;
    color: #000;
    padding: 16px;
    cursor: pointer;
    pointer-events: auto;
}
.form-control-flip .form-element input[type="submit"]:disabled{
    opacity: .2;
}
.form-control-flip .form-element input[type="submit"]:focus{
    border-color: #FFBD00;
}
.form-control-flip .form-element input[type="submit"].gray{
    background: #E5E5E5;
    border-color: #E5E5E5;
}
.form-control-flip .form-element input[type="submit"].gray:focus{
    border-color: #E5E5E5;
}
.form-control-flip .form-element input[type="file"]{
    display: none;
}

.form-control-flip .form-element input[type="file"] + label{
    padding: 18px 8px 14px 16px !important;
    line-height: 18px;
    font-size: 16px !important;
    outline: 0;
    border-radius: 4px;
    display: block;
    border: solid 1px #c2c6ce;
    position: relative;
    z-index: 2;
    resize: none;
    background: #fff
}
.form-control-flip .form-element input[type="file"] + label:empty::before{
    content: 'Выбрать файл';

}
.form-control-flip .form-element input[type="file"] + label::after{
    content: 'выбрать'; position: absolute; color: #0A78D6; right: 16px;
}
.form-group{
	display: table;
	width: 100%;
}
.form-group .form-group-element{
	display: table-cell;
	vertical-align: top;
	padding-right: 10px;
	padding-left: 10px;
	width: 1%;
}
.form-group .form-group-element:first-child{
	padding-left: 0;
}
.form-group .form-group-element:last-child{
	padding-right: 0;
}

/* Вакансии */

#content{padding: 0;}
.vacancies{
    font-weight: 300;
    line-height: 1.4em;
    padding-top: 16px;
}
.vacancies .m-w-1200{
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 16px;
    box-sizing: border-box;
}
.vacancies h1{
    font-size: 24px;
    color: #000;
    font-weight: 500;
    margin: 0; padding: 0 0 8px 0;
}
.vacancies p.p-16{
    font-size: 16px;
    padding: 0 0 8px 0;
    margin: 0;
}
.vacancies .p-b-8{
    padding-bottom: 8px;
}
.vacancies .advantages{
    background: url('/img/vacancies/vac_bg_2020.gif') no-repeat center bottom;
    background-size: 100%;
    padding-top: 32px;
    position: relative;
    bottom: -1px;
}
.vacancies .advantages .m-w-1200{
    display: flex;
}
.vacancies .job, .vacancies .education, .vacancies .sport{
    padding: 16px 16px 0 16px;
    border-radius: 8px;
    box-shadow: 0 0 8px rgba(0,0,0,.02);
    position: relative;
    transition-duration: 0.2s;
    flex: 1 0 auto;
    flex-direction: column;
    align-items: flex-start;
    display: flex;
    width: 25%;
}
.vacancies .job .bottom, .vacancies .education .bottom, .vacancies .sport .bottom {
    width: 100%;
    margin-top: auto;
    display: flex;
    flex-direction: column;
    flex: 0 0 auto;
}
.vacancies .job:hover, .vacancies .education:hover, .vacancies .sport:hover{
    transform: scale(1.05);
    z-index: 2;
    box-shadow: 0 0 16px rgba(0,0,0,.3);
}

.vacancies .job img, .vacancies .education img, .vacancies .sport img{
    display: block;
    width: 100%;
}
.vacancies .education{
    background: linear-gradient(195.21deg, #E4A638 0%, #EFBC44 102.71%);
    margin-right: 8px;
}
.vacancies .job{
    background: linear-gradient(195.21deg, #A88AD0 0%, #9C8CB1 102.71%);
    margin-right: 4px;
    margin-left: 4px;
}
.vacancies .sport{
    background: linear-gradient(195.21deg, #F4C2CE 0%, #DA9EAA 102.71%);
    margin-left: 8px;
}
.vacancies .blue{
    background:#0A78D6
}
.vacancies .blue .m-w-1200{
    padding: 32px 16px 24px 16px;
    margin-bottom: 16px;
}

.vacancies .blue h1, .vacancies .blue p.p-16{
    color: #fff;
}
.vacancies .table{
    display: table; width: auto
}
.vacancies .table-cell{
    display: table-cell;
    padding-right: 8px;
    vertical-align: middle;
}
.vacancies .vacancy{
    border-bottom: solid 1px #EBEBEB;
    padding: 8px 0;
    margin-bottom: 8px;
}
.vacancies .vacancy:last-child{

	border-bottom: none;
}
.vacancies .show-more{
    border: solid 1px #0A78D6;
    border-radius: 4px;
    padding: 8px 32px;
    box-sizing: border-box;
    display: inline-block;
    color: #0A78D6;
    transition-duration: 0.1s;
    font-size: 16px;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0 8px 8px 0;
}
.vacancies .show-more:hover{
    background: #0A78D6;
    color: #fff;
}
.vacancies .form-group{
    display: table;
    width: 100%;
}
.vacancies .form-group .form-group-element{
    display: table-cell;
    vertical-align: top;
    padding-right: 10px;
    padding-left: 10px;
    width: 1%;
}
.vacancies .form-group .form-group-element:first-child{
    padding-left: 0;
}
.vacancies .form-group .form-group-element:last-child{
    padding-right: 0;
}
.vacancies .table .table{
    background: none;
}
.vacancy p{
    font-size: 16px;
    padding: 0 0 8px 0;
    margin: 0;
}
.vacancy ul{
    font-size: 16px;
    padding: 0 0 0 22px;
}
.vacancy li{
    list-style: disc;
    padding-bottom: 8px;
}
@media only screen and (max-width: 1000px) {
    .vacancies .block-1000{
        display: block;
        text-align: left !important;
    }

}
@media only screen and (max-width: 800px) {
    .vacancies .block-800{
        display: block;
        text-align: left !important;
        padding: 0!important;
        width: 100%!important;
    }
    .vacancies .job, .vacancies .education, .vacancies .sport{
        display: block;
        padding:0 0 16px 0;
        width: 100%;
        height: auto !important;
    }
    .vacancies .job:hover div, .vacancies .education:hover div, .vacancies .sport:hover div{
        transform: none;
    }
}

.reviews{
    padding-top: 20px;
}
.reviews p{
    margin: 0;
	font-size: 16px;
}
.reviews h4, .reviews h5{
    font-size: 24px;
    font-weight: 700;
}
.reviews h5{
    font-size: 13px;
    opacity: .6;
    margin: 0;
    padding: 8px 0 4px 0;
}
.reviews .review-item{
    padding-left: 64px;
    position: relative;
    padding-top: 16px;
    padding-bottom: 16px;
    border-bottom: solid 1px #E5E5E5;
}
.reviews .review-item:last-child{
    border-bottom: none;
}
.reviews .review-item-avatar{
    position: absolute;
    top: 16px;
    left: 0;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    overflow: hidden;
    background: #E5E5E5;
    color: #fff;
    font-size: 24px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    text-align: center;
    line-height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.reviews .review-item-avatar img{
    min-width: 100%;
    min-height: 100%;
}
.reviews .review-item-photo{
    padding-top: 8px;
}
.reviews .review-item-photo img{
    display: block;
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto;
}
.reviews .review-item-photo div{
    width: 80px;
    height: 80px;
    box-sizing: border-box;
    padding: 4px;
    border-radius: 8px;
    border:solid 1px #979797;
    background: #fff;
    transition-duration: 0.5s;
}
.reviews .review-item-photo a{
    display: inline-block;
    padding-right: 8px;
    vertical-align: top;
}
.reviews .review-item-photo a:hover div{
    box-shadow:0 4px 8px rgba(0,0,0,.1);
}
.reviews .valign-wrapper{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.reviews .green-text{color: #739C12;}
.reviews .review-item-good{padding-top: 8px;}

.reviews .review-item-rating{line-height: 16px;}

.reviews .review-item-rating img, .review-item-rating span{display: inline-block; height: 16px; vertical-align: top;}
.review-item-rating span{padding-left: 16px;}
.reviews .review-item-actions{
    padding-top: 8px;
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: center;
}
.reviews .review-item-vote{
    border: 1px solid #0A78D6;
    box-sizing: border-box;
    border-radius: 8px;
    padding: 0 16px;
    display: inline-block;
    color: #0A78D6;
    transition-duration: .5s;
    line-height: 32px;
    text-align: center;
}
.reviews .review-item-vote:hover {
    box-shadow:0 4px 8px rgba(0,0,0,.1);
    color: #0A78D6

}
.reviews .review-item-actions .flex-1{
    flex: 1;
}
.reviews .review-item-name{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
}
.reviews .review-item-vote.active {
    background: #0A78D6;
    color: #ffffff;
}
.review-item-filter input{
    display: none;
}
.review-item-filter{
    display: flex;
    flex-direction: row;
    position: relative;
}
.review-item-filter::after{
    position: absolute;
    content: '';
    display: block;
    width: 100%;
    bottom: 1px;
    height: 2px;
    border-radius: 2px;
    background-color: #E5E5E5;

}
.review-item-filter label{
    position: relative;
    padding: 14px 8px;
    z-index: 1;
    overflow: hidden;
    cursor: pointer;
    color: #0A78D6;
    font-size: 16px;
    font-weight: 500;
}
.review-item-filter input:checked + label{
    cursor: auto;
    color: #000;
}
.review-item-filter label::after{
    position: absolute;
    content: '';
    display: block;
    width: 100%;
    bottom: 0;
    height: 4px;
    border-radius: 4px;
    background-color: #FFBD00;
    transition-duration: .5s;
}
.review-item-filter label.review-item-filter-all::after{
    left: 100%;
}
.review-item-filter label.review-item-filter-current::after{
    right: 100%;
}
.review-item-filter input:checked + label.review-item-filter-all::after{
    left: 0;

}
.review-item-filter input:checked + label.review-item-filter-current::after{
    right: 0;
}
#reviews-more {
    border-top: solid 1px #E5E5E5;
    padding: 16px 0;
}

.current-produce{
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
    padding-top: 16px;
    padding-bottom: 8px;
    border-bottom: solid 1px #E5E5E5;
}
.current-produce .current-produce-img{
    width: 60px;
    height: 60px;
    display: flex;
    padding: 4px;
    border-radius: 4px;
    background: #fff;
    justify-content: center;
    align-items: center;
}
.current-produce .current-produce-img img{
    display: block;
    max-width: 100%;
    max-height: 100%;
}
.current-produce .current-produce-name{
    font-size: 16px;
    padding-bottom: 4px;
}
.current-produce .current-produce-attr{
    font-size: 14px;
    color: #979797;
}
.current-produce .current-produce-attr span{
    color: #000;
}
.review-complaint-reasons li.title{
    margin-bottom: 16px;
}
.review-complaint-reasons li{
    display: flex;
    flex-direction: row;
    gap: 8px;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 8px;
}
.review-complaint-reasons li:last-child{
    margin-bottom: 0;
}
.review-complaint-reasons li label{
    flex: 1;
    font-size: 16px;
    padding: 8px 0;
    cursor: pointer;
}
.review-complaint-reasons button[type="submit"]{
    background: #FFBD00;
    border: none;
    outline: none;
    padding: 8px 16px;
    font-size: 16px;
    border-radius: 4px;
}
.reviews-list-filter{
    display: flex;
    gap: 16px;
    align-items: center;
    flex-direction: row;
}
.reviews-list-filter .review-item-vote{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    line-height: normal;
}
.reviews-list-filter .flex-1{
    flex: 1;
    display: flex;
}
.reviews .review-item-comments{

}
.reviews .gray-text{
    color: #666666;
}
.reviews .review-item-comments{ display: none;}
.reviews .comments-triggers{
    float: right;
    white-space: nowrap;
    line-height: 40px;
}
.reviews .comments-triggers a:nth-child(1):not([class*="hidden"]) + a:before{
    content: '|';
    display: inline-block;
    color: #666666;
    padding: 0 8px;
}

.reviews .spacer{
    display: block;
    clear: both;
}
.reviews .review-item-vote.yellow{
    background: #FFBD00;
    border-color: #FFBD00;
    color: #000 !important;
}
.reviews .review-item-answer{display: none;}
.reviews .reviews-rating .rating-big img{width: 30px; display: inline-block;}
.reviews .reviews-rating .rating-big{white-space: nowrap;}
.reviews .line{
    display: block;
    width: 100%;
    height: 2px;
    background: #EBEBEB;
}
.reviews .line div{
    width: 0;
    background: #0A78D6;
    height: 2px;
}
.reviews .table .cell.w-0{
    padding-right: 0;
}
.p-0-8{
    padding: 0 8px;
}
.p-t-16{
    padding-top: 16px;
}
.p-r-16{
    padding-right: 16px;
}
.p-r-32{
    padding-right: 32px;
}
.p-r-8{padding-right: 8px !important;}
.p-b-16{padding-bottom: 16px;}
.max-width-300{
    max-width: 300px
}
.width-300{
    width: 300px;
}
.p-b-8{
    padding-bottom: 8px;
}
.star-rating{
    background: url("/img/reviews/star-empty.svg");
    background-size: 30px;
}
.star-rating i{
    background: url("/img/reviews/star.svg");
    background-size: 30px;
}
.p-t-8{
    padding-top: 8px;
}

.good-list-modal input{display: none;}
.good-list-modal img{
    max-width: 60px;
    max-height: 60px;
}

.good-list-modal label{
    padding: 8px;
    border: solid 1px #979797;
    border-radius: 4px;
    display: block;
    margin-bottom: 16px;
}
.good-list-modal input:checked + label{
    border-color: #0A78D6;
}
.good-list-modal input + label:only-child{
	padding: 0 !important;
	border: none;
}
.reviews #review-photos-preview span {
    display: inline-block;
    width: 80px;
    height: 80px;
    border: 1px solid #979797;
    box-sizing: border-box;
    border-radius: 4px;
    background-size: cover;
    background-position: center;
    margin: 0 8px 8px 0;
}

.reviews #review-photos-preview span span{
	background: rgba(255, 255, 255, 0.5);
	color: #D93E5C;
	font-weight: bold;
	opacity: 0;
	cursor: pointer;
	transition-duration: 0.2s;
	border: none;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
  	justify-content: center;
	padding: 0;
	margin: 0;
}

.reviews #review-photos-preview span:hover span{
	opacity: 1;
}

.reviews .review-item-good span.attributes::after{
	content: ', ';

}
.reviews .review-item-good span.attributes:last-child::after{
	content: none;
}

.transparent {
    opacity: 0.6;
}

/* Вкладки */
.tabs .tabs-headers {
    margin-bottom: 10px;
	display: table;
	table-layout: fixed;
	width: 100%;
	padding-bottom: 8px;
}

.tabs .tabs-headers .tab-header{
    display: table-cell;
    padding: 4px 0;
    cursor: pointer;
	width: 2%;
	border-bottom: 2px solid #fff;
	text-align: center;
	font-size: 16px;
    user-select: none;
}

.tabs .tabs-headers .tab-header.active{
    border-color: #FFBD00;
	font-weight: bold;
}

.tabs .tabs-contents .tab-content {
    display: none;
}

.tabs .tabs-contents .tab-content.active {
    display: block;
}
.reg-box{
	background: #FFFFFF;
	box-shadow: 0px 16px 32px rgba(0, 0, 0, 0.1);
	border-radius: 8px;
	padding: 24px;
	max-width: 350px;
	box-sizing: border-box;
	margin: 24px auto;
    border: solid 1px #E5E5E5;
    color:#6D6D6D;
}
.reg-box h3{
    color: #1F1F1F;
    font-size: 18px;

}
.no-br{white-space: nowrap}
.reg-info{
	padding-top: 8px;
	text-align: left;
	font-size: 12px;
	color: #333;
	display: none;
}
.reg-info ol{
	padding-left: 16px;
	padding-bottom: 8px;
}
.reg-info ol li{
	list-style-type: decimal;
	padding-bottom: 8px;
}
.m-b-16{
	margin-bottom: 16px;
}
.toggle input[type="checkbox"]{
	display: none;
}
.toggle label{
	display: table;
	width: 100%;
	cursor: pointer;
	margin-bottom: 16px;
}
.toggle label .text, .toggle label .switch{
	display: table-cell;
	vertical-align: top;
	font-size: 16px;
	padding: 0;
	line-height: inherit;
	height: auto;
	margin: 0;
	border: none;
}
.toggle label .switch{
	width: 1px;
}
.toggle label .switch .field{
	display: block;
	width: 48px;
	height: 24px;
	background: #ECF0F4;
	position: relative;
	border-radius: 24px;
}
.toggle label .switch .field .switcher{
	display: block;
	width: 24px;
	height: 24px;
	background: #A1A7B5;
	position: absolute;
	left: 0;
	transition-duration: .5s;
	border-radius: 24px;
}
.toggle input:checked + label .switch .field .switcher{
	background: #0A78D6;
	left: 24px;
}
.toggle label .text{
	padding-top: 4px;
	line-height: 18px;
	display: block;
}
.slideshow-container.mini{
    margin-top:  14px;
    margin-bottom: 14px;
}
.slideshow-container.mini .mySlides{
    position: relative;
}
.slideshow-container.mini .mySlides img{
    display: block;
    width: 100%;
    height: auto;
}
.p-t-4{
	padding-top: 4px;
}
.p-b-4{
	padding-bottom: 4px;
}

.compilation-title{padding-top: 16px; text-align: left; font-size: 22px; color: #555;font-weight: 700}
.compilation-title:empty{display: none}
.compilations{display: grid; grid-gap: 8px; padding: 0 0 14px 0;}
.compilation-title + .compilations{padding: 16px 0 14px 0;}
.compilation-title:empty + .compilations{padding: 0 0 14px 0;}

.compilations .item{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-direction: column;
}
.compilations .item img{
    display: block;
    width: 100%;
    border-radius: 10px;
    transition-duration: .3s;
}
.compilations .item:hover img{
    z-index: 1;
    filter: drop-shadow(0 0 24px rgba(0, 0, 0, .2));
}
.compilations .item:hover{
    z-index: 1;
}
.compilations .item.publishers{
    overflow: hidden;
    border-radius: 10px;
    transition-duration: .3s;
}
.compilations .item.publishers img{
    border-radius: 0;
}
.compilations .item.publishers:hover{
    box-shadow: 0 0 24px rgba(0, 0, 0, .2);
    z-index: 1;
}
.compilations .item.publishers:hover img{
    filter:none;
}
.compilations .item .title{text-align: center; color: #000}

.compilations.big{grid-template-columns: repeat(6, 1fr);}
.compilations.big .item:nth-child(n+7) {
    display:none;
}
.compilations.big .item .title{padding:16px; font-size: 16px;}


.compilations.medium{grid-template-columns: repeat(8, 1fr);}
.compilations.medium .item:nth-child(n+9) {
    display:none;
}
.compilations.medium .item .title{padding:8px; font-size: 14px;}

.compilations.small{grid-template-columns: repeat(10, 1fr);}
.compilations.small .item:nth-child(n+11) {
    display:none;
}
.compilations.small .item .title{padding:8px; font-size: 10px;}
.compilations.small .item.flex{
    display: flex;
    justify-content: center;
    align-items: center;
}
.compilations.small .item.flex img{
    box-sizing: border-box;
    padding: 8px;
}

@media only screen and (max-width: 1700px) {
    .compilations.big{grid-template-columns: repeat(5, 1fr);}
    .compilations.big .item:nth-child(n+6) {
        display:none;
    }
    .compilations.medium{grid-template-columns: repeat(7, 1fr);}
    .compilations.medium .item:nth-child(n+8) {
        display:none;
    }
    .compilations.small{grid-template-columns: repeat(9, 1fr);}
    .compilations.small .item:nth-child(n+10) {
        display:none;
    }
}
@media only screen and (max-width: 1500px) {
    .compilations.big{grid-template-columns: repeat(4, 1fr);}
    .compilations.big .item:nth-child(n+5) {
        display:none;
    }
    .compilations.medium{grid-template-columns: repeat(6, 1fr);}
    .compilations.medium .item:nth-child(n+7) {
        display:none;
    }
    .compilations.small{grid-template-columns: repeat(8, 1fr);}
    .compilations.small .item:nth-child(n+9) {
        display:none;
    }
}
@media only screen and (max-width: 1200px) {
    .compilations.big{grid-template-columns: repeat(3, 1fr);}
    .compilations.big .item:nth-child(n+4) {
        display:none;
    }
    .compilations.medium{grid-template-columns: repeat(5, 1fr);}
    .compilations.medium .item:nth-child(n+6) {
        display:none;
    }
    .compilations.small{grid-template-columns: repeat(7, 1fr);}
    .compilations.small .item:nth-child(n+8) {
        display:none;
    }
}
/** FAVORITES **/
.favorites-floating-block {
    background: #fff;
    position: fixed;
    bottom: 24px;
    right: 24px;
    box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.25);
    border-radius: 16px;
    padding: 16px;
    z-index: 10;
    width: 450px;
    box-sizing: border-box;
}
.favorites-block {
    width: 450px;
}

.favorites-floating-block .btn, .favorites-block .btn{
    color: #000;
    margin: 8px 0 0 8px;
    display: inline-block;
}
.favorites-floating-block .btn.transparant, .favorites-block .btn.transparant{
    background-color: transparent;
}
.favorites-floating-block .btn:hover, .favorites-block .btn:hover{
    color: #000;
}
.favorites-floating-block span.gray-text, .favorites-block span.gray-text{
    color: #717171;
}

input[name="favorite"]{
    display:none;
}
.favorite-selector{
    display: none;
    position: absolute;
    z-index: 4;
    left: 0;
    top: 0;
    width: 25px;
    height: 25px;
    cursor: pointer;
}
input[name="favorite-selector"]{
    display: none;
    position: absolute;
    z-index: 3;
    left: 0;
    top: 0;
}

input[name="favorite"] + label {
    display: block;
    position: absolute;
    z-index: 4;
    right: 0;
    top: 0;
    width: 25px;
    height: 25px;
    background-image:url("/img/favorites/heart-stroke.svg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
}
input[name="favorite"]:checked + label{
    background-image: url("/img/favorites/heart-full.svg");
}
.p-b-0{
    padding-bottom: 0 !important;
}
ul#pagination li{display: inline-block; margin-right: 8px}
ul#pagination li a.active{color: #000;}
ul#pagination li.c-help span{color: #666666}
.f-btn:disabled{
   filter: grayscale(1);
    opacity: 0.6;
    cursor: not-allowed;
}
.f-btn{
    padding: 8px 16px;
    border: none;
    outline: none;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
}
.f-btn.yellow{
    color: #000;
    background: #FFBD00;
}
.f-btn.stroke{
    background-color: transparent;
}
.f-btn.stroke.blue{
    color: #0A78D6 !important;
    border: solid 1px #0A78D6;
}
.f-btn.gray{
    color: #000;
    background: #E5E5E5;
}
a.red{
    color: #D93E5C !important;
}
.f-list-item{
    padding: 8px 0;
    border-bottom: solid 1px #979797;
    cursor: pointer;
}
.f-list-item:first-child{
    padding-top: 0;
}
.f-list-item:last-child{
    padding-bottom: 0;
    border-bottom: none;
}
.f-list-item .title{
    font-size: 14px !important;
    padding: 0 !important;
}
.f-list-item .count{
    color: #717171;
    font-size: 10px;
}
.f-badge{
    color: #cacaca; font-size: 10px; padding: 3px 0 3px;
}
#favorites-layout .message-block:empty{
    display: none;
}
#favorites-layout .message-block{
    background: #fff;
    position: fixed;
    bottom: 24px;
    right: 24px;
    box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.25);
    border-radius: 16px;
    padding: 16px;
    z-index: 5;
    box-sizing: border-box;
}
#favorites-layout .message-block .mess{
    padding: 0;
    max-width:inherit;
    border-radius: 0;
    margin-bottom: 0;
}
#favorites-layout .bubble{
    border: 1px solid #E5E5E5;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 8px;
    margin-bottom: 8px;
}

.map-img{
    display: block;
    width: 100%;
    height: 100px;
    overflow: auto;
    white-space: nowrap;
    position: relative;
    padding: 8px 0
}
.map-img a{
    display: inline-block;
    padding-right: 8px;
    vertical-align: top;
}
.map-img a img{
    max-height: 80px !important;
    max-width: none !important;
}
.map-img{
    display: block;
    width: 100%;
    height: 100px;
    overflow: auto;
    white-space: nowrap;
    position: relative;
    padding: 8px 0
}
.map-img a{
    display: inline-block;
    padding-right: 8px;
    vertical-align: top;
}
.map-img a img{
    max-height: 75px !important;
    max-width: none !important;
    border-radius: 8px;
}

.pay-method h1{
    margin: 0; padding: 0;
}
.method-kaspi-qr{
    display: flex;
    flex: 1;
    align-items: center;
}
.pay-method{
    max-width: 1200px;
    padding: 16px;
    margin: 0 auto;
    width: 100%;
    box-sizing: border-box;
}
.pay-select{
    background: #fff;
    border-radius: 8px;
    margin-bottom: 16px;
    transition-duration: .5s;
}
.pay-select:hover{
    box-shadow: 0 2px 8px rgba(0,0,0,.1)
}
.order-view a.pay-select{
    color: #000;
}
.order-view a.pay-select:hover{
    color: #000;
}
.pay-select .cell{
    padding: 8px;
    vertical-align: top;
}
.pay-select .w-32{
    width: 32px;
    padding: 8px 8px 8px 16px;
}
.pay-select .w-16{
    width: 16px;
    padding: 16px;
}
.pay-select .w-16 img{
    display: block;
    max-width: 16px;
    max-height: 16px;
    margin: 0 auto;
}
.pay-select .w-32 img{
    display: block;
    width: 32px;
    height: 32px;
    margin: 0 auto;
    object-fit: contain;
    object-position: center;
}
.p-desc{
    font-size: 12px;
    line-height: 14px;
    padding-top: 4px;
    opacity: 0.6;
}
.p-title{
    font-size: 16px;
    line-height: 18px;
    font-weight: bold;
}
.kaspi-qr{
    max-width: 250px;
    text-align: center;
    margin: 0 auto;
    background: #fff;
    padding: 24px;
    border-radius: 16px;
}
.kaspi-qr img{
    width: 100%;
    display: block;
}
.kaspi-qr .summa{
    font-size: 32px;
    line-height: 42px;
    font-weight: bold;
}
.kaspi-qr .title{
    padding: 8px 0;
    font-size: 16px;
}
.kaspi-qr .rotate-360{
    max-width: 80px;
    margin: 0 auto;
    animation: rotate360 2s linear infinite;
}
.pay-method .k-p-method{
    padding-bottom: 24px;
}
.pay-method .k-p-method img{
    display: inline-block;
    margin: 4px;
    vertical-align: top;
    width: 48px;
}
.pay-method .k-p-btn-red-outline:hover{
    color: #F14635;
}
.pay-method .k-p-btn-red-outline{
    border: 1px solid #F14635;
    box-sizing: border-box;
    border-radius: 4px;
    color: #F14635;
    width: 100%;
    padding: 8px 16px;
    display: block;
}
.pay-method .k-p-btn-red:hover{
    color: #fff;
}
.pay-method .k-p-btn-red{
    background: #F14635;
    box-sizing: border-box;
    border-radius: 4px;
    color: #fff;
    width: 100%;
    padding: 8px;
    display: block;
    font-weight: bold;
    line-height: 20px;
}
.pay-method .k-p-btn-red .k-p-table{
    display: table;
    margin: 0 auto;
    height: 100%;
}
.pay-method .k-p-btn-red .k-p-table .k-p-cell{
    display: table-cell;
    vertical-align: middle;
    padding: 0 4px;
    height: 100%;
}
.pay-method .k-p-btn-red .k-p-table .k-p-cell.w-24{
    width: 24px;
}
.pay-method .k-p-btn-yellow:hover{
    color: #000;
}
.pay-method .k-p-btn-yellow{
    background: #FFBD00;
    box-sizing: border-box;
    border-radius: 4px;
    color: #000;
    width: 100%;
    padding: 8px 16px;
    display: block;
}
.pay-method .kaspi-logo-qr-f{
    position: relative;
}
.pay-method .kaspi-logo-qr{
    position: absolute;
    width: 20% !important;
    top: 40%;
    left: 40%;
    z-index: 1;
    border-radius: 2px;
}
.pay-method .summa{

}
.k-p-small{
    font-size: 12px;
    opacity: 0.6;
    line-height: 16px;
    padding-bottom: 16px;
    display: block;
}
.cell.v-middle{
    vertical-align: middle !important;
}
.table.v-bottom .cell{
    vertical-align: bottom;
}
.p-summ{
    font-size: 32px;
    line-height: 32px;
    padding-top: 8px;
    white-space: nowrap;
    font-weight: bold;
}
.m-b-16{
    margin-bottom: 16px;
}
.m-b-32{
    margin-bottom: 32px;
}
.border-radius-8{
    border-radius: 8px;
}
@keyframes rotate360{
    0%{
        transform: rotate(0deg);
    }
    100%{
        transform: rotate(360deg);
    }
}

/* ATTRIBUTES CHOOSE */
/*Цвета*/
:root{
    --brand_blue: #0a79d5;
    --light_blue: #238EEA;
    --deep_blue: #084A83;
    --brand_yellow: #ffbd00;
    --light_yellow: #FFD662;
    --black: #101112;
    --gray1: #666;
    --gray2: #999;
    --gray3: #d4d4d4;
    --gray4: #f2f2f2;
    --white: #fff;
    --red: #D93E5C;
    --orange: #FF9A03;
    --green: #739C12;
}
/*товар*/
.attributes-choose-block .select-attribute{margin-bottom: 8px;}
.attributes-choose-block .select-attribute input{display: none;}
.attributes-choose-block .select-attribute label{display: inline-block; vertical-align: top; margin: 2px; padding: 8px; border: var(--gray3) solid 1px; border-radius: 4px; cursor: pointer; position: relative; overflow: hidden;}
.attributes-choose-block .select-attribute label img{max-width: 50px; max-height: 50px; display: block; margin: 0 auto;}
.attributes-choose-block .select-attribute input:checked + label{border: var(--brand_yellow) solid 1px;}
.attributes-choose-block .select-attribute input:disabled + label{opacity: 0.2; cursor:not-allowed;}
.attributes-choose-block .select-attribute input + label .valign-wrapper{width: 50px; height: 50px;}
.attributes-choose-block .select-attribute input.report + label::before, .select-attribute input:disabled + label::before{content: ''; display: block; width: 100%; height: 100%; top: 0; left: 0; position: absolute; background: linear-gradient(45deg, transparent 49%, var(--gray3) 50%, transparent 51%);}
.attributes-choose-block .select-attribute input.report:checked + label::before{background: linear-gradient(45deg, transparent 49%, var(--brand_yellow) 50%, transparent 51%);}
.attributes-choose-block .select-attribute label .dark-hack{display: block; width: 100%; height: 100%; top: 0; left: 0; position: absolute; z-index: -1; max-height: none; max-width: none;}
.attributes-choose-block .valign-wrapper{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;}
.attributes-choose-block .good-img{
    display: table;
    width: auto;
}
.attributes-choose-block .good-img  .good-img-prev{
    display: table-cell;
    vertical-align: top;
    width: 1px;
    padding-right: 8px;
}
.attributes-choose-block .good-img  .good-img-prev .select-attribute{
    max-height: 300px;
    overflow-y: auto;
    padding-right: 8px;
}
.attributes-choose-block .good-img  .good-img-prev .select-attribute::-webkit-scrollbar {
    width: 8px;
}
.attributes-choose-block .good-img  .good-img-prev .select-attribute::-webkit-scrollbar-track {
    background: #ECF0F4;
    border-radius: 8px;
}
.attributes-choose-block .good-img  .good-img-prev .select-attribute::-webkit-scrollbar-thumb {
    background: #C2C6CE;
    border-radius: 8px;
}
.attributes-choose-block .good-img  .good-img-prev .select-attribute::-webkit-scrollbar-thumb:hover {
    background: #565F77;
}
.attributes-choose-block .good-img  .good-img-prev label{
    display: block;
}
.attributes-choose-block .good-img .good-img-f{
    display: table-cell;
    vertical-align: top;

}
.attributes-choose-block .good-img .good-img-f img{
    max-width: 300px;
    max-height: 300px;
    display: block;
    margin: 0 auto;
}
.attributes-choose-block .good-img-f-f{
    width: 300px;
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.attributes-choose-block .table .cell.w-0{
    padding-right: 0;
}
.attributes-choose-block .p-r-16{
    padding-right: 16px !important;
}
body:not([data-user-id]) .attributes-choose-block .if-data-user-id{
    display: none;
}
.attributes-choose-block .detailed .row .cell{
    vertical-align: bottom;
    padding-bottom: 0;
    padding-top: 8px;
}
.attributes-choose-block .detailed .row .cell span{
    background: #fff;
    display: inline-block;
    white-space: nowrap;
    position: relative;
    z-index: 2
}
.attributes-choose-block .detailed .row .cell:first-child{

    padding-right: 16px;
    position: relative;
}
.attributes-choose-block .detailed .row .cell:first-child::after{
    content: "";
    display: block;
    left: 0;
    bottom:0.2em;
    position: absolute;
    width: 100%;
    border-bottom: 1px dotted var(--gray3);
    z-index: 1
}
.attributes-choose-block .form-control-flip .form-element select{-webkit-box-shadow: none;}
.attributes-choose-block .price{
    font-weight: bold;
    font-size: 24px;
    line-height: 28px;
    color: var(--red);
    padding-bottom: 4px;
    margin: 0;
}
.attributes-choose-block .form-control-flip .form-element input[type=submit]{
    background-color: var(--brand_yellow);
    -webkit-box-shadow:none;
    padding: 16px 8px 16px 8px;
    border: none;
    cursor: pointer;
}
.attributes-choose-block .table .w-50:first-child .detailed{padding-right: 16px;}
.attributes-choose-block .table .w-50:last-child .detailed{padding-left: 16px;}
.attributes-choose-block img.descript-logo{
    max-height: 80px;
    max-width: 80px;
}
.attributes-choose-block .category-img div{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;

}
.attributes-choose-block .category-img div:last-child{
    padding-right: 16px;
}
.attributes-choose-block .category-img div img{
    max-height: 42px;
    max-width: 42px;
}
.attributes-choose-block .more-ditail{
    padding-top: 8px; line-height: 24px; display: inline-block
}

.attributes-choose-block .btn-close {
    background: #EBEBEB;
    border-radius: 4px;
    font-size: 14px;
    line-height: 16px;
    color: #000000;
    padding: 8px 20px;
}

.attributes-choose-block .btn-add,  .attributes-choose-block .btn-report{
    background: #FFBD00;
    border-radius: 4px;
    font-size: 14px;
    line-height: 16px;
    color: #000;
    padding: 8px 20px;
    border: none;
    margin-right: 10px;
    display: block;
    cursor: pointer;
}
.attributes-choose-block .to-product{
    border-radius: 4px;
    font-size: 14px;
    line-height: 16px;
    color: #0A78D6;
    padding: 8px 20px;
    border: solid 1px #0A78D6;
    display: block;
}

.attributes-choose-block .prices .price span:nth-child(1) {
    font-style: normal;
    font-weight: bold;
    font-size: 22px;
    line-height: 26px;
    color: #D93E5C;
    margin-right: 10px;
}

.attributes-choose-block .prices .price span:nth-child(2) {
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
    color: #A4A4A4;
    text-decoration: line-through;
}

.attributes-choose-block .prices .saving {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 19px;
    color: #979797;
}

.attributes-choose-block .prices .saving span{
    color: #D93E5C;
}

.attributes-choose-block .cell{
    background: #fff;
}

.attributes-choose-block .select-attribute input.unavailable + label{
    opacity: 0.5;
    text-decoration: line-through;
}

.attributes-choose-block .sizemap-block a {
    cursor: pointer;
}

.attributes-choose-block .product-sizemap-layout {
    max-width: 100%;
    overflow: hidden;
}

.attributes-choose-block .product-sizemap-layout .sizemap table.responsive-table {
    min-width: 0;
}

.attributes-choose-block .product-sizemap-layout .sizemap {
    overflow: auto;
}

.attributes-choose-block .btn-go, .attributes-choose-block .btn-expected {
    background: #0A78D6;
    border-radius: 4px;
    font-size: 14px;
    line-height: 16px;
    color: #FFFFFF;
    padding: 8px 16px;
    display: block;
    margin-right: 10px;
}

.suplier-flex .btn-go, .suplier-flex .btn-expected{
    margin: 0;
    display: block;
}

.help-block-menu-search-result {
    padding: 20px;
}


/* .modal:not(.location){
    width: 80% !important;
    max-width: 1000px !important;
} */


.help-page .help-search-result .help-item .title {
    font-size: 14px;
    color: #000;
    font-weight: bold;
    padding: 0;
}

.help-page .help-search{
        padding-bottom: 16px;
    }
.help-page .help-search-input{
    position: relative;
}
.help-page .help-search-input .s-icon{
    position: absolute;
    left: 4px;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    opacity: 0.4;
}
.help-page .help-search-input .e-icon{
    position: absolute;
    right: 4px;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    opacity: 0.4;
    cursor: pointer;
    display: none;
}
.help-page .help-search-input .e-icon:hover{
    opacity: 1;
}
.help-page .help-search-input input[name="query"]:not(:placeholder-shown) ~ .e-icon{
    display: block;
}
.help-page .help-search-input input[name="query"]{
    padding: 8px 24px;
    width: 100%;
    border-radius: 4px;
}
.help-page .help-search-result{
    position: absolute;
    z-index: 9;
    background: #ffffff;
    border: 1px solid #ccc;
    width: calc(100% - 2px) !important;
    margin-top: -2px;
    white-space: normal;
    padding: 0;
    border-top: none;
    border-radius: 0 0 4px 4px;
    max-height: 60vh;
    overflow: auto;
}
.help-page .help-search-result::-webkit-scrollbar {
    width: 8px;
    border-radius: 8px;
}
.help-page .help-search-result::-webkit-scrollbar-track {
    background: #FAFAFA;
    border-radius: 8px;
}
.help-page .help-search-result::-webkit-scrollbar-thumb {
    background: #E5E5E5;
    border-radius: 8px;
}
.help-page .help-search-result::-webkit-scrollbar-thumb:hover {
    background: #C9C9C9;
}
.help-page .help-search-result .help-item .block-title {
    font-size: 12px;
    color: #000;
    font-weight: normal;
    padding-top: 4px;
    opacity: 0.6;
}
.help-page .help-search-result .help-item{
    cursor: pointer;
    padding: 8px;
    border-bottom: 1px solid #E5E5E5;
}
.help-page .help-search-result .help-item:last-child {
    border-bottom: none;
}
.help-page .help-search-result .help-item:first-child {
    margin-top: 8px;
}
.help-page .help-search-result .help-item:hover{
    background: #F2F4F7;
}
.underline-table .row:not(:last-child) .cell{
    border-bottom: solid 1px #EEE;
}

.review-item.is-complained {
    opacity: 0.5;
}
.img-sq{
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    display: block !important;
    max-height:none !important;
}
.gray-divider{
    color:#E5E5E5;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap:8px;
}
.gray-divider::before, .gray-divider::after{
    content: '';
    display: block;
    flex: 1;
    height: 1px;
    background:#E5E5E5;
    border-radius: 1px;
}
.sex-select{
    display: flex;
    flex-direction: row;
    padding: 8px;
    background: #E5E5E5;
    border-radius: 8px;
}
.sex-select input{
    display: none;
}
.sex-select input:checked + label{
    background: #fff;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.16);
    opacity: 1;
}
.sex-select label{
    display: flex;
    flex: 1;
    flex-direction: column;
    opacity: .6;
    border-radius: 8px;
    gap: 4px;
    padding: 8px;
    justify-content: center;
    align-items: center;
    color: #1f1f1f;
    transition-duration: .3s;
}
.form-control .form-element .loader{
    position: absolute;
    top: 14px;
    right: 8px;
    z-index: 1;
    width: 24px;
    height: 24px;
    display: none;
    margin: 0;
}

/*
Оформление заказа
*/

body.light-tpl{
    font-size: 14px;
    background: #F2F4F7;
    color: #313131;
    display: flex;
    flex-direction: column;
}
body.light-tpl .header-light{
    background: #0A78D6;
    color: #fff;
    font-weight: 300;
}
body.light-tpl .order-view .max-w-1200{
    max-width: 1200px;
    margin: 0 auto;
}
.order-view .table{
    display: table;
    width: 100%;
    height: 1px;
}
.order-view .table .row{
    display: table-row;
}
.order-view .table .cell{
    display: table-cell;
    vertical-align: top;
}
.order-view .table.middle .cell, .order-view .table .cell.middle{
    vertical-align: middle
}
.order-view .table .cell.w-0{
    width: 1px;
    white-space: nowrap;
}
.order-view img.logo{
    height: 43px;
}
.order-view .right-align{
    text-align: right;
}
.order-view .header-light a{
    color: #fff;
    font-weight: 500;
}
.order-view .p-t-8{
    padding-top: 8px;
}
.order-view .m-r-16{
    margin-right: 16px;
}
.order-view .header-light .devider{
    background: #fff;
    height: 100%;
    width: 1px;
    margin: 0 16px;
}
body.light-tpl .order-view .p-16{
    padding: 16px;
    box-sizing: border-box;
}
.order-view .f-s-18{
    font-size: 18px;
}
.order-view .block{
    background: #fff;
    padding: 16px;
    border-radius: 8px;
    border: solid 1px transparent;
}
.order-view .block:not(:last-child){
    margin-bottom: 16px;
}
.order-view .p-l-0{
    padding-left: 0 !important;
}
.order-view .w-400{
    width: 400px;
}
.order-view h4{
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
}
.order-view a{
    color: #0A78D6;
    transition-duration: .3s;
    text-decoration: none;
}
.order-view a:hover{
    color: #FFBD00;
}
.order-view .p-b-8{
    padding-bottom: 8px;
}
.order-view hr{
    display: block;
    background: #E5E5E5;
    color: #E5E5E5;
    border: none;
    height: 0.5px;
    margin: 8px 0
}
.order-view .p-r-8{
    padding-right: 8px;
}
.order-view .h-30{
    height: 30px;
}
.order-view .goods .row .cell{
    padding-top: 8px;
}
.order-view .goods .row:not(:last-child) .cell{
    padding-bottom: 8px;
    border-bottom: solid 1px #E5E5E5;
}
.order-view .goods{
    margin-bottom: 0;
}
.order-view .goods .row{
    padding-bottom: 0;
}
.order-view .goods  .row:first-child{
    border-top: none;
}
.order-view .goods .row:last-child .cell{
    padding-bottom: 0;
}
.order-view .goods .img{
    width: 80px;
    height: 80px;
    position: relative;
    border-radius: 4px;
    border: solid 1px #E5E5E5;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    padding: 8px;
}
.order-view .goods .img img{
    max-height: 100%;
    max-width: 100%;
    display: block;
}
.order-view .goods .img .count{
    position: absolute;
    right: -4px;
    top: -4px;

}
.order-view .count{

    background: #FFBD00;
    border-radius: 16px;
    padding: 4px 6px;
    color: #313131;
    font-size: 12px;
    line-height: 12px;
}
.order-view .gray{
    color: #747474
}
.order-view .orange{
    color: #CF7000;
}

.order-view .small{
    font-size: 12px;
}
.order-view .p-8{
    padding: 8px;
}
.order-view .p-r-0{
    padding-right: 0;
}
.order-view .p-t-4{
   padding-top: 4px;
}
.order-view .red-text{
    color: #D93E5C
}
.order-view .price{
    font-weight: 700;
    color: #D93E5C
}
.order-view .price span{
    padding-left: 4px;
    font-weight: 300;
    color: #747474;
    text-decoration: line-through;
}
.order-view .p-l-8{
    padding-left: 8px;
}
.order-view .p-l-16{
    padding-left: 16px;
}
.order-view .form-control-flip .form-element{
    position: relative;
    padding-bottom: 16px;
}
.order-view .form-control-flip .form-element input, .order-view .form-control-flip .form-element select{
    height: 52px
}

.order-view .p-b-0{
    padding-bottom: 0 !important;
}
.order-view .p-b-16{
    padding-bottom: 16px;
}
.order-view .p-t-16{
    padding-top: 16px;
}
.order-view .scroll{
    /*max-height: 500px;*/
    overflow-y: auto;
    padding: 8px 0;
}
.order-view .toggle input.cb{
	display: none;
}
.order-view .toggle{
    padding-bottom: 16px;
}
.order-view .toggle label.cb{
	display: table;
	width: 100%;
	cursor: pointer;
    margin-bottom: 0;
}
.order-view .toggle label.cb .text, .toggle label.cb .switch, .toggle label.cb .plus{
	display: table-cell;
	vertical-align: top;
	font-size: 16px;
	padding: 0;
	line-height: inherit;
	height: auto;
	margin: 0;
	border: none;
}
.order-view .toggle label.cb .plus{
    width: 24px;
    height: 24px;
    position: relative;
    background: none;
}
.order-view .toggle label.cb .plus div{
    background: #0A78D6;
    width: 14px;
    height: 2px;
    border-radius: 2px;
    position: absolute;
    left: 5px;
    top: 11px;
    transition-duration: .5s;
}
.order-view .toggle label.cb .plus div:first-child{
    transform: rotate(90deg)
}
.order-view .toggle input.cb:checked + label.cb .plus div:first-child{
	transform: rotate(0deg)
}
.order-view .toggle label.cb .switch{
	width: 1px;
}
.order-view .toggle label.cb .switch .field{
	display: block;
	width: 48px;
	height: 24px;
	background: #ECF0F4;
	position: relative;
	border-radius: 24px;
}
.order-view .toggle label.cb .switch .field .switcher{
	display: block;
	width: 18px;
	height: 18px;
	background: #fff;
	position: absolute;
    top:3px;
	left: 4px;
	transition-duration: .5s;
	border-radius: 18px;
}
.order-view .toggle input.cb:checked + label.cb .switch .field{
    background: #0A78D6;
}
.order-view .toggle input.cb:checked + label.cb .switch .field .switcher{
    left: 26px;
}
.order-view .toggle label.cb .text{
	padding-top: 4px;
	line-height: 18px;
}
.order-view .toggle.show .element{
    display: none;
}
.order-view .toggle.show input.cb:checked ~ .element{
    display: block;
}
.order-view .toggle.hide .element{
    display: block;
}
.order-view .toggle.hide input.cb:checked ~ .element{
    display: none;
}
.order-view .nbtn {
    margin: 0;
    display:inline-block;
    border: none;
    border-radius: 4px;
    outline: 0;
    padding: 8px 16px;
    cursor: pointer;
    position: relative;
    line-height: 18px;
    font-size: 14px;
    color:#000;
    text-decoration:none;
    white-space:nowrap;
}
.order-view .nbtn.link {
    margin: 0;
    display:inline-block;
    border: none;
    border-radius: 0;
    outline: 0;
    padding: 0 10px;;
    cursor: pointer;
    position: relative;
    font-size: 14px;
    color:#0a78d6;
    text-decoration:none;
    white-space:nowrap;
	background: none;
}
.order-view .nbtn.link:hover{color: #ffbd00}
.order-view .nbtn.small {
    margin: 0;
    padding: 0 10px;
    display:inline-block;
    border: #c1c1c1 solid 1px;
    border-radius: 5px;
    outline: 0;
    cursor: pointer;
    position: relative;
    line-height: 18px;
    font-size: 12px;
    font-weight: normal;
    color:#000;
    text-decoration:none;
}

.order-view .nbtn:hover,.nbtn:active {
    text-decoration:none;
    color:#000;
}

.order-view .nbtn.yellow{
    background: #febd00;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#fad055),to(#febd02));
    background-image: -webkit-linear-gradient(top,#fad055,#febd02);
    background-image: -moz-linear-gradient(top,#fad055,#febd02);
    background-image: -ms-linear-gradient(top,#fad055,#febd02);
    background-image: -o-linear-gradient(top,#fad055,#febd02);
    background-image: linear-gradient(to bottom,#fad055,#febd02);
}

.order-view .nbtn.yellow:hover{
    background: #fad567;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#fad567),to(#fad054));
    background-image: -webkit-linear-gradient(top,#fad567,#fad054);
    background-image: -moz-linear-gradient(top,#fad567,#fad054);
    background-image: -ms-linear-gradient(top,#fad567,#fad054);
    background-image: -o-linear-gradient(top,#fad567,#fad054);
    background-image: linear-gradient(to bottom,#fad567,#fad054);

}

.order-view .nbtn.gray{
    background: #ddd;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#ddd),to(#eee));
    background-image: -webkit-linear-gradient(top,#ddd,#eee);
    background-image: -moz-linear-gradient(top,#ddd,#eee);
    background-image: -ms-linear-gradient(top,#ddd,#eee);
    background-image: -o-linear-gradient(top,#ddd,#eee);
    background-image: linear-gradient(to bottom,#ddd,#eee);
    color:#333;
}

.order-view .nbtn.gray:hover{
    background: #e5e5e5;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#e5e5e5),to(#f5f5f5));
    background-image: -webkit-linear-gradient(top,#e5e5e5,#f5f5f5);
    background-image: -moz-linear-gradient(top,#e5e5e5,#f5f5f5);
    background-image: -ms-linear-gradient(top,#e5e5e5,#f5f5f5);
    background-image: -o-linear-gradient(top,#e5e5e5,#f5f5f5);
    background-image: linear-gradient(to bottom,#e5e5e5,#f5f5f5);
    color:#000;
}
.order-view .p-t-16{
    padding-top: 16px;
}
.order-view .element-block{
    padding: 8px;
    border-radius: 4px;
    border:solid 1px #E5E5E5;
    margin-bottom: 16px;
}
.order-view .element-block:last-child{
    margin-bottom: 0;
}
.order-view .delivery-list .item{
    display: none;
}
.order-view .delivery-list label{
    display: block;
}
.order-view .delivery-list input[type="radio"]:checked + label .item{
    display: block;
}
.order-view .delivery-list input[type="radio"]{
    display: none;
}
.order-view .bottom-bar{
    background: #fff;
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 9;
    box-shadow: 0 0 8px rgba(0,0,0,.2);
}

.order-view input[type="range"]{
    -webkit-appearance: none;
    height:1px;
    width:100%;
    cursor: pointer;
    background: #0A78D6;
    margin-bottom: 16px;
}
.order-view input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: 1px solid #0A78D6;
    height: 16px;
    width: 16px;
    border-radius: 16px;
    background: #fff;
    cursor: pointer;
    margin-top: 0px; /* You need to specify a margin in Chrome, but in Firefox and IE it is automatic */
}
.order-view .eq-w{
    table-layout: fixed;
}
.order-view .eq-w .cell{
    max-width: 0px;
}
.order-view .center-align{
    text-align: center;
}
.order-view .m-w-600{
    max-width: 600px;
}
.order-view .banks input{
    display: none;
}
.order-view .green-text, .order-view .success{
    color: #739C12;
}
.order-view .big-text{
    font-size: 18px;
}
.order-view .banks .border{
    border: solid 1px #E5E5E5;
    border-radius: 4px;

}
.order-view .banks .cell{
    padding-bottom: 16px;
}
.order-view .banks .border img{
    height: 30px;
    padding:8px;
    box-sizing: content-box;
    display: block;
    margin: 0 auto;
}
.order-view .banks input:checked + label .border{
    border: solid 1px #0A78D6;
}
.order-view .no-br{
    white-space: nowrap;
}
.order-view .bottom-bar .max-w-1400{
    padding: 16px 32px;
}
.order-view .sticky{
    position: sticky;
    top: 16px;
}
.order-view .flex{
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    align-items: stretch;
}
.order-view .flex div:not(.w-400){
    flex: 1;
}
.order-view .table .cell.w-0{
    padding-right: 0;
}
.w-auto{
    width: auto !important;
}
.has-content-left .adress-form{
    max-width: 600px;
}
.has-content-left .order-view .block{
    padding: 0;
}
.has-content-left .order-view .block.desctop-border{
    padding: 8px;
    border: solid 1px #E5E5E5
}
.sticky-mobile{
    display: none;
}
.hide-desctop{
    display: none;
}
@media only screen and (max-width: 1000px) {
    .order-view .p-16{
        padding: 8px;
        box-sizing: border-box;
    }
}
@media only screen and (max-width: 800px) {
    .order-view .flex{
        flex-direction: column;
        align-items: stretch
    }
    .order-view .w-400.p-l-0{
        width: auto;
        padding: 8px !important;
    }
    .order-view .block-800{
        display: block !important;
        width: 100% !important;
        padding: 8px 0 !important;
    }
    .order-view .hide-800{
        display: none !important;
    }
}
.suplier-flex{
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
}
.suplier-flex .suplier-logo{
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    border-radius: 8px;
    background: #F3F3F3;
    color: #000;
    width: 72px;
    height: 72px;
}
.suplier-flex .suplier-name{
    color: #0A78D6;
    font-size: 16px;
    line-height: 120%;
}

.suplier-flex .suplier-price-block{
    display: flex;
    flex-direction: row;
    gap: 4px;
    align-items: center;
    flex-wrap: wrap;
}
.suplier-flex .suplier-price-block .suplier-price-old{
    display: block;
    font-size: 12px;
    font-weight: 300;
    color: #717171;
    position: relative;
}
.suplier-flex .suplier-price-block .suplier-price-old::after{
    content: "";
    position: absolute;
    top: 8px;
    width: 100%;
    height: 1px;
    display: block;
    background: #D93E5C;
    transform: rotate(-5deg);
}
.suplier-flex .suplier-price-block .suplier-price{
    font-size: 16px;
    color: #D93E5C;
    font-weight: 700;
    display: block;
}
.suplier-disc-count{
    color: #D93E5C;
}
.suplier-flex-col{
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.suplier-flex .flex-1{
    flex: 1;
}
.flex-column{
    display: flex;
    flex-direction: column;
    gap: 8px;
}
form.form-attributes:not(:last-child){
    padding-bottom: 16px;
    border-bottom: solid 1px #D9D9D9;
}
form.form-attributes:not(:first-child){
    padding-top: 16px;
}
.attributes-choose-block .text-right .btn-add, .attributes-choose-block .text-right .btn-report{
    margin-right: 0;
}
.seller-delivery-date{
    font-size: 12px;
    line-height: 120%;
}
.suplier-flex .text-right{
    display: flex;
    flex-direction: column;
    gap: 4px;
    align-items: end;
}
.seller-delivery-date span{
    font-weight: bold;
}

#location-selected .cell:first-child{
    width: 50px;
}
#location-selected .cell div{
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
   overflow: hidden;
   max-width: 8vw;
}

.address-choose-actions{

    padding: 4px;
}
.address-choose-actions img{
    display: block;
}
.address-choose-actions-block{
    position: absolute;
    display: none;
    border-radius: 8px;
    box-shadow: 0 4px 24px rgba(0,0,0,.2);
    overflow: hidden;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    flex-direction: column;
}
.address-choose-actions:hover .address-choose-actions-block{
    display: flex;
}
.address-choose-actions-block a{
    display: flex;
    align-items: center;
    padding: 0 24px;
    background: #fff;
    color: #37474F !important;
    transition-duration: .3s;
    flex: 1;
}
.address-choose-actions-block a.red{
    color: #D93E5C !important;
}
.address-choose-actions-block a:hover{
    background: #E6F1FA;
}

.address-choose-title-block{
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
}
.address-choose-icon{
    width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    overflow: hidden;
}
.address-choose-icon img{
    display: block;
    max-width: 100%;
    max-height: 100%;
}
.delivery-icon{
    max-width: 24px;
    max-height: 24px;
    border-radius: 4px;
    display: block;
}
#locations-result{
    display: flex;
    flex-direction: column;
    padding: 24px 16px 16px 16px !important;
    gap:8px;
    max-height: 80vh;
    position: relative;
}
#locations-result .list{
    display: flex;
    flex-direction: column;
    overflow: auto;
    flex:1;
    gap:8px;
    border: none;
    border-radius: 0;
    position: relative;
    padding-right: 8px;
}

#locations-result .list::-webkit-scrollbar {
    width: 8px;
}
#locations-result .list::-webkit-scrollbar-track {
    background: #F2F2F7;
    border-radius: 8px;
}
#locations-result .list::-webkit-scrollbar-thumb {
    background: #E8E8E8;
    border-radius: 8px
}
#locations-result .list::-webkit-scrollbar-thumb:hover {
    background: #DADADA;
}
.address-choose-item{
    /* min-height: 100px; */
}
.address-choose-item, .address-choose-item-create{
    cursor: pointer;
    padding: 8px 16px !important;
    display: flex;
    flex-direction: column;
    gap: 4px;
    border: solid 1px #DADADA !important;
    border-radius: 8px;
    transition-duration: 0.3s;
    position: relative;
}
.address-choose-item.selected, .address-choose-item:hover{
    border: solid 1px #0A78D6 !important;
}
.modal.location .loaded{
    padding: 0 !important;
}
.address-choose-title{
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #37474F;
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}
.address-choose-address-block, .address-choose-contact-block{
    color: #455A64;
}

.address-choose-item.selected {
    border: 1px solid blue;
}
.address-choose-item-create{
    background: #E6F1FA;
    color: #0A78D6;
    border:none !important;
    text-align: center;
    padding: 24px !important;
}
.address-choose-item-create-title{
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;

}
.map-center-marker{
    position: absolute;
    z-index: 9;
    left: calc(50% - 40px);
    top: calc(50% - 80px);
    pointer-events: none;
}
.map-center-marker-block{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 80px;
    height: 80px;
}
.map-center-marker img{
    display: block;
    max-width: 100%;
    max-height: 100%;
    position: relative;
    z-index: 2;
    transition-duration: .3s;
    transform-origin: center bottom;
}
.map-center-marker-shadow{
    position: absolute;
    z-index: 1;
    width: 16px;
    height: 4px;
    border-radius: 100%;
    background: rgba(0,0,0,.3);
    left: calc(50% - 8px);
    bottom: 0;
    transition-duration: .3s;
}
.map-center-marker-adress:empty{
    display: none;
}
.map-center-marker.moved .map-center-marker-shadow{
    left: calc(50% - 4px);
    width: 8px;
    height: 4px;
    opacity: .5;
}
.map-center-marker.moved img{
    transform: translateY(-16px) scaleY(1.1);
}
.map-center-marker-adress{
    padding: 16px 16px 16px 38px;
    border-radius: 8px;
    font-size: 14px;
    color: #455A64;
    background: #fff;
    position: absolute;
    z-index: 1;
    white-space: nowrap;
    left: 50%;
    font-weight: bold;
    transition-duration: .3s;
    transform-origin: center bottom;
    pointer-events: none;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.map-center-marker.moved .map-center-marker-adress{
    transform: translateY(-16px);
    opacity: 0;
}
#modalLocation .location-block{
    display: flex;
    flex-direction: row;
    gap: 16px;
    width: 80vw;
    max-width: 1200px;
    max-height: 800px;
    height: 85vh;
}
#modalLocation .location-block .pick-point, #modalLocation .location-block .pickup-point-selected, #modalLocation .location-block .door-address-selected{
    width: 350px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 16px;
    overflow: auto;
}
#modalLocation .location-block .pick-point-map{
    flex: 1;
    overflow: hidden;
    border-radius: 0 16px 16px 0;
    position: relative;
}
#modalLocation .location-block .title, #locations-result .title{
    font-size: 18px !important;
    line-height: 24px !important;
    color: #37474F;
    padding: 0 !important;
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
}
#modalLocation .location-block .pick-point .switcher{
    display: flex;
    flex-direction: row;
    padding: 8px;
    background: #F2F2F7;
    border-radius: 8px;
    gap: 8px;
}
#modalLocation .location-block .pick-point .switcher label{
    display: flex;
    flex-direction: row;
    padding: 8px 0;
    color: #737375;
    flex: 1;
    transition-duration: .3s;
    border-radius: 8px;
    font-size: 14px;
    line-height: 16px;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#modalLocation .location-block .pick-point .switcher input{
    display: none;
}
#modalLocation .location-block .pick-point .switcher input:checked + label{
    background: #0A78D6;
    color: #fff;
}

#modalLocation .location-block .gap-8{
    display: flex;
    flex-direction: column;
    gap: 8px;
}
#modalLocation .location-block .row-gap-8{
    display: flex;
    flex-direction: row;
    gap: 8px;
}
#modalLocation .location-block .light{
    font-weight: 300;
}
#modalLocation .address-points{
    overflow: auto;
    display: flex;
    flex-direction: column;
    gap: 16px;
    flex:1;
    min-height: 150px;
}
#modalLocation .modal.location{
    padding: 0;
}
#modalLocation  .modal .close.top{
    z-index: 99;
}
#modalLocation .address-create-point{
    display: flex;
    flex-direction: column;
    gap: 4px;
    cursor: pointer;
}
#modalLocation .address-create-point:not(:last-child){
    padding-bottom: 16px;
    border-bottom: solid 1px #E5E5E5 ;
}

#modalLocation .address-create-point .image img{
    display: block;
    max-width: 100%;
    max-height: 100%;
}
#modalLocation .address-create-point .title{
    display: flex;
    flex-direction: row;
    gap: 8px;
    justify-content: center;
}
#modalLocation .address-create-point .adress{
    color: #37474F;
    font-weight: 300;
}
#modalLocation .address-create-point .title img{
    display: block;
    max-width: 32px;
    max-height: 32px;
    border-radius: 4px;
}
#modalLocation .address-create-point .title span{
    flex: 1;
    color: #37474F;
    font-weight: 700;
    font-size: 16px !important;
    line-height: 24px !important;
}
#modalLocation .pick-point .my-location{
    display: flex;
    flex-direction: row;
    gap: 4px;
    align-items: center;
}
#modalLocation .location-block .w-100{
    width: 100%;
}
#modalLocation .pickup-point-back{
    cursor: pointer;
}
#modalLocation .door-address-back{
    cursor: pointer;
}
@media screen and (max-height: 660px) {
    #modalLocation .photos, .hide-h-660{
        display: none !important;
    }
}

.orderPayMethodsLayout{
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.orderPayMethodsLayout .element-block{
    cursor: pointer;
    padding: 8px !important;
    display: flex;
    flex-direction: column;
    gap: 4px;
    border: solid 1px #DADADA !important;
    border-radius: 8px;
    transition-duration: 0.3s;
}
.orderPayMethodsLayout .element-block.selected, .orderPayMethodsLayout .element-block:hover{
    border: solid 1px #0A78D6 !important;
}
.orderPayMethodsLayout .element-block.no-select{
    opacity: .5;
    pointer-events: none;
    cursor: not-allowed;
}
.dataselect-list{
    display: flex;
    flex-direction: row;
    gap: 8px;
}
.dataselect-list label{
    display: flex;
    flex: 1;
    padding: 16px;
    align-items: center;
    justify-content: center;
    gap:8px;
    cursor: pointer;
    flex-direction: column;
    border-radius: 16px;
    transition-duration: .3s;
    border: solid 1px #C2C6CE;
    font-size: 16px;
}
.dataselect-list label.disable{
    cursor: not-allowed;
    opacity: .3;
}
.dataselect-list label .small{
    font-size: 12px;
}
.dataselect-list label:not(.disable):hover{
    background: rgba(10,120,214,.3);
    border: solid 1px rgba(10,120,214,1);
}
.dataselect-list input:checked + label{
    background: rgba(10,120,214,1) !important;
}
.date-time .dataselect-list label{
    flex-direction: row;
    gap: 2px;
}
.forceChangeLocationAddress, .forceChangePayMethod, .expressDelivery{
    cursor: pointer;
    border: solid 1px transparent;
    transition-duration: .3s;

}
a.block{
    display: block;
    color: inherit;
}
a.block:hover{
    display: block;
    color: inherit;
}
.forceChangeLocationAddress:hover, .forceChangePayMethod:hover, .forceChangeLocationExpressAddress:hover, .expressDelivery:hover{
    border: solid 1px var(--brand_blue);
    box-shadow: 0 0 16px rgba(10,120,214,.2);
}
.confirm-order{
    transition-duration: .3s;
}
.confirm-order:not(:disabled):hover{
    box-shadow: 0 0 16px rgba(250,189,0,.3) !important;
    background: #FFCF47 !important;
}
.confirm-order:not(:disabled):active{
    box-shadow: none !important;
    background: #FFB800 !important;
}

.element-block .red-text{
    color: #D93E5C
}
.form-element .on-error{
    display: none;
}
.rate-stars{
    background-image: url('/img/five_stars.svg');
    background-size: cover;
    width: 80px;
    height: 16px;
    position: relative;
    background-position: left center;
}
.rate-stars .rate-stars-full{
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background-image: url('/img/five_stars_full.svg');
    background-size: cover;
    background-position: left center;
}
.rate-stars.h-14{
    width: 70px;
    height: 14px;
}
.rate-stars.h-30{
    width: 150px;
    height: 30px;
}
.text-right .rate-stars{
    margin-left: auto;
}
#reviews-more-btn{
    display: inline-flex;
    flex-direction: row;
    gap: 8px;
    padding: 8px 22px;
    line-height: 24px;
    border-radius: 4px;
    border: solid 1px #0a79d5;
    color: #0a79d5;
    cursor: pointer;
    transition-duration: .3s;
}
#reviews-more-btn:hover{
    box-shadow: 0 4px 8px rgba(0,0,0,.1);
}
.pay-checkbox{
    width: 24px;
    height: 24px;
    background-image: url('/img/checkmark-circle-outline.svg');
    background-size: cover;
    background-position: center;
}

input:checked + .pay-checkbox{
    background-image: url('/img/checkmark-circle-outline-checked.svg');
}

/* Всплывушка для анализа поиска */

.show-explain-documents,
.close-explain-documents {
  background-color: #FFC107;
  border-radius: 5px;
  border: none;
  color: black;
  cursor: pointer;
  font-size: .8em;
  font-weight: bold;
  padding: 5px 10px;
  position: absolute;
  transition: background-color 0.3s ease, transform 0.2s ease;
  z-index: 10;
}

.show-explain-documents {
  left: 10px;
  top: 10px;
}

.close-explain-documents {
  background-color: #ff5722;
  color: white;
  font-size: 1.3em;
  padding: 8px 16px;
  position: fixed;
  right: 60px;
  top: 50px;
}

.show-explain-documents:hover,
.close-explain-documents:hover {
  transform: scale(1.05);
}

.show-explain-documents:hover {
  background-color: #ffb300;
}

.close-explain-documents:hover {
  background-color: #f44336;
}

.show-explain-documents:focus,
.close-explain-documents:focus {
  outline: none;
}

.explain-documents {
  background: white;
  border-radius: 10px;
  border: solid 1px #ddd;
  bottom: 30px;
  box-shadow: 0 0 50px rgba(0,0,0,.7);
  left: 30px;
  overflow: scroll;
  padding: 30px;
  position: fixed;
  right: 30px;
  top: 30px;
  z-index: 20;
}

.explain-documents.d-none {
  display: none;
}

.add-block-content {
    max-width: 800px;
}
.add-block-content img{
    display: block;
    max-width: 100%;
}
.d-flex {
    display: flex;
}

.gap-4 {
    gap: 4px;
}

.flex-row {
    flex-direction: row;
}

.flex-grow-1 {
    flex: 1;
}

.flex-center {
    align-items: center;
}

.flex-grow-0 {
    flex: 0 !important;
}
*{margin:0; padding:0; }
body{
    min-width:960px;
    font-family: 'Roboto', sans-serif;
    height: 100%;
    width: 100%;
    position: relative;
    box-sizing: border-box;
    line-height: 1.2em;
    background:#fff;
    font-size:14px;
    color:#101112;
}

@font-face {
    font-family: museo300;
    src:url("./fonts/museo300.otf");
}

@font-face {
    font-family: museo500;
    src:url("./fonts/museo500.otf");
}

.notextselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.p-r{position: relative;}
.float-right{float:right;}
.float-left{float:left}
.table{display:table; width:100%;}
.table .cell{display:table-cell; vertical-align:middle;}
.table .cell.pic {/*width: 50px;*/ width: 10px; padding-right: 5px;}
.table .cell.pic img {max-height: 40px; max-width: 40px;}
.table.h1{margin: 0 0 1em; line-height: 1.3em;}
.table.h1 span.cell{vertical-align: middle !important;}
.table.h1 h2.cell{ font-size: 26px;font-weight: 500}

.condent{font-family: 'Roboto Condensed', sans-serif;}
.p700{font-weight:700;}
.p300{font-weight:300;}
.uppercase{text-transform:uppercase;}
.wrapper.table .cell{vertical-align:top;}
a{color:#0a78d6; text-decoration: none; cursor: pointer;}
a:hover{color:#ffbd00; text-decoration: none;}

header{
    display: flex;
    flex-direction: row;
    gap: 24px;
    background:#0a78d6;
    color:#FFF;
    box-shadow: rgba(0, 0, 0, 0.5) 0 0 5px;
    justify-content: center;
    align-items: center;
    padding: 0 16px;
}

header .menu{
    height: 75px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
header .menu .category-list-icon{
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 8px;
    border-radius: 8px;
    transition-duration: .3s;
    cursor: pointer;
    justify-content: center;
    align-items: center;
}
header .menu:hover .category-list-icon{
    background: rgba(255, 255, 255, .1);
}
header .menu .category-list-icon .ccondent{
    font-size: 12px;
    line-height: 14px;
}
header .menu .category-list-icon .line{
    width:30px;
    height:4px;
    background:#FFF;
    border-radius:2px;
}

header a.logo img{
    display: block;
    width: 74px;
}

header .sAll{
    flex: 1;
    display: flex;
}
header .sAll input, header .sAll button{
    border: none;
    outline: none;
    padding: 8px 16px;
    font-size: 14px;
    line-height: 24px;
}
header .sAll input[type="submit"], header .sAll button[type="submit"]{
    background: #febd01;
    color:#282828;
    cursor:pointer;
    border-radius:0 8px 8px 0;
    font-weight:bold;
    
}
header .sAll button[type="submit"] img{
    display: block;
    height: 20px;
}
header .sAll input[type="search"]{
    background: #fff;
    border-radius:8px 0 0 8px;
    flex: 1;
    font-weight:normal;
}

header .location-selected{
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 8px;
    border-radius: 8px;
    transition-duration: .3s;
    cursor: pointer;
}
header .location-selected:hover{
    background: rgba(255, 255, 255, .1);
}

header .location-selected .gap-row-4{
    display: flex;
    flex-direction: row;
    gap: 4px;
    align-items: center;
}
header .location-selected .gap-row-4 img{
    display: block;
    width: 16px;
}

header .auth-icon{
    padding: 8px;
    border-radius: 8px;
    transition-duration: .3s;
    display: flex;
    flex-direction: column;
    gap: 4px;
}
header .auth{
    height: 75px;
    display: flex;
    align-items: center;
    justify-content: center;
}
header .auth:hover .auth-icon{
    background: rgba(255, 255, 255, .1);
}
header .lang-switcher{
    background: rgba(255, 255, 255, .1);
    padding: 4px;
    border-radius: 80px;
    display: flex;
    flex-direction: row;
    gap:4px
}
header .lang-switcher input{
    display: none;
}
header .lang-switcher label{
    display: block;
    border-radius: 80px;
    line-height: 16px;
    font-size: 14px;
    color: #fff;
    padding: 4px 8px;
    transition-duration: .3s;
    cursor: pointer;
}
header .lang-switcher input:checked + label{
    color: #0a79d5;
    background: #fff;
}
.avatar{
    width:40px;
    height:40px;
    border-radius:40px;
    display:inline-block;
    margin:0;
}

#croppedImage {
    max-height: calc(100vh - 300px);
}

#cropperResult img, #cropperResult canvas{
    width:110px;
    display: block;
    border-radius:110px;
}
#cropperResult img{
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    border-radius: 0;
}
#cropperResult {
    margin-bottom:10px;
    width: 100px;
    height: 100px;
    border-radius: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

#cropperImage {
    max-height:calc(100vh - 300px);
}

header .ath .img.i1april{
    width:35px;
    height:35px;
    background-image:url('../img/new_header_2015/ath_none_1april.png');
}
header .overflow-200{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 200px;
}
.p300.overflow-200{
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 11px;
    line-height: 13px;
}
header .cart{
    font-size:14px;
    display: flex;
    flex-direction: row;
    gap: 8px;
    justify-content: center;
    align-items: center;
    padding: 8px;
    border-radius: 8px;
    transition-duration: .3s;
    color: #fff;
}
header .cart:hover{
    background: rgba(255, 255, 255, .1);
}
header .cart img{
    display:block;
    height: 36px;
}
header .cart .flex-col-4{
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

header .auth .sub a:first-child{margin-top:10px;}
header .auth .sub a:last-child{margin-bottom:10px;}
header .auth .sub a{display:block; color:#0A78D6; font-size:18px; padding:10px; text-decoration:none;}
header .auth .sub a:hover{background:#FFBD00; color:#101112;}
header .auth:hover .sub{display:block}

header .auth{
	position: relative;
}
header .auth .sub{
    display:none;
    position:absolute;
    color:#0A78D6;
    border-top:none;
    width:220px;
    z-index:9;
    background:#FFF;
	left: 0;
	top: 100%;
    border-radius: 8px;
}

header .cart .sub{padding:10px; right: 20px; left: auto}
header .location .sub{padding:10px;}
header .cart .sub .table{padding-bottom:10px; border-bottom:#CCC solid 1px; padding-top:10px; font-size:12px;}
header .cart .sub .table a{color: #0a78d6;}
header .cart .sub .table:last-child{border:none}
header .cart .sub .table .cell{vertical-align:top;}
header .cart .sub .table .img-cart{width:45px; text-align: center; padding-right: 5px;}
header .cart .sub .table .img-cart img{max-width: 40px; max-height: 40px;}
header .cart .sub .table .price{width:130px; text-align:right;}
header .cart .sub .table .price a{display:block; color:#666;}
header .auth .sub a .badge{display: inline-block; background: #febd01; color: #101112; padding: 4px; font-size: 12px; border-radius: 8px; line-height: 12px; margin-left: 5px; transition-duration: .5s;}
header .auth .sub a:hover .badge{background: #fff;}
.cart .sub:before, .auth .sub:before, .location .sub:before{
    content:'';
    display:block;
    position:absolute;
    width:21px;
    height:10px;
    z-index:3;
    background:url('../img/new_header_2015/top_arrow.png');
    top:-10px;
    left: 24px;
}
.cart .sub:before{
	left: auto;
	right: 126px;
}
header .cart .sub.priority, header .auth .sub.priority {z-index: 9;}
header .auth a, header .cart a, header .favorites a{color: #fff;}
.menu .sub-1{
    /*display:none;*/
    position:absolute;
    height: 0;
	width: 0px;
	overflow: hidden;
}
.menu:hover .sub-1, .menu .sub-1.active{
	width: auto;
	height: auto;
	overflow: visible;
	color:#0A78D6;
    border:#dfdfdf solid 1px;
    border-top:none;
    left:0;
    top:100%;
    width:230px;
    z-index:6;
    background:#FFF;
    padding-top:10px;
    padding-bottom:10px;
    cursor: default;
}
.menu .sub-1 li a div{
    flex: 1;
}
.menu:hover .sub-1:before, .menu .sub-1.active:before{content:''; display:block; position:absolute; width:21px; height:10px; z-index:9; background:url('../img/new_header_2015/top_arrow.png'); top:-9px; left:22px;}
.menu .sub-2{
    display:none;
    position:absolute;
    color:#101112;
    border:#dfdfdf solid 1px;
    border-top:none;
    top:0;
    left:230px;
    padding-top:20px;
    padding-bottom:20px;
    z-index:3;
    background:#FFF;
}
.category-stiker{height: 24px; width: 24px;  display: block;}
.category-icon svg path{fill:#717171;}
.menu .sub-1 li:hover a .category-icon svg path{fill:#101112;}
.category-icon svg{width: 24px; height: 24px;}

.p-r-0{padding-right: 0 !important;}
.p-r-8{padding-right: 8px !important;}
.p-0-8{padding: 0 8px !important;}
.p-0{padding: 0 !important}
.h-40{height: 40px;}
.category-icon svg path{fill:#717171;}
.menu .sub-1 li:hover a .category-icon svg path{fill:#101112;}
.category-icon svg{width: 24px; height: 24px;}

.p-r-0{padding-right: 0 !important;}
.p-r-8{padding-right: 8px !important;}
.p-0-8{padding: 0 8px !important;}
.p-0{padding: 0 !important}
.h-40{height: 40px;}
.menu .sub-1 li{
    list-style:none; 
    font-size:16px;
}
.menu .sub-1 li a{
    text-decoration:none;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding:8px;
    opacity: 0.8;
    color: #101112;
    gap: 8px;
    transition-duration: .3s;
}
.menu .sub-1 li a.no-opascity{opacity: 1;}
.menu .sub-1 li:hover a{opacity: 1;background:#FEBD01;}

.menu .sub-1 li .sub-2 ul{min-width:230px; vertical-align:top; border-right:1px solid #dfdfdf; height:100%; padding-left:10px; padding-right:10px;}
.menu .sub-1 li .sub-2 ul:last-child{border:none;}
.menu .sub-1 li .sub-2 ul li{list-style:none; font-size:14px; vertical-align:top; height: auto; overflow: visible;}
.menu .sub-1 li .sub-2 ul li a{display:block; background:#FFF; color:#666; text-decoration:none;}
.menu .sub-1 li .sub-2 ul li a:hover{color:#101112}

.menu .sub-1 li .sub-2 ul li.title{font-size: 16px;}

.menu .sub-1 li .sub-2 ul li a.all{color:#0A78D6; background:#FFF}
.menu .sub-1 li .sub-2 ul li a.all:hover{color:#0A78D6;}

.menu .sub-1 li .sub-2{display:none; /*min-height: 232px;*/}

.menu .sub-1 li:hover .sub-2{display:block;}


ul.menu-lite li.menu-lite-item {list-style:none; font-size:14px; vertical-align:top;}
ul.menu-lite li.menu-lite-item a{display:block; background:#FFF; padding: 3px 0 3px; color:#0a78d6; text-decoration:none;}
ul.menu-lite li.menu-lite-item span{display:block; background:#FFF; padding: 3px 0 3px; text-decoration:none;}
ul.menu-lite li.menu-lite-item span.label{display: inline-block; min-width: 16px; padding: 4px; background: #ECF0F4; margin-left: 8px; border-radius: 8px; text-align: center; color: #101112;}
ul.menu-lite li.menu-lite-item span.label.red{background: #D93E5C; color: #fff;}
ul.menu-lite li.menu-lite-item:first-child a{padding-top: 0;}
ul.menu-lite li.menu-lite-item:last-child a{padding-bottom: 0;}
ul.menu-lite li.menu-lite-item a:hover{color:#ffbd00;}
ul.menu-lite li.menu-lite-item.selected {display:block; background:#FFF; padding: 3px 0 3px; color:#444;}
ul.menu-lite li.menu-lite-item.selected:first-child {padding-top: 0;}
ul.menu-lite li.menu-lite-item.selected:last-child {padding-bottom: 0;}

.bg-black{
    position:absolute;
}
header .hover-effect:hover ~ .bg-black{
    display:block;
    left:0; 
    width:100%;
    height: calc(100% - 75px);
    top:75px;
    background:rgba(60, 60, 60, 0.3);
    z-index: 6;
    animation: bg_black_fade .7s;
}
header .hover-effect:first-child:hover ~ .bg-black{
    z-index: 5
}

/* Fix https://github.com/yui/yuicompressor/issues/80 */
@-webkit-keyframes bg_black_fade {
    0.00% { opacity: 0; }
    30% { opacity: 0; }
    100% { opacity: 1; }
}

@keyframes bg_black_fade {
    0.00% { opacity: 0; }
    30% { opacity: 0; }
    100% { opacity: 1; }
}

#content {padding: 10px 20px 20px 20px;}
html.lite #content {padding: 0 20px 0 20px;}

.text-right{text-align:right;}
.d-block{display:block}
.d-inline{display:inline-block}
.wrapper{position: relative;}

.wrapper .left{padding:10px 0 10px 10px;width:232px !important;}
.wrapper .left.empty{padding-top:320px;}
.wrapper .right{padding:10px 10px 10px 0; width:232px !important; }
.wrapper .center{padding:10px;}
.wrapper .left .block{padding:5px; font-size:14px; margin-bottom:5px;}
.wrapper .right .block{border:#dfdfdf solid 1px; padding:10px 12px; font-size:14px; margin-bottom:10px;}
.wrapper .left .block .title,.wrapper .right .block .title{font-size:16px;}
.wrapper .left .block .ct,.wrapper .right .block .ct{padding-left: 1px; padding-top:10px;}
.wrapper .left .block .ct .table,.wrapper .right .block .ct .table{padding-bottom:10px;}
.wrapper .left .block .ct .table .cell:first-child,.wrapper .right .block .ct .table .cell:first-child{padding-right:10px;}

.modal-bg{width:100%; height:100%; position:fixed; z-index:99; /*background:url(img/modal_bg.png);*/ top:0; display:none; background-color: rgba(60,60,60,0.3);}
.modal-show{display:table;}
.modal{text-align: left; background:#FFF; display:inline-block; position:relative; min-width: 200px; max-width:80%; margin:0 auto; padding:20px;}
.modal-cell{display:table-cell; vertical-align:middle; max-height:80%; text-align: center;}
.modal .loaded{overflow-y: auto; max-height: calc(100vh - 100px); padding: 20px 0;}
.modal div.title{font-size:22px; padding-bottom:15px;}
.modal  hr{margin-bottom:10px;}
.modal .add-goods{text-align:center; font-size:13px; padding-bottom:10px;}
.modal .add-goods .cell {width:33%;}
.modal .add-goods .cell a.link{height:40px; display:block; text-align:center; overflow:hidden;}
.modal .add-goods img{max-height:140px; max-width:140px;}
.modal .add-goods span{display:block; color:#9c1b00; font-weight:bold; padding-top:5px;}
.modal .add-goods .img{height:140px;}
.modal .close.top{background: #dfdfdf;text-align: center;font-size: 25px; position:absolute; border-radius:50px;line-height: 0; padding: 20px 0; width:40px; cursor:pointer; right:-15px; top:-15px; box-shadow:#101112 0 0 3px; color: #666; text-transform:uppercase; /*background:url('../img/new_header_2015/close.png') no-repeat center #dfdfdf*/}

#add-to-cart-modal .modal .loaded{padding: 0; overflow: hidden;}
#add-to-cart-modal div.modal {width: 500px;}

.btn{display:inline-block; padding:10px; background:#ffbd00; border-radius:7px; cursor:pointer;}
.btn.gray{background:#dfdfdf}
.btn_m{display:inline-block; padding:5px; background:#ffbd00; border-radius:5px; cursor:pointer;}

.title-cart-add{font-size:13px;}
.f-s-14{font-size:14px;}
.l-h-22{line-height:22px;}

.text-muted{color:#666;}
.text-danger {color: #a94442;}
.text-through {text-decoration: line-through;}
.text-bold {font-weight: bold;}

.v-middle {vertical-align: middle;}
.p-b-10{padding-bottom:10px;}
.p-b-20{padding-bottom:20px;}
.p-t-10{padding-top:10px;}
.p-t-5{padding-top:5px !important;}
.p-t-0{padding-top:0 !important;}
.p-l-10{padding-left:10px;}
.p-l-5{padding-left:5px;}
.p-r-10{padding-right:10px;}
.p-r-5{padding-right:5px;}
.p-0{padding:0;}
.p-8{padding:8px;}
.p-10{padding:10px;}
.p-0-i{padding:0 !important;}
.m-0 {margin: 0;}
.m-0-auto {margin: 0 auto;}
.m-t-5{margin-top:5px;}
.m-l-5{margin-left:5px;}
.m-t-7{margin-top:7px;}
.m-t-0{margin-top:0;}
.m-t-10{margin-top:10px;}
.m-t-15{margin-top:15px;}
.m-b-5{margin-bottom:5px;}
.m-b-7{margin-bottom:7px;}
.m-b-10{margin-bottom:10px;}
.m-b-20{margin-bottom:20px;}
.m-b-0{margin-bottom:0;}
.shadow{box-shadow:#333 0 0 10px; border:none !important;}
.m-w-100{max-width:100px;}
.m-w-150{max-width:150px;}
.m-w-900{max-width:900px;}
.m-w-950{max-width:950px;}
.mi-w-100{min-width:100px;}
.mi-w-50{min-width:50px;}

div.actions-messages-layer {}
div.actions-messages-layer div.message {margin: 16px auto;}
div.actions-messages-layer div.error {color: #992222;}

select, input[type="text"], input[type="tel"], input[type="number"], input[type="email"], input[type="password"], input[type="url"], textarea{border:solid 1px #ccc; border-radius:3px; padding:5px; background:#fff; max-width:100%;}
select.small, input.small[type="text"]{padding:3px;}
select.xsmall, input.xsmall[type="text"]{padding:1px;}

.scroled{width:100%; overflow-x:scroll; max-width:100%; position:relative; height:270px;}
.scroled.scroll-pane{}
.scroled .scroled-position{position: absolute; padding: 5px;}


div.rating-layer {line-height: 1.3em; font-size: 12px; display: table; margin-bottom: 0; margin-top: 10px;color:#555}
div.rating-layer ul.stars{display:inline}
div.rating-layer ul.stars li{display:inline-block; vertical-align: top; width:14px; height:14px; margin:0; padding:0; background: url("../img/new_stars.png") no-repeat; background-size: cover}
div.rating-layer ul.stars li.rate-10{background-position: top;}
div.rating-layer ul.stars li.rate-5{background-position: center;}
div.rating-layer ul.stars li.rate-0{background-position: bottom;}
div.rating-layer div.rating-layer-stars {display: table-cell; vertical-align: middle; padding-right: 5px; padding-top:0}
div.rating-layer div.rating-layer-rating {display: table-cell; vertical-align: middle;}
div.rating-layer div.rating-layer-rating .table .cell{padding-right: 3px;}
div.rating-layer .rate_count{margin-right: 5px; font-weight: bold}
div.rating-layer .count_reviews{margin-left: 5px}

.good div.rating-layer{display: inline-block; margin: 0;}
.good div.rating-layer div.rating-layer-stars {display: inline-block; padding: 0;}

.top_line{background:#f9c637; padding:10px 20px 10px 20px; font-size:14px; color:#333;}
.top_line a{color:#0a78d6; border-bottom:#0a78d6 dashed 1px;}
.top_line a:hover{border:none;}
.top_line span{font-weight:bold;}
.top_line span.close{}
.top_line span.close:after{content:"×"; float:right; font-size:25px; line-height:15px; cursor:pointer;}

.description-table{display:table; width:100%; border-collapse: collapse; margin:10px;}
.description-table .description-row{display:table-row; border-bottom: 7px solid transparent;}
.description-table .description-row .description-cell{display:table-cell;}
.description-table .description-row .description-cell:first-child{color:#666; width:1%; white-space:nowrap; padding-right:20px;}
.description-table .description-row .description-cell:first-child:after{content:':'}
.description-table.clothes .description-row .description-cell:first-child{color:#666; width:1%; white-space:nowrap; padding-right:10px; text-align: right;}
.description{word-wrap:anywhere;}
/* Новое меню
.menu .sub-new{overflow: visible;padding: 20px 5px 20px 0; box-sizing: border-box; display: none; background:#FFF; position: absolute;  border:#c6c6c6 solid 1px; border-top:none; top:0; left:230px;}
.menu .sub-1 li:hover .sub-new{display:table;}
.menu .sub-new ul li{
    display: block;
    list-style: none;
    font-size: 14px !important;
    page-break-inside: avoid;
    break-inside: avoid;
    padding-bottom: 20px;

}
.menu .sub-new ul{
    border-left:#ccc solid 1px;

    display: table-cell;
    vertical-align: top;
    max-height: 600px;
    overflow: hidden;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-width: 220px;
    -moz-column-width: 220px;
    column-width: 220px;
    -moz-column-fill: auto;
    column-fill:auto;
    min-width: 220px;

}
.menu .sub-1 li .sub-new ul.banner li a{padding:0; padding-left: 5px;}
.menu .sub-new ul.banner.outboard{overflow: visible; min-height: 600px;}
.menu .sub-new ul.banner.outboard img{position: absolute; z-index: 9;}
.menu .sub-new ul:first-child{border-left: none;}
.menu .sub-new ul li{display: block; list-style: none; font-size: 14px; page-break-inside: avoid;	break-inside: avoid; padding-bottom: 10px;}
.menu .sub-new ul li img{display: block; margin: 10px auto; max-width: 120px; max-height: 80px; filter: grayscale(100%); transition-duration: 0.3s;}
.menu .sub-new ul li a:hover img{filter: grayscale(0%);}
.menu .sub-1 li .sub-new ul li a{display: block; color: #777; text-decoration: none; padding: 5px 5px 5px 20px; background: none;}

.menu .sub-1 li .sub-new ul li a.title{font-weight: bold;  padding-top: 0;}
.menu .sub-1 li .sub-new ul li a:hover{color: #000;}
.menu .sub-1 li .sub-new ul.banner li img{max-height: none; max-width: 100%; filter: grayscale(0%); margin: 0;}

.menu .action_icon{position: absolute; right: 10px; height: 25px;}

@media screen and (max-width: 1800px) {
    .menu .sub-new ul:nth-child(7){display: none !important; }
}
@media screen and (max-width: 1800px) {
    .menu .sub-new ul:nth-child(6){display: none !important; }
}
@media screen and (max-width: 1500px) {
    .menu .sub-new ul:nth-child(5){display: none !important; }
}
@media screen and (max-width: 1300px) {
    .menu .sub-new ul:nth-child(4){display: none !important; }
}
@media screen and (max-width: 1050px) {
    .menu .sub-new ul:nth-child(3){display: none !important; }
}
/* Новое меню */


.menu .action_icon{
    position: absolute;
    right: 10px;
    height: 25px;
    top: 50%;
    transform: translate(0,-50%);
}
.menu .sub-new{
    box-sizing: border-box;
    background:#FFF;
    position: absolute;
    border-top:none;
    left:230px;
    top:0px;
    bottom: -1px;
    padding: 10px 0 10px 0;
    border:#c6c6c6 solid 1px;
    border-top: none;
    width: auto;
    flex-direction: row;
    display: none;
}
.menu .sub-1 li:hover .sub-new{
    display:flex;
    
}
.menu .sub-new ul.column:not(:first-child){
    border-left:#ccc solid 1px;
}
.menu .sub-new ul.column {
    overflow: hidden;
    -webkit-column-width: 230px; /* Chrome, Safari, Opera */
    -moz-column-width: 230px; /* Firefox */
    column-width: 230px;
    -moz-column-fill: auto;
    column-fill:auto;
    min-width: 230px;
}
.menu .sub-new  ul.column li{
    display: block;
    list-style: none;
    font-size: 14px !important;
    page-break-inside: avoid;
    break-inside: avoid;
    height: auto;
    overflow: visible;
}

.menu .sub-new ul.column.banner{overflow: visible;}
.menu .sub-new ul.column.banner li{padding: 0 8px;}
.menu .sub-new ul.column.banner a{background: none; display: block; position: relative; padding: 0;}
.menu .sub-new ul.column.banner img{width: 100%; height: auto; margin: 0; display: block;}

.menu .sub-new ul.column.banner img.outboard{position: absolute; z-index: 9; left: 0; top: 0; width: auto; height: 100%;}

.menu .sub-new ul.column li{display: block; list-style: none; font-size: 14px; page-break-inside: avoid; break-inside: avoid;}
.menu .sub-new ul.column:not(.banner) li img{display: block; margin: 10px auto; max-width: 120px; max-height: 80px; filter: grayscale(100%); transition-duration: 0.3s;}
.menu .sub-new ul.column:not(.banner) li img:hover{filter: grayscale(0%);}
.menu .sub-new ul.column li a{display: block; color: #777 !important; text-decoration: none; background: none;}
.menu .sub-new ul.column li a.title{font-weight: bold !important;}
.menu .sub-new ul.column li a:hover{color: #101112 !important;}

@media screen and (max-width: 1800px) {
    .menu .sub-new ul.column:nth-child(7){display: none !important; }
}
@media screen and (max-width: 1800px) {
    .menu .sub-new ul.column:nth-child(6){display: none !important; }
}
@media screen and (max-width: 1500px) {
    .menu .sub-new ul.column:nth-child(5){display: none !important; }
}
@media screen and (max-width: 1300px) {
    .menu .sub-new ul.column:nth-child(4){display: none !important; }
}
@media screen and (max-width: 1050px) {
    .menu .sub-new ul.column:nth-child(3){display: none !important; }
}


header .search .sAll .sInput input{padding-right: 10px;}
input[type="search"] {
    -webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
.grid{margin-left: auto; margin-right: auto; margin-bottom: 10px;}
.grid:after {content: ""; display: table; clear: both;}
.grid .col{display: inline-block; float: left;  -webkit-box-sizing: border-box;   box-sizing: border-box;   padding: 0 .75rem;   min-height: 1px; }
.col.s12{width: 100%;    margin-left: auto;    left: auto;    right: auto;}
.grid .col.s6{width: 50%;    margin-left: auto;    left: auto;    right: auto;}
.form-new{position: relative; padding: 10px 0}
.form-new input{
	width: 100%;
    border-radius: 5px;
    border: 1px solid rgba(0,0,0,.5);
    font-size: 13px;
    line-height: 14px;
    padding: 14px;
    outline: 0;
    background: #fff;
}
.form-new input, .form-new select{
	width: 100%;
    border-radius: 5px;
    border: 1px solid rgba(0,0,0,.5);
    font-size: 13px;
    line-height: 14px;
    padding: 14px;
    outline: 0;
    background: #fff;
}
.form-new select	{
	-webkit-appearance: none;
    -moz-appearance: none;
    padding-right: 40px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgAgMAAACf9p+rAAAACVBMVEUAAAAyMjIzMzMmhMtFAAAAAnRSTlMAgJsrThgAAABcSURBVHgBYhgxYBSMglGQtQoKVqJJSMEklqBJsAHam0MjAEAggGHHZozIyKgYOgDmaytinGcsYxdBBAkBCQEJAQkBQQRBBEEUQQRBBEEEQRRBBEEEQQRBTNP0vwu7s0JpRPs+OAAAAABJRU5ErkJggg==) right 10px center/20px no-repeat;
}
.form-new label{
	display: inline-block;
    position: absolute;
    top: 0px;
    left: 13px;
    background: #fff;
    padding: 0 5px;
    font-size: 12px;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.form-new span{font-size: 10px;    color: #444;    margin-top: 2px;}
.p20{padding:20px !important;}

.banner_slick a{
    display: block;
    overflow: hidden;
    border-radius: 10px;
    transition-duration: .3s;
}
.banner_slick a img{
    transition-duration: .3s;
}
.banner_slick a:hover img{
    opacity: 0.8;
    background: #fff;
}
.m-r-16{
	margin-right: 16px;
}
.notify-bell{
	background: #FFBD00;
	border-radius: 24px;
	width: 24px;
	height: 24px;
	position: absolute;
	z-index: 2;
	bottom: -4px;
	right: -4px;
	display: flex;
	align-items:center;
	justify-content:center;
}
.notify-bell img{
	width: 16px;
}
.notify-bell.active img{
	animation-name: ring;
	animation-duration: 3s;
	animation-iteration-count: infinite;
}
@keyframes ring {
	0.00% {transform: rotate(0)}
	38% {transform: rotate(0)}
	40%{transform: rotate(-20deg)}
	45%{transform: rotate(20deg)}
	50%{transform: rotate(-20deg)}
	55%{transform: rotate(20deg)}
	60%{transform: rotate(-20deg)}
	65%{transform: rotate(20deg)}
	68%{transform: rotate(0)}
	100% {transform: rotate(0)}
}

/*New product*/
.new-product{
    position: relative;
}
.new-product .product{
    padding: 0px;
    box-sizing: border-box;
    background: #fff;
    border-radius: 8px;
    display: flex;
    width: 100%;
    height: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    position: relative;
    justify-self: stretch;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    -webkit-user-drag: none;
    border: solid 1px #eee;
    overflow: hidden;
}
.new-product .product:hover{
    box-shadow: 0 0 8px rgba(0, 0, 0, .16);
}
.new-product .product .product-image{
    display: block;
    width: 100%;
    padding-top: 100%;
    background-color: #fff;
    position: relative;
}
.new-product .product .product-image img{
    display: block;
    width: 100%;
}
.new-product .product .product-image img.image{
    width: auto;
    max-height: 100%;
    max-width: 100%;
}
.new-product .product .product-image .img-to-scroll{
    top: 0;
    bottom: 0;
    position: absolute;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.new-product .product .product-image .img-to-scroll img.image{
    display: none
}
.new-product .product .product-image .img-to-scroll img.image:first-child{
    display: block;
}
.new-product .product .product-data{
    padding: 8px;
    box-sizing: border-box;
    width: 100%;
    flex: 1 0 auto;
    flex-direction: column;
    align-items: flex-start;
    display: flex;
    gap: 8px;
    position: relative;
    z-index: 2;
    background: #fff;
}
.new-product .product .product-data .reviews{
    width: 100%;
    font-size: 0;
    padding: 0;
    display: flex;
    flex-direction: row;
    gap: 4px;
}
.new-product .product .product-data .reviews img{
    display: inline-block;
    vertical-align: middle;
}
.new-product .product .product-data .reviews .round{
    display: inline-block;
    vertical-align: middle;
    color: #101112;
    font-size: 12px;
    font-weight: 500;
}
.new-product .product .product-data .reviews span{
    display: inline-block;
    vertical-align: middle;
    color: #717171;
    font-size: 12px;
    font-weight: 300;
    text-decoration: none;
    padding-left: 4px;
}
.new-product .product .title{
    font-weight: 500;
    color: #101112;
    text-decoration: none;
    font-size: 14px;
    line-height: 120%;
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}
.new-product .product .title:hover{
    color: #101112;
}
.new-product .product .description{
    width: 100%;
    color: #717171;
    font-weight: 300;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}
.new-product .product .description span:not(:last-child)::after{
    content: ', ';
}
.new-product .product .price{
    font-size: 16px;
    color: #101112;
    font-weight: 700;
    width: 100%;
    margin-bottom: 0;
    display: flex;
    flex-direction: row;
    gap: 4px;
    align-items: center;
	flex-wrap: wrap;
}
.new-product .product .price span{
    display: block;
    white-space: nowrap;
}
.new-product .product .price .old{
    display: block;
    font-size: 12px;
    font-weight: 300;
    color: #717171;
    position: relative;
}
.new-product .product .price .old::before{
    content: "";
    position: absolute;
    top: 8px;
    width: 100%;
    height: 1px;
    display: block;
    background: #717171;
    transform: rotate(-5deg);
}
.new-product .product .delivery{
    text-align: right;
    flex: 1;
    font-size: 12px;
    line-height: 20px;
    font-weight: 300;
    color: #717171;
    white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.new-product .product .bottom{
    width: 100%;
    margin-top: auto;
    display: flex;
    flex-direction: column;
    flex: 0 0 auto;
    gap: 8px;
}
.new-product .product .top{
    flex: 0 0 auto;
    width: 100%;
    overflow: hidden;
    border-radius: 8px 8px 0 0;
}
.new-product .product .produce-label{
    font-size: 12px;
    display: inline-block;
    margin-right: 4px;
    margin-top: 4px;
    padding: 2px 8px;
    background: #717171;
    color: #fff;
    border-radius: 4px;
    font-weight: 700;

}
.new-product .product .produce-labels{
    position: absolute;
    z-index: 3;
    left: 8px;
    bottom: 0;
}
.new-product .product .produce-label.green{background: #739C12}
.new-product .product .produce-label.red{background: #D93E5C}
.new-product .product .produce-label.yellow{background: #0A79D6}

.new-product .product .bottom-btn{
    position: absolute;
    left: 0;
    width: 100%;
    top: 100%;
    box-sizing: border-box;
    padding: 0 8px 8px 8px;
    background: #fff;
    border-radius: 0 0 8px 8px;
    box-shadow: 0 0 8px rgba(0, 0, 0, .16);
    z-index: 3;
    display: none;
}
.new-product .product .bottom-btn::after{
    content: '';
    display: block;
    position: absolute;
    top: -5px;
    height: 5px;
    left: 0;
    right: 0px;
    background: #fff;
    width: 100%;
}
.new-product .product:hover {
    border-radius: 8px 8px 0 0;
    z-index: 9;
    overflow: visible;
}
.new-product .product:hover .bottom-btn{
    display: block;
}
.new-product .product .product-data .noavailable{
    color: #999;
    font-weight: 300;
}
.new-product .product .btn-add{
    background-color: #ffbd00;
    border:0;
    color: rgba(0,0,0,.7);
    font-size: 14px;
    text-decoration: none;
    text-align: center;
    display: block;
    padding: 8px;
    cursor: pointer;
    border-radius: 8px;
    outline:none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    text-align: center;
    box-sizing: border-box;
}
.new-product .product .btn-add.blue{
    background-color: #0A78D6;
    color: #fff;
}
.new-product .product .img-scrolling{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 3;
    display: flex;
}
.new-product .product .hover-to-scroll{
    height: 100%;
    flex: 1 1 auto;
}
.new-product .product .scroll-dots{
    height: 6px;
    width: 100%;
    align-items: center;
    justify-content: center;
    display: flex;
    position: absolute;
    bottom: 4px;
    left: 0;
    z-index: 2;
}
.new-product .product .scroll-dots span{
    border-radius: 100%;
    background: #d6dbe0;
    width: 6px;
    height: 6px;
    border-radius: 6px;
    margin-left: 2px;
}
.new-product .product .scroll-dots span:first-child{
    margin-left: 0;
}
.new-product .product .scroll-dots span.active{
    background: #0A78D6;
}
.new-product input[name="favorite"] + label{
    right: 8px;
    top: 8px;
}
.new-product .product .favorite-selector{
    left: 16px;
    top: 16px;
}

.new-product .product .related-products{
    width: 100%;
    display: flex;
    flex-direction: row;
    gap: 8px;
    max-width: 100%;
}
.new-product .product .related-products .releted-product{
    overflow: hidden;
    border-radius: 2px;
    display: flex;
    border: solid 1px #ccc;
    position: relative;
    width: 40px;
    height: 40px;
    min-width: 40px;
    min-height: 40px;
    justify-content: center;
    align-items: center;
}
.new-product .product .related-products .overflow{
    display: flex;
    flex-direction: row;
    gap: 4px;
    flex: 1;
    overflow: hidden;
    height: 42px;
    flex-wrap: wrap;
}
.new-product .product .related-products .releted-product-img{
    display: block;
    max-height: 100%;
    max-width: 100%;
}
.new-product .product .related-products .overflow::-webkit-scrollbar {
    display: none;
}
.new-product .product .related-products .related-products-more::before{
    content: '+';
}
.new-product .product .related-products .related-products-more{
    border-radius: 2px;
    display: flex;
    border: solid 1px #ccc;
    position: relative;
    width: 40px;
    height: 40px;
    justify-content: center;
    align-items: center;
    color: #717171 !important;
    opacity: 0;
}
.new-product.horizontal{
    flex: initial;
}
.new-product.horizontal .product{
    flex-direction: row;
}
.new-product.horizontal .product .top{
    width: auto;
    max-width: 40%;
    min-width: 200px;
}
.new-product.horizontal .product .product-data{
    width: auto;
    flex: 1;
}
.new-product.horizontal .product:hover{
    border-radius: 8px;
}
.new-product.horizontal .product .produce-labels{
    bottom: 8px;
}
.one-line-grid{
    display: grid;
    grid-gap: 8px;
    grid-template-columns: repeat(6, 1fr);
    
}
.good-grid{
    display: grid;
    grid-gap: 8px;
    grid-template-columns: repeat(6, 1fr);
}
@media only screen and (max-width: 1700px) {
	.one-line-grid, .good-grid{grid-template-columns: repeat(5, 1fr);}
	.one-line-grid .new-product:nth-child(6){display: none;}
    .recommended-grid .new-product:nth-child(15){
        display: none;
    }
    .recommended-grid .new-product:nth-child(16) ~ .new-product{
        display: none;
    }
    
    .recommended-grid.browsing-history-recommendation .new-product:nth-child(15){
        display: block;
    }
    .recommended-grid.browsing-history-recommendation .new-product:nth-child(16) ~ .new-product{
        display: block;
    }
    
    .recommended-grid.browsing-history-recommendation .new-product:nth-child(20){
        display: none;
    }
    .recommended-grid.browsing-history-recommendation .new-product:nth-child(20) ~ .new-product{
        display: none;
    }
}
@media only screen and (max-width: 1500px) {
    .one-line-grid, .good-grid{grid-template-columns: repeat(4, 1fr);}
	.one-line-grid .new-product:nth-child(5){display: none;}
    .recommended-grid .new-product:nth-child(13){
        display: none;
    }
    .recommended-grid .new-product:nth-child(13) ~ .new-product{
        display: none;
    }
}
@media only screen and (max-width: 1200px) {
    .one-line-grid, .good-grid{grid-template-columns: repeat(3, 1fr);}
	.one-line-grid .new-product:nth-child(4){display: none;}
    .recommended-grid .new-product:nth-child(10){
        display: none;
    }
    .recommended-grid .new-product:nth-child(10) ~ .new-product{
        display: none;
    }

    .recommended-grid.browsing-history-recommendation .new-product:nth-child(10){
        display: block;
    }
    .recommended-grid.browsing-history-recommendation .new-product:nth-child(10) ~ .new-product{
        display: block;
    }
    
    .recommended-grid.browsing-history-recommendation .new-product:nth-child(12){
        display: none;
    }
    .recommended-grid.browsing-history-recommendation .new-product:nth-child(12) ~ .new-product{
        display: none;
    }
}

/* Шапка поставщика */
.supplier-info{
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: center;
    padding-bottom: 16px;
}
.supplier-info .suplier-logo{
    display: flex;
    justify-content: center;
    align-items: center;
    background: #F3F3F3;
    border-radius: 16px;
    overflow: hidden;
    font-size: 24px;
    line-height: 32px;
    font-weight: bold;
    overflow: hidden;
    width: 72px;
    height: 72px;
}
.supplier-info .suplier-logo img{
    display: block;
    max-width: 100%;
    max-height: 100%;
}
.supplier-info .supplier-details-wrapper{
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.supplier-info .supplier-name{
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
    flex: 1;
}
.supplier-info .supplier-name div{
    font-size: 24px;
    line-height: 32px;
    font-weight: bold;
}

.supplier-info .supplier-name .info{
    background: #F3F3F3;
    justify-content: center; /* Центрирует содержимое по горизонтали */
    align-items: center; /* Центрирует содержимое по вертикали */
    border-radius: 8px;
    overflow: hidden;
    padding: 4px;
    cursor: pointer;
    display: block;
    transition-duration: .3s;
}

.supplier-info .supplier-name .info:hover{
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
}

.supplier-info .supplier-name .info img{
    display: block;
    width: 16px;
    height: 16px;
}

.supplier-info .supplier-name h1 {
    margin: 0;
}

.supplier-info .supplier-options{
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: center;
    flex: 1;
}
input.add-info{
    display: none;
}
.supplier-info div.add-info{
    color: #666;
    font-size: 13px;
    max-width: 960px;
    display: none;
}
input.add-info:checked + .supplier-info{
    align-items: start;
}
input.add-info:checked + .supplier-info div.add-info{
    display: block;
}
.supplier-info label.supplier-option{
    color: #0A78D6;
    cursor: pointer;
}
.supplier-info label.supplier-option:hover{
    color: #ffbd00
}
.supplier-info label.supplier-option span:first-child{
    display: block;
}
.supplier-info label.supplier-option span:last-child{
    display: none;
}

input.add-info:checked + .supplier-info label.supplier-option span:first-child{
    display: none;
}
input.add-info:checked + .supplier-info label.supplier-option span:last-child{
    display: block;
}
.supplier-info .supplier-option{
    display: flex;
    flex-direction: row;
    gap: 4px;
    justify-content: center;
    font-size: 14px;
    line-height: 16px;
}
.supplier-info .supplier-option .text-orange{
    color: #EE5B29;
}
.supplier-info .supplier-options .supplier-option:not(:last-child)::after{
    content: '';
    display: block;
    width: 1px;
    height: 16px;
    border-radius: 1px;
    background: #D9D9D9;
    margin-left: 16px;
}
.supplier-info .supplier-option img{
    display: block;
    width: 16px;
    height: 16px;
}
.supplier-info .text-green{
    color: #739C12;
}
.supplier-info .text-red{
    color: #D93E5C;
}
.supplier-info .text-ornge{
    color: #FFBD00;
}
.supplier-info-modal-body{
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.supplier-info-modal-body .supplier-abbout{
    font-size: 14px;
    line-height: 18px;
    color: #717171;
    white-space: normal;
    word-wrap: break-word;
    hyphens: auto;
    overflow-wrap: break-word;
}
.supplier-info-modal-body .supplier-legal-name{
    font-size: 16px;
    line-height: 22px;
    color: #717171;
}
.supplier-info-modal-body .supplier-info-modal-body-options{
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.supplier-info-modal-body .supplier-info-modal-body-options .supplier-option{
    display: flex;
    flex-direction: row;
    background: #F3F3F3;
    padding: 8px;
    gap: 16px;
    font-size: 16px;
    align-items: center;
    border-radius: 8px;
}
.supplier-info-modal-body .supplier-info-modal-body-options img{
    display: block;
    width: 24px;
}
.supplier-info-modal-body .supplier-info-modal-body-options div{
    flex: 1;
}

header .hover-effect:hover ~ .bg-black{
    height: calc(100vh - 75px);
}
.wrapper{
    -webkit-flex-grow:1;
    flex-grow:1;
    overflow: hidden;
    max-width: 1920px;
    margin: 0 auto;
    width: 100%;
}
.header-outer{
    background-color: #0a78d6;
    box-shadow: rgba(0, 0, 0, 0.5) 0 0 5px;
    position: sticky;
    z-index: 99;
    top: 0;
    transform: translateY(0);
    transition: transform 0.1s ease-out;
    will-change: transform;
}
header{
    box-shadow: none;
    background-color: none;
    max-width: 1920px;
    margin: 0 auto;
}
.krohi{
    max-width: 1920px;
    margin: 0 auto;
    width: 100%;
    box-sizing: border-box;
}
.menu:hover .category-list{
    display: block;
    width: calc(100vw - 32px);
    max-width: 1920px;
    overflow-y: auto !important;
}
.category-list img{
    border: none !important;
}
.menu .category-list.active {
    display: block;
    overflow: visible;
}
.category-list{
    position: absolute;
    left: 0;
    display: none;
    overflow-y: auto;
    top: 75px;
    overflow: hidden;
    max-height: calc(100vh - 75px);
    width: 230px;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.category-list::-webkit-scrollbar {
    display: none;
}
.menu:hover .category-list .sub-1, .menu .category-list.active .sub-1{
    width: auto;
    height: auto;
    overflow: visible;
    color: #0A78D6;
    border: #dfdfdf solid 1px;
    border-top: none;
    left: 0;
    top: 0;
    position: relative;
    width: 230px;
    z-index: 6;
    background: #FFF;
    padding-top: 10px;
    padding-bottom: 10px;
    cursor: default;
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url('./fonts/Roboto-Light.woff') format('woff');
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url('./fonts/Roboto.woff') format('woff');
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url('./fonts/Roboto-Bold.woff') format('woff');
}

@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url('./fonts/Roboto-Condensed.woff') format('woff');
}

@font-face {
  font-family: 'Russo One';
  font-style: normal;
  font-weight: 400;
  src: local('Russo One'), local('RussoOne-Regular'), url('./fonts/Russo-One.woff') format('woff');
}
/*!
 * Cropper.js v1.0.0-beta.1
 * https://github.com/fengyuanchen/cropperjs
 *
 * Copyright (c) 2017 Fengyuan Chen
 * Released under the MIT license
 *
 * Date: 2017-01-21T12:28:26.786Z
 */

.cropper-container {
    font-size: 0;
    line-height: 0;

    position: relative;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    direction: ltr;
    -ms-touch-action: none;
    touch-action: none
}

.cropper-container img {
    /* Avoid margin top issue (Occur only when margin-top <= -height) */
    display: block;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 0 !important;
    max-height: none !important;
    width: 100%;
    height: 100%;
    image-orientation: 0.00deg
}

.cropper-wrap-box,
.cropper-canvas,
.cropper-drag-box,
.cropper-crop-box,
.cropper-modal {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.cropper-wrap-box {
    overflow: hidden;
}

.cropper-drag-box {
    opacity: 0;
    background-color: #fff;
}

.cropper-modal {
    opacity: .5;
    background-color: #000;
}

.cropper-view-box {
    display: block;
    overflow: hidden;

    width: 100%;
    height: 100%;

    outline: 1px solid #39f;
    outline-color: rgba(51, 153, 255, 0.75);
}

.cropper-dashed {
    position: absolute;

    display: block;

    opacity: .5;
    border: 0 dashed #eee
}

.cropper-dashed.dashed-h {
    top: 33.33333%;
    left: 0;
    width: 100%;
    height: 33.33333%;
    border-top-width: 1px;
    border-bottom-width: 1px
}

.cropper-dashed.dashed-v {
    top: 0;
    left: 33.33333%;
    width: 33.33333%;
    height: 100%;
    border-right-width: 1px;
    border-left-width: 1px
}

.cropper-center {
    position: absolute;
    top: 50%;
    left: 50%;

    display: block;

    width: 0;
    height: 0;

    opacity: .75
}

.cropper-center:before,
.cropper-center:after {
    position: absolute;
    display: block;
    content: ' ';
    background-color: #eee
}

.cropper-center:before {
    top: 0;
    left: -3px;
    width: 7px;
    height: 1px
}

.cropper-center:after {
    top: -3px;
    left: 0;
    width: 1px;
    height: 7px
}

.cropper-face,
.cropper-line,
.cropper-point {
    position: absolute;

    display: block;

    width: 100%;
    height: 100%;

    opacity: .1;
}

.cropper-face {
    top: 0;
    left: 0;

    background-color: #fff;
}

.cropper-line {
    background-color: #39f
}

.cropper-line.line-e {
    top: 0;
    right: -3px;
    width: 5px;
    cursor: e-resize
}

.cropper-line.line-n {
    top: -3px;
    left: 0;
    height: 5px;
    cursor: n-resize
}

.cropper-line.line-w {
    top: 0;
    left: -3px;
    width: 5px;
    cursor: w-resize
}

.cropper-line.line-s {
    bottom: -3px;
    left: 0;
    height: 5px;
    cursor: s-resize
}

.cropper-point {
    width: 5px;
    height: 5px;

    opacity: .75;
    background-color: #39f
}

.cropper-point.point-e {
    top: 50%;
    right: -3px;
    margin-top: -3px;
    cursor: e-resize
}

.cropper-point.point-n {
    top: -3px;
    left: 50%;
    margin-left: -3px;
    cursor: n-resize
}

.cropper-point.point-w {
    top: 50%;
    left: -3px;
    margin-top: -3px;
    cursor: w-resize
}

.cropper-point.point-s {
    bottom: -3px;
    left: 50%;
    margin-left: -3px;
    cursor: s-resize
}

.cropper-point.point-ne {
    top: -3px;
    right: -3px;
    cursor: ne-resize
}

.cropper-point.point-nw {
    top: -3px;
    left: -3px;
    cursor: nw-resize
}

.cropper-point.point-sw {
    bottom: -3px;
    left: -3px;
    cursor: sw-resize
}

.cropper-point.point-se {
    right: -3px;
    bottom: -3px;
    width: 20px;
    height: 20px;
    cursor: se-resize;
    opacity: 1
}

@media (min-width: 768px) {

    .cropper-point.point-se {
        width: 15px;
        height: 15px
    }
}

@media (min-width: 992px) {

    .cropper-point.point-se {
        width: 10px;
        height: 10px
    }
}

@media (min-width: 1200px) {

    .cropper-point.point-se {
        width: 5px;
        height: 5px;
        opacity: .75
    }
}

.cropper-point.point-se:before {
    position: absolute;
    right: -50%;
    bottom: -50%;
    display: block;
    width: 200%;
    height: 200%;
    content: ' ';
    opacity: 0;
    background-color: #39f
}

.cropper-invisible {
    opacity: 0;
}

.cropper-bg {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC');
}

.cropper-hide {
    position: absolute;

    display: block;

    width: 0;
    height: 0;
}

.cropper-hidden {
    display: none !important;
}

.cropper-move {
    cursor: move;
}

.cropper-crop {
    cursor: crosshair;
}

.cropper-disabled .cropper-drag-box,
.cropper-disabled .cropper-face,
.cropper-disabled .cropper-line,
.cropper-disabled .cropper-point {
    cursor: not-allowed;
}