:root {
  --red: #e73545;
  --black: rgba(48, 69, 90, 1);
  --grey: rgba(48,69,90,0.9);
}




* {
  margin: 0;
  padding: 0;
  list-style-type: none;
  outline: none;
  font-family: dejavu;
}
@font-face {
  font-family: dejavu;
  src: url("../fonts/DejaVuSans.woff");
  font-display: swap;
}
@font-face {
  font-family: glahoCaps;
  src: url("../fonts/bpg-glaho-web-caps-webfont.ttf");
  font-display: swap;
}
@font-face {
  font-family: sspCaps;
  src: url("../fonts/BPG_SSP_Caps.woff");
  font-display: swap;
}
@font-face {
  font-family: capsMedium;
  src: url("../fonts/NotoSansGeorgian-Medium.ttf");
  font-display: swap;
  font-feature-settings: 'case';
  font-weight: 300;
}
@font-face {
  font-family: caps;
  src: url("../fonts/NotoSansGeorgian-Light.ttf");
  font-display: swap;
  font-feature-settings: 'case';
  font-weight: 200;
}
@font-face {
  font-family: capsBold;
  font-feature-settings: 'case';
  src: url("../fonts/NotoSansGeorgian-Bold.ttf");
  font-display: swap;
  font-weight: 400;
}





/*@font-face {
  font-family: caps, sans-serif;
text-transform: uppercase;
  src: url("../fonts/font2.woff2");
  font-display: swap;
}*/


.mb-10{
  margin-bottom: 10px;
}
.ml-10{
  margin-left: 10px;
}
nav {
  background: transparent;
  box-shadow: none;
  width: auto;
}
nav li line-height a,
nav li:hover a {
  background: transparent;
}
nav ul li.active {
  background: transparent;
}
nav ul a {
  padding: 0;
  line-height: 20px;
}
.row {
  margin-bottom: 0;
}
.row .col {
  padding: 0 10px;
}
.container {
  max-width: 1240px;
  padding: 0 20px;
  width: 100%;
  box-sizing: border-box;
}
.clear {
  clear: both;
}
button:focus {
  background: transparent;
}
input:not([type]):focus:not([readonly]),
input[type=text]:not(.browser-default):focus:not([readonly]),
input[type=password]:not(.browser-default):focus:not([readonly]),
input[type=email]:not(.browser-default):focus:not([readonly]),
input[type=url]:not(.browser-default):focus:not([readonly]),
input[type=time]:not(.browser-default):focus:not([readonly]),
input[type=date]:not(.browser-default):focus:not([readonly]),
input[type=datetime]:not(.browser-default):focus:not([readonly]),
input[type=datetime-local]:not(.browser-default):focus:not([readonly]),
input[type=tel]:not(.browser-default):focus:not([readonly]),
input[type=number]:not(.browser-default):focus:not([readonly]),
input[type=search]:not(.browser-default):focus:not([readonly]),
textarea.materialize-textarea:focus:not([readonly]) {
  border-bottom: 1px solid transparent;
  -webkit-box-shadow: 0 1px 0 0 transparent;
  box-shadow: 0 1px 0 0 transparent;
}
input:not([type]):focus:not([readonly])+label,
input[type=text]:not(.browser-default):focus:not([readonly])+label,
input[type=password]:not(.browser-default):focus:not([readonly])+label,
input[type=email]:not(.browser-default):focus:not([readonly])+label,
input[type=url]:not(.browser-default):focus:not([readonly])+label,
input[type=time]:not(.browser-default):focus:not([readonly])+label,
input[type=date]:not(.browser-default):focus:not([readonly])+label,
input[type=datetime]:not(.browser-default):focus:not([readonly])+label,
input[type=datetime-local]:not(.browser-default):focus:not([readonly])+label,
input[type=tel]:not(.browser-default):focus:not([readonly])+label,
input[type=number]:not(.browser-default):focus:not([readonly])+label,
input[type=search]:not(.browser-default):focus:not([readonly])+label,
textarea.materialize-textarea:focus:not([readonly])+label {
  color: #6c5ce7;
}
input:not([type]),
input[type=text]:not(.browser-default),
input[type=password]:not(.browser-default),
input[type=email]:not(.browser-default),
input[type=url]:not(.browser-default),
input[type=time]:not(.browser-default),
input[type=date]:not(.browser-default),
input[type=datetime]:not(.browser-default),
input[type=datetime-local]:not(.browser-default),
input[type=tel]:not(.browser-default),
input[type=number]:not(.browser-default),
input[type=search]:not(.browser-default),
textarea.materialize-textarea {
  margin-bottom: 0;
  font-size: 12px;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0 !important;
}
input[type=number] {
  -moz-appearance: textfield;
}
.input-field {
  margin-top: 10px;
}
.collapsible {
  box-shadow: none !important;
  border: none;
}
.collapsible li {
  position: relative;
  border-bottom: 1px solid rgba(0,0,0,0.5);
}
.collapsible-body {
  padding: 20px;
  background: #f5f5f5;
  font-size: 12px;
  font-family: dejavu;
  border-bottom: none;
}
.collapsible-header {
  border-bottom: none;
  padding: 0;
}
[type="radio"]+label:before,
[type="radio"]+label:after {
  left: -30px;
  top: 4px;
}
textarea {
  resize: none;
}
.dropdown-content li>a,
.dropdown-content li>span,
.select-dropdown li.disabled,
.select-dropdown li.disabled>span,
.select-dropdown li.optgroup {
  font-size: 12px;
  font-family: dejavuCaps;
}
.slider {
  height: auto;
}
body {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
  background: rgb(248 246 240);
}
body::-webkit-scrollbar {
  width: 6px;
}
body::-webkit-scrollbar-thumb {
  background: #909090;
  border-radius: 5px;
}
header,
main,
footer {
  transition: 0.3s;
}
header.active,
main.active,
footer.active {
  filter: blur(3px);
}
body.active{
  overflow: hidden;  
}
.fade-in-element {
  animation: fade-in 1.4s;
}
.fade-in-element2 {
  animation: fade-intwo 1.4s;
}
.hidden {
  opacity: 0;
  font-size: 0;
}
main {
  /*flex: 1 0 auto;*/
}
.header-wrap{
  background: #fff;
  box-shadow: 0 0px 10px rgba(0, 0, 0, 0.05);
  padding: 4px 0;
}
header {
  background: #fff;
/*  position: fixed;*/
  width: 100%;
  z-index: 100;
  transition: 0.3s;
  top: 0;
  min-height: 40px;
}
header.fixed {
  /*border-bottom: 1px solid rgba(0,0,0,0.1);*/
}
header.fixed  .header-container{
  /*width: unset;*/
}
header.fixed  .full-header{
  justify-content: center;
}
header .header-inside {
  margin: 0 0px;
}
@media only screen and (max-width: 1300px) {
  header .header-inside {
    margin: 0;
  }
}
header.scroll-down {
  top: -38px;
}
header.scroll-down .enter-block{
  top: 0;
}
header .first-block {
  display: flex;
  background-color: rgba(48,69,90,0.9);
  height: 40px;
  padding: 0;
  align-items: center;
}
header .first-block .Connect{
  height: 29px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 15px;
  padding-top: 3px;
  background-color: #e73545;
  color: #fff;
  margin-left: 8px;
  gap: 5px;
  padding-left: 10px;
  display: none;
}
header .first-block .Connect .tel-frame{
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: #fff;
  position: relative;
  top: -2px;
}
header .first-block .Connect .tel-frame img{
  width: 20px;
  height: 20px;
  position: relative;
  left: -1px;
  top: -1px;
}
.scroll-down .first-block{
  border-bottom: 0px solid transparent;
  background: transparent;
}
header .second-block {
  display: flex;
  position: relative!important;
  justify-content: space-between;
}
header.scroll-down .second-block{
  justify-content: space-between;
}
header nav {
  height: 40px;
  line-height: 40px;
  /* position: absolute;
  z-index: 20; */
}
header .logo2{
  /*width: 110px;*/
  opacity: 1;
  transition: 0.3s;
  /*height: 68px;*/
  flex-shrink: 0;
}
header .logo2.active{
  /*margin-bottom: -42px;*/
}

@media only screen and (max-width: 1200px) {
  header nav {
    display: none;
  }
  header.scroll-down {
    top: 0;
  }
}
header nav >ul >li >a {
  margin: 12px 0;
  color: var(--black);
  font-family: caps, sans-serif;
  text-transform: uppercase;
  font-size: 14px;
  position: relative;
  /*font-weight: bold;*/
}
header nav >ul >li >a::after {
  position: absolute;
  top: -7px;
  left: 50%;
  transform: translateX(-50%);
  content: '';
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: transparent;
  transition: 0.2s;
}
header .dropDown li{
  width: 100%;
}
header .dropDown ul{
  gap: 5px;
}
header nav >ul >li >a::before {
  position: absolute;
  top: -7px;
  content: '';
  width: 100%;
  height: 1px;
  background: transparent;
  transition: 0.2s;
}
header nav >ul >li:hover a::after {
  transform: translateX(-50%) scale(3, 3);
  background: #e73545;
}
header nav >ul >li:hover .nav-dropdown {
  opacity: 1;
  height: auto;
  border-bottom: 1px solid rgba(0,0,0,0.1);
  border-top: 1px solid rgba(0,0,0,0.1);
}
header nav >ul >li.active a::before {
  background: #e73545;
}
header nav >ul >li.active a::after {
  transform: translateX(-50%) !important;
  background: #e73545;
  width: 18px;
  height: 18px;
  top: -15px;
  border: 4px solid #fff;
}
 header nav ul li .dropDown{
  overflow: hidden;
  max-height: 0;
  width: 100vw;
  background-color: #fff;
  transition: 0.5s;
  position: absolute;
  top: 44px;
  left: 0;
  z-index: 10;
  transform: translate(calc((-100vw + 1200px) / 2));
  box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.05);
}
header nav ul{
  display: flex;
  align-items: center;
  gap: 15px;
  li{
    float: initial;
  }
}
/* .scroll-down ul li .dropDown{
  transform: translate(calc((-100vw + 800px) / 2));
} */
header nav ul li:hover .dropDown{
  display: block!important;
  overflow: hidden!important;
  max-height: 1000px;
  border-top: 1px solid #e5e5e5;
}
header.scroll-down .dropDown{
  max-height: 0!important;
}
header .flex{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
header{
  .logo img{
    height: 50px;
  }
  .middle nav ul{
    gap: 40px;
  }
  .content-left {
    li{
      position: relative;
      a{
        font-weight: bold;
        font-size: 13px;
      }
      &:not(:last-child){
        &:after{
          content: '';
          position: absolute;
          right: -20px;
          width: 1px;
          height: 13px;
          top: calc(50% - 2px);
          transform: translateY(-50%);
          background-color: var(--grey);
        }
      }
    }
  }
  .main-list{
    >ul{
      gap: 45px ;
    }
  }
}

.main_product .title{
  font-family: caps, sans-serif;
text-transform: uppercase;
  font-size: 22px;
  font-weight: bold;
  line-height: 1.2;
  width: 100%;
  margin-top: 5px;
  margin-bottom: 15px;
}

.login-popup{
  &.register {
    .authorization {
      padding: 14px 20px 16px;
    }

    .authorization form.register-auth-form {
      /* ბრილი ზემოდან იმდენივე, რომ ტაბის ზოლი პირველ ლეიბლს არ ეხებოდეს; პირველი და შემდეგი სტრიპის რითმი იგივე */
      padding-top: 4px;

      .input-field ~ .input-field {
        margin-top: 8px;
      }

      .input-field {
        margin-top: 0;
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: stretch;
        row-gap: 5px;

        span {
          font-size: 12px;
          font-family: caps, sans-serif;
          text-transform: uppercase;
          display: block;
          margin: 0;
          padding: 0;
          line-height: 1.25;
          width: 100%;
          box-sizing: border-box;
          overflow-wrap: anywhere;
          word-wrap: break-word;
        }

        .auth-input-wrap {
          position: relative;
          display: block;
          margin: 0;
          flex-shrink: 0;
        }

        .auth-input-wrap input {
          width: 100%;
          min-height: 0;
          height: 38px !important;
          padding-top: 0 !important;
          padding-bottom: 0 !important;
        }

        .auth-input-wrap i {
          position: absolute;
          left: 11px;
          top: 50%;
          transform: translateY(-50%);
          bottom: auto;
          font-size: 16px;
          line-height: 1;
          width: 22px;
          text-align: center;
          display: inline-flex;
          align-items: center;
          justify-content: center;
          color: rgba(55, 55, 55, 0.55);
        }

        .auth-input-wrap--number input[type='number'] {
          -moz-appearance: textfield;
        }
        .auth-input-wrap--number input[type='number']::-webkit-inner-spin-button,
        .auth-input-wrap--number input[type='number']::-webkit-outer-spin-button {
          -webkit-appearance: none;
          margin: 0;
        }

        &.error .auth-input-wrap input {
          border-color: #cc141f !important;
        }
      }

      .input-field.error span {
        color: #cc141f;
      }

      /* ტექსტის გარეშე ცარიელი <small> არ იკავებს სიმაღლეს — სახელი/გვარი იგივე რითმშია ელ/მობაილთან */
      .signup-field-feedback {
        display: block;
        flex-shrink: 0;
        font-size: 11px;
        line-height: 1.3;
        margin-top: 4px;
      }

      .signup-field-feedback:empty {
        display: none !important;
        min-height: 0 !important;
        margin-top: 0 !important;
        padding: 0;
      }

      button.submit {
        margin-top: 12px;
      }

      button.submit.reg {
        margin-top: 8px;
      }
    }

    .enter-page .tabs {
      margin-bottom: 12px;

      a {
        padding-bottom: 4px !important;
        padding-left: 2px !important;
        padding-right: 2px !important;
        padding-top: 2px !important;
      }
    }

    /* პატარა ეკრანები: უფრო მჭიდრო ველები და ღილაკები */
    @media only screen and (max-width: 600px) {
      .authorization {
        padding: 10px 12px 12px;
      }

      .authorization form.register-auth-form {
        .input-field ~ .input-field {
          margin-top: 5px;
        }

        .input-field span {
          font-size: 11px;
        }

        .input-field {
          row-gap: 4px;
        }

        .input-field .auth-input-wrap input {
          height: 36px !important;
        }

        .signup-field-feedback:not(:empty) {
          font-size: 10px;
        }

        .signup-field-feedback:empty {
          margin-top: 0 !important;
        }

        button.submit {
          margin-top: 10px;
        }

        button.submit.reg {
          margin-top: 6px;
        }
      }

      .enter-page .tabs a {
        font-size: 11px !important;
        padding-bottom: 3px !important;
      }
    }
  }

  .enter-page{
    padding: 0;  
    width: 390px;  
    .tabs{
      display: flex;
      background: transparent;
      .indicator{
        display: none;
      }
      .tab{
        width: 100%;
      }
      a{
        width: 100%;
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        font-family: caps, sans-serif;
text-transform: uppercase;
        opacity: 1;
        color: var(--red);
        border-bottom: 2px solid transparent;
        transition: 0.2s;
        border-radius: 8px 8px 0 0;
        font-size: 12px;
        padding-top: 2px;
        &.active{
          background-color: #fff;
          border-bottom: 2px solid var(--red);
        }
        i{
          font-size: 18px;
          position: relative;
          top: -2px;
        }
      }
    }
    .form-header{
      background-color: #e73545;
    }
    form input{
      background-color: #fff!important;
      border-radius: 8px!important;
      padding-left: 36px!important;
      padding-right: 12px!important;
      border: 1px solid rgba(0,0,0,0.12)!important;
      box-sizing: border-box;
    }
    form .submit{
      border-radius: 8px;
    }
    .submit{
      background: var(--red);
      color: #fff;
      margin-top: 15px;
      transition: 0.2s;
      &:hover{
        background-color: #fff;
        border-color: var(--red);
        color: var(--red);
      }
    }
    .submit.reg{
      background: var(--grey);
      border-color: transparent;
      &:hover{
        background-color: #fff;
        border-color: var(--grey);
        color: var(--grey);
      }
    }
  }
  .close-popup{
    background: transparent;
    font-size: 24px;
    height: auto;
    width: auto;
    color: #fff;
  }
  .authorization{
    margin-top: 0;
    padding: 20px 30px;
  }
  #user-login-form .input-field + .input-field {
    margin-top: 12px;
  }
  .authorization form .auth-modal-intro {
    margin: 0 0 14px;
    font-size: 13px;
    line-height: 1.5;
    color: #757575;
  }
  .input-field{
    position: relative;
    i{
      position: absolute;
      bottom: 12px;
      left: 10px;
      font-size: 18px;
    }
  }

  &.sms-auth-sheet .authorization {
    padding: 22px 28px 26px;
  }

  &.sms-auth-sheet .authorization form.sms-auth-form {
    .auth-modal-intro + .input-field {
      margin-top: 10px;
    }

    .title + .input-field {
      margin-top: 16px;
    }

    .input-field ~ .input-field {
      margin-top: 14px;
    }

    .input-field {
      margin-top: 0;

      span,
      label {
        font-size: 12px;
        font-family: caps, sans-serif;
        text-transform: uppercase;
        display: inline-block;
        margin-bottom: 4px;
      }

      i{
        bottom: 11px;
        left: 11px;
        font-size: 17px;
        line-height: 1;
        width: 22px;
        text-align: center;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        color: rgba(55,55,55,0.55);
      }
    }

    .input-field.error span,
    .input-field.error label {
      color: #cc141f;
    }

    .login-auth-feedback.sms-auth-feedback {
      margin: 0 0 12px !important;
    }

    .auth-field-hint {
      display: block;
      margin: 10px 0 6px;
      line-height: 1.45;
      font-size: 12px;
      color: #9e9e9e;
    }

    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
  }

  &.sms-auth-sheet .authorization .sms-auth-actions {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 16px;

    button.submit {
      display: block;
      width: 100%;
      margin-top: 0 !important;
      height: 42px;
      border: 1px solid #e73545;
      border-radius: 30px;
      background: #fff;
      font-family: caps, sans-serif;
      text-transform: uppercase;
      color: #e73545;
      font-size: 12px;
      padding-top: 2px;
      letter-spacing: 0.04em;
      cursor: pointer;
      transition: background 0.25s ease, color 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
      box-sizing: border-box;
    }

    button.submit:not(:disabled):hover {
      background: #e73545;
      color: #fff;
      box-shadow: 0 4px 12px rgba(231, 53, 69, 0.28);
    }

    button.submit.sms-secondary {
      border-color: #d5d8dc;
      color: #4a4a4a;
      background: #fafbfc;

      &:not(:disabled):hover {
        background: #f3f5f7;
        color: #e73545;
        border-color: rgba(231, 53, 69, 0.45);
        box-shadow: none;
      }
    }

    button.submit:focus-visible {
      outline: 2px solid rgba(231, 53, 69, 0.45);
      outline-offset: 2px;
    }
  }

  &.sms-auth-sheet .authorization .recover-password {
    margin-top: 18px;

    a {
      font-weight: 500;
    }

    .sms-cancel-link:hover {
      color: #e73545;
    }
  }

  &.auth-notify-sheet .authorization {
    padding: 22px 28px 26px;

    .auth-notify-msg {
      font-size: 14px;
      line-height: 1.55;
      color: #373737;
      margin: 0 0 16px;
    }
  }

  &.auth-notify-sheet .authorization .sms-auth-actions {
    margin-top: 4px;
  }

  &.auth-notify-sheet .authorization .sms-auth-actions button.submit {
    margin-top: 0;
  }
}



 .dropDown .row{
  padding-bottom: 20px!important;
}
.dropDown .col{
  padding-top: 20px!important;
}
.dropDown .col ul{
  display: flex;
  flex-direction: column;
}
.blckarrow .item{ 
  width: 100%;
  height: 20px;
  overflow: hidden;
  text-align: left;
}
.blckarrow:hover .item::after{
  top: 20%;
  background-image: url('../img/hover arrow.svg');
  transform: rotate(90deg)!important;
}
/* .greenarrow .item::after{
  top: 20%;
  background-image: url('../img/hover arrow.svg');
  transform: rotate(90deg)!important;
} */
.dropDown ul{
}
.dropDown ul li a{
  color: #4c4c4c;
  justify-content: flex-start;
  display: flex;
  transition: 0.1s;
}
.blckarrow a{
  font-family: caps, sans-serif;
text-transform: uppercase;
  font-size: 12px;
  position: relative; 
}
.blckarrow a:hover{
  color: #e73545;
}
.dropDown2 .drop2{
  max-height: 0;
  overflow: hidden!important;
  transition: 0.5s;
  background-color: #fff;
  font-family: dejavu;
  font-size: 12px;
  padding-left: 10px;
}
.dropDown2 .drop2 a{
  color: #858585;
}
.dropDown2{
  padding: 0px;
  font-family: dejavu;
  font-size: 12px;
  color: #4c4c4c;
}
.dropDown2:hover .drop2{
  max-height: 500px!important;
  overflow: hidden!important;
}
.seeMore{
  color: #009f91!important;
  font-size: 11px!important;
  margin-top: -5px;
}
/* .dropDown2Show{
  max-height: 500px!important;
  overflow: hidden!important;
} */
.drop2 li::before{
  width: 6px;
  height: 6px;
  background-color: #e73545;
  border-radius: 50%;
  content: '';
  transition: 0s;
  top: 30%;
  opacity: 0;
  position: absolute;
  left: 0;
}
.drop2 li{
  position: relative;
}
.drop2 li:hover::before{
  opacity: 1;
}
.Connect {
  cursor: pointer;

}
.header-inside .full-header{
  display: flex;
  margin-top: 0px;
  justify-content: space-between;
  align-items: center;
  padding: 0px 0px;
  width: 100%;
}
.header-inside .header-container{
  width: 100%
}
.header-inside .group{
  display: flex;
  align-items: center;
}
.header-contact{
  color: #606060;
  font-family: caps, sans-serif;
  text-transform: uppercase;
  font-size: 12px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
}
.header-contact .frame{
  border-radius: 50%;
  background-color: #fff;
  margin-right: 5px;
  height: 20px;
  width: 20px;
}
.header-contact img{
  width: 22px;
  height: 22px;
  position: relative;
  left: -1px;
  top: -1px;
}
.header-contact a{
  font-family: caps, sans-serif;
  text-transform: uppercase;
  font-size: 12px;
  padding-left: 10px;
  color: #fff;
}
.header-contact a:hover{
  text-decoration: none;
  color: #e73545;
}
.header-group{
  display: flex;
  align-self: center;
  width: 100%;
  align-items: center;
}
.header-socials {
  display: flex;
  align-items: center;
  gap: 8px;
  a:hover i{
    color: var(--red);
  }
  i{
    font-size: 23px;
    color: #fff;
    transition: 0.2s;
  }
}
.header-socials a {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.2s;
}
.header-socials a img {
  width: 21px;
  height: auto;
  display: block;
  filter: brightness(0) invert(1);
}
.telephone{
  display: flex;
  align-items: center;
}
.telephone span{
  padding-left: 2px;
  color: #fff;
}
.header-items {
    width: 100%;
    margin-left: 20px;
    display: flex;
    justify-content: flex-end;
    padding-right: 16px;
}
.header-items a {
  color: black;
  font-family: caps, sans-serif;
  text-transform: uppercase;
  font-size: 12px;
  margin-left: 4px;
}
.header-items a:last-child{
  /*display: none;*/
}
.header-items a:hover{
  color: #e73545;
}
/* header.scroll-down .logo2{
  opacity: 1;
} */
/* header.scroll-down .enter{
  display: block;
} */
.h-mr{
  margin-top: 6px;
}
header .scroll-buttons{
  opacity: 1;
  transition: 0.2s;
  transform: scale(1);
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 20px;
  .lang{
    color: var(--black);
    transition: 0.2s;
    &:hover{
      color: var(--red);
    }
  }
  a{
    display: flex;
    align-items: center;
  }
  a:hover i{
    color: var(--red);
  }
  i{
    font-size: 30px;
    color: var(--black);
    transition: 0.2s;
  }
}
.content-img{
  height: 35px;
  width: 35px;
}
header .scroll-buttons .enter{
}
/*header.scroll-down .scroll-buttons .enter{
  opacity: 1;
  transform: scale(1);
}*/
header.scroll-down .scroll-buttons{
  opacity: 1;
  transform: scale(1);
}
header .middle{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 0;
  position: relative;
  z-index: 200;
  .content{
    width: 33%;
  }
}
header{
  .searchIcon{
    width: 30px;
    height: 30px;
    border: 1px solid var(--grey);
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    &:hover{
      background: var(--grey);
      border: 1px solid var(--grey);
      color: #fff;
      i{
        color: #fff!important;
      }
    }
    i{
      font-size: 18px;
    }
  }
  .catalog{
    background-color: var(--grey);
    border: none;
    box-shadow: none;
    outline: none;
    font-family: caps, sans-serif;
    text-transform: uppercase;
    border-radius: 5px;
    height: 30px;
    font-size: 12px;
    color: #fff;
    padding: 0 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    padding-top: 3px;
    transition: 0.2s;
    border: 1px solid transparent;
    &:hover{
      background: #fff;
      border: 1px solid var(--grey);
      color: var(--grey);
    }
  }
}
/*@media (max-width: 1366px){
  header .logo2 img{

  }
  header .logo2.active img{
    height: 35px;
  }
  header .logo2.active{
    margin-bottom: -48px;
  }
}*/
@media (max-width: 1200px){
  header .scroll-buttons .enter-block{
    top: 0px;
  }
  .enter{
    margin-right: 10px;
  }
  .second-block .logo{
    margin-top: 4px!important;
  }
  .header-inside .header-container{
    width: 100%;
  }
  header.fixed .header-container{
    width: 100%;
  }
  header .logo2{
    display: none;
  }
  .first-page{
    margin-top: 70px;
  }
  header .scroll-buttons{
    right: 0;
  }
  header .scroll-buttons{
    opacity: 1;
    transform: scale(1);
    width: max-content;
  }
  .burger-bar{
    transform: none!important;
    margin-top: 0px!important;
  }
  .first-page{
    margin-top: 38px!important;
  }
  header{
    border-bottom: 1px solid rgba(0,0,0,0.1);
  }
}
@media (max-width: 769px){
  .second-block .logo{
    width: 180px!important;
  }
  .scroll-buttons .favorites,.enter-block{
    display: none;
  }
  header .scroll-buttons{
    width: 130px;
  }
  .header-socials {
    margin-right: 10px;
    gap: 6px;
  }
  .header-socials a img {
    width: 24px;
  }
}
@media (max-width: 411px){
  .header-inside .header-container{
    padding: 0px;
  }
  .logo{
    display: none;
  }
  .old_design{
    margin-top: 15px;
  }
  .header-socials {
    margin-right: 8px;
    gap: 5px;
  }
  .header-socials a img {
    width: 22px;
  }
}
@media (max-width: 375px){
  .popular-product{
    max-height: 585px!important;
  }
}
.socials {
  margin-left: 15px;
}
.socials a {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: 1px solid rgba(0,0,0,0.8);
  display: flex;
  margin: 0px 5px;
  align-items: center;
  justify-content: center;
  transition: 0.2s;
}
.socials a:hover {
  transform: scale(1.1, 1.1);
}
.socials a img {
  max-width: 28px;
}
.logo {
  display: block;
  /* margin-bottom: 10px; */
}
.favorites {
  margin: 0;
}
.favorites a {
  display: block;
  position: relative;
}
.favorites a img {
  transition: 0.2s;
}
.favorites a span {
  position: absolute;
  top: -3px;
  left: 30px;
  font-size: 12px;
  color: #000;
}
.shopping-bag {
  margin: 0px 0 0 0;
}
.shopping-bag a {
  display: block;
  position: relative;
}
.shopping-bag a img {
  transition: 0.2s;
}
.shopping-bag a span {
  position: absolute;
  top: -3px;
  left: 30px;
  font-size: 12px;
  color: #000;
}
.favorites a span,
.shopping-bag #cart{
  background-color: #e73545;
  color: white;
  padding: 0 2px;
  min-width: 16px;
  font-size: 10px;
  height: 14px;
  border-radius: 2px;
  text-align: center;
  position: absolute;
  right: -7px;
  left: auto;
  border-radius: 50%;
  width: 17px;
  height: 17px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.shopping-bag a p {
  display: inline-block;
  font-size: 12px;
  color: #000;
  display: none;
}
.shopping-bag a p span {
  position: static;
  display: inline;
  color: #e73545;
}
.enter {
  position: relative;
  display: block;
  text-align: center;
}
.header-group .enter img{
  margin-left: 0px;
}
.mob-group{
  display: none;
  align-items: baseline;
  flex-direction: row-reverse;
  justify-content: flex-end;
  width: 100%;
}
.enter span {
  font-family: caps, sans-serif;
  text-transform: uppercase;
  display: block;
  color: #e73545;
  font-size: 12px;
  margin-top: 3px;
}
.enter-block {
  position: relative;
  top: 0;
  align-self: center;
}
.enter-block:hover {
  z-index: 210;
}
.enter-block a {
  display: flex;
  align-items: center;
}
.enter-block a img,
.enter-block a > i {
  margin-right: 10px;
}
.enter-block a > i {
  font-size: 30px;
}
.enter-block:hover .personal-info-dropdown {
  z-index: 211;
  opacity: 1;
  max-height: 300px;
  padding: 10px;
  overflow: visible;
}
.personal-info-dropdown {
  position: absolute;
  top: 34px;
  padding: 0 10px;
  z-index: -1;
  opacity: 0;
  width: 200px;
  background: #fff;
  border: 1px solid rgba(0,0,0,0.1);
  right: 20px;
  overflow: hidden;
  transition: 0.3s;
  max-height: 0;
}
.header-inside.container{
  width: 100%;
}
.personal-info-dropdown::after {
  content: "";
  position: absolute;
  top: -6px;
  right: 18px;
  background: #fff;
  width: 10px;
  height: 10px;
  transform: rotate(-34deg) skewY(-20deg);
  border: 1px solid rgba(0,0,0,0.1);
  border-bottom: none;
  border-left: none;
}
.personal-info-dropdown a {
  display: block;
  font-family: caps, sans-serif;
  text-transform: uppercase;
  font-size: 12px;
  color: #363636;
  padding: 2px 0;
}
.personal-info-dropdown a span {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #e73545;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
}
.personal-info-dropdown a img {
  max-width: 14px;
  filter: grayscale(10);
  margin-bottom: -2px;
}
.personal-info-dropdown a:hover img,
.personal-info-dropdown a.active img {
  filter: grayscale(0);
}
.nav-dropdown {
  position: absolute;
  width: calc(100vw);
  left: 50%;
  top: 56px;
  transform: translateX(-50%);
  overflow: hidden;
  transition: 0.4s;
  opacity: 0;
  height: 0;
  z-index: 100;
  background: #fff;
}
.nav-dropdown .container {
  padding: 0 30px;
  padding-bottom: 20px;
}
.nav-dropdown .image {
  box-sizing: content-box;
  padding-top: 325px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
  background-color: transparent;
  margin: 20px 0;
}
.nav-dropdown * {
  font-size: 12px;
  color: #000;
}
.nav-dropdown .drop-title {
  font-family: sspCaps;
  margin-top: 15px;
  font-weight: bold;
}
.personal-info-block {
  
  background: #fff;
}
@media only screen and (max-width: 1200px) {
  .personal-info-block {
    padding-top: 0;
  }
  .mob-group{
    display: flex;
  }
  header{
    min-height: 40px;
  }
  .popular-product {
    padding-top: 0;
  }
  .page-header{
    padding-top: 0px!important;
    margin-top: 50px;
  }
  header .first-block{
    display: none;
  }
  .logo{
    opacity: 1;
  }
  .scroll-down .logo{
    opacity: 1!important;
    margin: auto;
  }
  .scroll-down .logo2{
    opacity: 1!important;
  }
  .search-block{
    padding-top: 0!important;
  }
  .first-page {
    margin-top: 70px;
    margin-left: 0;
    margin-right: 0;
  }
}
@media only screen and (max-width: 600px) {
  .personal-info-block {
    padding-bottom: 30px;
  }
}
.personal-info-block a {
  display: block;
  width: 100%;
  padding: 2px 0;
}
.personal-info-block a p {
  font-family: caps, sans-serif;
  text-transform: uppercase;
  font-size: 12px;
  color: #363636;
  display: inline-block;
  margin: 0 8px;
}
.personal-info-block a span {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #e73545;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
}
.personal-info-block a img {
  max-width: 14px;
  filter: grayscale(10);
  margin-bottom: -2px;
}
.personal-info-block a:hover,
.personal-info-block a.active {
  font-weight: bold;
}
.drop-title,
.drop-more,
.drop-list li {
  display: block;
  width: 100%;
  padding-left: 10px;
}
.drop-list li {
  position: relative;
}
.drop-list li::after {
  position: absolute;
  content: '';
  width: 6px;
  height: 6px;
  background: #e73545;
  left: 0;
  top: 7px;
  border-radius: 50%;
  opacity: 0;
}
.drop-list li:hover::after {
  opacity: 1;
  transform: scale(1, 1) !important;
}
.drop-list li a {
  font-family: sspCaps;
}
.drop-more {
  color: #e73545;
}
.scroll-down .languages .select-wrapper{
  margin-top: -3px;
}
.languages.en .select-wrapper {
  background-image: url(../img/en.png);
}
.languages .select-wrapper {
  width: 40px;
  background-image: url(../img/ka.png);
  background-repeat: no-repeat;
  background-position: 31% 43%;
}
.languages .select-wrapper .caret {
  position: absolute;
  top: 16px;
  left: 30px;
  font-size: 0;
  background: url("../img/down-arrow.svg");
  background-size: 10px;
  width: 10px;
  height: 10px;
  fill: white;
}
.languages .select-wrapper input {
  font-family: caps, sans-serif;
  text-transform: uppercase;
  border: none;
  font-size: 12px;
  text-transform: uppercase;
}
.languages .select-wrapper .dropdown-content {
  min-width: 57px;
}
.languages .select-wrapper .dropdown-content li span {
  font-family: caps, sans-serif;
  text-transform: uppercase;
  text-transform: uppercase;
  font-size: 12px;
}
.languages .select-wrapper .dropdown-content li{
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../img/ka.png);
}
.languages .select-wrapper .dropdown-content li:last-child{
  background-image: url(../img/en.png);
}
.page-header {
  padding-top: 0!important;
}
/*main slider */
.main-slider{
  margin-top: 90px;
  position: relative;
}
.main-slider .item img{
  height: 450px;
  width: 100%;
  object-fit: cover;
}
.main-slider .arr-wrap button{
  position: absolute;
  top: 50%;
  width: 50px;
  height: 50px;
  background-color: rgba(255,255,255,0.5);
  z-index: 1;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  transition: 0.2s;
}
.main-slider .arr-wrap button:hover{
  background-color: white;
}
.main-slider .arr-wrap button img{
  height: 20px;
}
.main-slider .arr-wrap .prev{
  transform: translateY(-50%) rotate(90deg);
  padding-top: 3px;
  left: 20px;
}
.main-slider .arr-wrap .next{
  transform: translateY(-50%) rotate(-90deg);
  right: 20px;
  padding-top: 3px;
}
.main-slider .owl-dots{
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  display: none!important;
}
.main-slider .owl-dots .owl-dot span{
  border-radius: 0px;
  width: 30px;
  height: 5px;
  background-color: white;
  margin: 0px 10px;
}
.main-slider .owl-dots .owl-dot.active span{
  background-color: #e73545;
}


