body{ padding: 110px 0 0 0 }

/* --------------------------------------------------------------------------------- */
/* NAV_TOP */

.TOP_BAR { position: fixed;  z-index: 101;  width: 100%;  top: 0; background: var(--eco-white); }

.logo_cont{ position: relative; z-index: 1;}

.logo_img img{ width: 150px;}

/* FIXED animation */
.fixed_menu .logo_img img{ width: 120px}
.fixed_menu.TOP_BAR,
.internal .TOP_BAR{}
.fixed_menu .TOP_BAR_cont {padding: 5px 0; box-shadow: var(--eco-shadow2);}


.TOP_BAR_cont{ margin-top: 30px; padding: 15px 0;}

.NAV_TOP { background: var(--eco-green); position: absolute; left: 0; top:0; width: 100%;}
.NAV_TOP {font-size: 15px;}

/*.....................*/
.NAV_TOP_LINKS a:focus,
.NAV_TOP_LINKS a{ color: var(--eco-white); padding: 2px 10px; margin-right: 15px; border-radius: var(--eco-radius); border: 2px solid var(--eco-green);}
.NAV_TOP_LINKS a:hover {color:var(--eco-green1); background: var(--eco-white);  border: 2px solid var(--eco-white);}
.NAV_TOP_LINKS a.active {color:var(--eco-white); background: var(--eco-transparent);  border: 2px solid var(--eco-white);}
/*.....................*/
.NAVS{ display: -webkit-flex; /* Safari */  display: flex; -webkit-justify-content: space-between; /* Safari */  justify-content: space-between; align-items:center; }
/*.....................*/

.NAV_MAIN { position: absolute; left: 0; right: 0; margin: 0 auto; margin-top: 0px; justify-content: center;  margin-top: -15px; z-index: 0}

.NAV_MAIN .nav-item{ margin: 0 4px}
.NAV_MAIN .nav-link{ font-size: 15px; color: var(--eco-gray3); border: 2px solid var(--eco-white); border-radius: var(--eco-radius); padding: 3px 15px}
.NAV_MAIN .nav-link.active,
.NAV_MAIN .nav-link.active:hover{ border-color: var(--eco-gray1); /*color: var(--eco-gray1);*/ }
.NAV_MAIN .nav-link:hover{ border-color: var(--eco-blue); color: var(--eco-blue); }
/*.....................*/
.NAV_TOGGLE{display: none;}


.FILTER_BLOCK { padding: 15px 0; margin-bottom: -15px;}
.FILTER_BLOCK h3{ font-size: 20px; font-weight: 100; text-align: center; margin: 3px 0}
.FILTER_BLOCK .col-title{ float: left; width: 170px}
.filter_vouchers {display: flex;}
.filter_vouchers .nav-link{ margin-right: 5px; font-size: 15px; color: var(--eco-gray3); border: 2px solid var(--eco-transparent); border-radius: var(--eco-radius); padding: 3px 15px}
.filter_vouchers .nav-link.active:hover,
.filter_vouchers .nav-link.active{ border-color: var(--eco-gray1); color: var(--eco-gray1); }
.filter_vouchers .nav-link:hover{ border-color: var(--eco-blue); color: var(--eco-blue); }
.filter_vouchers .nav-link:disabled,
.filter_vouchers .nav-link:disabled .number{color: var(--eco-gray4);}
.filter_vouchers .nav-link:disabled:hover {border-color: var(--eco-transparent);}



.swipe-layout { display: none; position: fixed; background: var(--eco-fade);  left: 0; right: 0; bottom: 0; top: 0; z-index: 9; }


.SAVED-ITEMS { display: none;}


/* --------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------- */
/* NAV_TOP ICONS */

.my-nav a i.fas{ font-size:24px; color:var(--eco-gray1);}
.dropdown-toggle::after { font-family: 'icomoon' !important; line-height: 1; margin: 0; content: "\e900"; border: 0; width: auto; height: auto; font-size: 24px; color:var(--eco-gray1);}

.NAVS .icon-top{ padding: 10px; border: 0; display: flex; }
.NAVS .nav-item.dropdown{ padding: 0}

