@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@100..900&display=swap');

* {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}


:root {
  --secondary-color-1: #233a95;
  --secondary-color-op-1: #233c9583;

  --secondary-color-2: #239495;
  --secondary-color-op-2: #23949583;

  --secondary-color-3: #299129;
  --secondary-color-op-3: #29912983;

  --secondary-color-4: #765a19;
  --secondary-color-op-4: #765a1983;

  --secondary-color-5: #672b23;
  --secondary-color-op-5: #672b2383;

  --secondary-color-6: #322367;
  --secondary-color-op-6: #32236783;

  --secondary-color-7: #812a7f;
  --secondary-color-op-7: #812a7f83;

  --secondary-color-8: #9e5980;
  --secondary-color-op-8: #9e598083;

  --secondary-color-9: #642dca;
  --secondary-color-op-9: #642dca83;

  --secondary-color-10: #2dc2ca;
  --secondary-color-op-10: #2dc2ca83;

  --primary-color: #ed174a;
  --anim: 250ms cubic-bezier(0.4, 0, 0.2, 1);
}

body{
    position: relative;
    direction: ltr;
    font-family: 'Noto Sans SC', sans-serif !important;
    font-size: 18px;
    margin: 0;
    padding: 0px;
}

a {
    text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: 0;
}

ul {
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 0;
    padding-inline-start: 0;
}

img {
    display: block;
}

button {
    font-family: inherit;
}

.no-scroll {
    overflow-y: hidden;
}

.link {
    text-decoration: none;
}

.link:hover,
.link:focus {
    cursor: pointer;
}

.list {
    list-style: none;
}

.part {
  padding: 93px 0;
}

@media screen and (max-width: 767px) {
  .part {
    padding: 80px 0;
  }
}

.title {
  font-size: 29px;
  color: #000;
  position: relative;
  padding-bottom: 20px;
  text-align: center;
  margin-bottom: 22px;
}

.title:before {
  content: '';
  position: absolute;
  top: 30%;
  left: 29%;
  background: var(--primary-color);
  height: 1px;
  width: 10%;
}

.title:after {
  content: '';
  position: absolute;
  bottom: 79%;
  right: 43%;
  background: #000;
  height: 1px;
  width: 10%;
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
}
@media screen and (min-width: 768px) {
    .title {
        font-size: 40px;
    }
}

.but-1 {
  background-color: var(--primary-color);
  border-radius: 8px;
  border-style: none;
  box-sizing: border-box;
  color: #FFFFFF;
  cursor: pointer;
  display: inline-block;
  font-size: 13px;
  font-weight: 700;
  height: 50px;
  line-height: 1.3;
  list-style: none;
  margin: 0;
  outline: none;
  padding: 15px 20px;
  position: relative;
  text-align: center;
  text-decoration: none;
  transition: color 100ms;
  vertical-align: baseline;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
}

.but-1:hover,
.but-1:focus {
  opacity: 0.9;
}
.but-2 {
  align-items: center;
  background-color: var(--secondary-color-op-9);
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 7px;
  box-shadow: rgba(0, 0, 0, 0.02) 0 1px 3px 0;
  box-sizing: border-box;
  color: rgba(0, 0, 0, 0.85);
  cursor: pointer;
  display: inline-flex;
  font-size: 16px;
  font-weight: 700;
  justify-content: center;
  line-height: 1.3;
  margin: 0;
  min-height: 50px;
  padding: calc(15px - 1px) calc(20px - 1px);
  position: relative;
  text-decoration: none;
  transition: all 250ms;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  vertical-align: baseline;
  width: auto;
}

.but-2:hover,
.but-2:focus {
  border-color: rgba(0, 0, 0, 0.15);
  box-shadow: rgba(0, 0, 0, 0.1) 0 4px 15px;
  color: rgba(0, 0, 0, 0.65);
}

.but-2:hover {
  transform: translateY(-1px);
}