@media(max-width: 1366px){
  .main-slider .item img{
    height: 320px;
  }
}





.first-page {
  margin: 0px 50px -20px 50px;
  padding-right: 10px;
  padding-left: 10px;
  position: relative;
  z-index: 10;
  display: flex;
  flex-wrap: wrap;
}
.first-block{
  transition: 0.3s;
  cursor: pointer;
  position: relative;
}
@media only screen and (max-width: 1300px) {
  .first-page {
    margin-left: 0!important;
    margin-right: 0!important;
    margin-top: 70px;
    padding-top: 10px!important;
  }
}
.first-page .image {
  filter: blur(0px);
  display: block;
  box-sizing: content-box;
  /* padding-top: 100%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat; */
  position: relative;
  background-color: transparent;
  height: 100%;
  object-fit: cover;
  width: 100%;
  overflow: hidden;
}
.first-page .image img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.5s;
}
.first-page .image:hover img{
  transform: scale(1.05);
}
@media only screen and (max-width: 768px) {
  .first-page .text-title{
    display: flex;
  }
  .first-page .text {
    left: 10%!important;
  }
  .first-page .text-title span{
    font-size: 30px;
    margin-left: 20px;
  }
  .first-page .text-title::after{
    left: -10px!important;
    top: 0px;
  }
}
@media only screen and (max-width: 700px) {
  .first-page .image {
    width: 100%;
    padding-top: calc((100vh - 60px)/2);
  }
  .first-page .text-title{
    display: flex;
  }
  .main-filter{
    margin-top: 60px!important;
  }
  .first-page .first-block {
    width: 100%!important;
    position: relative;
    height: calc((100vh - 60px)/2);
  }
  .first-page .second-block {
    width: 100%!important;
    position: relative;
    height: calc((100vh - 60px)/2);
  }
}
.first-page .first-block {
  padding-right: 7.5px;
  padding-left: 7.5px;
  padding-top: 15px;
  overflow: hidden;
  width: 33.3%;
  position: relative;
  transition: 0.5s;
  height: 45vh;
}
.main-slide.first-page{
  margin: 0;
  margin-top: 10px;
}
.main-slide{
  .relative{
    position: relative;
    width: 100%;
    .slide-btn{
      position: absolute;
      left: 0;
      top: 50%;
      transform: translateY(-50%);
      z-index: 2;
      background: transparent;
      border: none;
      &:hover{
        i{
          color: black;
        }
      }
      i{
        font-size: 70px;
        color: rgba(0, 0, 0, 0.6);
      }
    }
    .next{
      right: 0;
      left: auto;
    }
  }
}
.main-slide .first-block{
  width: 600px;
  padding: 0;
  border-radius: 8px;
}
.first-page .second-block {
  overflow: hidden;
  width: 50%;
}
.first-page .text {
  position: absolute;
  top: calc(100px + 5% );
  left: 35%;
}
.first-page .text-title {
  color: #fff;
  display: block;
  width: 282px;
  position: relative;
  line-height: 40px;
}
.first-page .text-title span {
  font-family: glahoCaps;
  font-size: 35px;
  position: relative;
  top: 15px;
  z-index: 1;
  /*text-shadow: 1px -1px 1px rgba(0, 0, 0, 1);*/
  text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);
  background: #0000007a;
  padding: 5px 18px 1px 18px;
}
.first-page .text-title::after {
  content: '';
  position: absolute;
  width: 65px;
  height: 65px;
  background: #e73545;
  border-radius: 50%;
  left: -30px;
  /*top: 10px;*/
  transition: 0.3s ease;
}
.first-page .text-title:first-child {
  width: 215px;
}
.first-page .text-title:hover::after {
  transform: scale(1.1, 1.1);
}
.bottom-search {
    width: 100%;
    margin: auto;
    background: rgb(0 0 0 / 0.08);
    margin-top: 15px;
    margin-bottom: 20px;
    bottom: 0;
    padding: 35px 0;
    border-top: 1px solid rgba(255,255,255,0.4);
    background-image: linear-gradient( #e9ecf1, #EFF2F5);
    border-radius: 8px;
}
@media only screen and (max-width: 768px) {
  .bottom-search {
    display: none;
  }
  .text-title::after{
    display: block;
  }
  .search-inside{
    display: none;
    /* opacity: 0; */
  }
  .search-block .row{
    padding: 35px 0;
  }
}
.search-inside {
  background: #fff;
  border-radius: 10px;
}
.search-inside .select-wrapper {
  float: left;
  width: 190px;
  height: 42px;
  background: #f2f2f2;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  background: #f2f2f2 url("../img/arrow-down.svg") no-repeat calc(100% - 10px) center;
  background-size: 10px;
  z-index: 1;
}
.search-inside .select-wrapper input {
  height: 42px !important;
  border: none !important;
  padding: 3px 15px 0;
  font-size: 12px;
  font-family: caps, sans-serif;
  text-transform: uppercase;
  color: #000;
}
.search-inside .select-wrapper .dropdown-content {
  width: 200px !important;
  border-radius: 7px;
}
.search-inside .select-wrapper .dropdown-content li:not(.disabled):hover span::after {
  opacity: 1;
}
.search-inside .select-wrapper .dropdown-content span {
  position: relative;
}
.search-inside .select-wrapper .dropdown-content span::after {
  transition: 0.2s;
  content: "";
  opacity: 0;
  position: absolute;
  width: 5px;
  height: 5px;
  border-radius: 10px;
  left: -10px;
  top: 50%;
  transform: translateY(-50%);
  left: 5px;
  background: #e73545;
}
.search-inside .select-wrapper .caret {
  /*font-size: 0;
  width: 20px;
  height: 38px;
  top: 4px;
  background: #f2f2f2 url("../img/arrow-down.svg") no-repeat 2px center;
  background-size: 10px;
  z-index: 1;*/
  display: none;
}
.search-inside .select-wrapper .dropdown-content li>a,
.search-inside .select-wrapper .dropdown-content li>span {
  font-size: 12px;
  font-family: caps, sans-serif;
  text-transform: uppercase;
  padding: 14px 15px 10px;
}
.search-inside .select-wrapper .dropdown-content li {
  min-height: auto;
  border-bottom: 1px solid #f2f2f2;
}
.search-inside .input-wrapper{
  width: calc(100% - 190px);
}
.search-inside .search-field {
  width: calc(100% - 50px);
  margin-top: 0;
}
.search-inside .search-field input {
  margin-bottom: 0 !important;
  height: 42px;
  background: #fff;
  border: none !important;
  font-size: 12px;
  padding-left: 15px;
  box-sizing: border-box;
}
.search-inside .submit {
  width: 50px;
  height: 42px;
  border: none;
  background: #e73545 url("../img/search.svg") no-repeat center center;
  background-size: 38%;
  border-top-right-radius: 7px;
  border-bottom-right-radius: 7px;
}
.main-filter {
  height: 380px;
  display: flex;
  align-items: center;
  margin-top: 20px;
}
@media only screen and (max-width: 600px) {
  .main-filter {
    height: auto;
    padding: 40px 10px !important;
  }
}
.main-filter .title {
  font-family: caps, sans-serif;
  text-transform: uppercase;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.2;
  width: 100px;
}
.main-filter .filter-list {
  font-size: 0;
  border: none !important;
}
.main-filter .each-filter {
  color: #000;
  font-size: 13px;
  position: relative;
  margin-top: 5px;
  display: inline-block;
  margin-right: 30px;
}
.main-filter .each-filter::after {
  position: absolute;
  content: "";
  width: 0%;
  height: 1px;
  left: 50%;
  transform: translateX(-50%);
  background: #000;
  bottom: -5px;
  transition: 0.3s;
}
.main-filter .each-filter::before {
  position: absolute;
  content: "";
  width: 5px;
  height: 5px;
  right: -17px;
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
  background: #e73545;
}
.main-filter .each-filter:last-child::before {
  display: none;
}
.main-filter .each-filter:hover::after,
.main-filter .each-filter.active::after {
  width: 100%;
}
.each-product {
  margin-bottom: 20px;
}
.each-product .image {
  box-sizing: content-box;
  position: relative;
  background-color: transparent;
  border: 1px solid #f5f5f5;
  overflow: hidden;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.each-product .image .img{
  width: 100%;
  height: 240px;
  display: flex;
  &:hover{
    img{
      transform: scale(1.1);
    }
  }
}
.each-product .image .img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.2s;
}
.each-product .dlf {
    font-size: 12px;
    border-radius: 10px;
    text-transform: uppercase;
    border: 1px solid rgba(0, 0, 0, 0.07);
    padding: 1px 10px 0;
    color: #000;
    background: transparent;
    transition: 0.3s;
    width: 100%;
    z-index: 1;
    display: flex;
    width: fit-content;
    border: none;
    padding: 0;
    margin-top: 5px;
    color: rgba(48, 69, 90, 0.8);
}
.each-product .dlf:hover {
  background: #f2f2f2;
}
.each-product .sale {
  position: absolute;
  left: 10px;
  top: 10px;
  border-radius: 20px;
  font-size: 12px;
  color: #e73545;
  transition: 0.3s ease;
  padding: 2px 15px;
  background: rgb(248 246 240);
}
.each-product .view-more {
  display: block;
  position: absolute;
  bottom: 10px;
  left: 10px;
  cursor: pointer;
  transition: 0.3s;
}
.each-product .view-more span {
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 10px;
  text-transform: uppercase;
  font-family: caps, sans-serif;
  text-transform: uppercase;
  font-weight: bold;
  border-radius: 12px;
  border: 1px solid #e73545;
  color: #e73545;
  margin-top: 5px;
  text-shadow: 0 0 3px #fff;
  opacity: 0;
  transition: 0.3s;
  padding-left: 20px;
  background: #fff url("../img/view2.svg") no-repeat 12px center;
  background-size: 16px;
}
.each-product .view-more span:hover{
  background-color: #eaeaea;
}
/*.each-product .view-more:hover {
  background-color: #f2f2f2;
  border: 1px solid rgba(0,0,0,0.07);
}*/
.each-product:hover span {
  opacity: 1;
}
.each-product .text {
  background: transparent;
  border: 1px solid rgba(0,0,0,0.07);
  border: none;
  border-top: none;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  padding: 15px 0;
}
.each-product .title {
  font-size: 14px;
  font-family: caps, sans-serif;
  text-transform: uppercase;
  font-weight: normal;
  color: var(--black);
  transition: 0.2s;
  margin: 0;
  text-align: left;
}
.each-product .title:hover {
  color: #e73545;
}
.each-product .text-body {
  font-family: dejavu;
  font-size: 12px;
  height: 36px;
  white-space: normal;
}
.each-product .link-desc{
  color: black;
  transition: 0.2s;
}
.each-product .link-desc:hover{
  color: #e73545;
}
.each-product .colors {
  text-align: center;
  font-size: 0;
  min-height: 26px;
}
.each-product .price{
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 20px;
  padding: 7px 10px 5px;
  background-color: #fff;
  color: #fff;
  transition: 0.2s;
  &:hover{
    i{
      transform: rotate(0);
      color: var(--red);
    }
  }
}
.each-product .price i{
  font-size: 22px;
  color: var(--grey);
  transition: 0.2s;
  transform: rotate(45deg);
  will-change: transform;
}


.list-color .color-name,
.each-product .colors span .color-name{
  position: absolute;
  bottom: 25px;
  left: -60px;
  height: auto;
  background-color: #e73545;
  min-width: 120px;
  max-width: 200px;
  min-height: 24px;
  padding-top: 5px;
  border-radius: 10px!important;
  padding-left: 10px;
  padding-right: 10px;
  color: white;
  border: none;
  font-family: caps, sans-serif;
  text-transform: uppercase;
  font-size: 11px;
  transform: scale(0);
  opacity: 0;
  transition: transform 0.4s;
  transition-delay: 0.2s;
}
.list-color .color-name span,
.each-product .colors span .color-name span{
    position: absolute;
    bottom: -10px;
    left: calc(50% - 13px);
    width: 24px;
    height: 18px;
    clip-path: polygon(0 0, 50% 100%, 100% 0);
    background-color: #e73545;
    border: none;
    z-index: -1;
}
.list-color .colors span.active,
.each-product .colors span.active  {
  position: relative;
}
.list-color .colors span.active::after,
.each-product .colors span.active::after {
  content: '';
  top: 50%;
  left: 50%;
  position: absolute;
  width: 135%;
  height: 135%;
  transform: translate(-50%, -50%);
  border: 1px solid rgba(0,0,0,0.3);
  border-radius: 50%;
}
.list-color .colors span:hover .color-name,
.each-product .colors span:hover .color-name{
  left: -60px;
  opacity: 1;
  transform: scale(1);
}
.list-color .colors span,
.each-product .colors span {
  display: inline-block;
  width: 16px;
  height: 16px;
  border-radius: 50px;
  margin: 10px 4px 0;
  border: 1px solid rgba(0,0,0,0.2);
  position: relative;
  cursor: pointer;
}
.list-color .left.active::after {
  content: '';
  top: 50%;
  left: 50%;
  position: absolute;
  width: 135%;
  height: 135%;
  transform: translate(-50%, -50%);
  border: 1px solid rgba(0,0,0,0.3);
  border-radius: 50%;
}
.list-color .left.active{
  width: 16px;
  height: 16px;
  border: 1px solid rgba(0,0,0,0.2);
  position: relative;
  cursor: pointer;
  display: flex;
  justify-content: center;
}
.list-color .left{
  margin: 0px 4px;
}
.each-product .colors span{
 /* display: inline-flex;
  justify-content: center;
  align-items: center;*/
}
.list-color .multicolors,
.prod-slider-text .list-color .multicolors,
.color-block a .multicolors,
.each-product .colors span .multicolors{
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  overflow: hidden;
  cursor: pointer;
}
.list-color .multicolors .color,
.prod-slider-text .list-color .color,
.color-block a .color,
.each-product .colors span .color{
  width: 100%;
  height: 100%;
  content: ' ';
  margin: 0;
  border: 0px;
  border-radius: 0px;
}
.prod-slider-text .list-color .color:first-child,
.color-block a .color:first-child,
.each-product .colors span .color:first-child{
  border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;
}
.prod-slider-text .list-color .color:last-child,
.color-block a .color:last-child,
.each-product .colors span .color:last-child{
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
}
.each-product .price {
  margin-top: 10px;
}
.each-product .price span {
  display: inline-block;
  font-size: 16px;
  font-weight: normal;
  font-family: caps, sans-serif;
  text-transform: uppercase;
  color: #34495e;
}
.each-product .price .old {
  font-size: 16px;
  color: #34495e;
  margin-left: 5px;
}
.each-product .price.sale-active span {
  font-size: 12px;
}
.each-product .price.sale-active span.old {
  position: relative;
  text-decoration: line-through;
}
/*.each-product .price.sale-active span.old::after {
  content: '';
  width: 100%;
  height: 1px;
  background: #e73545;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}*/
.each-product .price.sale-active span.new {
  font-size: 18px;
  color: var(--grey);
}
.each-product.has-size:hover .prod-hover {
  bottom: 0;
}
.each-product.has-size:hover .view-more,
.each-product.has-size:hover .sale {
  bottom: 70px;
}

.each-product .cart{
  position: absolute;
  right: 50px;
  top: 10px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 1px solid #f5f5f5;
  background-color: #fff;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--grey);
  transition: 0.2s;
  &:focus{
    border-color: #f5f5f5!important;
  }
  &.active{
    background-color: var(--red);
    border-color: var(--red)!important;
      &:after{
        filter: brightness(100);
        background: url("../img/active.svg") no-repeat center center;
        background-size: 20px;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        content: "";
      }
    i{
      display: none!important;
    }
  }
  &:hover{
    background-color: var(--red);
    border-color: var(--red);
    i.f{
      display: none;
    }
    i.s{
      display: block;
      color: #fff;
    }
  }
  i{
    transition: 0.2s;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
  }
  i.s{
    display: none;
  }
}


.heart {
  width: 30px;
  height: 30px;
  border-radius: 15px;
  border: 1px solid #f5f5f5;
  background: #fff url("../img/heart.svg") no-repeat center center !important;
  background-size: 65% !important;
  position: absolute;
  top: 10px;
  right: 10px;
  transition: 0.3s;
  &:focus{
    border-color: #f5f5f5!important;
  }
}
.heart:hover,
.heart.active {
  background: #fff url("../img/heart-full.svg") no-repeat center center !important;
  background-size: 65% !important;
}
.out-of-stock {
  color: red!important;
}
.each-product .price .out-of-stock{
  font-size : 14px!important;
  /* margin-top: 15px;
  margin-bottom: 3px; */
  height: 27px!important;
  min-height: 27px!important;
  font-weight: normal;
}
.price-cart {
  background: #fff;
  margin-top: 15px;
  border-radius: 50px;
  height: 30px;
  border: 1px solid #e73545;
}
.price-cart input {
  width: 40px !important;
  text-align: center !important;
  font-size: 12px !important;
  height: 30px !important;
  margin-top: -1px !important;
  border: none !important;
  border-top-left-radius: 20px !important;
  border-bottom-left-radius: 20px !important;
  margin-left: -1px !important;
}
.price-cart .plus {
  width: 12px;
  height: 8px;
  background: url("../img/play.svg") no-repeat center center;
  border: none;
  background-size: 8px;
  transform: rotate(-90deg);
  display: block;
}
.price-cart .minus {
  width: 12px;
  height: 8px;
  background: url("../img/play.svg") no-repeat center center;
  border: none;
  background-size: 8px;
  transform: rotate(90deg);
  display: block;
  margin-top: 2px;
}
.price-cart .amount-buttons {
  width: 12px;
  background: #f5f5f5;
  border-radius: 5px;
  line-height: 0.4;
  padding: 3px 0;
  margin-top: 3px;
  margin-right: 5px;
}
.price-cart .submit {
  width: 30px;
  height: 30px;
  border: none;
  margin-top: -1px;
  background: #e73545;
  border-bottom-right-radius: 50px;
  border-top-right-radius: 50px;
  margin-right: -1px;
  position: relative;
  transition: 0.3s;
  border: 1px solid #e73545;
  top: -2px;
  right: -1px;  
}
.price-cart .submit.active{
  background: #e73545!important;
}
.price-cart .submit::after {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  width: 30px;
  height: 30px;
  background: url("../img/bag.svg") no-repeat 7px 7px;
  background-size: 15px;
  filter: brightness(100);
  transition: 0.3s;
}
.price-cart .submit.active::after {
  background: url("../img/active.svg") no-repeat center center;
  background-size: 15px;
}
.price-cart .submit:hover {
  background: #f5f5f5;
}
.price-cart .submit:hover::after {
  filter: brightness(0);
}
@media only screen and (max-width: 750px) {
  .main_product .each-product .price{
    float: none!important;
    text-align: center;
    width: 100%;
    font-size: 14px!important;
  }
  .main_product .each-product .price span{
    font-size: 14px;
  }
  .main_product .price-cart{
    margin-right: calc((100% - 87px)/2);
  }
  .main_product .each-product .price.sale-active span.old{
    font-size: 12px;
    margin-right: 0;
  }
  .main_product .each-product .price .out-of-stock{
    height: 27px!important
  }
  .main_product  .each-product .price.sale-active span.new{
    font-size: 14px;
  }
  .owl-carousel .price-cart{
    margin-right: 0;
  }
  .product-block .each-product .price{
    float: none!important;
    text-align: center;
    width: 100%;
    font-size: 14px!important;
  }
  .product-block  .each-product .price span{
    font-size: 14px;
  }
  .product-block  .each-product .price.sale-active span.new{
    font-size: 14px;
  }
  .product-block .each-product .price.sale-active span.old{
    font-size: 11px;
    margin-right: 0;
  }
  .product-block .price-cart{
    margin-right: calc((100% - 87px)/2);
  }
  .product-block .each-product .price .out-of-stock{
    height: 27px!important
  }
  .popular-product .price-cart input{
    width: 34px!important;
  }
}
@media only screen and (max-width: 321px) {
  .main_product .each-product .price.sale-active span.old{
    font-size: 10px!important;
    margin-right: 0;
  }
  .main_product .each-product .price.sale-active span.new{
    font-size: 12px!important;
  }
}
.prod-hover {
  width: 100%;
  height: 60px;
  background: rgba(255,255,255,0.97);
  position: absolute;
  bottom: -60px;
  transition: 0.3s ease;
  left: 0;
}
.prod-hover p {
  font-family: caps, sans-serif;
  text-transform: uppercase;
  font-size: 12px;
  color: #000;
  padding-top: 10px;
}
.prod-hover .size {
  font-size: 0;
}
.prod-hover .size a {
  font-size: 10px;
  padding: 2px 10px 0;
  border: 1px solid #f2f2f2;
  display: inline-block;
  border-radius: 10px;
  margin: 5px 3px 0;
  color: #000;
  transition: 0.2s;
  font-family: caps, sans-serif;
  text-transform: uppercase;
  cursor: pointer;
  position: relative;
}
.prod-hover .size a.active,
.prod-hover .size a:hover {
  border: 1px solid #e73545;
}
.prod-hover .size a .pop{
    position: absolute;
    bottom: 26px;
    left: -36px;
    width: 100px;
    height: auto;
    background-color: #e73545;
    padding-top: 4px;
    padding-left: 10px;
    padding-right: 10px;
    color: black;
    font-family: caps, sans-serif;
    text-transform: uppercase;
    font-size: 11px;
    display: inline-block;
    border-radius: 50px;
    transform: scale(0);
    cursor: pointer;
    color: white;
    opacity: 0;
    transition: transform 0.4s;
    transition-delay: 0.2s;
}
.prod-hover .size a .pop span{
    position: absolute;
    top: 10px;
    left: calc(50% - 12px);
    display: block;
    width: 24px;
    height: 18px;
    clip-path: polygon(0 0, 50% 100%, 100% 0);
    background-color: #e73545;
    border: none;
    z-index: -1;
}
.prod-hover .size a:hover .pop{
    opacity: 1;
    transform: scale(1);
}
.saled-production {
  position: relative;
  margin-top: 36px;
  margin-bottom: 30px;
  border-radius: 8px;
  overflow: hidden;
}
.saled-production .images {
  position: relative;
}
.saled-production .images::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("../img/pattern.png");
  transition: 0.2s;
}
.saled-production:hover .images::after{
  opacity: 0;
}
@media only screen and (max-width: 600px) {
  .saled-production .images {
    margin: 0 -20px;
  }
}
.saled-production .text {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.saled-production .image {
  width: 50%;
  box-sizing: content-box;
  padding-top: 400px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
  background-color: transparent;
}
.saled-production .title {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}
.saled-production .title a {
  width: 300px;
  text-align: center;
  font-size: 30px;
  display: inline-block;
  font-family: glahoCaps;
  font-weight: bold;
  color: #fff;
  letter-spacing: 2px;
}
.saled-production .title span {
  display: block;
  margin: 0 auto;
  text-transform: uppercase;
  color: #fff;
  width: 60px;
  height: 60px;
  background: #e73545;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  position: relative;
  font-size: 16px;
}
.saled-production .title span::after {
  content: "";
  position: absolute;
  width: 64%;
  height: 1px;
  background: #fff;
  left: 18%;
  bottom: 20px;
}
.saled-production .prod-names {
  position: absolute;
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 600px) {
  .saled-production .prod-names {
    display: none;
  }
}
.saled-production .prod-names a {
  position: absolute;
  color: #fff;
  letter-spacing: 1px;
}
.saled-production .prod-names a:nth-child(1){
  left: 25%;
  bottom: 30px;
}
.saled-production .prod-names a.right span{
  margin-left: -150%
}
.saled-production .prod-names a:nth-child(2){
  right: 25%;
  bottom: 30px;
  margin-left: -150%;
}
.saled-production .prod-names a:nth-child(3){
  left: 15%;
  bottom: 35%;
}
.saled-production .prod-names a:nth-child(4){
  right: 15%;
  bottom: 35%;
}
.saled-production .prod-names a:nth-child(5){
  left:  35%;
  bottom: 85%;
}
.saled-production .prod-names a:nth-child(6){
  right: 35%;
  bottom: 85%;
}
.saled-production .prod-names a div {
  position: relative;
  display: inline-block;
}
.saled-production .prod-names a div::after {
  position: absolute;
  content: "";
  width: 50px;
  height: 50px;
  background: #e73545;
  border-radius: 50%;
  left: -10px;
  top: -20px;
  transition: 0.2s;
}
.saled-production .title{
  z-index: 1;
}
.saled-production .prod-names a:hover div::after{
  transform: scale(1.5);
}
.saled-production .prod-names a span {
  position: relative;
  font-size: 22px;
  font-family: glahoCaps;
  z-index: 1;
}
.circles {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.circles span {
  background: #e73545;
  width: 60px;
  height: 60px;
  display: block;
  position: absolute;
  left: 24%;
  top: 31%;
  border-radius: 50%;
}
.circles span:nth-child(2) {
  width: 30px;
  height: 30px;
  left: 30%;
  top: 60%;
}
.circles span:nth-child(3) {
  width: 10px;
  height: 10px;
  left: 45%;
  top: 70%;
}
.circles span:nth-child(4) {
  width: 20px;
  height: 20px;
  left: 60%;
  top: 67%;
}
.circles span:nth-child(5) {
  width: 25px;
  height: 25px;
  left: 80%;
  top: 45%;
}
.circles span:nth-child(6) {
  width: 50px;
  height: 50px;
  left: 70%;
  top: 30%;
}
footer {
  margin-top: 36px;
}
.subscribe-form {
  padding: 25px 0;
  /*background: url("../img/footer.jpg") no-repeat center center;*/
  background-size: cover;
  position: relative;
}
.subscribe-form::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(48,69,90,0.9);
  top: 0;
  left: 0;
}
.subscribe-inside {
  position: relative;
  z-index: 2;
}
.subscribe-inside .title {
  color: #fff;
  font-family: caps, sans-serif;
  text-transform: uppercase;
  font-size: 12px;
}
.subscribe-inside form {
  background: #fff;
  max-width: 570px;
  width: 100%;
  border-radius: 30px;
  margin: 20px auto 0;
  overflow: hidden;
}
.subscribe-inside form input {
  width: calc(100% - 130px) !important;
  margin-bottom: 0 !important;
  border: none !important;
  padding: 0 20px !important;
  box-sizing: border-box;
  height: 40px !important;
  font-size: 12px !important;
}
.subscribe-inside .submit {
  width: calc(570px - 480px);
  height: 40px;
  border: none;
  background: #fff;
  border-bottom-right-radius: 30px;
  border-top-right-radius: 30px;
  font-family: caps, sans-serif;
  text-transform: uppercase;
  font-size: 12px;
  color: #e73545;
  padding: 9px 10px 6px;
  position: relative;
}
.subscribe-inside .submit::after {
  content: "";
  position: absolute;
  width: 1px;
  height: 18px;
  left: 2px;
  background: #e73545;
  top: 12px;
}
.footer-logo {
  display: block;
  padding-top: 30px;
  text-align: center;
}
@media only screen and (max-width: 992px) {
  .footer-logo {
    text-align: center;
  }
  .first-page .image {
    width: 100%;
    padding-top: calc((100vh - 60px)/2);
  }
}
.footer-logo img {
  width: 110px;
  
}
.footer-socials {
  width: 100%;
  font-size: 0;
  text-align: center;
}
@media only screen and (max-width: 992px) {
  .footer-socials {
    width: 100%;
  }
}
.footer-socials a {
  display: inline-block;
  width: 28px;
  height: 28px;
  margin: 0 5px;
}
.footer-socials a img {
  width: 100%;
}
.footer-title {
  margin-top: 30px;
  font-family: caps, sans-serif;
text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 5px;
  
}
@media only screen and (max-width: 992px) {
  .footer-list {
    display: none;
  }
}
.footer-list a {
  display: block;
  color: #606060;
  font-family: caps, sans-serif;
text-transform: uppercase;
  font-size: 12px;
}
.footer-list a:hover {
  color: #e73545;
}
.search-list {
  color: #606060;
  font-family: caps, sans-serif;
text-transform: uppercase;
  font-size: 12px;
}
.search-list:hover {
  color: #e73545;
}
@media only screen and (max-width: 992px) {
  .footer-address {
    width: 100%;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    padding-bottom: 20px;
  }
}
.footer-address a {
  display: block;
}
.footer-address .address {
  margin-top: 30px;
  font-family: caps, sans-serif;
  text-transform: uppercase;
  font-size: 12px;
  color: black;
  width: 160px;
  font-weight: bold;
  text-align: center;
}
@media only screen and (max-width: 992px) {
  .footer-address .address {
    width: 100%;
  }
}
.footer-address .tel {
  font-size: 12px;
  color: #363636;
  width: 160px;
  text-align: center;
  font-weight: bold;
}
@media only screen and (max-width: 992px) {
  .footer-address .tel {
    width: 100%;
  }
}
.footer-address .email {
  font-size: 12px;
  color: #363636;
  width: 160px;
  text-align: center;
  font-weight: bold;
}
@media only screen and (max-width: 992px) {
  .footer-address .email {
    width: 100%;
  }
}
.footer-address .email img {
  width: 15px;
  margin-bottom: -3px;
}
.payment-services {
  padding: 40px 0 30px;
  text-align: center;
}
.payment-services a {
  margin: 0 8px;
  filter: grayscale(100%);
}
.payment-services a img {
  height: 20px;
}
.copyright {
  padding: 8px 15px 5px 15px;
  background: #e6e6e6;
  font-size: 12px;
  font-family: sspCaps;
  display: flex;
  justify-content: space-between;
  align-items: center;
  .frame{
    height: 20px;
    overflow: hidden;
    display: flex;
    align-items: center;
    img{
      position: relative;
      top: -2px;
      height: 100%;
    }
  }
}
.copyright .cgroup-logo img{
  height: 12px;
}
.copyright .inner{
  display: flex;
  align-items: center; 
}
.copyright a {
  color: #ffa500;
}
.copyright .red-text{
  color: #e73545;
  margin: 0px 5px 0px 3px;
}
.copyright-logo{
  height: 21px;
  position: relative;
  top: -2px;
  margin-right: 10px;
}
.second-block .logo{
  display: none;
}
@media only screen and (max-width: 1200px) {
  .main-slider{
    margin-top: 54px;
  }
  .hide-1200 {
    display: none;
  }
  .first-page .image {
    width: 100%;
    padding-top: 0px!important;
  }
  header .scroll-buttons .enter {
    opacity: 1;
    transform: scale(1);
  }
  .second-block .logo{
    display: block;
    margin: auto;
  }
  .second-block .logo2{
    display: block;
  }
  header .middle{
    display: none;
  }
}
.logo-block {
  text-align: center;
}
.how-order{
  display: inline-block;
  color: red;
}
.burger-bar {
  width: 25px;
  height: 40px;
  background: #e73545;
  transform: translateY(-50%);
  background: url("../img/menu.svg") no-repeat center center !important;
  background-size: 100% !important;
  border: none;
  display: none;
}
@media only screen and (max-width: 1200px) {
  .burger-bar {
    display: block;
    margin-top: 35px;
  }
}
.responsive-close {
  width: 100vw;
  height: 100vh;
  position: fixed;
  opacity: 0;
  background: rgba(0,0,0,0.3);
  z-index: -2;
  transition: 0.5s ease;
}
.responsive-close.active {
  opacity: 1;
  z-index: 900;
}
.responsive-menu {
  position: fixed;
  width: 320px;
  height: 104vh;
  background: #fff;
  top: 0;
  left: -120vw;
  z-index: 1000;
  padding: 80px 40px;
  border-right: 1px solid rgba(0,0,0,0.1);
  display: none;
  transition: 0.5s ease;
  overflow-y: scroll;
}
.responsive-menu.active {
  left: 0;
}
@media only screen and (max-width: 1200px) {
  .responsive-menu {
    display: block;
  }
}
.responsive-menu .close {
  width: 22px;
  height: 22px;
  position: absolute;
  right: 40px;
  top: 40px;
  background: url("../img/close.svg") no-repeat center center;
  background-size: 100%;
  border: none;
  opacity: 0.8;
}
/* .header-options{
  margin-top: 50px!important;
} */
.responsive-menu .header-options div {
  padding: 10px 0;
  border-bottom: 1px solid rgba(0,0,0,0.1);
}
.responsive-menu .header-options .mobile-socials {
  display: flex;
  align-items: center;
  gap: 15px;
  padding: 15px 0;
  border-bottom: 1px solid rgba(0,0,0,0.1);
}
.responsive-menu .header-options .mobile-socials a {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.2s;
}
.responsive-menu .header-options .mobile-socials a img {
  width: 28px;
  height: auto;
  display: block;
}
.responsive-menu .header-options .mobile-socials a:hover {
  transform: scale(1.1);
  opacity: 0.8;
}
.responsive-menu .header-options a:hover {
  color: #e73545;
}
.responsive-menu .menu {
  padding-top: 10px;
}
.category_menu{
  display: none;
}
.category_menu_show{
  display: block;
  position: relative;
  z-index: 1;
}
.cat::before{
  content: '';
  width: 8px;
  height: 15px;
  background: url('../img/hover arrow.svg')no-repeat center center!important;
  background-size: 100%!important;
  position: absolute;
  transform: rotate(180deg);
  top: 12px;
  left: 0;
  z-index: 10;
}
.category_menu li a{
  all:unset!important;
}
.category_menu_show ul{
  padding-left: 15px;
  padding-bottom: 10px;
}
.category_menu_show ul li a{
  all:unset!important;
  font-size: 10px!important;
  font-family: dejavuCaps!important;
  padding: 10px 0!important;
}
.cat{
  display: inline-block;
  width: 80%;;
  position: absolute;
  top: 80px;
  left: 40px;
  background-color: #fff;
}
.cat a{
  padding-left: 15px;
}
.responsive-menu .menu a {
  font-family: caps, sans-serif;
  text-transform: uppercase;
  color: #909090;
  line-height: 40px;
  font-size: 12px;
}
.responsive-menu .menu li.active a {
  color: #e73545;
}
.responsive-menu .favorites {
  background: url("../img/heart.svg") no-repeat 0 center;
  background-size: 15px;
  font-family: caps, sans-serif;
  text-transform: uppercase;
  padding: 5px 0 2px 25px;
  color: #909090;
  font-size: 12px;
}
.responsive-menu .cart {
  background: url("../img/shopping-bag.svg") no-repeat 0 center;
  background-size: 15px;
  font-family: caps, sans-serif;
  text-transform: uppercase;
  padding: 5px 0 2px 25px;
  font-size: 12px;
  color: #909090;
  display: inline-block;
}
.responsive-menu .user {
  background: url("../img/avatar.svg") no-repeat 0 center;
  background-size: 15px;
  font-family: caps, sans-serif;
  text-transform: uppercase;
  padding: 5px 0 2px 25px;
  font-size: 12px;
  color: #909090;
}
.back-to-index {
  position: relative;
  margin-top: 20px;
}
.back-to-index::after {
  position: absolute;
  content: "";
  width: calc(100% - 100px);
  height: 1px;
  left: 50px;
  background: rgba(0,0,0,0.1);
  top: 10px;
}
@media only screen and (max-width: 992px) {
  .back-to-index::after {
    width: calc(100% - 40px);
    left: 20px;
  }
}
.back-to-index >div>div {
  color: #000;
  font-family: dejavu;
  display: inline-block;
  background: #fff;
  position: relative;
  padding: 0 20px 0 20px;
  z-index: 1;
  transition: 0.2s;
}
.back-to-index >div>div:hover {
  color: #e73545;
}
@media only screen and (max-width: 992px) {
  .back-to-index >div>div {
    padding-left: 0;
  }
}
.back-to-index img {
  width: 30px;
  margin-top: 5px;
  margin-right: 10px;
}
.back-to-index ul li {
  display: inline-block;
}
.back-to-index ul li:last-child a::after {
  content: '';
  display: none;
}
.back-to-index ul a {
  color: #363636;
  font-size: 12px;
  margin-right: 10px;
  position: relative;
}
.back-to-index ul a:hover {
  color: #e73545;
}
.back-to-index ul a::after {
  content: '';
  position: absolute;
  width: 3px;
  height: 3px;
  right: -7px;
  background: #363636;
  border-radius: 50%;
  top: 6px;
}
.back-to-index {
  border-radius: 20px;
  display: flex;
  align-items: center;
  img{
    width: 20px;
    margin: 0;
    margin-right: 5px;
    margin-top: 7px;
  }
  li{
    padding-right: 5px;
  }
  > div > div{
    border-radius: 20px;
  }
}
.about-page{
  position: relative;
  overflow: hidden;
}
.about-page ul li{
  list-style-type: disc;
  list-style-position: inside;
}
.about-page ul li strong{
  font-weight: bold;
}
.about-page .circlesi{
  content: ' ';
  position: absolute;
  background-color: #e73545;
  opacity: 0.3;
  border-radius: 100%;
  display: none;
}
.about-page .title {
  margin-top: 50px;
  font-size: 20px;
  font-weight: bold;
  font-family: caps, sans-serif;
  text-transform: uppercase;
  color: #363636;
}
.about-page .logo img {
  margin-top: 5px;
  width: 180px;
}
.about-page .text {
  font-family: dejavu;
  position: relative;
}
.authorization {
  padding: 80px;
  background: #f5f5f5;
  margin: 20px 0 0;
  border-radius: 10px;
}
@media only screen and (max-width: 600px) {
  .authorization {
    padding: 30px;
  }
}
.authorization .recover-password {
  margin-top: 10px;
}
.authorization .recover-password a {
  font-size: 12px;
  color: #34495e;
  transition: 0.3s;
}
.authorization .recover-password a.open-popup {
  border: none;
  background: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
}
.authorization .recover-password a:hover {
  color: #e73545;
}
.enter-page {
  padding: 60px 20px 80px;
}
.enter-page form .title {
  font-size: 18px;
  font-family: caps, sans-serif;
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 20px;
}
.enter-page form input {
  height: 40px !important;
  border: 1px solid rgba(0,0,0,0.2) !important;
  border-radius: 4px !important;
  padding: 0 10px !important;
  box-sizing: border-box !important;
}
.enter-page form .input-field.error span {
  color: #cc141f;
}
.enter-page form .input-field.error input {
  border: 1px solid #cc141f !important;
}
.enter-page form .input-field span {
  font-size: 12px;
  font-family: caps, sans-serif;
  text-transform: uppercase;
}
/* register-auth-form — ცალკე ბლოკი .login-popup.register; აქ არ ვაჯაროვებთ, თორემ რჩებოდა წყარო იმავე ფორმაზე margin/padding და i-ს bottom-ით */
.enter-page form.sms-auth-form:not(.register-auth-form) .input-field {
  position: relative;
}
.enter-page form.sms-auth-form:not(.register-auth-form) .title + .input-field {
  margin-top: 18px;
}
.enter-page form.sms-auth-form:not(.register-auth-form) .input-field ~ .input-field {
  margin-top: 14px;
}
.enter-page form.sms-auth-form:not(.register-auth-form) .input-field i {
  position: absolute;
  bottom: 11px;
  left: 11px;
  font-size: 17px;
  line-height: 1;
  width: 22px;
  text-align: center;
  color: rgba(55,55,55,0.55);
}
.enter-page form.sms-auth-form:not(.register-auth-form) .input-field input {
  padding-left: 36px !important;
}
.enter-page form.sms-auth-form:not(.register-auth-form) .auth-field-hint {
  display: block;
  margin: 10px 0 4px;
  line-height: 1.45;
  font-size: 12px;
  color: #9e9e9e;
}
.enter-page form#user-login-form .input-field {
  position: relative;
}
.enter-page form#user-login-form .input-field + .input-field {
  margin-top: 12px;
}
.enter-page form#user-login-form .input-field i {
  position: absolute;
  bottom: 11px;
  left: 11px;
  font-size: 17px;
  line-height: 1;
  width: 22px;
  text-align: center;
  color: rgba(55,55,55,0.55);
}
.enter-page form#user-login-form .input-field input {
  padding-left: 36px !important;
}
.enter-page form .submit {
  display: block;
  width: 100%;
  margin-top: 20px;
  height: 38px;
  border: 1px solid #e73545;
  border-radius: 30px;
  background: #fff;
  font-family: caps, sans-serif;
  text-transform: uppercase;
  color: #e73545;
  font-size: 12px;
  padding-top: 4px;
  transition: 0.3s;
}
.enter-page form .submit:hover {
  background: #e73545;
  color: #fff;
}
.registration-link {
  margin: 20px 0;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
}
.registration-link .image {
  box-sizing: content-box;
  padding-top: 427px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
  background-color: transparent;
}
.registration-link .image::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: #e73545;
  top: 0;
  left: 0;
}
.registration-link .sign-up {
  position: absolute;
  top: 50%;
  z-index: 1;
  width: 100%;
  text-align: center;
  transform: translateY(-50%);
}
.registration-link .sign-up .title {
  color: #fff;
  font-family: caps, sans-serif;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 1px;
  font-size: 14px;
}
.registration-link .sign-up a {
  display: inline-block;
  background: #fff;
  color: #363636;
  font-family: caps, sans-serif;
  text-transform: uppercase;
  font-size: 12px;
  border-radius: 20px;
  margin-top: 5px;
  padding: 10px 20px 8px;
  transition: 0.3s;
}
.registration-link .sign-up a:hover {
  color: #fff;
  background: #363636;
}
.registration-link .sign-up-offer {
  position: absolute;
  z-index: 1;
  bottom: 30px;
  width: calc(100% - 80px);
  left: 40px;
  font-size: 12px;
  color: #fff;
  border-top: 1px solid #fff;
  padding-top: 10px;
  text-align: center;
  line-height: 1;
}
.register-resp {
  /*display: none;*/
}
@media only screen and (max-width: 992px) {
  .register-resp {
    display: block;
  }
}
.z-index-1 {
  position: relative;
  z-index: 1;
}
.register-page.cart-order{
  margin-top: 25px;
}
.register-page {
  margin-top: 55px;
  margin-bottom: -36px;
  padding-bottom: 36px;
  background: #fff;
}
.register-page .title {
  font-family: caps, sans-serif;
  text-transform: uppercase;
  font-size: 18px;
  margin-bottom: 20px;
  font-weight: bold;
}
.register-page .indicator {
  height: 100%;
  background: white;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.register-page .tabs {
  font-size: 0;
  background-color: #f2f2f2;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
}
.register-page .tab {
  width: 50%;
}
.register-page .tab img {
  width: 15px;
  margin-bottom: -2px;
  margin-right: 5px;
}
.register-page .tab a {
  position: relative;
  font-size: 12px;
  z-index: 1;
  font-family: caps, sans-serif;
  text-transform: uppercase;
  color: #000;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding-top: 3px;
  border: 1px solid rgba(0,0,0,0.1);
  border-bottom: none;
}
.register-page .tabs .tab a:hover,
.register-page .tabs .tab a.active {
  color: #000;
  padding-top: 3px;
  border-color: #e73545;
}
.signup-field-feedback.signup-field-feedback--ok {
  color: #2e7d32;
}
.signup-field-feedback.signup-field-feedback--err {
  color: #c62828;
}
.signup-field-feedback.signup-field-feedback--muted {
  color: #757575;
}
.register-page form .signup-field-feedback {
  display: block;
  font-size: 11px;
  line-height: 1.3;
  margin-top: 4px;
}
.register-page form .signup-field-feedback:empty {
  display: none !important;
  min-height: 0 !important;
  margin-top: 0 !important;
}
.register-page .register-password-hint {
  display: block;
  margin-top: 6px;
  color: #9e9e9e;
}
.register-page .register-footnote {
  margin-top: 12px;
  font-size: 13px;
}
.register-page input {
  border: 1px solid rgba(0,0,0,0.2) !important;
  border-radius: 3px !important;
  margin-top: 5px !important;
  font-family: caps, sans-serif;
  text-transform: uppercase;
  font-size: 12px !important;
  padding: 5px 10px 0 18px !important;
  color: #000000 !important;
  box-sizing: border-box !important;
}
.register-page label {
  color: #8f8f8f !important;
  font-size: 12px !important;
  font-family: caps, sans-serif;
  text-transform: uppercase;
  padding: 5px 10px 0 0 !important;
  top: 1px;
  left: 20px !important;
}
.register-page label.active {
  left: 0 !important;
}
.register-page .submit {
  width: 100%;
  margin-top: 15px;
  border: none;
  background: #e73545;
  color: #fff;
  font-family: caps, sans-serif;
  text-transform: uppercase;
  padding: 5px 0 5px;
  border-radius: 50px;
  transition: 0.3s;
}
.register-page .submit:hover {
  background: #363636;
}
/* .Buttons{
  width: 300px;
  display: flex;
  justify-content: space-between;
} */
.messages-page {
  margin-top: 30px;
}
.messages-page .title {
  font-family: caps, sans-serif;
  text-transform: uppercase;
  border-bottom: 1px solid rgba(0,0,0,0.1);
  padding-bottom: 3px;
}
.messages-page label {
  font-family: dejavuCaps !important;
  font-size: 12px !important;
  top: 1px;
  left: 25px !important;
}
.messages-page label.active {
  left: 10px !important;
}
.messages-page .input-field {
  margin-top: 15px;
}
.messages-page .input-field.error label,
.messages-page .input-field.error span {
  color: #cc141f;
}
.messages-page .input-field.error input {
  border: 1px solid #cc141f !important;
  border-radius: 5px!important;
}
.messages-page input {
  border: 1px solid rgba(0,0,0,0.1) !important;
  border-radius: 5px !important;
  height: 40px !important;
  font-family: dejavuCaps !important;
  font-size: 12px !important;
  padding-left: 15px !important;
  box-sizing: border-box !important;
}
.messages-page textarea {
  height: 118px;
  border: 1px solid rgba(0,0,0,0.1) !important;
  border-radius: 5px !important;
  font-family: dejavuCaps !important;
  font-size: 12px !important;
  padding-left: 15px !important;
  box-sizing: border-box !important;
  border-radius: 5px!important;
}
.messages-page .submit {
  border-radius: 50px;
  height: 40px;
  background: #e73545;
  color: #fff;
  font-family: caps, sans-serif;
  text-transform: uppercase;
  border: none;
  padding: 3px 30px 0;
  margin-top: 10px;
}
.messages-page .submit:hover {
  background: #363636;
}
.messages-page .arrow {
  height: 75px;
  padding-right: 20px;
  display: flex;
  align-items: center;
  position: relative;
}
.messages-page .arrow::after {
  position: absolute;
  content: "";
  width: 1px;
  height: 40%;
  top: 30%;
  right: 1px;
  background: rgba(0,0,0,0.6);
}
.messages-page .arrow img {
  width: 20px;
  transition: 0.2s;
  filter: grayscale(100);
}
.messages-page .delete {
  position: absolute;
  right: 0;
  height: 75px;
  width: 36px;
  border: none;
  background: transparent;
  top: 0;
}
.messages-page .delete span {
  font-family: caps, sans-serif;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: bold;
  display: block;
}
.messages-page .delete img {
  width: 16px;
  filter: grayscale(100);
}
.messages-page .collapsible-title {
  padding-left: 50px;
  width: calc(100% - 120px);
}
.messages-page .collapsible-title p {
  font-family: caps, sans-serif;
  text-transform: uppercase;
  font-size: 12px;
  padding-top: 10px;
}
.messages-page time {
  font-size: 10px;
  padding-top: 10px;
  margin-top: 16px;
}
.messages-page time span {
  font-weight: bold;
  font-family: caps, sans-serif;
  text-transform: uppercase;
}
.collapsible li .down .minus {
  display: none;
}
.collapsible li .down .plus {
  display: flex;
}
.collapsible li.active .arrow img {
  transform: rotate(-180deg);
  /*filter: grayscale(0);*/
}
/*.collapsible li.active .collapsible-title p {
  color: #e73545;
}*/
.collapsible li.active-unread .collapsible-title p {
  color: #e73545;
}
.collapsible li.active-unread.active .collapsible-title p{
  color: black; 
}
.collapsible li.active-unread.active .arrow img {
  filter: grayscale(1);
}
.collapsible li.active-unread .arrow img {
  filter: grayscale(0);
}
.collapsible li.active .down .plus {
  display: none;
}
.collapsible li.active .down .minus {
  display: flex;
}
.help-page {
  padding-top: 40px;
  padding-left: 40px;
}
@media only screen and (max-width: 1200px) {
  .help-page {
    padding-left: 20px;
  }
}
.help-page .title {
  font-family: caps, sans-serif;
  text-transform: uppercase;
  font-weight: bold;
}
.help-page .title img {
  width: 20px;
  margin-right: 10px;
}
.help-page .text {
  font-family: caps, sans-serif;
  text-transform: uppercase;
  font-size: 12px;
  margin-top: 5px;
}
.help-page .title-secondary {
  font-size: 12px;
  font-family: caps, sans-serif;
  text-transform: uppercase;
  font-weight: bold;
  margin-top: 20px;
}
.help-page .person {
  font-family: caps, sans-serif;
  text-transform: uppercase;
  color: #e73545;
  font-size: 12px;
  margin-top: 5px;
}
.help-page .position {
  font-size: 12px;
}
.help-page .info {
  display: block;
  font-size: 12px;
  color: #363636;
  margin-top: 3px;
}
.help-page .info span {
  display: block;
  margin-right: 5px;
  margin-bottom: -1pxs;
}
.help-page .info img {
  width: 18px;
}
.help-page .sale-conditions {
  padding-bottom: 20px;
  margin: 20px 0;
  border-bottom: 1px solid rgba(0,0,0,0.1);
}
.order-conditions {
  background: #f5f5f5;
  padding: 20px;
}
@media only screen and (max-width: 600px) {
  .order-conditions {
    margin-top: 20px;
  }
}
.order-conditions .text {
  margin-top: 10px;
  margin-bottom: 20px;
}
.order-conditions .title-green {
  color: #e73545;
}
.cart-page {
  padding-left: 40px;
  padding-top: 20px;
}
.l-mr{
  margin-left: 5px;
}
@media only screen and (max-width: 1200px) {
  .cart-page {
    padding-left: 20px;
  }
}
.cart-page .title {
  font-family: caps, sans-serif;
text-transform: uppercase;
  font-size: 24px;
  font-weight: bold;
}
.cart-page .product-title {
  margin-left: 195px;
}
.cart-page .image {
  display: block;
  width: 175px;
  box-sizing: content-box;
  padding-top: 175px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
  background-color: transparent;
}
@media only screen and (max-width: 600px) {
  .cart-page .image {
    width: 100%;
    padding-top: 80%;
  }
}
.cart-page .name {
  font-size: 20px;
  font-family: caps, sans-serif;
text-transform: uppercase;
  font-weight: bold;
  color: #363636;
  margin-top: 20px;
}
.cart-page .name:hover {
  color: #e73545;
}
.cart-page .descr {
  font-size: 12px;
  font-family: dejavu;
  line-height: 14px;
  display: -webkit-box;
  height: 27px;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  -webkit-line-clamp: 2;
  margin-bottom: 20px;
}
.cart-page .code {
  position: relative;
  margin-top: 20px;
  font-size: 12px;
}
.cart-page .code span {
  font-size: 12px;
  color: #e73545;
  font-family: caps, sans-serif;
  text-transform: uppercase;
}
.cart-page .code::after {
  content: '';
  position: absolute;
  width: 40%;
  height: 1px;
  background: rgba(0,0,0,0.05);
  top: -10px;
  left: 0;
}
@media only screen and (max-width: 600px) {
  .cart-page .code::after {
    width: 100%;
  }
}
.cart-page .color {
  font-size: 12px;
  margin-top: 3px;
}
.cart-page .color span {
  font-size: 12px;
  font-family: caps, sans-serif;
  text-transform: uppercase;
}
.cart-page .color span:last-child {
  width: 14px;
  margin: 1px 6px 0;
  height: 14px;
  border-radius: 50px;
}
.cart-page .size {
  font-size: 12px;
  margin-top: 3px;
  font-family: caps, sans-serif;
  text-transform: uppercase;
}
.cart-page .next-step,
.cart-page .reg-btn {
  padding: 5px 10px 5px;
  border: none;
  border-radius: 50px;
  font-family: caps, sans-serif;
  text-transform: uppercase;
  font-size: 14px;
  color: #fff;
  transition: 0.3s;
}
.cart-page .next-step:hover,
.cart-page .reg-btn:hover {
  background: #363636;
}
.cart-page .next-step {
  background: #e73545;
}
.cart-page .cl{
  background-color: #696969!important;
}
.continue-order:hover {
  background: #e73545!important;
}
@media only screen and (max-width: 600px) {
  .cart-page .next-step {
    width: 100%;
    margin: 5px 0;
  }
}
.cart-page .reg-btn {
  background: #34495e;
  margin: 0 20px;
}
@media only screen and (max-width: 600px) {
  .cart-page .reg-btn {
    width: 100%;
    margin: 5px 0;
  }
}
.cart-page .reg-offer {
  color: #34495e;
  font-family: caps, sans-serif;
  text-transform: uppercase;
  font-size: 12px;
  margin-top: 13px;
  display: block;
  border-bottom: 1px solid;
  font-weight: bold;
  margin-bottom: 20px;
}
.cart-page{
  padding: 0px 20px;
  margin-top: 60px;
  .table-header{
    display: none;
  }
  .table-title{
    height: 36px;
    display: flex;
    align-items: center;
    font-family: caps, sans-serif;
text-transform: uppercase;
    padding-top: 3px;
  }
  .center-align .table-title{
    justify-content: center;
  }
  .clear-btn{
    display: flex;
    justify-content: flex-end!important;
    a{
      height: 36px;
      font-size: 12px;
      font-family: caps, sans-serif;
text-transform: uppercase;
      display: flex;
      align-items: center;
      border-radius: 5px;
      background-color: var(--grey);
      padding: 0 15px;
      padding-top: 3px;
    }
  }
  .table-row{
    padding: 25px 0;
    /*background-color: #fff;*/
    &:last-child{
      border-bottom: 1px solid rgba(0,0,0,0.08);
    }
    .single-cart{
      .wrapper{
        display: flex;
        align-items: center;
      }
      .frame{
        width: 270px;
        height: 150px;
        border-radius: 5px;
        overflow: hidden;
        img{
          object-fit: cover;
          width: 100%;
          height: 100%;
        }
      }
      .descr{
        margin-top: 0;
        height: auto;
        font-size: 14px;
        line-height: initial;
      }
      .amount-field,
      .delete-field,
      .price-field{
        height: 150px;
        display: flex;
        align-items: center;
        justify-content: center;
      }
      .delete-btn{
        width: 36px;
        height: 36px;
        flex-shrink: 0;
        border-radius: 4px;
        border: 1px solid rgba(0,0,0,0.08);
        color: var(--grey);
        transition: 0.2s;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: transparent;
        &:hover{
          border-color: var(--grey);
        }
      }
      .amount-field{
        display: flex;
        gap: 5px;
        width: auto;
        margin-left: auto;
        margin-right: auto;
        transform: none;
        justify-content: center;
        align-items: center;
        margin: 0;
        button{
          width: 36px;
          height: 36px;
          flex-shrink: 0;
          border-radius: 4px;
          border: 1px solid rgba(0,0,0,0.08);
          color: var(--grey);
          transition: 0.2s;
          &:hover{
            border-color: var(--grey);
          }
        }
        input{
          height: 36px!important;
          box-sizing: border-box;
          border-radius: 4px;
          border: 1px solid rgba(0,0,0,0.08)!important;
          color: var(--grey);
          transition: 0.2s;
          &:hover{
            border-color: var(--grey)!important;
          }
        }
      }
      .price-field{
        color: var(--black);
        font-family: caps, sans-serif;
        text-transform: uppercase;
      }
    }
  }
  .next-step{
    height: 45px;
    font-size: 14px;
    font-family: caps, sans-serif;
text-transform: uppercase;
    display: flex;
    align-items: center;
    border-radius: 5px;
    padding: 0 20px;
    border: 1px solid transparent;
    transition: 0.2s;
    width: fit-content;
    gap: 10px;
    background-color: var(--grey);
    i{
      font-size: 20px;
    }
    &:hover{
      background-color: #fff;
      border-color: var(--grey);
      color: var(--grey);
    }
   /* &.gray{
      background-color: var(--grey);
      &:hover{
        background-color: #fff;
        border-color: var(--grey);
        color: var(--grey);
      }
    }*/
  }
  .finish-wrapper{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin: 40px 0 60px 0;
    .flex{
      display: flex;
      gap: 8px;
    }
    .total-price{
      display: flex;
      gap: 20px;
      margin: 0;
      align-items: center;
      .text-right{
        display: flex;
        gap: 5px;
      }
      p{
        font-family: caps, sans-serif;
text-transform: uppercase;
        font-size: 18px;
        color: var(--black);
        font-weight: normal;
      }
      .money{
        font-size: 18px;
        color: var(--black);
        font-weight: bold;
      }
      .text-right{
        p{
          text-align: right;
        }
      }
      .text-center{
        p{
          text-align: center;
        }
      }
    }
  }
}
@media only screen and (max-width: 600px) {
  .cart-page .reg-offer {
    width: 100%;
    margin-top: 20px;
    text-align: center;
  }
}
.cart-page .reg-offer span {
  color: #e73545;
  font-size: 12px;
}
.cart-prod-info {
  width: calc(100% - 175px);
  padding-left: 20px;
}
@media only screen and (max-width: 600px) {
  .cart-prod-info {
    width: 100%;
    padding-left: 0;
  }
}
.table-header {
  padding-bottom: 5px;
  border-bottom: 1px solid rgba(0,0,0,0.2);
}
@media only screen and (max-width: 600px) {
  .table-header {
    display: none;
  }
}
.table-title {
  font-family: caps, sans-serif;
  text-transform: uppercase;
  font-size: 12px;
}
.table-row {
  padding: 10px 0;
  border-bottom: 1px solid rgba(0,0,0,0.08);
}
@media only screen and (max-width: 600px) {
  .table-row {
    border-top: 1px solid rgba(0,0,0,0.08);
  }
}
.table-row:last-child {
  border-bottom: 1px solid #e73545;
  margin-bottom: 10px;
}
.table-row .price-field{
  position: relative;
}
.table-row .price-field .sale{
  position: absolute;
  left: 28px;
  margin-bottom: 40px;
}
.table-row .price-field .new{
  margin-left: 5px;
  font-size: 18px; 
}
.price-field {
  height: 175px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  font-family: caps, sans-serif;
  text-transform: uppercase;
}
.price-field .sale {
  font-size: 10px;
  color: red;
  position: absolute;
  margin-bottom: 30px;
}
.price-field .old {
    font-size: 12px;
    color: #b2b2b2;
    position: relative;
    margin-top: 5px;
    display: flex;
}
.price-field .old::after {
    position: absolute;
    content: "";
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 1px;
    background: #d9d9d9;
}
.price-field span {
  /*display: none;*/
}
@media only screen and (max-width: 600px) {
  .price-field span {
    display: inline-block;
    font-family: caps, sans-serif;
    text-transform: uppercase;
    font-size: 12px;
  }
}
@media only screen and (max-width: 600px) {
  .price-field {
    display: block;
    height: auto;
    font-weight: normal;
    text-align: left;
    font-size: 12px;
    margin-left: 0;
    padding-bottom: 10px;
  }
}
.amount-field {
  margin-left: 50%;
  transform: translateX(-50%);
  width: 108px;
  margin-top: 68px;
}
@media only screen and (max-width: 600px) {
  .amount-field {
    margin-top: 10px;
    padding-bottom: 10px;
  }
}
.amount-field button {
  width: 34px;
  height: 40px;
  border: 1px solid rgba(0,0,0,0.1);
  background: transparent;
}
.amount-field button.minus {
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
}
.amount-field button.plus {
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
}
.amount-field input {
  width: 40px !important;
  height: 38px !important;
  border: 1px solid rgba(0,0,0,0.1) !important;
  border-left: none !important;
  border-right: none !important;
}
.delete-field {
  height: 175px;
  background: transparent;
  border: none;
}
@media only screen and (max-width: 600px) {
  .delete-field {
    height: 50px;
    text-align: center;
    border-top: 1px solid rgba(0,0,0,0.05);
    width: 100%;
    padding-top: 12px;
  }
}
.delete-field img {
  width: 16px;
  filter: grayscale(100);
}
.delete-field div {
  font-size: 12px;
  font-family: caps, sans-serif;
  text-transform: uppercase;
}
.total-price {
  margin-bottom: 20px;
}
.total-price p {
  font-family: caps, sans-serif;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
}
/*.total-price .cashback{
  font-size: 10px;
  color: #b1b132;
}*/
.mb-20{
  margin-bottom: 20px;
}
.bold{
  font-weight: bold;
}
.cashback.myprofile{
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.cashback.myprofile p b{
  color: red;
  margin-left: 10px;
}
.cashback{
    display: flex;
    justify-content: space-between;
    border: 1px solid rgba(0,0,0,0.1);
    padding: 10px 20px;
    /*border-radius: 10px;*/
    margin-top: 15px;
    align-items: center;
    background-color: #fadba4;
}
.cashback p{
  color: #181818;
  font-size: 14px;
}
.cashback span{
    flex-shrink: 0;
    padding-left: 10px;
    /*border-left: 1px solid rgba(0,0,0,0.1);
    font-family: caps, sans-serif;*/
    text-transform: uppercase;
    color: red;
}
.delivery-conditions {
  padding: 20px;
  border-radius: 10px;
  border: 1px solid rgba(0,0,0,0.1);
  margin-top: 20px;
}
.delivery-conditions img {
  width: 25px;
}
.delivery-conditions .delivery-title span {
  font-size: 14px;
  font-family: caps, sans-serif;
  text-transform: uppercase;
  color: #e73545;
  border-bottom: 1px solid rgba(0,0,0,0.08);
  padding-bottom: 5px;
  display: inline-block;
}
@media only screen and (max-width: 1200px) {
  .delivery-conditions .row {
    padding: 0;
  }
}
.delivery-conditions .head {
  font-size: 14px;
  margin-top: 30px;
  font-family: caps, sans-serif;
  text-transform: uppercase;
}
.delivery-conditions .text {
  font-family: dejavu;
  font-size: 13px;
}
.cart-order {
  position: relative;
}
@media only screen and (max-width: 992px) {
  .cart-order {
    padding-left: 0;
  }
}
/*.cart-order::after {
  background: #f5f5f5;
  content: '';
  position: absolute;
  width: calc(50% - 70px);
  height: calc(100% + 73px);
  top: -43px;
  border-left: 1px solid rgba(0,0,0,0.1);
  right: 0px;
}*/
@media only screen and (max-width: 992px) {
  .cart-order::after {
    display: none;
  }
}
.cart-order .offer-title {
  font-size: 14px;
  margin-bottom: 20px;
  font-weight: bold;
}
.cart-order .offer-title a{
    color: #e73545;
    font-family: caps, sans-serif;
    text-transform: uppercase;
}
.cart-order .offer-title span {
  color: #e73545;
}
.cart-order .caret {
  display: none;
  top: 3px !important;
  right: 15px !important;
}
.cart-order .select-wrapper input.select-dropdown{
  background-position: calc(100% - 10px) center;
  background-image: url(../img/arrow-down.svg);
  background-repeat: no-repeat;
  background-size: 10px;
}
.cart-order .input-field label {
  left: 30px !important;
}
.cart-order .input-field label.active {
  left: 10px !important;
}
.cart-order .input-field span {
  font-family: caps, sans-serif;
  text-transform: uppercase;
  font-size: 12px;
}
.cart-order .input-field.error span {
  color: #cc141f;
}
.cart-order .input-field.error input {
  color: #cc141f !important;
}
.cart-order .input-field .select-wrapper * {
  font-family: dejavu !important;
  color: #363636 !important;
  font-size: 12px !important;
}
.cart-order .input-field .select-wrapper input {
  margin-top: 0 !important;
  border-radius: 5px!important;
}
.cart-order input{
  border-radius: 5px!important;
}
.cart-order .input-field textarea {
  height: 118px;
  margin-top: 5px;
  border: 1px solid rgba(0,0,0,0.2) !important;
  border-radius: 5px !important;
  font-family: dejavuCaps !important;
  font-size: 12px !important;
  padding-left: 15px !important;
  box-sizing: border-box !important;
  border-radius: 5px!important;
}
.payment_buttons{
  display: flex!important;
  justify-content: space-between!important;
}
.payment_buttons .submit{
  padding: 5px 10px 5px!important;
}
.cart-buttons{
  width: auto;
  display: flex;
  justify-content: space-between;
}
.cart-buttons.rg{
  float: right;
}
.or{
  margin: auto;
  padding: 5px 10px 5px!important;
  background-color: #696969!important;
}
.cart-order .submit {
  /*min-width: 156px!important;
   padding: 14px 30px 10px; */
  display: flex!important;
  justify-content: center;
  align-items: center;
  text-align: center;
}






@media only screen and (max-width: 1024px) {
  .payment_buttons,.cart-buttons{
    width: 100%!important;
    display: flex!important;
    flex-wrap: wrap!important;
    align-items: center!important;
  }
  .cart-buttons .or{
    float: left!important;
    margin: 0!important;
  }
  .payment_buttons span{
    margin: 0!important;
  }
  form.payment{
    margin: 0!important;
  }
  .cart-buttons.rg a{
    width: 100%!important;
  }
  .cart-buttons span{
    margin-right: 0!important;
  }
  .cart-order span{
    display: inline;
  }
  .cart-order .submit{
    width: 100%!important;
    float: none!important;
  }
}
@media only screen and (max-width: 769px) {
  .payment_buttons span{
    width: 100%!important;
  }
  header .scroll-buttons{
      width: 150px;
      margin-right: 20px;
  }
}
.register-page .submit {
  width: 100%;
  margin-top: 15px;
  border: none;
  background: #e73545;
  color: #fff;
  font-family: caps, sans-serif;
  text-transform: uppercase;
  padding: 5px 10px 5px;
  border-radius: 50px;
  transition: 0.3s;
}
.cart-buttons span{
  display: flex!important;
  margin-right: 20px;
}
.cart-order .submit {
  width: auto;
  padding: 5px 10px 5px;
  display: flex;
  font-size: 14px;
  justify-content: center;
  align-items: center;
}
.ord{
  padding: 5px 10px 5px!important;
  background-color: #696969!important;
}
.cart-order .select-block {
  padding-bottom: 15px;
  border-bottom: 1px solid rgba(0,0,0,0.1);
}
.cart-order .form-title {
  margin-bottom: -10px;
}
.prod-review {
  padding-left: 0;
}
@media only screen and (max-width: 600px) {
  .prod-review {
    margin-top: 50px;
  }
}
.prod-review .each-prod {
  padding: 10px 0;
  border-bottom: 1px solid rgba(0,0,0,0.1);
}
.prod-review .each-prod:first-child {
  padding-top: 0;
}
.prod-review .each-prod .image {
  width: 80px;
  border-radius: 10px;
  box-sizing: content-box;
  padding-top: 80px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
  background-color: transparent;
}
.prod-review .text-block {
  width: calc(100% - 100px);
  margin-left: 20px;
}
.prod-review .title {
  width: calc(100% - 14px);
  font-size: 16px;
  display: block;
  color: #363636;
  margin-bottom: 0;
}
.prod-review .title:hover {
  color: #e73545;
}
.prod-review .delete {
  width: 14px;
  background: transparent;
  border: none;
}
.prod-review .delete img {
  width: 14px;
  filter: grayscale(100%);
}
.prod-review .delete:hover img {
  filter: grayscale(0);
}
.prod-review .descr {
  width: calc(100% - 65px);
  font-size: 12px;
  margin-top: 3px;
}
.prod-review .price {
  font-weight: bold;
}
.each-prod .amount{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.each-prod .amount .price{
  margin-left: 20px;
}
.each-prod .each-full-price{
  font-size: 16px;
  font-weight: bold;
  margin-left: 5px;
}
.each-prod .each-full-price b{
      display: block;
    font-size: 11px;
    margin-bottom: -4px;
    font-family: 'dejavuCaps';
}
.prod-review .price{
  display: flex;
  flex-direction: column;
  position: relative;
}
.prod-review .price .sale{
    position: absolute;
    font-size: 10px;
    color: red;
    display: flex;
    flex-shrink: 0;
    width: max-content;
    top: 18px;
}
.prod-review .price .new{
    margin-top: 10px;
}
.prod-review .amount p {
  font-family: caps, sans-serif;
  text-transform: uppercase;
  font-weight: normal;
  color: #e73545;
  font-size: 12px;
  margin-top: 10px;
  display: block;
  margin-right: 10px;
}
.prod-review .amount button {
  width: 24px;
  height: 24px;
  background: transparent;
  border: 1px solid rgba(0,0,0,0.2);
}
.prod-review .amount button.minus {
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
}
.prod-review .amount button.plus {
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
}
.prod-review .amount .btns-group {
  margin-top: 6px;
}
.prod-review .amount input {
  width: 34px;
  height: 24px;
  margin-top: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  border: 1px solid rgba(0,0,0,0.2) !important;
  border-left: 0 !important;
  border-right: 0 !important;
}
.all-amount div {
  font-family: caps, sans-serif;
  text-transform: uppercase;
  font-size: 16px;
  margin: 3px 0;
  font-weight: bold;
}
.all-amount.sum {
  border-top: 1px solid #e73545;
  margin-top: 10px;
  color: #e73545;
  font-weight: bold;
}
.all-amount.sum div{
  font-size: 17px;
}
form.delivery {
  padding-left: 8px;
}
form.delivery label {
  color: #363636 !important;
  font-weight: bold !important;
}
form.delivery label span {
  color: #363636;
  display: block;
  line-height: 1.3;
  font-weight: normal !important;
}
form.payment {
  padding-left: 8px;
  margin: 0 110px;
}
form.payment p {
  border: 1px solid rgba(0,0,0,0.1);
  border-radius: 10px;
}
form.payment label {
  color: #363636 !important;
  width: 100%;
  font-weight: bold !important;
  text-align: center;
  display: block;
  height: auto;
  position: relative;
}
form.payment label img {
  margin-top: 25px;
  width: 40px;
}
form.payment label span {
  color: #363636;
  display: block;
  line-height: 1.3;
  text-align: center;
  padding-bottom: 30px;
  font-size: 14px;
  font-family: caps, sans-serif;
  text-transform: uppercase;
}
form.payment [type="radio"]+label:before,
form.payment [type="radio"]+label:after {
  left: -5px;
  top: 44%;
  transform: translateY(-50%);
}
form.payment [type="radio"]:not(:checked)+label,
form.payment [type="radio"]:checked+label {
  height: auto;
}
form.payment .submit img {
  width: 24px;
  margin: -4px 0 -4px 5px;
}
.contact-title {
  font-size: 20px;
  margin-top: 30px;
  font-weight: bold;
  color: #e73545;
  font-family: caps, sans-serif;
  text-transform: uppercase;
  border-bottom: 1px solid rgba(0,0,0,0.1);
}
.contact-logo {
  margin-top: 10px;
}
.contact-logo img {
  width: 110px;
}
.contact.container {
  padding: 0 40px;
}

.cart-order{
  padding-top: 60px;
  margin-top: 0px!important;
  background-color: #f5f5f5!important;
  .title{
    margin-top: 0;
    font-size: 24px;
    font-family: caps, sans-serif;
text-transform: uppercase;
    padding-top: 4px;
  }
  .wrapper{
    display: flex;
    gap: 50px;
    .form-left{
      width: 65%;
    }
    .form-right{
      width: 35%;
      .d-n{
        display: none;
      }
      .sticky{
        position: sticky;
        top: 140px;
        width: 100%;
        border-radius: 10px;
        background-color: #fff;
        padding: 20px;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.02);
      }
    }
    #cart-discount-block{
        margin-top: -10px;
        span{
          font-size: 13px;
          color: #888;
          font-style: italic;
          padding-top: 3px;
        }
        .mon{
          color: var(--red);
          font-size: 14px;
          font-style: italic;
        }
    }
    .accept-rules{
      margin: 20px 0 10px;
      label{
        font-family: caps, sans-serif;
text-transform: uppercase;
        color: var(--grey);
        &::before{
          top: 3px;
          border-radius: 4px;
        }
      }
       a{
          &:hover{
            text-decoration: underline;
          }
        }
      #accept{
        display: none;
      }
    }
    .grid{
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 25px; /* 18 */
    }
    form.payment{
      margin: 0;
      padding: 0;
      margin-top: 30px;
    }
  }
  .chooseprtitle{
    display: none;
  }
  .each-prod{
    display: none;
  }
  .all-amount{
    display: flex;
    gap: 5px;
    margin-bottom: 10px;
    span{
      font-size: 16px;
      font-family: caps, sans-serif;
text-transform: uppercase;
      font-weight: normal;
      color: var(--black);
    }
    .mon{
      font-size: 16px;
      font-family: caps, sans-serif;
text-transform: uppercase;
      font-weight: bold;
      margin: 0;
      color: var(--black);
    }
    &.sum{
      color: var(--black);
      border: none;
    }
  }
  .input-field textarea,
  .input-field input{
    background-color: #fbfbfb;
  }
  .input-field span{
    font-family: caps, sans-serif;
text-transform: uppercase;
  }
  .input-field label{
    font-family: caps, sans-serif;
text-transform: uppercase;
  }
  .input-field{
    margin: 0;
  }
  .select-block{
    padding-bottom: 0;
    border: none;
    margin-bottom: 20px;
    margin-top: 5px;
    span{
      font-size: 10px;
      color: #8f8f8f;
    }
  }
  .next-step{
    height: 45px;
    font-size: 14px;
    font-family: caps, sans-serif;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    border-radius: 5px;
    padding: 0 20px;
    border: 1px solid transparent;
    transition: 0.2s;
    width: fit-content;
    gap: 10px;
    background-color: var(--grey);
    color: #fff;
    margin-top: 15px;
    justify-content: center;
    img{
      height: 20px;
    }
    i{
      font-size: 20px;
      position: relative;
      top: -1px;
    }
    &:hover{
      background-color: #fff;
      border-color: var(--grey);
      color: var(--grey);
      img{
        filter: brightness(0) saturate(100%) invert(32%) sepia(42%) saturate(295%) hue-rotate(168deg) brightness(90%) contrast(88%);
      }
    }
  }
  .input-form{
    margin-top: 11px;
    padding-left: 10px;
    .flex{
      display: flex;
      gap: 20px;
      align-items: center;
    }
    label{
      display: flex;
      gap: 8px;
      align-items: center;
      font-size: 12px!important;
      font-family: caps, sans-serif;
text-transform: uppercase;
      padding: 0!important;
      padding-top: 3px!important;
      color: #363636!important;
      input{
        position: relative;
        top: -2px;
        opacity: 1;
        margin-top: 0!important;
      }
    }
  }
  .dropdown .select{
    font-size: 12px;
    text-transform: uppercase;
    font-family: caps, sans-serif;
text-transform: uppercase;
    font-weight: bold;
    padding-left: 4px;
    height: 36PX;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    border: 1PX solid var(--grey);
    border-radius: 5px;
    width: fit-content;
    padding: 0 8px;
    transition: 0.2s;
    min-width: 180px;
    padding-top: 3px;
    background-color: transparent;
    .text{
      flex: 1;
      text-align: left;
      font-family: caps, sans-serif;
text-transform: uppercase;
      font-size: inherit;
      color: inherit;
    }
    .ph-sort-ascending{
      font-size: 20px;
    }
    i{
      font-size: 16px;
      position: relative;
      top: -3px;
    }
    &:hover{
      background-color: var(--grey);
      color: #fff;
      i{
        color: #fff;
      }
    }
  }
  .dropdown {
    position: relative;
    width: fit-content;

    .result {
      position: absolute;
      top: calc(100% + 6px);
      left: 0;
      min-width: 100%;
      background: #fff;
      border: 1px solid var(--grey);
      border-radius: 6px;
      box-shadow: 0 8px 25px rgba(0,0,0,.08);
      display: none;
      z-index: 10;
      overflow: hidden;
      max-height: 230px;
      overflow-y: auto;

      ul {
        list-style: none;
        margin: 0;
      }

      li {
        font-size: 14px;
        text-transform: uppercase;
        font-weight: bold;
        padding: 10px 12px;
        cursor: pointer;
        transition: 0.15s;
        white-space: nowrap;

        &:hover {
          background: var(--grey);
          color: #fff;
        }

        &.active {
          background: var(--grey);
          color: #fff;
        }
      }
    }

    &.active {
      .select {
        background: var(--grey);
        color: #fff;

        i {
          color: #fff;
        }

        .ph-caret-down {
          transform: rotate(180deg);
        }
      }
    }
  }
  .warning-box{
    border-radius: 8px;
    background-color: rgba(48,69,90,0.1);
    padding: 15px;
    margin: 30px 0px;
    .sm{
        font-size: 16px;
        color: var(--black);
        font-family: dejavu;
        margin-bottom: 5px;
        display: block;
    }
    .select-wrapper input{
      padding-top: 0!important;
    }
    .select-wrapper input,
    .select-wrapper li{
      font-size: 14px!important;
    }
    .input-form{
      margin-top: 0;
      padding: 0;
    }
    .select-block{
      margin: 0;
    }
    .textbox{
      margin-top: 15px;
      font-size: 14px;
      padding-top: 4px;
      padding: 10px;
      border-radius: 8px;
      background-color: #fff;
      .flex{
        display: flex;
        align-items: center;
        gap: 5px;
      }
      i{
        position: relative;
        top: -2px;
        font-size: 18px;
      }
    }
    .courier-service-price{
      display: none;
    }
  }
  #deliveryDescr{
    margin-top: 30px;
    display: none;
  }
  .sm-title{
    font-size: 16px;
    font-family: caps, sans-serif;
text-transform: uppercase;
    margin-bottom: 20px;
    display: flex;
    gap: 5px;
    font-weight: bold;
    padding-top: 2px;
    i{
      position: relative;
      top: -2px;
      font-size: 22px;
    }
  }
  .courier-service-select.select-block{
    margin-top: 10px;
  }
  .textarea{
    margin-top: 20px;
  }

  .forCompany{
    margin-top: 20px;
    display: none;
    .flex{
      display: flex;
      gap: 20px;
    }
    .input-field{
      width: 100%;
    }
  }
  .branch-wrap{
    margin-top: 10px;
  }
  .checkbox-wrap{
    display: flex;
    align-items: center;
    margin-top: 18px;
    padding-left: 10px;
    label{
      cursor: pointer;
      display: flex;
      align-items: center;
      gap: 5px;
      color: var(--black)!important;
      font-family: dejavu;
      font-size: 14px!important;
    }
    input{
      position: relative;
      top: -3px;
      pointer-events: initial;
      opacity: 1;
      width: 17px;
      height: 17px;
    }
  }


}