.NAV_ACCOUNT{}


/* --------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------- */
/* NAV_TOP SEARCH */
.show_search .SEARCH-container{ display: block;}
.show_search .SEARCH-container .SEARCH-scrolled,
.internal .fixed_menu .SEARCH-container .SEARCH-scrolled { top: -85px; }
.internal .SEARCH-container .SEARCH-scrolled{ top: -100px;}

.SEARCH-container{ position: relative; /*display: none;*/}
.SEARCH-container .SEARCH-scrolled{ position: absolute; right: 15px; height: 0; top: -150px; width: 395px;}
.index .SEARCH-container .SEARCH-scrolled{ width: 350px}
.SEARCH-container .SEARCH-scrolled .form-control{ padding: 9px 15px; font-size: 15px;}
.SEARCH-container .SEARCH-scrolled .button-SEARCH{ background: var(--eco-white); border: 0; color: var(--eco-gray1); padding: 0px 10px;}

.SEARCH-scrolled .smalltext{ display: none;}


.form-SEARCH { position: relative;}
.form-SEARCH .twitter-typeahead{ display: block !important;}

.form-SEARCH .smalltext{ position: absolute; margin: 5px 15px}

.typeaheadSearch{ font-size: 18px; border: 1px solid var(--eco-gray4); box-shadow: var(--eco-shadow1);}

.button-SEARCH { position: absolute; padding: 0px 25px; z-index: 1 !important; right: 5px; top: 5px; bottom: 5px}

/* typehead .................................................................................................... */

.tt-menu{ width: 100%; background:var(--eco-white); 	box-shadow:var(--shadow1); 	border-radius:var(--eco-radius);}
.twitter-typeahead{width: 100%;}

.tt-suggestion{padding: 0;}
.tt-suggestion a { display: block; padding: 10px; margin: 0; color: var(--eco-gray); background-image: url(images/arrow.png); background-repeat: no-repeat; background-position:  right center;}

.tt-suggestion a span {display: block; border: none;}
.tt-suggestion a span.brand-info{display: inline-block; vertical-align: middle;}
.tt-suggestion a .logo-retailer-md {  display: inline-block; vertical-align: middle; }
.tt-suggestion span.logo-retailer-md{  margin-right: 10px;}

.tt-suggestion span.brand-category{ color: var(--eco-gray1); }

.tt-menu .tt-dataset{ }

.tt-dataset .tt-suggestion{ border-top:1px solid #eee; padding: 0;}
.tt-dataset .tt-suggestion:first-child{ border-top:none;}

.tt-suggestion .logo-retailer-md{ width: 65px; height: 65px;}

.tt-dataset a.total{ background:var(--eco-blue); color:var(--white);}
.tt-dataset a.total:hover{ background:var(--eco-orange);}
.tt-dataset a:hover{ background:var(--gray-lightest);}
.tt-dataset p{ margin:0; color:var(--eco-gray1); font-size:12px;}

.button-SEARCH,
.form-SEARCH .fa-search{z-index: 10}

.tt-hint{color:var(--eco-gray4)}
.tt-highlight{color: var(--eco-orange);}
#scrollable-dropdown-menu .tt-menu { max-height: 350px; overflow-y: auto;}

.index #scrollable-dropdown-menu .tt-menu { max-height: 370px; overflow-y: auto;}
.index .tt-suggestion{ font-size: 14px;}
.index .tt-suggestion .logo-retailer-md{ width: 45px; height: 45px;}
.index  .tt-suggestion a {background-position:  right 25px;}

/* ................................. */
/* ico-SEARCH-container */
.ico-SEARCH-container{ position: absolute; right: 105px; top: -50px; opacity: 0}
.internal .ico-SEARCH-container{ top: 0px; opacity: 0}

.ico-SEARCH-scrolled.active{ color: var(--eco-gray4);}
.ico-SEARCH-scrolled{ background: none; border: 0; padding: 0; color: var(--eco-gray1); width: 44px; height: 44px;}
.ico-SEARCH-scrolled i { line-height: inherit; }






/* --------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------- */

/* тоглер респонсив меню */
.cont_nav{position: absolute; right: 0px; z-index: 10;}
.fixed_menu .main_nav__toggle,
.internal .main_nav__toggle{ /*border-left: 1px dashed var(--eco-gray4);*/}
/*.showed-mobile-menu .cont_nav{ border:0;}*/

.main_nav__toggle { width:44px; height:44px;  padding: 0; background: var(--eco-transparent); display:none; border: none;  position:relative; cursor:pointer; z-index:1000; }
.main_nav__toggle span{ width:19px; height:2px; border:none; background-color:var(--eco-gray1); bottom:auto; display:inline-block; left:50%; position:absolute; right:auto; top:50%;  z-index:10; -moz-transform:translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%); -webkit-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%);}
.main_nav__toggle span:before,
.main_nav__toggle span:after{ height:2px; background-color:var(--eco-gray1); content:""; border:none; position:absolute; right:0; top:0; width:100%; -moz-transform:translateZ(0);-ms-transform:translateZ(0);-webkit-transform:translateZ(0);transform:translateZ(0);-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-transition:-moz-transform 0.3s;-o-transition:-o-transform 0.3s;-webkit-transition:-webkit-transform 0.3s;transition:transform 0.3s;}
.main_nav__toggle span:before{-moz-transform:translateY(-7px) rotate(0deg);-ms-transform:translateY(-7px) rotate(0deg);-webkit-transform:translateY(-7px) rotate(0deg);transform:translateY(-7px) rotate(0deg);}
.main_nav__toggle span:after{-moz-transform:translateY(7px) rotate(0deg);-ms-transform:translateY(7px) rotate(0deg);-webkit-transform:translateY(7px) rotate(0deg);transform:translateY(7px) rotate(0deg);}


