p {
      color: #6c6968;
}

span {
      color: #6c6968;
}

a {
      box-shadow: none;
      border: none;
      border: none;
      border-radius: 0;
      text-decoration: none;
}

.header {
      width: 100%;
      height: 100vh;
      background: url('../images/header-bg.jpg') no-repeat;
      background-size: cover;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      position: relative;
      background-attachment: fixed;
}

.header::before {
      content: '';
      background: rgba(255, 255, 255, 0.4);
      position: absolute;
      width: 100%;
      height: 100%;
}

.header li {
      border: none;
      outline: none;
}

.header li a {
      color: #6c6968 !important;
      font-size: 3rem;
      position: relative;
      font-family: mistralregular;
}

.header li a:hover {
      color: #ddd !important;
      cursor: pointer;
}

.header img {
      position: relative;
      width: 25%;
}

.navbar-expand-lg .navbar-nav {
      flex-grow: inherit !important;
}

.navbar-nav {
      justify-content: space-around !important;
}

.about {
      border-top: 40px solid #6c6968;
      border-bottom: 40px solid #6c6968;
      background: #fff;
      padding: 60px 0px 40px 0px;
      font-family: Calibri,  !important;
}

.about-text {
      color: #6c6968;
}

.about .signature {
      font-family: mistralregular;
      font-size: 23px;
      margin-top: 1rem;
      font-weight: bold;
      color: #6c6968;
}

.designs .title {
      background: url('../images/tasarim.jpg') no-repeat;
      color: #fff;
      display: flex;
      justify-content: center;
      height: 250px;
      align-items: center;
      font-family: mistralregular;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      position: relative;
      background-attachment: fixed;
}

.designs .title::before {
      content: '';
      background: rgba(0, 0, 0, 0.1);
      position: absolute;
      width: 100%;
      height: 100%;
}

.designs .title h1 {
      font-size: 72px;
      position: relative;
}

.designs h5 {
      font-family: Calibri;
      font-style: italic;
      font-size: 22px;
}

.designs .line {
      width: 100%;
      height: 40px;
      background-color: #6c6968;
      position: absolute;
      bottom: 0px;
}

.designs .show-products-title {
      font-family: mistralregular;
      font-size: 3.5rem;
}

@media only screen and (min-device-width : 0px) and (max-device-width : 1024px) {

      .contacts .contact-header {
            background-attachment: scroll !important;
      }

      .designs .title {
            background-attachment: scroll !important;
      }

      .header {
            background-attachment: scroll !important;
      }
}

.contacts .contact-header {
      background: url('../images/iletisim-bg.jpg') no-repeat;
      display: flex;
      background-attachment: fixed;
      justify-content: center;
      height: 250px;
      align-items: center;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      background-position: 0 85%;
      border-top: 40px solid #6c6968;
}

.contacts .contact-header h1 {
      font-size: 72px;
      font-family: mistralregular;
      color: #fff;
}


.swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
}

.swiper-slide img {
      display: block;
      /* width: 350px;
      height: 450px; */
      object-fit: cover;
}

.swiper-slide p {
      font-size: 16px;
      color: #6c6968;
}


.swiper-slide-products {
      text-align: center;
      font-size: 18px;
      background: #fff;
      height: calc((100% - 30px) / 2);

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
}

.navbar-scroll {
      background-color: #fff !important;
      box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
      transition: linear .5s;
}

.navbar-scroll a {
      font-size: 28px !important;
}

.navbar-scroll.active {
      background: #fff !important;
}

@media only screen and (max-width: 1000px) {
      .header img {
            position: relative;
            width: 50% !important;
      }
}



@media only screen and (max-width: 720px) {
      .navbar-animate {
            background-color: #fff;
      }

      .header img {
            position: relative;
            width: 70% !important;
      }

      .nav-gradient {
            background: rgb(255, 255, 255) !important;
      }
}

.overlay:hover:before {
      content: '';
      position: absolute;
      width: 100%;
      height: 100%;
      background: rgb(255 255 255 / 40%);
      cursor: pointer;
      transition: all 1s;
}

.nav-gradient {
      background: rgb(255, 255, 255);
      background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgb(197 188 188 / 73%) 50%, rgba(255, 255, 255, 0) 100%);
}

.category-active {
      box-shadow: 0 10px 0px #d7c4ab;
}

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

.social i {
      width: 37px;
      font-size: 37px;
      color: #6a6361;
}

.social i:hover {
      color: #1d1b1b;
}

.waubutton {
      display: none !important;
}