@charset "UTF-8";
/*@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap');*/
/*$default-font-family: 'Open Sans', sans-serif;*/
/*$font-family-base: "Open Sans", sans-serif, !default;*/
/*@import url('https://fonts.googleapis.com/css?family=Raleway&subset=latin-ext');*/
/*$default-font-family: 'Century Gothic', sans-serif;*/
/*$default-font-family: 'Montserrat', sans-serif;*/
/*@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;700&display=swap');*/
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;900&display=swap");
@import "/css/fontello.css";
.text-Renk-1 {
  color: #24272d;
}

.text-Renk-2 {
  color: #ac9b7f;
}

.text-Renk-3 {
  color: #464c58;
}

.text-Renk-4 {
  color: #e0dedb;
}

.text-Renk-5 {
  color: #113851;
}

.text-Renk-6 {
  color: #F6A418;
}

.text-Renk-7 {
  color: #eeeced;
}

.bg-Renk-1 {
  background-color: #24272d;
}

.bg-Renk-2 {
  background-color: #ac9b7f;
}

.bg-Renk-3 {
  background-color: #464c58;
}

.bg-Renk-4 {
  background-color: #e0dedb;
}

.bg-Renk-5 {
  background-color: #113851;
}

.bg-Renk-6 {
  background-color: #F6A418;
}

.bg-Renk-7 {
  background-color: #eeeced;
}

.bg-black {
  background-color: #000000;
}

.min-w-100 {
  min-width: 100%;
}

.dondur-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.dondur-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.dondur-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
}

.dondur-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}

.dondur-flip-vertical {
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
}

.dondur-flip-both, .dondur-flip-horizontal.dondur-flip-vertical {
  -webkit-transform: scale(-1);
  transform: scale(-1);
}