.but-2:active {
  background-color: var(--secondary-color-op-9);
  border-color: rgba(0, 0, 0, 0.15);
  box-shadow: rgba(0, 0, 0, 0.06) 0 2px 4px;
  color: rgba(0, 0, 0, 0.65);
  transform: translateY(0);
}
.but-3 {
  align-items: center;
  background-image: linear-gradient(45deg, var(--secondary-color-9), var(--primary-color), var(--secondary-color-9));  border: 0;
  border-radius: 72px;
  box-sizing: border-box;
  color: #ffffff;
  cursor: pointer;
  display: inline-flex;
  font-size: 16px;
  font-weight: 700;
  justify-content: center;
  line-height: 1.3;
  max-width: 480px;
  min-height: 50px;
  min-width: 0px;
  overflow: hidden;
  padding: 0px;
  padding-left: 20px;
  padding-right: 20px;
  text-align: center;
  touch-action: manipulation;
  transition: background-image 0.167s cubic-bezier(0.4, 0, 0.2, 1) 0s, box-shadow 0.167s cubic-bezier(0.4, 0, 0.2, 1) 0s, color 0.167s cubic-bezier(0.4, 0, 0.2, 1) 0s;
  user-select: none;
  -webkit-user-select: none;
  vertical-align: middle;
}

.but-3:hover,
.but-3:focus {
  background-image: linear-gradient(-45deg, var(--secondary-color-9), var(--primary-color), var(--secondary-color-9));  border: 0;
  color: #ffffff;
}

.but-3:active {
  background: #09223b;
  color: rgb(255, 255, 255, .7);
}

.but-4 {
  appearance: button;
  background-color: var(--secondary-color-9);
  background-image: linear-gradient(180deg, rgba(255, 255, 255, .15), rgba(255, 255, 255, 0));
  border: 1px solid var(--secondary-color-9);
  border-radius: 20px;
  box-shadow: rgba(255, 255, 255, 0.15) 0 1px 0 inset,rgba(46, 54, 80, 0.075) 0 1px 1px;
  box-sizing: border-box;
  color: #FFFFFF;
  cursor: pointer;
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  margin: 0;
  padding: 15px 20px;
  text-align: center;
  text-transform: none;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  vertical-align: middle;
}

.but-4:focus:not(:focus-visible),
.but-4:focus {
  outline: 0;
}

.but-4:hover {
  background-color: var(--secondary-color-op-9);
  border-color: var(--secondary-color-9);
}

.but-4:focus {
  background-color: #413FC5;
  border-color: #3E3BBA;
  box-shadow: rgba(255, 255, 255, 0.15) 0 1px 0 inset, rgba(46, 54, 80, 0.075) 0 1px 1px, rgba(104, 101, 235, 0.5) 0 0 0 .2rem;
}

.but-4:active {
  background-color: #3E3BBA;
  background-image: none;
  border-color: #3A38AE;
  box-shadow: rgba(46, 54, 80, 0.125) 0 3px 4px inset;
}

.but-4:active:focus {
  box-shadow: rgba(46, 54, 80, 0.125) 0 3px 4px inset, rgba(104, 101, 235, 0.5) 0 0 0 .2rem;
}