.radio-body{
  display: none;
}




@media (max-width: 500px){
  .first-page .first-block{
    height: 200px!important;
  }
  .first-page .text-title::after{
    top: 0px;
  }
  .first-page .text {
    position: absolute;
    top: 50%;
    left: 35%;
    transform: translateY(-50%)!important;
  }
  .logo img{
    margin-left: 0px!important;
    margin-right: 30px;
  }
}
@media only screen and (max-width: 600px) {
  .contact.container {
    padding: 0 20px;
  }
}
.contact .code {
  font-size: 13px;
  font-weight: bold;
  font-family: caps, sans-serif;
  text-transform: uppercase;
  margin: 5px 0 10px;
}
.contact .info {
  display: block;
  font-size: 12px;
  font-family: caps, sans-serif;
  text-transform: uppercase;
  color: #363636;
  font-weight: bold;
  margin-top: 5px;
}
.contact .info:hover {
  color: #e73545;
}
.contact .info img {
  width: 20px;
  margin-bottom: -5px;
}
.contact input,
.contact textarea {
  padding-left: 45px !important;
  box-sizing: border-box !important;
  border: 1px solid rgba(0,0,0,0.1) !important;
  font-size: 12px !important;
  font-family: caps, sans-serif;
  text-transform: uppercase;
  padding-top: 5px !important;
  border-radius: 5px !important;
  margin-bottom: 10px !important;
}
.contact input:focus,
.contact textarea:focus {
  border-color: #e73545 !important;
}
.contact textarea {
  padding-top: 15px !important;
  height: 104px !important;
  transition: 0.2s;
}
.contact .input-field {
  position: relative;
}
.contact .input-field::after {
  position: absolute;
  content: "";
  width: 35px;
  height: 25px;
  top: 11px;
  left: 10px;
  border-right: 1px solid rgba(0,0,0,0.1);
  filter: grayscale(100%);
  opacity: 0.8;
}
.contact .input-field.name::after {
  background: url("../img/user-green.svg") no-repeat center center;
  background-size: 45%;
  opacity: 0.7;
}
.contact .input-field.email::after {
  background: url("../img/email-green.svg") no-repeat center center;
  background-size: 50%;
  opacity: 0.7;
}
.contact .input-field.textarea::after {
  background: url("../img/pen-green.svg") no-repeat center center;
  background-size: 40%;
}
.contact .btn {
  display: inline-block;
  margin-right: 10px;
  box-shadow: none;
  border-radius: 50px;
  background: #fff;
  border: 1px solid #e73545;
  color: #e73545;
  font-family: caps, sans-serif;
  text-transform: uppercase;
  font-size: 12px;
  padding-left: 20px;
  padding-right: 16px;
  margin-bottom: 20px;
  display: block;
}
@media only screen and (max-width: 992px) {
  .contact .btn img {
    margin-left: 20px;
  }
}
@media only screen and (max-width: 600px) {
  .contact .btn {
    width: calc(100% - 20px);
  }
}
.contact .btn.messanger {
  color: #1583fb;
  border-color: #1583fb;
}
.contact .btn:hover {
  border-color: #363636;
  background: #363636;
  color: #fff;
}
.contact .btn:hover img {
  filter: brightness(100);
}
.contact .btn img {
  margin-top: 8px;
  margin-bottom: -5px;
  height: 20px;
  margin-left: 60px;
}
.contact-head {
  font-size: 18px;
  font-family: caps, sans-serif;
  text-transform: uppercase;
  border-bottom: 1px solid rgba(0,0,0,0.1);
  /*font-weight: bold;*/
  display: inline-block;
}
.map {
  padding-top: 20px;
  margin: 20px 0 30px;
  border-top: 1px solid rgba(0,0,0,0.1);
}
#googleMap {
  width: 100%;
  height: 400px;
  border-radius: 5px;
}
.input-field.error label {
  color: #cc141f !important;
}
.input-field.error input {
  border: 1px solid #cc141f !important;
}
.each-branch {
  margin-top: 20px;
  height: 270px;
  overflow: hidden;
}
.each-branch .branch-title {
  font-family: caps, sans-serif;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: bold;
}
.each-branch .branch-loc {
  display: -webkit-box;
  height: 34px;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  -webkit-line-clamp: 2;
  font-family: caps, sans-serif;
  text-transform: uppercase;
  font-size: 13px;
  color: #363636;
}
.each-branch .branch-info {
  padding: 10px 0;
  border-bottom: 1px solid rgba(0,0,0,0.1);
}
.each-branch .loc {
  font-size: 0;
}
.each-branch .loc span {
  font-size: 13px;
  margin-top: 5px;
  display: block;
  font-family: caps, sans-serif;
  text-transform: uppercase;
}
.each-branch .loc .info {
  display: inline-block;
  margin-right: 10px;
  margin-top: 0;
  color: rgba(0,0,0,0.4);
}
.orders-info {
  padding: 0 20px 80px;
  background: #f5f5f5;
  margin-bottom: -40px;
  margin-top: 20px;
}
.orders-info .title {
  margin-top: 20px;
  font-size: 12px;
  font-weight: bold;
  border-bottom: 1px solid rgba(0,0,0,0.8);
  line-height: 1.3;
}
.orders-info .title span {
  font-family: caps, sans-serif;
  text-transform: uppercase;
  display: block;
}
.orders-info .title span.words-break {
  width: 100px;
}
.popular-product {
  /* padding: 10px 0 0; */
  background: #f5f5f5;
  max-height: 500px;
  transition: 0.4s;
  overflow: hidden;
}
.popular-product.active{
  max-height: 0;
}
.popular-product .image {
  padding-top: 100%;
  border: none;
}
.popular-product .price span {
  display: block;
  margin-top: -5px;
}
.popular-product .price span.new {
  margin-top: 11px;
}
.popular-product .text {
  border: none;
}
.popular-product .each-product {
  margin-top: 0;
}
.popular-product .owl-nav {
  position: absolute !important;
  bottom: 0 !important;
  left: -117px !important;
}
@media only screen and (max-width: 600px) {
  .popular-product .owl-nav {
    position: static !important;
  }
}
.popular-product .owl-nav img {
  width: 40px !important;
  filter: grayscale(100%) !important;
}
.popular-product .owl-nav * {
  background: transparent !important;
  padding: 0 !important;
}
.popular-product .owl-nav *:hover img {
  filter: grayscale(0) !important;
}
.title-block {
  margin-top: 50px;
}
@media only screen and (max-width: 600px) {
  .title-block {
    margin-top: 20px;
    margin-bottom: 30px;
  }
}
.title-block .title span {
  font-family: caps, sans-serif;
  text-transform: uppercase;
  font-size: 20px;
  font-weight: bold;
}
.title-block .title-second {
  font-size: 12px;
}
.popular-product-toggle {
  background: #e73545 !important;
  border: none;
  padding: 0 10px 0;
  bottom: 0;
  z-index: 1;
  position: absolute;
}
.popular-product-toggle span {
  font-family: caps, sans-serif;
  text-transform: uppercase;
  font-size: 12px;
  color: #fff;
}
.popular-product-toggle span.up {
  display: none;
}
.popular-product-toggle.active span {
  display: inline-block;
}
.popular-product-toggle.active span.down {
  display: none;
}
.popular-product-toggle.active img {
  transform: rotate(-180deg);
}
.popular-product-toggle img {
  transition: 0.1s;
  width: 10px;
  margin-left: 5px;
  filter: brightness(100);
}
.search-block {
  margin-top: 20px;
  background: url("../img/2.png") no-repeat center center;
  background-size: cover;
  position: relative;
  padding: 10px 0 24px 0px;
}
section.search-block{
  margin-top: 0;
}
@media only screen and (max-width: 1200px) {
  .search-block {
    margin-top: 53px!important;
    padding: 20px!important;
  }
}
@media only screen and (max-width: 768px) {
  .search-block {
    padding: 20px;
    margin-top: 0;
  }
}
.search-block::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0,0,0,0.2);
}
.search-block .container {
  position: relative;
  z-index: 1;
}
.search-block .search-inside {
  /*margin-top: 30px;*/
  margin-bottom: 10px;
}
.back-link img {
  width: 30px;
  filter: brightness(100);
  margin: 6px 10px 0 0;
}
.back-link a {
  color: #fff;
  font-size: 12px;
  transition: 0.2s;
}
.back-link a:hover {
  color: #e73545;
}
.page-title {
  font-family: caps, sans-serif;
  text-transform: uppercase;
  font-size: 16px;
  color: #fff;
  /*font-weight: bold;*/
  position: relative;
  top: 1px;
}
@media only screen and (max-width: 600px) {
  /* .page-title {
    text-align: left;
  } */
  .search-block .col{
    display: flex;
    justify-content: center;
  }
}
.product-filter {
  margin-top: 20px;
}
.filter-list .close-box{
  display: none;
}
#filter-button{
  background: transparent;
  border: none;
  display: none;
}
@media only screen and (max-width: 992px) {
  .product-filter{
    transform: none!important;
  }
  #filter-button{
    display: inline-flex;
    height: 25px;
    padding: 0 5px;
    border-radius: 5px;
    background-color: #e73545;
    color: white;
    align-items: center;
    margin-top: -4px;
    padding-top: 3px;
  }
  #filter-button img{
    filter: brightness(0) invert(1);
    margin-bottom: 0;
    margin-top: -2px;
  }
  .filter-just-title{
    display: none;
  }
  .product-filter.list {
    display: none;
  }
  /*.filter-list{
    margin: 0;
    padding-top: 50px;
    position: fixed;
    top: -2000px;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 123123;
    background: white;
    transition: 0.2s;
    overflow-y: scroll;
  }*/
  .filter-list .close-box{
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 48px;
    background-color: white;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px;
    border-bottom: 2px solid #e73545;
  }
  .filter-list .close-box button{
    display: inline-flex;
    height: 25px;
    padding: 0 5px;
    border-radius: 5px;
    color: #e73545;
    align-items: center;
    font-family: caps, sans-serif;
    text-transform: uppercase;
    background: white;
    color: #e73545;
    font-size: 12px;
    border: none;
  }
  .filter-list .close-box button img{
    width: 20px;
    margin: 0;
    margin-bottom: 4px;
    margin-left: 5px;
  }
  .filter-list .close-box .title-left{
    font-family: caps, sans-serif;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
  }
  .filter-list .close-box .title-left img{
    margin: 0;
    margin-top: -2px;
  }
  .filter-list.active{
    top: 0;
  }
  .filter-button-box{
    display: block;
  }
}
.filter-header {
  /*border: 1px solid rgba(0,0,0,0.1);*/
  margin-bottom: 20px;
}
.filter-title {
  font-size: 12px;
  text-transform: uppercase;
  font-family: caps, sans-serif;
text-transform: uppercase;
  font-weight: bold;
  padding-left: 4px;
  height: 36PX;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border: 1PX solid var(--grey);
  border-radius: 5px;
  width: fit-content;
  padding: 0 15px;
  padding-top: 3px;
  transition: 0.2s;
  background-color: transparent;
  img{
    position: relative;
    top: -3px;
  }
  &:hover{
    background-color: var(--grey);
    color: #fff;
    img{
      filter: brightness(0) invert(1);
    }
  }
}
.filter-title .title-left {
  font-size: 12px;
  text-transform: uppercase;
  font-family: caps, sans-serif;
  text-transform: uppercase;
  font-weight: bold;
  padding-left: 4px;
}
.filter-title img {
  width: 15px;
  margin-bottom: -3px;
  margin-right: 2px;
}
.filter-title .title-right {
  font-size: 12px;
  text-transform: uppercase;
  font-family: caps, sans-serif;
  text-transform: uppercase;
  font-weight: bold;
  color: rgba(0,0,0,0.4);
  padding-right: 4px;
}
.filter-title .title-right img {
  width: 12px;
  opacity: 0.6;
  margin-bottom: -1px;
}
.product-filter .sort {
  font-family: caps, sans-serif;
text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  color: #34495e;
}
.product-filter{
  .flex{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
  }
  .sort{
    display: flex;
    align-items: center;
    gap: 5px;
  }
  .dropdown .select{
    font-size: 12px;
    text-transform: uppercase;
    font-family: caps, sans-serif;
text-transform: uppercase;
    font-weight: bold;
    padding-left: 4px;
    height: 36PX;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    border: 1PX solid var(--grey);
    border-radius: 5px;
    width: fit-content;
    padding: 0 8px;
    transition: 0.2s;
    min-width: 180px;
    padding-top: 3px;
    background-color: transparent;
    &:focus{
      border: transparent!important;
    }
    .text{
      flex: 1;
      text-align: left;
      font-family: caps, sans-serif;
text-transform: uppercase;
    }
    .ph-sort-ascending{
      font-size: 20px;
    }
    i{
      font-size: 16px;
      position: relative;
      top: -3px;
    }
    &:hover{
      background-color: var(--grey);
      color: #fff;
      i{
        color: #fff;
      }
    }
  }
  .dropdown {
    position: relative;
    width: fit-content;

    .result {
      position: absolute;
      top: calc(100% + 6px);
      right: 0;
      min-width: 100%;
      background: #fff;
      border: 1px solid var(--grey);
      border-radius: 6px;
      box-shadow: 0 8px 25px rgba(0,0,0,.08);
      display: none;
      z-index: 10;
      overflow: hidden;

      ul {
        list-style: none;
        margin: 0;
      }

      li {
        font-size: 14px;
        text-transform: uppercase;
        font-weight: bold;
        padding: 10px 12px;
        cursor: pointer;
        transition: 0.15s;
        white-space: nowrap;

        &:hover {
          background: var(--grey);
          color: #fff;
        }

        &.active {
          background: var(--grey);
          color: #fff;
        }
      }
    }

    &.active {
      .select {
        background: var(--grey);
        color: #fff;

        i {
          color: #fff;
        }

        .ph-caret-down {
          transform: rotate(180deg);
        }
      }
    }
  }
  .grid-list{
    display: flex;
    gap: 8px;
  }
  .grid-list button{
    margin: 0;
    height: 36px;
    width: 36px;
    border-radius: 5px;
    border: 1px solid rgba(48,69,90,0.4);
    &.active{
      border: 1px solid var(--grey);
    }
    &:focus{
      border: transparent!important;
    }
    i{
      font-size: 22px;
    }
  }
}