.icon-dondur-rotate-90:before {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.icon-dondur-rotate-180:before {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.icon-dondur-rotate-270:before {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
}

.dondur-flip-horizontal:before {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}

.icon-dondur-flip-vertical:before {
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
}

.icon-dondur-flip-both:before, .icon-dondur-flip-horizontal.dondur-flip-vertical:before {
  -webkit-transform: scale(-1);
  transform: scale(-1);
}

.display-7 {
  font-size: 3rem;
}

.display-8 {
  font-size: 2.5rem;
}

.display-9 {
  font-size: 2rem;
}

.display-10 {
  font-size: 1.75rem;
}

.display-11 {
  font-size: 1.5rem;
}

.small-bsselect .bsselect .form-group {
  margin: 0;
}
.small-bsselect .bsselect .form-control {
  padding: 0.25rem 0.5rem;
  font-size: 80%;
  /*line-height: $input-line-height;*/
  /*@include border-radius($input-border-radius-sm);*/
}
.small-bsselect .bsselect select.form-control:not([size]):not([multiple]), .small-bsselect .bsselect .btn:not([size]):not([multiple]) {
  height: calc( calc(1.82rem + 2px)+1px ) !important;
}
.small-bsselect .bsselect .btn {
  padding: 0.5rem;
  padding-top: 0.25rem !important;
}

.delay-0 {
  -webkit-animation-delay: 0ms !important;
  -moz-animation-delay: 0ms !important;
  animation-delay: 0ms !important;
}

.delay-100 {
  -webkit-animation-delay: 100ms !important;
  -moz-animation-delay: 100ms !important;
  animation-delay: 100ms !important;
}

.delay-200 {
  -webkit-animation-delay: 200ms !important;
  -moz-animation-delay: 200ms !important;
  animation-delay: 200ms !important;
}

.delay-300 {
  -webkit-animation-delay: 300ms !important;
  -moz-animation-delay: 300ms !important;
  animation-delay: 300ms !important;
}

.delay-400 {
  -webkit-animation-delay: 400ms !important;
  -moz-animation-delay: 400ms !important;
  animation-delay: 400ms !important;
}

.delay-500 {
  -webkit-animation-delay: 500ms !important;
  -moz-animation-delay: 500ms !important;
  animation-delay: 500ms !important;
}

.delay-600 {
  -webkit-animation-delay: 600ms !important;
  -moz-animation-delay: 600ms !important;
  animation-delay: 600ms !important;
}

.delay-700 {
  -webkit-animation-delay: 700ms !important;
  -moz-animation-delay: 700ms !important;
  animation-delay: 700ms !important;
}

.delay-800 {
  -webkit-animation-delay: 800ms !important;
  -moz-animation-delay: 800ms !important;
  animation-delay: 800ms !important;
}

.delay-900 {
  -webkit-animation-delay: 900ms !important;
  -moz-animation-delay: 900ms !important;
  animation-delay: 900ms !important;
}

.delay-1000 {
  -webkit-animation-delay: 1000ms !important;
  -moz-animation-delay: 1000ms !important;
  animation-delay: 1000ms !important;
}

.delay-1100 {
  -webkit-animation-delay: 1100ms !important;
  -moz-animation-delay: 1100ms !important;
  animation-delay: 1100ms !important;
}

.delay-1200 {
  -webkit-animation-delay: 1200ms !important;
  -moz-animation-delay: 1200ms !important;
  animation-delay: 1200ms !important;
}

.delay-1300 {
  -webkit-animation-delay: 1300ms !important;
  -moz-animation-delay: 1300ms !important;
  animation-delay: 1300ms !important;
}

.delay-1400 {
  -webkit-animation-delay: 1400ms !important;
  -moz-animation-delay: 1400ms !important;
  animation-delay: 1400ms !important;
}

.delay-1500 {
  -webkit-animation-delay: 1500ms !important;
  -moz-animation-delay: 1500ms !important;
  animation-delay: 1500ms !important;
}

.delay-1600 {
  -webkit-animation-delay: 1600ms !important;
  -moz-animation-delay: 1600ms !important;
  animation-delay: 1600ms !important;
}

.delay-1700 {
  -webkit-animation-delay: 1700ms !important;
  -moz-animation-delay: 1700ms !important;
  animation-delay: 1700ms !important;
}

.delay-1800 {
  -webkit-animation-delay: 1800ms !important;
  -moz-animation-delay: 1800ms !important;
  animation-delay: 1800ms !important;
}

.delay-1900 {
  -webkit-animation-delay: 1900ms !important;
  -moz-animation-delay: 1900ms !important;
  animation-delay: 1900ms !important;
}

.delay-2000 {
  -webkit-animation-delay: 2000ms !important;
  -moz-animation-delay: 2000ms !important;
  animation-delay: 2000ms !important;
}

.delay-2100 {
  -webkit-animation-delay: 2100ms !important;
  -moz-animation-delay: 2100ms !important;
  animation-delay: 2100ms !important;
}

.delay-2200 {
  -webkit-animation-delay: 2200ms !important;
  -moz-animation-delay: 2200ms !important;
  animation-delay: 2200ms !important;
}

.delay-2300 {
  -webkit-animation-delay: 2300ms !important;
  -moz-animation-delay: 2300ms !important;
  animation-delay: 2300ms !important;
}

.delay-2400 {
  -webkit-animation-delay: 2400ms !important;
  -moz-animation-delay: 2400ms !important;
  animation-delay: 2400ms !important;
}

.delay-2500 {
  -webkit-animation-delay: 2500ms !important;
  -moz-animation-delay: 2500ms !important;
  animation-delay: 2500ms !important;
}

.delay-2600 {
  -webkit-animation-delay: 2600ms !important;
  -moz-animation-delay: 2600ms !important;
  animation-delay: 2600ms !important;
}

.delay-2700 {
  -webkit-animation-delay: 2700ms !important;
  -moz-animation-delay: 2700ms !important;
  animation-delay: 2700ms !important;
}

.delay-2800 {
  -webkit-animation-delay: 2800ms !important;
  -moz-animation-delay: 2800ms !important;
  animation-delay: 2800ms !important;
}

.delay-2900 {
  -webkit-animation-delay: 2900ms !important;
  -moz-animation-delay: 2900ms !important;
  animation-delay: 2900ms !important;
}

.delay-3000 {
  -webkit-animation-delay: 3000ms !important;
  -moz-animation-delay: 3000ms !important;
  animation-delay: 3000ms !important;
}

.delay-3100 {
  -webkit-animation-delay: 3100ms !important;
  -moz-animation-delay: 3100ms !important;
  animation-delay: 3100ms !important;
}

.delay-3200 {
  -webkit-animation-delay: 3200ms !important;
  -moz-animation-delay: 3200ms !important;
  animation-delay: 3200ms !important;
}

.delay-3300 {
  -webkit-animation-delay: 3300ms !important;
  -moz-animation-delay: 3300ms !important;
  animation-delay: 3300ms !important;
}

.delay-3400 {
  -webkit-animation-delay: 3400ms !important;
  -moz-animation-delay: 3400ms !important;
  animation-delay: 3400ms !important;
}

.delay-3500 {
  -webkit-animation-delay: 3500ms !important;
  -moz-animation-delay: 3500ms !important;
  animation-delay: 3500ms !important;
}

.delay-3600 {
  -webkit-animation-delay: 3600ms !important;
  -moz-animation-delay: 3600ms !important;
  animation-delay: 3600ms !important;
}

.delay-3700 {
  -webkit-animation-delay: 3700ms !important;
  -moz-animation-delay: 3700ms !important;
  animation-delay: 3700ms !important;
}

.delay-3800 {
  -webkit-animation-delay: 3800ms !important;
  -moz-animation-delay: 3800ms !important;
  animation-delay: 3800ms !important;
}

.delay-3900 {
  -webkit-animation-delay: 3900ms !important;
  -moz-animation-delay: 3900ms !important;
  animation-delay: 3900ms !important;
}

.delay-4000 {
  -webkit-animation-delay: 4000ms !important;
  -moz-animation-delay: 4000ms !important;
  animation-delay: 4000ms !important;
}

.delay-4100 {
  -webkit-animation-delay: 4100ms !important;
  -moz-animation-delay: 4100ms !important;
  animation-delay: 4100ms !important;
}

.delay-4200 {
  -webkit-animation-delay: 4200ms !important;
  -moz-animation-delay: 4200ms !important;
  animation-delay: 4200ms !important;
}

.delay-4300 {
  -webkit-animation-delay: 4300ms !important;
  -moz-animation-delay: 4300ms !important;
  animation-delay: 4300ms !important;
}

.delay-4400 {
  -webkit-animation-delay: 4400ms !important;
  -moz-animation-delay: 4400ms !important;
  animation-delay: 4400ms !important;
}

.delay-4500 {
  -webkit-animation-delay: 4500ms !important;
  -moz-animation-delay: 4500ms !important;
  animation-delay: 4500ms !important;
}

.delay-4600 {
  -webkit-animation-delay: 4600ms !important;
  -moz-animation-delay: 4600ms !important;
  animation-delay: 4600ms !important;
}

.delay-4700 {
  -webkit-animation-delay: 4700ms !important;
  -moz-animation-delay: 4700ms !important;
  animation-delay: 4700ms !important;
}

.delay-4800 {
  -webkit-animation-delay: 4800ms !important;
  -moz-animation-delay: 4800ms !important;
  animation-delay: 4800ms !important;
}

.delay-4900 {
  -webkit-animation-delay: 4900ms !important;
  -moz-animation-delay: 4900ms !important;
  animation-delay: 4900ms !important;
}

.h-auto {
  height: auto;
}

.fadeInLeft {
  animation-name: bounceInLeft;
  animation-duration: 1s;
  animation-fill-mode: both;
}
@keyframes bounceInLeft {
  60%, 75%, 90%, from, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }
  75% {
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    transform: translate3d(5px, 0, 0);
  }
  to {
    transform: none;
  }
}

.carousel-item.active {
  position: relative;
  animation-name: fadeInLeft;
  animation-duration: 1s;
  animation-fill-mode: both;
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

.carousel-item {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  animation-name: zoomOut;
  animation-duration: 1s;
  animation-fill-mode: both;
}
@keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}

body {
  background-color: #fff;
}

.web {
  color: #000;
  font-weight: 400;
  font-size: 18px;
  /*#region galeri-area */
  /*#endregion */
}
.web .mega-luks-container {
  background-color: #eae7e5;
}
.web .ust-menu {
  padding-top: 1rem;
  margin-bottom: -100px;
  height: 100px;
}
@media (max-width: 991.98px) {
  .web .ust-menu {
    height: 60px;
    margin-bottom: -60px;
    background-color: rgba(0, 0, 0, 0.4156862745);
    margin-left: -1rem;
    margin-right: -1rem;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0;
  }
  .web .ust-menu .container {
    position: static;
  }
}
.web .ust-menu .tel, .web .ust-menu .mail {
  color: #fff;
  font-size: 110%;
  white-space: nowrap;
  margin-left: 1rem;
}
.web .ust-menu .btn-teklif-al {
  margin-left: 1rem;
  display: inline-block;
  padding: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  background-color: #ac9b7f;
  border-radius: 0.5rem;
  color: #fff;
}
.web .btn-devam {
  color: #000;
  font-weight: 700;
  font-size: 140%;
}
.web .btn-devam span {
  font-size: 120%;
  color: #fff;
  text-align: right;
  display: inline-block;
  background-color: #ac9b7f;
  padding: 0.25rem;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 0.5rem;
  padding-right: 0.6666666667rem;
  margin-bottom: 1rem;
}
.web .sosyal-media a {
  height: 30px;
  width: 30px;
  line-height: 26px;
  text-align: center;
  display: inline-block;
  border-radius: 50%;
  /*border: solid 2px $white;*/
  font-size: 120%;
}
.web .sosyal-media a i {
  color: #fff;
}
@media (max-width: 991.98px) {
  .web .navbar-collapse.show {
    background-color: rgba(36, 39, 45, 0.6901960784);
    margin-left: -0.5rem;
    margin-right: -0.5rem;
    padding-left: 1rem;
    margin-top: 0.5rem;
    padding-bottom: 1rem;
  }
  .web .navbar-collapse.show .nav-item a {
    text-align: center;
  }
}
.web .navbar-nav .nav-item.show {
  margin-left: -1rem;
  margin-right: -1rem;
  padding-left: 1rem;
  padding-right: 1rem;
  background: #464c58;
}
.web .navbar-nav .nav-item.show .nav-link {
  color: #fff !important;
  font-family: "Raleway", sans-serif;
}
.web .navbar-nav .nav-item .nav-link {
  color: #fff !important;
  font-weight: 700;
  font-size: 16px;
  font-family: "Raleway", sans-serif;
}
.web .navbar-nav .nav-item .dropdown-menu {
  transition: height 2s;
}
.web .navbar-nav .nav-item .dropdown-menu.show {
  height: auto;
  transition: height 2s;
  background: #464c58;
}
.web .navbar-nav .nav-item .dropdown-menu {
  background: #24272d;
}
.web .navbar-nav .nav-item .dropdown-menu .dropdown-item {
  color: #fff;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-weight: 700;
}
.web .navbar-nav .nav-item .dropdown-menu .dropdown-item:hover, .web .navbar-nav .nav-item .dropdown-menu .dropdown-item:focus, .web .navbar-nav .nav-item .dropdown-menu .dropdown-item:active {
  background-color: #24272d;
}
.web .navbar-nav .nav-item .dropdown-menu .dropdown-toggle::after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-right: 0.4em;
  margin-left: 0.4em;
  vertical-align: 0.4em;
  border-top: 0.4em solid transparent;
  border-bottom: 0.4em solid transparent;
  border-right: 0;
  border-left: 0.4em solid;
  right: 0;
  text-align: right;
  position: absolute;
  top: 50%;
}
.web .navbar-nav .navbar-custom {
  background-color: #ac9b7f !important;
}
.web .navbar-brand {
  z-index: 201;
  position: relative;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin: 0;
  height: 80px;
  width: 200px;
  background-image: url("/images/logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  color: #fff;
}
@media (max-width: 991.98px) {
  .web .navbar-brand {
    height: 45px;
  }
}
.web .navbar-brand img {
  display: none;
  height: auto;
  width: auto;
  margin-bottom: -80px;
}
@media (max-width: 991.98px) {
  .web .navbar-brand img {
    height: 35px !important;
    margin-bottom: -40px;
  }
}
.web .text-black {
  color: #000 !important;
}
.web .footer {
  background: #fff;
}
.web .footer .detayli-bilgi-icin-arayiniz {
  padding-top: 1rem;
  padding-bottom: 1rem;
  background-color: #24272d;
  color: #fff;
  font-size: 1.4875rem;
  text-align: center;
  margin-bottom: 1rem;
}
.web .footer .detayli-bilgi-icin-arayiniz a {
  margin-left: 1rem;
  color: #fff;
  font-weight: 700;
  white-space: nowrap;
  border: solid 1px #fff;
  padding: 0.5rem;
}
.web .footer .content-header {
  border-bottom: inset 1px #e0dedb;
}
.web .footer .content-header:after {
  height: 2px;
  display: block;
  width: 100px;
  background: #ac9b7f;
  margin-bottom: -1px;
  content: "";
}
.web .footer .content-header span {
  margin-bottom: 0.5rem;
  display: block;
}
.web .footer .iletisim-bilgileri, .web .footer .baglantilar, .web .footer .hakkimizda {
  padding: 1rem;
}
.web .footer .iletisim-bilgileri a, .web .footer .baglantilar a {
  display: block;
  color: #000;
  margin-top: 0.5rem;
  color: #fff;
}
.web .footer .iletisim-bilgileri i, .web .footer .baglantilar i {
  margin-right: 0.5rem;
}
@media (max-width: 991.98px) {
  .web .footer {
    text-align: center;
  }
}
.web .footer .hizmetler-link a {
  color: #fff;
  display: block;
  clear: both;
}
.web .footer .sosyal-media a {
  color: #fff;
  border: solid 2px #fff;
  margin-left: 1rem;
}
.web .footer .sosyal-media a i {
  color: #fff;
}
.web .footer .iletisim-formu-area {
  text-align: left;
}
@media (max-width: 991.98px) {
  .web .footer .iletisim-formu-area {
    background-color: #ac9b7f;
    margin-top: 2rem;
    padding: 2rem;
  }
}
.web .iletisim-formu {
  padding-left: 1rem;
}
.web .iletisim-formu .btn-success {
  line-height: 62px;
  font-size: 16px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 2rem;
  padding-right: 2rem;
}
.web .contentarea .carousel .carousel-item .carousel-caption {
  display: flex;
  align-self: center;
  justify-content: center;
  flex-flow: column;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
}
.web .modal {
  color: #24272d !important;
}
.web .header .header-title-area h1 {
  text-align: center;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.web .header-image-area .header-image {
  width: 100%;
  max-width: 100%;
  height: auto;
}
.web .image-background {
  background-position: center center;
  background-size: cover;
}
.web .kategori .liste.showing-container .item {
  display: inline-flex;
}
.web .kategori .liste .item {
  position: relative;
  display: none;
  flex-flow: row wrap;
  margin-bottom: 1rem;
  overflow: hidden;
}
.web .kategori .liste .item .baslik {
  margin-top: auto;
  margin-bottom: auto;
  align-self: center;
  position: absolute;
  text-align: center;
  height: auto;
  width: 100%;
  left: -95%;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 1rem;
  width: 100%;
  transition: left 0.3s;
  z-index: 5;
}
.web .kategori .liste .item .baslik a {
  color: #fff;
}
.web .kategori .liste .item .image-container {
  text-align: center;
  width: 100%;
}
.web .kategori .liste .item .image-container img {
  height: 220px;
  width: auto;
}
.web .kategori .liste .item .caption {
  width: 100%;
  height: auto;
}
.web .kategori .liste .item:hover .baslik {
  left: 0;
  transition: left 1s;
}
.web .kategori-popup .liste .item {
  position: relative;
  display: block;
}
.web .kategori-popup .liste .item .item-container {
  padding-top: 4rem;
  background-color: #ac9b7f;
  position: relative;
  width: 100%;
}
.web .kategori-popup .liste .item .baslik {
  text-align: center;
  height: auto;
  width: 100%;
  padding-top: 2rem;
  width: 100%;
}
.web .kategori-popup .liste .item .baslik a {
  color: #fff;
}
.web .kategori-popup .liste .item .image-container {
  text-align: center;
  width: 100%;
}
.web .kategori-popup .liste .item .caption {
  height: 30px;
  overflow: hidden;
}
.web .kategori-popup .liste .item:hover .baslik {
  left: 0;
  transition: left 1s;
}
.web .detay.urun .thumbials ul {
  padding: 0;
  margin: 0;
  display: flex;
  list-style: none;
  flex-flow: row;
}
.web .detay.urun .thumbials ul li {
  display: inline-block;
  width: 90px;
}
.web .detay.urun .thumbials ul li a img {
  max-width: 100%;
  height: auto;
}
.web .detay.urun .product-buttons {
  display: flex;
  margin-bottom: 1rem;
}
.web .detay.urun .product-buttons .btn {
  width: 50%;
  position: relative;
  display: inline-flex;
  align-items: center;
  padding-left: 0;
}
.web .detay.urun .product-buttons .btn i {
  font-size: 45px;
  display: inline-block;
  line-height: 26px;
  margin-top: -0.25rem;
  margin-bottom: -0.25rem;
}
.web .detay.urun .product-buttons .btn.btn-mail {
  background-color: #6f42c1;
}
.web .detay.urun .header {
  margin-bottom: 1rem;
  border-bottom: solid 1px #e9ecef;
  padding-bottom: 1rem;
}
.web .detay.urun .header H1 {
  font-size: 1.275rem;
}
.web .detay.urun .header .kategori-adi {
  color: #adb5bd;
}
.web .corpraite {
  background: rgb(0, 51, 102);
  background: -moz-linear-gradient(90deg, rgb(0, 51, 102) 0%, rgb(161, 11, 0) 100%);
  background: -webkit-linear-gradient(90deg, rgb(0, 51, 102) 0%, rgb(161, 11, 0) 100%);
  background: linear-gradient(90deg, rgb(0, 51, 102) 0%, rgb(161, 11, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#003366",endColorstr="#a10b00",GradientType=1);
  color: #fff;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.web .corpraite .bilgi {
  font-size: 90%;
  color: #fff;
  display: inline;
}
.web .corpraite .bilgi a {
  color: #fff;
  font-weight: 700;
}
.web .tanitim-filmi-area {
  display: flex;
  position: relative;
  padding: 1rem;
  justify-items: center;
  flex-direction: row;
  justify-content: center;
  margin-top: -50px;
  overflow: hidden;
}
.web .tanitim-filmi-area .btn-tanitim-filmi {
  background: #ac9b7f;
  font-weight: 700;
  display: inline-block;
  padding: 0.5rem;
  color: #fff;
}
.web .tanitim-filmi-area .btn-tanitim-filmi span {
  border: solid 1px #fff;
  padding: 0.5rem;
  display: inline-block;
  margin-left: 80px;
  margin-right: 80px;
  letter-spacing: 3px;
}
.web .galeri-area .foto-galeri-area .foto-galeri-container {
  position: relative;
  width: 100%;
}
.web .galeri-area .foto-galeri-area .foto-galeri-container ul, .web .galeri-area .foto-galeri-area .foto-galeri-container div {
  padding: 0;
  position: relative;
  list-style: none;
}
.web .galeri-area .foto-galeri-area .foto-galeri-container ul li, .web .galeri-area .foto-galeri-area .foto-galeri-container ul div, .web .galeri-area .foto-galeri-area .foto-galeri-container div li, .web .galeri-area .foto-galeri-area .foto-galeri-container div div {
  width: 100%;
  display: inline-block;
  font-family: arial, helvetica, sans;
  font-size: 12px;
  color: #333;
}
.web .galeri-area .foto-galeri-area .foto-galeri-container ul li a, .web .galeri-area .foto-galeri-area .foto-galeri-container ul div a, .web .galeri-area .foto-galeri-area .foto-galeri-container div li a, .web .galeri-area .foto-galeri-area .foto-galeri-container div div a {
  height: 100%;
  width: 100%;
  display: inline-block;
  background-position: center center;
  background-size: cover;
}
.web .galeri-area .foto-galeri-area .foto-galeri-container ul li > img, .web .galeri-area .foto-galeri-area .foto-galeri-container ul div > img, .web .galeri-area .foto-galeri-area .foto-galeri-container div li > img, .web .galeri-area .foto-galeri-area .foto-galeri-container div div > img {
  opacity: 0;
  max-width: 100%;
  height: auto;
}
.web .galeri-area .foto-galeri-area .foto-galeri-container ul li > *:first-child, .web .galeri-area .foto-galeri-area .foto-galeri-container ul div > *:first-child, .web .galeri-area .foto-galeri-area .foto-galeri-container div li > *:first-child, .web .galeri-area .foto-galeri-area .foto-galeri-container div div > *:first-child {
  margin-top: 0;
}
.web .galeri-area .foto-galeri-area .foto-galeri-container ul li > *:last-child, .web .galeri-area .foto-galeri-area .foto-galeri-container ul div > *:last-child, .web .galeri-area .foto-galeri-area .foto-galeri-container div li > *:last-child, .web .galeri-area .foto-galeri-area .foto-galeri-container div div > *:last-child {
  margin-bottom: 0;
}
.web .galeri-area .foto-galeri-area .foto-galeri-container img {
  max-width: 100%;
  height: auto;
  opacity: 0;
}
.web .langueage-btn-area a {
  margin-left: 0.25rem;
}
.web .langueage-btn-area a img {
  height: 23px;
  width: auto;
}
.web .central-border {
  display: flex;
  flex-direction: row;
  font-family: "Raleway", sans-serif;
  font-weight: 700;
  color: #ac9b7f;
}
.web .central-border:before, .web .central-border:after {
  content: "";
  flex: 1 1;
  border-bottom: 1px solid #ac9b7f;
  margin: auto;
}
.web .central-border:before {
  margin-right: 10px;
}
.web .central-border:after {
  margin-left: 10px;
}
.web .border-area {
  display: flex;
  flex-flow: row;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}
.web .border-area .text {
  color: #ac9b7f;
  font-weight: 700;
  font-family: "Raleway", sans-serif;
}
.web .border-area .line {
  margin-left: 0.5rem;
  width: 100%;
  display: block;
  height: 1px;
  border-bottom: solid 1px #ac9b7f;
}
.web .central-border-renk2 {
  display: flex;
  flex-direction: row;
  color: #fff;
}
.web .central-border-renk2:before, .web .central-border-renk2:after {
  content: "";
  flex: 1 1;
  border-bottom: 1px solid #ac9b7f;
  margin: auto;
}
.web .central-border-renk2:before {
  padding-left: 1rem;
}
.web .central-border-renk2:after {
  padding-right: 1rem;
}
.web .bordered-row {
  position: relative;
  border: solid 1px #000;
  display: grid;
  text-align: center;
  height: 100%;
}
.web .bordered-row .content {
  padding: 1.5rem;
  padding-top: 0.75rem !important;
}
.web .bordered-row .title {
  color: #fff;
  background-color: #000;
  line-height: 2.55rem;
  display: inline-block;
  margin: auto;
  margin-top: -1.275rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-weight: 700;
  font-size: 1.7rem;
}
.web .anasayfa-urunler .item span {
  display: block;
  text-align: center;
  font-weight: 700;
  margin-top: 0.5rem;
}
.web .footer-background {
  padding-top: 1rem;
  padding-bottom: 1rem;
  color: #7e7979;
  background-color: #f2f3f4;
  font-size: 0.85rem;
}
.web .footer-background H2 {
  color: #000;
  font-size: 2.125rem;
}
.web .footer-background .logo-area {
  padding-bottom: 0.5rem;
  margin-bottom: 0.5rem;
}
.web .footer-background .content-area {
  padding-top: 1rem;
}

.parallax-world-of-ugg .parallax-one {
  padding-top: 150px;
  padding-bottom: 150px;
  overflow: hidden;
  position: relative;
  width: 100%;
  background-attachment: fixed;
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
}
.parallax-world-of-ugg .parallax-one h1 {
  color: white;
  text-shadow: 2px 2px 6px #000000;
  font-size: 4vw;
}

/* Normilizes box-sizing  */
#pbOverlay *,
#pbOverlay *:before,
#pbOverlay *:after {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

#pbOverlay.show {
  opacity: 1;
  pointer-events: auto;
}

#pbOverlay {
  opacity: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  text-align: center;
  pointer-events: none;
  -moz-user-select: none;
  background: rgba(0, 0, 0, 0.9);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e2000000", endColorstr="#e2000000");
  /* background:radial-gradient(rgba(0,0,0,.6) 0%, rgba(0,0,0,.9) 100%); */
  -webkit-transform: translate3d(0);
  transition: opacity 300ms ease;
}

#pbOverlay.msie {
  background-color: rgba(0, 0, 0, 0.6);
}

.msie.pbLoading .pbWrapper {
  background: url("../../images/loading.gif") no-repeat center center;
}

@keyframes pbLoaderFrames {
  50% {
    height: 5px;
  }
}
@-webkit-keyframes pbLoaderFrames {
  50% {
    height: 5px;
  }
}
.pbLoader {
  display: none;
  width: 100px;
  height: 100px;
  position: absolute;
  z-index: 999;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  text-align: center;
  border-radius: 100%;
  box-shadow: 15px 32px 60px -20px #FFF inset, 1px 1px 3px 1px #FFF inset, 0 0 20px;
  transition: 0.3s;
}

.thumbs .pbLoader {
  -webkit-transform: translateY(-50px);
  transform: translateY(-50px);
}

.pbLoading:not(.msie):not(.error) .pbLoader {
  display: block;
}

.pbLoader b {
  display: inline-block;
  vertical-align: middle;
  margin: 0 2px;
  width: 8px;
  height: 60px;
  border-radius: 5px;
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  -webkit-animation: 0.9s pbLoaderFrames infinite linear;
  animation: 0.9s pbLoaderFrames infinite linear;
}

.pbLoader b:nth-child(2) {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}

.pbLoader b:nth-child(3) {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}

.mobile.pbLoading .pbLoader {
  transform: none;
  transition: 0s;
}

.pbWrapper:after,
#pbCaption .pbThumbs ul:after,
#pbOverlay .prevNext:after,
#pbOverlay .pbLoader:before {
  content: "";
  display: inline-block;
  height: 100%;
  margin-right: -0.25em;
  vertical-align: middle;
}

