.swiper-slide:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: .4; }


@font-face {
  font-family: 'Open Sans', Arial, sans-serif;
  font-style: normal;
  font-weight: 300;*/
  src: url(https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-semibold-webfont.eot?#iefix) format("embedded-opentype"), url(https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-semibold-webfont.woff2) format("woff2"), url(https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-semibold-webfont.woff) format("woff"), url(https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-semibold-webfont.ttf) format("truetype"), url("fonts/sanfrancisco/sanfranciscodisplay-semibold-webfont.svg#San Francisco Display Semibold") format("svg"); }




/*# sourceMappingURL=a.css.map */
@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}


.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}
@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@media screen and (min-width:721px) {
  .swiper-button-next{color: #ddd!important;}
    .swiper-button-prev{color: #ddd!important;}
    .sbos{
  padding-top: 110px;
}
.swiper-slide h2 {
   font-weight: 800;
  pointer-events: none;
  opacity: 1;
  color: #ffffff;
  font-size: calc(3.5vw);
  letter-spacing: -1px;
  /*yakınlaşmatransform: translateY(-5%) scale(0.8);*/
  transform: translate3d(0, 0px, 0);
  /*transform: translate3d(0, 20px, 0);alttan*/
  transition: 3s ease;
  text-shadow: 0 5px 5px rgba(0, 0, 0, 0.01);
  margin-top: -50px;/*transform: translateY(0rem);*/
  }
.swiper-slide-active h2 {
  opacity: 1;
  /*yakınlaşma*/transform: translateY(0%) scale(1);
  transition: 1s ease;
  animation:1s fadeInUp;}

  .swiper-slide p {
  pointer-events: none;
  opacity: 1;
  color: #ffffff;
  font-weight: 400;
 /* font-size: calc(1.8vw);*/
 font-size: 30px;
  letter-spacing: -1px;
  /* yakınlaşmatransform: translateY(-5%) scale(0.8);*/
  /*transform: translate3d(0, 15px, 0); alttan*/
  transition: 5s ease;
  margin-top:50px;
  text-shadow: 0 5px 5px rgba(0, 0, 0, 0.01);/*transform: translateY(0rem);*/ }
.swiper-slide-active p {
  opacity: 1;
  /* yakınlaşma*/transform: translateY(0%) scale(1);
  /*transform: translate3d(0, -15px, 0); alttan*/
  transition: 1s cubic-bezier(1, 1, 1, 1);
    font-weight: 400; /*transform: translateY(-3rem);*/animation:2s fadeInUp;}

}



@media screen and (max-width:720px) {
    .swiper-button-next{display: none!important;}
    .swiper-button-prev{display: none!important;}
    .sbos{
  padding-top: 90px;
}
.swiper-slide h2 {
  pointer-events: none;
  opacity: 0;
  color: #ffffff;
  font-size: calc(5vw);
  transform: translateY(-5%) scale(0.8);
  /*transform: translate3d(0, 2px, 0);*/
  transition: 2s ease;
  text-shadow: 0 5px 5px rgba(0, 0, 0, 0.01);
  margin-top:-10px;
  }
.swiper-slide-active h2 {
  opacity: 1;
  transform: translateY(0%) scale(1);
  /*transform: translate3d(0, -5px, 0);*/
  transition: 2s ease;}


  .swiper-slide p {
  pointer-events: none;
  opacity: 0;
  color: #ffffff;
  font-size: calc(2.5vw);
  transform: translateY(-5%) scale(0.8);
  transition: 3s ease;
  margin-top:20px;
  text-shadow: 0 5px 5px rgba(0, 0, 0, 0.01); 
letter-spacing: 0px}
.swiper-slide-active p {
  opacity: 1;
  transform: translateY(0%) scale(1);
  transition: 3s ease;  font-weight: 300; }
}