.new-filter{
  position: fixed;
  left: 0;
  top: 0;
  height: 100vh;
  width: 100%;
  z-index: 100;
  background-color: rgba(0,0,0,0.5);
  display: none;
  &.active{
    .filter-list{
      transform: translate3d(0, 0, 0) translateX(0);
    }
  }
  .head{
    padding: 20px 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    .sm-title{
      font-size: 18px;
      font-family: caps, sans-serif;
text-transform: uppercase;
    }
    .close-filter{
      border: none;
      background: transparent;
      font-size: 24px;
      cursor: pointer;
    }
  }
  .filter-list{
    width: 400px;
    max-width: 100%;
    background-color: #fff;
    height: 100%;
    transform: translate3d(0, 0, 0) translateX(-100%);
    transition: 0.2s;
    transition-delay: 200ms;
    .image{
      margin: 0;
      padding: 0;
      width: 20px;
      height: 20px;
      position: relative;
      top: -2px;
    }
    .collapsible-header{
      display: flex;
      align-items: center;
      gap: 10px;
      padding: 15px 0;
      .grow{
        flex: 1;
        font-family: caps, sans-serif;
text-transform: uppercase;
        font-size: 14px;
        color: var(--grey);
        padding-top: 2px;
      }
    }
  }
  .scroll{
    overflow-y: scroll;
    height: calc(100% - 76px);
    padding: 0 15px;
    padding-bottom: 20px;
    &::-webkit-scrollbar {
      width: 8px;
      height: 8px;
    }

    &::-webkit-scrollbar-track {
      background: transparent;
    }

    &::-webkit-scrollbar-thumb {
      background: rgba(48,69,90,0.9);
      border-radius: 10px;
    }

    &::-webkit-scrollbar-thumb:hover {
      background: rgba(48,69,90,1);
    }
  }
  .button{
    font-size: 13px;
    text-transform: uppercase;
    font-family: caps, sans-serif;
text-transform: uppercase;
    font-weight: bold;
    padding-left: 4px;
    height: 40PX;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    border: 1PX solid var(--grey);
    border-radius: 5px;
    width: fit-content;
    padding: 0 8px;
    transition: 0.2s;
    width: 100%;
    padding-top: 3px;
    &.searchBtn{
      background-color: var(--grey);
      color: #fff;
      margin-bottom: 15px;
      &:hover{
        background-color: #fff;
        border: 1px solid var(--grey);
        color: var(--grey);
      }
    }
    &:focus{
      border: transparent!important;
    }
    .text{
      flex: 1;
      text-align: left;
      font-family: caps, sans-serif;
text-transform: uppercase;
    }
    .ph-sort-ascending{
      font-size: 20px;
    }
    i{
      font-size: 16px;
      position: relative;
      top: -3px;
    }
    &:hover{
      background-color: var(--grey);
      color: #fff;
      i{
        color: #fff;
      }
    }
  }
}





