﻿/* font */
/* font */
input {
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearence: none;
  appearance: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}
.clearfix {
  clear: both;
  min-height: 0px;
  display: block;
}
.fll {
  float: left;
}
.flr {
  float: right;
}
.fln {
  float: none;
}
.tableAbs {
  display: table;
  position: absolute;
}
.table {
  display: table;
}
.cell {
  display: table-cell;
  vertical-align: middle;
}
.db {
  display: block;
}
.dib {
  display: inline-block;
}
.dn {
  display: none;
}
.relative {
  position: relative;
}
.absolute {
  position: absolute;
}
.fixed {
  position: fixed;
}
.static {
  position: static;
}
.ovisible {
  overflow: visible;
}
.ohidden {
  overflow: hidden;
}
.pointer {
  cursor: pointer;
}
.fullw {
  width: 100%;
}
.fullh {
  height: 100%;
}
.w-10 {
  width: 10%;
}
.w-20 {
  width: 20%;
}
.w-30 {
  width: 30%;
}
.w-40 {
  width: 40%;
}
.w-50 {
  width: 50%;
}
.w-60 {
  width: 60%;
}
.w-70 {
  width: 70%;
}
.w-80 {
  width: 80%;
}
.w-90 {
  width: 90%;
}
.w-100 {
  width: 100%;
}
.h-100 {
  height: 100%;
}
.wh-100 {
  width: 100%;
  height: 100%;
}
.no-padding {
  padding: 0;
}
*:hover {
  text-decoration: none;
}
@font-face {
  font-family: 'gothamblack';
  src: url("../fonts/gothamblack.eot");
  src: url("../fonts/gothamblack.eot?#iefix") format("embedded-opentype"), url("../fonts/gothamblack.woff") format("woff"), url("../fonts/gothamblack.ttf") format("truetype"), url("../fonts/gothamblack.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'gothambold';
  src: url("../fonts/gothambold.eot");
  src: url("../fonts/gothambold.eot?#iefix") format("embedded-opentype"), url("../fonts/gothambold.woff") format("woff"), url("../fonts/gothambold.ttf") format("truetype"), url("../fonts/gothambold.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'gothambook';
  src: url("../fonts/gothambook.eot");
  src: url("../fonts/gothambook.eot?#iefix") format("embedded-opentype"), url("../fonts/gothambook.woff") format("woff"), url("../fonts/gothambook.ttf") format("truetype"), url("../fonts/gothambook.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'gothammedium';
  src: url("../fonts/gothammedium.eot");
  src: url("../fonts/gothammedium.eot?#iefix") format("embedded-opentype"), url("../fonts/gothammedium.woff") format("woff"), url("../fonts/gothammedium.ttf") format("truetype"), url("../fonts/gothammedium.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'korinnastdheavy';
  src: url("../fonts/korinnastdheavy.eot");
  src: url("../fonts/korinnastdheavy.eot?#iefix") format("embedded-opentype"), url("../fonts/korinnastdheavy.woff") format("woff"), url("../fonts/korinnastdheavy.ttf") format("truetype"), url("../fonts/korinnastdheavy.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
.slide-2 h3 {
  font-family: 'gothambold';
  font-size: 40px;
  line-height: 40px;
  -webkit-font-smoothing: antialiased;
  color: #ffffff;
}
.slide-2 h4 {
  font-family: 'gothambold';
  font-size: 60px;
  line-height: 60px;
  -webkit-font-smoothing: antialiased;
  color: #ffffff;
}
.contentArea {
  background-image: url('../images/content-bg.png');
  background-repeat: no-repeat;
  padding: 0px;
  margin: 40px 0px 0px 0px;
  background-repeat: repeat !important;
}
.contentArea .dijiogretimArea img {
  width: 100%;
  margin-bottom: 30px;
}
.contentArea .dijiogretimArea .links a {
  display: block;
  font-family: 'gothammedium';
  font-size: 20px;
  line-height: 20px;
  -webkit-font-smoothing: antialiased;
  color: #808087;
  margin-bottom: 15px;
  transition: 0.3s;
  position: relative;
}
.contentArea .dijiogretimArea .links a:hover {
  font-size: 23px;
  color: #e22084;
}
.contentArea .announcement {
  padding-left: 70px;
  margin-top: 40px;
  position: relative;
}
.contentArea .announcement p {
  font-family: 'gothambold';
  font-size: 36px;
  line-height: 40px;
  -webkit-font-smoothing: antialiased;
  color: #808087;
  position: relative;
  padding: 50px 0px;
  /*&:after { content: ''; .absolute; width: 50px; height: 38px; .bg-image('duyuru-after.png'); bottom: 0px; right: 0px; }*/
}
.contentArea .announcement p a {
  color: #e22084;
}
.contentArea .announcement p:before {
  content: '';
  position: absolute;
  width: 50px;
  height: 38px;
  background-image: url('../images/duyuru-before.png');
  background-repeat: no-repeat;
  top: 0px;
}
.contentArea .announcement button {
  position: absolute;
  right: 0px;
  top: -40px;
  background-image: url('../images/arrow-white.svg');
  background-repeat: no-repeat;
  width: 40px;
  height: 40px;
  border: none;
  background-color: #e22084;
  cursor: pointer;
}
.contentArea .announcement .slick-prev {
  right: 45px;
  /* Safari */
  -webkit-transform: rotate(-180deg);
  /* Firefox */
  -moz-transform: rotate(-180deg);
  /* IE10+ */
  transform: rotate(-180deg);
  /* Opera */
  -o-transform: rotate(-180deg);
  /* Internet Explorer */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=-2);
}
.contentArea .tanitimVideo {
  float: right;
  margin-top: 30px;
  text-align: right;
}
.contentArea .tanitimVideo i {
  font-size: 30px;
  color: #ffffff;
  background-color: #fdbf14;
  text-align: center;
  display: inline-block;
  padding: 25px 30px;
  border-radius: 100%;
  margin-bottom: 15px;
}
.contentArea .tanitimVideo span {
  font-family: 'gothambold';
  font-size: 35px;
  line-height: 35px;
  -webkit-font-smoothing: antialiased;
  color: #fdbf14;
  display: block;
}
.contentArea .videoArea {
  position: relative;
  margin-top: 30px;
}
.contentArea .videoArea .iconPink {
  width: 80%;
  position: absolute;
  bottom: 0px;
  left: 0px;
}
.contentArea .videoArea .tanitimVideolari .item-product .item a {
  display: block;
}
.contentArea .videoArea .tanitimVideolari .item-product .item a img {
  width: 100%;
}
@media (max-width: 1199px) {
  .slide-2 img:nth-child(1) {
    left: 2% !important;
  }
  .slide-2 img:nth-child(2) {
    left: 2% !important;
  }
  .slide-2 img:nth-child(3) {
    left: 35% !important;
  }
  .slide-2 img:nth-child(4) {
    left: 35% !important;
  }
  .slide-2 .largeTitle {
    width: 90%;
    left: 5% !important;
  }
  .slide-2 .unluLogo {
    display: none;
  }
  .slide-2 .bestLogo {
    right: 10px !important;
    width: 20% !important;
  }
  .slide-3 .ms-layer {
    width: 25%;
  }
  .slide-3 .ms-layer:nth-child(1) {
    width: 30%;
    left: 2% !important;
  }
  .slide-3 .ms-layer:nth-child(6) {
    width: 15%;
  }
  .slide-3 .ms-layer:nth-child(7) {
    width: 15%;
  }
  .slide-4 .ms-layer {
    width: 25%;
  }
  .slide-4 .ms-layer:nth-child(1) {
    top: 25% !important;
  }
  .slide-4 .ms-layer:nth-child(2) {
    top: 25% !important;
  }
  .slide-4 .ms-layer:nth-child(3) {
    width: 45%;
    right: 5% !important;
  }
  .slide-4 .ms-layer:nth-child(4) {
    width: 25%;
  }
  .slide-4 .ms-layer:nth-child(5) {
    width: 10%;
    top: 65% !important;
  }
  .slide-4 .ms-layer:nth-child(6) {
    width: 10%;
    top: 65% !important;
  }
  .slide-5 .ms-layer:nth-child(1) {
    width: 40%;
    left: 2% !important;
  }
  .slide-5 .ms-layer:nth-child(2) {
    width: 35%;
  }
  .slide-5 .ms-layer:nth-child(3) {
    width: 35%;
    right: 10% !important;
  }
  .slide-5 .ms-layer:nth-child(4) {
    width: 35%;
    right: 10% !important;
    top: 32% !important;
  }
  .slide-5 .ms-layer:nth-child(5) {
    width: 35%;
    right: 10% !important;
  }
  .slide-5 .ms-layer:nth-child(6) {
    width: 35%;
  }
  .slide-6 .ms-layer {
    width: 25%;
  }
  .slide-6 .ms-layer:nth-child(1) {
    width: 40%;
    left: 2% !important;
    top: 10% !important;
  }
  .slide-6 .ms-layer:nth-child(2) {
    width: 50%;
    top: 1%;
    right: 5% !important;
  }
  .slide-6 .ms-layer:nth-child(3) {
    width: 40%;
    right: 10% !important;
  }
  .slide-6 .ms-layer:nth-child(4) {
    width: 15%;
    right: 15% !important;
    bottom: 14% !important;
  }
  .slide-6 .ms-layer:nth-child(5) {
    width: 15%;
    right: 35% !important;
    bottom: 12% !important;
  }
  .contentArea .dijiogretimArea img {
    width: 50%;
    float: left;
  }
  .contentArea .dijiogretimArea .links {
    float: left;
    width: 50%;
    text-align: center;
    padding-top: 15px;
  }
  .contentArea .dijiogretimArea .links a {
    font-family: 'gothammedium';
    font-size: 30px;
    line-height: 35px;
    -webkit-font-smoothing: antialiased;
  }
  .contentArea .announcement {
    margin-top: 40px;
    padding-left: 0px;
  }
  .contentArea .announcement p {
    font-family: 'gothambold';
    font-size: 36px;
    line-height: 40px;
    -webkit-font-smoothing: antialiased;
    color: #808087;
    position: relative;
    padding: 50px 0px;
    /*&:after { content: ''; .absolute; width: 50px; height: 38px; .bg-image('duyuru-after.png'); bottom: 0px; right: 0px; }*/
  }
  .contentArea .announcement p:before {
    content: '';
    position: absolute;
    width: 50px;
    height: 38px;
    background-image: url('../images/duyuru-before.png');
    background-repeat: no-repeat;
    top: 0px;
  }
  .contentArea .videoArea .iconPink {
    display: none;
  }
}
@media (max-width: 991px) {
  .slide-2 h3 {
    left: 30px;
  }
  .slide-2 h4 {
    left: 30px;
  }
  .slide-2 .mobile {
    width: 30%;
  }
}
@media (max-width: 576px) {
  .contentArea .dijiogretimArea {
    text-align: center;
  }
  .contentArea .dijiogretimArea img {
    width: 70%;
    display: inline;
    text-align: center;
    float: none;
  }
  .contentArea .dijiogretimArea .links {
    float: none;
    width: auto;
  }
  .contentArea .announcement p {
    font-family: 'gothambold';
    font-size: 25px;
    line-height: 40px;
    -webkit-font-smoothing: antialiased;
    color: #808087;
    position: relative;
    padding: 50px 0px;
  }
  .contentArea .tanitimVideo {
    float: left;
    text-align: left;
  }
  .contentArea .tanitimVideo i {
    font-size: 20px;
  }
  .contentArea .tanitimVideo span {
    font-size: 25px;
  }
}