/* Animation when image was not loaded */
@keyframes deadImage {
  50% {
    text-shadow: 0 0 25px rgba(255, 255, 255, 0.5);
    transform: scale(0.85);
  }
}
@-webkit-keyframes deadImage {
  50% {
    text-shadow: 0 0 25px rgba(255, 255, 255, 0.5);
    -webkit-transform: scale(0.85);
  }
}
.pbWrapper {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  transform: rotate(0deg);
  vertical-align: middle;
  height: 100%;
  perspective: 1200px;
  position: relative;
  transition: 0.2s;
}

.video > .pbWrapper {
  z-index: 11;
  display: inline-block;
}

/*#pbOverlay.error .pbWrapper{ display:inline-block; width:100%; }*/
.pbLoading .pbWrapper {
  display: inline-block\9 ;
  width: 100%;
}

/* ie8+9 hack */
.pbWrapper:before {
  content: "✖";
  color: transparent;
  text-shadow: 0 2px 35px rgba(255, 255, 255, 0);
  font-size: 0;
  vertical-align: middle;
  cursor: default;
  transition: text-shadow 0.7s ease-out;
}

.error .pbWrapper:before {
  font-size: 22em;
  text-shadow: 0 0 0 #FFF;
  -webkit-animation: 2s 1s deadImage infinite linear;
  animation: 2s 1s deadImage infinite linear;
}

