@font-face {
  font-family: "Acumin Variable Concept";
  src: url(@/../../fonts/Acumin-Variable-Concept.ttf);
}
@font-face {
  font-family: "Athelas Bold";
  src: url(@/../../fonts/Athelas-Bold.ttf);
}
@font-face {
  font-family: "Athelas Reguler";
  src: url(@/../../fonts/Athelas-Regular.ttf);
}
@font-face {
  font-family: "Flourish Orchestral Bold";
  src: url(@/../../fonts/Flourish-Orchestral-Bold.ttf);
}
@font-face {
  font-family: "Source San Pro Reguler";
  src: url(@/../../fonts/source-sans-pro.regular.ttf);
}
body {
  position: relative;
  overflow-x: hidden;
  margin: 0;
}

.active {
  color: #444242 !important;
}

.t-1 {
  position: relative;
}

.t-1::before {
  content: "";
  position: absolute;
  bottom: -8px;
  right: 0;
  width: 124px;
  border-bottom: 0.5px solid #6D6D6D;
}
@media screen and (min-width: 1024px) {
  .t-1::before {
    width: 127px;
    right: 0;
  }
}

.t-2::before {
  content: "";
  position: absolute;
  bottom: -8px;
  right: 0;
  width: 85px;
  border-bottom: 0.5px solid #6D6D6D;
}
@media screen and (min-width: 1024px) {
  .t-2::before {
    width: 100px;
  }
}

.t-3::before {
  content: "";
  position: absolute;
  bottom: -8px;
  right: 0;
  width: 62px;
  border-bottom: 0.5px solid #6D6D6D;
}
@media screen and (min-width: 1024px) {
  .t-3::before {
    width: 75px;
  }
}

.t-4::before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 4px;
  width: 120px;
  border-bottom: 0.5px solid #6D6D6D;
}
@media screen and (min-width: 1024px) {
  .t-4::before {
    width: 200px;
  }
}

.t-5::before {
  content: "";
  position: absolute;
  bottom: -8px;
  left: 0;
  width: 50px;
  border-bottom: 0.5px solid #6D6D6D;
}
@media screen and (min-width: 1024px) {
  .t-5::before {
    width: 115px;
  }
}

.t-6::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 50px;
  border-bottom: 0.5px solid #6D6D6D;
}

.t-7::before {
  content: "";
  position: absolute;
  bottom: -8px;
  left: 0;
  width: 45px;
  border-bottom: 0.5px solid #6D6D6D;
}
@media screen and (min-width: 320px) and (max-width: 1023px) {
  .t-7::before {
    display: none;
  }
}

.t-8::before {
  content: "";
  position: absolute;
  bottom: -8px;
  right: 0;
  width: 70px;
  border-bottom: 0.5px solid #6D6D6D;
}
@media screen and (min-width: 320px) and (max-width: 1023px) {
  .t-8::before {
    display: none;
  }
}

.t-9::before {
  content: "";
  position: absolute;
  bottom: -8px;
  left: 0;
  width: 183px;
  border-bottom: 0.5px solid #6D6D6D;
  display: none;
}

.t-10::before {
  content: "";
  position: absolute;
  bottom: -8px;
  left: 0;
  width: 155px;
  border-bottom: 0.5px solid #6D6D6D;
  display: none;
}

.desc-p-24 p {
  margin-bottom: 30px !important;
}
.desc-p-24 p:last-child {
  margin-bottom: 0 !important;
}

.desc-p p {
  margin: 12px 0 !important;
}
.desc-care p {
  margin-bottom: 20px !important;
}
.desc-care p:last-child {
  margin-bottom: 0 !important;
}

.product-highligt {
  box-shadow: 0px 4px 20px 0px rgba(89, 89, 89, 0.1);
}

