.slick-slide, .slick-slide::before, .caption {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.slick-slide::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.main-slider {
position: relative;
width: 100%;
height: 38vw;
min-height: 8vw;
margin-bottom: 50px;
opacity: 0;
visibility: hidden;
-webkit-transition: all 1.2s ease;
transition: all 1.2s ease;
}
.main-slider.slick-initialized {
opacity: 1;
visibility: visible;
}

.slick-slide {
position: relative;
height: 38vw;
}
.slick-slide::before {
background-color: #000;
opacity: .3;
z-index: 1;
}
.slick-slide video {
display: block;
position: absolute;
top: 50%;
left: 50%;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
-webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
}
.slick-slide iframe {
position: relative;
pointer-events: none;
}
.slick-slide figure {
position: relative;
height: 100%;
}
.slick-slide .slide-image {
opacity: 0;
height: 100%;
background-size: cover;
background-position: center;
-webkit-transition: all .8s ease;
transition: all .8s ease;
}
.slick-slide .slide-image.show {
opacity: 1;
}
.slick-slide .image-entity {
width: 100%;
opacity: 0;
visibility: hidden;
}
.slick-slide .loading {
position: absolute;
top: 44%;
left: 0;
width: 100%;
}
.slick-slide .slide-media {
-webkit-animation: slideOut 0.4s cubic-bezier(0.4, 0.29, 0.01, 1);
        animation: slideOut 0.4s cubic-bezier(0.4, 0.29, 0.01, 1);
}
.slick-slide.slick-active {
z-index: 1;
}
.slick-slide.slick-active .slide-media {
-webkit-animation: slideIn 2.4s cubic-bezier(0.4, 0.29, 0.01, 1);
        animation: slideIn 2.4s cubic-bezier(0.4, 0.29, 0.01, 1);
}
.slick-slide.slick-active .caption {
opacity: 1;
-webkit-transform: translateY(0);
        transform: translateY(0);
-webkit-transition: all 0.7s cubic-bezier(0.32, 0.34, 0, 1.62) 0.6s;
transition: all 0.7s cubic-bezier(0.32, 0.34, 0, 1.62) 0.6s;
}

.caption {
position: absolute;
top: 21%;
left: 5%;
text-align: left;
padding: 20px;

color: #fff;
margin: 0;
font-size: 40px;
font-weight: bold;
letter-spacing: .02em;
opacity: 0;
z-index: 1;
-webkit-transition: all .3s ease;
transition: all .3s ease;
-webkit-transform: translateY(100px);
        transform: translateY(100px);
        width: 750px;

left: calc(50% - 600px);

}

.caption h2{line-height: 56px; color: #fff !important;
    letter-spacing: 0px;
    font-weight: 700;
    font-size: 50px; padding-bottom: 40px}
    .caption p{  max-width: 600px; color: #fff !important;
    line-height: 30px;
    letter-spacing: 0px;
    font-weight: 500;
    font-size: 18px;
  padding-bottom: 25px}

    .caption .btnn{
    font-size: 16px;
    border-color: none !important;
    padding: 15px 35px; }

    .caption .btnn.ilk{    background-color: rgb(252, 168, 0);    color: rgb(255, 255, 255) !important;}
    .caption .btnn.son{    background-color: rgb(255, 255, 255);    color: rgb(48, 48, 48);}


.slick-dots {
  text-align: center;
      padding-top: 15px;
      margin-top: -40px;
      position: absolute;
      left: 0;
      right: 0;
      padding: 0;
}
.slick-dots li {
display: inline-block;
vertical-align: top;
margin: 0 8px;
}
.slick-dots li button {
width: 16px !important;
height: 16px !important;
display: block;
border: none;
cursor: pointer;
border-radius: 500px;
border: 2px solid #fff;
box-shadow: 0 0 0 0 transparent;
vertical-align: middle;
color: #fff;
background-color: #fff;
-webkit-transition: all .3s ease;
transition: all .3s ease;
opacity: .4;
    overflow: hidden;
}
.slick-dots li button:focus {
outline: none;
}
.slick-dots li button:hover {
opacity: 1;
}
.slick-dots li.slick-active button {
border-color: #2d3042;
box-shadow: 0 0 0 2px #fff;
opacity: 1;
}


.container .content {
width: 90%;
max-width: 980px;
margin: 0 auto;
}
.container p {
margin-bottom: 40px;
}

@-webkit-keyframes slideIn {
from {
  -webkit-filter: blur(15px);
          filter: blur(15px);
}
to {
  -webkit-filter: blur(0);
          filter: blur(0);
}
}

@keyframes slideIn {
from {
  -webkit-filter: blur(15px);
          filter: blur(15px);
}
to {
  -webkit-filter: blur(0);
          filter: blur(0);
}
}
@-webkit-keyframes slideOut {
from {
  -webkit-filter: blur(0);
          filter: blur(0);
}
to {
  -webkit-filter: blur(15px);
          filter: blur(15px);
}
}
@keyframes slideOut {
from {
  -webkit-filter: blur(0);
          filter: blur(0);
}
to {
  -webkit-filter: blur(15px);
          filter: blur(15px);
}
}


.baslik {    font-size: 26px; line-height: 36px;}
.baslik:after{
  content: '';
  border-style: solid;
    border-bottom-width: 3px;
    width: 50px;

    -webkit-border-image: -webkit-linear-gradient(left, #1ebbf0 30%, #39dfaa 100%);
border-image: linear-gradient(left, #1ebbf0 30%, #39dfaa 100%);
border-image-slice: 1;
display: block;
}

.hakkimizda h4{    font-size: 18px; line-height: 28px;}
.hakkimizda p,.neden p{    color: #8b8d94 !important;}

.hakkimizda .alt-btn,.toptan .alt-btn{padding: 8px 14px 7px 14px; background: #333 !important; color: #fff !important}
.hakkimizda .alt-btn:hover,.toptan .alt-btn:hover{background: #565656 !important; color: #fff !important}

.neden{    background: rgba(0, 0, 0, 0.04);}
.neden .bg-beyaz{padding: 30px}
.neden img{max-width: 120px}


.toptan{
  background-size: cover;
  background-repeat: no-repeat;
  background-color: rgba(0, 0, 0, 0);
  background-image: url(/assets/losyana-wholesale-scarf.jpg);
  background-attachment: scroll;
  margin-bottom: -25px;
  }

  .toptan::before{content: '';     background-color: rgba(0,0,0,0.5); left: 0; right: 0; top:0; bottom: 0; position: absolute; z-index: 9}
  .toptan .container{z-index: 99}

@media (max-width:1200px) {
  .caption {    top: 16%;font-size: 0; left: calc(50% - 357px);}
  .caption h2 { font-size: 45px;}
  .caption p { font-size: 16px;}

  .main-slider { height: 550px; }
  .slick-slide { height: 550px;  }
}


@media (max-width:992px) {
  .caption {width: 100%; top: 25%; font-size: 0; text-align: center;left:0;}
  .caption h2 { font-size: 39px; line-height: 39px}
  .caption p { display: none;}
  .main-slider { height: 488px; }
  .slick-slide { height: 488px;  }
}

@media (max-width:768px) {
  .caption h2 { font-size: 32px;line-height: 39px}
  .main-slider { height: 406px; }
  .slick-slide { height: 406px;  }
  .f-18.w-75.pb-2.beyaz{width: 100% !important;font-size: 14px !important}
  .f-700.f-32.beyaz.pb-4{font-size: 24px !important }
  .slick-dots li {
    margin: 0 4px;
  border-radius: 500px;}
}

@media (max-width:420px) {
  .caption h2 { font-size: 24px;line-height: 34px}
  .main-slider { height: 388px; }
  .slick-slide { height: 388px;  }

.caption .btnn.ilk {
    background-color: rgb(252, 168, 0);
    color: rgb(255, 255, 255) !important;
}
.caption .btnn {font-size: 14px; padding: 10px 24px;}
}


@media (max-width:330px) {
  .caption h2 { font-size: 18px;line-height: 28px}

  .f-18.w-75.pb-2.beyaz{font-size: 12px !important}
  .f-700.f-32.beyaz.pb-4{font-size: 18px !important }

}