/* Start:/_html/css/main.css?170929212152574*/
/*Inline styles*/
html{ line-height:1.15; -webkit-text-size-adjust:100%}
body{ margin:0}
main{ display:block}
h1{ font-size:2em; margin:0.67em 0}
hr{ box-sizing:content-box; height:0; overflow:visible}
pre{ font-family:monospace,monospace; font-size:1em}
a{ background-color:transparent}
abbr[title]{ border-bottom:none; text-decoration:underline; text-decoration:underline dotted}
b,
strong{ font-weight:bolder}
code,
kbd,
samp{ font-family:monospace,monospace; font-size:1em}
small{ font-size:80%}
sub,
sup{ font-size:75%; line-height:0; position:relative; vertical-align:baseline}
sub{ bottom:-0.25em}
sup{ top:-0.5em}
img{ border-style:none}
button,
input,
optgroup,
select,
textarea{ font-family:inherit; font-size:100%; line-height:1.15; margin:0}
button,
input{ overflow:visible}
button,
select{ text-transform:none}
button,
[type="button"],
[type="reset"],
[type="submit"]{ -webkit-appearance:button}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner{ border-style:none; padding:0}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring{ outline:1px dotted ButtonText}
fieldset{ padding:0.35em 0.75em 0.625em}
legend{ box-sizing:border-box; color:inherit; display:table; max-width:100%; padding:0; white-space:normal}
progress{ vertical-align:baseline}
textarea{ overflow:auto}
[type="checkbox"],
[type="radio"]{ box-sizing:border-box; padding:0}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button{ height:auto}
[type="search"]{ -webkit-appearance:textfield; outline-offset:-2px}
[type="search"]::-webkit-search-decoration{ -webkit-appearance:none}
::-webkit-file-upload-button{ -webkit-appearance:button; font:inherit}
details{ display:block}
summary{ display:list-item}
template{ display:none}
[hidden]{ display:none}
*{box-sizing:border-box}
body{font-size:13px;font-family:'Montserrat',sans-serif;line-height:1.4;font-weight:500}
img{vertical-align:middle;max-width:100%}
a{color:#116fc7;text-decoration:none; transition: color 0.15s;}
a:hover {color: #4392db;}
h1, h2, h3, h4, h5, h6 {font-weight: 500;}
.container{width:1070px;padding:0 20px;margin:auto}
.aligncenter{text-align:center}
:focus::-webkit-input-placeholder{color:transparent}
:focus::-moz-placeholder{color:transparent}
:focus:-moz-placeholder{color:transparent}
:focus:-ms-input-placeholder{color:transparent}
::-webkit-input-placeholder{color:#8c8c8c}
::-moz-placeholder{color:#8c8c8c}
:-moz-placeholder{color:#8c8c8c}
:-ms-input-placeholder{color:#8c8c8c}
.top_banner {display: block;text-align: center;}
.top_banner img {margin: auto;}
.mobile_toggle_search {display: none; border-bottom: 1px solid #EFEFEF;}
.mobile_toggle_search .site_search_btn {width: 52px;}
.mobile_toggle_search input {border: none;}
.top_line_wrapper{border-bottom:3px solid #EFEFEF}
.top_line{padding:18px 0;display:flex;justify-content:space-between;align-items:center}
.top_line .left_box{display:flex;align-items:center}
.top_line .left_box .logo{margin-right:30px}
.top_line .left_box *{outline:none!important}
.top_line select{padding:5px 20px 5px 10px;border:1px solid #c3c3c3;border-radius:5px}
.top_line .dd .ddTitle{background:none!important;box-sizing:initial;cursor:pointer}
.top_line .dd .ddChild li{cursor:pointer}
.top_line .dd .ddChild{box-shadow:none!important;border:1px solid #c3c3c3!important;border-top:none!important;box-sizing:initial}
.borderRadiusTp{border-bottom:1px solid transparent!important}
.top_line .dd .divider{display:none}
.top_line .dd .ddTitle .ddTitleText{padding:5px 20px 5px 10px}
.top_line .dd .ddArrow:hover{background-position:0 0!important}
.top_line .dd .ddTitle .ddTitleText img{padding-right:7px!important;width:24px;height:16px;}
.top_line .dd .ddTitle .ddTitleText .ddlabel{vertical-align:middle;line-height:1}
.top_menu{display:flex;list-style-type:none;padding-left:0;margin:0;align-items:center}
.top_menu > li > a{color:#1d1d1d;text-decoration:none;padding:20px 21px;transition:background .1s, opacity 0.15s;display:block}
.top_menu > li > a:hover {opacity: 0.7;}
/*.top_menu > li:last-child > a{padding-right:0}*/
.top_menu > li:last-child > a{margin-right: -21px;}
.top_menu > li{transition:background .2s}
.top_menu > li.parent_item:hover>a{background:#F6F6F6}
.top_menu > li.parent_item > a:hover {opacity: 1;}
.top_menu ul{list-style-type:none;margin:0;padding:0}
.top_menu a{text-decoration:none;color:#1d1d1d}
.top_menu .parent_item .parent_arrow{display:inline-block;width:6px;height:6px;border-right:2px solid #FD6B41;border-bottom:2px solid #FD6B41;transform:rotate(45deg);vertical-align:middle;margin-left:12px;position:relative;top:-2px}
.top_menu .category_block{display:flex;width:580px;left:-100px}
.parent_item{position:relative}
.parent_item .child_item{background:#fff;opacity:0;min-width:5rem;position:absolute;transition:all .5s ease;left:0;display:none;-webkit-box-shadow:0 2px 10px 0 rgba(0,0,0,0.15);-moz-box-shadow:0 2px 10px 0 rgba(0,0,0,0.15);box-shadow:0 2px 10px 0 rgba(0,0,0,0.15);opacity:1;padding:16px;z-index:20}
/*.parent_item:hover .shops_menu_wrapper{display:block;opacity:1;width:669px;left:0}*/
.parent_item:hover .shops_menu_wrapper{display:block;opacity:1;width:669px;left:auto;right:0}
/*.parent_item:hover .category_block{display:flex;opacity:1;width:600px;left:-139px}*/
.parent_item:hover .category_block{display:flex;opacity:1;width:600px;left:auto;right:0}
.parent_item:last-child:hover .category_block{right:-21px}
.top_menu .logo_box{text-align:center}
.top_menu .brand{text-align:center;color:#656565;display:block;font-size:12px}
.brand_box .logo_box{border:1px solid #EAEAEA;background: #fff;display:flex;transition:border .2s;padding:9px 0;margin-bottom:6.9px;height:57px;position:relative;justify-content: center;align-items: center;}
.brand_box .logo_box img {
max-width: 100%;
max-height: 100%;
}
.brand_box:hover .brand{color:#000}
.brand_box:hover .logo_box{border:1px solid #000}
.shops_menu li{width:19%;margin-bottom:10px}
.shops_menu{display:flex;flex-wrap:wrap;justify-content:space-between}
.title_menu{color:#1d1d1d;margin:0 0 15px}
.brand_box .all_shops_btn{padding-right:30px;position:relative;text-align:left;padding-left:20px;font-weight:600}
.brand_box .all_shops_btn:after{content:"";display:block;width:6px;height:6px;border-top:2px solid #FF3A01;border-right:2px solid #FF3A01;transform:rotate(45deg);position:absolute;right:14px;top:25px;transition:right .2s}
.main_title{font-size:22px;color:#242424;margin-bottom:13px;font-weight: 500;}
.top_main{padding:25px 0}
.top_main_nohome{padding: 15px 0 30px;}
.site_search{font-size:16px;padding:14px 20px;border-radius:6px;width:100%;font-weight:500}
.site_search_wrapper{position:relative}
.site_search_wrapper input{outline:none}
.home_site_search .site_search{border:1px solid #6A7492}
.site_search_btn{text-indent:-9999px;background:none;border:none;background:url(/_html/css/../img/icons/search.png) center no-repeat;width:60px;height:48px;position:absolute;right:0;cursor:pointer;top:0;transition: opacity 0.15s;}
.site_search_btn:hover{opacity: 0.7;}
.top_main .category_wrapper{display:flex;justify-content:space-between;margin-top: 36px;}
.top_main .category_block{width:50%}
.top_main .shops_block{width:50%;display:flex;justify-content:space-between;align-items:flex-start}
.menu_icon{display:inline-block;vertical-align:middle;width:19px;height:19px;margin-top:-5px;margin-right:17px;opacity: 0.7; transition: opacity 0.15s;}
.menu_icon svg{max-width:19px;max-height:19px;}
.menu_icon svg path,.menu_icon svg polygon,.menu_icon svg line{fill:#4A4A4A}
.category_block{display:flex;justify-content:space-between}
.category_block > ul{width:48%}
.category_block a{text-decoration:none;font-size:12px;color:#116fc7;display:inline-block;padding:12px 0; transition: color 0.15s;}
.category_block a:hover {color: #4392db;}
.category_block a:hover .menu_icon {opacity: 1;}
.category_block ul{list-style-type:none;padding:0;margin:0}
.shops_block{display:flex}
.shops_block .shops_logo{width:48%;display:flex;flex-wrap:wrap;justify-content:space-between}
.shops_block .shops_logo .brand_box{width:48.7%;text-align:center;text-decoration:none}
.shops_block .shops_logo .brand_box .all_shops_btn{background:#535F81;color:#fff;padding-left:10px;padding-top:8px;transition: opacity 0.15s;}
.brand_box:hover .all_shops_btn {border: 1px solid #EAEAEA;}
.shops_block .shops_logo .brand_box .all_shops_btn:hover {opacity:0.7}
.shops_block .brand_box .all_shops_btn:after{border-top:2px solid #FFF;border-right:2px solid #FFF;right:24px;top:22px}
.shops_block .banner_promo{width:48%}
.shops_block .banner_promo img{width:100%;height:auto}
.coupon_count{display:inline-block;padding:2px 5px;color:#fff;background:red;position:absolute;top:-1px;right:-1px;border-radius:2px;font-size:11px;font-weight:600;min-width:22px;text-align:center;line-height:1}
.row {margin: 0 -15px; display: flex;}
.col-7 {padding: 0 15px;width: 74%;}
.col-3 {padding: 0 15px;width: 26%;}
.social_top_wrapper {display: flex;justify-content: space-between; align-items: center;}
.social_top_wrapper .right_box {text-align: right;}
.social_top_wrapper .right_box .title {margin-bottom: 10px;}
.social_icon_wrapper {display: none;}
.more_category_btn {list-style-type: none; padding: 0; display: flex; margin: 25px 0 0 0;flex-wrap: wrap}
.more_category_btn li {margin-right: 10px;margin-bottom: 10px;}
.more_category_btn li:last-child {margin-right: 0;}
.more_category_btn a {font-size: 14px;padding: 10px 46px 10px 16px; background: #fff; border: 1px solid #E8E8E8; border-bottom: 2px solid #E8E8E8; border-radius: 5px; display: block; position: relative; transition: background 0.15s, color 0.15s;}
.more_category_btn a:after{content: ""; display: block; position: absolute; width: 8px; height: 8px; border-top: 2px solid #FF4813; border-right: 2px solid #FF4813; transform: rotate(45deg); right: 18px; top: 14px;}
.more_category_btn a:hover {border: 1px solid #4c4c4c;border-bottom: 2px solid #4c4c4c;}
/*Normalize*/
/*Main*/
.clothes-icon {
background: url('/_html/css/../img/icons/menu/clothes.svg') center no-repeat;
}
.food-icon {
background: url('/_html/css/../img/icons/menu/food.svg') center no-repeat;
}
.beauty-icon {
background: url('/_html/css/../img/icons/menu/beauty.svg') center no-repeat;
}
.children-icon {
background: url('/_html/css/../img/icons/menu/children.svg') center no-repeat;
}
.appliances-icon {
background: url('/_html/css/../img/icons/menu/appliances.svg') center no-repeat;
}
.decoration-icon {
background: url('/_html/css/../img/icons/menu/decoration.svg') center no-repeat;
}
.travels-icon {
background: url('/_html/css/../img/icons/menu/travels.svg') center no-repeat;
}
.flowers-icon {
background: url('/_html/css/../img/icons/menu/flowers.svg') center no-repeat;
}
.hypermarkets-icon {
background: url('/_html/css/../img/icons/menu/hypermarkets.svg') center no-repeat;
}
.adults-icon {
background: url('/_html/css/../img/icons/menu/adults.svg') center no-repeat;
}
.zoo-icon {
background: url('/_html/css/../img/icons/menu/zoo.svg') center no-repeat;
}
.books-icon {
background: url('/_html/css/../img/icons/menu/books.svg') center no-repeat;
}
.internet-icon {
background: url('/_html/css/../img/icons/menu/internet.svg') center no-repeat;
}
.auto-icon {
background: url('/_html/css/../img/icons/menu/auto.svg') center no-repeat;
}
.bank-icon {
background: url('/_html/css/../img/icons/menu/bank.svg') center no-repeat;
}
.furniture-icon {
background: url('/_html/css/../img/icons/menu/furniture.svg') center no-repeat;
}
.dacha-icon {
background: url('/_html/css/../img/icons/menu/dacha.svg') center no-repeat;
}
.sport-icon {
background: url('/_html/css/../img/icons/menu/sport.svg') center no-repeat;
}
.training-icon {
background: url('/_html/css/../img/icons/menu/training.svg') center no-repeat;
}
.category_icon {
height: 90px;
width: 100px;
opacity: 0.2;
}
.category_icon-appliances {
background: url('/_html/css/../img/icons/menu/appliances.svg') center no-repeat;
}
.popular_shops {
margin: 0 -10px;
}
.popular_shops .slick-slide {
margin: 0 10px;
}
.all_shops_link {
margin: 20px 0 30px;
}
.all_shops_link a {
border-bottom: 1px dashed #116fc7;
transition: border 0.15s, color 0.15s;
}
.all_shops_link a:hover {
border-bottom: 1px dashed #4392db;
}
.popular_shops_logo_box {
height: 83px;
background: #fff;
display: flex;
align-items: center;
justify-content: center;
}
.popular_shops_logo_box img {
max-height: 26px;
}
.pagination_wrapper {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 50px;
}
.pagination_wrapper a {
color: #000;
}
.pagination_wrapper a:hover {
color: #6d6868;
}
.pagination {
display: flex;
align-items: center;
margin: 0;
padding: 0;
list-style-type: none;
}
.pagination li {
margin: 0 10px;
}
.pagination li a {
color: #000;
padding: 8px 10px;
transition: color 0.15s, background 0.15s;
font-size: 11px;
border-radius: 50%;
width: 30px;
height: 30px;
display: block;
text-align: center;
}
.pagination li a:hover {
color: #fff;
background: #535F81;
}
.pagination li span.active_page {
padding: 8px 10px;
color: #fff;
background: #535F81;
font-size: 11px;
border-radius: 50%;
width: 30px;
height: 30px;
display: block;
text-align: center;
}
.list_category_shop {
display: flex;
}
.list_category_shop ul {
list-style-type: none;
padding: 0;
margin: 0;
width: 16.666%;
}
.list_category_shop a {
display: block;
padding: 10px 0;
font-size: 12px;
}
.slider_item_wrapper {
position: relative;
transition: box-shadow 0.2s;
}
.slider_item_wrapper:hover {
-webkit-box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.15);
box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.15);
}
.slider_item_info {
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
width: 100%;
}
.slider_item_info .red_sticker {
top: 10px;
position: absolute;
left: 10px;
visibility: hidden;
}
.aside_wrapper .main_content {
width: 75%;
}
.aside_wrapper .aside_right {
width: 25%;
}
.info_wrapper {
padding: 28px 20px 20px;
position: absolute;
bottom: 0;
height: 105px;
background: rgba(0, 0, 0, 0.0);
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 1.0));
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 1.0));
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 1.0));
width: 100%;
display: flex;
color: #fff;
visibility: hidden;
}
.show_elemtn {
visibility: visible !important;
}
.info_wrapper .left_box {
margin-right: 23px;
}
.info_wrapper .logo_box {
display: flex;
width: 62px;
height: 57px;
justify-content: center;
align-items: center;
background: #fff;
}
.info_wrapper .logo_box img {
width: auto;
}
.info_wrapper .title {
font-size: 11px;
}
.info_wrapper .text {
font-size: 14px;
margin-top: 5px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
max-height: 40px;
overflow: hidden;
}
.gray_section {
background: #EFEFEF;
}
.small_gap {
padding: 33px 0;
}
.medium_gap {
padding: 44px 0;
}
.slider img {
width: 100%;
}
.slick-slider, .slick-slider * {
outline: none !important;
}
.slider .slick-slide {
margin: 0 10px;
}
.product_slider .slick-slide {
margin: 10px;
}
.slider {
margin:0 -10px;
}
.sort_btn_main {
margin: 47px 0 28px;
padding: 0;
display: flex;
list-style-type: none;
}
.sort_btn_main li {
padding: 5px 15px;
font-size: 12px;
cursor: pointer;
color: #535f81;
border: 1px solid #D0D2D9;
border-radius: 4px;
margin-right: 13px;
min-width: 110px;
text-align: center;
transition: all 0.15s;
}
.sort_btn_main li:last-child {
margin-right: 0;
}
.sort_btn_main li:hover {
color: #535f81;
background: #fff;
border: 1px solid #fff;
}
.sort_btn_main li.active {
color: #535f81;
background: #fff;
border: 1px solid #fff;
}
.sort_btn_white {
margin: 25px 0 5px;
padding: 0;
display: flex;
list-style-type: none;
}
.sort_btn_white li {
padding: 5px 15px;
font-size: 12px;
cursor: pointer;
color: #535f81;
border: 1px solid #D0D2D9;
border-radius: 4px;
margin-right: 13px;
min-width: 110px;
text-align: center;
transition: all 0.15s;
}
.sort_btn_white li:last-child {
margin-right: 0;
}
.sort_btn_white li:hover {
color: #535f81;
background: #EFEFEF;
border: 1px solid #EFEFEF;
}
.sort_btn_white li.active {
color: #535f81;
background: #EFEFEF;
border: 1px solid #fff;
}
.grid_cards {
display: flex;
flex-wrap: wrap;
margin: 0 -0.7%;
}
.grid_cards-3 {
margin: 0 -1.1666%;
}
.grid_cards .card {
width: 23.6%;
padding: 20px;
display: block;
text-decoration: none;
background: #fff;
transition: box-shadow 0.2s;
margin: 0.7%;
}
.grid_cards .card:hover {
-webkit-box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.12);
-moz-box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.12);
box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.12);
}
.grid_cards .card-3 {
width: 31%;
margin: 0 1.1666% 2.3%;
}
.grid_cards .red_card {
padding: 0 0;
}
.list_cards .card {
padding: 13px 26px 13px 15px;
display: block;
text-decoration: none;
background: #fff;
transition: box-shadow 0.2s;
margin-bottom: 15px;
}
.title_h2 {
margin: 45px 0 25px;
}
.title_h3 {
margin: 45px 0 25px;
font-size: 18px;
}
.category_row {margin: 0 -0.7em; display: flex; flex-wrap: wrap;}
.category_box {
width: 23.39%;
display: flex;
flex-wrap: wrap;
font-size: 12px;
background: #fff;
padding: 25px 10px;
text-align: center;
margin: 0.7em;
transition: box-shadow 0.2s;
align-content: baseline;
}
.category_box:hover {
-webkit-box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.12);
-moz-box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.12);
box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.12);
}
.category_box:hover .category_name {
opacity: 0.7;
}
.category_box span {
display: block;
width: 100%;
}
.category_box .category_icon {
width: 60px;
height: 55px;
line-height: 55px;
margin: auto;
}
.category_box .category_icon svg{
vertical-align: middle;
}
.category_box .category_icon svg path,.category_box .category_icon svg polygon,.category_box .category_icon svg line{fill:#4A4A4A}
.category_box .category_icon svg {
max-width: 100%;
max-height: 100%;
}
.category_box .amount_shops {
color: #868686;
margin: 20px 0 6px;
}
.category_box .category_name {
color: #116fc7;
transition: opacity 0.15s;
}
.shop_info_tabs {
margin-bottom: 35px;
}
.shop_info_tabs a {
color: #8e8e8e;
display: inline-block;
margin-right: 40px;
}
.shop_info_tabs a:last-child {
margin-right: 0;
}
.shop_info_tabs .active {
color: #242424;
}
.shop_info_tabs a:hover {
color: #242424;
}
.video_wrapper {
margin-bottom: 40px;
}
.info_text .text {
font-size: 12px;
line-height: 1.6;
color: #444444;
}
.info_text .text p {
margin: 25px 0;
}
.shop_right_info_icon {
width: 24px;
height: 20px;
margin-top: 4px;
opacity: 1;
}
.shop_right_info_category {
display: flex;
align-items: flex-start;
padding: 12px 0;
border-top: 1px solid rgba(223, 223, 223, 0.55);
/*border-bottom: 1px solid rgba(223, 223, 223, 0.55); */
font-size: 12px;
line-height: 1.3;
margin-top: 14px;
}
.shop_left_info_icon {
width: 23px;
height: 23px;
margin-top: 0;
}
.shop_right_info_logo_text {
font-size: 11px;
/*color: #929292;*/
color: #000;
font-weight: 400;
}
.shop_right_info_assessment {
padding-top: 8px;
margin: 0 0 20px;
border-top: 1px solid rgba(223, 223, 223, 0.55);
}
.assessment_number {
display: inline-block;
vertical-align: middle;
}
.assessment_rating {
display: inline-block;
vertical-align: middle;
margin-top: 4px;
margin-left: 20px;
}
.content_banner_wrapper {
text-align: center;
margin: 50px 0 40px;
}
.head_card {
margin-bottom: 18px;
}
.red_card .head_card {
padding: 20px 20px 13px;
background: #FF0000;
margin-bottom: 0;
}
.red_card .type_sticker {
font-size: 15px;
color: #fff;
font-weight: bold;
}
.red_card .card_footer {
background: #FF0000;
padding: 16px 20px 20px;
}
.red_card .card_title {
color: #fff;
margin-top: 0;
}
.red_card .card_btn {
background: transparent;
border: 1px solid #fff;
transition: background 0.15s, color 0.15s;
}
.red_card .card_btn:hover {
background: #fff;
color: #FF0000;
}
.card > span {
display: block;
}
.red_sticker {
background: #FF0000;
color: #fff;
font-weight: bold;
font-size: 15px;
padding: 2px 6px;
border-radius: 5px;
display: inline-block;
min-width: 49px;
text-align: center;
}
.type_sticker {
color: #929292;
font-size: 11px;
font-weight: normal;
display: inline-block;
margin-left: 7px;
position: relative;
top: -1px;
}
.card_logo {
height: 103px;
justify-content: center;
align-items: center;
display: flex !important;
}
.card_logo img{
max-width: 100%;
max-height: 100%;
}
.card_title {
font-size: 14px;
color: #000000;
margin-bottom: 17px;
margin-top: 13px;
display: block;
max-height: 38px;
overflow: hidden;
}
.list_cards .flex_box {
display: flex;
align-items: center;
justify-content: space-between;
}
.person_icon {
display: inline-block;
width: 12px;
height: 12px;
background: url(/_html/css/../img/icons/person.png) center no-repeat;
margin-right: 10px;
vertical-align: middle;
margin-top: -2px;
}
.list_cards .right_box {
min-width: 236px;
}
.list_cards .left_box {
position: relative;
width: 100%;
}
.list_cards .left_box:after {
content: "";
position: absolute;
display: block;
height: 100%;
width: 1px;
background: #cecece;
opacity: .4;
right: 0;
top: 0;
}
.count_person {
color: #909090;
font-size: 11px;
}
.list_cards .head_card {
margin-bottom: 0;
}
.list_cards .cart_btn_sticker_wrapper {
width: 208px;
float: right;
}
.list_cards .card_title {
margin: 0;
padding: 20px 0 15px;
max-height: 100%;
font-size: 16px;
padding-right: 25px;
line-height: 1.2;
min-height: 73px;
}
.list_cards .card_title small{
padding-top: 10px;
display: block;
}
.cart_btn_sticker_wrapper {
position: relative;
display: block;
max-width: 208px
}
.card_btn {
display: block;
color: #fff;
font-size: 13px;
background: #535F81;
text-align: center;
padding: 13px;
transition: background 0.15s;
}
.card_btn:hover {
background: #485372;
}
.card_btn_sticker {
background: linear-gradient(-104deg, transparent 26px, #535F81 0);
position: relative;
z-index: 10;
background-position: 0 0;
background-repeat: no-repeat;
transition: background-position 0.05s ease;
}
.card_btn_sticker:hover {
background: linear-gradient(-104deg, transparent 27px, #485372 0);
background-position: -8px 0;
background-repeat: no-repeat;
}
.card_btn_sticker:after {
content: '';
position: absolute;
top: 0;
right: 0;
width: 17px;
height: 42px;
transform: translateY(-1px) translateX(-15.3px) rotate(-14deg);
transform-origin: bottom right;
border-bottom-left-radius: inherit;
transition: transform 0.05s ease;
width: 0;
height: 0;
border-top: 12px solid transparent;
border-right: 14px solid #878FA7;
border-bottom: 33px solid transparent;
}
.card_btn_sticker:hover:after {
transform: translateY(-1px) translateX(-24.4px) rotate(-14deg);
}
.cart_btn_sticker_wrapper .code {
color: #1e1e1e;
font-size: 15px;
position: absolute;
z-index: 5;
display: block;
background: #ECECEC;
text-align: right;
padding: 10px 8px;
width: 100%;
top: 0;
bottom: 0;
font-weight: 500;
}
.shop_right_info {
background: #fff;
padding: 25px 15px;
}
.shop_right_info_logo {
min-height: 100px;
display: flex;
justify-content: center;
align-items: center;
}
.shop_right_info_category a {
color: #116fc7;
}
.shop_right_info_category a:hover {
color: #4392db;
}
.secret_code {
text-align: center;
margin: 40px 0 32px;
}
.secret_code form {
margin: 20px 0;
}
.secret_code .title {
font-size: 22px;
color: #070707;
}
.secret_code input {
font-size: 13px;
font-weight: 500;
min-width: 210px;
}
.secret_code button {
color: #fff;
padding: 14px 40px;
background: #7CC237;
border: none;
cursor: pointer;
margin-left: 15px;
font-size: 13px;
font-weight: 500;
min-width: 210px;
transition: background 0.15s;
}
.secret_code button:hover {
background: #6EAF2F;
}
.secret_code button span {
width: 16px;
height: 11px;
display: inline-block;
margin-right: 16px;
background: url("/_html/css/../img/icons/email.png") center no-repeat;
}
.secret_code input[type="email"] {
color: #232323;
padding: 15px;
border: 1px solid #DBDBDB;
}
.consent_text {
font-size: 8px;
color: #666666;
}
.all_shops_btn_wrapper {
text-align: center;
margin: 33px 0 3px;
}
.all_shops_btn_wrapper a {
display: inline-block;
text-decoration: none;
color: #535f81;
padding: 10px 20px;
border: 1px solid #535f81;
transition: background 0.15s, color 0.15s;
font-weight: 500;
min-width: 205px;
}
.all_shops_btn_wrapper a:hover {
background: #485372;
color: #fff;
}
.all_shops_btn_wrapper a:first-child {
margin-right: 15px;
}
.section {
padding: 57px 0;
background: #F9F9F9;
}
.section_title {
font-size: 22px;
color: #242424;
margin-bottom: 43px;
text-align: center;
}
.blog_slider {
margin-bottom: 45px;
}
.blog_slider .title {
margin: 26px 0 13px;
}
.blog_slider .title a {
font-size: 16px;
color: #1f1f1f;
text-decoration: none;
}
.blog_slider .text {
color: #636363;
}
.blog_slider .image {
}
.blog_slider .image a {
display: block;
position: relative;
}
.blog_slider .image a:after {
content: "";
top: 0;
left: 0;
right: 0;
bottom: 0;
position: absolute;
display: block;
transition: background 0.15s;
}
.blog_slider .image a:hover:after {
background: rgba(255,255,255,0.3);
}
.main_btn {
display: inline-block;
color: #fff;
background: #535F81;
text-decoration: none;
font-size: 13px;
text-align: center;
padding: 13px ;
transition: background 0.15s;
width: 210px;
}
.main_btn:hover {
background: #485372;
}
.large_gap {
padding: 55px 0 52px;
}
.dd .ddArrow {
transform: translate(0, -50%);
}
.borderRadiusTp .borderRadiusTp .ddArrow {
transform: translate(0, -100%) rotate(180deg);
}
.about_site_block {
display: flex;
justify-content: space-between;
}
.about_site_block > div {
width: 47%;
}
.about_site_block .title_box {
display: flex;
align-items: center;
}
.about_site_block .title_box .icon {
height: 78px;
width: 80px;
background-size: contain !important;
}
.about_site_block .title_box .title {
font-size: 18px;
color: #242424;
margin-left: 32px;
}
.coupon_icon {
background: url('/_html/css/../img/coupon.png') center no-repeat;
}
.percent_icon {
background: url('/_html/css/../img/percent.png') center no-repeat;
}
.heart_icon {
background: url('/_html/css/../img/heart.png') center no-repeat;
}
.basket_icon {
background: url('/_html/css/../img/basket.png') center no-repeat;
}
.about_site_block .text {
margin: 32px 0 60px;
line-height: 1.6;
}
.footer {
background: #2D343A;
padding: 35px 0 60px;
color: #fff;
}
.footer_wrapper {
display: flex;
}
.footer_wrapper a {
color: #fff;
}
.footer_menu {
margin: 0;
padding: 0;
list-style-type: none;
}
.footer_menu li {
padding: 9px 0;
}
.footer_menu a {
color: #fff;
text-decoration: none;
transition: opacity 0.15s;
}
.footer_menu a:hover {
opacity: 0.7;
}
.footer_wrapper .title {
font-size: 20px;
margin-bottom: 26px;
}
.footer_col_1 {
width: 30.4%;
font-size: 11px;
}
.footer_col_2 {
width: 32.6%;
padding-top: 7px;
}
.footer_col_3 {
width: 28.8%;
padding-top: 7px;
}
.footer_col_4 {
display: flex;
justify-content: flex-end;
padding-top: 10px;
}
.social_icon_wrapper {
display: flex;
}
.social_icon {
width: 36px;
height: 36px;
margin-right: 12px;
display: block;
transition: opacity 0.15s;
}
.social_icon:hover {
opacity: 0.7;
}
.social_icon:last-child {
margin-right: 0;
}
.social_vk {
background: url('/_html/css/../img/icons/vk.png') center no-repeat;
}
.social_fb {
background: url('/_html/css/../img/icons/fb.png') center no-repeat;
}
.social_tg {
background: url('/_html/css/../img/icons/tg.png') center no-repeat;
background-size: 110%;
}
.footer_wrapper .logo {
margin-bottom: 35px;
}
.footer_wrapper .email {
margin: 17px 0 70px;
}
.footer_wrapper .conditions_link {
margin-top: 6px;
}
.hamburger {
position: absolute;
left: -14px;
padding: 15px 15px;
display: inline-block;
cursor: pointer;
transition-property: opacity, filter;
transition-duration: 0.15s;
transition-timing-function: linear;
font: inherit;
color: inherit;
text-transform: none;
background-color: transparent;
border: 0;
margin: 0;
overflow: visible;
margin-right: 10px;
}
.hamburger:hover {
opacity: 0.7;
}
.hamburger.is-active:hover {
opacity: 0.7;
}
.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
background-color: #FF3000;
}
.hamburger-box {
width: 15px;
height: 15px;
display: inline-block;
position: relative;
}
.hamburger-inner {
display: block;
top: 50%;
margin-top: -1px;
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
width: 15px;
height: 3px;
background-color: #FF3000;
border-radius: 4px;
position: absolute;
transition-property: transform;
transition-duration: 0.15s;
transition-timing-function: ease;
}
.hamburger-inner::before, .hamburger-inner::after {
content: "";
display: block;
}
.hamburger-inner::before {
top: -6px;
}
.hamburger-inner::after {
bottom: -6px;
}
.hamburger--squeeze .hamburger-inner {
transition-duration: 0.075s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--squeeze .hamburger-inner::before {
transition: top 0.075s 0.12s ease, opacity 0.075s ease;
}
.hamburger--squeeze .hamburger-inner::after {
transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--squeeze.is-active .hamburger-inner {
transform: rotate(45deg);
transition-delay: 0.12s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--squeeze.is-active .hamburger-inner::before {
top: 0;
opacity: 0;
transition: top 0.075s ease, opacity 0.075s 0.12s ease;
}
.hamburger--squeeze.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(-90deg);
transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.category_wrapper .mobile_category_tabs {
display: none;
}
.about_site_block .text {
color: #444;
}
.visible_mob {
display: none;
}
.hidden_mob {
display: block;
}
.mob_menu_btn_wrapper {
display: none;
}
.white-popup {
position: relative;
background: #FFF;
padding: 25px 35px;
width: auto;
max-width: 650px;
margin: 20px auto;
}
.popup_title {
color: #424242;
font-size: 16px;
margin: 25px 0 35px;
}
.copy_input_wrapper {
background: #E8ECEF;
border-radius: 5px;
display: inline-flex;
align-items: center;
justify-content: space-between;
padding-left: 12px;
max-width: 100%;
}
#popup-stock .copy_input_wrapper {
width: 100%;
}
.copy_input_wrapper span {
font-size: 20px;
color: #000;
border: none;
width: 100%;
background: none;
border: none;
resize: none;
width: 100%;
overflow: hidden;
text-align: center;
padding-right: 10px;
}
#popup-stock .copy_input_wrapper span {
font-size: 14px;
}
#popup-promo {
overflow-x: hidden;
}
#popup-promo .copy_input_wrapper span {
white-space: nowrap;
}
#popup-stock .copy_input_btn {
padding: 20px 15px;
}
.copyTarget {
position: absolute;
left: -9999px;
}
.copy_input_btn {
background: #35AA19;
color: #fff;
border-radius: 5px;
text-align: center;
cursor: pointer;
padding: 20px;
white-space: nowrap;
transition: opacity 0.15s, background-color 0.35s;
}
.copy_input_btn:hover {
opacity: .7;
color: #fff;
}
.copy_input_btn.done {
background: #CCCCCC;
}
.description_popup {
margin: 25px 0 20px;
}
.popup-promo-style a {
transition: opacity 0.15s;
}
.popup-promo-style a:hover {
opacity: .7;
}
.site_map_link a, .conditions_link a {
text-decoration: underline;
}
.site_map_link a:hover, .conditions_link a:hover {
text-decoration: none;
}
.gotosite {
text-align: center;
font-size: 15px;
margin-bottom: 22px;
}
.gotosite a {
display: inline-block;
position: relative;
}
.gotosite a:after {
content: "";
position: absolute;
display: block;
right: -20px;
top: 8px;
width: 5px;
height: 5px;
border-top: 2px solid #A9B3BB;
border-right: 2px solid #A9B3BB;
transform: rotate(45deg);
}
.send_mail {
text-align: 14px;
padding: 30px 0 0 0;
border-top: 1px solid #E8ECEF;
}
.send_mail span {
display: inline-block;
width: 20px;
height: 14px;
background: url('/_html/css/../img/icons/email_gray.png') center no-repeat;
vertical-align: middle;
margin-right: 15px;
}
.send_mail .secret_code {
margin: 30px 0 0 0;
display: none;
}
.send_mail .secret_code form {
margin: 0;
}
.send_mail a.active {
color: #393939;
}
.bread_crumbs a, .bread_crumbs span {
display: inline-block;
transition: color 0.15s;
}
.bread_crumbs {
margin: 22px 0 14px;
font-size: 10px;
}
.bread_crumbs a:hover {
color: #4392db;
}
.separator {
color: #878787;
margin: 0 3px;
}
.accordion_right_info {
margin-top: 24px;
margin-bottom: 25px;
font-size: 11px;
}
.accordion_right_info a.gotosite_right {
display: block;
position: relative;
}
.accordion_right_info a.gotosite_right:after {
content: "";
display: block;
width: 15px;
height: 13px;
background: url(/_html/css/../img/icons/gotosite.png) center no-repeat;
position: absolute;
right: -5px;
top: 0;
opacity: 1;
}
.accordion_right_info a.gotosite_right:hover:after {
opacity: 0.7;
}
.accordion_right_info_btn {
position: relative;
cursor: pointer;
transition: opacity 0.15s;
}
.accordion_right_info_btn:hover {
opacity: 0.7;
}
.accordion_right_info_btn:after {
content: "";
display: block;
width: 5px;
height: 5px;
border-right: 2px solid #FF4A16;
border-bottom: 2px solid #FF4A16;
transform: rotate(45deg);
position: absolute;
right: 0;
top: 2px;
transition: transform 0.2s;
}
.accordion_right_info_btn.active:after {
transform: rotate(-135deg);
border-color: #8B94AF;
}
.accordion_right_info > div {
padding: 11px 17px;
border: 1px solid #D0D3DA;
margin-bottom: 5px;
}
.right_info_icon {
padding: 4px 0 8px 30px;
}
.right_info_icon-phone {
background: url(/_html/css/../img/icons/phone.png) 2px 2px no-repeat;
}
.right_info_icon-globe {
background: url(/_html/css/../img/icons/globe.png) left 2px no-repeat;
}
.right_info_icon-fb {
background: url(/_html/css/../img/icons/fb_gray.png) 4px 2px no-repeat;
}
.right_info_icon-mark {
background: url(/_html/css/../img/icons/mark.png) left 2px no-repeat;
}
.accordion_right_info_text {
margin: 20px 0 10px;
color: #9e9e9e;
display: none;
}
.right_banner img {
width: 100%;
}
.right_similar_stores {
margin-top: 30px;
margin-bottom: 30px;
}
.right_title {
margin-bottom: 15px;
font-size: 18px;
color: #242424;
}
.right_similar_stores a {
display: inline-block;
padding: 5px 8px;
border-radius: 3px;
border: 1px solid #D0D2D9;
margin-bottom: 7px;
margin-right: 5px;
color: #535f81;
transition: background 0.15s;
}
.right_similar_stores a:hover {
background: #fff;
}
.right_column {
font-size: 12px;
}
.comments_wrapper {
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.comments_wrapper img {
max-width: 50%;
}
.right_banner + .right_category_shops ,
.right_category_shops + .right_category_shops {
margin-top: 20px;
}
.right_category_shops .category_block > ul {
width: 100%;
}
.right_category_shops .menu_icon {
margin-right: 10px;
}
.right_category_shops .category_block ul li:first-child a {
padding-top: 7px;
}
.red_marker_list {
padding: 0;
list-style-type: none;
margin-left: 20px;
}
.red_marker_list .red_marker {
display: inline-block;
width: 5px;
height: 5px;
background: #FF0000;
border-radius: 50%;
vertical-align: middle;
margin-right: 12px;
margin-top: -1px;
}
.list_cards .right_box .count_person {
display: none;
}
.wrapper_for_copy_right {
display: none;
}
.mob_icon_clone .category_icon {
display: none;
}
.main_title_description {
color: #242424;
margin: 10px 0;
}
.faq_row {
display: flex;
border-bottom: 1px solid #DDDDDD;
padding: 10px 0 30px;
margin-bottom: 15px;
color: #242424;
}
.faq_info {
margin-top: 10px;
}
.faq_icon {
background: url(/_html/css/../img/icons/faq.png) center no-repeat;
min-width: 33px;
height: 39px;
margin-right: 20px;
}
.faq_info .title {
font-size: 16px;
margin-top: 0;
margin-bottom: 20px;
}
.faq_info .text {
font-size: 12px;
}
.faq_info .red_marker_list li {
margin: 10px 0;
}
.faq_description {
font-size: 16px;
color: #242424;
margin: 40px 0 40px;
}
.faq_info .secret_code {
margin: 0 0 0 20px;
text-align: left;
}
.faq_info .secret_code form {
margin-bottom: 0;
}
.faq_info .secret_code input[type="email"] {
background: transparent;
}
.f-16{
font-size: 16px;
}
.fw-300{
font-weight: 300;
}
.darkgrey{
color: #242424;
}
ol.red{
list-style-type: none;
counter-reset: num;
padding-left: 55px;
}
ol.red:first-child{
margin-top: 0;
}
ol.red > li{
position: relative;
margin-bottom: 14px;
}
ol.red > li:before{
content: counter(num);
display: block;
counter-increment: num;
width: 33px;
height: 33px;
line-height: 33px;
border: 1px solid #F10507;
border-radius: 50%;
text-align: center;
color: #F10507;
position: absolute;
left: -55px;
top: 50%;
transform: translateY(-50%);
font-size: 14px;
}
ul.grey {
list-style-type: none;
padding-left: 47px;
}
ul.grey > li{
position: relative;
margin-bottom: 14px;
}
ul.grey > li:before{
content: url("/_html/css/../img/icons/li.png");
position: absolute;
left: -45px;
top: 50%;
transform: translateY(-50%);
}
.w-100{
width: 100%;
}
@media only screen and (max-width : 1170px) {
html {
min-width: 920px;
}
.container {
width: 920px;
padding: 0 15px;
}
.top_menu > li > a {
padding: 20px 12px;
}
.top_menu > li:last-child > a{margin-right: -12px;}
.menu_icon {
margin-right: 8px;
margin-top: 0;
}
.category_block a {
display: flex;
align-items: flex-start;
}
.parent_item:hover .category_block {
left: -154px;
width: 580px;
}
.parent_item:hover .shops_menu_wrapper {
left: 0;
width: 617px;
}
.card_title {
max-height: 38px;
owerflow: hidden;
}
.category_box {
width: 22.999%;
}
.popular_shops_logo_box {
height: 60px;
}
}
@media only screen and (max-width : 768px) {
html {
min-width: 320px;
}
.container {
max-width: 640px;
width: 100%;
}
.webmenu {
display: none;
}
.top_line_wrapper {
position: relative;
}
.top_menu_wrapper {
display: none;
}
#webmenu, #webmenu_msdd {
display: none;
}
.top_line .left_box .logo img {
width: 100px;
}
.top_search_btn {
background: url('/_html/css/../img/icons/search-black.png') right center no-repeat;
width: 40px;
height: 40px;
}
.site_search_btn {
height: 43px;
}
.top_line {
padding: 10px 0;
}
.mob_menu_btn_wrapper {
display: block;
position: relative;
width: 55px;
height: 49px;
}
.main_title {
font-size: 15px;
text-align: center;
}
.open_menu {
display: block;
position: fixed;
top: 120px;
background: #fff;
left: 0;
right: 0;
bottom: 0;
z-index: 900;
overflow-y: auto;
}
.top_menu {
max-width: 640px;
margin: auto;
display: block;
}
.top_menu .parent_item .parent_arrow {
position: absolute;
top: 25px;
right: 22px;
}
.parent_item .child_item {
position: static;
padding: 0 16px 16px;
width: 100%;
background: #F6F6F6;
transition: none;
}
.top_banner {
height: 48px;
}
.top_banner img {
height: 48px;
object-fit: cover;
}
.shops_menu .brand_box .logo_box {
background: #fff;
}
.shops_menu .menu_all_shops_btn_wrapper {
width: 100%;
}
.top_menu > li > a {
padding: 20px 15px;
}
.top_menu > li:last-child > a{margin-right:0;}
.menu_all_shops_btn_wrapper .all_shops_btn {
padding: 18px 40px 13px 20px;
height: auto;
text-align: right;
background: #F6F6F6 !important;
border-left: none;
border-bottom: none;
border-right: none;
margin-bottom: 0;
}
.menu_all_shops_btn_wrapper .brand_box .all_shops_btn:after {
top: 24px;
}
.parent_item .shops_menu_wrapper {
padding-bottom: 0;
}
.top_line .left_box .ddcommon, .top_line .left_box .select_lang {
display: none;
}
.shops_menu li {
width: 24%;
}
.top_menu > li {
transition: none;
background: #fff !important;
border-bottom: 1px solid #EEEEEE;
}
.title_menu {
display: none;
}
.parent_item.active .child_item {
background: #f6f6f6;
box-shadow: none;
width: 100%;
}
.parent_item:hover .child_item {
width: 100%;
box-shadow: none;
}
.parent_item:hover .child_item {
display: none;
}
.parent_item.active {
background: #F6F6F6 !important;
}
.top_menu .parent_item .parent_arrow {
transition: transform 0.2s;
}
.top_menu .parent_item.active .parent_arrow {
transform: rotate(-135deg);
}
.header {
position: fixed;
top: 0;
z-index: 800;
background: #fff;
width: 100%;
left: 0;
right: 0;
}
.main_content {
margin-top: 118px;
}
.top_main .category_wrapper {
display: block;
margin-bottom: 15px;
}
.top_main .category_block {
width: 100%;
display: none;
}
.top_main .shops_block {
width: 100%;
}
.category_wrapper .mobile_category_tabs {
display: flex;
margin-bottom: 20px;
}
.category_wrapper .mobile_category_tabs .tab_btn {
text-align: center;
width: 50%;
color: #5D6E8E;
background: #F5F5F5;
padding: 13px 30px;
}
.category_wrapper .mobile_category_tabs .tab_btn.active {
color: #fff;
background: #4C5F83;
position: relative;
}
.category_wrapper .mobile_category_tabs .tab_btn.active:after {
content: "";
display: block;
width: 0;
height: 0;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 5px solid #4C5F83;
position: absolute;
left: 50%;
bottom: -5px;
margin-left: -3px;
}
.shops_block .shops_logo {
width: 100%;
}
.visible_mob {
display: block;
}
.hidden_mob {
display: none;
}
.main_title_mob_left {
text-align: left;
}
.bread_crumbs {
margin-top: 0;
}
.shops_block .shops_logo .brand_box {
width: 32.7%;
}
.shops_block .shops_logo .brand_box .all_shops_btn_mob {
height: auto;
background: #fff;
color: #000000;
font-weight: 600;
padding: 15px 20px 15px 30px;
}
.shops_block .brand_box .all_shops_btn_mob:after {
border-top: 3px solid #FF3600;
border-right: 3px solid #FF3600;
top: 20px;
}
.top_main {
padding: 20px 0 5px;
}
.top_main .shops_block {
display: block;
}
.shops_block .banner_promo {
width: 100%;
margin-top: 15px;
}
.slider img {
margin-right: -40px;
}
.slider .info_wrapper .logo_box img {
margin-right: 0;
}
.slider .slick-slide {
margin-left: -35px;
padding-right: 30px;
margin-right: 20px;
}
#mob_menu_container {
max-width: 640px;
margin: auto;
padding: 30px 15px 20px;
}
#mob_menu_container .footer_menu {
margin-top: 30px;
}
#mob_menu_container .footer_menu a {
color: #6C6C6C;
}
.top_line .dd .ddChild {
height: auto !important;
}
.mobile_logo_site {
display: flex;
justify-content: space-between;
align-items: center;
height: 30px;
}
.mobile_share_btn {
padding: 5px 25px 5px 10px;
position: relative;
color: #6e6e6e;
font-size: 11px;
border: 1px solid #EEEEEE;
border-radius: 10px;
}
.mobile_share_btn:after {
content: "";
display: block;
background: url(/_html/css/../img/icons/gotosite_mobile.png) center center no-repeat;
width: 8px;
height: 8px;
right: 10px;
top: 8px;
position: absolute;
}
.top_main .sort_btn_white {
margin: 15px 0 5px;
flex-wrap: wrap;
}
.sort_btn_main li {
margin-right: 10px;
margin-bottom: 10px;
}
.sort_btn_main {
margin: 25px 0 0;
flex-wrap: wrap;
}
.grid_cards .card {
width: 47.0%;
margin: 1.5%;
}
.grid_cards {
margin: 0 -1.5%;
}
.about_site_block {
display: block;
}
.about_site_block > div {
width: 100%;
}
.about_site_block .text {
margin: 20px 0 45px !important;
}
.sort_btn_white li {
min-width: auto;
margin-right: 8px;
margin-bottom: 8px;
}
.right_column {
display: none;
}
.list_cards .flex_box {
display: block;
}
.list_cards .cart_btn_sticker_wrapper {
float: none;
width: auto;
margin: 15px auto;
max-width: 100%;
}
.list_cards .card_title {
height: auto;
font-size: 14px;
}
.list_cards .card {
margin-bottom: 25px;
}
.card_title {
font-size: 14px;
}
.footer_wrapper {
flex-wrap: wrap;
}
.footer_wrapper > div {
width: 100%;
padding: 18px 0;
border-bottom: 1px solid #394953;
flex-wrap: wrap;
}
.footer_wrapper > div:last-child {
border-bottom: none;
}
.footer_col_2 {
order: 3;
}
.footer_col_3 {
order: 2;
}
.footer_col_4 {
order: 4;
justify-content: space-between;
}
.footer_col_1 {
display: flex;
align-items: flex-start;
justify-content: space-between;
}
.footer_col_1 .conditions_link, .footer_col_1 .site_map_link {
display: none;
}
.footer_wrapper .email {
margin: 10px 0 0;
}
.footer_wrapper .copyright {
margin-top: 10px;
}
.footer_wrapper .title {
font-size: 18px;
margin-bottom: 10px;
}
.footer_wrapper .footer_menu li {
padding: 9px 0;
}
.clone_site_map {
padding-top: 6px;
max-width: 170px;
}
.overflow_hidden {
overflow: hidden;
position: relative;
height: 100%;
}
#popup-stock .copy_input_wrapper textarea {
padding-top: 0;
margin-top: 0;
}
.site_search {
font-size: 13px;
}
.top_main .category_wrapper {
margin-bottom: 20px;
}
.list_cards .left_box .count_person {
display: none;
}
.list_cards .right_box .count_person {
display: block;
}
.col-7 {
width: 100%;
}
.secret_code .title {
font-size: 16px;
}
.content_mobile_banner {
margin-bottom: 25px;
}
.banner_promo img {
min-height: 230px;
object-fit: cover;
}
.content_mobile_banner img {
/*min-height: 230px;*/
object-fit: contain;
height: auto;
}
.cart_btn_sticker_wrapper {
max-width: 100%;
}
.wrapper_for_copy_right {
display: block;
}
.content_banner_wrapper {
margin: 25px 0 25px;
}
.shop_right_info_logo_text {
/*color: #242424;*/
}
.shop_right_info {
background: transparent;
}
.gotosite_right_wrapper {
background: #4C5F83;
}
.gotosite_right {
color: #fff;
}
.accordion_right_info_btn {
color: #535f81;
}
.accordion_right_info {
margin-top: 0;
}
.shop_right_info {
padding: 25px 0;
}
.accordion_right_info_btn:hover {
opacity: 1;
}
.shop_info_tabs a {
margin-bottom: 10px;
}
.shop_info_tabs {
margin-bottom: 15px;
}
.title_h3 {
margin: 30px 0 15px;
}
.video_wrapper {
margin-bottom: 25px;
}
.section {
padding: 30px 0;
}
.comments_wrapper {
flex-wrap: wrap;
justify-content: center;
}
.comments_wrapper img {
max-width: 100%;
margin-bottom: 20px;
}
.category_box {
width: 100%;
}
.category_row {
margin: 0;
}
.category_box {
margin: 5px 0;
flex-wrap: nowrap;
padding: 15px;
align-items: center;
}
.category_box .category_icon {
width: 38px;
height: 38px;
}
.category_box .category_box_info {
text-align: left;
margin-left: 20px;
display: flex;
flex-wrap: wrap;
}
.category_box .amount_shops {
order: 2;
margin: 3px 0 0 0;
}
.category_box .category_name {
order: 1;
}
.small_gap {
padding: 15px 0;
}
.white_die {
background: #fff;
padding: 12px;
}
.shop_right_info_assessment {
margin: 20px 0 20px;
}
.social_top_wrapper .right_box {
display: none;
}
.social_icon_wrapper_mobile {
display: none;
}
.social_icon_wrapper_mobile img {
height: 30px;
}
.more_category_btn a {
font-size: 12px;
padding: 8px 36px 8px 16px;
}
.more_category_btn a:after {
width: 6px;
height: 6px;
top: 12px;
}
.slider_btn {
width: 30px;
height: 30px;
position: absolute;
z-index: 10;
top: 50%;
transform: translate(0, -50%);
}
.slider_prev_btn {
left: -5px;
}
.slider_next_btn {
right: -5px;
}
.slider_prev_btn:after {
content: "";
display: block;
position: absolute;
width: 8px;
height: 8px;
border-left: 2px solid #4C5F83;
border-top: 2px solid #4C5F83;
transform: rotate(-45deg);
top: 10px;
left: 12px;;
}
.slider_next_btn:after {
content: "";
display: block;
position: absolute;
width: 8px;
height: 8px;
border-right: 2px solid #4C5F83;
border-top: 2px solid #4C5F83;
transform: rotate(45deg);
top: 10px;
right: 12px;
}
.more_category_btn {
flex-wrap: wrap;
margin-bottom: 10px;
margin-top: 10px;
}
.popular_shops {
padding: 0 20px;
}
.list_category_shop ul {
width: 50%;
}
.prev_link, .next_link {
font-size: 0;
color: transparent;
display: block;
min-width: 30px;
height: 30px;
position: relative;
}
.prev_link:after {
content: "";
display: block;
position: absolute;
width: 8px;
height: 8px;
border-left: 2px solid #4C5F83;
border-top: 2px solid #4C5F83;
transform: rotate(-45deg);
top: 10px;
left: 12px;;
}
.next_link:after {
content: "";
display: block;
position: absolute;
width: 8px;
height: 8px;
border-right: 2px solid #4C5F83;
border-top: 2px solid #4C5F83;
transform: rotate(45deg);
top: 10px;
right: 12px;
}
.pagination_wrapper {
margin-top: 25px;
}
.pagination li {
margin: 0 5px;
}
.more_category_btn li {
margin-bottom: 10px;
}
.popular_shops .slick-slide {
margin: 0 5px;
}
.popular_shops_logo_box {
height: 58px;
padding: 0 5px;
}
.mob_icon_clone .category_icon {
display: block;
margin-top: 4px;
margin-right: 20px;
}
.category_icon {
height: 50px;
min-width: 60px;
}
.mob_icon_clone {
display: flex;
}
.mob_icon_clone .main_title {
margin-top: 0;
}
.faq_info .title {
font-size: 14px;
}
.faq_description {
font-size: 14px;
}
}
@media only screen and (max-width : 670px) {
.white-popup {
padding: 20px 20px;
}
.description_popup {
font-size: 11px;
}
.copy_input_wrapper input {
padding: 20px;
border-radius: 5px;
margin-bottom: 15px;
font-size: 16px;
text-align: center;
}
.copy_input_wrapper {
display: block;
}
.copy_input_wrapper {
padding-left: 0;
background: #fff;
}
.white-popup {
max-width: 470px;
}
.copy_input_btn {
font-size: 15px;
}
.copy_input_wrapper span {
padding-right: 0;
display: block;
padding: 12px 15px;
border-radius: 5px;
margin-bottom: 15px;
background: #E8ECEF;
}
}
@media only screen and (max-width : 570px) {
.grid_cards .card {
max-width: 390px;
width: 100%;
margin: 10px 0;
}
.grid_cards {
margin: 0;
justify-content: center;
}
.category_block > ul {
width: 100%;
}
.consent_text {
max-width: 340px;
margin: auto;
}
.secret_code input, .secret_code button {
width: 100%;
max-width: 390px;
}
.secret_code button {
margin-left: 0;
margin-top: 12px;
}
.top_banner img {
object-fit: cover;
/*object-position: -110px;*/
max-width: 100%;
min-height: 48px;
}
#popup-promo .copy_input_wrapper span {
font-size: 15px;
}
}
@media only screen and (max-width : 460px) {
.shops_menu li {
width: 32%;
}
.secret_code .title {
font-size: 16px;
}
.all_shops_btn_wrapper a {
display: block;
max-width: 250px;
margin: auto;
}
.all_shops_btn_wrapper a:first-child {
margin-right: auto;
margin-bottom: 12px;
}
.sort_btn_main li {
padding: 8px 8px;
min-width: 105px;
}
.copy_input_wrapper textarea {
font-size: 13px;
}
.popup_title {
font-size: 14px;
}
.title_h3 {
font-size: 16px;
}
.section_title {
font-size: 16px;
margin-bottom: 20px;
}
.medium_gap {
padding: 25px 0;
}
.shop_right_info_category {
align-items: center;
}
}
@media only screen and (max-width : 375px) {
#popup-promo .copy_input_wrapper span {
font-size: 13px;
padding: 12px 5px;
}
.white-popup {
padding: 20px 15px;
}
}
/* End */
/* Start:/_html/libs/ms-Dropdown/css/msdropdown/dd.css?15814185094279*/
.borderRadius{-moz-border-radius:5px; border-radius:5px; }
.borderRadiusTp{-moz-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0;}
.borderRadiusBtm{-moz-border-radius:0 0 5px 5px ; border-radius:0 0 5px 5px;}
.ddcommon {position:relative;display:-moz-inline-stack; zoom:1; display:inline-block; *display:inline; cursor:default;}
.ddcommon ul{padding:0;margin:0;}
.ddcommon ul li{list-style-type:none;}
.borderRadiusTp ul li:last-child{-moz-border-radius:0 0 5px 5px ; border-radius:0 0 5px 5px;border-bottom:0 none #c3c3c3; }
.borderRadiusBtm ul li:first-child{-moz-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0 ;border-bottom:1 solid #c3c3c3; }
.ddcommon .disabled img, .ddcommon .disabled span, .ddcommon.disabledAll{
opacity: .5; /* standard: ff gt 1.5, opera, safari */
-ms-filter:"alpha(opacity=50)"; /* ie 8 */
filter:alpha(opacity=50); /* ie lt 7 */
-khtml-opacity:.5; /* safari 1.x */
-moz-opacity:.5; /* ff lt 1.5, netscape */
color:#999999;
}
.ddcommon .clear{clear:both}
.ddcommon .shadow{-moz-box-shadow:5px 5px 5px -5px #888888;-webkit-box-shadow:5px 5px 5px -5px #888888;box-shadow: 5px 5px 5px -5px #888888;}
.ddcommon input.text{color:#7e7e7e;padding:0 0 0 0; position:absolute; background:#fff; display:block; width:98%; height:98%; left:2px; top:0; border:none;z-index: -1;font-size: 0;height: 0;}
.ddOutOfVision{position:relative; display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline;}
.borderRadius .shadow{-moz-box-shadow:5px 5px 5px -5px #888888;-webkit-box-shadow:5px 5px 5px -5px #888888;box-shadow: 5px 5px 5px -5px #888888;}
.borderRadiusBtm .shadow{-moz-box-shadow:-5px -5px 5px -5px #888888;-webkit-box-shadow:-5px -5px 5px -5px #888888;box-shadow: -5px -5px 5px -5px #888888}
.borderRadiusTp .border, .borderRadius .border{-moz-border-radius:0 0 5px 5px ; border-radius:0 0 5px 5px;}
.borderRadiusBtm .border{-moz-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0;}
img.fnone{float:none !important}
.ddcommon .divider{width:0; height:100%; position:absolute;}
.ddcommon .ddArrow{display:inline-block; position:absolute; top:50%; right:11px;}
.ddcommon .ddArrow:hover{background-position:0 100%;}
.ddcommon .ddTitle{padding:0; position:relative; display:inline-block; width:100%}
.ddcommon .ddTitle .ddTitleText{display:block;}
.ddcommon .ddTitle .ddTitleText .ddTitleText{padding:0;}
.ddcommon .ddTitle .description{display:block;}
.ddcommon .ddTitle .ddTitleText img{position:relative; vertical-align:middle; float:left}
.ddcommon .ddChild{position:absolute;display:none;width:100%;overflow-y:hidden; overflow-x:hidden; zoom:1; z-index:9999}
.ddcommon .ddChild li{clear:both;}
.ddcommon .ddChild li .description{display:block;}
.ddcommon .ddChild li img{border:0 none; position:relative;vertical-align:middle;float:left}
.ddcommon .ddChild li.optgroup{padding:0;}
.ddcommon .ddChild li.optgroup .optgroupTitle{padding:0 5px; font-weight:bold; font-style:italic}
.ddcommon .ddChild li.optgroup ul li{padding:5px 5px 5px 15px}
.ddcommon .noBorderTop{border-top:none 0 !important; padding:0; margin:0;}
/*************** default theme **********************/
.dd{border:1px solid #c3c3c3;}
.dd .divider{border-left:1px solid #c3c3c3; border-right:1px solid #fff;; right:24px;}
.dd .ddArrow{width:6px;height:6px; margin-top:2px; background:url(/_html/libs/ms-Dropdown/css/msdropdown/../../../../img/icons/select_arrow.gif) no-repeat;}
.dd .ddArrow:hover{background-position:0 100%;}
.dd .ddTitle{color:#000;background:#e2e2e4 url(/_html/libs/ms-Dropdown/css/msdropdown/../../images/msdropdown/skin1/title-bg.gif) repeat-x left top;}
.dd .ddTitle .ddTitleText{padding:5px 20px 5px 5px;}
.dd .ddTitle .ddTitleText .ddTitleText{padding:0;}
.dd .ddTitle .description{font-size:12px; color:#666}
.dd .ddTitle .ddTitleText img{padding-right:5px;}
.dd .ddChild{border:1px solid #c3c3c3; background-color:#fff; left:-1px;}
.dd .ddChild li{padding: 5px 20px 5px 10px; background-color:#fff; border-bottom:none;}
.dd .ddChild li .description{color:#666;}
.dd .ddChild li .ddlabel{color:#333;}
.dd .ddChild li.hover{background-color:#EAEAEA}
.dd .ddChild li img{padding:0 6px 0 0;}
.dd .ddChild li.optgroup{padding:0;}
.dd .ddChild li.optgroup .optgroupTitle{padding:0 5px; font-weight:bold; font-style:italic}
.dd .ddChild li.optgroup ul li{padding:5px 5px 5px 15px}
.dd .ddChild li.selected{color:#000;}
/* End */
/* Start:/_html/libs/slick/slick.css?15814185091776*/
/* Slider */
.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
/* End */
/* Start:/_html/libs/slick/slick-theme.css?15814185093145*/
@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
background: #fff url('/_html/libs/slick/./ajax-loader.gif') center center no-repeat;
}
/* Icons */
@font-face
{
font-family: 'slick';
font-weight: normal;
font-style: normal;
src: url('/_html/libs/slick/./fonts/slick.eot');
src: url('/_html/libs/slick/./fonts/slick.eot?#iefix') format('embedded-opentype'), url('/_html/libs/slick/./fonts/slick.woff') format('woff'), url('/_html/libs/slick/./fonts/slick.ttf') format('truetype'), url('/_html/libs/slick/./fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
opacity: .25;
}
.slick-prev:before,
.slick-next:before
{
font-family: 'slick';
font-size: 20px;
line-height: 1;
opacity: .75;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev
{
left: -25px;
}
[dir='rtl'] .slick-prev
{
right: -25px;
left: auto;
}
.slick-prev:before
{
content: '←';
}
[dir='rtl'] .slick-prev:before
{
content: '→';
}
.slick-next
{
right: -25px;
}
[dir='rtl'] .slick-next
{
right: auto;
left: -25px;
}
.slick-next:before
{
content: '→';
}
[dir='rtl'] .slick-next:before
{
content: '←';
}
/* Dots */
.slick-dotted.slick-slider
{
margin-bottom: 30px;
}
.slick-dots
{
position: absolute;
bottom: -25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li
{
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button
{
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
opacity: 1;
}
.slick-dots li button:before
{
font-family: 'slick';
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '•';
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
opacity: .75;
color: black;
}
/* End */
/* Start:/_html/libs/magnific-popup/magnific-popup.css?15814185096951*/
/* Magnific Popup CSS */
.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8; }
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden; }
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
box-sizing: border-box; }
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle; }
.mfp-align-top .mfp-container:before {
display: none; }
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045; }
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto; }
.mfp-ajax-cur {
cursor: progress; }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out; }
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in; }
.mfp-auto-cursor .mfp-content {
cursor: auto; }
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none; }
.mfp-loading.mfp-figure {
display: none; }
.mfp-hide {
display: none !important; }
.mfp-preloader {
color: #CCC;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044; }
.mfp-preloader a {
color: #CCC; }
.mfp-preloader a:hover {
color: #FFF; }
.mfp-s-ready .mfp-preloader {
display: none; }
.mfp-s-error .mfp-content {
display: none; }
button.mfp-close,
button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
box-shadow: none;
touch-action: manipulation; }
button::-moz-focus-inner {
padding: 0;
border: 0; }
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
padding: 0 0 18px 10px;
color: #FFF;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace; }
.mfp-close:hover,
.mfp-close:focus {
opacity: 1; }
.mfp-close:active {
top: 1px; }
.mfp-close-btn-in .mfp-close {
color: #333; }
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: #FFF;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%; }
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #CCC;
font-size: 12px;
line-height: 18px;
white-space: nowrap; }
.mfp-arrow {
position: absolute;
opacity: 0.65;
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: transparent; }
.mfp-arrow:active {
margin-top: -54px; }
.mfp-arrow:hover,
.mfp-arrow:focus {
opacity: 1; }
.mfp-arrow:before,
.mfp-arrow:after {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent; }
.mfp-arrow:after {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px; }
.mfp-arrow:before {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7; }
.mfp-arrow-left {
left: 0; }
.mfp-arrow-left:after {
border-right: 17px solid #FFF;
margin-left: 31px; }
.mfp-arrow-left:before {
margin-left: 25px;
border-right: 27px solid #3F3F3F; }
.mfp-arrow-right {
right: 0; }
.mfp-arrow-right:after {
border-left: 17px solid #FFF;
margin-left: 39px; }
.mfp-arrow-right:before {
border-left: 27px solid #3F3F3F; }
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px; }
.mfp-iframe-holder .mfp-close {
top: -40px; }
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%; }
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000; }
/* Main image in popup */
img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto; }
/* The shadow behind the image */
.mfp-figure {
line-height: 0; }
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444; }
.mfp-figure small {
color: #BDBDBD;
display: block;
font-size: 12px;
line-height: 14px; }
.mfp-figure figure {
margin: 0; }
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto; }
.mfp-title {
text-align: left;
line-height: 18px;
color: #F3F3F3;
word-wrap: break-word;
padding-right: 36px; }
.mfp-image-holder .mfp-content {
max-width: 100%; }
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer; }
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
/**
* Remove all paddings around the image on small screen
*/
.mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0; }
.mfp-img-mobile img.mfp-img {
padding: 0; }
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0; }
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px; }
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
box-sizing: border-box; }
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0; }
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px; }
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0; } }
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75); }
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0; }
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%; }
.mfp-container {
padding-left: 6px;
padding-right: 6px; } }
/* End */
/* Start:/local/templates/rukodi_redesign/components/bitrix/search.title/header_search/style.css?15911843664284*/
.m_categor_sale .search-wrap .header_search{
width: 100%;
position: relative;
}
.m_categor_sale .search-wrap .header_search input:focus{
border-bottom-color: rgba(9, 9, 9, 0.83);
}
.m_categor_sale .search-wrap .header_search input{
width: 100%;
border: none;
border-bottom: 2px solid rgba(205, 205, 205, 0.43);
height: 37px;
background: transparent;
padding-left: 5px;
padding-right: 30px;
color: #252525;
transition: 0.3s;
font-size: 13px;
font-weight: 400;
}
.m_categor_sale .search-wrap .header_search input:focus + button{
color: #242424;
}
.m_categor_sale .search-wrap .header_search button{
position: absolute;
background: none;
border: none;
right: 0;
top: 9px;
color: rgba(124, 124, 124, 0.49);
cursor: pointer;
transition: 0.3s;
transform: rotate(90deg);
}
.m_categor_sale .search-wrap .header_search button svg {
width: 17px;
}
.bx-searchtitle {
margin: 10px 0 0;
}
div.title-search-result {
border:1px solid #eeeeee;
display:none;
overflow:hidden;
z-index:999;
min-width: 273px;
/*margin-top:-3px;*/
background-color: #FFF;
margin-left: 0;
padding: 15px 7px 15px 14px;
font-family: 'PT Sans Caption', sans-serif;
}
div.title-search-fader {
display:none;
}
p.title-search-preview {
font-size:12px;
}
div.title-search-result td.title-search-price span {
font-size: 26px;
}
/*========================*/
.bx_searche{
/*padding: 15px 17px 0 14px;*/
padding-right: 17px;
max-height: 220px;
overflow: auto;
}
.bx_searche::-webkit-scrollbar {
width: 4px;
border-radius: 3px;
}
/* Track */
.bx_searche::-webkit-scrollbar-track {
background: #f7f7f7;
}
/* Handle */
.bx_searche::-webkit-scrollbar-thumb {
background: #bebebe;
border-radius: 3px;
}
.bx_searche .bx_img_element{
background: #ffffff;
float: left;
width: 102px;
height: 40px;
padding: 5px 10px;
position: absolute;
top: 0;
bottom: 0;
border: 1px solid #ebebeb;
}
.bx_searche .bx_item_block{
min-height: 60px;
position: relative;
display: block;
}
.bx_searche .bx_item_block:last-child{
min-height: 45px;
}
.bx_searche .bx_item_block:hover span{
text-decoration: underline;
}
.bx_searche .bx_image{
width: 100%;
height: 100%;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
.bx_searche .bx_item_element{
/*float: left;*/
padding-left: 0;
margin-left: 117px;
overflow: hidden;
}
.bx_searche .bx_item_element hr{
margin: 0;
border: none;
border-bottom: 1px solid #e5e5e5;
}
.bx_searche .bx_item_element span{
margin-top: 10px;
display: inline-block;
color: #252525;
font-size: 13px;
text-decoration: none;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
max-width: 100%;
}
.bx_searche .bx_item_element span.hide{
display: none!important;
}
.bx_searche .bx_item_element a b{color: #252525;font-weight: normal;}
.bx_searche .bx_item_element a:hover,
.bx_searche .bx_item_element a:hover b{text-decoration: underline;}
.bx_searche .bx_price{
font-weight:bold;
font-size:13px;
}
.bx_searche .bx_price .old{
font-weight:normal;
text-decoration: line-through;
color: #636363
}
.bx_item_block.all_result{min-height:0}
.bx_item_block.others_result{
min-height: 0;
padding: 0 0 22px;
line-height: 23px;
}
.bx_item_block.all_result .all_result_title{
display: block;
font-size: 12px;
color: #a7a7a7;
padding-top: 15px;
padding-bottom: 10px;
}
.bx_item_block.all_result .all_result_title a{color: #a7a7a7}
.bx_item_block.all_result .all_result_title a:hover{color: #4788cb}
.bx_item_block.all_result a{
margin-top: 0;
}
.div.title-search-result{
transform: translate3d(0,0,0);
}
.jspContainer .jspPane{
padding: 15px 17px 0 14px!important;
}
.jspContainer .jspVerticalBar{
/*top: 10px;*/
/*bottom: 10px;*/
right: 7px;
width: 4px;
/*max-height: 230px;*/
/*height: 230px;*/
background: transparent;
}
.jspContainer .jspTrack {
border-radius: 3px;
/*overflow: hidden;*/
background: #f7f7f7;
}
.jspContainer .jspDrag {
border-radius: 3px;
background: #bebebe;
}
.jspContainer .jspCap {
display: block;
background: transparent;
}
.jspVerticalBar .jspCap {
height: 20px;
}
.jspContainer .jspDrag:after{
content: "";
background: transparent;
position: absolute;
left: -5px;
right: -5px;
top: 0;
bottom: 0;
}
#mobile_header_search.hidden_mob{
display: block;
}
/* End */
/* Start:/local/templates/rukodi_redesign/template_styles.css?176937073911482*/
@media only screen and (min-width: 570px) {
.card_title {
min-height: 38px;
}
}
.head_card {
min-height: 25px;
}
/* ticket popups */
.fancybox-slide>div {
display: inline-block;
position: relative;
padding: 24px;
margin: 44px 0;
border-width: 0;
vertical-align: middle;
text-align: left;
background-color: #fff;
overflow: auto;
box-sizing: border-box;
}
.modal_kuk {
float: left;
width: 100%;
transform: translateX(-3000px);
transition: 1s;
height: 0
}
.modal_kuk p {
float: left;
width: 100%
}
.modal_kuk__negative {
float: left;
width: 100%;
transform: translateX(-3000px);
height: 0;
/*position: absolute;*/
/*top: 200px*/
}
.modal_kuku {
transform: translateX(0);
height: auto;
position: absolute;
/*top: 280px;*/
bottom: 20px;
left: 0
}
.modal_sale,.modal_promo {
display: none;
width: 100%;
max-width: 655px;
margin: 0 !important;
padding: 30px 28px 25px 28px !important;
overflow: hidden !important;
min-height: 500px;
}
.modal_sale__header {
width: 100%;
float: left;
margin-bottom: 35px
}
.modal_sale__header span {
width: 100%;
float: left;
text-align: center;
color: #000;
font-size: 20px;
font-weight: 400;
margin-bottom: 13px
}
.modal_sale__header p {
width: 100%;
float: left;
text-align: center;
color: #868686;
font-size: 14px;
font-weight: 400
}
.modal_sale__header_img {
width: 100%;
float: left;
display: flex;
justify-content: center;
margin-bottom: 19px
}
.modal_sale__header_img img {
width: auto;
float: left;
height: auto
}
.modal_sale__main {
width: 100%;
float: left;
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
transition: 1s;
}
.fancybox-close-small:after {
background: none !important;
color: #000 !important;
outline: none !important;
font-size: 22px
}
.fancybox-close-small:hover:after {
background: none !important;
color: #000 !important;
outline: none !important
}
.modal_sale__main_content {
width: 100%;
float: left;
max-width: 490px;
padding-bottom: 30px;
border-bottom: 1px solid #e2e2e2;
margin-bottom: 17px;
display: flex;
flex-direction: column;
align-items: center
}
.modal_sale__main_content span {
width: 100%;
float: left;
text-align: center;
max-width: 353px;
padding-left: 10px;
padding-right: 10px;
opacity: .67;
color: #000;
font-size: 20px;
font-weight: 400;
border-radius: 2px;
background-color: #e8ecef;
line-height: 52px;
margin-bottom: 12px
}
.modal_sale__main_content a {
width: 100%;
float: left;
display: flex;
max-width: 353px;
align-items: center;
justify-content: center;
color: #fff;
font-size: 14px;
font-weight: 400;
padding: 10px;
min-height: 50px;
line-height: 1.2;
transition: .3s;
border-radius: 2px;
text-decoration: none;
background: linear-gradient(to bottom,#ff781e 0,#ff5634 100%)
}
.modal_sale__main_content a svg {
margin-left: 13px;
width: 8px;
height: auto
}
.modal_sale__main_content a svg path {
fill: #fff;
transition: .3s
}
.modal_sale__main_content a:hover {
color: #F97
}
.modal_sale__main_content a:hover svg path {
fill: #F97
}
.modal_sale__main__buttons {
width: 100%;
float: left;
display: flex;
flex-direction: column;
align-items: center
}
.modal_sale__main__buttons span {
width: 100%;
float: left;
text-align: center;
color: #000;
font-size: 15px;
font-weight: 400;
margin-bottom: 14px
}
.modal_sale__main_list {
width: auto;
float: left;
display: flex;
flex-wrap: wrap;
list-style: none;
padding: 0;
}
.modal_sale__main_list li {
float: left;
width: 97px;
border-radius: 2px;
border: 1px solid rgba(168,182,194,0.45)
}
.modal_sale__main_list li a {
width: 100%;
float: left;
color: #000;
font-size: 15px;
font-weight: 400;
display: flex;
align-items: center;
justify-content: center;
padding-left: 10px;
padding-right: 10px;
padding-top: 8px;
padding-bottom: 8px;
text-decoration: none;
transition: .3s
}
.modal_sale__main_list li a:hover {
background-color: #e8ecef
}
.modal_sale__main_list li a img {
width: 29px;
height: auto;
float: left;
margin-right: 10px
}
.modal_sale__main_list li:not(:last-child) {
margin-right: 7px
}
.modal_sale__main_content--promokod {
width: 100%;
float: left;
max-width: 353px;
border-radius: 2px;
background-color: #e8ecef;
margin-bottom: 14px
}
.modal_sale__main_content--promokod>*:first-child:nth-last-child(2) {
max-width: calc(100% - 135px)
}
.modal_sale__main_content--promokod span {
width: 100%;
float: left;
max-width: 100%;
color: #000;
font-size: 20px;
font-weight: 400;
text-transform: uppercase;
text-align: center;
padding-left: 10px;
padding-right: 10px;
line-height: 50px;
margin-bottom: 0;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden
}
.modal_sale__main_content--promokod a {
width: 100%;
float: left;
max-width: 135px;
border-radius: 2px;
background-color: #35aa19;
padding-left: 10px;
padding-right: 10px;
line-height: 50px;
text-align: center;
color: #fff;
text-decoration: none;
font-size: 14px;
font-weight: 400;
border: 0;
margin: 0;
background: #35aa19
}
.modal_sale__main_content--promokod a:hover {
background-color: #3cca39;
color: #fff
}
.modal_sale__main_content--promokod a:active {
color: #9cdb9b
}
.fancybox-close-small:after {
background: none !important;
color: #000 !important;
outline: none !important;
font-size: 22px
}
.fancybox-close-small:hover:after {
background: none !important;
color: #000 !important;
outline: none !important
}
@keyframes modal_sebau {
from {
height: 100px
}
to {
height: 0
}
}
.modal_main__sebau {
transform: translateX(3000px);
animation-name: modal_sebau;
animation-delay: 1s;
animation-duration: .1s;
animation-fill-mode: forwards;
}
.subscribe_p {
float: left;
width: 100%;
text-align: center;
color: #000;
font-size: 15px;
margin-bottom: 17px
}
.share_link {
float: left;
width: 100%;
display: flex;
justify-content: center
}
.share_link img {
display: none
}
.share_link .sharer_btn__vis {
display: block;
list-style: none;
}
.cont_checkeraut {
float: left;
width: 100%;
max-width: 450px;
display: table;
margin-left: auto;
margin-right: auto;
padding-bottom: 20px;
border-bottom: 1px solid rgba(202,202,202,0.35);
margin-bottom: 15px
}
.promo_soc {
width: auto;
float: left
}
.promo_soc li {
width: 24px;
height: 24px;
float: left;
border-radius: 2px;
margin-left: 2px;
margin-right: 2px
}
.promo_soc li a {
width: 100%;
float: left;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
border-radius: 2px;
transition: .3s
}
.promo_soc li a svg {
height: 15px;
width: auto;
float: left
}
.promo_soc li a svg path {
fill: #fff
}
.promo_soc li a:hover {
opacity: .7
}
.promo_soc li:first-child {
background-color: #406fa0
}
.promo_soc li:nth-child(2) {
background-color: #3b539a
}
.promo_soc li:nth-child(3) {
background-color: #fd6700
}
.promo_soc li:nth-child(4) {
background-color: #f0352c
}
.promo_soc li:nth-child(5) {
background-color: #00abf1
}
.promo_soc li:nth-child(6) {
background-color: #86429e
}
.promo_soc li:nth-child(7) {
background-color: #22c655
}
.promo_subs__wrap {
float: left;
width: 100%
}
.promo_subs__wrap p {
float: left;
width: 100%;
text-align: center;
color: #000;
font-size: 15px;
margin-bottom: 26px
}
.promo_subs__wrap form {
float: left;
width: 100%;
display: flex;
justify-content: center;
align-items: center
}
.promo_subs__wrap form input {
width: 178px;
height: 41px;
box-shadow: 0 3px 9px rgba(0,0,0,0.1);
border-radius: 2px;
border: 1px solid rgba(113,113,113,0.15);
background-color: #fff;
padding: 0 16px;
font-size: 12px;
margin-right: 7px;
color: #000
}
.promo_subs__wrap form input::placeholder {
color: #878787
}
.promo_subs__wrap form a {
width: 179px;
height: 41px;
box-shadow: 0 3px 9px rgba(0,0,0,0.1);
border-radius: 2px;
background-color: #000;
display: flex;
justify-content: center;
align-items: center;
color: #fff;
font-size: 13px;
font-weight: 400;
text-decoration: none;
transition: .3s
}
.promo_subs__wrap form a:hover {
background-color: #303030
}
.sorry_wrap {
float: left;
width: 100%;
padding-bottom: 21px;
border-bottom: 1px solid rgba(202,202,202,0.35);
margin-bottom: 27px;
max-width: 490px;
display: table;
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px
}
.sorry_wrap .sorry_p {
float: left;
width: 100%;
color: #000;
font-size: 15px;
display: flex;
justify-content: flex-start;
align-items: center
}
.sorry_wrap .sorry_p img {
margin-right: 17px
}
.sorry_wrap .sorry_p {
float: left;
width: 100%;
color: #000;
font-size: 15px;
display: flex;
justify-content: flex-start;
align-items: center
}
.sorry_wrap .sorry_p img {
margin-right: 17px
}
.same_choise {
float: left;
width: 100%;
max-width: 588px;
display: table;
margin-left: auto;
margin-right: auto
}
.same_choise span {
float: left;
width: 100%;
text-align: center;
color: #000;
font-size: 15px;
margin-bottom: 25px
}
.same_choise ul {
float: left;
width: 100%;
display: flex;
justify-content: space-between;
align-items: flex-start;
list-style: none;
padding: 0;
}
.same_choise ul li {
float: left;
width: 100%;
max-width: 117px
}
.same_choise ul li a {
float: left;
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
text-decoration: none
}
.same_choise ul li a:hover p {
color: #2b2b2b
}
.same_choise ul li img {
max-height: 48px;
object-fit: cover;
float: left;
width: 100%
}
.same_choise ul li p {
float: left;
width: 100%;
margin-top: 14px;
color: #9b9b9b;
font-size: 12px;
text-align: center;
transition: .3s
}
.col-5{
width: 50%;
padding: 0 15px;
}
@media only screen and (max-width : 768px) {
.col-5 {
width: 100%;
}
.mobile_logo_site img {
max-height: 100%;
}
.black-friday-link{
display: block;
margin-left: auto;
margin-right: auto;
width: fit-content;
text-align: center;
}
}
.text_about {
font-size: 16px;
padding-right: 50px; }
.list_cards .card_title small{
word-break: break-word;
}
@media only screen and (max-width: 768px) {
.wrapper_for_copy_right .banner_promo img {
height: auto;
}
}
/* End */
/* /_html/css/main.css?170929212152574 */
/* /_html/libs/ms-Dropdown/css/msdropdown/dd.css?15814185094279 */
/* /_html/libs/slick/slick.css?15814185091776 */
/* /_html/libs/slick/slick-theme.css?15814185093145 */
/* /_html/libs/magnific-popup/magnific-popup.css?15814185096951 */
/* /local/templates/rukodi_redesign/components/bitrix/search.title/header_search/style.css?15911843664284 */
/* /local/templates/rukodi_redesign/template_styles.css?176937073911482 */