@media screen and (min-width: 1024px) {
  .product .round:nth-child(4) {
    position: absolute;
    top: 24%;
    right: 0;
  }
  .product .round:nth-child(4) .product-highligt {
    overflow: hidden;
  }
  .product .round:nth-child(4) .product-highligt img {
    transition: transform 0.5s ease;
    width: 265px;
    height: auto;
  }
  .product .round:nth-child(4) .product-highligt:hover img {
    transform: scale(1.2);
  }
  .product .round:nth-child(4) h5 {
    transform: rotate(-90deg);
    position: relative;
    top: -150px;
    left: -155px;
  }
  .product .round:nth-child(3) {
    position: absolute;
    top: -330px;
    right: 114px;
  }
  .product .round:nth-child(3) .product-highligt {
    overflow: hidden;
  }
  .product .round:nth-child(3) .product-highligt img {
    transition: transform 0.5s ease;
    width: 265px;
    height: auto;
  }
  .product .round:nth-child(3) .product-highligt:hover img {
    transform: scale(1.2);
  }
  .product .round:nth-child(3) h5 {
    text-align: right;
    position: relative;
    left: 155px;
    bottom: 150px;
    transform: rotate(-90deg);
  }
  .product .round:nth-child(2) {
    position: absolute;
    top: -3%;
    right: 34%;
  }
  .product .round:nth-child(2) .product-highligt {
    overflow: hidden;
  }
  .product .round:nth-child(2) .product-highligt img {
    transition: transform 0.5s ease;
    width: 265px;
    height: auto;
  }
  .product .round:nth-child(2) .product-highligt:hover img {
    transform: scale(1.2);
  }
  .product .round:nth-child(2) h5 {
    text-align: right;
    margin-top: 8px;
  }
  .product .round:nth-child(1) {
    position: absolute;
    top: 3%;
    left: 0;
  }
  .product .round:nth-child(1) .products__list {
    padding: 23px 27px;
    overflow: hidden;
  }
  .product .round:nth-child(1) .product-highligt img {
    transition: transform 0.5s ease;
    width: 368px;
    height: auto;
  }
  .product .round:nth-child(1) .product-highligt:hover img {
    transform: scale(1.2);
  }
  .product .round:nth-child(1) h5 {
    text-align: left;
    margin-top: 8px;
  }
}

.footer-box {
  grid-template-columns: 1fr;
  grid-column-gap: 30px;
  padding: 48px 0;
  border-top: 0.5px solid #6D6D6D;
}
@media screen and (min-width: 1024px) {
  .footer-box {
    grid-template-columns: 17% 16% 19% 32% 1fr;
    padding: 40px 0;
  }
}

.faq__box:hover {
  transition: all 0.8s ease;
  box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 1px, rgba(0, 0, 0, 0.07) 0px 2px 2px, rgba(0, 0, 0, 0.07) 0px 4px 4px, rgba(0, 0, 0, 0.07) 0px 8px 8px, rgba(0, 0, 0, 0.07) 0px 16px 16px;
}

.tere ul {
  list-style: none;
}

.tree .parent_li > span {
  cursor: pointer;
}

.tree i {
  margin-right: 5px;
}

.parent_li .icon-minus,
.parent_li.open .icon-plus {
  display: none;
}

.parent_li.open .icon-minus {
  display: inline-block;
}

.parent_li.open .boxfaq {
  background: #bfbfbf;
  border: none;
}

.parent_li {
  margin-bottom: 16px;
}
@media screen and (min-width: 1024px) {
  .parent_li {
    margin-bottom: 28px;
  }
}

.parent_li:last-child {
  margin-bottom: 0;
}

