body > header {
  width: 100%;
  /*height: 126px;*/
  /*height: 92px; !*temp*!*/
  background: #fff;
  position: fixed;
  z-index: 999;
  transition: height 0.25s;
}
main {
  min-height: calc(100vh - 412px);
}
.select_site__title::first-letter {
  text-transform: uppercase !important;
}
.select_site__title{
  text-transform: lowercase;
}
.header_select_site{
  margin: 11px 14px;
  display: flex;
  border-radius: 16px;
  gap: 10px;
  width: fit-content;
  justify-content: left;
  align-items: center;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: -0.196px;
  color:#39444C !important;
}
.header-mini-slider-hide #header_menu_slider {
  display: none;
}
header:not(.page-header-transparent) ~ main {
  padding-top: 112px;
  transition: padding 0.25s;
}

body.is-fixed-visible > header,
body.is-fixed-hidden > header {
  /*transition:  3000ms cubic-bezier(0.215, 0.61, 0.355, 1);*/
}
body.is-fixed-hidden > header {
  transform: translateY(-100%);
  /*animation: headerUp 3000ms cubic-bezier(.42, -0, .58, 1);*/
  /*-webkit-animation:  headerUp 0.3s cubic-bezier(.42, -0, .58, 1);*/
  /*-moz-animation:  headerUp  0.3s cubic-bezier(.42, -0, .58, 1);*/
}
body.is-fixed-visible > header {
  transform: translateY(0);
  /*animation: headerDown  3000ms cubic-bezier(.42, -0, .58, 1);*/
  /*-webkit-animation: headerDown  0.3s cubic-bezier(.42, -0, .58, 1);*/
  /*-moz-animation: headerDown  0.3s cubic-bezier(.42, -0, .58, 1);*/
}

