html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, input {
    outline: none;
  }

body {overflow-y: scroll;}

/* --------------------------------------------------------------------------------- */
/* BASE STYLES */
a{ color:var(--eco-blue);}
a:hover{ color:var(--eco-orange); text-decoration: none;}

a span{ /*border-bottom:1px solid;*/}
a:hover span{ border-bottom:none;}

body{ font-family:'Open Sans', sans-serif; color:var(--gray-dark); font-size: var(--fs14_13);}

/* FA icons */
.fas, .far, .fab, [class^="fa-"], [class*=" fa-"] { font-size: 24px;}


/* .form-control */
.form-control{ border-color: var(--eco-gray4_2); font-size: 16px; padding: 13px 15px; border-radius: var(--eco-radius);}
.form-control:focus{ border-color: var(--eco-green); box-shadow: 0 0 0 .25rem rgba(0, 204, 51,.15);}
.form-control::placeholder { color: var(--eco-gray1);}

/* .form-check-input */
.form-check-input{border-color: var(--eco-gray4); width: 1.2em; height: 1.2em; margin-top: 0.18em;}
.form-check-input:focus{border-color: var(--eco-green); box-shadow: 0 0 0 .25rem rgba(0, 204, 51,.15);}
.was-validated .form-control:valid{border-color: var(--eco-green);}
.form-check-input:checked,
.form-check-input.is-valid:checked,
.was-validated .form-check-input:valid:checked{ background-color: var(--eco-green); border-color: var(--eco-green);}
.form-check .form-check-label{ margin-left: 10px}

/* .btn */
.btn{ text-transform: uppercase; border-radius: var(--eco-radius); background: var(--eco-blue); border: 2px solid var(--eco-blue); text-decoration: none !important;}
.btn:hover{ background: var(--eco-white); color: var(--eco-blue); border-color: var(--eco-blue);}

.btn:first-child:active, :not(.btn-check) + .btn:active{ background: inherit; border-color: inherit; color: var(--eco-green);}


/* btn - design */
.btn-cta,
.btn-cta.btn-lg,
.btn-inverse,
.btn-primary,
.btn-secondary,
.btn-outline-primary,
.btn-outline-secondary{ padding: 10px 30px; font-size:var(--fs_md); font-weight: bold;}

.btn-outline-primary,
.btn-inverse{ color: var(--eco-blue); border: 2px solid var(--eco-blue); background: var(--eco-transparent);}
.btn-outline-secondary{ color: var(--eco-green); border: 2px solid var(--eco-green); background: var(--eco-transparent);}

.btn-outline-primary:hover,
.btn-inverse:hover{ color: var(--eco-white); background: var(--eco-blue); border-color: var(--eco-blue)}
.btn-outline-secondary:hover{ color: var(--eco-white); background: var(--eco-green); border-color: var(--eco-green)}

.btn-cta,
.btn-cta.btn-lg,
.btn-secondary{background: var(--eco-green); border-color:var(--eco-green); /*box-shadow: var(--shadow-green);*/ color: var(--eco-white);}
.btn-cta:hover,
.btn-cta.btn-lg:hover,
.btn-secondary:hover{color: var(--eco-green); border: 2px solid var(--eco-green); background: var(--eco-transparent);}

._text_light .btn-outline-primary{color: var(--eco-white); border: 2px solid var(--eco-white);}
._text_light .btn-outline-primary:hover{background: var(--eco-green2); border-color: var(--eco-green2); color: var(--eco-blue); }

._button_block{ text-align: center;}
.internal ._button_block{ margin: 30px 0}