.parent_li ul {
  height: 0;
  overflow: hidden;
  transition: all 500ms linear;
  padding-left: 0;
}
.parent_li ul li {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
@media screen and (min-width: 1024px) {
  .parent_li ul li {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
  }
}
.parent_li ul li span ul {
  padding-left: 28px;
  list-style: disc;
}

.parent_li.open ul {
  height: auto;
  overflow: auto;
}

.box-event {
  display: flex;
  flex-flow: row wrap;
}
@media screen and (min-width: 360px) and (max-width: 1023px) {
  .box-event {
    display: inline;
  }
}

.box-event:nth-child(even) .col:last-child {
  position: relative;
  order: -1;
}

.box-event:nth-child(even) .col:last-child {
  padding: 0 126px 0 0;
}
@media screen and (min-width: 360px) and (max-width: 1023px) {
  .box-event:nth-child(even) .col:last-child {
    padding: 0;
  }
}

.box-event:nth-child(even) .col:last-child::before {
  content: "";
  position: absolute;
  top: -26%;
  right: -20%;
  transform: translateX(100%);
  background: #d1d1d1;
  width: 2500px;
  height: 100%;
  z-index: -1;
}
@media screen and (min-width: 360px) and (max-width: 1023px) {
  .box-event:nth-child(even) .col:last-child::before {
    top: -65%;
    right: 60%;
    height: 48%;
  }
}

.container-event > .box-event:nth-of-type(odd) {
  margin-bottom: 290px;
}
.container-event > .box-event:nth-of-type(even) {
  margin-bottom: 200px;
}
.container-event > .box-event:last-of-type {
  margin-bottom: 0;
}

.col {
  flex: 1;
}

.col:first-child {
  max-width: 400px;
  padding: 0;
}
@media screen and (min-width: 360px) and (max-width: 1023px) {
  .col:first-child {
    padding: 0 38px;
  }
}

.col:last-child {
  padding: 0 0 0 126px;
}
@media screen and (min-width: 360px) and (max-width: 1023px) {
  .col:last-child {
    padding: 0;
  }
}

.p1 {
  display: block;
}

.rounddd:hover::after {
  content: "";
  position: absolute;
  width: 26px;
  height: 26px;
  border: 2px solid white;
  border-radius: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.modals {
  transition: all 0.3s ease-in-out;
  transform: translateY(100%);
  z-index: 90;
}

.modals.open {
  transform: translateY(0);
}

.about-making {
  display: block;
  position: relative;
  margin-top: 56px;
}
@media screen and (min-width: 360px) and (max-width: 1023px) {
  .about-making {
    display: none !important;
  }
}
.about-making .video-background {
  max-width: 1210px;
  margin: 0 auto 0 auto;
  z-index: 1;
  padding-bottom: 295px;
}
.about-making .video-background video {
  width: 100%;
  display: block;
  padding-left: 160px;
}
@media screen and (min-width: 1024px) {
  .about-making .video-background {
    max-width: 930px;
  }
}
@media screen and (min-width: 1031px) {
  .about-making .video-background {
    max-width: 932px;
    padding-bottom: 317px;
  }
}
@media screen and (min-width: 1034px) {
  .about-making .video-background {
    max-width: 944px;
    padding-bottom: 292px;
  }
}
@media screen and (min-width: 1090px) {
  .about-making .video-background {
    max-width: 997px;
  }
}
@media screen and (min-width: 1108px) {
  .about-making .video-background {
    max-width: 1015px;
    padding-bottom: 293px;
  }
}
@media screen and (min-width: 1200px) {
  .about-making .video-background {
    max-width: 1119px;
    padding-bottom: 262px;
  }
}
@media screen and (min-width: 1300px) {
  .about-making .video-background {
    max-width: 1212px;
  }
}
.about-making .description {
  max-width: 685px;
  padding: 235px 0 36px 129px;
  margin: 0 38px 0 auto;
}
.about-making .description .title-d {
  text-align: left;
  position: relative;
  line-height: 56px;
}
@media screen and (min-width: 1024px) {
  .about-making .description .title-d {
    color: aqua;
  }
}
.about-making .description .title-li {
  text-align: left;
  line-height: 56px;
}
@media screen and (min-width: 1024px) {
  .about-making .description .title-li {
    color: aqua;
  }
}
.about-making .description .title-d::before {
  content: "";
  display: block;
  border: 0.36px solid #6D6D6D;
  width: 152px;
  position: absolute;
  top: 100%;
  left: 113px;
}
@media screen and (min-width: 1024px) {
  .about-making .description {
    padding: 200px 0 36px 104px;
    margin: 0 28px 0 auto;
  }
}
@media screen and (min-width: 1200px) {
  .about-making .description {
    padding: 200px 0 36px 100px;
  }
}
@media screen and (min-width: 1300px) {
  .about-making .description {
    padding: 200px 0 36px 122px;
  }
}
@media screen and (min-width: 1400px) {
  .about-making .description {
    padding: 200px 0 36px 160px;
  }
}
.about-making .making-desc {
  background: #D7D5D6;
  width: 50%;
  position: absolute;
  top: 281px;
  z-index: -1;
}
@media screen and (min-width: 1024px) {
  .about-making .making-desc {
    top: 208px;
  }
}
@media screen and (min-width: 1034px) {
  .about-making .making-desc {
    top: 216px;
  }
}
@media screen and (min-width: 1090px) {
  .about-making .making-desc {
    top: 246px;
  }
}
@media screen and (min-width: 1108px) {
  .about-making .making-desc {
    top: 256px;
  }
}
@media screen and (min-width: 1200px) {
  .about-making .making-desc {
    top: 314px;
  }
}
@media screen and (min-width: 1300px) {
  .about-making .making-desc {
    top: 366px;
  }
}
.about-making .desc-making {
  display: block;
  position: relative;
  margin-top: 56px;
}
@media screen and (min-width: 1024px) {
  .about-making .desc-making {
    margin-top: 30px;
  }
}

@media screen and (min-width: 1024px) {
  .event {
    display: grid;
    grid-template-columns: 30% 70%;
    max-width: 1367px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 360px) {
  .liin {
    margin-top: 11rem;
  }
}
@media screen and (min-width: 403px) {
  .liin {
    margin-top: 12rem;
  }
}
@media screen and (min-width: 483px) {
  .liin {
    margin-top: 14rem;
  }
}
@media screen and (min-width: 620px) {
  .liin {
    margin-top: 16rem;
  }
}
@media screen and (min-width: 768px) {
  .liin {
    margin-top: 17rem;
  }
}
@media screen and (min-width: 830px) {
  .liin {
    margin-top: 19rem;
  }
}
@media screen and (min-width: 920px) {
  .liin {
    margin-top: 21rem;
  }
}
@media screen and (min-width: 1024px) {
  .liin {
    margin-top: 31rem;
  }
}

.gallery__look {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  margin-top: 80px;
}
@media screen and (min-width: 1024px) {
  .gallery__look {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    margin-top: 0;
  }
}
.gallery__look .right .background {
  width: 234px;
  height: 380px;
  margin: 0 1rem 0 auto;
  position: relative;
}
@media screen and (min-width: 1024px) {
  .gallery__look .right .background {
    margin: 0 3rem 0 auto;
    width: 410px;
    height: 706px;
  }
}
@media screen and (min-width: 1100px) {
  .gallery__look .right .background {
    margin: 0 5rem 0 auto;
  }
}
@media screen and (min-width: 1200px) {
  .gallery__look .right .background {
    margin: 0 6rem 0 auto;
  }
}
@media screen and (min-width: 1300px) {
  .gallery__look .right .background {
    margin: 0 7rem 0 auto;
  }
}
@media screen and (min-width: 1400px) {
  .gallery__look .right .background {
    margin: 0 8rem 0 auto;
  }
}
.gallery__look .right .background img {
  width: 100%;
  height: 380px;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
}
@media screen and (min-width: 1024px) {
  .gallery__look .right .background img {
    height: 706px;
  }
}
.gallery__look .left .background {
  width: 273px;
  height: 380px;
  margin: 40px 2rem 24px auto;
}
@media screen and (min-width: 1024px) {
  .gallery__look .left .background {
    width: 354px;
    height: 530px;
    margin: 80px auto 32px auto;
  }
}
.gallery__look .left .background img {
  width: 100%;
  height: 380px;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
}
@media screen and (min-width: 1024px) {
  .gallery__look .left .background img {
    height: 530px;
  }
}
.gallery__weekend {
  padding: 0 0 80px 0;
  position: relative;
  margin-top: 70px;
}
@media screen and (min-width: 1024px) {
  .gallery__weekend {
    margin-top: 100px;
  }
}
.gallery__weekend p {
  line-height: 22px;
  color: red;
  margin: 16px 0 24px 0;
}
@media screen and (min-width: 1024px) {
  .gallery__weekend p {
    font-size: 16px;
    color: red;
    line-height: 26px;
  }
}
@media screen and (min-width: 1024px) {
  .gallery__weekend .box {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 212px;
  }
}
.gallery__weekend .background {
  margin-bottom: 37px;
}
@media screen and (min-width: 1024px) {
  .gallery__weekend .background {
    margin: auto;
  }
}
.gallery__weekend .background img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
}
.gallery__weekend .background:last-child {
  margin-bottom: 0;
}
@media screen and (min-width: 1024px) {
  .gallery__weekend .background:last-child {
    margin-bottom: 6rem;
  }
}
.gallery__weekend .t-weekend-mobile {
  display: block;
}
@media screen and (min-width: 1024px) {
  .gallery__weekend .t-weekend-mobile {
    display: none;
  }
}
.gallery__weekend .t-weekend-desc {
  display: none;
}
@media screen and (min-width: 1024px) {
  .gallery__weekend .t-weekend-desc {
    display: block;
    margin-top: 110px;
  }
  .gallery__weekend .t-weekend-desc .titlebox {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 80px;
    margin-right: -40%;
  }
  .gallery__weekend .t-weekend-desc .desc-box {
    margin-right: -72px;
    margin-left: 50px;
  }
}
@media screen and (min-width: 1024px) and (min-width: 1024px) {
  .gallery__weekend .t-weekend-desc .desc-box p {
    font-weight: 400;
  }
}
.gallery__weekend .line-square {
  border: none;
}
@media screen and (min-width: 1024px) {
  .gallery__weekend .line-square {
    border: 7.28302px solid #D7D5D6;
    width: 319px;
    height: 194px;
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(46%, -100%);
  }
}
.gallery__square .line-square {
  border: none;
}
@media screen and (min-width: 1024px) {
  .gallery__square .line-square {
    border: 7.28302px solid #ffffff;
  }
}
@media screen and (min-width: 1024px) {
  .gallery__event {
    display: grid;
    grid-template-columns: 30% 70%;
    padding: 124px 80px;
    max-width: 1367px;
    margin: 0 auto;
  }
}
.gallery__event .box {
  display: grid;
  grid-template-columns: 1fr;
  grid-row-gap: 30px;
}
@media screen and (min-width: 1024px) {
  .gallery__event .box {
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 90px;
    z-index: 1;
  }
}
.gallery__event .box .left {
  margin-left: 15%;
}
.gallery__event .box .right {
  margin-right: 15%;
}
@media screen and (min-width: 1024px) {
  .gallery__event .box .right {
    margin-top: 220px;
  }
}
.gallery__event .background img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
}

.look-desc {
  display: none;
}
@media screen and (min-width: 1024px) {
  .look-desc {
    display: block;
  }
}

.look-mobile {
  display: block;
}
@media screen and (min-width: 1024px) {
  .look-mobile {
    display: none;
  }
}

.pagination ul {
  display: flex;
  padding-left: 0;
  font-size: 12px;
  margin: 0 5px;
}
.pagination ul li {
  padding: 7px 15px;
  margin: 0 3px;
  color: rgb(174, 167, 155);
}
.pagination .fas {
  font-size: 16px;
}
.pagination .page-numbers {
  padding: 7px 8px;
  color: rgb(174, 167, 155);
  font-size: 16px;
}
.pagination .prev,
.pagination .next {
  font-weight: 700;
}
.pagination .prev {
  padding: 7px 36px 7px 0;
}
.pagination .next {
  padding: 7px 0 7px 36px;
}
.pagination .current {
  color: rgb(106, 100, 89) !important;
}

@media screen and (min-width: 320px) and (max-width: 1023px) {
  .images-weekend {
    width: 100%;
    -o-object-fit: contain;
       object-fit: contain;
  }
}

.contactus iframe {
  width: 100%;
  height: 632px;
}
@media screen and (min-width: 320px) and (max-width: 1023px) {
  .contactus iframe {
    max-height: 378px;
  }
}

.visibility-hidden {
  display: none;
}

[data-content] {
  display: none;
}

[data-manandwomen] {
  display: none;
}

.active-thumbnail {
  color: red;
}

.active-thumbnail::after {
  position: absolute;
  content: "";
  width: 24px;
  height: 24px;
  border: 2px solid white;
  border-radius: 50%;
  transform: translate(3px, -51px);
}

.contact input {
  padding: 10px 12px;
  width: 100%;
  border: 0.3px solid #6A6459;
  border-radius: 6px;
}
.contact textarea {
  padding: 10px 12px;
  width: 100%;
  border: 0.3px solid #6A6459;
  border-radius: 6px;
  height: 133px;
}
.contact .button-submit {
  width: 200px;
  padding: 12px 16px;
  background: #6D6D6D;
  color: white;
  font-weight: 600;
  text-align: center;
}

.wpcf7-spinner {
  display: inline;
  margin: 0;
}

.desc p {
  margin-bottom: 20px;
}

.shop ol {
  list-style: decimal;
  padding-left: 20px;
}

.swiper {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  align-items: center;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background: #C4C4C4;
  margin: 0 10px 0 0 !important;
}

.swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 10px;
  height: 10px;
  border-radius: 100%;
  display: inline-block;
  border-radius: 10px;
  background: #000;
  opacity: 0.2;
}

