@charset "UTF-8";
/*
 Theme Name:   Gadi Fraiman
 Author:       W4
 Author URI:   https://thew4.co
 Template:     w4_base
 Version:      1.0.0
*/
@font-face {
  font-family: "ico";
  font-style: normal;
  src: url("fonts/icomoon.woff") format("woff");
}
@font-face {
  font-family: "Sofia-Pro";
  font-style: normal;
  font-weight: 300;
  src: url("fonts/SofiaPro-Light.woff") format("woff"), url("fonts/SofiaPro-Light.woff2") format("woff2");
}
@font-face {
  font-family: "Sofia-Pro";
  font-style: normal;
  font-weight: 500;
  src: url("fonts/SofiaPro-Medium.woff") format("woff"), url("fonts/SofiaPro-Medium.woff2") format("woff2");
}
@font-face {
  font-family: "Sofia-Pro";
  font-style: normal;
  font-weight: 600;
  src: url("fonts/SofiaPro-SemiBold.woff") format("woff"), url("fonts/SofiaPro-SemiBold.woff2") format("woff2");
}
@font-face {
  font-family: "Sofia-Pro";
  font-style: normal;
  font-weight: 700;
  src: url("fonts/SofiaPro-Bold.woff") format("woff"), url("fonts/SofiaPro-Bold.woff2") format("woff2");
}
html {
  font-size: 10px;
}

body {
  font-family: "Sofia-Pro", sans-serif;
  font-weight: 300;
  font-size: 15px;
  line-height: 1.67;
  color: #000000;
  background-color: #fafafa;
}

.home {
  background-color: #fafafa;
}

.home-hero {
  width: 100%;
  height: 90vh;
  background-size: cover;
  background-position: center;
}

.video-con {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.three-d {
  background-color: grey;
}

.video-con video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.hero-gallery-carousel {
  opacity: 0;
}

.page-template-about .home-hero {
  background-position: center top 0px;
}

.home-hero-text h1 {
  font-weight: 700;
  white-space: pre;
  font-size: 80px;
  text-shadow: 4px 4px 30px rgba(0, 0, 0, 0.57);
  text-transform: uppercase;
  letter-spacing: 8px;
  user-select: none;
  pointer-events: none;
  color: white;
  text-shadow: 4px 4px 30px rgba(0, 0, 0, 0.57);
}

.user-select-none {
  user-select: none;
  pointer-events: none;
}

.home-hero-text a {
  height: 7.1rem;
  line-height: 7.1rem;
}

.basic-header h1 {
  font-weight: 500;
  font-size: 52px;
  text-transform: uppercase;
  letter-spacing: 8px;
  color: white;
  text-shadow: 4px 4px 30px rgba(0, 0, 0, 0.57);
  position: relative;
}

.home .white-header:before {
  position: absolute;
  content: "";
  display: block;
  left: 0;
  top: 0;
  height: 18rem;
  opacity: 0.4;
  width: 100%;
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0) 57%, #000000 113%);
}

*:focus, button:focus-visible {
  /*outline: 1px dotted;
  animation: focus 3s;*/
  outline: none !important;
  outline-width: 0 !important;
}

.search-field {
  color: black;
}

.hatzaraCon, .hatzaraCon a, body.black .hatzaraCon a {
  color: black !important;
}

.hatzaraCon {
  direction: rtl;
}

.inner-series:after {
  /*background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 57%, #000000 97%);
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  height: 50%;
  width: 100%;
  display: block;*/
}

/*white head*/
.white-header a, .white-header .header-social-menu a, .white-header #search {
  color: white;
}

.white-header .kav {
  background-color: white;
}

.white-header #open-menu {
  color: #fff;
}

.white-header .logo svg #about {
  fill: white;
}

header .basic-button {
  border: 1px solid white;
}

.white-header .basic-button-black {
  border: solid 1px white;
  background: linear-gradient(90deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
  background-size: 0 0;
  background-repeat: no-repeat;
  background-position: left -5rem center;
}

.home-hero-text {
  text-align: center;
}

.basic-button-white-bg {
  border: solid 1px white;
  font-size: 18px;
  font-weight: 500;
  padding: 0 5rem;
  background: white;
  color: #000;
  text-transform: uppercase;
  display: inline-block;
  text-decoration: none;
  background-repeat: no-repeat;
  background-position: left -5rem center;
  margin-top: 1rem;
  line-height: 4.8rem;
  transition: 0.3s all;
}

.basic-button-white-bg:hover {
  opacity: 0.8;
}

/*end white head*/
.white-header .basic-button-black:hover {
  color: black;
  background: white;
}

.explore {
  height: 10rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.explore p {
  margin: 0;
  font-size: 17px;
  font-weight: 500;
  color: white;
}

#scroll-to-content {
  width: 2.9rem;
  height: 5rem;
  border: none;
  background: none;
  padding: 0;
  display: flex;
  align-items: flex-start;
}

.arr-img {
  width: 2.9rem;
  height: 1.3rem;
  background: url("imgs/explore.svg") top center no-repeat;
  animation: explore 3s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  position: relative;
  background-size: 2.9rem;
}

.below-home-her-text {
  max-width: 72.4rem;
  margin: 0 auto;
}

.below-home-hero {
  padding: 9rem 0;
}

h2 {
  font-size: 32px;
  font-weight: 500;
  letter-spacing: 2.67px;
  margin-top: 0;
  text-transform: uppercase;
}

h2.small {
  font-size: 28px;
  text-transform: none;
}

.below-home-her-text p {
  font-size: 17px;
  font-weight: 300;
  line-height: 1.89;
  margin-bottom: 3.9rem;
}

@keyframes explore {
  0% {
    top: 0;
  }
  50% {
    top: 6rem;
    opacity: 0;
  }
  100% {
    top: 6rem;
    opacity: 0;
  }
}
.sep {
  width: 0;
  height: 2px;
  margin: 0 auto;
  background-color: black;
  display: block;
  transition: 0.3s all;
}

.sep.entered {
  width: 7.2rem;
}

.basic-width {
  width: 151.6rem;
  margin-left: auto;
  margin-right: auto;
}

.main-cats-list li {
  height: 71.1rem;
  margin-bottom: 16rem;
}

.main-cats-list li a {
  height: 100%;
  text-decoration: none;
  color: black;
}

.cat-info {
  flex: 0 0 47.7rem;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.cat-image {
  flex-grow: 1;
  height: 100%;
  opacity: 0;
  position: relative;
  top: 20rem;
  transition: 1s all;
}

.cat-image.entered {
  opacity: 1;
  top: 0;
}

.cat-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.no-center {
  margin-left: 0;
  margin-right: 0;
}

.main-cats-list li:nth-child(even) a {
  flex-direction: row-reverse;
}

.main-cats-list li:nth-child(odd) a .cat-info {
  padding-right: 9.77rem;
}

.main-cats-list li:nth-child(even) a .cat-info {
  padding-left: 9.77rem;
}

.inner-series {
  width: 48.3rem;
  height: 60rem;
  display: flex;
  align-items: flex-end;
  padding: 3.9rem;
  box-sizing: border-box;
}

.s-t a {
  font-size: 19px;
  font-weight: 300;
  color: #000000;
  text-decoration: none;
  position: relative;
  display: flex;
  align-items: center;
}

.inputs-holder {
  width: 100%;
}

* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.s-t a:after {
  content: "";
  background-image: url("imgs/right-arrow.svg");
  display: block;
  width: 2.3rem;
  height: 2rem;
  background-size: 2.3rem 1.7rem;
  margin-left: 1rem;
  background-position: center;
  background-repeat: no-repeat;
  transition: 0.3s all;
  position: relative;
  left: 0;
}

.s-t a:hover:after {
  left: 0.5rem;
}

.inner-series-img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 48rem;
  background-size: cover;
  background-position: center bottom;
  transition: 0.5s all ease-in-out;
}

.inner-series h3 {
  color: black;
  position: relative;
  text-transform: uppercase;
  position: relative;
  z-index: 9;
  margin: 0;
  font-size: 28px;
  font-weight: 700;
}

.series-cats-list {
  width: 154.6rem;
}

.black .i-t-c-c, .black .single-work-head .basic-width {
  border-bottom: solid 1px rgba(255, 255, 255, 0.1);
}

.i-t-c-c {
  border-bottom: solid 1px #e3e3e3;
}

.inner-series {
  text-decoration: none;
  overflow: hidden;
  transition: 0.5s all ease-in-out;
}

.inner-series:hover {
  padding-bottom: 5.5rem;
}

.inner-series:hover .inner-series-img {
  transform: scaleY(1.03) scaleX(1.03);
}

.btns-con {
  width: 100%;
  top: calc(50% - 2.45rem);
}

.btns-con button, .post-content .gallery button {
  width: 2.5rem;
  height: 4.9rem;
  background-color: transparent;
  border: none;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  background-size: 2.5rem 4.9rem;
}

.btns-con button.slick-prev, .post-content button.slick-prev {
  background-image: url("imgs/left-arrow.svg");
  left: -7rem;
}

.post-content button.slick-prev {
  top: calc(50% - 2.5rem);
}

.post-content button.slick-next {
  bottom: calc(50% - 2.5rem);
}

.btns-con button.slick-next, .post-content button.slick-next {
  background-image: url("imgs/right-arrow.svg");
  right: -7rem;
}

.gallery .slick-dots {
  display: flex;
  justify-content: center;
  list-style: none;
  margin-top: 1.8rem;
}

.gallery .slick-dots .slick-active button {
  background-color: black;
}

.gallery .slick-dots button {
  background-color: #d8d8d8;
  width: 8px;
  height: 8px;
  padding: 0;
  border-radius: 50%;
}

.main-content .gallery {
  margin: 4rem 0;
}

.gallery .slick-dots li {
  margin: 0 2px;
}

.ul-con {
  margin-top: 6.77rem;
}

h3 {
  font-size: 24px;
  font-weight: 600;
  letter-spacing: 3.2px;
}

.about-banner {
  width: 100%;
  height: 100vh;
  background-position: top 0px center;
  background-repeat: no-repeat;
  flex-direction: column;
  min-height: 70rem;
  margin-top: 21rem;
  background-size: cover;
}

.about-banner h2 {
  text-transform: uppercase;
  white-space: pre-line;
  color: white;
  text-align: center;
  margin-bottom: 6rem;
}

.big-h2 {
  font-size: 56px;
  font-weight: 500;
  line-height: 1.27;
  letter-spacing: 7.47px;
}

.basic-button, body.black .basic-button-black {
  height: 5.7rem;
  padding: 0 8rem;
  text-decoration: none;
  text-transform: uppercase;
  color: white;
  font-size: 17px;
  border: solid 3px #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  /*background: linear-gradient(90deg, rgba(255,255,255,.7) 0%, rgba(255,255,255,0) 100%);*/
  background-size: 0 0;
  transition: 0.3s all;
  background-repeat: no-repeat;
  background-position: left -5rem center;
  font-weight: 500;
}

.linken a.basic-button .arrow {
  border: solid white;
  border-width: 0px 2px 2px 0;
}

.about-banner .basic-button {
  height: 7.1rem;
}

.basic-button:hover, body.black .basic-button-black:hover {
  background-size: 50rem 50rem;
}

.basic-button:hover {
  background: rgba(255, 255, 255, 0.3);
}

.basic-button-black {
  height: 5.7rem;
  padding: 0 8rem;
  text-decoration: none;
  text-transform: uppercase;
  color: #000;
  font-size: 14px;
  border: solid 1px black;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  background: linear-gradient(90deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  background-size: 0 0;
  transition: 0.5s all;
  background-repeat: no-repeat;
  background-position: left -5rem center;
  font-weight: 500;
}

.basic-button-black:hover, .main-cats-list li a:hover .basic-button-black {
  background-color: black;
  color: #fff;
}

.ins-logo {
  width: 19rem;
  height: auto;
}

#sb_instagram.sbi_col_1 #sbi_images .sbi_item {
  height: 29rem;
  width: 20%;
}

.instagram-feed-area {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 16rem;
}

.instagram-feed-area h2 {
  margin-bottom: 4rem;
}

.instagram-feed-area .sep {
  margin-bottom: 4rem;
}

#sb_instagram {
  margin-bottom: 4rem;
}