.main_nav__toggle.close-nav{ position: relative; border-color: var(--eco-transparent);}
.main_nav__toggle.close-nav span{width:24px; background-color: var(--eco-transparent);}
.main_nav__toggle.close-nav span:before,
.main_nav__toggle.close-nav span:after{background-color:var(--eco-white); }
.main_nav__toggle.close-nav span:before{-moz-transform:translateY(0) rotate(45deg);-ms-transform:translateY(0) rotate(45deg);-webkit-transform:translateY(0) rotate(45deg);transform:translateY(0) rotate(45deg);}
.main_nav__toggle.close-nav span:after{-moz-transform:translateY(0) rotate(-45deg);-ms-transform:translateY(0) rotate(-45deg);-webkit-transform:translateY(0) rotate(-45deg);transform:translateY(0) rotate(-45deg);}




/* --------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------- */
/* INDEX SLOGAN */

.MY-HEADER{ padding: 35px;}

.slogan{ justify-content: center; text-align: center; margin-bottom: 15px;}
.slogan h1{font-size: var(--fs1); font-weight: 700; color:var(--eco-blue)}
.slogan h1 span:nth-child(2){color:var(--eco-green);}
.slogan h1 span:nth-child(3){color:var(--eco-blue);}
.slogan p {color:var(--eco-gray); font-size: var(--fs4); font-style: italic;}

.slogan h1,
.slogan p { margin-bottom: 30px}

.HEADER-HEIGHT{justify-content: center; position: relative;}


/* ECO VISUAL1 */
.eco_visual{ position: absolute; z-index: -1; max-width: 1200px; left: 0; right: 0; margin: 0 auto;}
.eco_visual .cloud{ background-image: url("images/eco_visual/cloud.svg"); }
.eco_visual .sun{  background-image: url("images/eco_visual/sun.svg"); width:52px; height: 52px; top: -25px; right: 70px;}
.eco_visual .green,
.eco_visual .cloud,
.eco_visual .sun{ position: absolute; background-size: contain; background-repeat: no-repeat;}
.eco_visual .cloud.c1{right: 0; top:25px; width: 40px; height: 22px;}
.eco_visual .cloud.c2{left: 85px; top:0px; width:47px; height: 27px;}
.eco_visual .cloud.c3{left: 0px; top:35px; width: 20px; height: 10px}