.swiper-pagination-bullet-active {
  opacity: 1 !important;
}

.swiper-pagination {
  position: absolute;
  text-align: left;
  transition: 0.3s opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
  opacity: 0;
}

.thumb-bags {
  max-width: 320px !important;
}

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
  font-size: 10px;
  color: #717E82;
  padding: 6px 8px;
  border-radius: 100%;
  border: 2px solid #717E82;
}
@media screen and (min-width: 1024px) {
  .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
    font-size: 16px;
    padding: 10px 15px;
  }
}

.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
  font-size: 10px;
  color: #717E82;
  padding: 6px 8px;
  border-radius: 100%;
  border: 2px solid #717E82;
}
@media screen and (min-width: 1024px) {
  .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
    font-size: 16px;
    padding: 10px 15px;
  }
}

.button-decol-next {
  justify-content: flex-end;
}

.button-decol-prev {
  justify-content: flex-start;
}

.modalstextile {
  transition: all 0.3s ease-in-out;
  transform: translateY(100%);
  z-index: 90;
}

.modalstextile.opent {
  transform: translateY(0);
}

.modalsmaking {
  transition: all 0.3s ease-in-out;
  transform: translateY(100%);
  z-index: 90;
}

.modalsmaking.openm {
  transform: translateY(0);
}