.bottom-nav {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.bottom-nav a {
  display: flex;
  align-items: flex-end;
  width: 73.4rem;
  height: 49.1rem;
  position: relative;
  padding: 3.8rem;
  box-sizing: border-box;
  text-decoration: none;
  overflow: hidden;
  transition: 0.5s all;
}

.bottom-nav a span {
  font-weight: 500;
  display: block;
  position: relative;
  color: white;
  font-size: 32px;
  letter-spacing: 4.27px;
  text-transform: uppercase;
}

.link-img-con {
  transition: 0.5s all;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-size: cover;
}

.bottom-nav a:hover .link-img-con {
  transform: scale(1.05);
}

.bottom-nav a:hover {
  padding-bottom: 5rem;
}

.explore-more {
  margin: 10rem 0;
}

.explore-more h2 {
  margin: 0 0 3.4rem 0;
  text-align: center;
}

.explore-more .sep {
  margin-bottom: 7.5rem;
}

.header-social-menu a,
.footer-social-menu a {
  font-family: "ico";
  color: black;
  text-decoration: none;
}

.footer-social-menu li:before, .header-social-menu li:before {
  content: "" !important;
  display: none;
}

.footer-social-menu a {
  font-size: 2.5rem;
}

header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99999999;
  transition: 0.3s all;
}

footer {
  padding-bottom: 2.2rem;
}

.footer-social-menu ul {
  display: flex;
}

footer a, .header-social-menu a {
  text-decoration: none;
  color: black;
  transition: 0.3s all;
}

footer a:hover, .header-social-menu a:hover {
  opacity: 0.7;
}

.footer-social-menu ul li {
  margin-left: 2.9rem;
}

.footer-item-2 {
  flex-grow: 1;
  display: flex;
  justify-content: flex-end;
  padding-right: 5%;
  box-sizing: border-box;
}

header.white-bg {
  background-color: #fafafa;
}

header.white-bg-stady {
  background-color: #fafafa;
}

.light-brown header.white-bg-stady {
  background-color: #fefcfa;
}

.black header.white-bg-stady {
  background-color: #0d0d0d;
}

.facebook a:before, .facebook:before {
  content: "\e900";
}

.link a:before, .link:before {
  content: "\e909";
}

.mail a:before, .mail:before {
  content: "\e908";
}

.whatsapp a:before, .whatsapp:before {
  content: "\e907";
}

.pinterest a:before, .pinterest:before {
  content: "\e903";
}

.black-pinterest a:before, .black-pinterest:before {
  content: "\e904";
}

.instagram a:before, .instagram:before {
  content: "\e901";
}

.phone a:before, .phone:before {
  content: "\e902";
}

.youtube a:before, .youtube:before {
  content: "\e906";
}

#search {
  font-family: "ico";
  color: black;
}

#search:before {
  content: "\e905";
}

body.black #search {
  color: white;
}

.contact-link {
  height: 31px;
  line-height: 31px;
  padding: 0 3rem;
  font-size: 14px;
  letter-spacing: 0.09px;
  margin-left: 2rem;
}

.logo svg {
  display: block;
}

.discover-button {
  height: 4.2rem;
  line-height: 4.2rem;
  padding: 0 5rem;
  font-size: 14px;
  letter-spacing: 0.09px;
  margin-left: 2rem;
  margin: 0;
  display: inline-block;
  align-self: flex-start;
  margin-top: 2rem;
}

.header-content {
  position: relative;
  height: 70px;
  align-items: center;
  padding: 2.8rem;
  box-sizing: border-box;
}

.header-social-menu ul {
  display: flex;
  align-items: center;
}

#open-menu {
  text-transform: uppercase;
  border: none;
  background: none;
  height: 7rem;
  display: flex;
  align-items: center;
  font-weight: 500;
  font-size: 14px;
}

.header-item {
  display: flex;
  flex: 0 0 33.3333%;
  align-items: center;
}

.header-item-1 {
  justify-content: flex-start;
  position: relative;
  z-index: 999;
}

.header-item-2 {
  justify-content: center;
}

.header-item-3 {
  justify-content: flex-end;
}

.kavs {
  flex-direction: column;
  margin-right: 10px;
}

.header-social-menu li {
  margin-right: 14px;
}

.header-social-menu {
  border-right: 1px solid #979797;
  padding-right: 0.4rem;
}

#search {
  border: none;
  background: none;
  margin-left: 1.4rem;
}

header .logo img {
  width: 19.8rem;
  height: auto;
}

footer .logo img {
  width: 15.8rem;
  height: auto;
}

.kav {
  height: 2px;
  width: 25px;
  background-color: black;
  position: relative;
  transition: 0.5s all;
}

.menu-opened .kav {
  background-color: white;
}

.kav1 {
  top: -6px;
}

.kav3 {
  top: 6px;
}

.menu-opened .kav1 {
  transform: rotate(45deg);
  top: 2px;
}

.menu-opened .kav2 {
  opacity: 0;
}

.menu-opened .kav3 {
  transform: rotate(-45deg);
  top: -2px;
}

.footer-item-2 ul {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  height: 90px;
  writing-mode: vertical-lr;
  flex-flow: row wrap;
}

.footer-item-2 li {
  width: 10%;
  flex: 0 0 10%;
  writing-mode: horizontal-tb;
}

.menu-footer-menu-main-container {
  writing-mode: vertical-lr;
}

.footer-inner {
  max-width: 171.6rem;
  padding: 0 5rem;
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
}