.eco_visual .tree{background-image: url("images/eco_visual/green/tree.svg?1"); left: -20px; top:-75px; width: 52px; height: 77px}
.eco_visual .bike{background-image: url("images/eco_visual/green/bike.svg?1"); left: 50px; top:-37px; width: 66px; height: 38px}
.eco_visual .wind{background-image: url("images/eco_visual/green/wind.svg?1"); right: -20px; top:-96px; width: 125px; height: 96px}
.eco_visual .family{display: none; background-image: url("images/eco_visual/green/family.svg?1"); right: 0px; left: 0; margin: 0 auto; top:-29px; width: 53px; height: 30px}

.eco_visual .tree_footer{background-image: url("images/eco_visual/green/tree.svg?1"); left: -20px; top:-60px; width: 43px; height: 64px}
.eco_visual .bike_footer{background-image: url("images/eco_visual/green/bike.svg?1"); left: 17px; top:-28px; width: 52px; height: 30px}
.eco_visual .wind_center{background-image: url("images/eco_visual/green/wind.svg?1"); right: 0px; left: 0; margin: 0 auto; top:-70px; width: 90px; height: 70px}
.eco_visual .ecocar{background-image: url("images/eco_visual/green/ecocar.svg?1"); right: -20px; top:-30px; width: 125px; height: 33px}


/* --------------------------------------------------------------------------------- */
/* DROP-DOWN menu */
.dropdown-menu{ opacity: 1; border-radius: 10px; padding: 0; overflow: hidden; box-shadow: var(--eco-shadow3); border: 0;}
.dropdown-item{ color: var(--eco-gray3); font-size: var(--fs5); padding: 8px 15px; border-bottom: 1px solid var(--eco-gray5);}
.dropdown-item.active, .dropdown-item:active{ background-color: var(--eco-blue);}
.dropdown-item.active i, .dropdown-item:active i{ color: var(--eco-white) !important;}
.dropdown-item:last-child{ border: 0;}
.dropdown-divider{ border-top: 1px dashed  var(--eco-gray5); margin: 0;}


/* --------------------------------------------------------------------------------- */
/* _eco__background */
._eco__background{ position: relative; margin-top: 60px; background: linear-gradient(180deg, var(--eco-green) 5.73%, rgba(162, 191, 100, 0.30) 37.50%, rgba(235, 255, 156, 0.16) 100%);}
._eco__background .my-title{ color: var(--eco-white);}


/* --------------------------------------------------------------------------------- */
/* _brands_logos */
._brands { position: relative; top: -60px; margin-bottom: -60px;}

._brands_logos_scroll{ margin: 0 auto; padding-top: 30px; margin-top: -30px; overflow-x: auto; scroll-behavior: smooth; display: flex;  align-items: center; justify-content: center;}
._brands_logos_scroll{ -ms-overflow-style: none;  overflow: -moz-scrollbars-none;}
._brands_logos_scroll::-webkit-scrollbar { display: none; width: 0}

._brands_logos li{ padding: 0 7px; margin-bottom:15px; vertical-align: top; list-style: none;}

._brands_logos a{  color: var(--eco-gray3); font-size: var(--fs7);}

._brands_logos p{ margin-top: 10px;}
._brands_logos p a{  display: inherit;}



/* brand logo */
._brand_logo{display: inline-block; position: relative; text-decoration: none; vertical-align: middle; text-align: center;  }
._brand_logo .eco-score{ opacity: 0; top: 10px; left: 5px; z-index: 1}

a._brand_logo:hover .eco-score{opacity: 1; top: -30px;}
a._brand_logo:hover .logo_size_{ margin-top:-15px; box-shadow: var(--eco-shadow3); }


._brands_logos.BRANDS_SEARCH_RESULT{ margin: 0;}


._brands_logos._list { text-align:center; }
._brands_logos._list li{ display: inline-block; width: 150px; margin: 0 10px 10px; padding: 0 }
._brands_logos._list li a{ text-decoration: none;}
._brands_logos._list .logo_size_md{ width: 150px; height: 150px;}

._brands_logos._list a._brand_logo:hover .logo_size_{ margin-top:0px; transform: scale(1.13); }