/* .btn-shadow */
.btn-shadow{background: #FFFFFF; box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25); border-radius: 10px; border: 0; font-size: 14px; font-weight: 500;}
.btn-shadow span{ color: var(--eco-green)}

.btn.btn-shadow.btn-small{ font-size: 12px; padding: 3px 15px; }
.btn.btn-shadow.btn-small:hover{ color:var(--eco-white); background: var(--eco-blue);}



.w100p{ width: 100%}



/* BG COVER */
.bg-cover{ background-repeat:no-repeat; background-size:contain; /* display:block;  background-color:var(--white); background-position:center center;*/}
.bg-cover-blog{width:100%; height:145px; }
.bg-cover.bg-cover-blog{background-size:cover;}


/* Logo retailer */
.logo-retailer{  box-shadow:var(--shadow0); overflow:hidden; border-radius:var(--eco-radius1); }
.logo-retailer-sm{ width:75px; height:75px;}
.logo-retailer-md{ width:120px; height:120px; box-shadow:var(--shadow0); border-radius:var(--eco-radius1); background-color:var(--eco-white);}
.logo-retailer-md2{ width:100%; height:110px;}


/* .image_fit */
.img_fit{object-fit: cover; max-width: 100%; width: 100%; height: auto;}

/* sizes */
.logo_size_{ display: flex; align-items: center; overflow: hidden; border: 0; box-shadow:var(--shadow0); border-radius:var(--eco-radius); background-color:var(--eco-white);}
.logo_size_sm{width:100px; height:100px;}
.logo_size_md{width:120px; height:120px;}
.logo_size_lg{width:130px; height:130px;}


/* animation */
.transition{ transition: all .3s ease-out; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out;}

.smalltext{ font-size: var(--fs8); color: var(--eco-gray1); }


/* object-flex */
.object-flex{ display: flex; align-items: center; color: #fff }
.object-flex img{ object-fit: cover; max-width: 100%;  width: 100%; height: auto;}

/* object-fit ..................................................................... */

.object-fit{ overflow: hidden; background: #fff; color: #fff}
.object-fit:hover{color: #fff}

.object-fit img,
.object-fit-contain img{ width: 100%; height: auto; display: block; object-fit: cover;}
.object-fit-contain img{ object-fit: contain;}
.object-fit-cover img{ object-fit: cover;}

.obf-vertical img{ object-fit: contain; height: 100%; }


/* my-title */
.my-title { padding-bottom:35px}
.my-title h1{ font-size: var(--fs36_24); letter-spacing: -0.75px; margin-bottom: 15px;}
.my-title h2 { font-size: var(--fs2);}
.my-title h1,
.my-title h2{font-weight:bold; line-height: normal;}

.my-title h2 span{ font-weight:100;}
.my-title h2 span._block{ font-size:90%; }
.my-title ._base_text_description{ margin-top: 15px;}

/* my-title-internal */
.my-title-internal{ margin: 40px 0; text-align: center;}
.my-title-internal h2{ font-size: 22px; font-weight: bold; line-height: normal;}

/* _border_bottom */
._border_bottom{ border-bottom: 1px dashed var(--eco-gray4);  }
.my-title-internal._border_bottom{padding-bottom: 20px; }


.pb_20{ padding-bottom: 15px;}


.MY-popup-title h2{ font-size: var(--fs28_22); margin-bottom: 30px; font-weight: bold;}
.MY-popup-title i{ font-size: 40px; color: var(--eco-green);}
.MY-popup-title p i{ font-size: 20px;}
.MY-popup-title .popup_description{ font-style: italic;}

.deco-line { border-top: 1px dashed var(--gray); margin: 30px 0}

._title,
._title a{ font-size:20px; color: var(--eco-gray3); font-weight: bold; line-height: normal; text-decoration: none;}
._title_sm,
._title_sm a{ font-size:var(--fs6); color: var(--eco-gray1); }

._title a:hover{ color: var(--eco-blue);}

._title_deco__blue,
._title_deco{ font-size: var(--fs_deco) !important; font-weight: bold; line-height: 125% !important}
._title_deco span.light{ font-size: var(--fs1); font-weight: bold;}

._title_deco__blue{ color: var(--eco-blue)}
._title_deco__blue ._big{ font-size: var(--fs135_56); display: block; font-weight: bold; letter-spacing: -5px; line-height: 100%; margin-bottom: 30px}

._text_thin{ font-weight: 100;}


._flex{ display: flex;}



/* text-deciorartion */
._voucher_content a,
.VOUCHER a{ text-decoration: none;}
.VOUCHER a img{ color: var(--eco-gray1); font-size: var(--fs6); }

/* .row_8 - для исправления сетки при gap 7 */
.row_8 { margin: 0 -8px; /*padding: 0 8px;*/}

/* _block */
._block{ display: block;}
._base_p{ padding-top: 50px; padding-bottom: 50px;}
._base_p_sm{ padding-top: 30px; padding-bottom: 30px;}
._base_sm_p{ padding-top: 30px; padding-bottom: 30px;}
._base_pt{ padding-top: 30px;}
._base_mb{ margin-bottom: 35px;}

._bg{ background-size: contain; background-repeat: no-repeat;}

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

/* _text_light */
._text_light{ color: var(--eco-white);}

._base_text_description { font-size: var(--fs__general); font-style: italic; line-height: 180%;}

._letter{ color: var(--eco-orange); text-transform: uppercase; font-size: var(--fs6); text-align: center; width: 15px; /*background: #ccc*/ border: 0;}


.hide-bottom{bottom:-150px !important;}


/* .links-inline */
.links-inline a.nav-item { display: inline-block; margin: 0 2px 4px 0; color: var(--eco-gray3); background: var(--gray-lightest);  padding: 1px 6px;  border-radius: 10px; text-decoration: none !important; border: 2px solid var(--gray-lightest); }
.links-inline a.nav-item.active,
.links-inline a.nav-item:hover { border-color: var(--eco-blue); color: var(--eco-blue); }


/* --------------------------------------------------------------------------------- */
/* eco-score */
.eco-score { background-color: var(--eco-white); border-radius: 32px; border: 3px solid var(--eco-white); position: absolute; width: 38px; height: 38px; background-repeat: no-repeat; background-size: contain; box-shadow: var(--shadow4);}
.eco-score.score1 { background-image: url(images/eco/eco-score-1.svg);}

.score_size_xl{ border-radius: 90px; border: 5px solid var(--eco-white); width: 90px; height: 90px;}



.text-left{ text-align: left !important;}

._message{ display: none;}
._message{ /*box-shadow: var(--eco-shadow2);*/ border-radius: 10px; padding: 20px 25px}
._message ._big_icon{ font-size: 72px; margin-bottom: 5px;}
._message.show{ display: block;}
._message.success ._big_icon{ color: var(--eco-green);}
._message .MY-popup-title h2{ margin-bottom: 5px;}


/* _form_container */

._form_container{ padding: 0 50px;}


.MY-bottom-layer .btn{ margin: 0 0 0 20px;}

/* .MY-modal-close */
.MY-modal-close{ position: absolute; z-index: 1; right: 15px; top: 15px}
.MY-modal-close .close{ border: 0;}
.MY-modal-close span{ display: none;}

/*.MY-modal-close .close{ position: relative; border-color: var(--eco-transparent);}*/
.MY-modal-close .close{width:42px; height: 42px; background-color: inherit; background-image: url("images/icons/icon-close.svg"); background-repeat: no-repeat; background-position: center center;}


/*.modal-open*/
.modal-open{ overflow: hidden;}

/*.modal-body */
.modal-body{ padding: 45px 45px;}
.modal-body i.far,
.modal-body i.fas { font-size: 60px; margin-bottom: 10px;}
.modal-body .question,
.modal-body .message{font-size: 16px; font-weight: normal; font-style: italic;}
.modal-body h2{ margin-bottom: 15px; font-size: 28px; font-weight: 700; line-height: normal;}

.modal-body .MY-icons-social { margin-bottom: 15px;}
.modal-body .MY-icons-social a.btn_round{ font-size: 32px; padding: 13px; margin: 5px; }
a.btn_round{ font-size: 32px; box-shadow: var(--eco-shadow2); border-radius: 30px;  text-decoration: none; border: none; cursor: pointer;}

.btn_round.far-fa-envelope,
.btn_round.fa-link{ color: var(--eco-green);}
.btn_round.fa-twitter{ color: #0DC2FF;}
.btn_round.fa-facebook-square{ color: #1877F2;}

.btn_round:hover{ transform: scale(1.2); color: #fff;}

.btn_round.far-fa-envelope:hover,
.btn_round.fa-link:hover{ background: var(--eco-green);}
.btn_round.fa-twitter:hover{ background: #0DC2FF;}
.btn_round.fa-facebook-square:hover{ background: #1877F2;}


.open,
._block{ display: block !important;}
._hidden{ display: none;}

/* .modal-content */
.modal-content{ border-radius: 10px}
.modal-content ._brand_logo{ margin: 0 auto; margin-top: -23px}
.modal-content ._product_info{ font-size: 16px; margin-bottom: 15px;}
.modal-content ._product_info .price_old{ margin: 0 5px 0 10px}


.CODE-container{ position: relative; cursor: default; width: 100%; padding: 15px 45px; margin-bottom: 15px; font-size: 22px; font-weight: 700; color: var(--eco-green); background: var(--eco-white); border: 2px dashed var(--eco-gray1);}
.CODE-container input{ border:0; width:100%; text-align:center; font-size: 22px; font-weight: 700; color: var(--eco-blue); }
.CODE-container .btn-shadow{ position: absolute; margin: 0 auto; left: 0; right: 0; bottom: -10px;}

.CODE-container.v2 { padding: 10px; font-size: 14px; display: none;}
.CODE-container.v2 input{ font-size: 14px; font-weight: normal;}


.btn.CONTINUE-close{ padding: 15px 45px; font-size: 20px; width: 100%; margin-bottom: 15px;}

.invalid-feedback-MY{display: none;}


.pointer{ cursor: pointer;}


/* 2024-02-25 */
._blue {color: var(--eco-blue);}
.deco_accented {color: var(--eco-green);}

._h2_italic{ font-weight: normal !important; font-style: italic; margin-bottom: 30px;}