.pn, .pn a {
  font-size: 11px;
  color: black;
  text-decoration: none;
}

.pn {
  margin: 1.8rem 0;
}

#main-nav {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: black;
  padding: 13rem 7rem;
  box-sizing: border-box;
  opacity: 0;
  visibility: hidden;
  transition: 0.5s all;
  transform: translate3d(0, 0, 0);
}

#open-menu {
  position: relative;
  z-index: 9999;
  overflow: hidden;
}

.btn-text {
  margin-top: 23px;
  transition: 0.5s all;
}

.menu-text-2 {
  opacity: 0;
  visibility: hidden;
  transition: 0.5s all;
}

.menu-opened #main-nav {
  opacity: 1;
  visibility: visible;
}

.menu-opened .btn-text {
  margin-top: -2.3rem;
}

.menu-opened .menu-text-2 {
  opacity: 1;
  visibility: visible;
  color: white;
}

.menu-opened .menu-text-1 {
  opacity: 0;
  visibility: hidden;
}

#main-nav li {
  margin: 2rem 0;
}

#main-nav a {
  font-size: 5rem;
  color: white;
  font-weight: 600;
  letter-spacing: 9.17px;
  text-decoration: none;
  text-transform: uppercase;
  transition: 0.3s all;
}

.about-hero h1 {
  color: white;
}

.images-nav-list {
  max-width: 1180px;
  margin: 20rem auto;
  padding: 0 3rem;
  box-sizing: border-box;
}

.images-nav-list li {
  padding-bottom: 60%;
  position: relative;
}

#vid {
  width: 114rem;
  margin: 0 auto;
  height: 64.125rem;
  background-size: cover;
}

.vid-half iframe {
  width: 100%;
  height: 100%;
}

.images-nav-list li:nth-child(even) .im-nav-inner {
  flex-direction: row-reverse;
}

.image-nav-con, .image-nav-text {
  flex: 0 0 50%;
  height: 100%;
}

.image-nav-con, .im-an-con {
  opacity: 0;
  position: relative;
  top: 20rem;
  transition: 1s all;
}

.im-an-con {
  text-decoration: none;
  color: black;
}

.image-nav-con.entered, .im-an-con.entered {
  opacity: 1;
  top: 0;
}

.image-nav-text h2 {
  text-transform: uppercase;
  margin-bottom: 3.9rem;
  margin-top: 0;
}

.image-nav-text p {
  margin-top: 3.9rem;
  margin-bottom: 0;
}

.image-nav-text {
  padding: 0 13rem 0 7.9rem;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.images-nav-list li a, .post-text a {
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  color: black;
  margin-top: 4rem;
  display: flex;
  align-items: center;
}

.images-nav-list li a .arrow, .post-text a .arrow {
  margin-left: 0.5rem;
  transition: 0.3s all;
}

.images-nav-list li a:hover .arrow, .post-text a:hover .arrow {
  margin-left: 1rem;
}

.arrow {
  border: solid black;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 2px;
}

.blog-posts-loader {
  height: 22rem;
  background: url("imgs/posts_loader.svg") center no-repeat;
  opacity: 0;
  visibility: hidden;
}

.blog-posts-loader.loading {
  opacity: 1;
  visibility: visible;
}

.load-more-from-here {
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 50%;
  left: 0;
}

.right {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.left {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.up {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}

#vid iframe {
  width: 100%;
  height: 100%;
}

.down {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

#playVid, .play-vid {
  height: 15rem;
  color: white;
  font-size: 21px;
  font-weight: 400;
  letter-spacing: 2px;
  display: flex;
  align-items: flex-end;
  background-color: transparent;
  border: none;
  position: relative;
  padding: 0;
}

.play-vid {
  height: 10rem;
  width: 17rem;
  text-align: center;
  justify-content: center;
}

#playVid:before, .play-vid:before {
  position: absolute;
  width: 100%;
  height: 9.9rem;
  background-image: url("imgs/play.svg");
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 9.9rem;
  top: 0;
  content: "";
  display: block;
  transition: 0.3s all;
}

.play-vid:before {
  background-size: 6.2rem;
}

#playVid:hover:before, .play-vid:hover:before {
  transform: scale(1.05);
}

.bottom-part h2 {
  text-transform: uppercase;
}

.img-area {
  width: 100%;
  height: 54.2rem;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  margin-top: 5rem;
}

.img-area-text {
  max-width: 92rem;
  background-color: white;
  padding: 4.5rem 6rem;
  box-sizing: border-box;
  margin: -11.5rem auto 16.9rem auto;
  box-shadow: 0 5px 12px 0 rgba(0, 0, 0, 0.07);
}

.img-area-text h2 {
  margin: 0 0 2rem 0;
}

.img-area-text p {
  margin: 2rem 0 0 0 !important;
  max-width: 87rem !important;
}

.bottom-part p {
  max-width: 52.4rem;
  margin: 0 auto 4rem auto;
}

.page-template-works h1 {
  font-size: 120px;
  line-height: 1;
  letter-spacing: 22px;
  text-transform: uppercase;
  margin: 0 0 4rem 0;
}

.works-hero-text p {
  margin: 0;
  font-size: 17px;
}

.works-hero-text {
  text-align: center;
  max-width: 87.6rem;
  margin: 18rem auto 15rem auto;
}

.works-hero .works-hero-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.page-template-thank-you .main-cats-area {
  margin-top: 7.7rem;
}

.small-main-cats-list {
  justify-content: space-between;
}

.small-main-cats-list li {
  margin-bottom: 3rem;
}

.small-main-cats-list li {
  flex: 0 0 48.3rem;
  padding-bottom: 39%;
  position: relative;
}

.cat-image-png {
  background-size: auto 100%;
  display: flex;
  align-items: flex-end;
  padding: 5rem;
  box-sizing: border-box;
}

.small-main-cats-list li h3 {
  margin: 0;
  position: relative;
  z-index: 999;
  text-transform: uppercase;
}

.small-main-cats-list li a {
  background-color: white;
}

.cat.cat3 a, .cat.cat-white a {
  background-color: white;
  color: black !important;
  text-decoration: none;
}

.cat.cat2 a, .cat.cat-offwhite a {
  background-color: #f3f0ea;
  color: black !important;
  text-decoration: none;
}

.cat.cat4 a, .cat.cat-black a {
  color: white;
  text-decoration: none;
  background-color: black;
}

.cat a .cat-image-png:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 50%;
  width: 100%;
  display: block;
}

.cat.cat3 a .cat-image-png:before, .cat.cat-white a .cat-image-png:before {
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 57%, #fff 97%);
}

.cat.cat2 a .cat-image-png:before, .cat.cat-offwhite a .cat-image-png:before {
  background-image: linear-gradient(to bottom, rgba(244, 241, 235, 0) 57%, #f4f1eb 97%);
}

.cat.cat4 a .cat-image-png:before, .cat.cat-black a .cat-image-png:before {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 57%, #000000 97%);
}

.small-main-cats-list {
  margin-top: 4rem;
}

.page-template-works .gadis-series-area {
  margin-top: 15rem;
}

.page-template-works {
  background-color: #fafafa;
}

.bottom-link a {
  width: 100%;
  padding-bottom: 38%;
  overflow: hidden;
}

.bottom-link a span {
  align-items: flex-end;
  font-size: 24px;
  color: white;
  letter-spacing: 3.2px;
  font-weight: 600;
  padding: 5.5rem;
  box-sizing: border-box;
  text-transform: uppercase;
  transition: 0.3s all;
}

.big-link-image {
  transition: 0.3s all;
  background-size: cover;
}

.bottom-link a:hover span {
  padding-bottom: 6rem;
}

.bottom-link a:hover .big-link-image {
  transform: scale(1.03);
}

.bottom-link {
  margin-top: 15rem;
  margin-bottom: 15rem;
}

.bottom-link .sep {
  margin-bottom: 5.9rem;
}

body.light-brown {
  background-color: #fefcfa;
}

body.white:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 78rem;
  content: "";
  display: block;
}

.cat-img {
  width: 75.3rem;
  background-size: 75.3rem 60.7rem;
  text-align: center;
}

.cat-img img {
  height: 100%;
  width: auto;
}

.category-hero {
  padding-top: 8.1rem;
}

.category-hero .basic-width {
  height: 607px;
  flex-direction: column;
  justify-content: center;
}

.archive.category h1 {
  font-size: 60px;
  font-weight: 600;
  letter-spacing: 11px;
  margin: 0;
  text-transform: uppercase;
}

.category-hero p {
  max-width: 460px;
  font-size: 17px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.71;
  margin: 0;
}

.category-hero p.cita {
  margin-bottom: 3rem;
}

.category-hero p.citu {
  margin-top: 3rem;
}

.cat-img, .single-img-gallery {
  right: 10%;
  background-size: 100% auto;
  background-position: right center;
}

.works-list-area h2 {
  margin: 0 0 3rem 0;
}