/* 2024-03-02 */
._brands_logos._list._list_sm { padding: 0}
._brands_logos._list._list_sm li{ width: 90px; margin: 0 7px 20px;}
._brands_logos._list._list_sm .logo_size_md{ width: 90px; height: 90px;}
._brands_logos._list._list_sm a._brand_logo:hover ._ecoscore{ top:-15px;}
._brands_logos._list._list_sm .icon_svg { width: 24px; height: 24px; }
._brands_logos._list._list_sm a._brand_logo:hover ._ecoscore_rank { margin-left: 30px;}

._right_col{ padding: 15px 0}



/* _brand_header */
._brand_header { box-shadow: var(--eco-shadow2);}
._brand_header ._brand_logo{ padding: 0 20px}
._brand_header .my-title{ padding-bottom:0px}
._brand_header .my-title h1{ margin-bottom:10px}


.btn-score { position: relative; margin-top: 20px; padding: 15px 30px;}
.btn-score .score_size_xl{ top: -22px; left: -18px;}






/* --------------------------------------------------------------------------------- */
/* .VOUCHER */
.VOUCHER{ position:relative; background:var(--eco-white); box-shadow:var(--eco-shadow2); 	border-radius:var(--eco-radius);  }
.VOUCHER-SMALL {overflow: hidden; padding: 0; margin-bottom: 15px;}

/* .VOUCHER_VISUAL */
.VOUCHER_VISUAL{ display:block; overflow: hidden; height: 185px; position: relative;}
.VOUCHER_VISUAL.object-fit-contain img{ height: 185px;}
.VOUCHER_VISUAL.object-fit-contain img.img_logo{ padding: 25px 35px; }
.VOUCHER_VISUAL.object-fit-cover img.img_logo{ padding: 0px; }
.VOUCHER a span{ border: none !important;}


/* ._product_item */
._product_item img.img_product_abs{ z-index: 0; filter: blur(3px); left: -1px; right: 0px; object-fit: cover;}

._offer_image_item img.img_offer,
._product_item img.img_product{ position: absolute; z-index: 2; top: 12px; object-fit: cover; height: 150px; width: 150px; background: white; border-radius: 10px; box-shadow: var(--eco-shadow3); left: 0; right: 0; margin: 0 auto;}