.modalssize {
  transition: all 0.3s ease-in-out;
  transform: translateY(100%);
  z-index: 90;
}

.modalssize.opensize {
  transform: translateY(0);
}

.modalsmenu {
  transition: all 0.3s ease-in-out;
  transform: translateX(100%);
  z-index: 90;
}

.modalsmenu.open {
  transform: translateX(0);
}

.modalslanguage {
  transition: all 0.3s ease-in-out;
  transform: translateY(-100%);
  z-index: 90;
}

.modalslanguage.openlanguage {
  transform: translateY(0);
}

.topbar-mobile {
  display: block;
}

.topbar-desk {
  display: none;
}

#menu-main-menu,
#menu-menu-right {
  font-family: "Athelas";
}

.main-menu-item a {
  color: #aaaaaa;
  font-size: 14px;
}

.menu-depth-1 {
  height: auto;
  z-index: 100;
  background: white;
  padding: 0 30px 30px 30px;
  position: fixed;
  visibility: hidden;
  max-height: 0vh;
  opacity: 0;
  transition: max-height 0.3s ease, visibility 0s ease, opacity 0.1s ease;
  left: 0;
  right: 0;
  top: 9%;
  max-width: 1370px;
  margin: 0 auto;
  font-family: "Acumin Variable Concept";
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
  border-radius: 0px 0px 14px 14px;
}
.menu-depth-1 .sub-menu {
  display: inline;
}