.works-list-area {
  margin-top: 8.3rem;
}

.single-post .works-list-area {
  margin-top: 20rem;
}

.works-list {
  justify-content: space-between;
  flex-wrap: wrap;
}

.works-list:after {
  display: block;
  flex: 0 1 32%;
  content: "";
}

.works-list li {
  flex: 0 0 24%;
  padding-bottom: 2.1rem;
}

.readMore {
  background-color: transparent;
  border: none;
  font-weight: 700;
  padding-left: 0;
}

.hiddenp {
  display: none;
}

.wdtr {
  height: 0 !important;
}

.works-list-item-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  bottom: 0;
}

.works-list-item-image {
  width: 100%;
  padding-bottom: 125%;
  position: relative;
  height: 0;
}

.works-list {
  margin-top: 9.5rem;
}

.req {
  color: rgba(0, 0, 0, 0.7);
  display: block;
  margin-top: 0rem;
  font-size: 1.2rem;
}

.req a {
  color: rgba(0, 0, 0, 0.7);
}

.share-buttons-list.desktop {
  display: flex;
}

.newsletter-sign .req {
  margin-top: 2.5rem;
}

.works-list li a {
  text-decoration: none;
  color: black;
  background-color: white;
  box-sizing: border-box;
}

body.light-brown .works-list li a {
  background-color: #f3f0ea;
}

.works-list li a {
  height: 100%;
}

.grecaptcha-badge {
  display: none !important;
}

body.black {
  background-color: #0d0d0d;
  color: #fff;
}

body.black .pn, body.black .share-area button {
  color: white;
}

body.black .logo path {
  fill: white;
}

body.black .kav, body.black .sep {
  background-color: #fff !important;
}

body.black a {
  color: #fff !important;
}

body.black .works-list li a {
  background-color: #000 !important;
}

.works-list li a {
  transition: 0.3s all;
  padding-top: 1.5em;
}

.small-main-cats-list a {
  transition: 0.3s all;
}

.works-list li a:hover, .small-main-cats-list a:hover {
  transform: scale(1.02);
  box-shadow: 0 10px 15px 0 rgba(73, 73, 73, 0.08);
}

.works-list-item-details {
  padding: 3rem 3.7rem 3rem 2.9rem;
  box-sizing: border-box;
}

.works-list-item-details h3 {
  text-transform: uppercase;
  font-size: 19px;
  letter-spacing: 3.2px;
  font-weight: 600;
  margin: 0;
}

.works-list-item-details p {
  font-weight: 500;
  margin: 0.7rem 0;
}

.works-list-item-details p.li-pl {
  margin-top: 2.7rem;
  margin-bottom: 0;
  font-size: 17px;
}

.other-cats-list {
  justify-content: center;
  margin-bottom: 23rem;
}

.archive.category .small-main-cats-list li:first-child {
  margin-right: 2.8rem;
}

.archive.category .small-main-cats-list li:last-child {
  margin-left: 2.8rem;
}

#load-more-works {
  font-size: 15px;
  font-weight: 300;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: none;
  background: none;
  overflow: hidden;
  height: 50px;
  transition: 1s all;
}

#load-more-works.disabled {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.other-area {
  margin-top: 13rem;
}

#load-more-works .arrow {
  border: solid black;
  border-width: 0 1px 1px 0;
  display: inline-block;
  padding: 3px;
  position: relative;
  top: 0;
}

.to-be-opened {
  display: none;
}

#load-more-works:hover .arrow {
  animation: see-more 1s;
}

@keyframes see-more {
  0% {
    top: 0;
  }
  50% {
    top: 1rem;
    opacity: 0;
  }
  51% {
    top: -5rem;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.single-work-head {
  margin-top: 7.4rem;
}

.side-bar {
  position: sticky;
  top: 12rem;
}

.single-left {
  flex: 0 0 85rem;
 
}

.single-work-head-right {
  flex-grow: 1;
}

.single-img-item-img-con {
  text-align: right;
  width: 58.3rem;
  height: 68.8rem !important;
  display: flex;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
}

.single-work-head .basic-width {
  min-height: 100vh;
}

.single-img-gallery-thumbs-list {
  margin-top: 5rem;
}

.thumb-con {
  width: 8.1rem;
  height: 9.6rem;
  border: solid 1px #bbbbbb;
  border-radius: 5px;
  padding: 1rem;
  box-sizing: border-box;
  transition: 0.3s all;
}

.mid-single {
  margin-top: 6rem;
}

.slick-current .thumb-con {
  border: solid 2px #000000;
}

.thumb-con img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.wpcf7-checkbox .wpcf7-list-item-label {
  font-size: 13px;
  line-height: 1;
  display: flex;
  align-items: center;
}

.single-work-category-head {
  font-size: 16px;
  color: #686868;
  text-transform: uppercase;
  font-weight: 500;
  margin: 0;
}

body.black .slick-current .thumb-con {
  border-color: white;
}

body.black .thumb-con {
  border-color: #424242;
}

.slick-slide img {
  display: inline;
}

.single-img-gallery-list {
  width: 87rem;
}

.single-img-gallery-list .slick-list, .single-img-gallery-list .slick-track, .single-img-gallery-list .slick-slide > div {
  height: 100%;
}

.single-work-head h1 {
  font-size: 72px;
  font-weight: 600;
  line-height: 1.11;
  letter-spacing: 13.2px;
  text-transform: uppercase;
  margin: 2rem 0 3.5rem 0;
  max-width: 60rem;
}

.single-work-head .li-p {
  font-size: 15px;
  font-weight: 500;
}

.single-img-gallery-list {
  border-bottom: solid 1px #e3e3e3;
}

.single-work-head-left {
  flex: 0 0 99.8rem;
}

p.has-image {
  text-align: center;
  margin: 6.2rem 0;
}

.main-article {
  flex: 0 0 85rem;
  padding-right: 27rem;
}

.has-image img {
  width: 100%;
  height: auto;
}

.main-article img {
  max-width: 100%;
  height: auto;
}

.main-article strong {
  font-size: 22px;
}

.side-bar {
  flex-grow: 1;
}

.side-bar .single-work-category-head {
  font-size: 13px;
  font-weight: 500;
}

.side-bar h2.side-bar-top {
  font-size: 42px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 5px;
  margin: 0;
  line-height: 1.2;
}

.side-bar .li-p {
  font-weight: 500;
  margin: 0;
  line-height: 1.93;
  font-size: 13px;
}

#sharer-clipboard-message {
  display: none;
  pointer-events: none;
  z-index: 9999;
}

#sharer-clipboard-message p {
  background-color: black;
  color: white;
  height: 3rem;
  border-radius: 1.5rem;
  padding: 0 3rem;
}

.share-area button, .share-area a {
  font-family: "ico";
  color: black;
  text-decoration: none;
}

.share-buttons-list {
  display: flex;
  justify-content: center;
}

.side-bar .share-area .sep {
  margin: 3rem auto 2rem auto;
  width: 45px;
  height: 2px;
}

.share-buttons-list button, .share-buttons-list a {
  border: none;
  background: none;
  font-size: 2.5rem;
  margin: 0 0.7rem;
  transition: 0.3s all;
}

.share-buttons-list button:hover, .share-buttons-list a:hover {
  opacity: 0.7;
}

.side-bar-top {
  margin-bottom: 2rem;
}

.inquiry-area {
  margin-top: 2rem;
}

.side-bar .sep {
  margin: 0;
}

.share-area h2 {
  font-size: 21px;
  font-weight: 500;
  text-transform: none;
}

.inquiry-area h2 {
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.39;
  letter-spacing: -0.3px;
  text-transform: none;
}

.inputs-holder {
  justify-content: space-between;
}

.inputs-holder .wpcf7-form-control-wrap {
  flex: 0 0 49%;
}

.inquiry-area form input {
  border: none;
  border-bottom: solid 1px #7f7f7f;
  line-height: 4rem;
  padding: 0 1.5rem;
  box-sizing: border-box;
  font-size: 15px;
  width: 100%;
  background-color: transparent;
}

.wpcf7-form-control-wrap {
  padding-bottom: 2rem;
  display: block;
  position: relative;
  width: 100%;
}

.single-post .wpcf7-form-control-wrap {
  padding-bottom: 1rem;
}

.inquiry-area form textarea {
  background-color: transparent;
  border: none;
  border-bottom: solid 1px #7f7f7f;
  height: 41px;
  padding: 0 1.5rem;
  box-sizing: border-box;
  font-size: 15px;
  width: 100%;
}

/*.page-template-contact textarea,.page-template-contact .inquiry-area form textarea,*/
.page-template-contact .inquiry-area form textarea:focus {
  height: 10rem;
}

.inquiry-area form input[type=submit] {
  display: block;
  width: 100%;
  height: 5rem;
  border: solid 2px #7f7f7f !important;
  margin-top: 1rem;
}