.thumbs .pbWrapper {
  padding: 0;
  margin: 0;
}

.error .pbWrapperr img {
  width: 0;
}

.pbWrapper > div {
  display: none;
  width: 624px;
  height: 351px;
  vertical-align: middle;
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.5);
}

.video > .pbWrapper > div {
  display: inline-block;
}

#pbOverlay iframe,
#pbOverlay embed,
#pbOverlay object {
  display: block;
  width: 100%;
  height: 100%;
  opacity: 1;
  transition: 0.5s;
}

.pbWrapper .pbHide iframe {
  opacity: 0;
}

.pbWrapper > div,
.pbWrapper > img {
  transition: 0.8s 0.5s cubic-bezier(0.1, 0.87, 0.48, 1);
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  -webkit-backface-visibility: hidden;
  box-shadow: 0 0 20px #000;
}

/* FOR MOBILE */
.mobile.show .pbWrapper > div,
.mobile.show .pbWrapper > img {
  transition: 30ms;
}

/* Content effects */
.pbWrapper > *,
.pbHide .pbWrapper > .prepare {
  opacity: 1;
  vertical-align: middle;
  transform: scale(0) rotateX(80deg);
  -webkit-transform: scale(0) rotateX(80deg);
  -ms-transform: scale(0) rotateX(80deg);
  border-radius: 6px;
  border: none;
  max-height: 95%;
  max-width: 100%;
}

