@charset "UTF-8";
/*-----------------------------------------------------------

  Template Name: Beauty Center Creative Html5 & Css3
  Template URI: https://www.garantiwebtasarim.com/beauty-center/
  Description: Beauty Center Creative Html5 & Css3
  Author: adem özdamar
  Author URI: https://www.templatemonster.com/authors/garantiwebt/
  Version: 1.0.0

-------------------------------------------------------------*/
/*
0 - 600   : Telefon
600 - 900 : Tablet
900-1200  : Table büyük versiyon
1000 ve üzeri: Büyük masaüstü
1200 - 1800  : Normal stiller için
*/
.h-yazi-ortalama {
  text-align: center;
  margin-left: -2rem; }
  @media only screen and (max-width: 40em) {
    .h-yazi-ortalama {
      text-align: left;
      margin-left: 0;
      padding: 3rem; } }
  @media only screen and (max-width: 56.25em) {
    .h-yazi-ortalama {
      text-align: left;
      margin-left: 0;
      padding: 3rem; } }

.h-yazi-solda {
  text-align: left; }

.h-yazi-ozel {
  text-align: center;
  margin-left: -120px; }

.h-yazi-margin-kucuk {
  margin-bottom: 1.5rem !important; }

.h-yazi-margin-kucuk {
  margin-bottom: -1rem; }

.h-yazi-margin-orta {
  margin-bottom: 4rem !important; }
  @media only screen and (max-width: 56.25em) {
    .h-yazi-margin-orta {
      margin-bottom: 3rem !important; } }

.h-yazi-margin-buyuk {
  margin-bottom: 3rem !important; }
  @media only screen and (max-width: 56.25em) {
    .h-yazi-margin-buyuk {
      margin-bottom: -5rem !important; } }

.h-yazi-margin-buyuk-2 {
  margin-bottom: 12rem !important; }
  @media only screen and (max-width: 56.25em) {
    .h-yazi-margin-buyuk-2 {
      margin-bottom: -5rem !important; } }

.h-yazi-margin-buyuk-3 {
  margin-top: -2.5rem; }
  @media only screen and (max-width: 56.25em) {
    .h-yazi-margin-buyuk-3 {
      margin-top: -2.5rem; } }

.h-yazi-margin-buyuk-4 {
  margin-bottom: 12rem; }
  @media only screen and (max-width: 56.25em) {
    .h-yazi-margin-buyuk-4 {
      margin-bottom: 3rem; } }

.h-yazi-margin-orta-2 {
  margin-bottom: -5rem !important; }
  @media only screen and (max-width: 56.25em) {
    .h-yazi-margin-orta-2 {
      margin-bottom: 8rem !important; } }

.h-yazi-margin-orta-3 {
  margin-bottom: 1rem !important; }
  @media only screen and (max-width: 56.25em) {
    .h-yazi-margin-orta-3 {
      margin-bottom: 3rem !important; } }

.h-yazi-margin-orta-4 {
  margin-bottom: 3rem !important; }
  @media only screen and (max-width: 56.25em) {
    .h-yazi-margin-orta-4 {
      margin-bottom: 3rem !important; } }

.h-yazi-margin-5 {
  margin-top: 10rem; }
  @media only screen and (max-width: 56.25em) {
    .h-yazi-margin-5 {
      margin-top: -20rem; } }

.h-yazi-margin-altta {
  margin-top: 40.5rem; }
  @media only screen and (max-width: 56.25em) {
    .h-yazi-margin-altta {
      margin-top: 50rem; } }

.h-yazi-margin-ozel {
  margin-bottom: 4rem !important; }
  @media only screen and (max-width: 56.25em) {
    .h-yazi-margin-ozel {
      margin-bottom: 3rem !important; } }

.h-yazi-margin-ustte-buyuk {
  margin-top: 8rem; }

.h-yazi-margin-ustte-enbuyuk {
  margin-top: 10rem; }
  @media only screen and (max-width: 56.25em) {
    .h-yazi-margin-ustte-enbuyuk {
      margin-top: 1rem; } }

.h-yazi-margin-kucuk-1 {
  margin-top: -1rem; }
  @media only screen and (max-width: 56.25em) {
    .h-yazi-margin-kucuk-1 {
      margin-top: 1rem; } }

.h-yazi-margin-5 {
  margin-top: 5rem; }
  @media only screen and (max-width: 56.25em) {
    .h-yazi-margin-5 {
      margin-top: -15rem; } }