.inquiry-area form .ajax-loader {
  position: absolute;
  bottom: 0.5rem;
  right: 0;
  background-image: url("imgs/loader.svg");
  background-repeat: no-repeat;
}

.ajax-loader::before {
  display: none;
}

.ajax-loader {
  visibility: hidden;
  display: inline-block;
  background-color: transparent !important;
  opacity: 1;
  width: 24px;
  height: 24px;
  border: none;
  border-radius: 100%;
  padding: 0;
  margin: 0;
}

.more-items ul {
  margin-bottom: 9.9rem;
}

.linken {
  justify-content: center;
  margin-bottom: 13.9rem;
}

.linken a {
  display: flex;
  align-items: center;
  justify-content: center;
}

.linken a:first-child {
  margin-right: 1.5rem;
}

.linken a .arrow {
  border: solid black;
  border-width: 0px 2px 2px 0;
  display: inline-block;
  padding: 4px;
  margin-right: 1.5rem;
  transition: 0.3s all;
}

.linken a:hover .arrow {
  border-color: white;
  margin-right: 2.5rem;
}

.linken a:last-child {
  margin-left: 1.5rem;
}

.other-area .series-cats-list {
  margin-bottom: 12rem;
}

.archive-head {
  padding-top: 19rem;
}

.archive-head h1 {
  text-transform: uppercase;
  margin: 0;
  font-size: 60px;
  letter-spacing: 11px;
  text-align: center;
}

.gutter-sizer {
  width: 6rem;
}

.post-summary-item {
  background-color: white;
  width: 46.4rem;
}

.post-summary-item a {
  transition: 0.3s all;
  text-decoration: none;
  color: black;
  box-shadow: 0 4px 7px 0 rgba(73, 73, 73, 0.08);
  display: block;
  background-color: white;
  height: 100%;
}

.post-summary-item a:hover {
  transform: scale(1.02);
  box-shadow: 0 10px 15px 0 rgba(73, 73, 73, 0.08);
}

.post-summary-item .post-text {
  padding: 2.8rem;
  box-sizing: border-box;
}

.post-image img {
  width: 100%;
  height: auto;
}

.post-summary-item h2 {
  font-size: 17px;
}

.post-summary-item h2, .rm {
  text-align: left;
  display: block;
}

.categories-list {
  width: 100%;
  justify-content: center;
  margin: 4.8rem 0 10rem;
}

.categories-list button {
  background: none;
  border: none;
  font-size: 19px;
  margin: 0 2rem;
  position: relative;
}

.categories-list button.current {
  font-weight: 600;
}

.categories-list button:after {
  position: absolute;
  left: 50%;
  bottom: -5px;
  height: 3px;
  background-color: black;
  width: 0;
  content: "";
  display: block;
  transition: 0.3s all;
}

.rm {
  font-size: 13px;
  font-weight: 600;
}

.categories-list button.current:after, .categories-list button:hover:after {
  left: 0;
  width: 100%;
}

.post-content {
  margin-top: 12.2rem;
}

.back-to-blog {
  font-size: 12px;
  text-decoration: none;
  color: #7d7d7d;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  transition: 0.3s all;
}

.back-to-blog .arrow {
  transition: 0.3s all;
  border: solid #7d7d7d;
  border-width: 0px 1px 1px 0;
  display: inline-block;
  padding: 2px;
  margin-right: 4px;
  position: relative;
  right: 0;
}

.back-to-blog:hover .arrow {
  right: 5px;
}

.post-share {
  flex: 0 0 29rem;
}

.article-con article .top-article-image {
  width: 100%;
  height: auto;
  margin-bottom: 5rem;
}

.article-con article {
  max-width: 93.5rem;
  flex: 0 0 93.5rem;
  font-size: 17px;
  line-height: 1.88;
}

.article-con article h2 {
  padding: 0 3.8rem 0 3.8rem;
  box-sizing: border-box;
  font-size: 24px;
  font-weight: 500;
  text-transform: none;
  margin: 5rem 0 1rem 0;
  letter-spacing: -1.14px;
}

article h1 {
  font-size: 52px;
  text-align: center;
  margin: 0 0 3.6rem 0;
  font-weight: 500;
}

article .sep {
  margin-bottom: 4rem;
}

.article-con article ul {
  list-style: disc;
  padding: 0 3.8rem 0 5.8rem;
}

.article-con article ul li {
  padding-left: 1rem;
  line-height: 2.12;
}

.article-con article img {
  max-width: 100%;
  height: auto;
}

.main-content {
  width: 75.2rem;
  margin: auto;
}

.main-content p {
  padding: 0 3.8rem;
  box-sizing: border-box;
  margin: 1rem auto;
}

.main-content p.has-image {
  padding: 0;
  margin: 2rem auto;
}

.quote {
  font-size: 24px;
  line-height: 1.75;
  letter-spacing: -1.14px;
  padding-left: 4rem;
  position: relative;
}

.quote:before {
  content: "“";
  font-size: 72px;
  position: absolute;
  left: 0;
  top: 0;
  line-height: 1;
  font-weight: 700;
}

.related-posts {
  margin-top: 0;
}

.related-posts h2 {
  text-align: center;
}

.single .blog-posts-list {
  display: flex;
  justify-content: space-between;
  margin-top: 5rem;
  margin-bottom: 13rem;
  flex-wrap: wrap;
}

.single .blog-posts-list:after {
  content: "";
  display: block;
  flex: 0 1 46.4rem;
}

.post-share {
  position: sticky;
  top: 6rem;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  padding-right: 6.7rem;
  margin-top: 17.5rem;
  box-sizing: border-box;
  align-self: flex-start;
}

.single-post-share button, .single-post-share a {
  border: none;
  background: none;
  font-family: "ico";
  padding: 0;
  width: 4rem;
  height: 4rem;
  text-decoration: none;
  color: black;
  display: flex;
  align-items: center;
  justify-content: center;
}

.single-post-share button:before, .single-post-share a:before {
  display: block;
  text-align: center;
}

#map {
  width: 100%;
  height: 53.8rem;
}

.map-overlay {
  position: relative;
  z-index: 999;
  padding: 1rem;
}

.studio-small-image {
  flex: 0 0 36.1rem;
  background-size: cover;
  background-position: center;
}

.studio-text {
  padding: 0 3rem;
  box-sizing: border-box;
}

.studio-text h2 {
  font-size: 24px;
  font-weight: 600;
  margin-top: 2rem;
}

.studio-text p {
  font-size: 17px;
  line-height: 1.71;
}

.page-template-contact .contact-head {
  margin-top: 19.3rem;
}

.page-template-contact h1 {
  font-size: 55px;
  text-transform: uppercase;
  text-align: center;
  font-weight: 600;
  letter-spacing: 10.08px;
  margin-bottom: 2rem;
}

.page-template-contact .contact-head p {
  text-align: center;
  font-size: 17px;
  margin: 0 0 2rem 0;
}

.contact-form-area {
  width: 74rem;
  margin: 0 auto;
}

.contact-form-area form {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.contact-form-area form .wpcf7-form-control-wrap {
  display: block;
  flex: 0 0 49%;
}

.contact-form-area form .wpcf7-form-control-wrap select {
  width: 100%;
  border: none;
  border-bottom: solid 1px #d8d8d8;
  height: 4.1rem;
  line-height: 4.1rem;
  background-color: transparent;
  box-sizing: border-box;
  padding-left: 1.5rem;
}

.inquiry-area .phone-fields {
  width: 100%;
}

.inquiry-area .wpcf7-form-control-wrap select {
  width: 100%;
  border: none;
  border-bottom: solid 1px #7f7f7f;
  height: 4.1rem !important;
  line-height: 4.1rem;
  background-color: transparent;
  color: #505050;
  box-sizing: border-box;
  padding-left: 1rem;
}

.contact-form-area.inquiry-area form {
  position: relative;
  margin-top: 8.6rem;
}

.contact-form-area.inquiry-area form input {
  border-bottom: solid 1px #d8d8d8;
  box-sizing: border-box;
}

#inquiry {
  padding: 0 1.5rem;
  box-sizing: border-box;
  color: #797b82;
}

#inquiry.selected {
  color: black;
}

.contact-form-area.inquiry-area form textarea {
  border: none;
  border-bottom: solid 1px #d8d8d8;
}

.inquiry-area form textarea {
  transition: 0.3s all;
}

.inquiry-area form textarea:focus {
  height: 16rem;
}

.contact-form-area form .wpcf7-form-control-wrap.message {
  flex: 0 0 100%;
}

.submit-con {
  margin: auto;
  margin-right: 0;
}

.contact-form-area.inquiry-area form input[type=submit] {
  padding: 0 5rem;
}

.contact-form-area .wpcf7-response-output {
  position: absolute;
  bottom: 0;
  margin: 0 !important;
}

.contact-form-area.inquiry-area form .ajax-loader {
  position: absolute;
  top: 1.2rem;
  right: -2rem;
  background-image: url(imgs/loader.svg);
}