.but-5 {
  background-color: var(--secondary-color-9);
  background-image: linear-gradient(var(--secondary-color-9), #329CA0);
  border: 1px solid #2A8387;
  border-radius: 4;
  box-shadow: rgba(0, 0, 0, 0.12) 0 1px 1px;
  color: #FFFFFF;
  cursor: pointer;
  display: block;
  font-size: 18px;
  line-height: 100%;
  margin: 0;
  outline: 0;
  padding: 15px 20px;
  text-align: center;
  transition: box-shadow .05s ease-in-out,opacity .05s ease-in-out;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  width: 100%;
}

.but-5:hover {
  box-shadow: rgba(255, 255, 255, 0.3) 0 0 2px inset, rgba(0, 0, 0, 0.4) 0 1px 2px;
  text-decoration: none;
  transition-duration: .15s, .15s;
}

.but-5:active {
  box-shadow: rgba(0, 0, 0, 0.15) 0 2px 4px inset, rgba(0, 0, 0, 0.4) 0 1px 1px;
}
           
.container-mm01 {
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
    max-width: 1220px !important;
}

@media screen and (min-width: 576px) and (max-width: 990px) {
    .container-mm01 {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media screen and (min-width: 991px) {
    .container-mm01 {
        padding-left: 20px;
        padding-right: 20px;
    }
}

.header-top-list {
  padding: 20px;
  display: flex;
  align-items: center;
}

.header-top-item.logo {
  flex: 90%;
}

.logo-link-ml05 {
  display: flex;
  gap: 20px;
  color: #000000;
  justify-content: center;
  font-size: 22px;
  font-weight: {font_weight_bold};
  align-items: center;
}

@media screen and (min-width: 575px) {
  .logo-link-ml05 {
      font-size: 29px;
  }
}

@media screen and (min-width: 991px) {
  .logo-link-ml05 {
      font-size: 29px;
  }
}


.header-bottom-mm01 {
  background-color: var(--secondary-color-9);
  padding: 0;
  transition: all 0.4s ease 0s;
  display: flex;
  align-items: center;
  position: sticky !important;
}

@media screen and (max-width: 990px) {
  .header-bottom-mm01 {
    padding: 20px 0;
  }

  .nav-bar-mm01 {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  
}
@media screen and (min-width: 991px) {
.nav-bar-mm01 {
    flex-direction: row;
    justify-content: center;
  }
}

@media screen and (min-width: 991px) {
.nav-bar-mm01 {
  flex-grow: 1;
  align-items: center;
  display: flex !important;
  flex-basis: auto;
}
}

.navbar-toggler {
  border-radius: 7px;
  transition: box-shadow 0.15s ease-in-out;
  background: var(--primary-color);
  display: flex;
  align-items: center;
  height: 38px;
  width: 38px;
}
@media screen and (min-width: 991px) {
  .navbar-toggler {
    display: none;
  }
}

.navbar-toggler-icon {
  padding: 0;
  width: 38px;
  height: 38px;
  display: inline-block;
  border-radius: 4;
  text-align: center;
  font-size: 18px;
  line-height: 1.3;
  line-height: 38px;
  color: #fff;
}

.icon-expand::before {
  content: "\2630";
  color: #fff;
  
}

.icon-close::before {
  content: "\2716";
  color: #fff;
}

button.navbar-toggler .icon-close,
button.navbar-toggler.is-active .icon-expand {
  display: none;
}

button.navbar-toggler .icon-expand,
button.navbar-toggler.is-active .icon-close {
  display: block;
}

button.navbar-toggler.is-active .mob-nav-bar-mm01 {
  display: block;
}

.mob-nav-bar-mm01 {
  float: left;
  text-align: center;
  width: 100%;
  background: var(--bg-color);
  padding: 20px;
  margin-top: 20px;
  box-shadow: 0 7px 20px rgba(0, 0, 0, 0.05);
} 

@media screen and (max-width: 990px) {
  .nav-bar-mm01__list {
    display: none;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    float: left;
    text-align: center;
    width: 100%;
    background: #fafafb;
    padding: 20px;
    margin-top: 20px;
    box-shadow: 0 7px 20px rgba(0, 0, 0, 0.05);
  }

  button.navbar-toggler.is-active + .nav-bar-mm01__list {
    display: flex;
  }
  
  
  .nav-bar-mm01__list a {
    padding: 15px 0;
    color: #363636 !important;
    display: inline-block;
  }

  .dropdown-content {
    position: static;
  }  
}


button.navbar-toggler.collis-activeapsed .is-active {
  display: none;
}

@media screen and (min-width: 991px) {
  .nav-bar-mm01__list {
    margin: 0 auto;
    display: flex;
  }

  .nav-bar-mm01__item {
    padding: 28px 20px;
  }

  .nav-bar-mm01__link {
    padding: 0 7px;
    font-size: 16px;
    color: #fff;
    font-weight: 700;
    border-bottom: 1px solid transparent;
    letter-spacing: .5px;
  }
}

.dropdown {
  float: left;
}

.dropdown .dropbtn {
  font-size: initial;    
  border: none;
  outline: none;
  background-color: inherit;
  font-family: inherit;
  margin: 0;

}
@media screen and (min-width: 991px) {
  .dropdown .dropbtn {
    color: #ffffff;
  }
}

.nav-bar-mm01 a:hover, .dropdown:hover .dropbtn {
  color: #fff;
  border-bottom: 1px solid rgb(255 255 255 / 62%);
}

.dropdown-content {
  display: none;
  position: absolute;
  left: 50%;
  top: 85%;
  padding: 28px;
  transform: translateX(-50%);
  background: #fff;
  box-shadow: rgb(12 12 12 / 6%) 0px 1px 20px 0px;
  z-index: 1;
  border-radius: 8px;
}

@media screen and (max-width: 768px) {
  .dropdown-content {
    width: min(90%, 444px);
    padding: 15px;
  }
}

.dropdown-content::before {
  content: '';
    width: 15px;
    height: 15px;
    background: #fff;
    border: 1px solid var(--border-color);
    display: block;
    border-right: none;
    border-bottom: none;
    transform: translateX(-50%) rotateZ(45deg);
    position: absolute;
    top: -7px;
    left: 49%;
    z-index: 1;
}

.dropdown-content div > div:first-child {
  display: flex;
  flex-wrap: wrap;
}

.dropdown-content__list div{
  flex: 50%;
}

.dropdown-content a {
  padding: 15px 20px;
  text-decoration: none;
  display: block;
  text-align: left;
  font-size: 16px;
  font-weight: 700;
  border-bottom: 1px solid transparent;
  letter-spacing: .5px;
}

@media screen and (min-width: 768px) {
  .dropdown-content a {
    width: 444px;
  }
}

.dropdown-content a:hover {
  background-color: #ddd;
}

.dropdown:hover .dropdown-content {
  display: block;
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: 15px 20px;
  clear: both;
  font-weight: 700;
  color: #212529;
  text-align: inherit;
  text-decoration: none;
  background-color: transparent;
  border: 0;
}
a.dropdown-item {
  font-size: 16px;
  color: #060606;
  padding: 7px 28px;
  font-weight: 700;
}

a.dropdown-item:hover {
  color: var(--primary-color);
  background: none;
}

a.dropdown-item.active {
  background: transparent;
  color: var(--primary-color);
}

.home {
  position: relative;
  background-image: linear-gradient(to top, var(--secondary-color-op-9), var(--secondary-color-op-9) ), url(pic/depictions_header_683dd0a78b6b31.45057327.jpg);
  background-repeat: no-repeat;
  background-position: center;
  z-index: -1;
}

.custom-shape-divider-bottom-1720170150 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
  line-height: 0;
  z-index: 0;
}

.custom-shape-divider-bottom-1720170150 svg {
  position: relative;
  display: block;
  width: calc(281% + 1.3px);
  height: 438px;
  transform: rotateY(180deg);
}

.custom-shape-divider-bottom-1720170150 .shape-fill {
  fill: var(--secondary-color-9);
}

.home-content {
  display: flex;
  position: relative;
  z-index: 1;
}

.home-content > div{
  flex: 1;
}

.home-title {
  font-size: clamp(20px, 7vw ,40px);
  line-height: 1.3;
  font-weight: {font_weight_bold};
  color: #fff;
}

@media screen and (max-width: 575px) {
  .home-vector {
    display: none;
  }
}

.home-vector img {
  width: 70%;
  margin: 0 auto;
}

.about-mm01-flex {
  display: flex;
  flex-direction: column-reverse;
  gap: 34px;
}

.about-mm01-img-wrap {
  width: 100%;
  position: relative;
  margin: 0 auto;
}


@media screen and (min-width: 576px) {
  .about-mm01-img-wrap {
    width: max(40%, 444px); 
  } 
}

@media screen and (min-width: 768px) {
  .about-mm01-flex {
    flex-direction: row;
  }

  .about-mm01-img-wrap {
    margin: unset;
  }
}


.about-mm01-img-wrap > div {
  position: relative;
  direction: initial;
}

.about-mm01-img-wrap img {
  width: 100%;
  border-radius: 8px;
}

.video-play {
  position: absolute;
  top: 50%;
  left: 50%;
  cursor: pointer;
  transform: translate(-50%, -50%);
  background: #fff;
  display: inline-block;
  width: 80px;
  height: 80px;
  line-height: 1.3;
  border-radius: 50%;
  transition: 0.3s ease-in-out;
  -webkit-animation: ripple 1s linear infinite;
  animation: ripple 1s linear infinite;
}

@media (max-width:767px) {
  .video-play{
    display: none;
  }
}

.video-play svg {
  fill: #000;
  width: 28px;
  position: relative;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

@keyframes ripple {
  0% {
    box-shadow: 0 0 0 0 rgb(255 255 255 / 25%), 0 0 0 15px rgb(255 255 255 / 25%), 0 0 0 20px rgb(255 255 255 / 25%);
  }

  100% {
    box-shadow: 0 0 0 10px rgb(255 255 255 / 25%), 0 0 0 20px rgb(255 255 255 / 25%), 0 0 0 38px rgba(50, 100, 245, 0);
  }
}

.about-mm01-text-wrap {
  flex: 1;
}

.about-mm01-text {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.3;
  color: #363636;
}

.backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 11;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.9);
  transition: opacity var(--anim), visibility var(--anim);
  overflow-y: scroll;
  direction: initial;
}

@media screen and (max-width: 767px) {
  .backdrop {
    padding: 72px 20px;
  }
}

.backdrop.is-hidden {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
}

.modal {
  width: 100%;
  height: auto;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.12), 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 2px 1px rgba(0, 0, 0, 0.2);
  border-radius: 4;
}

@media screen and (max-width: 767px) {
  .modal {
    position: relative;
    padding: 38px;
  }
}

@media screen and (min-width: 480px) {
  .modal {
    max-height: 615px;
    margin-right: auto;
    margin-left: auto;
  }
}

@media screen and (min-width: 768px) {
  .modal {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 38px;
  }
}

@media screen and (min-width: 1200px) {
  .modal {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-height: 90vh;
  }
}

.modal > div{
  display: flex;
}

.modal-btn {
  border: none;
  padding: 0;
  background: transparent;
  margin-left: auto;
}

.modal-btn svg {
  width: 28px;
  fill: #ffffff;
}

.modal video {
  height:  30vh;
  position: relative;
  transform: translateX(-50%);
  left: 50%;
  width: unset;
  border-radius: 15px;
}

@media (max-width: 990px) {
  .modal video {
      width: 100%;
      height: unset;
  }
}

.new-products {
  background-color: #fafafb;
}

.new_products_list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 20px;
}