a {
  text-decoration: none;
  color: #fff; }

.container {
  padding: 0rem;
  margin: 0 auto; }

@media only screen and (max-width: 56.25em) {
  .bosluk {
    margin-top: -40rem; } }
@media only screen and (max-width: 40em) {
  .bosluk {
    margin-top: -40rem; } }

*,
*::after,
*::before {
  margin: 0;
  padding: 0;
  box-sizing: inherit; }

html {
  font-size: 62.5%;
  scroll-behavior: smooth; }
  @media only screen and (max-width: 75em) {
    html {
      font-size: 56.25%; } }
  @media only screen and (max-width: 56.25em) {
    html {
      font-size: 50%; } }
  @media only screen and (max-width: 40em) {
    html {
      font-size: 30%; } }
  @media only screen and (min-width: 112.5em) {
    html {
      font-size: 75%; } }

body {
  box-sizing: border-box;
  padding: 3rem; }
  @media only screen and (max-width: 56.25em) {
    body {
      padding: 0; } }

::selection {
  background-color: #DE6FAA;
  color: #fff; }

::-webkit-scrollbar-thumb {
  background: #DE6FAA; }

::-webkit-scrollbar {
  background: #fff;
  width: .8rem;
  height: .8rem; }

#pointer-dot {
  left: 0;
  top: 0;
  margin-top: -.5rem;
  margin-left: -.3rem;
  width: 0;
  height: 0;
  border: 2.5px solid #DE6FAA;
  position: fixed;
  border-radius: .4rem;
  pointer-events: none;
  transition: border-color 0.5s;
  z-index: 9999; }

#pointer-ring {
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  padding: 1.5rem;
  border: .2rem solid #f1f1f1;
  position: fixed;
  border-radius: 10rem;
  pointer-events: none;
  z-index: 9999; }

.hakkimizda-bolumu-anasayfa {
  padding: 0rem 0 5rem;
  background-color: #fff; }
  @media only screen and (max-width: 56.25em) {
    .hakkimizda-bolumu-anasayfa {
      padding: 0rem 0 1rem;
      margin-top: -50rem; } }
  @media only screen and (max-width: 56.25em) {
    .hakkimizda-bolumu-anasayfa {
      padding: 0rem 0 1rem;
      margin-top: -65rem; } }

.hakkimizda-bolumu-hakkimizda {
  padding: 5rem 0 5rem;
  background-color: #fff; }
  @media only screen and (max-width: 56.25em) {
    .hakkimizda-bolumu-hakkimizda {
      padding: 0rem 0;
      margin-top: -69rem; } }
  @media only screen and (max-width: 56.25em) {
    .hakkimizda-bolumu-hakkimizda {
      padding: 0rem 0;
      margin-top: -69rem; } }

.hata-404 {
  padding: 5rem 0 5rem;
  background-color: #fff; }
  @media only screen and (max-width: 56.25em) {
    .hata-404 {
      padding: 0rem 0;
      margin-top: 20vh; } }
  @media only screen and (max-width: 56.25em) {
    .hata-404 {
      padding: 0rem 0;
      margin-top: -20vh; } }

.hizmetler-alani {
  padding: 6rem 0 5rem;
  background-image: linear-gradient(to right bottom, #fff, #fbfbfb); }
  @media only screen and (max-width: 56.25em) {
    .hizmetler-alani {
      padding: 10rem 0 17rem;
      margin-top: -20rem; } }

.hizmetler-aciklama {
  padding: 6rem 0 5rem;
  background-image: linear-gradient(to right bottom, #fff, #fbfbfb); }
  @media only screen and (max-width: 56.25em) {
    .hizmetler-aciklama {
      padding: 10rem 0 17rem; } }

.ozellik-alani-sayfa {
  padding: 5rem 0 5rem;
  background-color: #fff; }
  @media only screen and (max-width: 56.25em) {
    .ozellik-alani-sayfa {
      padding: 10rem 0; } }

.post-alani-sayfa {
  padding: 5rem 0 20rem;
  background-image: url(../img/news-bg.jpg); }
  @media only screen and (max-width: 56.25em) {
    .post-alani-sayfa {
      padding: 10rem 0; } }

.news-alani-sayfa {
  padding: 5rem 0 20rem;
  background: #fff; }
  @media only screen and (max-width: 56.25em) {
    .news-alani-sayfa {
      padding: 10rem 0; } }

@media only screen and (max-width: 40em) {
  img.haber-gorsel {
    width: 250px;
    margin-left: -6rem; } }
@media only screen and (max-width: 56.25em) {
  img.haber-gorsel {
    margin-left: -6rem; } }

.yorumlar-alani {
  position: relative;
  padding: 5rem 0 5rem;
  background-image: linear-gradient(to right bottom, #ffffff, #fbfbfb);
  background-size: cover; }
  @media only screen and (max-width: 56.25em) {
    .yorumlar-alani {
      padding: 5rem 0 0rem; } }

.form-alani {
  padding: 40rem 0;
  background-image: linear-gradient(to right bottom, #33c4e7, #0c52aa);
  margin-top: -30vh; }

.projeler {
  position: relative;
  padding: 5rem 0 5rem;
  background-image: linear-gradient(to right bottom, #ffffff, #fbfbfb);
  background-size: cover; }
  @media only screen and (max-width: 56.25em) {
    .projeler {
      padding: 15rem 0 16rem; } }

.projeler-sayfa-alani {
  padding: 5rem 0 5rem;
  background-color: #fff;
  /*margin-top: -10rem;*/ }
  @media only screen and (max-width: 56.25em) {
    .projeler-sayfa-alani {
      padding: 15rem 0 16rem; } }

.markalar {
  padding: 5rem 0 1rem;
  background-image: linear-gradient(to right bottom, #333333, #252424);
  background-size: cover;
  display: inline-block;
  width: 100%;
  border-radius: 50rem; }
  @media only screen and (max-width: 56.25em) {
    .markalar {
      padding: 15rem 0 16rem; } }

.hizmetler-detay-sayfasi-alani {
  padding: 20rem 0 5rem;
  margin-top: -20vh;
  background-color: #fff; }
  @media only screen and (max-width: 56.25em) {
    .hizmetler-detay-sayfasi-alani {
      padding: 0rem 0rem 20rem;
      margin-top: 20vh; } }
  @media only screen and (max-width: 56.25em) {
    .hizmetler-detay-sayfasi-alani {
      padding: 0rem 0rem 20rem;
      margin-top: -20vh; } }

.proje-detay-sayfasi-alani {
  padding: 5rem 0 1rem;
  /*margin-top:-20vh;*/
  background-color: #fff; }
  @media only screen and (max-width: 56.25em) {
    .proje-detay-sayfasi-alani {
      padding: 40rem 0rem 5rem;
      margin-top: 20vh; } }
  @media only screen and (max-width: 56.25em) {
    .proje-detay-sayfasi-alani {
      padding: 40rem 0rem 5rem;
      margin-top: -20vh; } }

.iletisim-icon-alani {
  padding: 20rem 0rem 1rem;
  margin-top: -20vh;
  background-color: #fff; }
  @media only screen and (max-width: 56.25em) {
    .iletisim-icon-alani {
      padding: 15rem 0;
      margin-top: 20vh; } }
  @media only screen and (max-width: 56.25em) {
    .iletisim-icon-alani {
      padding: 15rem 0;
      margin-top: -20vh; } }

.iletisim-form-alani {
  padding: 20rem 0 10rem;
  margin-top: -20vh;
  background-color: #fff; }
  @media only screen and (max-width: 56.25em) {
    .iletisim-form-alani {
      padding: 0rem 0;
      margin-top: 20vh; } }
  @media only screen and (max-width: 56.25em) {
    .iletisim-form-alani {
      padding: 0rem 0;
      margin-top: -20vh; } }

/* Efektler */
@keyframes solahareket {
  0% {
    opacity: 0;
    transform: translateX(-10rem); }
  80% {
    transform: translateX(1rem); }
  100% {
    opacity: 1;
    transform: translate(0); } }
@keyframes sagahareket {
  0% {
    opacity: 0;
    transform: translateX(10rem); }
  80% {
    transform: translateX(-1rem); }
  100% {
    opacity: 1;
    transform: translate(0); } }
@keyframes butonefekt {
  0% {
    opacity: 0;
    transform: translateY(3rem); }
  100% {
    opacity: 1;
    transform: translate(0); } }
.jssorl-009-spin img {
  animation-name: jssorl-009-spin;
  animation-duration: 1.6s;
  animation-iteration-count: infinite;
  animation-timing-function: linear; }

@keyframes jssorl-009-spin {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }
/*jssor slider bullet skin 132 css*/
.jssorb132 {
  position: absolute; }

.jssorb132 .i {
  position: absolute;
  cursor: pointer; }

.jssorb132 .i .b {
  fill: #fff;
  fill-opacity: 0.8;
  stroke: #DE6FAA;
  stroke-width: 1600;
  stroke-miterlimit: 10;
  stroke-opacity: 0.7; }

.jssorb132 .i:hover .b {
  fill: #DE6FAA;
  fill-opacity: .7;
  stroke: #fff;
  stroke-width: 2000;
  stroke-opacity: 0.8; }

.jssorb132 .iav .b {
  fill: #DE6FAA;
  stroke: #fff;
  stroke-width: 2400;
  fill-opacity: 0.8;
  stroke-opacity: 1; }

.jssorb132 .i.idn {
  opacity: 0.3; }

.jssora051 {
  display: block;
  position: absolute;
  cursor: pointer; }

.jssora051 .a {
  fill: none;
  stroke: #fff;
  stroke-width: 360;
  stroke-miterlimit: 10; }

.jssora051:hover {
  opacity: .8; }

.jssora051.jssora051dn {
  opacity: .5; }

.jssora051.jssora051ds {
  opacity: .3;
  pointer-events: none; }

body {
  font-family: "Poppins", sans-serif;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.7;
  color: #777; }

.header__slider-alani {
  position: absolute;
  top: 40%;
  left: 40%;
  transform: translate(-30%, -30%);
  text-align: center; }

.slider-yazi-icerikleri {
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 2rem;
  backface-visibility: hidden; }
  .slider-yazi-icerikleri--1 {
    display: block;
    font-size: 6rem;
    font-weight: 400;
    letter-spacing: 3rem;
    animation-name: solahareket;
    animation-duration: 1s;
    animation-timing-function: ease-in-out; }
    @media only screen and (max-width: 40em) {
      .slider-yazi-icerikleri--1 {
        letter-spacing: 1rem;
        font-size: 5rem; } }
  .slider-yazi-icerikleri--2 {
    display: block;
    font-size: 1.9rem;
    font-weight: 700;
    letter-spacing: 1rem;
    animation: sagahareket 1s ease-out; }
    @media only screen and (max-width: 40em) {
      .slider-yazi-icerikleri--2 {
        letter-spacing: .5rem; } }

.h2-baslik-anasayfa {
  font-size: 4rem;
  font-weight: 900;
  text-transform: uppercase;
  display: inline-block;
  background-image: linear-gradient(to right, #33c4e7, #0c52aa);
  -webkit-background-clip: text;
  color: transparent;
  letter-spacing: .2rem;
  transition: all .2s;
  border-bottom: 0.1rem solid #33c4e7; }
  @media only screen and (max-width: 56.25em) {
    .h2-baslik-anasayfa {
      font-size: 6rem; } }
  @media only screen and (max-width: 40em) {
    .h2-baslik-anasayfa {
      font-size: 4.7rem; } }
  .h2-baslik-anasayfa:hover {
    transform: skewY(2deg) skewX(15deg) scale(1.1);
    /*text-shadow: .5rem 1rem 2rem rgba($siyah-renk,.2);*/ }

.h2-baslik-anasayfa-ozel {
  font-size: 2.5rem;
  font-weight: 900;
  text-transform: uppercase;
  display: inline-block;
  background-image: linear-gradient(to right, #DE6FAA, #d366a0);
  -webkit-background-clip: text;
  color: transparent;
  letter-spacing: .1rem;
  margin-bottom: 3rem; }
  @media only screen and (max-width: 56.25em) {
    .h2-baslik-anasayfa-ozel {
      font-size: 5rem; } }

.h2-baslik-404 {
  font-size: 5rem;
  font-weight: 900;
  text-transform: uppercase;
  display: inline-block;
  background-image: linear-gradient(to right, #DE6FAA, #d366a0);
  -webkit-background-clip: text;
  color: transparent;
  letter-spacing: .2rem;
  margin-bottom: 3rem; }
  @media only screen and (max-width: 56.25em) {
    .h2-baslik-404 {
      font-size: 7rem; } }

.h2-baslik-footer {
  font-size: 3rem;
  font-weight: 900;
  text-transform: uppercase;
  display: inline-block;
  background-image: linear-gradient(to right, #fff, #fff);
  -webkit-background-clip: text;
  color: transparent;
  letter-spacing: .2rem;
  margin-bottom: 3rem; }
  @media only screen and (max-width: 56.25em) {
    .h2-baslik-footer {
      font-size: 7rem; } }

.h2-baslik-projeler-ozel {
  font-size: 3rem;
  font-weight: 900;
  text-transform: uppercase;
  display: inline-block;
  background-image: linear-gradient(to right, #259cb9, #33c4e7);
  -webkit-background-clip: text;
  color: transparent;
  letter-spacing: .2rem;
  margin-bottom: 3rem; }
  @media only screen and (max-width: 56.25em) {
    .h2-baslik-projeler-ozel {
      font-size: 7rem; } }

.h2-baslik-iletisim-ozel {
  font-size: 4rem;
  font-weight: 900;
  text-transform: uppercase;
  display: inline-block;
  background-image: linear-gradient(to right, #DE6FAA, #d366a0);
  -webkit-background-clip: text;
  color: transparent;
  letter-spacing: .2rem;
  margin-bottom: 3rem; }
  @media only screen and (max-width: 56.25em) {
    .h2-baslik-iletisim-ozel {
      font-size: 7rem;
      margin-top: -90px; } }

.h2-baslik-popup {
  font-size: 3rem;
  font-weight: 900;
  text-align: left;
  text-transform: uppercase;
  background-image: linear-gradient(to right, #259cb9, #33c4e7);
  -webkit-background-clip: text;
  color: transparent;
  letter-spacing: .2rem;
  transition: all .2s;
  margin-bottom: 3rem; }
  @media only screen and (max-width: 56.25em) {
    .h2-baslik-popup {
      margin-top: .1rem;
      font-size: 5rem; } }

    
.paragraf-popup {
  font-size: 1.8rem;
  font-weight: 300;
  color: #797979;
  text-align: left; }
  .paragraf-popup:not(:last-child) {
    margin-bottom: 2rem;
    margin-top: -.8rem; }
  @media only screen and (max-width: 56.25em) {
    .paragraf-popup {
      font-size: 2.1rem; } }
	  
	  

.baslik-3 {
  font-size: 1.9rem;
  text-transform: uppercase;
  font-weight: 700;
  color: #DE6FAA; }
  @media only screen and (min-width: 700px) and (max-width: 812px) {
    .baslik-3 {
      font-size: 3.1rem; } }
  @media only screen and (max-width: 56.25em) {
    .baslik-3 {
      font-size: 3.5rem;
      /*padding: 1rem;*/ } }

.baslik-3-ozel {
  font-size: 1.9rem;
  text-transform: uppercase;
  font-weight: 700;
  color: #DE6FAA; }
  @media only screen and (max-width: 56.25em) {
    .baslik-3-ozel {
      font-size: 2.9rem;
      margin-top: -40rem;
      /*padding: 1rem;*/ } }

.paragraf {
  font-size: 1.4rem;
  font-weight: 400;
  color: #797979; }
  .paragraf a {
    color: #0c52aa; }
  .paragraf:not(:last-child) {
    margin-bottom: 2rem; }
  @media only screen and (max-width: 56.25em) {
    .paragraf {
      font-size: 3.4rem; } }

.paragraf-pdetay {
  font-size: 1.8rem;
  font-weight: 300;
  color: #797979; }
  .paragraf-pdetay a {
    color: #0c52aa; }
  .paragraf-pdetay:not(:last-child) {
    margin-bottom: 2rem; }
  @media only screen and (max-width: 56.25em) {
    .paragraf-pdetay {
      font-size: 3.2rem;
      margin-bottom: -20rem; } }

.paragraf-404 {
  font-size: 1.8rem;
  font-weight: 300;
  color: #797979;
  line-height: 4rem; }
  .paragraf-404 a {
    color: #DE6FAA; }
  .paragraf-404:not(:last-child) {
    margin-bottom: 2rem; }
  @media only screen and (max-width: 56.25em) {
    .paragraf-404 {
      font-size: 3.4rem; } }

.proje-detay-paragraf {
  font-size: 1.8rem;
  font-weight: 300;
  padding: 0rem 15rem 0rem 15rem; }
  .proje-detay-paragraf:not(:last-child) {
    margin-bottom: 2rem; }
  @media only screen and (max-width: 56.25em) {
    .proje-detay-paragraf {
      padding: 0rem 5rem 0rem 5rem;
      font-size: 3.4rem; } }

.h2-baslik-hizmetler {
  font-size: 2.7rem;
  font-weight: 900;
  text-transform: uppercase;
  display: inline-block;
  background-image: linear-gradient(to right, #259cb9, #33c4e7);
  -webkit-background-clip: text;
  color: transparent;
  letter-spacing: .2rem;
  margin-bottom: 1rem; }
  .h2-baslik-hizmetler__paragraf {
    font-size: 2.4rem;
    font-weight: 300;
    color: #259cb9;
    text-align: left; }
    .h2-baslik-hizmetler__paragraf:not(:last-child) {
      margin-bottom: 5rem; }
      @media only screen and (max-width: 56.25em) {
        .h2-baslik-hizmetler__paragraf:not(:last-child) {
          margin-bottom: -9rem; } }
    @media only screen and (max-width: 56.25em) {
      .h2-baslik-hizmetler__paragraf {
        font-size: 3.5rem; } }
  @media only screen and (max-width: 56.25em) {
    .h2-baslik-hizmetler {
      font-size: 7rem; } }

.h2-baslik-hizmetler-2 {
  font-size: 2.6rem;
  font-weight: 900;
  text-transform: uppercase;
  display: inline-block;
  background-image: linear-gradient(to right, #DE6FAA, #d366a0);
  -webkit-background-clip: text;
  color: transparent;
  letter-spacing: .1rem; }
  .h2-baslik-hizmetler-2__paragraf {
    font-size: 1.8rem;
    font-weight: 400;
    color: #484747;
    text-align: center;
    margin-bottom: 3rem; }
    .h2-baslik-hizmetler-2__paragraf:not(:last-child) {
      margin-bottom: 5rem; }
      @media only screen and (max-width: 56.25em) {
        .h2-baslik-hizmetler-2__paragraf:not(:last-child) {
          margin-bottom: -9rem; } }
    @media only screen and (max-width: 56.25em) {
      .h2-baslik-hizmetler-2__paragraf {
        font-size: 3.5rem;
        text-align: left;
        padding: 3rem; } }
  @media only screen and (max-width: 56.25em) {
    .h2-baslik-hizmetler-2 {
      font-size: 4.8rem; } }

.h2-baslik-hizmetler-3 {
  font-size: 2.6rem;
  font-weight: 900;
  text-transform: uppercase;
  display: inline-block;
  background-image: linear-gradient(to right, #DE6FAA, #d366a0);
  -webkit-background-clip: text;
  color: transparent;
  letter-spacing: .1rem; }
  .h2-baslik-hizmetler-3__paragraf {
    font-size: 1.8rem;
    font-weight: 400;
    color: #484747;
    text-align: center;
    margin-bottom: 3rem; }
    .h2-baslik-hizmetler-3__paragraf:not(:last-child) {
      margin-bottom: 5rem; }
      @media only screen and (max-width: 56.25em) {
        .h2-baslik-hizmetler-3__paragraf:not(:last-child) {
          margin-bottom: 0rem; } }
    @media only screen and (max-width: 56.25em) {
      .h2-baslik-hizmetler-3__paragraf {
        font-size: 3.5rem;
        text-align: left;
        padding: 3rem; } }
  @media only screen and (max-width: 56.25em) {
    .h2-baslik-hizmetler-3 {
      font-size: 5rem; } }

ul.hizmetdetay {
  padding-left: 2rem;
  line-height: 4rem;
  font-size: 1.5rem;
  font-weight: 400;
  color: #797979; }
  @media only screen and (max-width: 56.25em) {
    ul.hizmetdetay {
      padding-left: 2rem;
      line-height: 8rem;
      font-size: 3rem; } }
  @media only screen and (max-width: 40em) {
    ul.hizmetdetay {
      padding-left: 2rem;
      line-height: 8rem;
      font-size: 3rem; } }

summary {
  font-size: 1.7rem;
  font-weight: 600;
  background-color: #fafafa;
  background-image: radial-gradient(circle at 40% 91%, rgba(251, 251, 251, 0.04) 0%, rgba(251, 251, 251, 0.04) 50%, rgba(229, 229, 229, 0.04) 50%, rgba(229, 229, 229, 0.04) 100%), radial-gradient(circle at 66% 97%, rgba(36, 36, 36, 0.04) 0%, rgba(36, 36, 36, 0.04) 50%, rgba(46, 46, 46, 0.04) 50%, rgba(46, 46, 46, 0.04) 100%), radial-gradient(circle at 86% 7%, rgba(40, 40, 40, 0.04) 0%, rgba(40, 40, 40, 0.04) 50%, rgba(200, 200, 200, 0.04) 50%, rgba(200, 200, 200, 0.04) 100%), radial-gradient(circle at 15% 16%, rgba(99, 99, 99, 0.04) 0%, rgba(99, 99, 99, 0.04) 50%, rgba(45, 45, 45, 0.04) 50%, rgba(45, 45, 45, 0.04) 100%), radial-gradient(circle at 75% 99%, rgba(243, 243, 243, 0.04) 0%, rgba(243, 243, 243, 0.04) 50%, rgba(37, 37, 37, 0.04) 50%, rgba(37, 37, 37, 0.04) 100%), linear-gradient(90deg, #33c4e7, #259cb9);
  color: #fff;
  padding: 1rem;
  margin-bottom: 1rem;
  outline: none;
  border-radius: 0.25rem;
  text-align: left;
  cursor: pointer;
  position: relative; }

p {
  text-align: left; }

details[open] summary ~ * {
  animation: sweep .5s ease-in-out; }

@keyframes sweep {
  0% {
    opacity: 0;
    margin-top: -10px; }
  100% {
    opacity: 1;
    margin-top: 0px; } }
details > summary::after {
  position: absolute;
  content: "+";
  right: 20px; }

details[open] > summary::after {
  position: absolute;
  content: "-";
  right: 20px; }

details > summary::-webkit-details-marker {
  display: none; }

details {
  padding: 0px 100px 0px; }
  @media only screen and (max-width: 56.25em) {
    details {
      padding: 0px 10px 0px; } }

.bosluk {
  margin-top: 20rem; }

.bosluk2 {
  margin-top: 5rem; }

.header {
  height: 20vh;
  background-size: cover;
  background-position: top;
  background: #fff;
  /*position: relative;*/ }
  @media only screen and (max-width: 1700px) {
    .header {
      height: 20vh; } }
  @media only screen and (max-width: 1600px) {
    .header {
      height: 20vh; } }
  @media only screen and (max-width: 1366px) {
    .header {
      height: 20vh; } }
  @media only screen and (max-width: 1024px) {
    .header {
      height: 30vh; } }
  @media only screen and (max-width: 40em) {
    .header {
      height: 50vh; } }
  @media only screen and (max-width: 56.25em) {
    .header {
      height: 28vh; } }
  .header__logo-alani {
    position: absolute;
    /*top: 3rem;*/
    left: 12rem;
    z-index: 9; }
    @media only screen and (max-width: 1024px) {
      .header__logo-alani {
        left: -6rem;
        display: grid; } }
    @media only screen and (max-width: 40em) {
      .header__logo-alani {
        display: grid;
        left: 11rem; } }
    @media only screen and (max-width: 56.25em) {
      .header__logo-alani {
        display: grid;
        left: 15rem; } }
  .header__phone {
    float: left;
    margin-top: 1rem;
    margin-left: 13rem; }
    @media only screen and (max-width: 40em) {
      .header__phone {
        margin-left: 0rem; } }
    @media only screen and (max-width: 75em) {
      .header__phone {
        margin-left: 0rem; } }
    @media only screen and (max-width: 56.25em) {
      .header__phone {
        margin-left: 0rem; } }
  .header__mail {
    float: left;
    margin-top: 1rem; }
  .header__address {
    float: left;
    margin-top: 1rem; }
  .header__text {
    margin-top: 2.5rem;
    float: left;
    font-size: 1.7rem;
    font-weight: 500;
    color: #33c4e7; }
    @media only screen and (max-width: 56.25em) {
      .header__text {
        margin-top: -10rem;
        font-size: 4rem;
        font-weight: 500;
        color: #33c4e7;
        padding-left: 17rem; } }
    @media only screen and (max-width: 40em) {
      .header__text {
        margin-top: -10rem;
        font-size: 4rem;
        font-weight: 500;
        color: #33c4e7;
        padding-left: 17rem; } }
  .header__logo {
    float: left;
    /*height: 20px;*/ }
    @media only screen and (max-width: 1024px) {
      .header__logo {
        float: left;
        width: 83%;
        margin-left: 5rem; } }
    @media only screen and (max-width: 40em) {
      .header__logo {
        float: left;
        width: 90%;
        margin-left: -2rem; } }

.header-slider {
  /*height: 85vh;*/
  background-size: cover;
  background-position: top;
  /*position: relative;*/ }
  @media only screen and (max-width: 40em) {
    .header-slider {
      /*height: 50vh;*/
      /*margin-top: -300px;*/ } }

.header__slider-alani {
  position: absolute;
  top: 40%;
  left: 42%;
  transform: translate(-30%, -30%);
  text-align: center; }
  @media only screen and (max-width: 40em) {
    .header__slider-alani {
      position: absolute;
      top: 50%;
      left: 35%;
      transform: translate(-30%, -30%);
      text-align: center; } }

.header-about {
  height: 60vh;
  background-image: url(../img/bg.jpg);
  background-size: cover;
  background-position: top;
  position: relative; }
  @media only screen and (max-width: 812px) {
    .header-about {
      background: #DE6FAA; } }
  @media only screen and (max-width: 1024px) {
    .header-about {
      background: #DE6FAA;
      height: 34vh;
      margin-top: 5rem; } }
  @media only screen and (max-width: 40em) {
    .header-about {
      background: #DE6FAA;
      height: 50vh;
      margin-top: 30rem; } }
  @media only screen and (max-width: 56.25em) {
    .header-about {
      /*margin-top: 10rem;*/
      background: #DE6FAA;
      height: 50vh;
      margin-top: 33rem; } }
	  
	  .qzme-about {
	    height: 60vh;
	    background-image: url(../img/bg.jpg);
	    background-size: cover;
	    background-position: top;
	    position: relative; }
	    @media only screen and (max-width: 812px) {
	      .header-about {
	        background: #DE6FAA; } }
	    @media only screen and (max-width: 1024px) {
	      .header-about {
	        background: #DE6FAA;
	        height: 34vh;
	        margin-top: 5rem; } }
	    @media only screen and (max-width: 40em) {
	      .header-about {
	        background: #DE6FAA;
	        height: 50vh;
	        margin-top: 30rem; } }
	    @media only screen and (max-width: 56.25em) {
	      .header-about {
	        /*margin-top: 10rem;*/
	        background: #DE6FAA;
	        height: 50vh;
	        margin-top: 33rem; } }

.header__slider-alani-about {
  position: absolute;
  top: 48%;
  left: 45%;
  transform: translate(-30%, -30%);
  text-align: center; }
  @media only screen and (max-width: 40em) {
    .header__slider-alani-about {
      position: absolute;
      top: 41%;
      left: 40%;
      transform: translate(-30%, -30%);
      text-align: center; } }
  @media only screen and (max-width: 56.25em) {
    .header__slider-alani-about {
      position: absolute;
      top: 44%;
      left: 45%;
      transform: translate(-30%, -30%);
      text-align: center; } }

.slider-yazi-icerikleri-about {
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 5rem;
  backface-visibility: hidden; }
  @media only screen and (max-width: 56.25em) {
    .slider-yazi-icerikleri-about {
      font-size: 8rem; } }
  .slider-yazi-icerikleri-about--1 {
    display: block;
    font-size: 3rem;
    font-weight: 900;
    letter-spacing: 1rem;
    animation-name: solahareket;
    animation-duration: 1s;
    animation-timing-function: ease-in-out; }
    @media only screen and (max-width: 56.25em) {
      .slider-yazi-icerikleri-about--1 {
        font-size: 4rem; } }
    @media only screen and (max-width: 56.25em) {
      .slider-yazi-icerikleri-about--1 {
        font-size: 4rem; } }
    @media only screen and (max-width: 75em) {
      .slider-yazi-icerikleri-about--1 {
        font-size: 4rem; } }
  .slider-yazi-icerikleri-about--2 {
    display: block;
    font-size: 2rem;
    font-weight: 500;
    letter-spacing: 0rem;
    animation: sagahareket 1s ease-out; }
    @media only screen and (max-width: 56.25em) {
      .slider-yazi-icerikleri-about--2 {
        font-size: 3rem; } }

.header-hizmetler {
  height: 65vh;
  background-image: url(../img/beauty-header-small.jpg);
  background-size: cover;
  background-position: top;
  position: relative; }
  @media only screen and (max-width: 812px) {
    .header-hizmetler {
      background: #DE6FAA; } }
  @media only screen and (max-width: 1024px) {
    .header-hizmetler {
      background: #DE6FAA;
      height: 34vh;
      margin-top: 5rem; } }
  @media only screen and (max-width: 40em) {
    .header-hizmetler {
      background: #DE6FAA;
      height: 50vh;
      margin-top: 30rem; } }
  @media only screen and (max-width: 56.25em) {
    .header-hizmetler {
      /*margin-top: 10rem;*/
      background: #DE6FAA;
      height: 50vh;
      margin-top: 33rem; } }

.header__slider-alani-hizmetler {
  
  position: absolute;
  top: 48%;
  left: 45%;
  transform: translate(-30%, -30%);
  text-align: center; }
  @media only screen and (max-width: 40em) {
    .header__slider-alani-hizmetler {
      position: absolute;
      top: 41%;
      left: 40%;
      transform: translate(-30%, -30%);
      text-align: center; } }
  @media only screen and (max-width: 56.25em) {
    .header__slider-alani-hizmetler {
      position: absolute;
      top: 44%;
      left: 45%;
      transform: translate(-30%, -30%);
      text-align: center; } }

.slider-yazi-icerikleri-hizmetler {
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 5rem;
  backface-visibility: hidden; }
  @media only screen and (max-width: 56.25em) {
    .slider-yazi-icerikleri-hizmetler {
      font-size: 8rem; } }
  .slider-yazi-icerikleri-hizmetler--1 {
    display: block;
    font-size: 3rem;
    font-weight: 900;
    letter-spacing: 1rem;
    animation-name: solahareket;
    animation-duration: 1s;
    animation-timing-function: ease-in-out; }
    @media only screen and (max-width: 56.25em) {
      .slider-yazi-icerikleri-hizmetler--1 {
        font-size: 4rem; } }
    @media only screen and (max-width: 56.25em) {
      .slider-yazi-icerikleri-hizmetler--1 {
        font-size: 4rem; } }
    @media only screen and (max-width: 75em) {
      .slider-yazi-icerikleri-hizmetler--1 {
        font-size: 4rem; } }
  .slider-yazi-icerikleri-hizmetler--2 {
    display: block;
    font-size: 2rem;
    font-weight: 500;
    letter-spacing: 0rem;
    animation: sagahareket 1s ease-out; }
    @media only screen and (max-width: 56.25em) {
      .slider-yazi-icerikleri-hizmetler--2 {
        font-size: 3rem; } }

.header-hizmetler-detay {
  height: 65vh;
  background-image: url(../img/bg.jpg);
  background-size: cover;
  background-position: top;
  position: relative; }
  @media only screen and (max-width: 812px) {
    .header-hizmetler-detay {
      background: #DE6FAA; } }
  @media only screen and (max-width: 1024px) {
    .header-hizmetler-detay {
      background: #DE6FAA;
      height: 34vh;
      margin-top: 5rem; } }
  @media only screen and (max-width: 40em) {
    .header-hizmetler-detay {
      background: #DE6FAA;
      height: 50vh;
      margin-top: 30rem; } }
  @media only screen and (max-width: 56.25em) {
    .header-hizmetler-detay {
      /*margin-top: 10rem;*/
      background: #DE6FAA;
      height: 50vh;
      margin-top: 33rem; } }

.header__slider-alani-hizmetler-detay {
  position: absolute;
  top: 48%;
  left: 43%;
  transform: translate(-30%, -30%);
  text-align: center; }
  @media only screen and (max-width: 40em) {
    .header__slider-alani-hizmetler-detay {
      position: absolute;
      top: 57%;
      left: 40%;
      transform: translate(-30%, -30%);
      text-align: center; } }

.slider-yazi-icerikleri-hizmetler-detay {
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 2rem;
  backface-visibility: hidden; }
  @media only screen and (max-width: 56.25em) {
    .slider-yazi-icerikleri-hizmetler-detay {
      font-size: 8rem; } }
  .slider-yazi-icerikleri-hizmetler-detay--1 {
    display: block;
    font-size: 5rem;
    font-weight: 900;
    letter-spacing: 1rem;
    animation-name: solahareket;
    animation-duration: 1s;
    animation-timing-function: ease-in-out; }
    @media only screen and (max-width: 56.25em) {
      .slider-yazi-icerikleri-hizmetler-detay--1 {
        font-size: 6rem; } }
    @media only screen and (max-width: 40em) {
      .slider-yazi-icerikleri-hizmetler-detay--1 {
        font-size: 6rem; } }
  .slider-yazi-icerikleri-hizmetler-detay--2 {
    display: block;
    font-size: 2rem;
    font-weight: 500;
    letter-spacing: 0rem;
    animation: sagahareket 1s ease-out; }
    @media only screen and (max-width: 56.25em) {
      .slider-yazi-icerikleri-hizmetler-detay--2 {
        font-size: 3rem; } }

.header-faq {
  height: 65vh;
  background-image: url(../img/beauty-header-faq-small.jpg);
  background-size: cover;
  background-position: top;
  position: relative; }
  @media only screen and (min-resolution: 192dpi) and (min-width: 37.5em), only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 37.5em), only screen and (min-width: 125em) {
    .header-faq {
      background-image: url(../img/beauty-header-faq.jpg); } }
  @media only screen and (max-width: 40em) {
    .header-faq {
      height: 50vh; } }

.header__slider-alani-faq {
  position: absolute;
  top: 48%;
  left: 44%;
  transform: translate(-30%, -30%);
  text-align: center; }
  @media only screen and (max-width: 40em) {
    .header__slider-alani-faq {
      position: absolute;
      top: 57%;
      left: 40%;
      transform: translate(-30%, -30%);
      text-align: center; } }

.slider-yazi-icerikleri-faq {
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 2rem;
  backface-visibility: hidden; }
  @media only screen and (max-width: 56.25em) {
    .slider-yazi-icerikleri-faq {
      font-size: 8rem; } }
  .slider-yazi-icerikleri-faq--1 {
    display: block;
    font-size: 5rem;
    font-weight: 900;
    letter-spacing: 1rem;
    animation-name: solahareket;
    animation-duration: 1s;
    animation-timing-function: ease-in-out; }
    @media only screen and (max-width: 56.25em) {
      .slider-yazi-icerikleri-faq--1 {
        font-size: 6rem; } }
    @media only screen and (max-width: 40em) {
      .slider-yazi-icerikleri-faq--1 {
        font-size: 6rem; } }
  .slider-yazi-icerikleri-faq--2 {
    display: block;
    font-size: 2rem;
    font-weight: 500;
    letter-spacing: 0rem;
    animation: sagahareket 1s ease-out; }
    @media only screen and (max-width: 56.25em) {
      .slider-yazi-icerikleri-faq--2 {
        font-size: 3rem; } }

.header-proje-detay {
  height: 65vh;
  background-image: linear-gradient(to right bottom, rgba(51, 196, 231, 0.678), rgba(12, 82, 170, 0.719)), url(../img/roboting-header2-small.jpg);
  background-size: cover;
  background-position: top;
  position: relative; }
  @media only screen and (max-width: 812px) {
    .header-proje-detay {
      background: #DE6FAA; } }
  @media only screen and (max-width: 1024px) {
    .header-proje-detay {
      background: #DE6FAA;
      height: 34vh;
      margin-top: 5rem; } }
  @media only screen and (max-width: 40em) {
    .header-proje-detay {
      background: #DE6FAA;
      height: 50vh;
      margin-top: 30rem; } }
  @media only screen and (max-width: 56.25em) {
    .header-proje-detay {
      /*margin-top: 10rem;*/
      background: #DE6FAA;
      height: 50vh;
      margin-top: 33rem; } }

.header__slider-alani-proje-detay {
  position: absolute;
  top: 48%;
  left: 40%;
  transform: translate(-30%, -30%);
  text-align: center; }
  @media only screen and (max-width: 40em) {
    .header__slider-alani-proje-detay {
      position: absolute;
      top: 57%;
      left: 40%;
      transform: translate(-30%, -30%);
      text-align: center; } }

.slider-yazi-icerikleri-proje-detay {
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 2rem;
  backface-visibility: hidden; }
  @media only screen and (max-width: 56.25em) {
    .slider-yazi-icerikleri-proje-detay {
      font-size: 8rem; } }
  .slider-yazi-icerikleri-proje-detay--1 {
    display: block;
    font-size: 5rem;
    font-weight: 900;
    letter-spacing: 1rem;
    animation-name: solahareket;
    animation-duration: 1s;
    animation-timing-function: ease-in-out; }
    @media only screen and (max-width: 56.25em) {
      .slider-yazi-icerikleri-proje-detay--1 {
        font-size: 6rem; } }
    @media only screen and (max-width: 40em) {
      .slider-yazi-icerikleri-proje-detay--1 {
        font-size: 6rem; } }
  .slider-yazi-icerikleri-proje-detay--2 {
    display: block;
    font-size: 2rem;
    font-weight: 500;
    letter-spacing: 0rem;
    animation: sagahareket 1s ease-out; }
    @media only screen and (max-width: 56.25em) {
      .slider-yazi-icerikleri-proje-detay--2 {
        font-size: 3rem; } }

.header-iletisim {
  height: 55vh;
  background-image: url(../img/bg.jpg);
  background-size: cover;
  background-position: top;

  position: relative; }
  @media only screen and (max-width: 812px) {
    .header-iletisim {
      background: #DE6FAA; } }
  @media only screen and (max-width: 1024px) {
    .header-iletisim {
      background: #DE6FAA;
      height: 34vh;
      margin-top: 5rem; } }
  @media only screen and (max-width: 40em) {
    .header-iletisim {
      background: #DE6FAA;
      height: 50vh;
      margin-top: 30rem; } }
  @media only screen and (max-width: 56.25em) {
    .header-iletisim {
      /*margin-top: 10rem;*/
      background: #DE6FAA;
      height: 50vh;
      margin-top: 33rem; } }

.header__slider-alani-iletisim {
  position: absolute;
  top: 48%;
  left: 45%;
  transform: translate(-30%, -30%);
  text-align: center; }
  @media only screen and (max-width: 40em) {
    .header__slider-alani-iletisim {
      position: absolute;
      top: 41%;
      left: 40%;
      transform: translate(-30%, -30%);
      text-align: center; } }
  @media only screen and (max-width: 56.25em) {
    .header__slider-alani-iletisim {
      position: absolute;
      top: 52%;
      left: 45%;
      transform: translate(-30%, -30%);
      text-align: center; } }

.slider-yazi-icerikleri-iletisim {
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 5rem;
  backface-visibility: hidden; }
  @media only screen and (max-width: 56.25em) {
    .slider-yazi-icerikleri-iletisim {
      font-size: 8rem;
      margin-bottom: 21rem; } }
  .slider-yazi-icerikleri-iletisim--1 {
    display: block;
    font-size: 3rem;
    font-weight: 900;
    letter-spacing: 1rem;
    animation-name: solahareket;
    animation-duration: 1s;
    animation-timing-function: ease-in-out; }
    @media only screen and (max-width: 56.25em) {
      .slider-yazi-icerikleri-iletisim--1 {
        font-size: 4rem; } }
    @media only screen and (max-width: 56.25em) {
      .slider-yazi-icerikleri-iletisim--1 {
        font-size: 4rem; } }
    @media only screen and (max-width: 75em) {
      .slider-yazi-icerikleri-iletisim--1 {
        font-size: 4rem; } }
  .slider-yazi-icerikleri-iletisim--2 {
    display: block;
    font-size: 2rem;
    font-weight: 500;
    letter-spacing: 0rem;
    animation: sagahareket 1s ease-out; }
    @media only screen and (max-width: 56.25em) {
      .slider-yazi-icerikleri-iletisim--2 {
        font-size: 3rem; } }

.header-formgonder {
  height: 65vh;
  background-image: url(../img/beauty-header.jpg);
  background-size: cover;
  background-position: top;
  position: relative; }
  @media only screen and (max-width: 812px) {
    .header-formgonder {
      background: #DE6FAA; } }
  @media only screen and (max-width: 1024px) {
    .header-formgonder {
      background: #DE6FAA;
      height: 34vh;
      margin-top: 5rem; } }
  @media only screen and (max-width: 40em) {
    .header-formgonder {
      background: #DE6FAA;
      height: 50vh;
      margin-top: 30rem; } }
  @media only screen and (max-width: 56.25em) {
    .header-formgonder {
      /*margin-top: 10rem;*/
      background: #DE6FAA;
      height: 50vh;
      margin-top: 33rem; } }

.header__slider-alani-formgonder {
  position: absolute;
  top: 48%;
  left: 47%;
  transform: translate(-30%, -30%);
  text-align: center; }
  @media only screen and (max-width: 40em) {
    .header__slider-alani-formgonder {
      position: absolute;
      top: 57%;
      left: 40%;
      transform: translate(-30%, -30%);
      text-align: center; } }

.slider-yazi-icerikleri-formgonder {
  color: #fff;
  text-transform: inherit;
  margin-bottom: 2rem;
  backface-visibility: hidden; }
  @media only screen and (max-width: 56.25em) {
    .slider-yazi-icerikleri-formgonder {
      font-size: 8rem; } }
  .slider-yazi-icerikleri-formgonder--1 {
    display: block;
    font-size: 3rem;
    font-weight: 900;
    letter-spacing: 0.5rem;
    animation-name: solahareket;
    animation-duration: 1s;
    animation-timing-function: ease-in-out; }
    @media only screen and (max-width: 56.25em) {
      .slider-yazi-icerikleri-formgonder--1 {
        font-size: 4rem; } }
    @media only screen and (max-width: 40em) {
      .slider-yazi-icerikleri-formgonder--1 {
        font-size: 4rem; } }
  .slider-yazi-icerikleri-formgonder--2 {
    display: block;
    font-size: 2rem;
    font-weight: 500;
    letter-spacing: 0rem;
    animation: sagahareket 1s ease-out; }
    @media only screen and (max-width: 56.25em) {
      .slider-yazi-icerikleri-formgonder--2 {
        font-size: 3rem; } }

.header-404 {
  height: 65vh;
  background-image: url(../img/beauty-header-small.jpg);
  background-size: cover;
  background-position: top;
  position: relative; }
  @media only screen and (max-width: 812px) {
    .header-404 {
      background: #DE6FAA; } }
  @media only screen and (max-width: 1024px) {
    .header-404 {
      background: #DE6FAA;
      height: 34vh;
      margin-top: 5rem; } }
  @media only screen and (max-width: 40em) {
    .header-404 {
      background: #DE6FAA;
      height: 50vh;
      margin-top: 30rem; } }
  @media only screen and (max-width: 56.25em) {
    .header-404 {
      /*margin-top: 10rem;*/
      background: #DE6FAA;
      height: 50vh;
      margin-top: 33rem; } }

.header__slider-alani-404 {
  position: absolute;
  top: 48%;
  left: 45%;
  transform: translate(-30%, -30%);
  text-align: center; }
  @media only screen and (max-width: 40em) {
    .header__slider-alani-404 {
      position: absolute;
      top: 41%;
      left: 40%;
      transform: translate(-30%, -30%);
      text-align: center; } }
  @media only screen and (max-width: 56.25em) {
    .header__slider-alani-404 {
      position: absolute;
      top: 52%;
      left: 45%;
      transform: translate(-30%, -30%);
      text-align: center; } }

.slider-yazi-icerikleri-404 {
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 5rem;
  backface-visibility: hidden; }
  @media only screen and (max-width: 56.25em) {
    .slider-yazi-icerikleri-404 {
      font-size: 8rem; } }
  .slider-yazi-icerikleri-404--1 {
    display: block;
    font-size: 3rem;
    font-weight: 900;
    letter-spacing: 1rem;
    animation-name: solahareket;
    animation-duration: 1s;
    animation-timing-function: ease-in-out; }
    @media only screen and (max-width: 56.25em) {
      .slider-yazi-icerikleri-404--1 {
        font-size: 4rem; } }
    @media only screen and (max-width: 56.25em) {
      .slider-yazi-icerikleri-404--1 {
        font-size: 4rem; } }
    @media only screen and (max-width: 75em) {
      .slider-yazi-icerikleri-404--1 {
        font-size: 4rem; } }
  .slider-yazi-icerikleri-404--2 {
    display: block;
    font-size: 2rem;
    font-weight: 500;
    letter-spacing: 0rem;
    animation: sagahareket 1s ease-out; }
    @media only screen and (max-width: 56.25em) {
      .slider-yazi-icerikleri-404--2 {
        font-size: 3rem; } }

.tablolar {
  margin-top: 1rem; }

.tablo {
  max-width: 114rem;
  margin: 0 auto; }
  .tablo:not(:last-child) {
    margin-bottom: 8rem; }
    @media only screen and (max-width: 56.25em) {
      .tablo:not(:last-child) {
        margin-bottom: 6rem;
        margin-top: -16rem; } }
  @media only screen and (max-width: 56.25em) {
    .tablo {
      padding: 20rem 5rem; } }
  .tablo::after {
    content: "";
    display: table;
    clear: both; }
  .tablo [class^="tablo--"] {
    float: left; }
    .tablo [class^="tablo--"]:not(:last-child) {
      margin-right: 6rem; }
      @media only screen and (max-width: 56.25em) {
        .tablo [class^="tablo--"]:not(:last-child) {
          margin-right: 0;
          margin-bottom: 6rem; } }
    @media only screen and (max-width: 56.25em) {
      .tablo [class^="tablo--"] {
        width: 100% !important; } }
  .tablo .tablo--1-ve-2 {
    width: calc((100% - 6rem) / 2); }
  .tablo .tablo--1-ve-3 {
    width: calc((100% - 2 * 6rem) / 3); }
  .tablo .tablo--1-ve-4 {
    width: calc((100% - 3 * 6rem) /4); }
  .tablo .tablo--2-ve-3 {
    width: calc(2* ((100% - 2 * 6rem) /3) + 6rem); }
  .tablo .tablo--2-ve-4 {
    width: calc(2* ((100% - 3 * 6rem) /4) + 6rem); }
  .tablo .tablo--3-ve-4 {
    width: calc(3* ((100% - 3* 6rem) /4) + 2 * 6rem); }

.tablohakkimizda {
  max-width: 114rem;
  margin: 0 auto; }
  .tablohakkimizda:not(:last-child) {
    margin-bottom: 8rem; }
    @media only screen and (max-width: 56.25em) {
      .tablohakkimizda:not(:last-child) {
        margin-bottom: -33rem;
        margin-top: -16rem; } }
  @media only screen and (max-width: 56.25em) {
    .tablohakkimizda {
      padding: 20rem 5rem; } }
  .tablohakkimizda::after {
    content: "";
    display: table;
    clear: both; }
  .tablohakkimizda [class^="tablo--"] {
    float: left; }
    .tablohakkimizda [class^="tablo--"]:not(:last-child) {
      margin-right: 6rem; }
      @media only screen and (max-width: 56.25em) {
        .tablohakkimizda [class^="tablo--"]:not(:last-child) {
          margin-right: 0;
          margin-bottom: 6rem; } }
    @media only screen and (max-width: 56.25em) {
      .tablohakkimizda [class^="tablo--"] {
        width: 100% !important; } }
  .tablohakkimizda .tablo--1-ve-2 {
    width: calc((100% - 6rem) / 2); }
  .tablohakkimizda .tablo--1-ve-3 {
    width: calc((100% - 2 * 6rem) / 3); }
  .tablohakkimizda .tablo--1-ve-4 {
    width: calc((100% - 3 * 6rem) /4); }
  .tablohakkimizda .tablo--2-ve-3 {
    width: calc(2* ((100% - 2 * 6rem) /3) + 6rem); }
  .tablohakkimizda .tablo--2-ve-4 {
    width: calc(2* ((100% - 3 * 6rem) /4) + 6rem); }
  .tablohakkimizda .tablo--3-ve-4 {
    width: calc(3* ((100% - 3* 6rem) /4) + 2 * 6rem); }

.tablohizmetler {
  max-width: 114rem;
  margin: 0 auto; }
  .tablohizmetler:not(:last-child) {
    margin-bottom: 8rem; }
    @media only screen and (max-width: 56.25em) {
      .tablohizmetler:not(:last-child) {
        margin-bottom: -33rem;
        margin-top: -16rem; } }
  @media only screen and (max-width: 56.25em) {
    .tablohizmetler {
      padding: 20rem 5rem; } }
  .tablohizmetler::after {
    content: "";
    display: table;
    clear: both; }
  .tablohizmetler [class^="tablo--"] {
    float: left; }
    .tablohizmetler [class^="tablo--"]:not(:last-child) {
      margin-right: 6rem; }
      @media only screen and (max-width: 56.25em) {
        .tablohizmetler [class^="tablo--"]:not(:last-child) {
          margin-right: 0;
          margin-bottom: 6rem; } }
    @media only screen and (max-width: 56.25em) {
      .tablohizmetler [class^="tablo--"] {
        width: 100% !important; } }
  .tablohizmetler .tablo--1-ve-2 {
    width: calc((100% - 6rem) / 2); }
  .tablohizmetler .tablo--1-ve-3 {
    width: calc((100% - 2 * 6rem) / 3); }
  .tablohizmetler .tablo--1-ve-4 {
    width: calc((100% - 3 * 6rem) /4); }
  .tablohizmetler .tablo--2-ve-3 {
    width: calc(2* ((100% - 2 * 6rem) /3) + 6rem); }
  .tablohizmetler .tablo--2-ve-4 {
    width: calc(2* ((100% - 3 * 6rem) /4) + 6rem); }
  .tablohizmetler .tablo--3-ve-4 {
    width: calc(3* ((100% - 3* 6rem) /4) + 2 * 6rem); }

.tablohizmetlerdetay {
  max-width: 114rem;
  margin: 0 auto; }
  .tablohizmetlerdetay:not(:last-child) {
    margin-bottom: 8rem; }
    @media only screen and (max-width: 56.25em) {
      .tablohizmetlerdetay:not(:last-child) {
        margin-bottom: -33rem;
        margin-top: -16rem; } }
  @media only screen and (max-width: 56.25em) {
    .tablohizmetlerdetay {
      padding: 20rem 5rem; } }
  .tablohizmetlerdetay::after {
    content: "";
    display: table;
    clear: both; }
  .tablohizmetlerdetay [class^="tablo--"] {
    float: left; }
    .tablohizmetlerdetay [class^="tablo--"]:not(:last-child) {
      margin-right: 6rem; }
      @media only screen and (max-width: 56.25em) {
        .tablohizmetlerdetay [class^="tablo--"]:not(:last-child) {
          margin-right: 0;
          margin-bottom: 6rem; } }
    @media only screen and (max-width: 56.25em) {
      .tablohizmetlerdetay [class^="tablo--"] {
        width: 100% !important; } }
  .tablohizmetlerdetay .tablo--1-ve-2 {
    width: calc((100% - 6rem) / 2); }
  .tablohizmetlerdetay .tablo--1-ve-3 {
    width: calc((100% - 2 * 6rem) / 3); }
  .tablohizmetlerdetay .tablo--1-ve-4 {
    width: calc((100% - 3 * 6rem) /4); }
  .tablohizmetlerdetay .tablo--2-ve-3 {
    width: calc(2* ((100% - 2 * 6rem) /3) + 6rem); }
  .tablohizmetlerdetay .tablo--2-ve-4 {
    width: calc(2* ((100% - 3 * 6rem) /4) + 6rem); }
  .tablohizmetlerdetay .tablo--3-ve-4 {
    width: calc(3* ((100% - 3* 6rem) /4) + 2 * 6rem); }

/* Slider Buton */
.buton, .buton:link, .buton:visited {
  text-transform: uppercase;
  text-decoration: none;
  padding: 1.5rem 4rem;
  display: inline-block;
  border-radius: 10rem;
  transition: all 2s;
  position: relative;
  font-size: 1.2rem;
  border: none;
  cursor: pointer; }
  @media only screen and (max-width: 56.25em) {
    .buton, .buton:link, .buton:visited {
      font-size: 3.6rem;
      padding: 3.5rem 6rem; } }
.buton:hover {
  transform: translateY(-0.3rem);
  box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.2); }
  .buton:hover::after {
    transform: scaleX(1.4) scaleY(1.6);
    opacity: 0; }
.buton:active, .buton:focus {
  outline: none;
  transform: translateY(-0.1rem);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.2); }
.buton--beyaz {
  background-color: #fff;
  color: #777; }
  .buton--beyaz::after {
    background-color: #fff; }
.buton--siyah {
  background-color: #444;
  color: #fff; }
  .buton--siyah::after {
    background-color: #444; }
.buton--pembe-slider {
  background-color: #DE6FAA;
  color: #fff;
  margin-top: 22.5rem;
  left: -26rem; }
  @media only screen and (max-width: 1800px) {
    .buton--pembe-slider {
      background-color: #DE6FAA;
      color: #fff;
      margin-top: 29.5rem;
      left: -26rem;
      top: 1rem; } }
  @media only screen and (max-width: 1600px) {
    .buton--pembe-slider {
      background-color: #DE6FAA;
      color: #fff;
      margin-top: 29.5rem;
      left: -26rem;
      top: 1rem; } }
  @media only screen and (max-width: 1366px) {
    .buton--pembe-slider {
      background-color: #DE6FAA;
      color: #fff;
      margin-top: 29.5rem;
      left: -26rem; } }
  @media only screen and (max-width: 40em) {
    .buton--pembe-slider {
      margin-top: 205.5rem;
      left: -39rem; } }
  @media only screen and (max-width: 75em) {
    .buton--pembe-slider {
      /*left:-15px;*/
      margin-top: 205.5rem;
      left: -40rem; } }
  .buton--pembe-slider::after {
    background-color: #DE6FAA; }
.buton--pembe {
  background-color: #DE6FAA;
  color: #fff; }
  .buton--pembe::after {
    background-color: #DE6FAA; }
.buton::after {
  content: "";
  display: inline-block;
  position: absolute;
  border-radius: 10rem;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  transition: all .4s; }
.buton--animasyon {
  animation: butonefekt .5s ease-out .75s;

  animation-fill-mode: backwards; }

.h-buton-link:link, .h-buton-link:visited {
  font-size: 1.7rem;
  color: #777;
  display: inline-block;
  text-decoration: none;
  border-bottom: 0.1rem solid #777;
  padding: .3rem;
  transition: all .2s; }
  @media only screen and (max-width: 56.25em) {
    .h-buton-link:link, .h-buton-link:visited {
      font-size: 4.7rem; } }
.h-buton-link:hover {
  background-color: #E9B2D1;
  color: #fff;
  box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.15);
  transform: translateY(-0.2rem); }
.h-buton-link:active {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  transform: translateY(0); }

.marka {
  height: 12.5rem;
  margin-left: 4rem;
  filter: alpha(opacity=40);
  opacity: 0.9;
  transition: all .2s ease-out; }
  @media only screen and (max-width: 56.25em) {
    .marka {
      height: 23.5rem; } }
  .marka:hover {
    height: 12.5rem;
    margin-left: 4rem;
    opacity: 1;
    transform: translateY(-0.3rem); }
    @media only screen and (max-width: 56.25em) {
      .marka:hover {
        height: 23.5rem; } }

.galeri {
  position: relative; }
  .galeri__gorsel {
    width: 100%;
    height: 55rem;
    outline-offset: 2rem;
    z-index: 10;
    transition: all .2s; }
    @media only screen and (max-width: 56.25em) {
      .galeri__gorsel {
        float: left;
		 width: 100%;
        height: 100%;
		box-shadow: none;
		object-fit: cover;
        /* box-shadow: 0 1.5rem 4rem rgba(0, 0, 0, 0.2); */
		 } }
    .galeri__gorsel--3 {
      left: 20%;
      margin-top: -1rem;
      /*top: 10rem;*/ }
      @media only screen and (max-width: 1024px) {
        .galeri__gorsel--3 {
          margin-top: 1rem; } }
      @media only screen and (max-width: 56.25em) {
        .galeri__gorsel--3 {
          margin-top: 44rem; } }
      @media only screen and (max-width: 40em) {
        .galeri__gorsel--3 {
          margin-top: 39rem; } }
    .galeri__gorsel--4 {
      left: 20%;
      margin-top: -5rem;
      /*top: 10rem;*/ }
      @media only screen and (max-width: 56.25em) {
        .galeri__gorsel--4 {
          margin-top: 11rem; } }
  .galeri:hover .galeri__gorsel:not(:hover) {
    transform: scale(0.95); }

.galeriprojedetay {
  position: relative; }
  .galeriprojedetay__gorsel {
    width: 100%;
    height: 40rem;
    outline-offset: 2rem;
    z-index: 10;
    transition: all .2s; }
    @media only screen and (max-width: 56.25em) {
      .galeriprojedetay__gorsel {
        float: left;
        height: 100%;
        box-shadow: 0 1.5rem 4rem rgba(0, 0, 0, 0.2); } }
    .galeriprojedetay__gorsel--3 {
      left: 20%;
      margin-top: -1rem;
      /*top: 10rem;*/ }
      @media only screen and (max-width: 56.25em) {
        .galeriprojedetay__gorsel--3 {
          margin-top: .1rem; } }
    .galeriprojedetay__gorsel--4 {
      left: 20%;
      margin-top: -5rem;
      /*top: 10rem;*/ }
      @media only screen and (max-width: 56.25em) {
        .galeriprojedetay__gorsel--4 {
          margin-top: 11rem; } }
  .galeriprojedetay:hover .galeriprojedetay__gorsel:not(:hover) {
    transform: scale(0.95); }

.galeri {
  position: relative; }
  .galeri__popup {
    width: 100%;
    height: 100%;
    outline-offset: 2rem;
    z-index: 10;
    transition: all .2s; }
    @media only screen and (max-width: 56.25em) {
      .galeri__popup {
        float: left;
        height: 100%;
        box-shadow: 0 1.5rem 4rem rgba(0, 0, 0, 0.2); } }
    .galeri__popup--1 {
      margin-top: -1rem;
      /*top: 10rem;*/ }
      @media only screen and (max-width: 56.25em) {
        .galeri__popup--1 {
          margin-top: -1rem; } }
    .galeri__popup--2 {
      margin-top: -1rem;
      /*top: 10rem;*/ }
      @media only screen and (max-width: 56.25em) {
        .galeri__popup--2 {
          margin-top: -26rem; } }
  .galeri:hover .galeri__gorsel:not(:hover) {
    transform: scale(0.95); }

.galeri-404 {
  position: relative; }
  .galeri-404__gorsel {
    width: 100%;
    height: 55rem;
    outline-offset: 2rem;
    z-index: 10;
    transition: all .2s; }
    @media only screen and (max-width: 56.25em) {
      .galeri-404__gorsel {
        float: left;
        height: 100%;
        box-shadow: 0 1.5rem 4rem rgba(0, 0, 0, 0.2); } }
    .galeri-404__gorsel--3 {
      left: 20%;
      margin-top: -8rem;
      /*top: 10rem;*/ }
      @media only screen and (max-width: 56.25em) {
        .galeri-404__gorsel--3 {
          margin-top: -1rem; } }
  .galeri-404:hover .galeri-404__gorsel:not(:hover) {
    transform: scale(0.95); }

.gallery {
  display: grid;
  grid-template-rows: repeat(1, 20vh);
  grid-template-columns: repeat(10, 20.3vh);
  background-color: #fff;
  border-radius: 10px;
  padding: 0.25em;
  cursor: zoom-in; }
  @media only screen and (max-width: 1024px) {
    .gallery {
      display: grid;
      grid-template-rows: repeat(1, 20vh);
      grid-template-columns: repeat(10, 7vh);
      background-color: #fff;
      border-radius: 10px;
      padding: 0.25em;
      cursor: zoom-in; } }
  @media only screen and (max-width: 40em) {
    .gallery {
      display: grid;
      grid-template-rows: repeat(2, 20vh);
      grid-template-columns: repeat(5, 20vw);
      background-color: #fff;
      border-radius: 10px;
      padding: 0.25em;
      cursor: zoom-in; } }
  @media only screen and (max-width: 56.25em) {
    .gallery {
      display: grid;
      grid-template-rows: none;
      grid-template-columns: none;
      background-color: #fff;
      border-radius: 10px;
      padding: 0.25em;
      cursor: zoom-in; } }

.gallery__img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: relative;
  box-shadow: 0 0 0 #0000;
  opacity: 1; }
  .gallery__img:first-child {
    border-radius: 10px 10px 0 0; }
  .gallery__img:last-child {
    border-radius: 0 0 10px 10px; }
  @media (min-width: 40em) and (max-width: 59.99em) {
    .gallery__img:first-child {
      border-radius: 10px 0 0 0; }
    .gallery__img:nth-child(5) {
      border-radius: 0 10px 0 0; }
    .gallery__img:nth-child(6) {
      border-radius: 0 0 10px 0; }
    .gallery__img:last-child {
      border-radius: 0 0 0 10px; } }
  @media (min-width: 60em) {
    .gallery__img:first-child {
      border-radius: 10px 0 0 10px; }
    .gallery__img:last-child {
      border-radius: 0 10px 10px 0; } }
  .gallery__img:hover {
    opacity: 1;
    z-index: 1;
    box-shadow: 1em 1em 1em #0004;
    filter: sepia(0%) hue-rotate(0deg);
    border-radius: 5px;
    width: 300%;
    height: 300%;
    left: -100%;
    top: -100%; }
    @media (min-width: 40em) {
      .gallery__img:hover {
        width: 250%;
        height: 500%;
        left: -75%;
        top: -200%; } }
    @media (min-width: 40em) and (orientation: portrait) {
      .gallery__img:hover {
        width: 300%;
        height: 300%;
        left: -100%;
        top: -100%; } }
    @media (min-width: 60em) {
      .gallery__img:hover {
        width: 350%;
        height: 150%;
        left: -75%;
        top: -25%; }
        .gallery__img:hover ~ img {
          left: 175%; } }
    @media (min-width: 60em) and (orientation: landscape) {
      .gallery__img:hover {
        width: 300%;
        height: 300%;
        left: -75%;
        top: -100%; }
        .gallery__img:hover ~ img {
          left: 100%; } }

.grid-container {
  columns: 5 200px;
  column-gap: 1.5rem;
  width: 90%;
  margin: 0 auto; }
  .grid-container div {
    width: 150px;
    margin: 0 1.5rem 1.5rem 0;
    display: inline-block;
    width: 100%;
    border: solid 2px black;
    padding: 5px;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
    border-radius: 5px;
    transition: all .25s ease-in-out; }
    .grid-container div:hover img {
      filter: grayscale(0); }
    .grid-container div:hover {
      border-color: coral; }
    .grid-container div img {
      width: 100%;
      filter: grayscale(100%);
      border-radius: 5px;
      transition: all .25s ease-in-out; }

/* The Modal (background) */
.modal {
  display: none;
  position: fixed;
  z-index: 9999;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: black; }

/* Modal Content */
.modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  /*width: 90%;*/
  max-width: 1200px; }

/* The Close Button */
.close {
  color: white;
  position: absolute;
  top: 10px;
  right: 25px;
  font-size: 35px;
  font-weight: bold; }

.close:hover,
.close:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer; }

/* Hide the slides by default */
.mySlides {
  display: none; }

/* Next & previous buttons */
.prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: white;
  font-weight: bold;
  font-size: 20px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none; }
  @media only screen and (min-width: 700px) and (max-width: 812px) {
    .prev,
    .next {
      margin-top: -50px; } }
  @media only screen and (max-width: 40em) {
    .prev,
    .next {
      margin-top: -207px; } }

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px; }

/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
  background-color: rgba(0, 0, 0, 0.8); }

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0; }

/* Caption text */
.caption-container {
  text-align: center;
  background-color: black;
  padding: 2px 16px;
  color: white; }

img.demo {
  opacity: 0.6; }

.active,
.demo:hover {
  opacity: 1; }

img.hover-shadow {
  transition: 0.3s; }

.hover-shadow:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }

.hizmetler-kutu {
  background-color: #fff;
  padding: 2.5rem;
  text-align: center;
  font-size: 1.5rem;
  border-radius: 5.5rem 5.5rem;
  box-shadow: 0 1.5rem 4rem rgba(0, 0, 0, 0.15);
  transition: transform .3s; }
  @media only screen and (max-width: 56.25em) {
    .hizmetler-kutu {
      padding: 2rem; } }
  .hizmetler-kutu--icon {
    font-size: 6rem;
    margin-bottom: .5rem;
    display: inline-block;
    background-image: linear-gradient(to right, #33c4e7, #0c52aa);
    -webkit-background-clip: text;
    color: transparent; }
    @media only screen and (max-width: 56.25em) {
      .hizmetler-kutu--icon {
        margin-bottom: 0;
        font-size: 13rem; } }
  .hizmetler-kutu:hover {
    transform: translateY(-1.5rem) scale(1.03); }
  .hizmetler-kutu--yazi {
    text-align: center; }
    @media only screen and (max-width: 56.25em) {
      .hizmetler-kutu--yazi {
        font-size: 3.5rem; } }

.ozellik-kutu {
  background-color: #fff;
  padding: 2.5rem;
  text-align: center;
  font-size: 1.5rem;
  box-shadow: 0 1.5rem 4rem rgba(0, 0, 0, 0.15);
  transition: transform .3s;
  border-radius: 5rem;
  -moz-border-radius: 50px;
  -webkit-border-radius: 200px;
  width: 330px;
  height: 330px;
  border: 2px;
  border-style: solid;
  border-color: #DE6FAA; }
  @media only screen and (max-width: 1800px) {
    .ozellik-kutu {
      width: auto;
      width: 289px;
      height: 296px; } }
  @media only screen and (max-width: 1300px) {
    .ozellik-kutu {
      width: auto;
      width: 289px;
      height: 296px; } }
  @media only screen and (max-width: 1024px) {
    .ozellik-kutu {
      width: auto;
      width: 203px;
      height: 320px; } }
  @media only screen and (min-width: 700px) and (max-width: 812px) {
    .ozellik-kutu {
      margin-left: 20rem; } }
  @media only screen and (max-width: 56.25em) {
    .ozellik-kutu {
      padding: 2rem;
      width: 330px;
      height: 330px; } }
  .ozellik-kutu--icon {
    font-size: 6rem;
    margin-bottom: -0.5rem;
    display: inline-block;
    background-image: linear-gradient(to right, #E9B2D1, #d366a0);
    -webkit-background-clip: text;
    color: transparent; }
    @media only screen and (max-width: 56.25em) {
      .ozellik-kutu--icon {
        margin-bottom: 0;
        font-size: 13rem; } }
  .ozellik-kutu:hover {
    transform: translateY(-1.5rem) scale(1.03); }
  .ozellik-kutu--yazi {
    text-align: center;
    font-size: 0.5rem;
	 margin-top: -10px;
	 width: 220px; /* 或者设置特定的宽度 */
	     word-wrap: break-word; /* 或使用 overflow-wrap: break-word; */
    font-weight: 400; }
    @media only screen and (max-width: 40em) {
      .ozellik-kutu--yazi {
        font-size: 2.0rem; } }
    @media only screen and (max-width: 56.25em) {
      .ozellik-kutu--yazi {
        font-size: 2.0rem; } }

@media only screen and (max-width: 1024px) {
  img.haber-gorsel {
    width: 80%; } }
	
	

.ozellik-kutu-siyah {
  background-color: #040404;
  color: #fff;
  padding: 2.5rem;
  text-align: center;
  font-size: 1.5rem;
  border-radius: .3rem;
  box-shadow: 0 1.5rem 4rem rgba(0, 0, 0, 0.15);
  transition: transform .3s; }
  @media only screen and (max-width: 56.25em) {
    .ozellik-kutu-siyah {
      padding: 2rem; } }
  .ozellik-kutu-siyah--icon {
    font-size: 6rem;
    margin-bottom: .5rem;
    display: inline-block;
    background-image: linear-gradient(to right, #ffffff, #cecece);
    -webkit-background-clip: text;
    color: transparent; }
    @media only screen and (max-width: 56.25em) {
      .ozellik-kutu-siyah--icon {
        margin-bottom: 0;
        font-size: 13rem; } }
  .ozellik-kutu-siyah:hover {
    transform: translateY(-1.5rem) scale(1.03); }
  .ozellik-kutu-siyah--yazi {
    text-align: center; }
    @media only screen and (max-width: 56.25em) {
      .ozellik-kutu-siyah--yazi {
        font-size: 2.3rem; } }

.post-kutu {
  padding: 2.5rem;
  text-align: center;
  font-size: 1.5rem;
  transition: transform .3s;
  border-radius: 5rem;
  -moz-border-radius: 50px;
  -webkit-border-radius: 500px;
  width: 500px;
  height: 453px; 
  }
  @media only screen and (max-width: 1024px) {
    .post-kutu {
      width: auto;
      height: auto; } }
  @media only screen and (max-width: 40em) {
    .post-kutu {
      padding: 2rem;
      width: auto;
      height: auto;
      text-align: left; } }
  @media only screen and (max-width: 56.25em) {
    .post-kutu {
      padding: 2rem;
      width: auto;
      height: auto;
      text-align: left; } }
  .post-kutu--icon {
    font-size: 6rem;
    margin-bottom: -0.5rem;
    display: inline-block;
    background-image: linear-gradient(to right, #E9B2D1, #d366a0);
    -webkit-background-clip: text;
    color: transparent; }
    @media only screen and (max-width: 56.25em) {
      .post-kutu--icon {
        margin-bottom: 0;
        font-size: 13rem; } }
  .post-kutu:hover {
    transform: translateY(-1.5rem) scale(1.03); }
  .post-kutu--yazi {
    text-align: center;
    font-size: 1.5rem;
    font-weight: 400;
    margin-bottom: 1rem; 
	 /* 确保标题自身单行显示 */
	  white-space: nowrap; /* 标题内文字不换行 */
	  display: inline-block; /* 保持块级特性的同时，不强制独占整行宽度 */
	  width: 100%; /* 占满父容器宽度，确保后续内容换行 */
	  
	  /* 可选：添加底部间距，与下方内容分隔 */
	  margin-bottom: 1rem;
	  
	  /* 防止标题过长溢出 */
	  overflow: hidden;
	  text-overflow: ellipsis; /* 超长时显示省略号 */
	
	}
    @media only screen and (max-width: 56.25em) {
      .post-kutu--yazi {
        font-size: 3.1rem;
        text-align: left;
        /*padding: 2rem;*/ } }
		
		.baslik-3.h-yazi-margin-kucuk {
		  /* 确保标题自身单行显示 */
		  white-space: nowrap; /* 标题内文字不换行 */
		  display: inline-block; /* 保持块级特性的同时，不强制独占整行宽度 */
		  width: 100%; /* 占满父容器宽度，确保后续内容换行 */
		  
		  
		  /* 可选：添加底部间距，与下方内容分隔 */
		  margin-bottom: 1rem;
		  
		  /* 防止标题过长溢出 */
		  overflow: hidden;
		  text-overflow: ellipsis; /* 超长时显示省略号 */
		}
		.baslik-3.h-yazi-margin-kucuk1 {
		  /* 允许文字自动换行（默认值，可省略） */
		  white-space: normal; 
		  /* 移除强制不换行的设置，其他属性按需保留 */
		  display: block; /* 或保持 inline-block，根据布局需求 */
		  width: 600px; /* 确保有明确宽度限制，否则可能撑满父容器不换行 */
		  
		  margin-bottom: 1rem;
		  /* 如需允许内容溢出显示（而非省略号），可移除以下两行 */
		  /* overflow: hidden; */
		  /* text-overflow: ellipsis; */
		}
		
		
		/* 确保后续元素强制换行 */
		.baslik-3.h-yazi-margin-kucuk + * {
		  clear: both; /* 清除浮动影响，强制另起一行 */
		  display: block; /* 确保后续元素为块级，自动换行 */
		}

.ozellik-kutu-iletisim {
  background-color: #fff;
  padding: 2.5rem;
  text-align: center;
  font-size: 1.5rem;
  border-radius: .3rem;
  box-shadow: 0 1.5rem 4rem rgba(0, 0, 0, 0.15);
  transition: transform .3s; }
  @media only screen and (max-width: 56.25em) {
    .ozellik-kutu-iletisim {
      padding: 2rem; } }
  .ozellik-kutu-iletisim--icon {
    font-size: 6rem;
    margin-bottom: -2rem;
    display: inline-block;
    background-image: linear-gradient(to right, #d366a0, #DE6FAA);
    -webkit-background-clip: text;
    color: transparent; }
    @media only screen and (max-width: 56.25em) {
      .ozellik-kutu-iletisim--icon {
        margin-bottom: 0;
        font-size: 13rem; } }
  .ozellik-kutu-iletisim:hover {
    transform: translateY(-1.5rem) scale(1.03); }
  .ozellik-kutu-iletisim--yazi {
    text-align: center;
    font-size: 1.8rem;
    font-weight: 600;
    color: #DE6FAA; }
    @media only screen and (max-width: 56.25em) {
      .ozellik-kutu-iletisim--yazi {
        font-size: 3.5rem; } }
  .ozellik-kutu-iletisim--yazi-iletisim {
    text-align: center;
    font-size: 1.6rem;
    font-weight: 400;
    color: #DE6FAA; }
    @media only screen and (max-width: 56.25em) {
      .ozellik-kutu-iletisim--yazi-iletisim {
        font-size: 3.5rem; } }

.baslik-4 {
  font-size: 1.8rem;
  text-transform: uppercase;
  font-weight: 400; }

.yorumdiv {
  width: 100%;
  min-height: 315px;
  margin: 0 auto;
  position: relative;
  padding-bottom: 30px;
  overflow: hidden; }
  @media only screen and (max-width: 75em) {
    .yorumdiv {
      min-height: 412px; } }
  @media only screen and (max-width: 40em) {
    .yorumdiv {
      min-height: 320px; } }
  @media only screen and (min-width: 901px) and (max-width: 1200px) {
    .yorumdiv {
      min-height: 585px; } }
  .yorumdiv__h2 {
    background-image: linear-gradient(to right, #0c52aa, #33c4e7);
    -webkit-background-clip: text;
    color: transparent;
    margin: 15px 0 5px; }
    @media only screen and (max-width: 40em) {
      .yorumdiv__h2 {
        font-size: 3rem; } }
    @media only screen and (max-width: 75em) {
      .yorumdiv__h2 {
        font-size: 3rem; } }
  .yorumdiv__h6 {
    color: #0c52aa;
    margin: 0;
    font-size: 1.4rem; }
    @media only screen and (max-width: 40em) {
      .yorumdiv__h6 {
        font-size: 2.4rem; } }
    @media only screen and (max-width: 75em) {
      .yorumdiv__h6 {
        font-size: 2.4rem; } }

.footer {
  background-image: linear-gradient(to right bottom, #E9B2D1, #DE6FAA);
  padding: 1rem 0 1rem;
  font-size: 1.4rem;
  color: #fff;
  border-radius: 50rem;
  /*margin-top: -16rem;*/ }
  @media only screen and (max-width: 56.25em) {
    .footer {
      padding: 18rem 0;
      text-align: center; } }
  .footer__menu {
    border-top: 0.1rem solid #fff;
    padding-top: 2rem;
    display: inline-block; }
    @media only screen and (max-width: 56.25em) {
      .footer__menu {
        width: 100%;
        text-align: center; } }
  .footer__list {
    list-style: none; }
    @media only screen and (max-width: 56.25em) {
      .footer__list {
        font-size: 4rem; } }
  .footer__item {
    display: inline-block; }
    .footer__item:not(:last-child) {
      margin-right: 1.4rem; }
  .footer__link:link, .footer__link:visited {
    color: #fff;
    font-weight: 600;
    text-decoration: none;
    text-transform: uppercase;
    display: inline-block;
    transition: all .2s; }
  .footer__link:hover, .footer__link:active {
    color: #fff;
    transform: rotate(5deg) scale(1.3); }
  .footer__copyright {
    border-top: 0.1rem solid #fff;
    color: #fff;
    padding-top: 2rem;
    width: 100%; }
    @media only screen and (max-width: 56.25em) {
      .footer__copyright {
        width: 100%;
        float: none;
        text-align: center;
        font-size: 2.7rem; } }
  .footer__sosyal {
    border-top: 0.1rem solid #fff;
    padding-top: 2rem;
    width: 48%;
    text-align: center; }
    @media only screen and (max-width: 56.25em) {
      .footer__sosyal {
        width: 100%;
        float: none;
        text-align: center; } }
  .footer__sosyallink:link, .footer__sosyallink:visited {
    color: #fff;
    font-weight: 600;
    text-decoration: none;
    display: inline-block;
    transition: all .2s; }
    @media only screen and (max-width: 56.25em) {
      .footer__sosyallink:link, .footer__sosyallink:visited {
        font-size: 5rem; } }
  .footer__sosyallink:hover, .footer__sosyallink:active {
    color: #fff;
    transform: translateY(-0.3rem); }

.footer-404 {
  background-image: linear-gradient(to right bottom, #33c4e7, #259cb9);
  padding: 5rem 0 1rem;
  font-size: 1.4rem;
  color: #fff;
  margin-top: -10rem; }
  @media only screen and (max-width: 56.25em) {
    .footer-404 {
      padding: 18rem 0;
      text-align: center; } }

.ozel {
  margin-left: 6rem; }
  .ozel-copyright {
    margin-left: 16.2rem;
    margin-top: -2rem; }
    @media only screen and (max-width: 40em) {
      .ozel-copyright {
        margin-left: 1rem; } }
    @media only screen and (max-width: 56.25em) {
      .ozel-copyright {
        margin-left: 1rem; } }
  @media only screen and (max-width: 40em) {
    .ozel {
      margin-left: 1rem; } }
  @media only screen and (max-width: 56.25em) {
    .ozel {
      margin-left: 1rem; } }

.iletisim-icon {
  background-image: linear-gradient(to right, #fdfdfd, #e0dfdf);
  -webkit-background-clip: text;
  color: transparent;
  font-size: 5.5rem;
  transition: all .2s ease-in-out; }
  @media only screen and (max-width: 40em) {
    .iletisim-icon {
      font-size: 13.5rem; } }
  @media only screen and (max-width: 56.25em) {
    .iletisim-icon {
      font-size: 13.5rem; } }

.ozel-iletisim {
  margin-left: 16rem;
  margin-top: -3rem; }
  @media only screen and (max-width: 40em) {
    .ozel-iletisim {
      margin-left: 5rem;
      margin-top: 1rem;
      padding: .5rem 2rem .2rem 1.5rem; } }
  @media only screen and (max-width: 56.25em) {
    .ozel-iletisim {
      margin-left: 5rem;
      margin-top: 1rem;
      padding: .5rem 2rem .2rem 1.5rem; } }
  .ozel-iletisim__yazi {
    color: #e0e0e0;
    font-weight: 600;
    font-family: sans-serif;
    font-size: 4.2rem;
    /*margin-left: 6rem;*/
    margin-top: -3.5rem; }
    @media only screen and (max-width: 56.25em) {
      .ozel-iletisim__yazi {
        font-size: 5.2rem;
        margin-left: 0rem; } }
    @media only screen and (max-width: 40em) {
      .ozel-iletisim__yazi {
        font-size: 5.2rem;
        margin-left: 0rem; } }

.menunav {
  background-color:#ffddee;
  overflow: hidden;
  float: right;
  margin-top: 5rem;
  margin-right: 55rem;
  border-radius: 5.5rem; }
  @media only screen and (max-width: 1800px) {
    .menunav {
      margin-top: 2rem;
      margin-right: 12rem;
      border-radius: 5.5rem; } }
  @media only screen and (max-width: 1600px) {
    .menunav {
      margin-top: 2rem;
      margin-right: 12rem;
      border-radius: 5.5rem; } }
  @media only screen and (max-width: 1400px) {
    .menunav {
      margin-top: 2rem;
      margin-right: 12rem;
      border-radius: 5.5rem; } }
  @media only screen and (max-width: 1366px) {
    .menunav {
      /*margin-top: 24rem;*/
      margin-right: 12rem;
      border-radius: 5.5rem; } }
  @media only screen and (max-width: 1024px) {
    .menunav {
      /*margin-top: 24rem;*/
      margin-right: 1rem;
      border-radius: 5.5rem; } }
  @media only screen and (max-width: 40em) {
    .menunav {
      margin-top: 24rem;
      margin-right: 16rem;
      border-radius: 5.5rem; } }
  @media only screen and (max-width: 56.25em) {
    .menunav {
      margin-top: 24rem;
      margin-right: 16rem;
      border-radius: 5.5rem; } }

/* Style the links inside the navigation bar */
.menunav a {
  float: left;
  display: block;
  color: #e87a9f;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px; }
  @media only screen and (max-width: 40em) {
    .menunav a {
      font-size: 15px; } }
  @media only screen and (max-width: 56.25em) {
    .menunav a {
      font-size: 15px; } }

/* Add an active class to highlight the current page */
.active {
  background-color: #DE6FAA;
  color: white !important; / 增加优先级确保生效 /
  font-weight: bold; / 可选：增强选中效果 */ 
  
  
  }

/* Hide the link that should open and close the topnav on small screens */
.menunav .icon {
  display: none; }

/* Dropdown container - needed to position the dropdown content */
.dropdown {
  float: left;
  overflow: hidden; }

/* Style the dropdown button to fit inside the topnav */
.dropdown .dropbtn {
  font-size: 17px;
  border: none;
  outline: none;
  color: white;
  padding: 14px 16px;
  background-color: inherit;
  font-family: inherit;
  margin: 0; }

/* Style the dropdown content (hidden by default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  border-radius: 1rem;
  z-index: 1; }

/* Style the links inside the dropdown */
.dropdown-content a {
  float: none;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left; }

/* Add a dark background on topnav links and the dropdown button on hover */
.menunav a:hover, .dropdown:hover .dropbtn {
  background-color: #DE6FAA;
  color: white; }

/* Add a grey background to dropdown links on hover */
.dropdown-content a:hover {
  background-color: #E9B2D1;
  color: #fff;
  border-radius: 5.5rem; }

/* Show the dropdown menu when the user moves the mouse over the dropdown button */
.dropdown:hover .dropdown-content {
  display: block; }

/* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
@media screen and (max-width: 600px) {
  .menunav a:not(:first-child), .dropdown .dropbtn {
    display: none; }

  .menunav a.icon {
    float: right;
    display: block;
    width: 25rem; } }
/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
@media screen and (max-width: 600px) {
  .menunav.responsive {
    position: relative;
    width: 200px;
    z-index: 3; }

  .menunav.responsive a.icon {
    position: absolute;
    right: 0;
    top: 0;
    margin-right: -39px; }

  .menunav.responsive a {
    float: none;
    display: block;
    text-align: left; }

  .menunav.responsive .dropdown {
    float: none; }

  .menunav.responsive .dropdown-content {
    position: relative; }

  .menunav.responsive .dropdown .dropbtn {
    display: block;
    width: 100%;
    text-align: left; } }
.social-media {
  float: right;
  margin-right: -70rem;
  margin-top: 5rem; }
  @media only screen and (max-width: 1800px) {
    .social-media {
      float: right;
      margin-right: -22rem;
      margin-top: 9rem; } }
  @media only screen and (max-width: 1600px) {
    .social-media {
      float: right;
      margin-right: -22rem;
      margin-top: 9rem; } }
  @media only screen and (max-width: 1400px) {
    .social-media {
      float: right;
      margin-right: -22rem;
      margin-top: 9rem; } }
  @media only screen and (max-width: 1366px) {
    .social-media {
      float: right;
      margin-right: -24rem;
      margin-top: 15rem; } }
  @media only screen and (max-width: 1024px) {
    .social-media {
      float: right;
      margin-right: -24rem;
      margin-top: 15rem; } }
  @media only screen and (max-width: 40em) {
    .social-media {
      text-align: center;
      float: right;
      margin-right: 70px;
      margin-top: 25px; } }
  @media only screen and (max-width: 56.25em) {
    .social-media {
      text-align: center;
      float: right;
      margin-right: 70px;
      margin-top: 25px; } }

.social-image:hover {
  opacity: 0.7; }

.phone-contact {
  float: right;
  margin-right: -93rem;
  margin-top: 4rem; }
  @media only screen and (max-width: 1800px) {
    .phone-contact {
      float: right;
      margin-right: -58rem;
      margin-top: 8rem; } }
  @media only screen and (max-width: 1700px) {
    .phone-contact {
      float: right;
      margin-right: -58rem;
      margin-top: 8rem; } }
  @media only screen and (max-width: 1600px) {
    .phone-contact {
      float: right;
      margin-right: -58rem;
      margin-top: 8rem; } }
  @media only screen and (max-width: 1400px) {
    .phone-contact {
      float: right;
      margin-right: -58rem;
      margin-top: 8rem; } }
  @media only screen and (max-width: 1366px) {
    .phone-contact {
      float: right;
      margin-right: -66rem;
      margin-top: 14rem; } }
  @media only screen and (max-width: 1024px) {
    .phone-contact {
      float: right;
      margin-right: -61rem;
      margin-top: 14rem; } }
  @media only screen and (max-width: 40em) {
    .phone-contact {
      float: right;
      margin-right: 21rem;
      margin-top: 4rem; } }
  @media only screen and (max-width: 56.25em) {
    .phone-contact {
      float: right;
      margin-right: 21rem;
      margin-top: 4rem; } }

.phone-image:hover:hover {
  opacity: 0.9; }

span.phone-image__text {
  font-size: 3rem;
  font-weight: 600;
  color: #333333;
  float: right;
  margin-left: .6rem; }
  @media only screen and (max-width: 40em) {
    span.phone-image__text {
      font-size: 4rem;
      font-weight: 600;
      color: #333333;
      float: right;
      margin-left: 0.6rem;
      margin-top: 0rem; } }
  @media only screen and (max-width: 56.25em) {
    span.phone-image__text {
      font-size: 4rem;
      font-weight: 600;
      color: #333333;
      float: right;
      margin-left: 0.6rem;
      margin-top: 0rem; } }

/* clearfix */
.owl-carousel .owl-wrapper:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: ".";
  line-height: 0; }

/* display none until init */
.owl-carousel {
  position: relative;
  display: none;
  width: 100%;
  -ms-touch-action: pan-y; }

.owl-carousel .owl-wrapper {
  position: relative;
  display: none;
  -webkit-transform: translate3d(0px, 0px, 0px); }

.owl-carousel .owl-wrapper-outer {
  position: relative;
  overflow: hidden;
  width: 100%; }

.owl-carousel .owl-wrapper-outer.autoHeight {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out; }

.owl-carousel2 .owl-wrapper-outer {
  position: relative;
  overflow: hidden;
  width: 100%;
  display: inline-flex; }

.owl-carousel2 .owl-wrapper-outer.autoHeight {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out; }

.owl-carousel .owl-item {
  float: left; }

.owl-controls .owl-page,
.owl-controls .owl-buttons div {
  cursor: pointer; }

.owl-controls {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

/* mouse grab icon */
.grabbing {
  cursor: url(../images/grabbing.png) 8 8, move; }

/* fix */
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  display: inline-table; }

.owl-theme .owl-controls {
  margin-top: 10px;
  text-align: center; }

/* 
 *  Owl Carousel CSS3 Transitions 
 *  v1.3.2
 */
.owl-origin {
  -webkit-perspective: 1200px;
  -webkit-perspective-origin-x: 50%;
  -webkit-perspective-origin-y: 50%;
  -moz-perspective: 1200px;
  -moz-perspective-origin-x: 50%;
  -moz-perspective-origin-y: 50%;
  perspective: 1200px; }

/* fade */
.owl-fade-out {
  z-index: 10;
  -webkit-animation: fadeOut .7s both ease;
  -moz-animation: fadeOut .7s both ease;
  animation: fadeOut .7s both ease; }

.owl-fade-in {
  -webkit-animation: fadeIn .7s both ease;
  -moz-animation: fadeIn .7s both ease;
  animation: fadeIn .7s both ease; }

/* backSlide */
.owl-backSlide-out {
  -webkit-animation: backSlideOut 1s both ease;
  -moz-animation: backSlideOut 1s both ease;
  animation: backSlideOut 1s both ease; }

.owl-backSlide-in {
  -webkit-animation: backSlideIn 1s both ease;
  -moz-animation: backSlideIn 1s both ease;
  animation: backSlideIn 1s both ease; }

/* goDown */
.owl-goDown-out {
  -webkit-animation: scaleToFade .7s ease both;
  -moz-animation: scaleToFade .7s ease both;
  animation: scaleToFade .7s ease both; }

.owl-goDown-in {
  -webkit-animation: goDown .6s ease both;
  -moz-animation: goDown .6s ease both;
  animation: goDown .6s ease both; }

/* scaleUp */
.owl-fadeUp-in {
  -webkit-animation: scaleUpFrom .5s ease both;
  -moz-animation: scaleUpFrom .5s ease both;
  animation: scaleUpFrom .5s ease both; }

.owl-fadeUp-out {
  -webkit-animation: scaleUpTo .5s ease both;
  -moz-animation: scaleUpTo .5s ease both;
  animation: scaleUpTo .5s ease both; }

/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
  0% {
    opacity: 1; } }
@-moz-keyframes empty {
  0% {
    opacity: 1; } }
@keyframes empty {
  0% {
    opacity: 1; } }
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-moz-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@-moz-keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@-webkit-keyframes backSlideOut {
  25% {
    opacity: .5;
    -webkit-transform: translateZ(-500px); }
  75% {
    opacity: .5;
    -webkit-transform: translateZ(-500px) translateX(-200%); }
  100% {
    opacity: .5;
    -webkit-transform: translateZ(-500px) translateX(-200%); } }
@-moz-keyframes backSlideOut {
  25% {
    opacity: .5;
    -moz-transform: translateZ(-500px); }
  75% {
    opacity: .5;
    -moz-transform: translateZ(-500px) translateX(-200%); }
  100% {
    opacity: .5;
    -moz-transform: translateZ(-500px) translateX(-200%); } }
@keyframes backSlideOut {
  25% {
    opacity: .5;
    transform: translateZ(-500px); }
  75% {
    opacity: .5;
    transform: translateZ(-500px) translateX(-200%); }
  100% {
    opacity: .5;
    transform: translateZ(-500px) translateX(-200%); } }
@-webkit-keyframes backSlideIn {
  0%,
  25% {
    opacity: .5;
    -webkit-transform: translateZ(-500px) translateX(200%); }
  75% {
    opacity: .5;
    -webkit-transform: translateZ(-500px); }
  100% {
    opacity: 1;
    -webkit-transform: translateZ(0) translateX(0); } }
@-moz-keyframes backSlideIn {
  0%,
  25% {
    opacity: .5;
    -moz-transform: translateZ(-500px) translateX(200%); }
  75% {
    opacity: .5;
    -moz-transform: translateZ(-500px); }
  100% {
    opacity: 1;
    -moz-transform: translateZ(0) translateX(0); } }
@keyframes backSlideIn {
  0%,
  25% {
    opacity: .5;
    transform: translateZ(-500px) translateX(200%); }
  75% {
    opacity: .5;
    transform: translateZ(-500px); }
  100% {
    opacity: 1;
    transform: translateZ(0) translateX(0); } }
@-webkit-keyframes scaleToFade {
  to {
    opacity: 0;
    -webkit-transform: scale(0.8); } }
@-moz-keyframes scaleToFade {
  to {
    opacity: 0;
    -moz-transform: scale(0.8); } }
@keyframes scaleToFade {
  to {
    opacity: 0;
    transform: scale(0.8); } }
@-webkit-keyframes goDown {
  from {
    -webkit-transform: translateY(-100%); } }
@-moz-keyframes goDown {
  from {
    -moz-transform: translateY(-100%); } }
@keyframes goDown {
  from {
    transform: translateY(-100%); } }
@-webkit-keyframes scaleUpFrom {
  from {
    opacity: 0;
    -webkit-transform: scale(1.5); } }
@-moz-keyframes scaleUpFrom {
  from {
    opacity: 0;
    -moz-transform: scale(1.5); } }
@keyframes scaleUpFrom {
  from {
    opacity: 0;
    transform: scale(1.5); } }
@-webkit-keyframes scaleUpTo {
  to {
    opacity: 0;
    -webkit-transform: scale(1.5); } }
@-moz-keyframes scaleUpTo {
  to {
    opacity: 0;
    -moz-transform: scale(1.5); } }
@keyframes scaleUpTo {
  to {
    opacity: 0;
    transform: scale(1.5); } }
/* Styling Next and Prev buttons */
.owl-theme .owl-controls .owl-buttons div {
  display: inline-block;
  margin: 5px;
  padding: 3px 10px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  background: #869791;
  color: #FFF;
  font-size: 12px;
  opacity: 0.5;
  filter: Alpha(Opacity=50);
  /*IE7 fix*/
  zoom: 1;
  *display: inline;
  /*IE7 life-saver */ }

/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover {
  text-decoration: none;
  opacity: 1;
  filter: Alpha(Opacity=100);
  /*IE7 fix*/ }

/* Styling Pagination*/
.owl-theme .owl-controls .owl-page {
  display: inline-block;
  zoom: 1;
  *display: inline;
  /*IE7 life-saver */ }

.owl-theme .owl-controls .owl-page span {
  display: block;
  margin: 5px 7px;
  width: 12px;
  height: 12px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  background: #869791;
  opacity: 0.5;
  filter: Alpha(Opacity=50);
  /*IE7 fix*/ }

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
  opacity: 1;
  filter: Alpha(Opacity=100);
  /*IE7 fix*/ }

/* If PaginationNumbers is true */
.owl-theme .owl-controls .owl-page span.owl-numbers {
  padding: 2px 10px;
  width: auto;
  height: auto;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  color: #FFF;
  font-size: 12px; }

/* preloading images */
.owl-item.loading {
  min-height: 150px;
  background: url(../images/AjaxLoader.gif) no-repeat center center; }

/* CUSTOM USER OPTIONS */
.carousel-container {
  width: 100%;
  margin-top: 50px; }

.item {
  margin: 0;
  background: #fff;
  color: #f0f0f0;
  border-radius: 10px;
  text-align: center;
  font-family: 'Montserrat', sans-serif; }
  @media only screen and (max-width: 56.25em) {
    .item {
      font-size: 4.5rem; } }

.item img {
  width: 100%; }

.item h4 {
  margin-top: 27px;
  color: #0c52aa;
  font-size: 2rem;
  font-family: "poppins"; }
  @media only screen and (max-width: 56.25em) {
    .item h4 {
      font-size: 6.7rem; } }

.item h6 {
  padding-bottom: 30px;
  color: #575a5a;
  font-size: 1.5rem;
  font-family: "poppins"; }
  @media only screen and (max-width: 56.25em) {
    .item h6 {
      font-size: 3.8rem; } }

.customNavigation {
  display: none;
  margin-top: -25px;
  text-align: center; }

.customNavigation .btn {
  margin: 0;
  position: relative;
  display: inline-block;
  overflow: visible;
  padding: 0.8em 1.1em;
  width: 50%;
  float: left;
  border: 0;
  box-shadow: none;
  color: #fff;
  text-transform: uppercase;
  text-shadow: none;
  font-size: 20px;
  cursor: crosshair;
  -webkit-transition: all .1s ease-in 0s;
  -moz-transition: all .1s ease-in 0s;
  -o-transition: all .1s ease-in 0s;
  -webkit-font-smoothing: antialiased;
  background: #333; }

.customNavigation .btn:hover {
  background: #222; }

.hoverfx {
  display: block;
  overflow: hidden;
  text-align: center; }

.hoverfx img {
  position: absolute;
  left: 0;
  width: 100%;
  border-radius: 1px;
  margin-left: 1px;
  filter: alpha(opacity=40);
  opacity: 0.6;
  transition: all .5s ease-out;
  border-color: #cecece;
  border-style: solid;
  border-width: 1.5rem; }
  .hoverfx img:hover {
    opacity: 1;
    transform: translateY(5px); }

.hoverfx:before {
  display: inline-block;
  padding-top: 80%;
  content: '';
  vertical-align: middle; }

.hoverfx .figure {
  position: relative;
  z-index: 2;
  display: inline-block;
  padding: 12px;
  max-width: 60%;
  border: 3px solid #e9e9e9;
  color: #ecf0f1;
  vertical-align: middle;
  text-transform: uppercase;
  font-size: 1rem;
  opacity: 0;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease; }

.hoverfx .overlay {
  position: absolute;
  top: 0;
  z-index: 1;
  padding: 50%;
  margin-left: 5px;
  border-radius: 10px;
  background: #fff;
  opacity: 0;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  display: none; }

.item:hover .figure,
.item:hover .overlay {
  opacity: 1; }

.owl-wrapper {
  width: 100%;
  left: 0px;
  display: block; }

.form__grup {
  margin-bottom: .2rem; }
  .form__grup__grup:not(:last-child) {
    margin-bottom: .5rem; }
.form__input {
  font-size: 1.5rem;
  font-family: inherit;
  padding: 1.3rem 2rem;
  border-radius: .2rem;
  color: inherit;
  background-color: rgba(255, 255, 255, 0.5);
  border: none;
  border-bottom: .3rem solid transparent;
  width: 90%;
  display: block;
  transition: all .3s;
  box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.1);
  border-bottom: 0.3rem solid #DE6FAA; }
  @media only screen and (max-width: 56.25em) {
    .form__input {
      font-size: 3.5rem;
      padding: 2.3rem 2rem; } }
  @media only screen and (max-width: 40em) {
    .form__input {
      font-size: 3.5rem;
      padding: 2.3rem 2rem; } }
  .form__input:focus {
    outline: none;
    box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.1);
    border-bottom: 0.3rem solid #DE6FAA; }
  .form__input:focus:invalid {
    border-bottom: 0.3rem solid #d366a0; }
  .form__input::-webkit-input-placeholder {
    color: #999; }
.form__label {
  font-size: 1.2rem;
  font-weight: 700;
  margin-left: 2rem;
  margin-top: .7rem;
  display: block;
  transition: all .3s; }
.form__input:placeholder-shown + .form__label {
  opacity: 0;
  visibility: hidden;
  transform: translateY(-4rem); }
.form__radio-grup {
  width: 49%;
  display: inline-block;
  float: left;
  margin-bottom: 2rem; }
.form__radio-input {
  display: none; }
.form__radio-label {
  font-size: 1.6rem;
  cursor: pointer;
  position: relative;
  padding-left: 4.5rem; }
.form__radio-buton {
  height: 3rem;
  width: 3rem;
  border: 0.5rem solid #DE6FAA;
  border-radius: 50%;
  display: inline-block;
  position: absolute;
  left: 0;
  top: -.4rem; }
  .form__radio-buton::after {
    content: "";
    display: block;
    height: 1.3rem;
    width: 1.3rem;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #DE6FAA;
    opacity: 0;
    transition: opacity .2s; }
.form__radio-input:checked + .form__radio-label .form__radio-buton::after {
  opacity: 1; }

.form-popup {
  padding: 0rem 5rem 0rem 5rem;
  text-align: center; }
  .form-popup__grup {
    margin-bottom: .2rem; }
    .form-popup__grup__grup:not(:last-child) {
      margin-bottom: .5rem; }
  .form-popup__input {
    font-size: 1.5rem;
    font-family: inherit;
    padding: 1.3rem 2rem;
    border-radius: .2rem;
    color: #1a1a1a;
    background-color: rgba(255, 255, 255, 0.5);
    border: none;
    border-bottom: .3rem solid transparent;
    width: 100%;
    display: block;
    transition: all .3s;
    box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.1);
    border-bottom: 0.3rem solid #E9B2D1; }
    @media only screen and (max-width: 56.25em) {
      .form-popup__input {
        font-size: 3.5rem;
        padding: 2.3rem 2rem; } }
    @media only screen and (max-width: 40em) {
      .form-popup__input {
        font-size: 3.5rem;
        padding: 2.3rem 2rem; } }
    .form-popup__input:focus {
      outline: none;
      box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.1);
      border-bottom: 0.3rem solid #DE6FAA; }
    .form-popup__input:focus:invalid {
      border-bottom: 0.3rem solid #d366a0; }
    .form-popup__input::-webkit-input-placeholder {
      color: #999; }
  .form-popup__label {
    font-size: 1.2rem;
    font-weight: 700;
    margin-left: 2rem;
    margin-top: .7rem;
    display: block;
    transition: all .3s; }
  .form-popup__input:placeholder-shown + .form-popup__label {
    opacity: 0;
    visibility: hidden;
    transform: translateY(-4rem); }
  .form-popup__radio-grup {
    width: 49%;
    display: inline-block;
    float: left;
    margin-bottom: 2rem; }
  .form-popup__radio-input {
    display: none; }
  .form-popup__radio-label {
    font-size: 1.6rem;
    cursor: pointer;
    position: relative;
    padding-left: 4.5rem; }
  .form-popup__radio-buton {
    height: 3rem;
    width: 3rem;
    border: 0.5rem solid #DE6FAA;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    left: 0;
    top: -.4rem; }
    .form-popup__radio-buton::after {
      content: "";
      display: block;
      height: 1.3rem;
      width: 1.3rem;
      border-radius: 50%;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      background-color: #DE6FAA;
      opacity: 0;
      transition: opacity .2s; }
  .form-popup__radio-input:checked + .form-popup__radio-label .form-popup__radio-buton::after {
    opacity: 1; }

.popup {
  height: 100vh;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  transition: all .3s; }
  .popup:target {
    opacity: 1;
    visibility: visible; }
  .popup__kapat:link, .popup__kapat:visited {
    color: #000;
    position: absolute;
    top: 0rem;
    right: 1.5rem;
    font-size: 4rem;
    display: inline-block;
    transition: all .2s; }
    @media only screen and (max-width: 56.25em) {
      .popup__kapat:link, .popup__kapat:visited {
        font-size: 7rem; } }
  .popup__kapat:hover {
    color: #0c52aa; }
  .popup__content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    padding: 10rem;
    background-color: #fff;
    box-shadow: 0 2rem 4rem rgba(0, 0, 0, 0.2); }
    @media only screen and (max-width: 56.25em) {
      .popup__content {
        width: 100%;
        height: 100%; } }
    @media only screen and (max-width: 40em) {
      .popup__content {
        width: 100%;
        height: 100%; } }

.slider__navi {
  position: absolute;
  top: 50%;
  right: 26px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  z-index: 99; }
  .slider__navi a {
    display: block;
    height: 6px;
    width: 20px;
    margin: 20px 0;
    text-indent: -9999px;
    box-shadow: none;
    border: none;
    background: rgba(0, 0, 0, 0.2);
    margin-right: 6rem; }
    @media only screen and (max-width: 40em) {
      .slider__navi a {
        margin-right: 1rem; } }
    @media only screen and (max-width: 75em) {
      .slider__navi a {
        margin-right: 1rem; } }
  .slider__navi a.active {
    background: white; }

.flex__container {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  -o-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  -o-justify-content: flex-start;
  justify-content: flex-start;
  height: 100vh;
  width: 100%;
  z-index: 1; }

.flex__container.flex--active {
  z-index: 0; }

.slideryazi--sub {
  font-size: 12px;
  letter-spacing: 0.5rem;
  text-transform: uppercase;
  margin-bottom: 40px; }
  @media only screen and (max-width: 40em) {
    .slideryazi--sub {
      font-size: 3rem;
      margin-top: -43rem;
      margin-bottom: -5.2rem; } }
.slideryazi--big {
  font-size: 6.4em;
  font-weight: 700;
  line-height: 110px;
  margin-left: -8px; }
  @media only screen and (max-width: 56.25em) {
    .slideryazi--big {
      font-size: 7rem; } }
  @media only screen and (max-width: 40em) {
    .slideryazi--big {
      font-size: 5.4rem; } }
.slideryazi--normal {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.8);
  line-height: 22px;
  margin-top: 25px; }
  @media only screen and (max-width: 40em) {
    .slideryazi--normal {
      display: none; } }

.slideryazi__background {
  font-family: 'Poppins', sans-serif;
  position: absolute;
  left: 40px;
  bottom: 1px;
  color: rgba(0, 0, 0, 0.05);
  font-size: 103px;
  font-weight: 700; }
  @media only screen and (max-width: 40em) {
    .slideryazi__background {
      display: none; } }
  @media only screen and (max-width: 56.25em) {
    .slideryazi__background {
      font-size: 7.5rem; } }

.slider-yazi1 {
  left: -300px;
  top: 100px;
  width: 800px;
  height: 100px;
  position: absolute;
  color: #DE6FAA;
  font-size: 30px;
  font-weight: 900;
  letter-spacing: 0.1em; }
  @media only screen and (max-width: 75em) {
    .slider-yazi1 {
      /*left:1px;*/
      font-size: 5rem;
      word-spacing: -1px; } }
  @media only screen and (max-width: 40em) {
    .slider-yazi1 {
      /*left:1px;*/
      font-size: 10rem;
      word-spacing: -1px; } }

.slider-yazi2 {
  left: -300px;
  top: 163px;
  width: 350px;
  height: 100px;
  position: absolute;
  opacity: 1;
  color: #333333;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0em;
  color: #797979; }
  @media only screen and (max-width: 40em) {
    .slider-yazi2 {
      font-size: 4rem; } }
  @media only screen and (max-width: 75em) {
    .slider-yazi2 {
      /*left:-15px;*/
      font-size: 5rem;
      width: 600px; } }
  @media only screen and (max-width: 40em) {
    .slider-yazi2 {
      margin-top: 40px;
      /*lleft:-15px;*/
      font-size: 5rem;
      width: 600px; } }

@media only screen and (max-width: 56.25em) {
  .slider__warpper {
    /*margin-top: 33rem;*/ } }
@media only screen and (max-width: 40em) {
  .slider__warpper {
    /*margin-top: 50rem;*/ } }

.yukaricik {
  position: fixed;
  width: 5rem;
  height: 5rem;
  background-image: linear-gradient(to right bottom, #E9B2D1, #DE6FAA);
  bottom: 0rem;
  right: 7rem;
  text-decoration: none;
  text-align: center;
  line-height: 5rem;
  border-radius: 5.5rem;
  display: inline-block;
  z-index: 99; }
  @media only screen and (max-width: 40em) {
    .yukaricik {
      display: none; } }
  @media only screen and (max-width: 75em) {
    .yukaricik {
      display: none; } }

.yukaricik-icon {
  font-size: 2rem;
  margin-bottom: .5rem;
  display: inline-block;
  color: #fff; }
  @media only screen and (max-width: 40em) {
    .yukaricik-icon {
      display: none; } }
  @media only screen and (max-width: 75em) {
    .yukaricik-icon {
      display: none; } }

.loadwraps {
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999;
  pointer-events: none;
  background: #fff;
  transition: all 1s; }
  .loadwraps:before, .loadwraps:after,
  .loadwraps .dot,
  .loadwraps .outline {
    position: absolute;
    top: 50%;
    left: 50%;
    -o-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 50%; }
  .loadwraps .dot {
    width: 96px;
    height: 96px;
    background: #FFFFFF;
    -o-animation: in 4s linear infinite;
    -moz-animation: in 4s linear infinite;
    -ms-animation: in 4s linear infinite;
    -webkit-animation: in 4s linear infinite;
    animation: in 4s linear infinite;
    z-index: 2; }
  .loadwraps:before {
    content: "";
    width: 0px;
    height: 0px;
    background: #DE6FAA;
    -o-animation: out1 4s linear infinite;
    -moz-animation: out1 4s linear infinite;
    -ms-animation: out1 4s linear infinite;
    -webkit-animation: out1 4s linear infinite;
    animation: out1 4s linear infinite; }
  .loadwraps:after {
    content: "";
    width: 0px;
    height: 0px;
    background: #FFFFFF;
    -o-animation: out2 4s linear infinite;
    -moz-animation: out2 4s linear infinite;
    -ms-animation: out2 4s linear infinite;
    -webkit-animation: out2 4s linear infinite;
    animation: out2 4s linear infinite; }
  .loadwraps .outline {
    width: 120px;
    height: 120px;
    z-index: 2; }
    .loadwraps .outline span {
      width: 68px;
      height: 68px;
      -o-transform-origin: 100% 100%;
      -moz-transform-origin: 100% 100%;
      -webkit-transform-origin: 100% 100%;
      -ms-transform-origin: 100% 100%;
      transform-origin: 100% 100%;
      -o-transform: rotate(45deg) skewX(80deg);
      -moz-transform: rotate(45deg) skewX(80deg);
      -webkit-transform: rotate(45deg) skewX(80deg);
      -ms-transform: rotate(45deg) skewX(80deg);
      transform: rotate(45deg) skewX(80deg);
      overflow: hidden;
      position: absolute;
      bottom: 50%;
      right: 50%;
      -o-animation: outline 4s linear infinite;
      -moz-animation: outline 4s linear infinite;
      -ms-animation: outline 4s linear infinite;
      -webkit-animation: outline 4s linear infinite;
      animation: outline 4s linear infinite; }
      .loadwraps .outline span:before {
        content: "";
        display: block;
        border: solid 5px #fff;
        width: 200%;
        height: 200%;
        border-radius: 50%;
        -o-transform: skewX(-80deg);
        -moz-transform: skewX(-80deg);
        -webkit-transform: skewX(-80deg);
        -ms-transform: skewX(-80deg);
        transform: skewX(-80deg);
        -o-animation: outlineBefore 4s linear infinite;
        -moz-animation: outlineBefore 4s linear infinite;
        -ms-animation: outlineBefore 4s linear infinite;
        -webkit-animation: outlineBefore 4s linear infinite;
        animation: outlineBefore 4s linear infinite; }

@-o-keyframes outline {
  0% {
    -o-transform: rotate(0deg) skewX(80deg);
    -moz-transform: rotate(0deg) skewX(80deg);
    -webkit-transform: rotate(0deg) skewX(80deg);
    -ms-transform: rotate(0deg) skewX(80deg);
    transform: rotate(0deg) skewX(80deg); }
  25% {
    -o-transform: rotate(500deg) skewX(15deg);
    -moz-transform: rotate(500deg) skewX(15deg);
    -webkit-transform: rotate(500deg) skewX(15deg);
    -ms-transform: rotate(500deg) skewX(15deg);
    transform: rotate(500deg) skewX(15deg); }
  50% {
    -o-transform: rotate(1000deg) skewX(40deg);
    -moz-transform: rotate(1000deg) skewX(40deg);
    -webkit-transform: rotate(1000deg) skewX(40deg);
    -ms-transform: rotate(1000deg) skewX(40deg);
    transform: rotate(1000deg) skewX(40deg); }
  75% {
    -o-transform: rotate(1500deg) skewX(60deg);
    -moz-transform: rotate(1500deg) skewX(60deg);
    -webkit-transform: rotate(1500deg) skewX(60deg);
    -ms-transform: rotate(1500deg) skewX(60deg);
    transform: rotate(1500deg) skewX(60deg); }
  100% {
    -o-transform: rotate(2160deg) skewX(80deg);
    -moz-transform: rotate(2160deg) skewX(80deg);
    -webkit-transform: rotate(2160deg) skewX(80deg);
    -ms-transform: rotate(2160deg) skewX(80deg);
    transform: rotate(2160deg) skewX(80deg); } }
@-moz-keyframes outline {
  0% {
    -o-transform: rotate(0deg) skewX(80deg);
    -moz-transform: rotate(0deg) skewX(80deg);
    -webkit-transform: rotate(0deg) skewX(80deg);
    -ms-transform: rotate(0deg) skewX(80deg);
    transform: rotate(0deg) skewX(80deg); }
  25% {
    -o-transform: rotate(500deg) skewX(15deg);
    -moz-transform: rotate(500deg) skewX(15deg);
    -webkit-transform: rotate(500deg) skewX(15deg);
    -ms-transform: rotate(500deg) skewX(15deg);
    transform: rotate(500deg) skewX(15deg); }
  50% {
    -o-transform: rotate(1000deg) skewX(40deg);
    -moz-transform: rotate(1000deg) skewX(40deg);
    -webkit-transform: rotate(1000deg) skewX(40deg);
    -ms-transform: rotate(1000deg) skewX(40deg);
    transform: rotate(1000deg) skewX(40deg); }
  75% {
    -o-transform: rotate(1500deg) skewX(60deg);
    -moz-transform: rotate(1500deg) skewX(60deg);
    -webkit-transform: rotate(1500deg) skewX(60deg);
    -ms-transform: rotate(1500deg) skewX(60deg);
    transform: rotate(1500deg) skewX(60deg); }
  100% {
    -o-transform: rotate(2160deg) skewX(80deg);
    -moz-transform: rotate(2160deg) skewX(80deg);
    -webkit-transform: rotate(2160deg) skewX(80deg);
    -ms-transform: rotate(2160deg) skewX(80deg);
    transform: rotate(2160deg) skewX(80deg); } }
@-webkit-keyframes outline {
  0% {
    -o-transform: rotate(0deg) skewX(80deg);
    -moz-transform: rotate(0deg) skewX(80deg);
    -webkit-transform: rotate(0deg) skewX(80deg);
    -ms-transform: rotate(0deg) skewX(80deg);
    transform: rotate(0deg) skewX(80deg); }
  25% {
    -o-transform: rotate(500deg) skewX(15deg);
    -moz-transform: rotate(500deg) skewX(15deg);
    -webkit-transform: rotate(500deg) skewX(15deg);
    -ms-transform: rotate(500deg) skewX(15deg);
    transform: rotate(500deg) skewX(15deg); }
  50% {
    -o-transform: rotate(1000deg) skewX(40deg);
    -moz-transform: rotate(1000deg) skewX(40deg);
    -webkit-transform: rotate(1000deg) skewX(40deg);
    -ms-transform: rotate(1000deg) skewX(40deg);
    transform: rotate(1000deg) skewX(40deg); }
  75% {
    -o-transform: rotate(1500deg) skewX(60deg);
    -moz-transform: rotate(1500deg) skewX(60deg);
    -webkit-transform: rotate(1500deg) skewX(60deg);
    -ms-transform: rotate(1500deg) skewX(60deg);
    transform: rotate(1500deg) skewX(60deg); }
  100% {
    -o-transform: rotate(2160deg) skewX(80deg);
    -moz-transform: rotate(2160deg) skewX(80deg);
    -webkit-transform: rotate(2160deg) skewX(80deg);
    -ms-transform: rotate(2160deg) skewX(80deg);
    transform: rotate(2160deg) skewX(80deg); } }
@keyframes outline {
  0% {
    -o-transform: rotate(0deg) skewX(80deg);
    -moz-transform: rotate(0deg) skewX(80deg);
    -webkit-transform: rotate(0deg) skewX(80deg);
    -ms-transform: rotate(0deg) skewX(80deg);
    transform: rotate(0deg) skewX(80deg); }
  25% {
    -o-transform: rotate(500deg) skewX(15deg);
    -moz-transform: rotate(500deg) skewX(15deg);
    -webkit-transform: rotate(500deg) skewX(15deg);
    -ms-transform: rotate(500deg) skewX(15deg);
    transform: rotate(500deg) skewX(15deg); }
  50% {
    -o-transform: rotate(1000deg) skewX(40deg);
    -moz-transform: rotate(1000deg) skewX(40deg);
    -webkit-transform: rotate(1000deg) skewX(40deg);
    -ms-transform: rotate(1000deg) skewX(40deg);
    transform: rotate(1000deg) skewX(40deg); }
  75% {
    -o-transform: rotate(1500deg) skewX(60deg);
    -moz-transform: rotate(1500deg) skewX(60deg);
    -webkit-transform: rotate(1500deg) skewX(60deg);
    -ms-transform: rotate(1500deg) skewX(60deg);
    transform: rotate(1500deg) skewX(60deg); }
  100% {
    -o-transform: rotate(2160deg) skewX(80deg);
    -moz-transform: rotate(2160deg) skewX(80deg);
    -webkit-transform: rotate(2160deg) skewX(80deg);
    -ms-transform: rotate(2160deg) skewX(80deg);
    transform: rotate(2160deg) skewX(80deg); } }
@-o-keyframes outlineBefore {
  0% {
    -o-transform: skewX(-80deg);
    -moz-transform: skewX(-80deg);
    -webkit-transform: skewX(-80deg);
    -ms-transform: skewX(-80deg);
    transform: skewX(-80deg);
    border: solid 5px #ffffff; }
  25% {
    -o-transform: skewX(-15deg);
    -moz-transform: skewX(-15deg);
    -webkit-transform: skewX(-15deg);
    -ms-transform: skewX(-15deg);
    transform: skewX(-15deg);
    border: solid 5px #ffffff; }
  49% {
    border: solid 5px #ffffff; }
  50% {
    -o-transform: skewX(-40deg);
    -moz-transform: skewX(-40deg);
    -webkit-transform: skewX(-40deg);
    -ms-transform: skewX(-40deg);
    transform: skewX(-40deg);
    border: solid 5px #DE6FAA; }
  75% {
    -o-transform: skewX(-60deg);
    -moz-transform: skewX(-60deg);
    -webkit-transform: skewX(-60deg);
    -ms-transform: skewX(-60deg);
    transform: skewX(-60deg);
    border: solid 5px #DE6FAA; }
  100% {
    -o-transform: skewX(-80deg);
    -moz-transform: skewX(-80deg);
    -webkit-transform: skewX(-80deg);
    -ms-transform: skewX(-80deg);
    transform: skewX(-80deg);
    border: solid 5px #DE6FAA; } }
@-moz-keyframes outlineBefore {
  0% {
    -o-transform: skewX(-80deg);
    -moz-transform: skewX(-80deg);
    -webkit-transform: skewX(-80deg);
    -ms-transform: skewX(-80deg);
    transform: skewX(-80deg);
    border: solid 5px #ffffff; }
  25% {
    -o-transform: skewX(-15deg);
    -moz-transform: skewX(-15deg);
    -webkit-transform: skewX(-15deg);
    -ms-transform: skewX(-15deg);
    transform: skewX(-15deg);
    border: solid 5px #ffffff; }
  49% {
    border: solid 5px #ffffff; }
  50% {
    -o-transform: skewX(-40deg);
    -moz-transform: skewX(-40deg);
    -webkit-transform: skewX(-40deg);
    -ms-transform: skewX(-40deg);
    transform: skewX(-40deg);
    border: solid 5px #DE6FAA; }
  75% {
    -o-transform: skewX(-60deg);
    -moz-transform: skewX(-60deg);
    -webkit-transform: skewX(-60deg);
    -ms-transform: skewX(-60deg);
    transform: skewX(-60deg);
    border: solid 5px #DE6FAA; }
  100% {
    -o-transform: skewX(-80deg);
    -moz-transform: skewX(-80deg);
    -webkit-transform: skewX(-80deg);
    -ms-transform: skewX(-80deg);
    transform: skewX(-80deg);
    border: solid 5px #DE6FAA; } }
@-webkit-keyframes outlineBefore {
  0% {
    -o-transform: skewX(-80deg);
    -moz-transform: skewX(-80deg);
    -webkit-transform: skewX(-80deg);
    -ms-transform: skewX(-80deg);
    transform: skewX(-80deg);
    border: solid 5px #ffffff; }
  25% {
    -o-transform: skewX(-15deg);
    -moz-transform: skewX(-15deg);
    -webkit-transform: skewX(-15deg);
    -ms-transform: skewX(-15deg);
    transform: skewX(-15deg);
    border: solid 5px #ffffff; }
  49% {
    border: solid 5px #ffffff; }
  50% {
    -o-transform: skewX(-40deg);
    -moz-transform: skewX(-40deg);
    -webkit-transform: skewX(-40deg);
    -ms-transform: skewX(-40deg);
    transform: skewX(-40deg);
    border: solid 5px #DE6FAA; }
  75% {
    -o-transform: skewX(-60deg);
    -moz-transform: skewX(-60deg);
    -webkit-transform: skewX(-60deg);
    -ms-transform: skewX(-60deg);
    transform: skewX(-60deg);
    border: solid 5px #DE6FAA; }
  100% {
    -o-transform: skewX(-80deg);
    -moz-transform: skewX(-80deg);
    -webkit-transform: skewX(-80deg);
    -ms-transform: skewX(-80deg);
    transform: skewX(-80deg);
    border: solid 5px #DE6FAA; } }
@keyframes outlineBefore {
  0% {
    -o-transform: skewX(-80deg);
    -moz-transform: skewX(-80deg);
    -webkit-transform: skewX(-80deg);
    -ms-transform: skewX(-80deg);
    transform: skewX(-80deg);
    border: solid 5px #ffffff; }
  25% {
    -o-transform: skewX(-15deg);
    -moz-transform: skewX(-15deg);
    -webkit-transform: skewX(-15deg);
    -ms-transform: skewX(-15deg);
    transform: skewX(-15deg);
    border: solid 5px #ffffff; }
  49% {
    border: solid 5px #ffffff; }
  50% {
    -o-transform: skewX(-40deg);
    -moz-transform: skewX(-40deg);
    -webkit-transform: skewX(-40deg);
    -ms-transform: skewX(-40deg);
    transform: skewX(-40deg);
    border: solid 5px #DE6FAA; }
  75% {
    -o-transform: skewX(-60deg);
    -moz-transform: skewX(-60deg);
    -webkit-transform: skewX(-60deg);
    -ms-transform: skewX(-60deg);
    transform: skewX(-60deg);
    border: solid 5px #DE6FAA; }
  100% {
    -o-transform: skewX(-80deg);
    -moz-transform: skewX(-80deg);
    -webkit-transform: skewX(-80deg);
    -ms-transform: skewX(-80deg);
    transform: skewX(-80deg);
    border: solid 5px #DE6FAA; } }
@-o-keyframes in {
  0% {
    width: 144px;
    height: 144px;
    background: #FFFFFF; }
  40% {
    width: 0px;
    height: 0px;
    background: #FFFFFF; }
  41% {
    width: 0px;
    height: 0px;
    background: #DE6FAA; }
  50% {
    width: 144px;
    height: 144px;
    background: #DE6FAA; }
  90% {
    width: 0px;
    height: 0px;
    background: #DE6FAA; }
  91% {
    width: 0px;
    height: 0px;
    background: #FFFFFF; }
  100% {
    width: 144px;
    height: 144px;
    background: #FFFFFF; } }
@-moz-keyframes in {
  0% {
    width: 144px;
    height: 144px;
    background: #FFFFFF; }
  40% {
    width: 0px;
    height: 0px;
    background: #FFFFFF; }
  41% {
    width: 0px;
    height: 0px;
    background: #DE6FAA; }
  50% {
    width: 144px;
    height: 144px;
    background: #DE6FAA; }
  90% {
    width: 0px;
    height: 0px;
    background: #DE6FAA; }
  91% {
    width: 0px;
    height: 0px;
    background: #FFFFFF; }
  100% {
    width: 144px;
    height: 144px;
    background: #FFFFFF; } }
@-webkit-keyframes in {
  0% {
    width: 144px;
    height: 144px;
    background: #FFFFFF; }
  40% {
    width: 0px;
    height: 0px;
    background: #FFFFFF; }
  41% {
    width: 0px;
    height: 0px;
    background: #DE6FAA; }
  50% {
    width: 144px;
    height: 144px;
    background: #DE6FAA; }
  90% {
    width: 0px;
    height: 0px;
    background: #DE6FAA; }
  91% {
    width: 0px;
    height: 0px;
    background: #FFFFFF; }
  100% {
    width: 144px;
    height: 144px;
    background: #FFFFFF; } }
@keyframes in {
  0% {
    width: 144px;
    height: 144px;
    background: #FFFFFF; }
  40% {
    width: 0px;
    height: 0px;
    background: #FFFFFF; }
  41% {
    width: 0px;
    height: 0px;
    background: #DE6FAA; }
  50% {
    width: 144px;
    height: 144px;
    background: #DE6FAA; }
  90% {
    width: 0px;
    height: 0px;
    background: #DE6FAA; }
  91% {
    width: 0px;
    height: 0px;
    background: #FFFFFF; }
  100% {
    width: 144px;
    height: 144px;
    background: #FFFFFF; } }
@-o-keyframes out1 {
  0% {
    width: 0px;
    height: 0px; }
  30% {
    width: 120vw;
    height: 120vw; }
  100% {
    width: 120vw;
    height: 120vw; } }
@-moz-keyframes out1 {
  0% {
    width: 0px;
    height: 0px; }
  30% {
    width: 120vw;
    height: 120vw; }
  100% {
    width: 120vw;
    height: 120vw; } }
@-webkit-keyframes out1 {
  0% {
    width: 0px;
    height: 0px; }
  30% {
    width: 120vw;
    height: 120vw; }
  100% {
    width: 120vw;
    height: 120vw; } }
@keyframes out1 {
  0% {
    width: 0px;
    height: 0px; }
  30% {
    width: 120vw;
    height: 120vw; }
  100% {
    width: 120vw;
    height: 120vw; } }
@-o-keyframes out2 {
  0% {
    width: 0px;
    height: 0px; }
  30% {
    width: 0px;
    height: 0px; }
  60% {
    width: 120vw;
    height: 120vw; }
  100% {
    width: 120vw;
    height: 120vw; } }
@-moz-keyframes out2 {
  0% {
    width: 0px;
    height: 0px; }
  30% {
    width: 0px;
    height: 0px; }
  60% {
    width: 120vw;
    height: 120vw; }
  100% {
    width: 120vw;
    height: 120vw; } }
@-webkit-keyframes out2 {
  0% {
    width: 0px;
    height: 0px; }
  30% {
    width: 0px;
    height: 0px; }
  60% {
    width: 120vw;
    height: 120vw; }
  100% {
    width: 120vw;
    height: 120vw; } }
@keyframes out2 {
  0% {
    width: 0px;
    height: 0px; }
  30% {
    width: 0px;
    height: 0px; }
  60% {
    width: 120vw;
    height: 120vw; }
  100% {
    width: 120vw;
    height: 120vw; } }
.fade {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none; }

*,
*:after,
*::before {
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0; }

.ozellik-kutu--yazi {
  text-align: center;
  font-size: 10px;
  
  font-weight: 500; }

.ozellik-kutu {
  border: 6px;
  border-style: solid;
  border-color: #DE6FAA; }

.footer__sosyal {
  border-top: 0.1rem solid #fff;
  padding-top: 2rem;
  width: 100%;
  text-align: center; }

img.header__logo2 {
  width: 80%; }

.liness {
  border-top: 0.1rem solid #fff;
  padding-top: 2rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  font-weight: 600; }
  

@media (min-width: 200px) and (max-width: 1250px) {
  .liness {
    font-size: 25px;
    text-align: center; }

  .ozellik-kutu {
    padding: 10rem;
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center; } }
.h-yazi-margin-5, .h2-baslik-footer {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center; }

.post-kutu {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center; }

.footer__copyright, .h2-baslik-footer {
  text-align: center; }

.footer__list {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center; }

/*# sourceMappingURL=style.css.map */