.contact-details-area {
  margin-top: 8rem;
  text-align: center;
}

.contact-details-area p, .contact-details-area a {
  color: black;
  font-size: 17px;
  text-decoration: none;
  margin: 1rem 0;
}

.con-det-txt {
  margin-top: 1rem;
  margin-bottom: 8.2rem;
}

.accordionList li p {
  display: none;
  padding: 0 5rem;
  box-sizing: border-box;
}

.sub-answers {
  display: none;
}

.accordionList > li {
  border-radius: 2px;
  border: solid 1px #ededed;
  background-color: #ffffff;
  margin-bottom: 1rem;
  box-sizing: border-box;
}

.accordionList {
  margin-top: 5rem;
  margin-bottom: 17rem;
}

.accordionList li h3 {
  margin: 0;
  height: 9.8rem;
  display: flex;
  align-items: center;
  padding: 0 5rem;
  box-sizing: border-box;
  justify-content: space-between;
}

.faq h2 {
  text-align: center;
}

.faq-basic-width {
  width: 92rem;
  margin: auto;
}

.btnIndi {
  display: block;
  width: 18px;
  flex: 0 0 18px;
  height: 18px;
  position: relative;
  margin-right: 2rem;
  margin-right: 0;
  transition: 0.3s all;
}

.accordionList li.opened .btnIndi {
  transform: rotate(45deg);
}

.btnIndi:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 2px;
  background-color: #000;
  top: 8px;
}

.works-list-area h2 {
  text-transform: capitalize;
}

.btnIndi:after {
  content: "";
  display: block;
  position: absolute;
  height: 100%;
  width: 2px;
  background-color: #000;
  left: 8px;
  transition: 0.3s all;
}

.sub-answers h4 {
  font-size: 22px;
  align-items: center;
  display: flex;
  font-weight: 300;
  justify-content: space-between;
  padding: 0 5rem;
  box-sizing: border-box;
}

.sub-answers h4 .arrow {
  margin-right: 5px;
  width: 0.8rem;
  flex: 0 0 0.8rem;
  display: block;
  height: 0.8rem;
  border: solid black;
  border-width: 0px 1px 1px 0;
  transition: 0.3s all;
}

.sub-answers li.opened .arrow {
  transform: rotate(225deg);
}

.sub-answers p {
  font-size: 17px;
  line-height: 1.88;
  margin-bottom: 2rem;
}

.sub-answers li:last-child {
  border-bottom: none;
  padding-bottom: 2rem;
}

.sub-answers li {
  border-bottom: solid 1px #d8d8d8;
}

.search-form {
  height: 20rem;
  box-shadow: 0 2px 14px 0 rgba(165, 165, 167, 0.5);
  background-color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
}

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

.sis {
  font-size: 14px;
}

.search-form form {
  width: 62rem;
  border-bottom: solid 1.4px #000000;
}

.search-form input[type=search] {
  border: none;
  flex-grow: 1;
}

.search-form button[type=submit] {
  font-family: "ico";
  color: black;
  border: none;
  background: none;
}

.search-form {
  position: fixed;
  top: -40rem;
  width: 100%;
  padding-top: 10rem;
  z-index: 9999;
  transition: 0.5s all;
}

.search-form.active {
  top: 0;
}

.search-form button[type=submit]:before {
  content: "\e905";
}

.search h1 {
  text-align: left;
  font-size: 28px;
}

.search .works-list {
  margin-top: 4.5rem;
  margin-bottom: 27rem;
}

.blog-posts-in-about .post-image, .single .post-image {
  height: 18.1rem;
}

.blog-posts-in-about {
  width: 117rem;
  margin: 5rem auto 13rem;
  justify-content: space-between;
  flex-wrap: wrap;
}

.blog-posts-in-about .post-image img, .single .post-image img {
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.post-text p {
  text-align: left;
}

.blog-posts-in-about .post-summary-item {
  flex: 0 0 36rem;
  width: 36rem;
}

.thumb-con {
  margin-bottom: 1.5rem;
}

.basic-header {
  height: 45rem;
  background-size: cover;
  background-position: center;
  position: relative;
}

.basic-header:before {
  position: absolute;
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.21);
}

.basic-main-content {
  margin-top: 9rem;
  margin-bottom: 16rem;
}

.basic-main-content p b, .basic-main-content p strong {
  font-size: 24px;
  margin-top: 5rem;
  display: block;
}

.basic-main-content p, .basic-main-content ul {
  font-size: 17px;
  line-height: 1.88;
}

.basic-main-content ul {
  list-style: disc;
  padding-left: 6rem;
}

.main-content .gallery {
  width: 100%;
  height: 44.5rem;
}

.main-content .gallery-icon {
  width: 100%;
  height: 44.5rem;
}

figure {
  margin: 0 !important;
}

.main-content .gallery-icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.phone-fields {
  flex: 0 0 49%;
  width: 49%;
}

.country-code {
  flex: 0 0 49%;
  margin-right: 1rem;
  color: #797b82;
}

.phone-fields select {
  height: 4rem !important;
}

.phone-fields .wpcf7-form-control-wrap {
  width: auto;
}

.phone-fields input {
  flex-grow: 1;
}

.thanks-page-hero {
  height: 70rem;
}

.thanks-page-hero h1 {
  letter-spacing: 13.2px;
  font-size: 72px;
  text-transform: uppercase;
  margin-bottom: 0;
  line-height: 1;
}

.thanks-page-hero p {
  margin-top: 2rem;
  white-space: pre-line;
}

.thanks-page-hero .works-hero-text {
  height: 100%;
  border-bottom: 1px solid #e3e3e3;
  margin: 0 !important;
}

.newsletter-sign {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 11rem;
}

.newsletter-sign input[type=email] {
  border: none;
  background: none;
  padding-left: 1rem;
  font-size: 14px;
}

.newsletter-sign .wpcf7-not-valid-tip {
  position: absolute;
  left: 1rem;
  bottom: -1.5rem;
  font-size: 10px;
  user-select: none;
}

button:focus {
  outline: none;
}

.newsletter-sign input[type=submit] {
  height: 2.8rem;
  border: 1px solid black;
  background: black;
  transition: 0.3s all;
  color: #fff;
  text-transform: uppercase;
  font-size: 13px;
  padding: 0 1.5rem;
}

.newsletter-sign .wpcf7-form-control-wrap {
  padding-bottom: 1rem;
  display: block;
  position: relative;
}

.newsletter-sign form {
  width: 38.5rem;
}

#openAccess {
  padding: 0 !important;
}

.newsletter-sign input[type=email] {
  padding: 0;
}

.newsletter-sign .ajax-loader {
  position: absolute;
  background-image: url(imgs/loader.svg);
  background-position: center;
  background-repeat: no-repeat;
  right: 4rem;
}

.newsletter-sign input[type=email] {
  width: 100%;
}

.f-f-f {
  display: flex;
  border-bottom: solid 1px #d8d8d8;
  position: relative;
}

select {
  border-radius: 0 !important;
}

.newsletter-sign h2 {
  text-align: center;
  font-size: 21px;
  letter-spacing: 0.8px;
  text-transform: none;
}

#inq {
  height: 4.3rem;
  margin-top: 2rem;
  padding: 0 4rem;
}

input[type=checkbox] {
  display: none;
}

input[type=checkbox]:checked ~ span:before {
  content: "";
  font-size: 1.2rem;
  background: url("imgs/check.svg") no-repeat center;
}

input[type=checkbox] ~ span:before {
  content: "";
  margin-right: 1rem;
  width: 1.7rem;
  height: 1.7rem;
  border-radius: 3px;
  border: solid 1px #979797;
  display: inline-block;
  vertical-align: middle;
  line-height: 1.9rem;
  text-align: center;
}

.submit-con {
  display: flex;
  justify-content: space-between;
  width: 100%;
  flex: 0 0 100%;
}

.contact-form-area.inquiry-area form input[type=submit] {
  flex: 0 0 16rem;
}

.sizes-holder {
  display: none !important;
}

.page-template-collections .works-list li a {
  position: relative;
  box-sizing: border-box;
}

.page-template-collections .cat-ul > li:nth-child(odd) .works-list li:nth-child(7) {
  flex: 0 0 49.2%;
}

.page-template-collections .cat-ul > li:nth-child(odd) .works-list li:nth-child(7) a {
  padding-top: 0;
}

.page-template-collections .cat-ul > li:nth-child(odd) .works-list li:nth-child(7) .works-list-item-image {
  padding-bottom: 88%;
}

.page-template-collections .cat-ul > li:nth-child(odd) .works-list li:nth-child(7) .works-list-item-details {
  position: absolute;
  bottom: 0;
  color: white;
}

.page-template-collections .cat-ul > li:nth-child(even) .works-list li:nth-child(5) {
  flex: 0 0 49.2%;
}