.on .pbWrapper > * {
  transition-delay: 0s;
}

.pbWrapper .zoomable {
  -webkit-transition: 0s;
  transition: 0s;
  position: relative;
  z-index: 9;
}

.pbHide .pbWrapper > * {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  transform: none\9 ;
  opacity: 0;
  transition: 0.4s ease-out;
}

/*-- close button --*/
#pbCloseBtn,
#pbAutoplayBtn {
  position: absolute;
  top: -50px;
  right: -50px;
  z-index: 999;
  display: block;
  padding: 0 0 20px 20px;
  text-align: center;
  cursor: pointer;
  color: #FFF;
  transition: 0.3s 0.3s ease-out;
}

.pbHide #pbCloseBtn {
  top: -50px;
  right: -50px;
}

.on #pbCloseBtn {
  top: -2px;
  right: -2px;
}

#pbCloseBtn:before {
  content: "×";
  font: bold 1em/1 arial;
}

#pbCloseBtn:before, #pbAutoplayBtn:before {
  display: inline-block;
  height: 35px;
  width: 35px;
  padding: 8px 8px 12px 12px;
  font-size: 2em;
  opacity: 0.8;
  vertical-align: middle;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 0 0 0 70px;
  transition: 0.1s ease-out;
}

#pbCloseBtn:hover:before {
  padding: 15px 10px 24px 24px;
  background: rgba(255, 100, 100, 0.4);
}