@media (min-width: 576px) {
  .new_products_list {
    flex-direction: row;
  }
}

.new_products_item {
  text-align: center;
}

@media (min-width: 576px) {
  .new_products_item {
    text-align: center;
    flex: calc(100% / 2 - 20px);
  }
  
}

@media (min-width: 768px) {
  .new_products_item {
    text-align: center;
    flex: calc(100% / 3 - 28px);
  }
  
}


.hs-wrapper {
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  width: 100%;
}

.img-fluid {
  width: min(444px, 100%);
  height: 444px;
  object-fit: cover;
  margin: 0 auto;
  border-radius: 8px;
}

.hs_bottom {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.25);
  opacity: 0;
  top: 0%;
  left: 0%;
  z-index: 3;
  filter: alpha(opacity=0);
  -webkit-transform: translate(455px, -93px) rotate(180deg);
  -moz-transform: translate(455px, -93px) rotate(180deg);
  -o-transform: translate(455px, -93px) rotate(180deg);
  -ms-transform: translate(455px, -93px) rotate(180deg);
  transform: translate(455px, -93px) rotate(180deg);
  -webkit-transition: all 0.2s 0.4s ease-in-out;
  -moz-transition: all 0.2s 0.4s ease-in-out;
  -o-transition: all 0.2s 0.4s ease-in-out;
  -ms-transition: all 0.2s 0.4s ease-in-out;
  transition: all 0.2s 0.4s ease-in-out;
  border-radius: var(--border-radius);
}