.page-template-collections .cat-ul > li:nth-child(even) .works-list li:nth-child(5) a {
  padding-top: 0;
}

.page-template-collections .cat-ul > li:nth-child(even) .works-list li:nth-child(5) .works-list-item-image {
  padding-bottom: 88%;
}

.page-template-collections .cat-ul > li:nth-child(even) .works-list li:nth-child(5) .works-list-item-details {
  position: absolute;
  bottom: 0;
  color: white;
}

.page-template-collections .cat-ul > li .sep {
  margin-left: 0;
  margin-right: 0;
}

.page-template-collections .works-list {
  margin-top: 6.5rem;
}

.page-template-collections .works-list-area h2 {
  margin-bottom: 2rem;
}

.collections-hero {
  height: 54.1rem;
  background-color: #030204;
  color: white;
}

.collections-hero .basic-width {
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 100%;
  text-align: left;
  background-position: left center !important;
  background-repeat: no-repeat !important;
  background-size: auto 100% !important;
}

.sep.white {
  background-color: white;
}

.collections-hero h1 {
  font-size: 55px;
  font-weight: 600;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 4.67px;
  margin-bottom: 0;
}

.collections-hero p {
  font-size: 19px;
  font-weight: 300;
  text-align: center;
}

.collections-hero .sep {
  margin-top: 4rem;
}

.pairs {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.pairs .vid-half {
  flex: 0 0 49%;
  height: 49.2rem;
  background-size: cover;
  background-position: center;
}

.c-v h2 {
  text-transform: none;
  text-align: center;
}

.pairs {
  margin-top: 8.4rem;
}

.clc-wl {
  margin-top: 16rem;
}

.clc-wl .sep {
  margin-left: 0;
  margin-right: 0;
}

#go-to-top {
  width: 3.9rem;
  height: 3.9rem;
  border: none;
  background: transparent url("imgs/btt.svg") no-repeat center;
  background-size: 3.9rem;
  position: fixed;
  bottom: -5rem;
  right: 10rem;
  transition: 0.3s all;
}

#go-to-top.show {
  bottom: 2.5rem;
}

.page-template-thank-you {
  background-color: #fafafa;
}

.tu-left-side {
  flex: 0 0 47.2rem;
}

.tu-product-thumb {
  width: 100%;
  height: 54.2rem;
}

.tu-product-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-bottom: solid 1px #d7d7d7;
}

.card {
  border: solid 1px #d7d7d7;
  background-color: #fff;
}

.tu-product-details {
  padding: 2.6rem;
  box-sizing: border-box;
}

.tu-product-details p {
  margin: 0;
}

p.tu-collection {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 500;
}

p.tu-name {
  text-transform: uppercase;
  font-size: 26px;
  font-weight: 600;
  margin: 0.5rem 0;
}

p.tu-material {
  margin-bottom: 0.5rem;
}

p.tu-material, p.tu-size {
  font-size: 15px;
  font-weight: 500;
}

.page-template-new-thankyou-product .thanks-page-hero {
  margin-top: 17rem;
}

.tu-right-side {
  padding-left: 9.5rem;
}

.tu-right-side h1 {
  font-size: 42px;
  letter-spacing: 6.56px;
}

.tu-right-side p {
  font-size: 19px;
  font-weight: 300;
}

.tu-right-side .sep {
  margin: 3rem 0 0 0;
}

.call-us {
  width: 40rem;
  border: solid 1px #000;
  font-size: 17px;
  font-weight: 500;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #000;
  box-sizing: border-box;
  height: 6.8rem;
}

.call-us:before {
  background-image: url("imgs/phone.svg");
  background-repeat: no-repeat;
  content: "";
  display: block;
  width: 2.4rem;
  height: 2.2rem;
  background-size: contain;
  margin-right: 1rem;
}

.btns-title {
  font-size: 19px;
  font-weight: 600;
  margin-top: 4rem;
}

.whatsapp-link {
  width: 19rem;
  border: solid 1px #000;
  font-size: 17px;
  font-weight: 500;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  color: #000;
  height: 6.8rem;
}

.whatsapp-link:before {
  background-image: url("imgs/whatsapp-icon.svg");
  background-repeat: no-repeat;
  content: "";
  display: block;
  width: 2.4rem;
  height: 2.2rem;
  background-size: contain;
  margin-right: 1rem;
}

.messenger-link {
  width: 19rem;
  border: solid 1px #000;
  font-size: 17px;
  font-weight: 500;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #000;
  height: 6.8rem;
  background-color: transparent;
}

.vid-h {
  background-size: cover;
}

.vid-h .play-vid:before {
  background-position: center;
  position: static;
}

.bottom-nav a:hover {
  padding-bottom: 5rem;
}

.tit-con {
  display: flex;
  align-items: flex-end;
  width: 73.4rem;
  height: 49.1rem;
  pointer-events: none;
  padding: 3.8rem;
  box-sizing: border-box;
  text-decoration: none;
  overflow: hidden;
  transition: 0.5s all;
}

.vid-h {
  width: 73.4rem;
  height: 49.1rem;
}

.messenger-link:before {
  background-image: url("imgs/messenger-icon.svg");
  background-repeat: no-repeat;
  content: "";
  display: block;
  width: 2.4rem;
  height: 2.2rem;
  background-size: contain;
  margin-right: 1rem;
}

.chat-btns {
  column-gap: 2rem;
}

#fb-root {
  opacity: 0;
  visibility: hidden;
  transition: 0.3s all;
}

#fb-root.show {
  opacity: 1;
  visibility: visible;
}

#openAccess.hazech {
  right: 9.5rem;
}

.series-cats-list.tu-page {
  display: flex;
  flex-wrap: wrap;
}

.series-cats-list.tu-page li {
  flex: 1 1 30%;
}

.page-template-new-thankyou-product .play-vid {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.page-template-new-thankyou-product .tit-con span {
  font-weight: 500;
  display: block;
  position: relative;
  color: white;
  font-size: 32px;
  letter-spacing: 4.27px;
  text-transform: uppercase;
  transition: 0.3s all;
}

.page-template-new-thankyou-product .play-vid:hover .tit-con {
  padding-bottom: 5rem;
}

.series-cats-list.tu-page {
  column-gap: 3rem;
  row-gap: 3rem;
}

.page-template-new-thankyou-product .inner-series {
  width: 100%;
}

.page-template-new-thankyou-product .inner-series-img {
  height: 100%;
}

.page-template-new-thankyou-product .inner-series h3 {
  color: white;
}

.page-template-new-thankyou-product li:nth-child(5n+4) .inner-series {
  height: 49rem;
}

.page-template-new-thankyou-product li:nth-child(5n+5) .inner-series {
  height: 49rem;
}

.new-tu-hero .basic-width, .tu-cv .basic-width {
  padding-bottom: 9.4rem;
  border-bottom: 1px solid #e3e3e3;
}

.page-template-new-thankyou-product .gadis-series-area {
  padding-top: 9.4rem;
}

.tu-cv {
  padding-top: 9.4rem;
}

.page-template-new-thankyou-product .gadis-series-area .basic-width {
  padding-bottom: 9.4rem;
  border-bottom: 1px solid #e3e3e3;
}

.page-template-new-thankyou-product .joinchat--show {
  display: none !important;
}

.series-cats-list.tu-page .inner-series {
  position: relative;
}

.series-cats-list.tu-page .inner-series:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  display: block;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 57%, rgba(0, 0, 0, 0.39) 97%);
}

.page-template-contact .wpcf7-spinner {
  right: 0.5rem;
  margin: 0;
  top: 1.3rem;
  position: absolute;
  background-color: transparent;
}
.page-template-contact .wpcf7-spinner:before {
  background-color: grey;
}
.page-template-contact .submit-con {
  align-items: center;
  margin: 2rem 0;
}
.page-template-contact .submit-con .wpcf7-form-control-wrap {
  padding-bottom: 0;
}
.page-template-contact .inquiry-area form input[type=submit] {
  margin-top: 0;
}
.page-template-contact .contact-form-area .wpcf7-response-output {
  position: static;
  margin-top: 1.5rem !important;
}

.overflow-hidden {
  overflow: hidden;
}

.product-splide video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.cookie-policy-modal-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 999999999;
  padding: 0 2rem !important;
  box-sizing: border-box;
  transition: 0.3s all;
  opacity: 0;
  visibility: hidden;
}
.cookie-policy-modal-popup.show {
  opacity: 1;
  visibility: visible;
}