.show-popup li > ul a {
  text-transform: capitalize !important;
}

.show-popup li > ul li .show-popup li > a {
  cursor: default;
}

.show-popup li > ul li ul li a {
  cursor: pointer;
}

.show-popup {
  visibility: visible;
  max-height: 100vh;
  opacity: 1;
  transition: max-height 0.3s ease, visibility 0s ease, opacity 0.7s ease;
}
.show-popup li {
  text-transform: capitalize !important;
  margin-top: 8px;
}

.topbar {
  width: 100%;
  position: fixed;
  z-index: 90;
}
.topbar__content {
  display: flex;
  justify-content: inherit;
  align-items: center;
  background: #fff;
  max-width: 1370px;
  margin: 0 auto;
  padding: 11px 20px 9px 20px;
  box-shadow: 0px 22.3363px 17.869px rgba(0, 0, 0, 0.0417275), 0px 12.5216px 10.0172px rgba(0, 0, 0, 0.035), 0px 6.6501px 5.32008px rgba(0, 0, 0, 0.0282725);
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.topbar__logo {
  display: flex;
  margin: 0 auto;
  justify-content: center;
}

.mega-menu-mobile {
  position: absolute;
  top: 51px;
  background: #fff;
  width: 100%;
  overflow-y: auto;
  padding: 30px 20px;
  list-style: none;
  transition: 0.5s;
  transition: transform 0.5s ease in;
  transform: translate(-100%, 0px);
  visibility: hidden;
}

.mega-active-mobile {
  position: absolute;
  left: 0;
  top: 51px;
  visibility: visible;
  transform: translate(0, 0);
  z-index: 5;
  box-shadow: 0px -3px #36a5dd;
  height: 100vh;
}

.visibile-mobile {
  display: block !important;
}

.burger {
  cursor: pointer;
}

.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #fff;
  overflow-x: hidden;
  transition: 0.5s;
  text-align: center;
}

