@charset "UTF-8";
/* 
==================================
======= DETAY MÜZİK COFFEE =======
====== @package DETAYCOFFEE ======
====== Developer: Yigit Koc ======
= Dev. Website: yigitkoc.com.tr  =
==================================
======= SLICK CUSTOM THEME =======
==================================
*/
/* MOBILE */
.hpSlider {
  margin: 0 0 16px 0;
  padding: 0;
  overflow: hidden;
  width: 100%;
  height: 340px;
  position: relative;
  display: block; }

.slick-slide {
  width: 100vw;
  position: relative;
  display: block; }

.slides {
  overflow: hidden;
  width: 100vw;
  height: 340px;
  position: relative; }

.slick-list {
  width: 100vw;
  height: 340px;
  z-index: 1;
  position: relative; }

.slides img {
  z-index: 1;
  max-height: 240px; }

.slides iframe {
  height: 340px; }

/* NAVIGATORS */
.slick-arrow {
  z-index: 4;
  position: absolute;
  top: 130px;
  background: transparent;
  height: 80px;
  color: transparent;
  border: none; }

.slick-arrow:active {
  border: none; }

.slick-next {
  right: 0; }

.slick-prev:before {
  content: url(../images/left-arrow.png);
  padding: 12.5px 0px;
  opacity: 0.75;
  position: absolute;
  top: 0%;
  left: 10%; }

.slick-prev:hover:before {
  opacity: 1; }

.slick-next:before {
  content: url(../images/right-arrow.png);
  padding: 12.5px 0px;
  opacity: 0.75;
  position: absolute;
  top: 0%;
  right: 10%; }

.slick-next:hover:before {
  opacity: 1; }

/* TEXT FIELDS */
.slide-text {
  position: absolute;
  box-sizing: border-box;
  bottom: 0px;
  z-index: 2;
  width: 100%;
  height: auto;
  padding: 15px 12%; }

/* TEXT STYLES */
.slide-text h1 {
  font-family: "SSP", sans-serif;
  font-size: 1.5em;
  line-height: 28px;
  margin: 0;
  font-weight: 600; }

.slide-text p {
  padding-top: 0;
  font-family: "SSP", sans-serif;
  font-size: 1em;
  margin: 0;
  font-weight: 400; }

.slide-text h1 a {
  font-family: "SSP", sans-serif;
  font-size: 1em;
  font-weight: 600;
  text-decoration: none; }

.slide-text h1 a:hover {
  text-decoration: none; }

/* TABLET */
@media only screen and (min-width: 768px) {
  .hpSlider {
    height: 480px;
    margin-top: 16px;
    width: 760px; }

  .slick-slide {
    height: 480px;
    width: 760px; }

  .slides {
    width: 760px;
    height: 100%; }

  .slick-list {
    width: 760px;
    height: 480px; }

  /* TEXT FIELDS */
  .slide-text {
    width: 760px; }

  .slides img {
    max-height: 100%; }

  .slides iframe {
    height: 480px; }

  /* NAVIGATORS */
  .slick-arrow {
    z-index: 4;
    position: absolute;
    top: 190px;
    background: transparent;
    height: 80px;
    color: transparent;
    border: none; }

  .slick-arrow:active {
    border: none; }

  .slick-next {
    right: 0; }

  .slick-prev:before {
    content: url(../images/left-arrow.png);
    padding: 12.5px 32px;
    opacity: 0.75;
    position: absolute;
    top: 0%;
    left: 10%; }

  .slick-prev:hover:before {
    opacity: 1; }

  .slick-next:before {
    content: url(../images/right-arrow.png);
    padding: 12.5px 32px;
    opacity: 0.75;
    position: absolute;
    top: 0%;
    right: 10%; }

  .slick-next:hover:before {
    opacity: 1; } }
/* LD */
@media only screen and (min-width: 992px) {
  .hpSlider {
    width: 900px; }

  .slick-slide {
    width: 900px; }

  .slides {
    width: 900px; }

  .slick-list {
    width: 900px; }

  /* TEXT FIELDS */
  .slide-text {
    width: 900px; } }
/* XLD */
@media only screen and (min-width: 1200px) {
  .hpSlider {
    width: 1200px; }

  .slick-slide {
    width: 1200px; }

  .slides {
    width: 1200px; }

  .slick-list {
    width: 1200px; }

  /* NAVIGATORS */
  .slick-arrow {
    z-index: 4;
    position: absolute;
    top: 200px;
    background: transparent;
    height: 80px;
    color: transparent;
    border: none; }

  .slick-arrow:active {
    border: none; }

  .slick-next {
    right: 0; }

  .slick-prev:before {
    content: url(../images/left-arrow.png);
    padding: 12.5px 64px;
    opacity: 0.75;
    position: absolute;
    top: 0%;
    left: 10%; }

  .slick-prev:hover:before {
    opacity: 1; }

  .slick-next:before {
    content: url(../images/right-arrow.png);
    padding: 12.5px 64px;
    opacity: 0.75;
    position: absolute;
    top: 0%;
    right: 10%; }

  .slick-next:hover:before {
    opacity: 1; }

  /* TEXTS */
  .slide-text {
    box-sizing: content-box;
    overflow: hidden;
    height: auto;
    width: 324px;
    bottom: 0;
    padding: 15px; }

  .slide-text h1 {
    font-size: 1.5em; }

  .slide-text p {
    font-size: 1em;
    margin: 0; }

  .slide-text h1 a {
    font-size: 1em; }

  .slide-text-left-bottom {
    position: absolute;
    top: 65%;
    left: 120px; }

  .slide-text-left-top {
    position: absolute;
    top: 10%;
    left: 75px; }

  .slide-text-right-bottom {
    position: absolute;
    top: 65%;
    right: 75px; }

  .slide-text-right-top {
    position: absolute;
    top: 10%;
    right: 75px; } }
/* Animations */
.slick-next:before, .slick-prev:before {
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s; }