.cookie-policy-modal {
  max-width: 78rem;
  background: white;
  border-radius: 6px;
  padding: 2rem;
  column-gap: 2.2rem;
  bottom: 2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.cookie-policy-modal p {
  font-size: 1.8rem;
  text-align: center;
}
.cookie-policy-modal p a {
  font-weight: 400;
  color: black;
}
.cookie-policy-modal #accept-cookies {
  background: white;
  filter: invert(1);
}
.cookie-policy-modal #accept-cookies:hover {
  filter: invert(0);
  color: black !important;
}
.cookie-policy-modal button.basic-button {
  margin-top: 0;
  white-space: pre;
}
.cookie-policy-modal button.close {
  width: 1.5rem;
  height: 1.5rem;
  background: url(imgs/cls-blk.svg) no-repeat center;
  background-size: 1.5rem;
  border: none;
  flex: 0 0 2.7912rem;
  position: absolute;
  right: 1.5rem;
  top: 1.5rem;
}

.wpcf7-spinner {
  position: absolute !important;
  top: 1.3rem;
}

.ways-to-connect {
  display: flex;
  justify-content: center;
}
.ways-to-connect li {
  flex: 0 0 16rem;
  height: 10.7rem;
  margin: 0 2rem;
}
.ways-to-connect a {
  font-size: 1.5rem;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  text-decoration: none;
  color: #000;
  width: 100%;
  height: 100%;
  border: 2px solid #7F7F7F;
  text-transform: uppercase;
  padding-bottom: 1rem;
  box-sizing: border-box;
  transition: 0.3s all;
}
.ways-to-connect a:hover {
  filter: invert(1);
}
.ways-to-connect a.whatsapp-contact-button {
  background: white url(imgs/whatsapp-icon-2.svg) no-repeat center;
  background-size: 5rem 5rem;
  background-position: center top 1rem;
}
.ways-to-connect a.messenger-contact-button {
  background: white url(imgs/messenger-icon.svg) no-repeat center;
  background-size: 5rem 5rem;
  background-position: center top 1rem;
}
.ways-to-connect a.call-contact-button {
  background: white url(imgs/phone2.svg) no-repeat center;
  background-size: 5rem 5rem;
  background-position: center top 1rem;
}

.stylish-or {
  display: flex;
  width: 20rem;
  align-items: center;
  margin: 3rem auto 2rem !important;
}
.stylish-or:before {
  flex: 0 0 7.2rem;
  height: 2px;
  background: black;
  content: "";
  display: block;
  margin-right: 2rem;
}
.stylish-or:after {
  flex: 0 0 7.2rem;
  height: 2px;
  background: black;
  content: "";
  display: block;
  margin-left: 2rem;
}

.whatsapp-connect-button {
  display: block;
  width: 100%;
  height: 5rem;
  border: solid 2px #7f7f7f;
  display: flex;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
  text-decoration: none;
  color: #000;
  transition: 0.3s all;
  background: white;
}
.whatsapp-connect-button:after {
  display: block;
  content: "";
  flex: 0 0 17px;
  height: 17px;
  background: url(imgs/whatsapp-icon-2.svg) no-repeat center;
  background-size: 17px;
  margin-left: 1rem;
}
.whatsapp-connect-button:hover {
  filter: invert(1);
}

.inquiry-area form input[type=submit] {
  display: block;
  width: 100%;
  height: 5rem;
  border: solid 2px #7f7f7f !important;
  margin-top: 1rem;
}

.or {
  text-align: center;
  margin: 1rem 0;
}

.inquiry-area form input[type=submit] {
  background: white;
  filter: invert(1);
}
.inquiry-area form input[type=submit]:hover {
  filter: invert(0);
  color: black;
}

.joinchat__button {
  bottom: 6.8rem !important;
}

.page-template-collections .works-list-item-image img {
  object-fit: cover;
}
.page-template-collections .cat-ul > li:nth-child(odd) .works-list li:nth-child(7) .works-list-item-image {
  padding-bottom: 100%;
}

.newsletter-sign .wpcf7-spinner {
  position: absolute;
  right: 8rem;
  margin: 0;
}

.home .new-slides-splide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.home .new-slides-splide .splide__list, .home .new-slides-splide .splide__track {
  height: 100%;
}
.home .new-slides-splide .splide__pagination {
  bottom: 3rem;
}
.home .new-slides-splide .splide__arrow {
  height: 4rem;
  width: 4rem;
  background: none !important;
}
.home .new-slides-splide .splide__arrow svg {
  height: 100%;
  width: auto;
  fill: transparent;
  stroke: white;
  stroke-width: 3px;
  filter: drop-shadow(1px 1px 2px black);
}
.home .new-slides-splide img {
  width: 100%;
  height: 100vh;
  object-fit: cover;
  object-position: center;
}
.home .main-cats-area video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.single-post .splide__arrow {
  background: none !important;
}
.single-post .view-larger {
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
}
.single-post .product-larger-view-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.9) url(imgs/roller.svg) no-repeat center;
  padding: 4rem;
  box-sizing: border-box;
  z-index: 99999999;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s all;
  background-size: 2rem;
}
.single-post .product-larger-view-popup.show {
  opacity: 1;
  visibility: visible;
}
.single-post .product-larger-view-popup img, .single-post .product-larger-view-popup video {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}
.single-post .product-larger-view-popup #close-img-popup {
  width: 3rem;
  height: 3rem;
  position: absolute;
  right: 2rem;
  top: 2rem;
  background: url(imgs/cls.svg) no-repeat center;
  background-size: 2rem;
  border: none;
}
.single-post .product-splide .splide__track {
  border-bottom: solid 1px #e3e3e3;
}
.single-post .product-splide svg {
  filter: drop-shadow(1px 1px 2px black);
}
.single-post .product-splide svg path {
  stroke: white;
  fill: transparent;
  stroke-width: 4px;
}
.single-post .product-thumb-splide svg path {
  stroke: black;
  fill: transparent;
  stroke-width: 4px;
}
.single-post .product-thumb-splide.splide:not(.is-overflow) .splide__list {
  justify-content: center;
}
.single-post .product-thumb-splide .splide__track--nav > .splide__list > .splide__slide {
  border: none !important;
}
.single-post .product-thumb-splide .splide__track--nav > .splide__list > .splide__slide img {
  background: white;
}
.single-post .product-thumb-splide .splide__track--nav > .splide__list > .splide__slide.is-active .thumb-con {
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5);
}
.single-post .thumb-con {
  height: 10rem;
  width: 10rem;
  padding: 0 !important;
  border-radius: 0;
  margin-top: 1.5rem;
}
.single-post .single-img-gallery-list {
  border-bottom: none !important;
}
.single-post .single-img-item-img-con {
  width: 100%;
}
.single-post .single-img-item-img-con img {
  width: auto;
  max-width: 100%;
  max-height: 100%;
  height: auto;
  object-fit: contain;
}

@media only screen and (max-width: 1023px) {
  .basic-width {
    max-width: 40rem;
    margin-left: auto;
    margin-right: auto;
  }
  .home h1 {
    margin-top: 5rem;
  }
  .home .cat-image {
    height: auto;
  }
  .home .home-hero {
    margin-top: 7rem;
    height: 0;
    padding-bottom: 100%;
  }
  .home .home-hero .home-hero-text {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
  .home .home-hero .splide img {
    height: 100%;
  }
  .home .home-hero .mp100 {
    height: 0;
    padding-bottom: 100%;
  }
  .home .home-hero .new-slides-splide li a {
    display: block;
    height: 100%;
  }
  .single-post .mobile-head {
    margin-bottom: 2rem;
  }
  .single-post .product-splide .splide__track {
    padding-bottom: 2rem;
  }
  .single-post .single-work-head h1 {
    margin-top: 1rem;
  }
  .single-post .product-thumb-splide {
    margin-top: 0rem;
  }
  .single-post .product-thumb-splide .thumb-con {
    width: 7.7rem;
    height: 7.7rem;
  }
  .footer-social-menu ul {
    justify-content: center;
  }
  .footer-social-menu ul li:first-child {
    margin-left: 0;
  }
  .ways-to-connect {
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .ways-to-connect li {
    flex: 0 0 30%;
    height: 7.35rem;
    margin: 0;
  }
  .ways-to-connect a {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    text-decoration: none;
    color: #000;
    width: 100%;
    height: 100%;
    border: 2px solid #7F7F7F;
    text-transform: uppercase;
    padding: 0 0.5rem 0.5rem 0.5rem;
    box-sizing: border-box;
    font-size: 1.2rem;
    transition: 0.3s all;
  }
  .ways-to-connect a:hover {
    filter: invert(1);
  }
  .ways-to-connect a.whatsapp-contact-button {
    background: white url(imgs/whatsapp-icon-2.svg) no-repeat center;
    background-size: 2rem 2rem;
    background-position: center top 1rem;
  }
  .ways-to-connect a.messenger-contact-button {
    background: white url(imgs/messenger-icon.svg) no-repeat center;
    background-size: 2rem 2rem;
    background-position: center top 1rem;
  }
  .ways-to-connect a.call-contact-button {
    background: white url(imgs/phone2.svg) no-repeat center;
    background-size: 2rem 2rem;
    background-position: center top 1rem;
  }
}

/*# sourceMappingURL=style.css.map */