.sidenav a {
  text-decoration: none;
  display: block;
  transition: 0.3s;
  text-align: left;
}

.box-header-mobile {
  padding: 11px 20px 9px 20px;
}

.menu-main-menu-mobile-container {
  border-top: 0.3px solid #fef7f7;
}

.menu a {
  font-size: 14px;
  padding: 16px 0;
  color: #aaa;
  text-transform: uppercase;
}

.menu-item-depth-0 {
  border-bottom: 0.3px solid #333333;
  margin: 0 20px;
}
@media screen and (min-width: 1024px) {
  .menu-item-depth-0 {
    border-bottom: none;
    margin: 0;
  }
}

.menu-item-depth-0:hover {
  color: red !important;
}

.mmenu-item-depth-0:last-child {
  border-bottom: none;
}

.menu a::after {
  content: " > ";
  right: 0;
  position: absolute;
  transform: translateX(-20px);
}

.sidenav a:hover {
  color: #f1f1f1;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  transform: translateY(12px);
  right: 20px;
  font-size: 30px;
  margin-left: 50px;
  color: #000;
}

@media screen and (max-height: 450px) {
  .sidenav {
    padding-top: 15px;
  }
  .sidenav a {
    font-size: 14px;
    font-weight: 400;
  }
}
@media screen and (min-width: 1024px) {
  .topbar-mobile {
    display: none;
  }
  .topbar-desk {
    display: block;
  }
  .topbar__content {
    justify-content: space-between;
    padding: 16px 45px;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
  }
  .topbar__logo a {
    display: flex;
  }
  .topbar__left, .topbar__right {
    display: flex;
    align-items: center;
  }
  .topbar__left ul, .topbar__right ul {
    display: flex;
    color: #aaaaaa;
  }
  .topbar__left ul li, .topbar__right ul li {
    margin-right: 32px;
  }
  .topbar__left ul li a:hover, .topbar__right ul li a:hover {
    color: #444242 !important;
  }
  .topbar__left ul li:hover, .topbar__right ul li:hover {
    color: #444242 !important;
  }
  .topbar__left ul li:last-child, .topbar__right ul li:last-child {
    margin-right: 0;
  }
  .topbar__left ul li ul li > ul .tess:last-child {
    margin-left: 62px;
  }
  .topbar__list li a {
    color: #aaa;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
  }
  .topbar__list li a a:hover {
    color: #444242 !important;
  }
  .topbar__list li:hover {
    color: #444242 !important;
  }
  .topbar__list li a:hover {
    color: red !important;
  }
  .menu-depth-2 {
    display: flex !important;
    margin-top: 16px;
  }
  .menu-depth-1 li a {
    color: #333;
    font-weight: 600;
    margin-bottom: 16px;
  }
  .menu-item-depth-3 a:last-child {
    color: rgba(51, 51, 51, 0.7607843137);
    font-weight: 400;
  }
  .menu-item-depth-3 li {
    margin-bottom: 8px;
  }
}/*# sourceMappingURL=main.css.map */