@media only screen and (max-width: 992px) {
  .product-filter .sort {
    padding: 12px;
  }
}
.product-filter .sort img {
  width: 14px;
}
.product-filter .select-wrapper {
  min-width: 160px;
}
.product-filter .select-wrapper input.select-dropdown {
  height: 20px;
  border-bottom: none !important;
  font-family: caps, sans-serif;
  text-transform: uppercase;
}
.product-filter .select-wrapper .caret {
  position: absolute;
  top: 4px;
  right: 0px;
  fill: transparent;
  font-size: 0;
  width: 10px;
  height: 10px;
  background: url("../img/arrow-down.svg");
  background-size: 10px;
}
.grid-list {
  font-size: 0;
}
@media only screen and (max-width: 600px) {
  .grid-list {
    padding-bottom: 10px;
  }
}
.grid-list img {
  width: 16px;
}
.grid-list a {
  padding: 5px;
  margin-top: 5px;
  border: 1px solid rgba(0,0,0,0);
  display: inline-block;
  margin-right: 6px;
}
.grid-list button {
  padding: 5px;
  margin-top: 5px;
  border: none;
  border: 1px solid rgba(0,0,0,0);
  display: inline-block;
  margin-right: 6px;
  background-color: transparent;
}
@media only screen and (max-width: 992px) {
  .grid-list button:nth-child(2),
  .grid-list a:nth-child(2) {
    display: none;
  }
}
.grid-list button.active,
.grid-list a.active {
  border: 1px solid rgba(0,0,0,0.2);
}
.filter-list {
  border: 1px solid rgba(0,0,0,0.1);
  border-top: none;
  border-bottom: none;
  margin: 0 -0.5px 0 1px;
}
@media only screen and (max-width: 600px) {
  .filter-list {
    margin: 0;
    margin-right: 1px;
  }
}
.filter-list img {
  width: 10px;
  transition: 0.2s;
  margin: 5px;
}
.filter-list .collapsible {
  margin-top: 0;
}
.filter-list .collapsible-header {
  padding: 10px 5px;
  display: block;
  border-bottom: 1px solid #f5f5f5;
  font-family: caps, sans-serif;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  color: #34495e;
}
@media only screen and (max-width: 600px) {
  .filter-list .collapsible-header {
    padding: 10px 13px;
  }
}
.filter-list .collapsible li {
  border-bottom: none;
}
.filter-list .down span {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.filter-list .image {
  width: 16px;
  box-sizing: content-box;
  padding-top: 16px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
  background-color: transparent;
  margin-right: 5px;
  margin-top: -1px;
  background-size: 100%;
}
.filter-list .collapsible-body {
  background: transparent;
  border-bottom: 1px solid #f5f5f5;
  padding: 0;
}
.filter-list form p {
  position: relative;
  margin-bottom: 0;
  padding: 12px 0 8px;
  height: 44px;
}
.filter-list form p:hover{
  background: #f5f5f5;
  color: #e73545;
  border-bottom: 1px solid #e73545;
}
.filter-list form p:hover .filter-list form span{
  background: #f5f5f5;
}
.filter-list form label:hover{
  color: #e73545;
}
.filter-list form p::after {
  content: '';
  position: absolute;
  width: calc(100% - 24px);
  left: 24px;
  height: 1px;
  background: #f5f5f5;
  bottom: 0;
}
.filter-list form p label {
  max-width: calc(100% - 58px);
  overflow: hidden;
  font-family: caps, sans-serif;
  text-transform: uppercase;
  font-size: 13px;
  color: #0e0e0e;
  width: 100%;
}
.filter-list form [type="checkbox"].filled-in+label:after {
  background: transparent;
  width: 15px;
  height: 15px;
  border-radius: 0;
  border: 1px solid #000;
  border-radius: 2px;
}
.filter-list form [type="checkbox"].filled-in+label:before {
  top: 1px;
  left: 2px;
  width: 5px;
  height: 9px;
  border: 1px solid transparent;
  border-top: none;
  border-left: none;
}
.filter-list form [type="checkbox"]+label {
  padding-left: 25px;
}
.filter-list form span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  border-right: 1px solid #f5f5f5;
  margin: -12px 10px -10px 0;
  height: 43px;
  background: #fff;
}
.filter-list form [type="checkbox"].filled-in:checked+label:before {
  border-color: #000;
}
.filter-list [type="checkbox"]+label {
  line-height: 20px;
  height: 20px;
}
.slide {
  position: relative;
  background: white;
}
.slide.active{
  background: #f5f5f5;
}
.slide.active span{
    background-color: #f5f5f5;
}
.slide.active ~ .slide-block{
  background: #f5f5f5;
  border-bottom: 2px solid black;
}
.slide-block label{
  max-width: 100%!important;
  font-weight: unset!important;
  font-size: 12px!important;
  color: #0e0e0e;
}
.slide::before {
  content: "+";
  width: 20px;
  height: 20px;
  position: absolute;
  right: 5px;
  top: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.slide.active::before {
  content: "-";
}
.slide-block {
  display: none;
}
.slide-block p {
  width: 100%;
  padding-left: 34px!important;
}
.slide-block p::after {
  display: none;
}
.first-level::after {
  background: #fff !important;
}
.first-level:last-child::after {
  display: none;
}
#test-slider {
  margin: 55px 20px 20px 6px;
}
@media only screen and (max-width: 600px) {
  #test-slider {
    margin: 55px 14px 20px;
  }
}
.noUi-horizontal {
  height: 8px;
}
.noUi-horizontal .noUi-handle {
  width: 18px;
  height: 17px;
  border-radius: 50px;
}
.noUi-horizontal .noUi-handle::before,
.noUi-horizontal .noUi-handle::after {
  display: none;
}
.noUi-connect {
  background: #e73545;
}
/*.noUi-handle-upper {
  right: 0 !important;
}*/
.noUi-tooltip {
  padding: 4px;
}
.color-block {
  padding: 10px 10px 10px 36px;
  display: flex;
  flex-wrap: wrap;
  background-color: #f5f5f5;
}
.color-block a {
  display: block;
  color: #000;
  width: auto;
  min-width: 20px;
  font-family: caps, sans-serif;
  text-transform: uppercase;
  cursor: pointer;
  position: relative;
}
.color-block a.active span {
  position: relative;
}
.color-block a.active span::after {
  content: '';
  top: 50%;
  left: 50%;
  position: absolute;
  width: 130%;
  height: 130%;
  transform: translate(-50%, -50%);
  border: 1px solid rgba(0,0,0,0.3);
  border-radius: 50%;
}
.list-color span,
.color-block a span {
  display: block;
  width: 16px;
  border-radius: 50%;
  height: 16px;
  margin-right: 10px;
  margin-bottom: 10px;
}
.list-color span:first-child{
  width: auto;
}
.noUi-target {
  border: none;
  box-shadow: none;
  background: #f5f5f5;
}
.pagination {
  margin-top: 30px;
  font-size: 0;
}
.pagination span {
  font-size: 12px;
  display: inline-block;
  padding: 0 10px;
}
.pagination img {
  width: 25px;
}
.pagination a {
  font-size: 12px !important;
}
.pagination li {
  border: 1px solid rgba(0,0,0,0.1);
  border-radius: 0;
  min-width: 36px;
  display: inline-block;
}
.pagination li.active {
  background: transparent;
}
.pagination li.active a {
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  display: block;
  background: #e73545;
  margin-top: 2px;
  margin-left: 2px;
  display: flex;
  align-items: center;
  line-height: 32px;
  justify-content: center;
}
.prod-list-item {
  background: #f5f5f5;
}
.prod-list-item .image {
  width: 250px;
}
.prod-list-item:hover .sale,
.prod-list-item:hover .view-more {
  bottom: 10px;
}
.prod-list-item .list-text {
  width: calc(100% - 270px);
  margin-left: 18px;
}
.list-color span,
.list-size span,
.list-price span {
  font-size: 12px;
  font-family: caps, sans-serif;
  text-transform: uppercase;
  /*font-weight: bold;*/
  margin-top: 2px;
  /*color: #6b6b6b;*/
  color: #666;
}
.list-price {
  font-size: 12px;
  font-weight: bold;
  margin-top: 10px;
}
.list-price.sale-active .old {
  font-size: 12px;
  margin: 2px 0 0 10px;
  position: relative;
  font-family: caps, sans-serif;
  text-transform: uppercase;
}
.list-price.sale-active .old::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  left: 50%;
  top: 50%;
  background: #e73545;
  transform: translate(-50%, -50%);
}
.list-price .new {
  font-size: 18px;
  font-weight: bold;
  font-family: caps, sans-serif;
  text-transform: uppercase;
  color: #e73545;
  margin: -5px 5px 0 8px;
}
.list-color {
  margin-top: 10px;
}
.list-color .span,
.list-color a {
  display: block;
  width: 15px;
  height: 15px;
  margin: 2px 0 0 10px;
  cursor: pointer;
  border: 1px solid rgba(0,0,0,0.1);
  border-radius: 50%;
  position: relative;
}
.list-color a {
  border: none;
}
.list-color .span.active::after{
  content: '';
  position: absolute;
  width: 150%;
  height: 150%;
  border-radius: 50%;
  border: 1px solid rgba(0,0,0,0.3);
  top: -25%;
  left: -27%;
}
.list-color a.active::after{
    content: '';
    position: absolute;
    width: 21px;
    height: 21px;
    border-radius: 50%;
    border: 1px solid rgba(0,0,0,0.3);
    top: -2px;
    left: -3px;
}
.list-title {
  font-size: 14px;
  font-family: caps, sans-serif;
  text-transform: uppercase;
  font-weight: bold;
  margin-top: 16px;
  display: block;
  transition: 0.3s;
  cursor: pointer;
  color: #363636;
}
.list-title:hover {
  color: #e73545;
}
.list-text-body {
  font-size: 12px;
  margin-top: 5px;
  display: -webkit-box;
  height: 44px;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  -webkit-line-clamp: 3;
  line-height: 1.2;
}
.list-size {
  margin-top: 10px;
  display: flex;
  align-items: center;
}
.list-size span {
  margin-right: 5px;
}
.list-size a {
  display: block;
  font-size: 12px;
  color: #000;
  border: 1px solid rgba(0,0,0,0.1);
  background: #fff;
  padding: 0 10px;
  cursor: pointer;
  margin: 0 5px;
  border-radius: 10px;
  transition: 0.1s;
}
.list-size a.active,
.list-size a:hover {
  border: 1px solid rgba(0,0,0,0.4);
}
.list-amount {
  margin-top: 20px;
}
.list-amount span {
  font-family: caps, sans-serif;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
}
.list-amount .price-cart {
  margin-top: -5px;
  margin-left: 10px;
}
.list-amount .amount-buttons {
  margin-right: 10px;
  margin-left: 6px;
}
.add-cart-large {
  display: block;
  background: #e73545 !important;
  height: 30px;
  width: 180px;
  border-radius: 50px;
  border: none;
  margin: -5px 10px 0 20px;
  transition: 0.3s;
}
.add-cart-large.active{
  background: #0e5a54!important;
}
.add-cart-large img {
  filter: brightness(100);
  width: 17px;
  margin: 0 0 -2px 5px;
}
.add-cart-large img:last-child {
  display: none;
}
.add-cart-large .notif {
  color: #fff;
  font-size: 12px;
}
.add-cart-large .notif:nth-child(2) {
  display: none;
}
.add-cart-large .img {
  display: inline-block;
}
.add-cart-large.active img {
  display: none;
}
.add-cart-large.active img:last-child {
  display: inline-block;
}
.add-cart-large.active .notif {
  display: none;
}
.add-cart-large.active .notif:nth-child(2) {
  display: inline-block;
}
.add-cart-large:hover {
  background: #363636 !important;
}
.product-details {
  padding: 0;
  .detail-wrapper{
    display: flex;
    align-items: flex-start;
    padding-top: 30px;
    position: relative;
    .slider-section{
      width: 60%;
      border-radius: 8px;
      overflow: hidden;
      height: auto;
    }
    .magnifier-thumb-wrapper{
      display: flex;
    }
    .slider-image img{
      height: 500px;
    }
    .detail{
      width: 40%;
      padding-left: 20px;
      .prod-slider-text .price{
        border: none;
        span{
          margin: 0;
        }
        .old{
          margin: 0;
        }
      }
      .price .old::after{
        display: none;
      }
      .price .flex{
        display: flex;
        gap: 5px;
        align-items: center;
      }
      .price{
        margin-bottom: 10px;
        .old{
          text-decoration: line-through;
        }
      }
      .title{
        margin: 0;
        margin-bottom: 10px;
        font-size: 22px;
        font-family: caps, sans-serif;
text-transform: uppercase;
        padding-top: 10px;
      }
      .code{
        font-size: 16px;
        color: var(--grey);
      }
      .list-size{
        display: block;
        margin-top: 0;
        .pr-size{
          font-size: 12px;
          font-family: caps, sans-serif;
text-transform: uppercase;
          margin-bottom: 2px;
        }
      }
      .list-size.sizes{
        .size-selects{
          display: flex;
          gap: 5px;
          flex-wrap: wrap;
        }
        .rectangle{
          border-radius: 1px;
          margin: 0;
          border: 1px solid rgba(0,0,0,0.1);
        }
      }
      .list-color{
        margin-bottom: 20px;
        span{
          font-size: 12px;
          font-family: caps, sans-serif;
text-transform: uppercase;
          margin-bottom: 2px;
        }
        .flex{
          gap: 5px;
          display: flex;
          flex-wrap: wrap;

        }
        a,span{
          margin: 0;
        }
      }
      .counter2{
        display: flex;
        gap: 5px;
      }
      .amount{
        button{
          width: 36px;
          height: 36px;
          border-radius: 5px;
          background: transparent;
          transition: 0.2s;
          border: 1px solid rgba(0,0,0,0.08);
          background: #fff;
          &:hover{
            border: 1px solid var(--grey);
            background: var(--grey);
            color: #fff;
          }
        }
      }
      .amount input{
        border-radius: 5px;
        border: 1px solid rgba(0,0,0,0.08);
        height: 36px!important;
        text-align: center;
        padding: 0;
        background: #fff;
      }
      .add-cart-large{
        border-radius: 5px;
        margin-left: 0;
        margin-right: 10px;
        background-color: var(--grey)!important;
        border: 1px solid transparent;
        &:hover{
          span{
            color: var(--grey)!important;
          }
          img{
            filter: brightness(0) saturate(100%) invert(32%) sepia(42%) saturate(295%) hue-rotate(168deg) brightness(90%) contrast(88%);
          }
          border-color: var(--grey);
          background: #fff!important;
        }
      }
    }
    .person-info{
      /*border-radius: 8px;*/
      border: none;
      /*background: #fff;*/
      padding: 10px;
      width: 520px;
      .person-details{
        width: 100%;
      }
      .name{
        text-align: center;
      }
      .title{
        padding: 0;
        font-size: 12px;
        font-family: caps, sans-serif;
text-transform: uppercase;
        text-align: center;
        margin-bottom: 5px;
      }
    }
  }
  #thumb{
    cursor: initial;
  }
  .slider-image{
    height: initial;
  }
  .amount-wrapper{
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .short-info{
    max-height: initial;
  }
  .socials{
      display: flex;
      MARGIN-RIGHT: 0;
      MARGIN-TOP: 10px;
      margin-left: 0;
      position: absolute;
      left: calc(60% + 20px);
      bottom: 0;
      a{
        width: fit-content;
        height: auto;
        font-size: 24px;
        color: var(--grey);
        border: none;
        transform: none!important;
        &:hover{
          color: var(--red);
        }
      }
    }
  .share-product{
    margin-top: 10px;
    span{
      margin-right: 43px;
    }
  }
  .material-row .material-text,
  .prod-descr-text .title{
    font-family: caps, sans-serif;
text-transform: uppercase;
  }
  .material-row{
    border-bottom: 1px solid rgba(0,0,0,0.08);
    .material-title{
      font-family: caps, sans-serif;
text-transform: uppercase;
      padding-bottom: 5px;
      padding-top: 10px;
    }
  }
}
.slider-image .img-code{
    font-size: 12px;
    border-radius: 10px;
    text-transform: uppercase;
    border: 1px solid rgba(0,0,0,0.1);
    padding: 1px 10px 0;
    color: #000;
    font-family: caps, sans-serif;
    text-transform: uppercase;
    position: absolute;
    background: #fff;
    transition: 0.3s;
    top: 20px;
    right: 20px;
}
.zoom-slider{
  width: 100vw;
  height: 100vh;
  background-color: rgba(0,0,0,0.5);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 200;
  display: none;
}
.zoom-slider .container{
  padding: 0!important;
}
.buy{
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.buy .btn{
  all: unset;
  background-color: #34495e;
  color: #fff;/*#6b6b6b*/
  font-family: caps, sans-serif;
  text-transform: uppercase;
  font-size: 12px;
  border-radius: 20px;
  transition: 0.3s;
  margin-right: 5px;
  text-align: center;
  cursor: pointer;
  border: none;
  outline: none;
  width: 170px;
  height: 30px;
}
.buy .btn:hover{
  background-color: #363636;
}
.buy .right{
  float: right!important;
}
.buy .inc-dec{
  width: 30px!important;
  display: flex!important;
  flex-direction: column!important;
}
.buy .counter2{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.buy .inc-dec button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 15px;
  border: 1px solid rgba(0,0,0,0.1);
  background: #fff;
  line-height: 1;
  font-size: 12px;
}
.buy .inc-dec .minus {
  border-top: 0;
}
.buy .buy-info input {
  width: 40px!important;
  height: 30px !important;
  border: 1px solid rgba(0,0,0,0.1);
  border-top-left-radius: 50px!important;
  border-bottom-left-radius: 50px!important;
  padding-left: 10px;
  box-sizing: border-box;
  border-right: none;
}
.buy .buy-info p {
  width: 105px;
  height: 30px !important;
  border: 1px solid rgba(0,0,0,0.1);
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
  padding-left: 10px;
  padding-top: 4px;
  box-sizing: border-box;
  border-left: none;
}
.buy-info{
  display: flex;
  align-items: center;
}
.buy h2{
  max-width: 580px;
  font-size: 16px;
  color: #221f1f;
  display: flex;
  align-items: center;
  margin: 0;
}
/*.buy h2{
  max-width: 510px;
  font-size: 22px;
  font-family: caps, sans-serif;
  text-transform: uppercase;
  line-height: normal;
  color: #221f1f;
  margin: 0;
}*/
.slider-section2 {
  /* max-width: 950px;  min-height: 65em;*/
  width: calc(100% - 300px);
  height: 90vh;
  z-index: 2;
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  padding: 40px 50px;
  background: #fff;
  box-shadow: 0 0 2px rgba(0,0,0,0.1);
  border-radius: 10px;
  overflow: hidden;
  max-height: calc(100% - 40px);
}
@media only screen and (max-width: 768px) {
  .slider-section2{
    width: calc(100% - 10px)!important; 
    padding: 20px!important;
  }
  .buy{
    display: flex!important;
    flex-wrap: wrap!important;
    flex-direction: row;
  }
  .buy-info{
    margin-top: 30px;
  }
  .slider-section2 .slick-slider{
    display: flex;
  }
  .slider-nv .small-slider img{
    width: 40px!important;
  }
  .slick-next-view{
    width: 30px;
    height: 40px;
  }
  .main .row{
    display: flex;
    align-items: center;
  }
  .slider-nv{
    display: none!important;
  }
}
.main {
  width: 100%;
  display: block;
  margin: auto;
  position: relative;
  z-index: 12;
}
.slider-nv .small-slider{
  width: 100%!important;
  height: 50px!important;
  overflow: hidden!important;
  display: flex!important;
  justify-content: flex-end;
  align-items: center;
}
.slider-nv .slick-current img{
  border: 1px solid #e73545;
}
.slider-nv .small-slider img{
  width: 100%;
  height: 50px;
  object-fit: cover;
  display: flex;
  justify-content: flex-end;
  cursor: pointer;
  margin: 5px 0;
  padding: 1px;
}
.slider-nv {
  top: 20px;
  /* width: 70px!important; */
}
.slider-nv h3{
  display: none;
}
.slider-nv .price{
  display: none;
}
.slider-fr {
  width: 100%;
  display: flex;
  align-items: center;
  margin-top: 20px;
}
.slider-fr h3{
  display: none;
}
.slider-fr .price{
  display: none;
}
.slider-fr .sl-size{
  width: 100%;
  height: 400px;
  max-height: calc(100% - 100px);
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}
.zoom-img{
  width: 100%;
  height: 100%;
}
.slider-fr .sl-size img{
  object-fit: contain;
  transition: transform 0.25s ease;
  cursor: zoom-in;
}
.slick-arrow{
  width: 35px;
  height: 35px;
  border: none;
  outline-style: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: white;
  border-radius: 50%;
}
.slick-prev{
  left: 0!important;
  transform: rotate(-180deg) translateY(-50%);
  transform-origin: top;
}
.slick-next{
  left: unset!important;
  right: 0;
}
.slick-next-view{
  width: 50px;
  height: 60px;
  border: none;
  outline-style: none;
  position: absolute;
  left: calc(100% - 45px)!important;
  top: 45%!important;
}
.close-slider{
  width: 20px;
  height: 20px;
  background-image: url('https://classica.com.ge/templates/assets/img/close-gr.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 400;
  border: none;
  outline: none;
  background-color: transparent;
}
.zoom-slider .arrows{
  width: 100%;
  display: flex;
  justify-content: space-between;
  position: absolute;
  top: 50%;
  z-index: 250;
}
.slider-container{
  width: 400px;
  float: right;
}
@media only screen and (max-width: 1200px) {
  .product-details {
    padding: 20px 0 0;
  }
}
.slider-section {
  width: calc(50% - 10px);
  position: relative;
  height: 480px;
  z-index: 99;
}
@media only screen and (max-width: 992px) {
  .slider-section {
    width: 100%;
  }
}
.slider-image {
  background: #f5f5f5;
  width: 100%;
  display: flex;
  align-items: center;
  height: 480px;
  overflow: hidden;
  justify-content: center;
}
.slider-image img {
  height: 100%;
  width: auto;
}
.slider-thumbs {
  position: absolute;
  right: 10px;
  width: 55px;
  max-height: calc(100% - 130px);
  overflow: auto;
  padding-right: 5px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1200;
}
.slider-thumbs::-webkit-scrollbar {
  width: 4px;
  background: #f5f5f5;
}
.slider-thumbs::-webkit-scrollbar-thumb {
  width: 4px;
  background: rgba(0,0,0,0.1);
}
.slider-thumbs .thumb {
  width: 100%;
  display: block;
  font-size: 0;
  border: 1px solid rgba(0,0,0,0.1);
  margin: 0 0 10px;
  cursor: pointer;
}
.slider-thumbs .thumb:last-child {
  margin-bottom: 0;
}
.slider-thumbs .thumb.active {
  border: 1px solid rgba(0,0,0,0.4);
}
.slider-thumbs .thumb img {
  width: 100%;
}
@media only screen and (max-width: 992px) {
  .prod-slider-text {
    margin-top: 20px;
  }
}
.prod-slider-text .title {
  font-family: caps, sans-serif;
  text-transform: uppercase;
  font-size: 20px;
}
.prod-slider-text .title a{
  color: #363636!important;
  line-height: 20px;
  transition: 0.2s;
  font-family: caps, sans-serif;
  text-transform: uppercase;
  font-size: 20px;
}
.prod-slider-text .title a:hover{
  color: #e73545;
}
.prod-slider-text .prod-descr {
  font-size: 12px;
}
.prod-slider-text .price{
  margin-top: 10px;
  border-bottom: 1px solid rgba(0,0,0,0.1);
  border-top: 1px solid rgba(0,0,0,0.1);
}
.prod-slider-text .price span {
  display: block;
  text-transform: uppercase;
  font-family: caps, sans-serif;
  text-transform: uppercase;
  color: #e73545;
  margin: 10px 0 -10px;
  font-size: 12px;
}
.prod-slider-text .price .old {
  font-size: 16px;
  color: #b2b2b2;
  margin-right: 6px;
  margin-top: 10px;
  position: relative;
}
.prod-slider-text .price .old::after {
  position: absolute;
  content: "";
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 1px;
  background: #d9d9d9;
}
.prod-slider-text .price .new {
  font-size: 24px;
  color: #34495e;
  font-weight: bold;
  font-family: caps, sans-serif;
  text-transform: uppercase;
}
.prod-slider-text .price p {
  padding: 6px 10px 4px;
  margin-top: 4px;
  margin-left: 10px;
  background: #e73545;
  border-radius: 50px;
  color: #fff;
  font-size: 12px;
}
.prod-slider-text .list-color {
  margin-top: 16px;
}
.prod-slider-text .amount span {
  margin-top: 7px;
  margin-right: 10px;
}
.prod-slider-text .amount input {
  width: 66px;
  height: 30px !important;
  border: 1px solid rgba(0,0,0,0.1);
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
  padding-left: 10px;
  box-sizing: border-box;
  border-right: none;
}
.prod-slider-text .amount p{
  width: 76px;
  height: 30px !important;
  border: 1px solid rgba(0,0,0,0.1);
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
  padding-left: 10px;
  padding-top: 4px;
  box-sizing: border-box;
  border-left: none;
}
.prod-slider-text .inc-dec{
  width: 30px;
}
.prod-slider-text .inc-dec button {
  display: block;
  width: 100%;
  height: 15px;
  border: 1px solid rgba(0,0,0,0.1);
  background: #fff;
  line-height: 1;
  font-size: 12px;
}
.prod-slider-text .inc-dec .minus {
  border-top: 0;
}
.details-footer{
  display: flex;
  /*justify-content: space-between;*/
}
.details-footer .clear{
  display: none;
}
.details-footer .heart {
  position: static;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: rgba(0,0,0,0.07);
}
.ConnectForm{
  width: 500px;
  height: auto;
  background-color: #fff;
  border-radius: 10px;
}
.form-content{
  width: 100%;
  padding: 20px;
}
.ConnectForm input[type=text]{
  width: 100%;
  padding: 10px 20px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 5px;
  box-sizing: border-box;
}
.ConnectForm h5{
  font-family: caps, sans-serif;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
}
.ConnectForm  .send{
  padding: 10px 20px;
  background-color: #e73545;
  color: #fff;
  font-family: caps, sans-serif;
  text-transform: uppercase;
  font-size: 12px;
  border: none;
  outline: none;
  float: right;
  margin-right: 20px;
  margin-bottom: 20px;
  border-radius: 5px;
}
.ConnectForm  .send:hover{
  color: #363636;
}
.ConnectShowBack{
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.7);
  display: flex;
  justify-content: center;
  align-items: center;
 
  opacity: 0;
  pointer-events: none; 
  transition: 0s;
  z-index: -1;
  .ConnectForm{
    transform: translateY(-40px); 
    transition: opacity 0.3s ease, transform 0.3s ease;
  }
}
.ConnectShowBack.visible {
  opacity: 1;
  pointer-events: auto; 
  z-index: 110;
  .ConnectForm{
    transform: translateY(0);
  }
}
.close-connect{
  width: 20px;
  height: 20px;
  cursor: pointer;
  background-image: url('../img/close3.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-color: transparent;
  background-size: 13px;
  border:none;
}
.form-header{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 20px;
  background-color: #e73545;
  border-radius: 10px 10px 0 0;
}
.convenient-time{
  display: flex;
  justify-content: space-between;
}
.convenient-time select{
  width: 15px;
}
.convenient-time .caret{
  display: none;
}
.search_back{
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.5);
  z-index: -1;
  transform: scale(0,0);
}
.search_back.visible{
  z-index: 100;
  transform: scale(1,1);
}
.search{
  width: 100%;
  position: absolute;
  z-index: 25;
}
.searchIcon{
  z-index: 1;
  cursor: pointer;
  border: none;
  background: transparent;
  display: flex;
  align-items: center;
  &:hover i{
    color: var(--red);
  }
  i{
    font-size: 24px;
    color: var(--black);
    transition: 0.2s;
  }
}
.Searchicon{
  width: 20px;
  height: 20px;
  cursor: pointer;
  background-image: url('../img/search3.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-color: transparent;
  border:none;
}
.scroll-down .search{
  width: 100%;
}
.scroll-down .searchForm{
  width: 100%;
}
.search .searchFormShow input{
  border-left: 2px solid black !important;
  height: 20px!important;
  padding-left: 10px!important;
  transition: 0s!important;
}
.scroll-down .searchIcon{
  top: 8px!important;
  right: 4%;
}
@media (max-width: 1200px){
  .search{
    /* display: none; */
    left: 0;
    top: -4px;
    width: 100%!important;
  }
  .searchFormShow{
    width: 100%!important;
  }
  .scroll-down .search{
    width: 100%!important;
  }
  .scroll-down .searchForm{
    width: 100%!important;
  }
  .scroll-down .searchIcon{
    top: 14px!important;
    right: 7%!important;
  }
  .languages {
    display: none;
  }
  .languages_burger{
    left: 40px;
  }

}
@media (max-width: 769px){
  .scroll-down .search{
    width: 92.6%;
  }
  .header .scroll-buttons{
    width: 130px;
  }
  .scroll-down .searchFormShow .searchIcon{
    right: 0px!important;
  }
  .scroll-down .searchIcon{
    right: 6%!important;
  }
}
@media (max-width:500px){
  .shopping-bag{
    position: absolute;
    right: -30px;
  }
  .shopping-bag p{
    opacity: 0;
  }
  .searchIcon{
    right: 0!important;
  }
  .scroll-down .searchIcon{
    right: -0.1%!important;
  }
  .first-page .first-block{
    height: 200px;
  }
  .first-page{
    margin-top: 50px!important;
  }
}
@media (max-width:320px){
  .shopping-bag{
    position: absolute;
    right: -40px;
  }
}
.searchForm{
  position: relative;
  width: 100%;
  height: 40px;
  max-height: 0;
  background-color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  overflow: hidden!important;
  transition: 0.1s;
  /* border-bottom: 1px solid #e5e5e5; */
}
.searchForm .searchIcon{
  margin-bottom: 0px;
  margin-right: 10px;
}
.searchFormShow{
  display: flex;
  overflow: hidden;
  max-height: 40px;
}
.searchForm::placeholder{
  font-family: dejavu;
  font-size: 12px;
  color: #360f0f;
}
.searchForm input{
  border: none!important;
  margin-left: 10px!important;
}
/* .search_burger{
  width: 75%;
  position: absolute;
  z-index: -1;
  border-bottom: 1px solid rgba(0,0,0,0.1);
}
.search_burger .searchForm{
  position: relative;
  width: 100%;
  height: 50px;
  background-color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  overflow: hidden!important;
  transition: 0.1s;
}
.search_burger .searchForm::placeholder{
  font-family: dejavu;
  font-size: 12px;
  color: #b2b2b2;
}
.search_burger .searchForm input{
  border: none!important;
  margin-left: 10px!important;
} */
.languages_burger{
  font-size: 12px;
  width: 50px;
  display: flex;
  justify-content: space-between;
  padding-top: 10px;
}
.languages_burger button{
  width: 10px;
  border: none;
  padding-left: 20px;
  display: flex!important;
  justify-content: center!important;
  align-items: center!important;
  background-color: transparent;
}
.languages_burger .active{
  color: #e73545;
}
.languages_burger button:first-child{
  padding-left: 10px;
  border: none;
}
.languages_burger .select-wrapper {
  margin-top: 8px;
  width: 40px;
  display: block;
}
/* .languages_burger .select-wrapper .caret {
  position: absolute;
  top: 16px;
  left: 30px;
  font-size: 0;
  background: url("../img/down-arrow.svg");
  background-size: 10px;
  width: 10px;
  height: 10px;
  fill: white;
} */
.languages_burger .select-wrapper input {
  font-family: caps, sans-serif;
  text-transform: uppercase;
  border: none;
  font-size: 12px;
  text-transform: uppercase;
}
.languages_burger .select-wrapper .dropdown-content {
  min-width: 57px;
}
.languages_burger .select-wrapper .dropdown-content li span {
  font-family: caps, sans-serif;
  text-transform: uppercase;
  text-transform: uppercase;
  font-size: 12px;
}
.searchForm img{
  width: 20px;
  height: 20px;
}
.search .closeSearch{
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  background: transparent;
  border:none;
  &:hover i{
    color: var(--red);
  }
  i{
    transition: 0.2s;
    color: var(--black);
  }
}
.details-footer .buy-fast {
  background: #34495e;
  border-radius: 50px;
  display: block;
  font-family: caps, sans-serif;
  text-transform: uppercase;
  text-transform: uppercase;
  font-size: 12px;
  color: #fff;
  transition: 0.3s;
  padding: 13px 50px 9px;
  cursor: pointer;
  width: 40%;
}
@media only screen and (max-width: 600px) {
  .details-footer .buy-fast {
    width: calc(100% - 60px);
    text-align: center;
  }
  .details-footer{
    display: block!important;
  }
  .details-footer .clear{
    display: block;
  }
  .details-footer .heart{
    margin-right: 20px;
  }
}
.details-footer .buy-fast:hover {
  background: #363636;
}
.details-footer .buy-fast img {
  margin-bottom: -4px;
  width: 17px;
  filter: brightness(100);
}
.details-footer .add-cart-large {
  margin-top: 0;
  height: 40.8px;
  padding-top: 2px;
  margin-right: 0px;
  width: 40%;
}
@media only screen and (max-width: 600px) {
  .details-footer .add-cart-large {
    width: 100%;
    margin-left: 0;
    margin-top: 10px;
  }
}
.size-selects{
  /* display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  margin-bottom: -9px; */
  width: auto;
}
.attr-selects{
  margin-bottom: 0px;
  margin-top: 12px;
  grid-template-columns: 1fr;
}
.size-selects .select-box .select-wrapper{
  width: 70%;
}
.rectangle{
  max-width: 120px;
  border: 1px solid rgba(0,0,0,0.1);
  padding: 3px 5px;
  margin-left: 5px;
  margin-top: 5px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.pr-size{
  /* display: flex;
  align-items: center; */
  vertical-align: middle;
}
.select-box .act{
  border: 1px solid #e73545;
  background-color: #f1f1f1;
}
.attr-selects label{
  color: #6b6b6b!important;
  font-weight: bold;
}
.size-selects .select-box{
  display: flex;
  /* justify-content: center; */
  flex-wrap: wrap;
  flex-shrink: inherit;
  max-width: 500px;
}
.attr-selects .select-box{
  flex-wrap: wrap;
  /*justify-content: space-between;*/
  justify-content: end;
  padding-top: 5px;
}
.size-selects .select-box label{
    font-size: 12px;
    font-family: caps, sans-serif;
    text-transform: uppercase;
    margin-top: 2px;
    color: #b2b2b2;
    margin-right: 5px;
}
.attr-selects .select-box label{
    margin: 0;
    /*width: 100%;*/
}
.size-selects .select-box .select-wrapper{
  margin-right: 30px;
  margin-top: -3px;
  margin-bottom: 13px;
}
.attr-selects .select-box .select-wrapper{
/*  width: 80%!important;
  margin-right: 0px;
  margin-top: 0;
  margin-bottom: 10px;*/
  width: 70%!important;
  margin-right: 0;
  margin-top: -5px;
  margin-bottom: 0px;
  margin-left: 10px;
}
.size-selects .select-box .select-wrapper input.select-dropdown{
  font-size: 12px;
  height: 24px;
  border-radius: 12px;
  border:1px solid #cccccc;
  line-height: 12px;
  background: #f2f2f2 url(../img/arrow-down.svg) no-repeat calc(100% - 10px) center;
    background-size: 10px;
    text-align: center;
    padding-right: 10px;
    background-color: white;
}
.attr-selects .select-box .select-wrapper input.select-dropdown{
  padding-left: 20px;
  text-align: left;
}
.size-selects .select-box .caret{
  display: none;
}
@media (max-width: 700px){
  .size-selects{
    grid-template-columns: 1fr;
  }
  .size-selects .select-box {
      justify-content: space-between;
  }
  .size-selects .select-box label {
      margin-left: 20px;
  }
}
.details-footer{
  display: flex;
  margin-bottom: 20px;
}
.details-footer .add-cart-large span {
  font-family: caps, sans-serif;
  text-transform: uppercase;
}
.share-product{
  display: flex;
  align-items: center;
  margin-top: 70px;
}
.share-product span {
  display: block;
  font-family: caps, sans-serif;
  text-transform: uppercase;
  font-size: 12px;
  margin-right: 30px;
  position: relative;
  padding-top: 2px;
}
.share-product span::after {
  position: absolute;
  content: "";
  width: 30px;
  height: 1px;
  background: #363636;
  top: 50%;
  transform: translateY(-50%);
  margin-left: 10px;
}
.person-details {
  width: calc(100% - 206px);
  padding: 0 10px;
}
@media only screen and (max-width: 600px) {
  .person-details {
    width: 100%;
    padding: 0 10px 10px;
  }
}
.person-details .title {
  font-size: 12px;
  font-family: caps, sans-serif;
  text-transform: uppercase;
  padding-top: 15px;
}
.person-details .name {
  font-size: 12px;
  color: #e73545;
  font-family: caps, sans-serif;
  text-transform: uppercase;
  font-weight: bold;
}
.person-details .branch-info {
  text-align: center;
}
.person-details .branch-info a {
  font-size: 12px;
  color: #000;
  display: inline-block;
  margin: 0 10px 0 0;
  margin-bottom: 5px;
}
.person-details .branch-info img {
  width: 20px;
  margin-bottom: -6px;
}
.person-details .center-align{
  display: flex;
  justify-content: center;
}
.person-details .messanger {
  font-family: caps, sans-serif;
  text-transform: uppercase;
  background: #2d91f1;
  color: #fff;
  padding: 7px 30px 5px;
  margin-top: 5px;
  border: none;
  border-radius: 50px;
  font-size: 12px;
  transition: 0.3s;
  display: flex;
  align-items: center;
}
.person-details .messanger:hover {
  background: #363636;
}
.person-details .messanger img {
  width: 16px;
  filter: brightness(100);
  margin-left: 2px;
}
.person-info {
  border: 1px solid rgba(0,0,0,0.1);
}
.person-info .image {
  box-sizing: content-box;
  padding-top: 85px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
  background-color: transparent;
  width: 85px;
  border-radius: 50px;
}
.person-info .image-content {
  margin: 23px 0;
  padding: 0 20px 0 20px;
  border-right: 1px solid rgba(0,0,0,0.1);
}
@media only screen and (max-width: 1200px) {
  .person-info .image-content {
    padding-left: 20px;
  }
}
@media only screen and (max-width: 600px) {
  .person-info .image-content {
    display: none;
  }
}
.prod-descr-text .title {
  font-family: caps, sans-serif;
  text-transform: uppercase;
  margin-top: 40px;
  font-size: 16px;
  font-weight: bold;
  display: block;
}
.prod-descr-text .text {
  font-size: 13px;
  margin-top: 10px;
}
.materials {
  font-family: caps, sans-serif;
  text-transform: uppercase;
  font-size: 14px;
  margin-top: 10px;
}
.materials img {
  width: 18px;
  margin-bottom: -1px;
  margin-right: 5px;
}
.material-row {
  border-bottom: 1px solid rgba(0,0,0,0.1);
 /* margin-top: 10px;
   padding-bottom: 5px; */
}
.select-box .material-row {
  border-bottom: 0;
  margin-top: 0px;
  padding-left: 10px;
}
.material-row .material-title {
  font-family: caps, sans-serif;
  text-transform: uppercase;
  font-size: 12px;
  color: #666;
  padding-left: 5px;
  padding-top: 6px;
}
.material-row .material-text {
  font-family: caps, sans-serif;
  text-transform: uppercase;
  /* height: 20px; */
  font-size: 12px;
  color: #808080;
  padding: 6px 5px 4px 5px;
  display: flex;
  align-items: center;
}
.select-box .material-text{
  margin-top: -5px;
}
/* .material-row .material-text.active {
  color: #e73545;
} */
.material-row .material-text:hover{
  color: #e73545;
  background-color: #bebaba;
}
.short-info {
  max-height: 250px;
  overflow: hidden;
  transition: 1s;
}
.short-info.active {
  max-height: 1000px;
}
.view-block {
  padding: 50px 0 10px;
  margin-top: -60px;
  background: -moz-linear-gradient(top, rgba(125,185,232,0) 0%, rgba(255,255,255,0.9) 54%, #fff 100%);
  background: -webkit-linear-gradient(top, rgba(125,185,232,0) 0%, rgba(255,255,255,0.9) 54%, #fff 100%);
  background: linear-gradient(to bottom, rgba(125,185,232,0) 0%, rgba(255,255,255,0.9) 54%, #fff 100%);
  position: relative;
  z-index: 10;
  transition: 1s;
}
/*.view-block.hidden {
  display: none;
}*/
.view-btn {
  border: none;
  background: transparent;
}
.view-btn-click{
  margin-top: 0;
}
.view-btn-click .view-btn img {
    transform: rotate(90deg);
    width: 12px;
}
.view-btn span {
  font-family: caps, sans-serif;
  text-transform: uppercase;
  border-bottom: 1px solid rgba(0,0,0,0.4);
  font-size: 12px;
  font-weight: bold;
  display: block;
}
.view-btn img {
  transform: rotate(-90deg);
  width: 12px;
  transition: 0.4s;
}
.similar-production {
  margin-top: 60px;
  position: relative;
}
.similar-production::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 1px;
  background: rgba(0,0,0,0.5);
  left: 50%;
  top: 45%;
  transform: translateX(-50%);
}
.similar-production span {
  font-size: 24px;
  font-family: caps, sans-serif;
  text-transform: uppercase;
  font-weight: bold;
  background: rgb(248 246 240);
  position: relative;
  z-index: 1;
  padding: 0 20px;
}
.prod-secondary-title {
  font-size: 12px;
}
.contact_block_back{
  max-height: 80vh;
  overflow-y: scroll;
}
.contact-btn {
  height: 70px;
  position: fixed;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  width: 40px;
  border: none;
  box-shadow: 0 0 5px rgba(0,0,0,0.15);
  background: #e73545;
  border-radius: 50px;
  line-height: 85px;
  transition: 0.4s;
  z-index: 100;
}
@media only screen and (max-width: 1200px) {
  .contact-btn {
    display: none;
  }
}
.contact-btn:hover {
  background: #fff;
}
.contact-btn:hover img {
  filter: none;
}
.contact-btn img {
  width: 24px;
  filter: brightness(100);
}
.contact-block {
  width: 360px;
  padding: 20px 0 20px 20px;
  position: fixed;
  right: -380px;
  transition: 0.5s ease;
  top: 50%;
  transform: translateY(-50%);
  background: #fff;
  z-index: 105;
  box-shadow: 0 0 5px rgba(0,0,0,0.15);
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
}
@media only screen and (max-width: 1200px) {
  .contact-block {
    display: none;
  }
}
.contact-block.active {
  right: 0px;
}
.contact-close {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #fff url("../img/close-1.svg") no-repeat center center !important;
  background-size: 40% !important;
  border: 1px solid rgba(0,0,0,0.1);
  position: absolute;
  top: -10px;
  left: -10px;
}
.each-contact {
  padding: 5px 0;
  border-bottom: 1px solid rgba(0,0,0,0.1);
}
.each-contact:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
.each-contact:first-child {
  padding-top: 0;
}
.each-contact a {
  display: block;
  font-size: 11px;
  font-family: caps, sans-serif;
  text-transform: uppercase;
  color: #000;
  padding: 1px 0;
  font-weight: bold;
}
.each-contact a.person,
.each-contact a:hover {
  color: #e73545;
}
.each-contact a.location,
.each-contact a.number,
.each-contact a.email {
  cursor: pointer;
}
.each-contact a img {
  width: 18px;
  margin-bottom: -5px;
}
.quick-view {
  width: 100%;
  height: 100vh;
  z-index: -3;
  top: 0;
  left: 0;
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s;
  opacity: 0;
}
.quick-view.blur {
  filter: blur(7px);
}
.quick-view .after {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.6);
  right: 0;
  top: 0;
  z-index: 1;
}
.quick-view.active {
  opacity: 1;
  z-index: 200;
}
.quick-view-inside {
  max-width: 950px;
  width: calc(100% - 40px);
  z-index: 2;
  position: relative;
  padding: 40px 70px;
  /*padding: 40px 100px;*/
  background: #fff;
  box-shadow: 0 0 2px rgba(0,0,0,0.1);
  border-radius: 10px;
  overflow: auto;
  max-height: calc(100% - 40px);
}
.quick-view-inside .slick-slider{
  max-height: 261px;
  overflow: hidden;
  animation: fade-intwo 1.4s;
}
@media only screen and (max-width: 600px) {
  .quick-view-inside {
    padding: 40px 10px;
  }
}
.quick-view-inside::-webkit-scrollbar {
  width: 6px;
  background: #fff;
}
@media only screen and (max-width: 600px) {
  .quick-view-inside::-webkit-scrollbar {
    width: 0;
  }
}
.quick-view-inside::-webkit-scrollbar-thumb {
  background: #909090;
  border-radius: 50px;
}
.quick-view-inside .prod-slider-text {
  margin-top: 0;
}
.quick-view-inside .code {
  font-size: 12px;
  text-transform: uppercase;
  font-weight: bold;
}
.quick-view-inside .code span {
  font-family: caps, sans-serif;
  text-transform: uppercase;
  text-transform: uppercase;
  color: #e73545;
  font-size: 12px;
}
.quick-view-inside .list-color {
  margin-top: 8px;
}
.quick-view-inside .list-size{
  margin-top: 0px;
}
.quick-view-inside .amount{
  margin-top: 10px;
}
.quick-view-inside .title {
  color: #363636;
}
.quick-view-inside .title:hover{
  color: #696969;
}
.quick-view-inside .price span {
  margin: 7px 0 0 20px;
}
.quick-view-inside .buy-fast {
  margin-left: 0;
  width: calc(50% - 10px);
  text-align: center;
  padding-left: 0;
  padding-right: 0;
  margin-top: 20px;
  cursor: pointer;
}
@media only screen and (max-width: 600px) {
  .quick-view-inside .buy-fast {
    width: 100%;
  }
}
.quick-view-inside .add-cart-large {
  margin: 20px 0 0 10px;
  width: calc(50% - 10px);
}
@media only screen and (max-width: 600px) {
  .quick-view-inside .add-cart-large {
    width: 100%;
    margin: 20px 0 0 0;
  }
}
.quick-view-inside .description {
  margin: 20px 10px 0;
  border-top: 1px solid #f5f5f5;
}
.quick-view-inside .description .row {
  margin: 0 -10px;
}
.quick-view-inside .descr-title {
  font-family: caps, sans-serif;
  text-transform: uppercase;
  padding-top: 20px;
  font-size: 16px;
  font-weight: bold;
}
.quick-view-inside .descr-text {
  font-size: 12px;
  margin-top: 10px;
  display: -webkit-box;
  height: 130px;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  -webkit-line-clamp: 7;
}
.quick-view-inside .materials-block {
  background: #f5f5f5;
  padding-left: 20px;
  margin-top: 0;
  max-height: 260px;
  overflow: auto;
}
@media only screen and (max-width: 600px) {
  .quick-view-inside .materials-block {
    max-height: none;
    padding-bottom: 20px;
    margin-top: 20px;
  }
}
.quick-view-inside .materials-block::-webkit-scrollbar {
  width: 6px;
}
.quick-view-inside .materials-block::-webkit-scrollbar-thumb {
  background: #909090;
  border-radius: 50px;
}
.quick-view-inside .materials {
  color: #000;
  font-weight: bold;
}
.quick-view-inside .material-row {
  border-bottom: none;
  padding: 0;
  margin-top: 5px;
  padding-left: 10px;
  font-family: caps, sans-serif;
  text-transform: uppercase;
  font-size: 12px;
  color: #e73545;
  line-height: 1.3;
  position: relative;
}
.quick-view-inside .material-row::after {
  content: '';
  position: absolute;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #363636;
  opacity: 0.6;
  left: 0;
  top: 5px;
}
.quick-view-inside .material-row span {
  display: block;
  font-family: caps, sans-serif;
  text-transform: uppercase;
  font-size: 12px;
  color: #000;
}
.slider-single .image {
  box-sizing: content-box;
  padding-top: 200px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
  background-color: transparent;
}
.slider-nav .slick-slide {
  margin: 0 5px;
  margin-top: 8px;
  cursor: pointer;
}
.slider-nav .slick-slide.is-active .image {
  border: 1px solid rgba(0,0,0,0.4);
}
.slider-nav .image {
  border: 1px solid rgba(0,0,0,0.1);
  box-sizing: content-box;
  padding-top: 45px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
  background-color: transparent;
}
.slick-arrow {
  cursor: pointer;
  position: absolute;
  left: 0;
  z-index: 10;
  display: none;
}
@media only screen and (max-width: 992px) {
  .slick-slider {
    display: none;
  }
}
.slick-slider .heart {
  z-index: 10;
}
.materials {
  background: #f5f5f5;
}
.close-quick-view {
  position: absolute;
  right: 10px;
  top: 10px;
  border: none;
  font-family: caps, sans-serif;
  text-transform: uppercase;
  background: none;
  color: #e73545;
  font-size: 12px;
}
.close-quick-view img {
  width: 20px;
  margin-bottom: -5px;
}
.slick-owl-carousel {
  position: relative;
  display: none;
  margin-bottom: 20px;
}
@media only screen and (max-width: 992px) {
  .slick-owl-carousel {
    display: block;
  }
}
@media only screen and (max-width: 600px) {
  .slick-owl-carousel {
    margin: 0 -20px 20px;
  }
}
.slick-owl-carousel .item .image {
  box-sizing: content-box;
  padding-top: 60%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
  background-color: transparent;
}
.slick-owl-carousel .owl-dots {
  position: absolute;
  bottom: 0px;
  width: 100%;
}
.slick-owl-carousel .owl-theme .owl-dots .owl-dot span {
  background: #fff;
}
.slick-owl-carousel .owl-theme .owl-dots .owl-dot.active span {
  background: #e73545;
}
.quick-buy {
  width: 100%;
  height: 100vh;
  z-index: -2;
  top: 0;
  left: 0;
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s;
  opacity: 0;
}
.quick-buy.active {
  z-index: 300;
  opacity: 1;
}
.quick-buy .after {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(255,255,255,0.3);
  right: 0;
  top: 0;
  z-index: 1;
}
.quick-buy-inside {
  max-width: 800px;
  width: calc(100% - 40px);
  z-index: 2;
  position: relative;
  padding: 40px 90px;
  background: #fff;
  box-shadow: 0 0 2px rgba(0,0,0,0.1);
  border-radius: 10px;
  overflow: auto;
  margin-top: 0;
  max-height: calc(100vh - 120px);
}
.quick-buy-inside form.row {
  margin: 0 -10px;
}
@media only screen and (max-width: 600px) {
  .quick-buy-inside {
    padding: 40px 10px;
  }
}
.quick-buy-inside::-webkit-scrollbar {
  width: 6px;
  background: #fff;
}
@media only screen and (max-width: 600px) {
  .quick-buy-inside::-webkit-scrollbar {
    width: 0;
  }
}
.quick-buy-inside::-webkit-scrollbar-thumb {
  background: #909090;
  border-radius: 50px;
}
.quick-buy-title {
  font-size: 16px;
  text-transform: uppercase;
  font-family: caps, sans-serif;
  text-transform: uppercase;
  font-weight: bold;
}
.quick-buy-inside .offer-title {
  margin-bottom: 10px;
  margin-top: 0;
}
.quick-buy-inside .submit {
  padding-left: 70px;
  padding-right: 70px;
  margin-right: 10px;
}
.product-buy {
  margin-top: 52px;
  background: #f5f5f5;
  padding: 10px;
  border-radius: 10px;
}
.product-buy .image {
  box-sizing: content-box;
  padding-top: 50%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
  background-color: transparent;
  margin: 10px 10px 0;
  border-radius: 10px;
}
.product-buy .title {
  width: 100%;
  margin-top: 5px;
}
.product-buy .amount p {
  color: #363636;
  font-weight: bold;
  width: 100%;
}
.product-buy .all-price {
  font-weight: bold;
  padding: 10px;
  border-radius: 10px;
}
.product-buy .all-price p {
  font-family: caps, sans-serif;
  text-transform: uppercase;
  font-size: 13px;
}
.product-buy .btns-group {
  margin-left: 50%;
  width: 82px;
  transform: translateX(-50%);
}
.product-buy .price {
  font-family: caps, sans-serif;
  text-transform: uppercase;
  font-size: 13px;
}
.product-buy .all-price {
  border-radius: 0;
  margin-top: 10px;
  padding: 10px 0 0;
  border-top: 1px solid rgba(0,0,0,0.06);
}
.lds-ring-parent{
  display: flex;
  justify-content: center;
  padding: 20px 0 0 0;
}
.lds-ring {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
}
.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 51px;
  height: 51px;
  margin: 6px;
  border: 6px solid #e73545;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #e73545 transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@-moz-keyframes fade-in {
  from {
    opacity: 0;
    transform: scale(0.8, 0.8);
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fade-in {
  from {
    opacity: 0;
    transform: scale(0.8, 0.8);
  }
  to {
    opacity: 1;
  }
}
@-o-keyframes fade-in {
  from {
    opacity: 0;
    transform: scale(0.8, 0.8);
  }
  to {
    opacity: 1;
  }
}
@keyframes fade-in {
  from {
    opacity: 0;
    transform: scale(0.8, 0.8);
  }
  to {
    opacity: 1;
  }
}
@keyframes fade-intwo {
  0% {
    opacity: 0;
    transform: scale(0.8, 0.8);
  }
  20% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes come-in {
  from {
    opacity: 0;
    top: -150%;
  }
  to {
    opacity: 1;
    top: 0;
  }
}
@-webkit-keyframes come-in {
  from {
    opacity: 0;
    top: -150%;
  }
  to {
    opacity: 1;
    top: 0;
  }
}
@-o-keyframes come-in {
  from {
    opacity: 0;
    top: -150%;
  }
  to {
    opacity: 1;
    top: 0;
  }
}
@keyframes come-in {
  from {
    opacity: 0;
    top: -150%;
  }
  to {
    opacity: 1;
    top: 0;
  }
}
.clear-button{
  cursor: pointer;
}
.clear-active{
  color: red!important;
}
ul.select-dropdown{
  top: 0px!important;
}
ul.select-dropdown li span{
  white-space: nowrap;
}
.attention-box{
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0,0,0,0.2);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 123123;
  animation: fade-out 3s;
}
.attention-box div{
  font-size: 18px;
  padding: 20px 50px;
  border-radius: 10px;
  color: #e73545;
  background-color: white;
}
.attention-box.del div{
  color: red;
}
.catalog-block{
  margin-bottom: -20px;
  margin-top: 40px;
  .relative{
    position: relative;
    width: 100%;
    .slide-btn{
      position: absolute;
      left: 0;
      top: 50%;
      transform: translateY(-50%);
      z-index: 2;
      background: rgba(48, 69, 90, 0.5);
      border: none;
      border-radius: 50%;
      width: 40px;
      height: 40px;
      display: flex;
      align-items: center;
      justify-content: center;
      &:hover{
        background: rgba(48, 69, 90, 1);
      }
      i{
        font-size: 20px;
        color: #fff;
      }
    }
    .next{
      right: 0;
      left: auto;
    }
  }
}

.catalog-block .owl-theme .owl-nav [class*=owl-],
.catalog-block .owl-theme .owl-nav [class*=owl-]{
  margin: 0 10px;
  padding: 0;
  background-color: transparent;
}
.catalog-block .owl-prev img,
.catalog-block .owl-next img{
  width: 30px;
  height: 30px;
}
.catalog-block .header{
  padding-top: 40px;
  border-top: 1px solid #f5f5f5;
  padding-bottom: 20px;
}
.catalog-block .header .top{
  color: #363636;
  font-size: 24px;
  line-height: 24px;
  font-family: caps, sans-serif;
  text-transform: uppercase;
  font-weight: bold;
}
.catalog-block .header .top a{
  color: #363636;
  font-size: 24px;
  line-height: 24px;
  font-family: caps, sans-serif;
  text-transform: uppercase;
  font-weight: bold;
  transition: 0.2s;
}
.catalog-block .header .top a:hover{
  color: #e73545;
}
.catalog-block .header .bottom{
  display: flex;
  justify-content: space-between;
}
.catalog-block .header .bottom a{
  font-size: 12px;
  transition: 0.2s;
  color: #363636;
}
.catalog-block .header .bottom a:hover{
  color: #e73545;
}
.catalog-box{
  display: flex;
  margin-bottom: 20px;
}
.catalog-box .left{
  width: 170px;
  height: 220px;
  flex-shrink: 0;
  border-radius: 10px;
  border-bottom-right-radius: 0px;
  overflow: hidden;
}
.catalog-box .left img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.catalog-box .right{
  width: calc(100% - 170px);
  padding-top: 20px;
}
.catalog-box .right .content{
  border-radius: 10px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  background-color: #f5f5f5;
  padding: 10px;
  transition: 0.2s;
  height: 200px;
}
.catalog-box .right .content .title{
  display: block;
  color: #e73545;
  font-size: 12px;
  line-height: 14px;
  height: 26px;
  font-family: caps, sans-serif;
  text-transform: uppercase;
  transition: 0.2s;
  overflow: hidden;
}
.catalog-box .right .content .category{
  display: block;
  font-size: 10px;
  line-height: 12px;
  height: 12px;
  color: #4c4c4c;
  margin-bottom: 20px;
  transition: 0.2s;
  overflow: hidden;
}
.catalog-box .right .content .desc{
  font-size: 12px;
  line-height: 14px;
  height: 28px;
  margin-bottom: 10px;
  transition: 0.2s;
  overflow: hidden;
}
.catalog-box .right .content .pdf{
  margin-bottom: 10px;
}
.catalog-box .right .content .pdf a{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 24px;
  border-radius: 12px;
  background-color: #e73545;
  color: white;
  font-size: 11px;
  min-width: 60px;
  padding: 0 10px;
  margin-right: 10px;
  margin-bottom: 10px;
  border: 1px solid transparent;
  transition: 0.2s;
}
.catalog-box .right .content .pdf a:hover{
  background-color: white;
  color: #e73545!important;
}
.catalog-box .right .content .bottom{
  border-top: 1px solid #e73545;
  padding-top: 10px;
}
.catalog-box .right .content .bottom a{
  display: block;
  color: #e73545;
  font-size: 10px;
  transition: 0.2s;
}
.catalog-box:hover .right .content{
  background-color: #e73545;
}
.catalog-box:hover .right .title,
.catalog-box:hover .right .category,
.catalog-box:hover .right .desc,
.catalog-box:hover .right a{
  color: white!important;
}
.catalog-box:hover .right .pdf a{
  border: 1px solid white;
}
.catalog-box:hover .right .bottom{
  border-color: white;
}
.magnifier-preview{
  position: absolute;
}
#preview{
  top: -1000px;
}
@media only screen and (max-width: 1200px) {
  #preview{
    display: none!important;
  }
}
.hotLineWrap{
  width: 100%;
  justify-content: center;
  display:flex;
  margin-top: 30px;
}
.hotLineWrap .hotLine{
  width: auto;
  padding: 20px;
}
.hotLineWrap .hotLine span{
  font-family: caps, sans-serif;
  text-transform: uppercase;
  color: black;
  font-weight: bold;
  display: block;
  width: 100%;
  text-align: center;
  font-size: 14px;
}
.hotLineWrap .hotLine p{
  font-family: caps, sans-serif;
  text-transform: uppercase;
  font-size: 13px;text-align:center;    
}
.hotLineWrap .hotLine a{
  color: black;
  font-size: 14px;
  font-weight: bold;
}
.test-version{
    text-align: center;
    width: 100%;
}
.footer-title-design{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.old_design{
  height: 22px;
  padding: 20px 15px; 
  color: white;
  background-color: #e73545;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-weight: normal;
  font-family: glahoCaps;
  font-size: 14px;
}
header .btn-container{
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 2px;
}
.address_container{
  display: flex;
  justify-content: space-between;
  padding-top: 20px;
}
.address_title{
  width: 100%;
  text-align: center;
  padding-top: 20px;
  font-size: 18px;
  font-family: caps, sans-serif;
  text-transform: uppercase;
}
@media only screen and (max-width: 994px) {
  .address_container{
    flex-wrap: wrap;
  }
  .address_list{
    padding-top: 10px;
  }
}
@media only screen and (max-width: 580px) {
  .address_container{
    flex-wrap: wrap;
  }
  .address_list{
    width: 100%;
    padding-top: 10px;
  }
  .copyright{
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 10px;
  }
  .copyright .inner{
    margin-bottom: 5px;
  }
}
.dropdown-content li>a, .dropdown-content li>span{
  color: #e73545;
}
.fail-transition{
    height: 290px;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    color: red;
    font-size: 18px;
    font-family: caps, sans-serif;
    text-transform: uppercase;
}
.succses-tran{
    height: 290px;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    color: #181813;
    font-size: 18px;
    font-family: caps, sans-serif; 
    text-transform: uppercase;
}
.succses-tran a{
    border: none;
    background: #e73545;
    color: #fff!important;
    font-family: caps, sans-serif;
    text-transform: uppercase;
    padding: 3px 10px 0px 10px!important;
    border-radius: 4px;
    transition: 0.3s;
    font-size: 14px;
    display: flex;
    margin-left: 10px;
    transition: 0.2s;
}
.succses-tran a:hover{
    background: #d91628;
}
.succses-wrap{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 300px;
    flex-direction: column;
}
.succses-wrap .succses-tran{
  height: unset;
}
.chooseprtitle{
    font-size: 17px !important;
    text-align: center;
    color: #e73545;
    margin: 0px 0 20px 0 !important;
    border-bottom: 1px solid #dcdcdc;
    padding-bottom: 15px;
}
.headersalecss{
  display: flex;
  align-items: center;
  img{
    height: 19px;
  }
}
@media (max-width: 480px){
  .main-slider .item img{
    height: 300px;
  }
  .main-slider .arr-wrap .next{
    right: 15px;
    height: 40px;
    width: 40px;
  }
  .main-slider .arr-wrap .prev{
    left: 15px;
    height: 40px;
    width: 40px;
  }
  .main-slider .arr-wrap button img{
    height: 15px;
  }
  .shopping-bag a p{
    display: none;
  }
  .shopping-bag{
    position: unset;
  }
  header .searchIcon{
    position: unset;
  }
  header .scroll-buttons{
    width: fit-content;
  }
  .searchFormShow{
    height: 50px;
    max-height: 50px;
  }
  .mob-group{
    display: flex;
    justify-content: space-between;
  }
  .second-block .logo{
    margin: unset;
  }
  .shopping-bag a span{
    left: 20px;
  }
  .category_menu_show ul{
    display: none;
  }
  .category_menu_show li{
    margin-bottom: 10px;
    font-family: dejavuCaps!important;
    color: #909090;
  }
  .contact-btn{
    display: block;
    justify-content: center;
  }
  .contact-block.active{
    display: block;
  }
}
.search-link-button button{
  background: #44576a !important;
  border: none;
  padding: 5px 10px;
  width: 100%;
  font-family: caps, sans-serif;
  text-transform: uppercase;
  font-size: 12px;
  color: #fff;
}

.intro{
  margin-top: 0!important;
  background-color: rgb(234 237 242);
  padding: 70px 0;
  height: 500px;
  svg{
    width: 100%;
    height: fit-content;
  }
  .container{ 
    position: relative;
    overflow: hidden;
    /*.home{
      POSITION: ABSOLUTE;
      RIGHT: 392px;
      TOP: -40px;
      WIDTH: 90PX;
    }*/
  }
  .img{
    width: 100%;
  }
  .wrapper{
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .introimg{
    width: 350px;
  }
  .prod-title{
    font-family: 'caps',sans-serif;
    text-transform: uppercase;
    font-size: 50px;
    margin-bottom: 20px;
    font-weight: bold;
    color: var(--grey);
  }
  ul{
    li{
      font-size: 16px;
      align-items: center;
      display: flex;
      gap: 10px;
      color: var(--grey);
      i{
        font-size: 22px;
        color: #1ea193;
      }
    }
  }
  .callnow{
    height: 40px;
    font-size: 14px;
    color: #fff;
    background-color: var(--grey);
    border: 1px solid transparent;
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 0 15px;
    border-radius: 5px;
    margin-top: 40px;
    width: fit-content;
    gap: 8px;
    i{
      font-size: 20px;
    }
    &:hover{
      background: #fff;
      color: var(--grey);
      border-color: var(--grey);
    }
  }
}
.intro .container .img {
  transform: translate3d(0,0,0) translateX(-100px); /* start 100px left */
  opacity: 0;                    /* hidden initially */
  transition: transform 1.4s ease, opacity 1.4s ease;
   will-change: transform, opacity; 
}

.intro .container .home {
  transform: translate3d(0,0,0) translateY(-50px);  /* start above */
  opacity: 0;
  transition: transform 1.4s ease 0.6s, opacity 1.4s ease 0.6s; 
  will-change: transform, opacity; 
  /* delay so it animates after .img slightly */
}







.open-popup{
  cursor: pointer;
}




/* Change-password form — flat rules (independent of native CSS nesting) */
.user-page .change-pass .input-field {
  position: relative;
  margin-top: 0;
  margin-bottom: 18px;
}
.user-page .change-pass .input-field > span {
  display: inline-block;
  margin-bottom: 4px;
}
.user-page .change-pass .input-field > i {
  position: absolute;
  bottom: 11px;
  left: 11px;
  font-size: 17px;
  line-height: 1;
  width: 22px;
  text-align: center;
  color: rgba(55,55,55,0.55);
  pointer-events: none;
}
.user-page .change-pass .input-field input {
  padding-left: 36px !important;
}

.user-page {
  .title{
    font-family: caps, sans-serif;
text-transform: uppercase;
    padding-bottom: 10px;
    margin-bottom: 20px;
  }
  .cashback.myprofile{
    display: none;
  }
  .empty {
    background: #fff;
    border-radius: 10px;
    padding: 24px 16px;
    text-align: center;
    font-size: 16px;
    color: var(--grey);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 220px;
  }
  .change-pass{
    #password-strength-hint {
      display: block;
      margin: 6px 0 14px;
    }
  }
  .order-list{
    li.orders-empty-state{
      flex-direction: column;
      align-items: center;
      justify-content: center;
      text-align: center;
      gap: 18px;
      min-height: 200px;
      .orders-empty-text{
        margin: 0;
        font-size: 15px;
        line-height: 1.45;
        color: #555;
        max-width: 360px;
      }
      .orders-empty-catalog{
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 40px;
        padding: 0 22px;
        border-radius: 30px;
        background: var(--red);
        color: #fff !important;
        font-family: caps, sans-serif;
        text-transform: uppercase;
        font-size: 12px;
        text-decoration: none;
        border: 1px solid var(--red);
        transition: background 0.2s ease, color 0.2s ease;
      }
      .orders-empty-catalog:hover{
        background: #fff;
        color: var(--red) !important;
      }
    }
    li {
      background: #fff;
      border-radius: 10px;
      padding: 14px 16px;
      margin-bottom: 12px;
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
      display: flex;
      align-items: flex-end;
      justify-content: space-between;
      gap: 16px;
      .truncate{
        margin-top: 0;
        padding: 0;
        span{
          font-family: caps, sans-serif;
text-transform: uppercase;
        }
      }
      .order-title {
        display: flex;
        flex-direction: column;
        gap: 6px;
        font-size: 14px;
        color: #333;

        time,
        p {
          display: flex;
          gap: 6px;

          span {
            color: #888;
            font-weight: 500;
          }
        }

        p {
          font-weight: 600;
        }
      }
      .time{
        font-size: 12px;
        span{
          font-family: caps, sans-serif;
text-transform: uppercase;
        }
        margin-top: 0;
        padding: 0;
      }
      .right{
        display: flex;
        flex-direction: column;
        align-items: flex-end;
      }
      .pay-method{
        margin-bottom: 10px;
      }
      a {
        flex-shrink: 0;
        font-size: 12px;
        text-decoration: none;
        padding: 12px;
        height: 40px;
        display: flex;
        width: fit-content;
        align-items: center;
        border-radius: 6px;
        background: var(--grey);
        transition: background 0.2s ease, color 0.2s ease;
        border: 1px solid transparent;
        color: #fff;
        gap: 5px;
        i{
          font-size: 22px ;
        }
        &:hover {
          background: #fff;
          color: var(--grey);
          border-color: var(--grey);
        }
      }
      .status-wrap{
        display: flex;
        align-items: center;
        gap: 6px;
        span{
          color: #888;
        }
        .status{
          height: 26px;
          font-size: 12px;
          padding: 0 8px;
          border-radius: 3px;
          color: var(--grey);
          border: 1px solid var(--grey);
          border-radius: 5020px;
          display: flex;
          align-items: center;
          &.pending{
            display: flex;
            gap: 5px;
            align-items: center;
            border-color:#e73545;
            color: #e73545;
            i{
              font-size: 18px;
            }
          }
          &.done{
            color: #1ea193;
            border-color: #1ea193;
          }
        }
      }
    }

  }
  .messages-page .submit{
    height: 40px;
    display: flex;
    align-items: center;
    margin-left: auto;
    margin-top: 10px;
    justify-content: center;
    padding: 0 15px;
    border-radius: 5px;
    border: 1px solid transparent;
    background-color: var(--grey);
    color: #fff;
    transition: 0.2s;
    font-size: 12px;
    font-family: caps, sans-serif;
text-transform: uppercase;
    &:hover{
      border-color: var(--grey);
      color: var(--grey);
      background: #fff;
    }
  }
  .input-field{
    margin-bottom: 10px;
    label{
      font-family: caps!important;
    }
    textarea,
    input{
      background-color: #fff;
    }
  }
  .personal-info-block {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    max-width: 320px;
    .num{
      width: 20px;
      height: 20px;
      font-size: 12px;
      color: #fff;
      border-radius: 50%;
      background-color: var(--red);
      display: flex;
      align-items: center;
      font-weight: normal;
      margin-right: auto;
    }
    .cashbackamount{
      width: auto;
      padding: 0 8px;
      font-size: 12px;
      border-radius: 5px;
      height: 20px;
      font-weight: normal;
    }
    a {
      display: flex;
      align-items: center;
      justify-content: flex-start;
      gap: 12px;
      padding: 12px 16px;
      position: relative;
      font-size: 14px;
      color: #333;
      text-decoration: none;
      transition: background 0.2s ease, color 0.2s ease;
      &:not(:last-child) {
        border-bottom: 1px solid #f0f0f0;
      }
      &:hover {
        background: #f5f7fa;
      }
      &.active {
        background: #eef3ff;
        img {
          opacity: 1;
        }
      }
      img {
        width: 18px;
        height: 18px;
        flex-shrink: 0;
        opacity: 0.7;
      }
    }
  }
  .notification-message{

  }
}




@media(max-width: 1240px){
  .mob-group{
    align-items: center;
  }
  .container{
    width: 991px;
  }
  .intro{
    margin-top: 66px;
  }
  .first-page .first-block{
    height: 400px;
    width: 540px;
  }
  .each-product .image .img{
    height: 180px;
  }
}

@media(max-width: 991px){
  .intro{
    padding: 30px 0;
    height: 400px;
    .prod-title{
      font-size: 32px;
    }
    .introimg{
      width: 300px;
    }
  }
  .container{
    width: calc(100% - 25px);
    max-width: calc(100% - 25px);
    padding: 0;
  }
  .product-details{
    .detail-wrapper{
      flex-direction: column;
       .slider-section{
        width: 100%;
      }
      .detail{
        width: 100%;
        padding-left: 0;
      }
    }
  }
  .back-to-index{
    display: none!important;
  }
}
@media(max-width: 768px){
  .product-details .socials{
    position: initial;
  }
  .product-details .detail-wrapper{
    padding-top: 0;
  }
  .product-details .detail-wrapper .slider-image img{
    height: 330px;
  }
  .main_product>.title{
    margin-top: 30px;
  }
  header{
    .catalog{
      display: none;
    }
    .mob-group{
      width: 50%;
      .logo{
        transform: translateX(50%);
        width: auto!important;
        img{
          height: 40px;
        }
      }
    }
  }
  .intro{
    height: auto;
    margin-top: 59px;
    .prod-title{
      font-size: 26px;
      line-height: 32px;
      margin-bottom: 15px;
      display: block;
    }
    .introimg{
      display: none;
    }
    ul{
      li{
        margin-bottom: 8px;
        font-size: 15px;
      }
    }
  }
  header .logo img{
    margin: auto!important;
  }
  .each-product{
    margin-bottom: 30px;
    .image .img{
      height: 240px;
    }
  }
  .copyright .inner{
    flex-wrap: wrap;
    .frame{
      margin-right: 4px;
    }
  }
  .first-page .first-block{
    height: 260px!important;
  }
  .main-slide .relative .slide-btn i {
    font-size: 30px;
  }
  .cart-order{
    padding-top: 0;
    .wrapper{
      flex-direction: column;
      .grid{
        grid-template-columns: 1fr;
        gap: 15px;
      }
      .form-left{
        width: 100%;
      }
      .form-right{
        width: 100%;
        .sticky{
          position: initial;
        }
      }
    }
    .prod-review{
      margin-top: 0;
    }
  }
}


@media(max-width: 600px){
  .cart-page{
    .table-row{
      .single-cart{
        .amount-field, .delete-field, .price-field{
          height: auto;
        }
      }
    }
  }
}