/*-- autoplay controller --*/
#pbAutoplayBtn {
  display: none;
  right: auto;
  left: -50px;
  padding: 0;
  width: 50px;
  height: 50px;
  font-size: 13px;
}

.hasAutoplay #pbAutoplayBtn {
  display: block;
}

#pbAutoplayBtn:hover {
  width: 60px;
  height: 60px;
}

.on #pbAutoplayBtn {
  top: 0px;
  left: 0px;
  transition: 0.1s ease-out;
}

#pbAutoplayBtn:before {
  content: "‖";
  width: 100%;
  height: 100%;
  border-radius: 0 0 70px 0;
  font-weight: bold;
  padding: 0;
  text-indent: -6px;
  line-height: 1.6;
}

#pbAutoplayBtn:active:before {
  text-shadow: 0 0 3px #FFF, 0 0 6px #FFF;
}

#pbAutoplayBtn.play:before {
  content: "►";
}

#pbAutoplayBtn .pbProgress {
  display: none\9 ;
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  padding: 6px;
  top: 0;
  left: 0;
  opacity: 0.2;
  transform: rotateZ(0deg);
  -webkit-transform: rotateZ(0deg);
  -ms-transform: rotateZ(0deg);
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.mobile #pbAutoplayBtn .pbProgress {
  -webkit-transition: 0s;
  transition: 0s;
}