._offer_image_item .shadow,
._product_item .shadow{background: #000; opacity: 0.07; position: absolute; height: 100%; z-index: 1; width: 100%;}

._offer_image_item img.img_offer {height: 76px; width: 76px; top: 125px; left: 15px; right: auto; box-shadow: var(--shadow0); object-fit: contain;}



._voucher_content{ padding: 20px; text-align: center; border-top: 1px dashed var(--eco-gray4); border-bottom: 1px dashed var(--eco-gray4);}
._voucher_content ._title{ margin: 5px 0 0 0}
._voucher_bottom{ padding: 15px; display: flex; align-items: baseline; justify-content: space-between;}
._voucher_bottom p{margin: 0;}
._voucher_date{ padding: 1px 7px; margin-left: 15px; color: var(--eco-gray3); border-radius: var(--eco-radius); font-weight: bold; font-size: var(--fs7); text-transform: uppercase; box-shadow: var(--eco-shadow2); white-space: nowrap;}
._voucher_date i { font-size: var(--fs6); margin: -2px 5px 0 0}
._voucher_date.expired_soon { color: var(--eco-white); background: var(--eco-orange)}

.voucher-title span{ color: red;}


/* .VOUCHER-EXPANDED */
.VOUCHER-EXPANDED{ padding: 25px 20px; margin: 15px 0}
.VOUCHER-EXPANDED ._brand_logo{ float: left; margin-top: -20px}
.VOUCHER-POPUP ._brand_logo .eco-score,
.VOUCHER-EXPANDED ._brand_logo .eco-score{opacity: 1; top: -17px;}
.VOUCHER-EXPANDED ._brand_logo:hover .eco-score{top: -17px;}
.VOUCHER-EXPANDED ._brand_logo:hover .logo_size_{margin-top:0px;}
.VOUCHER-POPUP ._brand_logo .eco-score,
.VOUCHER-EXPANDED ._brand_logo .eco-score{ width: 32px; height: 32px}
.VOUCHER-EXPANDED ._brand_logo .date{ text-align: center;}
.VOUCHER-EXPANDED .col-lg-4{ width: 30%; border-left: 1px solid #EFEFEF; padding-left: 20px}

.VOUCHER-EXPANDED .btn-secondary{ padding: 8px 30px}

.VOUCHER-EXPANDED .category_links,
.VOUCHER-EXPANDED ._voucher_content_expand{ margin-left:150px;}

.VOUCHER-POPUP ._brand_logo .eco-score{ top: -15px; left: -15px;}
.VOUCHER-POPUP .category_links { padding: 15px 0 5px 0; }
.VOUCHER-POPUP .category_links a{ text-decoration: none;}
.VOUCHER-POPUP ._voucher_actions .date b{ color: var(--eco-orange);}


/* ._voucher_popup */
._voucher_popup{ padding-top:20px;}
._voucher_popup .modal-body{ padding: 15px 45px;}


._voucher_actions{ text-align: center;}

/* date */
.date { font-size: 12px;}
.date i.far { font-size: 16px; vertical-align: text-top;}
.date b{ text-transform: uppercase;}



.BTN-SAVE,
.BTN-SHARE { width: 48%; margin-top:10px;}
.BTN-SAVE { float: left;}
.BTN-SHARE { float: right;}

.btn .fa-share-alt{ color: var(--eco-blue);}
.btn .fa-heart {color: #f00}
.btn.active .far-fa-heart,
.btn .fas-fa-heart{ display: none;}

.btn.active .fas-fa-heart,
.btn .far-fa-heart{ display: block;}


/* CONTAINER-LEFT */
.CONTAINER-LEFT { position: relative; border-top: 10px solid var(--eco-green); border-radius: 10px; padding-top: 30px; margin-top: 15px}
.CONTAINER-LEFT .eco_visual {z-index: 1}
.CONTAINER-LEFT .eco_visual .tree { left: 140px; top: -100px; width:42px; height: 62px}
.CONTAINER-LEFT .eco_visual .bike { left: 175px; top: -67px; width:50px; height: 29px}

._brand_container .CONTAINER-LEFT{ margin-top: 50px;}


/* _voucher_content_expand */
._voucher_content_expand{ padding: 0 20px 0 0}
._voucher_content_expand ._title{ margin: 10px 0 10px 0;}

.voucher_description a{text-decoration: underline;}

._view_more.btn{ width: 100%; margin-top: 7px;}




.VOUCHER-SMALL .eco-score{ top: 10px; left: 10px; z-index: 2}

.VOUCHERS-LIST-TOP .row > * {padding-right: 7px; padding-left: 7px}
.VOUCHERS-TOP { border-bottom: 1px dashed var(--eco-gray4);}


/* --------------------------------------------------------------------------------- */
/* about */
._about_ecoscanner{}
._about_ecoscanner ._pad1{padding-right: 40px}
._about_ecoscanner ._pad2{padding-left: 40px}

._about_ecoscanner .content-txt{font-size: var(--fs4);}
.visual_about{ border-left: 1px dashed var(--eco-gray4);}
.visual_about img{ margin-top: -20px; max-width: 100%; /*width: 100%;*/ height: auto;}


/* --------------------------------------------------------------------------------- */
/* _BANNER */
._BANNER{ background: #18326B; /*linear-gradient(180deg, #4848B8 0%, #0E978F 100%);*/}
._BANNER .col{margin: auto;}
._BANNER h2 { font-size: var(--fs1);}
._BANNER h2 span.deco{ color: var(--eco-green2);}
._BANNER h3 { font-size: var(--fs2); margin: 0 0 20px 0}


/* --------------------------------------------------------------------------------- */
/* ._categories */
._categories ._categories_title{order:2;}
._categories ._categories_list{order:1;}
._categories .my-title ._img{ margin: 30px 0}

/* _categories_item */
._categories_item { display: flex; position: relative; padding: 10px 20px; margin-bottom: 15px; text-align: left; color: var(--eco-gray3); text-decoration: none; box-shadow: var(--eco-shadow2); border-radius: var(--eco-radius); border: 2px solid var(--eco-white); }
._categories_item:hover { border: 2px solid var(--eco-green); color: var(--eco-green1);}
._categories_item:hover img { transform:scale(0.8);}
._categories_item span {border: none;}
._categories_item ._img { padding: 0 20px 0 0; border-right: 1px solid var(--eco-gray4); filter: hue-rotate(20deg); /*filter: saturate(30%);*/ }
._categories_item ._text { margin: auto 20px; }
._categories_item ._letter { position: absolute;; /*top: 50%;*/ left: -20px; margin: 10px 0; /*margin:-9px 0 0 -6px;*/ }


/* top_deals categories */
._small ._categories_item { box-shadow: none; margin: 0 0 5px 0; padding: 7px 15px; text-decoration: none;}
._small ._categories_item img{ width: 24px; height: 24px; margin: 0px;}

._small ._categories_item::after {content: ""; border-top: 1px solid var(--eco-gray4_1); width: 100%; position: absolute; left: 0; top: -5px; z-index: -1;}
._small ._categories_item._first::after  {border-top: 0;}

._small ._categories_item:hover img { transform:scale(1.2);}
._small ._categories_item ._letter{left: -10px; margin: 0; }
._small ._categories_item:hover ._letter{ display: none;}




/* --------------------------------------------------------------------------------- */
/* _BLOG */
._BLOG{ background: #F8F9F6; /*linear-gradient(180deg, #F1FFDF 0%, #FAF9F2 100%);*/ }
._BLOG ._title a{ font-size: 20px}

/* --------------------------------------------------------------------------------- */
/* FAQ */
._FAQ .my-title ._img{ margin: 30px 0}


/* --------------------------------------------------------------------------------- */
/* RETAILERS-LINKS */
.RETAILERS-LINKS{ border-top: 1px dashed var(--eco-gray4);}
.RETAILERS-LINKS a.nav-item { padding: 8px 5px; margin: 0 -5px; text-decoration:none; }
.RETAILERS-LINKS a.nav-item ._letter{ position: absolute; margin-left: -18px}
.RETAILERS-LINKS a.nav-item:hover{ border: 2px solid var(--eco-green); border-radius: var(--eco-radius); padding-left:7px; padding-right: 7px; margin-left: -9px; margin-right: -9px}
.RETAILERS-LINKS a.nav-item:hover ._letter{display: none}

/* */
nav.MY-footer-nav .nav-item{border-top: 1px solid var(--eco-gray4_1);}
.MY-footer-nav a { color: var(--eco-gray3); font-size: 14px; }


/* --------------------------------------------------------------------------------- */
/* .RETAILERS-LINKS *
.RETAILERS-LINKS a{ display: block;  padding:3px 0; }
.RETAILERS-LINKS a:hover{ color:var(--white); background:var(--orange); padding:3px 5px; }
.RETAILERS-LINKS li{ border-top:1px solid var(--gray-lightest2)}
*/


/* --------------------------------------------------------------------------------- */
/* MY-bottom-layer */
.MY-bottom-layer{ background: rgba(255,255,255,0.92); box-shadow:var(--shadow-top); position:fixed; bottom:0; left:0; right:0; transition:bottom ease-in-out 200ms;  z-index:1000;}
.MY-bottom-layer .close{ margin-left:30px}


/* --------------------------------------------------------------------------------- */
.ALPHABET{ background: rgba(255,255,255,0.95); z-index: -1; position: absolute; margin: 0 auto; margin-top: 0px;  left:0; right: -5px;}
.nav_letters { padding: 0; list-style: none; margin: 0;}
.nav_letters li{ display: inline-block; padding: 0; }
.nav_letters li a{text-decoration:none; padding: 0; padding: 7px 5px; display: block; text-align: center; color: var(--gray-dark); font-size: 12px;}
.nav_letters li a span{width:17px; display: block; border: none; border-radius: 30px}
.nav_letters li a.disabled span{color:var(--gray-light); border-radius: 2px}
.nav_letters li a.disabled span:hover{color:var(--gray-light); background: none;}
.nav_letters li a:focus span{ background:var(--eco-green); color:var(--white);}
.nav_letters li a:hover span{ background:var(--eco-blue); color:var(--white);}



/* _product_info */
._product_info{ font-size: 14px; /*font-weight:bold;*/ margin: 5px -5px 0 -5px}
._product_info .price_new{ margin: 0 5px}
._product_info .marked{ color: var(--eco-orange); font-weight: bold;}
._product_info .deco{ display: inline-block; margin: 0 5px; padding: 2px 8px; box-shadow: var(--eco-shadow2_1); border-radius: 10px; color:var(--eco-orange);}

.price_old{ margin: 0 5px; color: var(--eco-gray1); position: relative;}
.price_old::after { content: ""; display: block; position: absolute; opacity: 0.4; width: 120%; left: -10%; right: 0; top: 45%; border-bottom: 2px solid var(--red); }

.icon-tags{ display:inline-block; vertical-align: bottom; background-image: url(images/icons/icon/fa-tags.svg); background-repeat: no-repeat; width: 22px; height: 22px;}



/* brand page */
.h-img{ padding: 0 15px;}


/* LOADER */
.ico-LOADER,
.search-LOADER{ display: none; }
.search-LOADER  .lds-flickr{ margin: 0 auto;}
.search-LOADER-show{ display: block; }


/* ._category_header */
._category_header { box-shadow: var(--eco-shadow2);}
._category_header .my-title{ padding-bottom:0px}
._category_header .my-title h1,
._category_header .my-title p:last-child{ margin-bottom:0px}



/* FOOTER */
.FOOTER {background: var(--eco-blue); padding: 75px 0; color: var(--eco-white)}
.FOOTER a{ color: var(--eco-white); text-decoration: none; font-weight: 100;}
.FOOTER a:hover{ color: #FEFFBC;}
.FOOTER .nav-item{ margin: 2px 0;}
.FOOTER ._legal{ padding-top: 30px}

.MY-icons-social a{ padding: 7px; font-size: 28px}

._about_company{ font-weight: 100;}
._partner_logos{ justify-content: center; margin-top: 30px}
._partner_logos .logo a{ width: 160px; margin:0 5px; display: flex; justify-content: center; align-items: center; background: #fff; padding: 10px 20px; border-radius: 30px; box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.25); border: 2px solid #fff; }
._partner_logos .logo a:hover{ transform: scale(1.05);}
._partner_logos .logo_wlt img{ width: auto; height: 35px;}
._partner_logos .logo_neutral img{ width: 100; height: auto;}

._partner_logos .logo_exeter a { background: #003c3c}
._partner_logos .logo_exeter img{ width: auto; height: 40px;}
._partner_logos .logo_set img{ width: auto; height: 38px;}


.FOOTER ._right_col{ display: flex; flex-direction: column; align-items: flex-end;}

.FOOTER .logo_ecoscanner{ width: 200px; margin-right: 30px; margin-bottom: 30px}
.FOOTER .logo_ecoscanner p{ right: -30px; position: relative; margin: 10px 0; font-size: 13px; font-weight: 100;}


/* .content-txt h1 */
.content-txt h1{ text-align: center;}


/* _contacts */
._contacts {border-right: 1px dashed var(--eco-gray4);}


/*_popup_favourites */
._popup_favourites .fa-heart{ font-size: 60px; color: #f00;}
._popup_favourites .name{display: block; margin-bottom: 5px;}


._popup_share .MY-popup-title i{ color: var(--eco-blue);}


._vouchers_expired{ color: var(--eco-gray1_1); padding: 15px 20px; }
._vouchers_expired h3{ font-size: var(--fs18_16); font-weight: bold; line-height: normal; margin-bottom: 5px;}
._vouchers_expired .date{ margin-bottom: 0}


._show_more_deals p{ margin-bottom: 5px;}

.eco-circle { position: relative; margin: 0 auto;}
.eco-circle p{ position: absolute; left: 0; right: 0; margin: 0 auto; text-align: center; width: 45%; line-height: 130%; font-size: 15px; bottom: 75px; font-style: italic;}

.eco_score{position: absolute; bottom: 10%; left: 17%;}
.eco_brands{ position: relative; margin: 0 auto; display: inline-block;}