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

  Company Name: Beauty Center
  Company URI: '/'
  Description: Confidence In Every Look
  Author: Beauty Center

-------------------------------------------------------------*/

.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;
  background: #fff; }

.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: 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-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/beauty-header-detail-small.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: 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-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;
        height: 100%;
        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: 1.5rem;
    font-weight: 400; }
    @media only screen and (max-width: 40em) {
      .ozellik-kutu--yazi {
        font-size: 2.3rem; } }
    @media only screen and (max-width: 56.25em) {
      .ozellik-kutu--yazi {
        font-size: 2.3rem; } }

@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: 450px;
  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; }
    @media only screen and (max-width: 56.25em) {
      .post-kutu--yazi {
        font-size: 3.1rem;
        text-align: left;
        /*padding: 2rem;*/ } }

.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: #333;
  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: #f2f2f2;
  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; }

/* 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; } }

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