#pbAutoplayBtn.playing .pbProgress {
  -webkit-transform: rotateZ(90deg);
  -ms-transform: rotateZ(90deg);
  transform: rotateZ(90deg);
}

#pbAutoplayBtn .pbProgress:before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 200%;
  height: 200%;
  border-radius: 50%;
  box-shadow: 0 0 0 8px #FFF inset;
}

#pbCaption,
.pbHide #pbCaption {
  position: absolute;
  z-index: 999;
  margin-bottom: 5px;
  bottom: -120px;
  width: 100%;
  overflow: hidden;
  transition: 0.4s;
}

.show.on #pbCaption {
  bottom: 0;
  transition-delay: 0.5s;
}

#pbOverlay.thumbs #pbCaption label {
  display: block;
}

#pbCaption label {
  display: none;
  position: relative;
  z-index: 1;
  top: -5px;
  float: right;
  width: 60px;
  margin-right: 10px;
  color: #FFF;
  opacity: 0.3;
  transition: 0.2s;
  cursor: pointer;
}

#pbCaption label:after {
  background: #FFF;
  box-shadow: 12px 0 #FFF, -12px 0 #FFF;
  content: "";
  display: inline-block;
  height: 0;
  padding: 10px 5px;
  text-align: right;
  vertical-align: top;
  width: 0;
}

#pbCaption label:hover {
  opacity: 1;
}

#pbCaption .title,
#pbCaption .counter {
  display: inline-block;
  color: #FFF;
  margin: 0 6px;
}

#pbCaption .counter {
  display: none;
  opacity: 0.55;
}

.hasCounter #pbCaption .counter {
  display: inline-block;
}

.pbCaptionText {
  transition: 0.3s;
  opacity: 0.9;
  font-weight: bold;
  font-size: 0.9em;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
  padding-left: 60px;
}

/* padding-left from <label> */
.pbCaptionText.change {
  -webkit-transform: translateY(25px);
  transform: translateY(25px);
  opacity: 0;
}

.mobile #pbCaption label {
  display: none;
  z-index: -1;
  color: red;
}

.mobile .pbCaptionText {
  padding: 0;
}

/* hide thumbnails */
#pbThumbsToggler:checked ~ #pbCaption .pbThumbs {
  margin: 0;
}

#pbThumbsToggler:checked ~ .pbWrapper {
  margin-top: -50px;
  padding: 50px 0;
}

.pbThumbs {
  display: none;
  transition: 0.35s;
  -webkit-overflow-scrolling: touch;
}

.thumbs .pbThumbs {
  display: block;
  width: 100%;
  padding: 5px 0 2px;
  margin-bottom: -100px;
  overflow: hidden;
}

.mobile .pbThumbs {
  overflow: auto;
}

.pbThumbs:hover {
  clear: both;
}

.pbThumbs ul {
  display: inline-block;
  position: relative;
  list-style: none;
  height: 80px;
  padding: 0 5px;
  margin: 0;
  white-space: pre;
  transition: 0.2s;
}

.pbThumbs ul:after {
  vertical-align: bottom;
}

.pbThumbs li {
  display: inline-block;
  vertical-align: bottom;
  height: 70%;
  opacity: 0.6;
  text-align: center;
  position: relative;
  transition: 0.15s;
}

.pbThumbs li.active {
  height: 100%;
  opacity: 1;
}

.pbThumbs li:hover {
  height: 100%;
  opacity: 1;
}

.pbThumbs li.video::before {
  content: "►";
  color: #FFF;
  font-size: 20px;
  height: 20px;
  width: 20px;
  line-height: 0.9;
  position: absolute;
  bottom: 4px;
  left: 7px;
  background: rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.4);
  border-radius: 0 3px 0 0;
  pointer-events: none;
}

.pbThumbs a {
  height: 100%;
  padding: 0 2px;
  display: block;
  -moz-user-select: none;
}

.pbThumbs img {
  height: 96%;
  min-height: 95.9%;
  border: 2px solid #FFF;
  max-width: none;
  border-radius: 0;
  transition: 0.15s;
}

.pbThumbs li:hover img {
  min-height: 96%;
}

/* fix a bug in Chrome and Opera */
.pbThumbs li.fast a img {
  transition: none;
}

.pbThumbs li.active a img {
  border-color: #D8FF16;
  min-height: 96%;
}

#pbOverlay .prevNext {
  display: none;
  background: rgba(0, 0, 0, 0);
  position: absolute;
  z-index: 10;
  height: 100%;
  width: 35%;
  padding: 80px 0;
  opacity: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  top: 0;
  transition: 0.2s ease-out;
  text-shadow: 0 0 12px #000, 0 0 10px #FFF;
  user-select: none;
  filter: alpha(opacity=0);
  cursor: pointer;
}

#pbOverlay.hasArrows .prevNext {
  display: block;
}

#pbOverlay .prevNext.pbHide {
  display: none;
}

#pbOverlay.on .prevNext:hover {
  opacity: 0.5;
  filter: alpha(opacity=50);
}

#pbOverlay.on .prevNext:hover:active {
  transition: 80ms;
  opacity: 1;
  filter: alpha(opacity=100);
  text-shadow: 0 0 16px #FFF, 0 0 10px #000;
}

.prevNext b {
  display: inline-block;
  vertical-align: middle;
  transition: 0.2s ease-in;
}

.prevNext:hover b {
  transition: 0.2s cubic-bezier(0.095, 0.87, 0.485, 0.985);
}

#pbPrevBtn b {
  transform: scale(0.4) translateX(350px);
  -webkit-transform: scale(0.4) translateX(350px);
}

#pbNextBtn b {
  transform: scale(0.4) translateX(-350px);
  -webkit-transform: scale(0.4) translateX(-350px);
}