.hs_bottom ul {
  padding: 72px 0 0;
  -webkit-transform: translateY(-215px);
  -moz-transform: translateY(-215px);
  -o-transform: translateY(-215px);
  -ms-transform: translateY(-215px);
  transform: translateY(-215px);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.hs_bottom ul li {
  display: inline-block;
}

.hs_bottom ul li a {
  font-size: 16px;
  color: #212121;
  text-decoration: none;
  padding: 7px;
  background: #fff;
  display: flex;
  height: 38px;
}
  
.hs_bottom ul li a:hover {
  background: #ff5063;
  color: #fff;
}

.hs_bottom ul li a svg{
}
  
.new_products_item:hover .hs_bottom {
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    -ms-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }


.new_products_item:hover .hs_bottom ul{
    -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -o-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  -ms-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

.new_products_item h5 {
  margin-top: 38px;
  margin-bottom: 28px;
}


.new_products_item h5 a {
  font-size: 18px;
  color: var(--primary-color);
  text-decoration: none;
  font-weight: {font_weight_bold};
  -webkit-transition: .5s all;
  -moz-transition: .5s all;
  -o-transition: .5s all;
  transition: .5s all;
}

.new_products_item h5 a:hover {
  color: var(--secondary-color-9);
}

.item_price {
  font-size: 18px;
  font-weight: 700;
  margin: 7px 0 20px;
  font-style: italic;
}

.special-gallery_grids {
  display: flex;
  flex-direction: column;
}

.special-gallery_grid_left {
  flex: 0 0 auto;
  width: 100%;
  position: relative;
}

.special-gallery_grid_right {
  flex: 0 0 auto;
  width: 100%;
  position: relative;
}

.special-gallery_grid_right > div {
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 8px;
}

.special-gallery_grid_right .img-fluid{
  height: 100%;
  width: 100%;
}

@media (min-width: 768px) {
  .special-gallery_grids {
    flex-direction: row;
  }
  
  .special-gallery_grid_left {
    width: 58.3333333333%;
  }
  
  .special-gallery_grid_right {
    width: 41.6666666667%;
  }
  
}

.special-gallery-col {
  max-width: 100%;
  padding-right: 7px;
  padding-left: 7px;
  margin-top: 0;
}

.special-gallery_grid_left_grid {
  position: relative;
  overflow: hidden;
  border-radius: 8px;
}

.special-gallery_grid_left_grid:first-child {
  margin: 0 0 20px;
}

.special-gallery_grid_left_grid img {
  -moz-transition: all 1s;
  -o-transition: all 1s;
  -webkit-transition: all 1s;
  transition: all 1s;
  width: 100%;
  border-radius: 8px;
  max-width: 100%;
  height: 280px;
}

.special-gallery_grid_right img {
  height: calc(280px * 2 + 20px);
}

.special-gallery_grid_left_grid:hover img,
.special-gallery_grid_right img {
  -moz-transform: scale3d(1.1, 1.1, 1);
  -o-transform: scale3d(1.1, 1.1, 1);
  -ms-transform: scale3d(1.1, 1.1, 1);
  -webkit-transform: scale3d(1.1, 1.1, 1);
  transform: scale3d(1.1, 1.1, 1);
}

.special-gallery_grid_left_grid_pos {
  position: absolute;
  top: 50%;
  left: 10%;
  }
  
  .special-gallery_grid_left_grid_pos h4 {
  text-transform: uppercase;
  font-size: clamp(26px, 7vw, 25px);
  color: #fff;
  font-weight: 800;
}

.special-gallery_grid_right_pos {
  position: absolute;
  top: 30%;
  left: 20%;
  width: 70%;
}

.special-gallery_grid_right_pos h4 {
  text-transform: uppercase;
  font-size: clamp(26px, 7vw, 25px);
  color: #ffffff;
  text-align: right !important;
  line-height: 1.3;
}

.special-gallery_grid_pos1 {
  position: absolute;
  right: 5%;
  top: 5%;
  padding: 15px;
  background: #3c43a4;
}

.special-gallery_grid_pos1 h5 {
  font-size: 17px;
  color: #fff;
  text-align: center;
}

.special-gallery_grid_pos1 h5::before {
  content: '\2714';
  color: #fff;
  margin-right: 15px;
}

.partners-mm01 {
  padding: 15px 0px;
  background-color: var(--secondary-color-op-9);
}

.partners-mm01-list {
  display: flex;
  flex-direction: column-reverse;
  gap: 28px;
  justify-content: space-between;
  align-items: center;
  justify-content: center;
  direction: initial;
}

@media (min-width: 576px) {
  .partners-mm01-list {
    flex-wrap: wrap;
    flex-direction: row;
  }
}
@media (min-width: 991px) {
  .partners-mm01-list {
    flex-wrap: nowrap;
  }
}


.partners-mm01-item {
  flex: 1;
}
@media (min-width: 576px) {
  .partners-mm01-item {
    flex: 47%;  
  }
}
@media (min-width: 768px) {
  .partners-mm01-item {
    flex: 30%;  
  }
}

@media (min-width: 991px) {
  .partners-mm01-item {
    flex: 1;  
  }
}

.partners-mm01-link {
  padding: 7px;
}
.partners-mm01-link.greyscale {
  filter: grayscale(1);
}

.partners-mm01-link.greyscale:hover,
.partners-mm01-link.greyscale:focus  {
  filter: grayscale(0);
}

.partners-mm01-link img{
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

.slick-track {
  display: flex;
  align-items: center;
}

.slick-prev {
  left: 0;
  position: absolute;
  left: ;: -2%;
}

.slick-next {
  right: 7px;
  position: absolute;
  right: -2%;
}

.slick-prev:before{
  content: '\276E';
}

.slick-next:before {
  content: '\276F';
}

.slick-prev:before,
.slick-next:before {
  color: #5a5757;
  font-size: 26px;
}

.newsletter {
  background: var(--secondary-color-9);
  padding: 34px 0;
}

.newsletter-flex {
  display: flex;
  flex-direction: column-reverse;
  gap: 28px;
  align-items: center;
}

@media (min-width: 768px) {
  .newsletter-flex {
    flex-direction: row;
  }
}

.newsletter_left {
  flex: 1;
}

.newsletter_left h3 {
  font-size: 29px;
  color: #fff;
  font-weight: 800;
}

.newsletter_left p {
  color: #ccc;
  line-height: 1.3;
  margin-top: 7px;
  font-weight: 100;
}

.newsletter_right {
  width: 100%;
  margin-top: 7px;
  direction: initial;
}

@media (min-width: 768px) {
  .newsletter_right {
    flex: 1;
    width: unset;
  }
}

.newsletter_right input[type="email"] {
  outline: none;
  padding: 15px 20px;
  font-size: 16px;
  width: 85%;
  border: none;
  float: left;
  border-radius: 20px 0 0 20px;
}

@media (min-width: 768px) {
  .newsletter_right input[type="email"] {
    width: 70%;
  }
}

.newsletter_right button {
  outline: none;
  padding: 15px 0;
  width: 15%;
  border: none;
  border-radius: 0 20px 20px 0;
  -webkit-transition: .5s all;
  -moz-transition: .5s all;
  transition: .5s all;
  background-color: var(--primary-color);
}

.newsletter_right button svg {
  fill: #fff;
  width:  20px;
}

.newsletter_right input[type="submit"]:hover {
  background-color: #212121;
}

footer {
  padding-bottom: unset !important;
}

.footer-top {
  display: flex;
  flex-direction: column-reverse;
  gap: 34px;
}

@media (min-width: 576px) {
  .footer-top {
    flex-wrap: wrap;
    flex-direction: row;

  }
}
@media (min-width: 768px) {
  .footer-top {
    flex-wrap: nowrap;
  }
}


.footer-top-item {
  flex: 1;
}

@media (min-width: 576px) and (max-width: 767px) {
  .footer-top-item {
    flex: 46%;
  }
}  

.footer-top-item h3 {
  color: #060606;
  font-size: 18px;
  margin-bottom: 28px;
  padding-bottom: 7px;
  position: relative;
  text-transform: uppercase;
  direction: initial;
}

.footer-top-item .second-title {
  margin-top: 38px;
}

.footer-top-item h3:after {
  content: '';
  background: var(--secondary-color-9);
  width: 20%;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
}

.footer-top-item .icon-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--secondary-color-9);
  width: 50px;
  height: 50px;
  line-height: 50px;
  border-radius: 50%;
  text-align: center;
  margin-right: 20px;
  background: rgb(35 58 149 / 8%);
}

.footer-top-item div, .footer-top-item a,
.footer-top-item * {
  margin-bottom: 20px;
  color: #363636;
  font-size: 16px;
}

.footer-top-item a:hover,
.footer-top-item a:focus {
  color: var(--secondary-color-9);
}

.footer-top-item .icon-wrap svg {
  width:  20px;
  margin-bottom: unset;
  fill: var(--secondary-color-9);
}


.footer-top-item .contacts {
  display: flex;
  align-items: center;
}

.footer-top-item .contacts div:last-child {
  flex: 1;
}
.footer-top-item .contacts a {
  word-break: break-all;
}
.footer-top-item.politics ul li a::before {
  content: '';
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'%3e%3cpath fill='none' stroke='%23363636' stroke-linecap='square' stroke-linejoin='miter' stroke-width='60' d='M184 112l144 144-144 144'/%3e%3c/svg%3e");
  display: inline-block;
  width:  20px;
  height: 20px;
  margin-right: 7px;
}

.footer-copy {
  border-top: 1px solid #eee;
}

.footer-copy p {
  margin: 28px 0;
  text-align: center;
}

.flex {
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  gap: 34px;
}

@media (min-width: 991px) {
  .flex {
    flex-direction: row;
  }
}  

.unit-right-left {
  flex: 1;
}

.unit-right-left .img-fluid {
  object-fit: contain;
}

.unit-right {
  flex: 2;
}

.unit-right h3 {
  font-size: 18px;
  color: #212121;
  margin-bottom: 20px;
}

.top-discription {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}

@media (min-width: 576px) {
  .top-discription {
    flex-direction: row;
  }
}
.star-rating svg {
  width: 20px;
  height: 20px;
  color: #dbd7d7;
}

.star-rating svg.colorfull {
  color: var(--secondary-color-9);
}

.aviable{
  color: #fff;
  background-color: var(--primary-color);
  border: none;
  border-radius: 7px;
  padding: 15px 24px;
}

.aviable p {
  margin: 0;
}

.description {
  margin: 24px 0;
}

.description {
  color: #999;
  line-height: 1.3;
  margin: 20px 0 0;
}

.description ul li{
  margin-left: 20px;
}

.item_price {
  font-size: 17px;
    color: #060606;
    margin: 7px 0 20px;
    font-weight: 700;
}

.order-formas form {
  border: 1px solid #E1E1E1;
  width: 90%;
  padding: 38px 22px;
  margin-left: auto;
}

.order-formas h3 {
  font-size: 26px;
  padding-left: 28px;
  position: relative;
  margin: 28px 0 15px 0;
}

.order-formas h3::before {
  content: '';
  background: #3c43a4;
  width: 10%;
  height: 1px;
  position: absolute;
  top: 50%;
  left: 0%;
}

.input-mm01,
.textarea-mm01,
.form-btn,
.input-control-component_control,
.textarea-control-component_control {
  width: 100%;
  color: #060606;
  background: #fafafb;
  font-size: 16px;
  padding: 15px;
  border: 1px solid #eee;
  outline: none;
  margin-bottom: 20px;
  border-radius: 8px;
  resize: none;
}



.input-control-component_control::placeholder,
.textarea-control-component_control::placeholder,
.input-mm01::placeholder,
.textarea-mm01::placeholder,
.form-mm01 label {
    color: #fafafb;
    color: #000;
    font-size: 13px;
    padding: 15px;
}

.textarea-mm01,
.textarea-control-component_control {
  height: 120px;
  margin: 0 0 20px 0;
}

.checkaccept {
    text-transform: none;
    display: flex;
    gap: 20px;
    margin-bottom: 28px;
}

.checkaccept a {
    color: var(--primary-color);
}

.checkaccept label {
    text-transform: none;
}

.review-mm01 {
  background-color: #fafafb;
}

.review-block {
  display: flex;
  flex-direction: column-reverse;
  gap: 24px;
}

@media (min-width: 576px) {
  .review-block {
    flex-direction: row;
  }
}  

.review-block-unit {
  flex: 1;
  font-size: 18px;
  font-weight: 700;
  border-left: 3px solid var(--primary-color);
  padding: 20px;
  padding-left: 28px;
  box-shadow: 0px 20px 24px rgb(29 23 77 / 8%);
}

.review-top-block {
  font-size: 18px;
  color: #363636;
  line-height: 1.3;
}

.review-block-unit h5 {
  display: flex;
  align-items: center;
  color: var(--primary-color);
  font-size: 18px;
  font-weight: 700;
}

.connect-us-mm01 .container-mm01 {
  display: flex;
  flex-direction: column;
  gap: 34px;
}

@media (min-width: 576px) {
  .connect-us-mm01 .container-mm01 {
    flex-direction: row;
  }
}

.connect-us-list, .connect-us-mm01-form {
  flex: 1;
}

.connect-us-list h1 {
  font-size: 25px;
  font-weight: 800;
  line-height: 1.3;
}

.connect-us-list > p {
  font-size: 18px;
  line-height: 1.3;
  margin-bottom: 34px;
}

.connect-us-item {
  display: flex;
  gap: 15px;
  margin-bottom: 15px;
  color: #363636;
}

.connect-us-item .icon svg {
  height: 22px;
  color: var(--primary-color);
  fill: var(--primary-color);
}

.connect-us-item .text a {
  word-break: break-all;
  color: #363636;
}

.connect-us-item .text p {
  margin: 0;
}

.connect-us-item .text a:hover,
.connect-us-item .text a:focus {
  color: var(--primary-color);
}

.map {
  margin-bottom: 7px;
  height: 444px;
}

.section-policy {
  word-break: break-all;
  overflow: hidden;
  color: #363636;
}

.section-policy div ul li {
  margin-left: 38px;
}