@media (max-width: 1023px) {
  header:not(.page-header-transparent) ~ main {
    padding-top: 82px;
    transition: padding 0.25s;
  }
}
.header-mini-slider-hide #header_menu_slider {
  display: none;
}
#phone_svg {
  margin-right: 8px;
}
.meta-menu svg .cls-2 {
  fill: none;
}
.meta-menu svg .cls-3 {
  fill: #413d58;
}
.meta-menu__container {
  justify-content: space-between;
  margin: 0 8px;
  /*padding: 2px 0 ;*/
  border-bottom: 1px #f0f0f0 solid;
}
.meta-menu .meta-menu__items {
  padding: 3px 0;
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: -0.28px;
  text-align: left;
  color: #413d58;
}
/*header:not(.page-header-transparent) ~ main {*/
/*padding-top: calc(126px);*/
/*padding-top: 92px; !*temp*!*/
/*transition: padding 0.25s;*/
/*}*/
/*.header-mini-slider-hide header:not(.page-header-transparent) ~ main {*/
/*!*padding-top: 126px;*!*/
/*padding-top: 92px; !*temp*!*/
/*}*/
/*header:not(.page-header-transparent).page-header-down ~ main {*/
/*padding-top: calc(92px);*/
/*}*/
/*.header-mini-slider-hide header:not(.page-header-transparent).page-header-down ~ main {*/
/*padding-top: 92px;*/
/*}*/
.main-menu {
  background-color: white;
  margin-top: 8px;
  /* margin-bottom: 8px; */
  margin-bottom: 0;
  padding-top: 4px;
  padding-bottom: 4px;
}
.main-menu__profile svg {
  margin-right: 8px;
}
.main-menu__profile {
  font-size: 14px;
  font-weight: 500;
  line-height: 2.57;
  letter-spacing: -0.2px;
}
.main-menu__border_line {
  height: 30px;
  border-right: 1px #f0f0f0 solid;
}
.catalog_icon .cls-1 {
  fill: none;
}
.catalog_icon .cls-2 {
  fill: #fa5f55;
}
body.is-fixed-hidden > header .catalog_icon .cls-2 {
  fill: #36414d;
}
.button-red {
  width: 100%;
  background-color: #fa5f55;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  text-align: center;
  color: #fafaff;
}
/**/
body.is-fixed-visible > header,
body.is-fixed-hidden > header {
  transition: top 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
body.is-fixed-hidden > header {
  transform: translateY(-100%);
}
body.is-fixed-visible > header {
  transform: translateY(0);
}
.header_country_flag {
  margin: 0 8px 0 16px;
  max-width: 20px;
}
.header_country_selector {
  position: relative;
  cursor: pointer;
}
.img-flag {
  max-width: 16px;
}
.header_city_popup {
  position: absolute;
  /*color: #333F48BF;*/
  visibility: hidden;
  -webkit-animation-duration: 0.1s;
  animation-duration: 0.1s;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  z-index: 999999;
  right: 0px;
  top: 47px;
  padding: 0 calc(32px + (164 - 32) * (100vw - 1024px) / (1920 - 1024));
  z-index: 999999991;
}
.header_city_popup__container {
  width: 360px;
  padding: 24px;
  background: #ffffff;
  box-shadow: 0px 2px 6px rgba(0, 16, 48, 0.08);
  border-radius: 8px;
}
.header_city_popup__content {
  display: flex;
  position: relative;
  flex-direction: column;
  font-family: "Rubik";
  align-items: flex-start;
  gap: 8px;
}
.city_popup__button button {
  font-family: "Rubik";
  width: 50%;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  border-radius: 4px;
  z-index: 9999;
}
.city_popup__button {
  width: 100%;
  display: flex;
  gap: 8px;
}
.city_popup__button .isWrong,
.stayButton {
  background: #ffffff;
  border: 1px solid rgba(51, 63, 72, 0.75);
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: rgba(51, 63, 72, 0.75);
}
.city_popup__title {
  color: #333f48;
  font-weight: normal;
  line-height: 1.5;
  margin-right: 24px;
}
#geo_warning .city_popup__button button {
  min-height: 40px;
}
.header_city_popup__content a.cci-link {
  text-decoration: none !important;
}
.city_popup__title--name,
.header_city_selector__name {
  font-weight: 500;
}
.city_popup__title--name:first-letter {
  text-transform: uppercase;
}
.geolocationIcon {
  padding-top: 2px;
  margin-left: 14px;
  margin-right: 10px;
}
.header_city_selector {
  cursor: pointer;
}
.header_city_popup#city_selector {
  width: 600px;
}
.header_city_popup .mdi-close {
  position: absolute;
  right: 0px;
  color: #858c91;
  cursor: pointer;
}
.city_search__title {
  color: #333f48;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  margin-right: 33px;
}
.city_search__description {
  color: rgba(51, 63, 72, 0.75);
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
}
.error .city_search__input-error-block {
  display: block;
}
.city_search__input-error-block {
  display: none;
  position: absolute;
  top: calc(100% + 5px);
  right: 0px;
  color: #fa5f55;
  font-size: 10px;
}
.city_search__input {
  position: relative;
  width: 100%;
  margin-top: 8px;
}
.city_search__input input {
  background: #ffffff;
  border: 1px solid #dcdcdc;
  padding-left: 16px;
  padding-right: 36px;
  font-family: "Rubik";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #858c91;
  height: 40px;
  width: 100%;
}
.city_search__input .clearInput {
  top: 8px;
}
.error .city_search__input input {
  border: 1px solid var(--cci-color-red);
}
.city_search__searchIcon {
  position: absolute;
  right: 16px;
  top: 11px;
}
.city_search__button {
  width: 150px;
}
.city_search__button button {
  min-height: 40px;
  border-radius: 4px;
  font-family: "Rubik";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  margin-top: 12px;
}
.header_country_dropdown {
  visibility: hidden;
  position: absolute;
  top: 32px;
  z-index: 999991;
  right: 0;
  padding: 24px 16px;
  width: 311px;
  box-shadow: -4px 0 20px 0 rgba(65, 61, 88, 0.1);
  background-color: #ffffff;
  -webkit-animation-duration: 0.1s;
  animation-duration: 0.1s;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.direction--rtl .header_country_dropdown {
  left: 0;
  right: auto;
}
.header_country_dropdown .select2-container {
  margin-top: 8px;
}
.header_country_dropdown .form-container.disabled .select2-selection {
  opacity: 0.5;
  cursor: auto;
}
.header_country_dropdown .form-container {
  position: relative;
}
.header_country_dropdown .dropdown-header,
.dropdown-medium .dropdown-header {
  display: block;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  text-align: left;
  color: #36424c;
}
.header_country_dropdown .form-block {
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 0.5;
  padding: 10px;
  letter-spacing: normal;
  text-align: left;
  color: #36424c;
  height: 40px;
  border: solid 1px #e6e6e6;
  background-color: #ffffff;
}
.dropdownSelector.disable {
  opacity: 0.5;
}
.dropdownSelector {
  cursor: pointer;
}
.language-form {
  margin-top: 24px;
}
.language-form .select2-selection .row_line span:first-letter {
  text-transform: capitalize;
}
/**/
/*@media (min-width: 1024px) and (max-width: 1169px){*/
/*header{*/
/*height: 92px;*/
/*}*/
/*header:not(.page-header-transparent) ~ main {*/
/*padding-top:92px;*/
/*}*/
/*.header-mini-slider-hide header:not(.page-header-transparent) ~ main {*/
/*padding-top: 92px;*/
/*}*/
/*}*/
/*@media (max-width: 575px) {*/
/*header{*/
/*height: 56px;*/
/*}*/
/*header:not(.page-header-transparent) ~ main {*/
/*padding-top: calc(56px);*/
/*transition: padding 0.25s;*/
/*}*/
/*.header-mini-slider-hide header:not(.page-header-transparent) ~ main{*/
/*padding-top: 56px;*/
/*}*/
/*}*/
/*.favorites_link{*/
/*display: flex;*/
/*flex-direction: column;*/
/*}*/
/*.favorites_dot{*/
/*-webkit-box-pack: center;*/
/*-webkit-justify-content: center;*/
/*-ms-flex-pack: center;*/
/*justify-content: center;*/
/*position: absolute;*/
/*border-radius: 10px;*/
/*width: 12px;*/
/*height: 12px;*/
/*margin-left: 18px;*/
/*background-color: #fd6368;*/
/*font-size: 12px;*/
/*color: #fff;*/
/*padding-top: 0px;*/
/*}*/

header .logoCC {
  text-align: center;
  justify-content: center;
}
header .logoCC a {
  display: inline-block;
}
header .logoCC img.logoCC_black,
header .logoCC img.logoCC_white {
  padding-bottom: 12px;
}
header .logoSVG {
  max-width: 176px;
  max-height: 32px;
  fill: #293d47;
}
.beta_logo {
  display: inline-block;
  color: white;
  padding: 0 10px;
  border-radius: 12px;
  line-height: 1.5;
  font-size: 12px;
  background-color: #fa5f55;
  height: 19px;
}
.logo_container img.logo_canada{
  display: inline !important;
}
.logo_container img.logo_star{
   display: none !important;
}

@media (min-width: 1025px) {
  header .logoCC .logo_container:hover img.logo_star{
       display:inline !important;    
   }
   header .logoCC .logo_container:hover img.logo_canada{
       display:none !important;
   }
}
.select2-container--default
  .select2-results__option--highlighted[aria-selected]
  .beta_logo {
  background-color: #fff;
  color: #36414d;
}
.select2-container--default .row_line {
  width: 100%;
}
@media (max-width: 575px) {
  header .logoSVG {
    padding: 0;
    max-width: 70%;
  }
}
ul.header {
  padding: 0px;
}
ul.header li {
  list-style-type: none;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: -0.28px;
}
/*.main-menu_new-products, .main-menu_stock{*/
/*font-size: 14px;*/
/*font-weight: 500;*/
/*line-height: 2.57;*/
/*letter-spacing: -0.28px;*/
/*text-align: left;*/
/*color: #413d58;*/
/*}*/
.main-menu_stock {
  color: #fa5f55;
}
.product-menu__link {
  border: solid 3px rgba(173, 191, 191, 0.25);
  padding: 9px 28px 9px 20px;
}
.header__full {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: normal;
  text-align: left;
  color: #413d58;
}
ul.header.header_left > li i {
  padding-left: 8px;
}
ul.header.header_left > li {
  padding-right: 32px;
}
ul.header.header_right > li {
  padding-left: 16px;
}
.country_flag {
  margin-top: -4px;
}
@media (min-width: 1024px) {
  /*-------------*/
  body.is-fixed-hidden > header .meta-menu {
    /*transform: translateY(-100%);*/
    opacity: 0;
    transition: opacity 1s ease-in-out;
    /*display:none;*/
  }
  body.is-fixed-hidden > header .catalog_icon {
    margin-left: 2px;
  }
  body.is-fixed-hidden > header {
    transform: translateY(-32px);
  }
  body.is-fixed-hidden > header.page-header-notification {
    transform: translateY(-82px);
  }

  body.is-fixed-hidden > header .header-short__hide {
    opacity: 0;
    transition: opacity 0.05s ease-out;
  }
  body.is-fixed-hidden > header .beta_logo {
    opacity: 0;
  }
  body.is-fixed-hidden > header .main-menu .mdl-cell {
    margin: 0 8px;
  }
  body.is-fixed-hidden > header .product-menu__link {
    border: none;
    transition: border 0.1s ease-out;
  }
  body.is-fixed-hidden > header .header__full {
    opacity: 0;
    transition: opacity 0.1s ease-out;
    display: none;
  }
}
@media (min-width: 1024px) and (max-width: 1169px) {
  ul.header li {
    font-size: 14px;
  }
  ul.header.header_left li {
    padding-right: 8px;
  }
  ul.header.header_right li {
    padding-left: 18px;
  }
}
@media (min-width: 576px) and (max-width: 1023px) {
  .header_city_popup {
    top: 75px;
    padding: 0 32px;
  }
  .header_city_popup__container {
    /*width: 100%;*/
  }
}

@media (max-width: 575px) {
  ul.header.header_right li.pointer {
    padding-right: 10px;
    padding-left: 0;
  }
  ul.header.header_right li {
    padding-left: 6px;
  }
  .city_search__button {
    width: 100%;
  }
  .header_city_popup {
    top: 75px;
    width: 100%;
    padding: 0 16px;
  }
  .header_city_popup__container {
    width: 100%;
  }
}

/*** Header transparent ***/
header {
  transition: all 0.25s !important;
}
@media (min-width: 1024px) {
  body:not(.body-menu-active) header.page-header-transparentActive:not(:hover) {
    background: transparent;
  }

  body:not(.body-menu-active) header.page-header-transparentActive:not(:hover),
  body:not(.body-menu-active)
    header.page-header-transparentActive:not(:hover)
    .header
    i,
  body:not(.body-menu-active)
    header.page-header-transparentActive:not(:hover)
    .header
    li,
  body:not(.body-menu-active)
    header.page-header-transparentActive:not(:hover)
    .header
    li
    a {
    color: #fff;
    transition: background-color 0.25s;
  }

  body:not(.body-menu-active)
    header.page-header-transparentActive:not(:hover)
    .logoCC
    img.logoCC_white {
    display: block !important;
  }
  body:not(.body-menu-active)
    header.page-header-transparentActive:not(:hover)
    .logoCC
    img.logoCC_black {
    display: none !important;
  }

  body:not(.body-menu-active)
    header.page-header-transparentActive:not(:hover)
    .logoCC
    .logoSVG {
    fill: #fff;
  }
  body:not(.body-menu-active)
    header.page-header-transparentActive:not(:hover)
    .logoCC
    a {
    color: #fff;
  }
  body:not(.body-menu-active)
    header.page-header-transparentActive:not(:hover)
    .logoCC
    .logoSVG {
  }
}
/*** Header transparent ***/
/****** header cart *******/
.cart {
  position: relative;
}
.cart__status {
  display: none;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  top: -12px;
  right: -10px;
  border-radius: 10px;
  min-width: 24px;
  height: 17px;
  line-height: 1.5;
  background-color: #fd6368;
  font-size: 12px;
  color: #fff;
}
.cart_filled .cart__status {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 767px) {
  .cart__status {
    top: -10px;
    right: -10px;
    width: 22px;
    height: 15px;
    font-size: 10px;
  }
}

/** header cart **/ /****** header cart *******/
.logoCC a {
  position: relative;
}
/*.beta {*/
/*position: absolute;*/
/*left: calc(100% + 5px);*/
/*top: -10px;*/
/*font-weight: bold;*/
/*font-style: italic;*/
/*font-family: bebas-neue;*/
/*font-family: Roboto;*/
/*font-size: 14px;*/
/*}*/

/*@media only screen and (max-width: 767px) {*/
/*.beta{*/
/*display: none;*/
/*}*/
/*}*/

/** **/

.opacity-01 {
  opacity: 0.1;
}
.opacity-02 {
  opacity: 0.2;
}
.opacity-03 {
  opacity: 0.3;
}
.opacity-04 {
  opacity: 0.4;
}
.opacity-05 {
  opacity: 0.5;
}
.opacity-075 {
  opacity: 0.75;
}
.opacity-1 {
  opacity: 1;
}
.header_country_dropdown.active-window {
  -webkit-animation-name: show-block;
  animation-name: show-block;
}
.header_city_popup.active-window {
  -webkit-animation-name: show-block;
  animation-name: show-block;
}