/* */
#pbPrevBtn b:before,
#pbNextBtn b:after {
  display: inline;
  line-height: 0.3;
  font-size: 18em;
  font-weight: normal;
  color: #FFF;
  font-family: Arial;
}

#pbPrevBtn b:before {
  content: "‹";
}

#pbNextBtn b:after {
  content: "›";
}

/* */
.on #pbPrevBtn:hover b {
  transform: scale(1) translateX(20px);
  -webkit-transform: scale(1) translateX(20px);
}

.on #pbNextBtn:hover b {
  transform: scale(1) translateX(-20px);
  -webkit-transform: scale(1) translateX(-20px);
}

.show #pbPrevBtn {
  left: 0;
  text-align: left;
}

.show #pbNextBtn {
  right: 0;
  text-align: right;
}

/*------- media queries (for small screens) -----------*/
@media all and (max-width: 700px) {
  .pbWrapper img,
  .pbHide .pbWrapper img.prepare {
    max-height: 100%;
  }
  .thumbs .pbWrapper {
    padding: 0;
    margin: 0;
  }
  .pbThumbs {
    margin-bottom: -60px;
  }
  .pbThumbs.show {
    margin: 0;
  }
  .pbThumbs ul {
    height: 50px;
  }
  .pbThumbs li {
    height: 100%;
    opacity: 1;
  }
  .pbThumbs li img {
    min-height: 96.5%;
  }
}
/* fix for Chrome */
@media all and (max-width: 710px) {
  .pbThumbs li.active a img {
    min-height: 96%;
  }
}
.dropdown-submenu {
  position: relative;
}

.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
}

.galeri-area .caption {
  background-color: #a59784;
  text-align: center;
  color: #fff;
  padding: 0.25rem;
  min-height: 90px;
  padding-top: 1rem;
}

.showing-container.hayalin-gerecege {
  animation-name: bounceInLeft;
  animation-duration: 3s;
  animation-fill-mode: both;
}
.showing-container.kalite-anlayisi {
  animation-name: bounceInRight;
  animation-duration: 3s;
  animation-fill-mode: both;
}
@keyframes bounceInRight {
  60%, 75%, 90%, from, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    transform: translate3d(10px, 0, 0);
  }
  90% {
    transform: translate3d(-5px, 0, 0);
  }
  to {
    transform: none;
  }
}
.showing-container.right-in {
  animation-name: bounceInRight;
  animation-duration: 1s;
  animation-fill-mode: both;
}
.showing-container.left-in {
  animation-name: bounceInLeft;
  animation-duration: 1s;
  animation-fill-mode: both;
}
.showing-container.fade-in-right {
  animation-name: fadeInRight;
  animation-duration: 1s;
  animation-fill-mode: both;
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

.galeri-area .img, .ana-sayfa-kat-planlari .img, .photobox-area-1 .img, .photobox-area-2 .img {
  display: block;
  position: relative;
  overflow: hidden;
  background-color: #33577b;
}
.galeri-area .img::before, .ana-sayfa-kat-planlari .img::before, .photobox-area-1 .img::before, .photobox-area-2 .img::before {
  content: "";
  z-index: -1;
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  opacity: 0;
  font-size: 28px;
  transform: translate(-50%, -50%) scale(0.7);
  transition: 0.3s ease all;
  background: url("/images/search-icon.png") no-repeat;
  width: 40px;
  height: 40px;
  display: inline-block;
  z-index: 5;
}
.galeri-area .img:hover::before, .ana-sayfa-kat-planlari .img:hover::before, .photobox-area-1 .img:hover::before, .photobox-area-2 .img:hover::before {
  opacity: 1;
}
.galeri-area .img img, .ana-sayfa-kat-planlari .img img, .photobox-area-1 .img img, .photobox-area-2 .img img {
  transform: transition(1.3s);
  transition: 0.8s ease all;
}
.galeri-area .img:hover img, .ana-sayfa-kat-planlari .img:hover img, .photobox-area-1 .img:hover img, .photobox-area-2 .img:hover img {
  transition: 0.8s ease all;
  transform: scale(1.18);
  opacity: 0.2;
}
.galeri-area .img.static::before, .ana-sayfa-kat-planlari .img.static::before, .photobox-area-1 .img.static::before, .photobox-area-2 .img.static::before {
  display: none;
}

.kurumsal .vizyon-misyon-area {
  border-top: solid 1px #000;
  border-bottom: solid 1px #000;
  margin-top: 3rem;
  margin-bottom: 1rem;
  padding-bottom: 2rem;
}
.kurumsal .vizyon-misyon-area h3 {
  color: #797575;
  font-size: 2.125rem;
  margin-top: 2rem;
}
.kurumsal .vizyon-misyon-area h3 img {
  height: 50px;
  width: auto;
}
.kurumsal .vizyon-misyon-area .misyon {
  border-left: solid 1px #000;
  padding-left: 1rem;
}
.kurumsal .vizyon-misyon-area .degerler {
  border-top: solid 1px #000;
}

.preje-konsepti h1 {
  text-align: center;
  font-size: 2.55rem;
  margin-top: 1.3rem;
  margin-bottom: 1rem;
  color: #113851;
}

.lokasyon .ust-menu, .galeri .ust-menu, .iletisim .ust-menu {
  margin-bottom: 0.125rem !important;
}
.lokasyon .navbar-brand, .galeri .navbar-brand, .iletisim .navbar-brand {
  background-image: url("/images/logo-alternative.png");
}
.lokasyon .navbar-nav .nav-item .nav-link, .galeri .navbar-nav .nav-item .nav-link, .iletisim .navbar-nav .nav-item .nav-link {
  color: #184da3 !important;
}

.galeri .galeri-content {
  background-color: #3d5670;
  padding: 4rem;
}
.galeri .galeri-content .nav-tabs {
  border-bottom: none !important;
}
.galeri .galeri-content .nav-tabs li a {
  padding: 0.5rem;
  margin-right: 0.5rem;
  background-color: #5c84b4;
  color: #fff;
}
.galeri .galeri-content .nav-tabs li a.active {
  background-color: #ae7159;
}