/* ==============================================
    RESET -->
    =============================================== */
	html, body{ width:100%; max-width: 100%; height:auto; padding:0; margin:0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering:optimizeLegibility; text-rendering: geometricPrecision; }
	body{ overflow-x: hidden !important; overflow-y: scroll; -webkit-tap-highlight-color:rgba(0,0,0,0.3); font-style: normal; font-weight: 400; font-size: 16px; font-family: 'Montserrat', sans-serif; -webkit-font-smoothing:antialiased; line-height: 19px; letter-spacing: 0px; color: #717171;}
	section, .cover{ background-size:cover; background-position: center center; background-repeat: no-repeat; }
	html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6{ -webkit-text-size-adjust:none; }
	/* Undragable Images */
	img{display: block; width: 100%; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; -webkit-user-drag: none; }
	.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6,p{ color: inherit; font-variant-ligatures: common-ligatures; padding:0; margin:0; }
	ol, ul{ list-style: none; padding: 0; }
	a, a:hover, a:focus, button, button:hover, button:focus{ text-decoration: none; color: inherit;}
	*{ border:0; vertical-align: baseline; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
	*, *:hover, *:focus{ outline:none !important; }
	.container{max-width: 1170px;}
	h6{font-size: 14px;}
	section{overflow: hidden;}

		/* ==============================================
		FONTS -->
		=============================================== */
		@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700|Playfair+Display:400,400i,700');


		
		.montserrat{font-family: 'Montserrat', sans-serif;}
		.playfair{font-family: 'Playfair Display', serif;}


/* NOTE: HEADER */
 header{ position: fixed; width: 100%; background: transparent; color: #fff; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; z-index: 999;}
 .navigation-sticky{ -webkit-transition: all 0.4s ease; transition: all 0.4s ease; max-width: 75%;margin: 0 auto;}
 header.sticky .navigation-sticky{ background: #fff; box-shadow: 0 0 20px rgba(0,0,0,0.4); margin-top: 35px;}
 header .logo img{min-width: 150px; max-width: 150px; margin: 5px auto 0;}
 .black-logo{max-width: 85px !important; margin: 5px auto 5px !important;}
 header .col-md-4, header .col-md-8{padding: 0;}
.black-logo{display: none;}
 header.sticky .white-logo{display: none;}
 header.sticky .black-logo{display: block; margin-top: 7px;}
 header .right-navigation{display: flex;justify-content: flex-end;}
 header .right-navigation .first-ul{display: flex;}
 header .right-navigation ul li{padding:30px 0 0 45px;}
 header .right-navigation ul li a{ font-size: 16px; color: #FFFFFF; letter-spacing: 1px;}
 header.sticky .change-color{color: #1A1A18 !important;}
 header.sticky .header-project{ padding: 31px 45px 0 0;}
 header.sticky .right-navigation ul li{ padding: 29px 0 0 45px;}
 header .logo{padding: 15px;display: flex;justify-content: flex-start; z-index: 99;}
 header .header-project{padding: 45px 45px 0 0;}

 header .header-project img{max-width: 32px;}
 header .header-project p{color: #fff; font-size: 16px; font-weight: 300;padding: 8px 18px 0 0;}
 .home-icon-text{color: #2B2A29 !important;    padding-top: 9px !important;}
 header .header-project a{display: flex; float: right;}
 header .header-project .proje-icon-black{display: none;}
 header.sticky .proje-icon-black{display: block;}
 header.sticky .proje-icon{display: none;}
 header.sticky .header-project p{color: #2B2A29;}






 .right-fullscreen-menu .container {position: absolute; width: 100%; heigh: 100%; text-align: center; top: 40%; left: 0; margin: 0 auto;}
 .right-fullscreen-menu .container a {display: inline-block; position: relative; text-align: center; color: #ff5252; text-decoration: none; font-size: 20px; overflow: hidden; top: 5px;}
 .right-fullscreen-menu .container a:after {content: ''; position: absolute; background: #ff5252; height: 2px; width: 0%; transform: translateX(-50%); left: 50%; bottom: 0; transition: 0.35s ease;}
 .right-fullscreen-menu .container a:hover:after, .right-fullscreen-menu .container a:focus:after, .right-fullscreen-menu .container a:active:after {width: 100%;}
 .right-fullscreen-menu h1 {position: relative; text-align: center;}
 .right-fullscreen-menu .button_container {position: relative; width: 120px;height: 35px; cursor: pointer; z-index: 100; transition: opacity 0.25s ease; margin-top: 3px; background-color: #fff;}
 .right-fullscreen-menu .button_container.active .top {transform: translateY(11px) translateX(0) rotate(45deg);top: 6px;}
 .right-fullscreen-menu .button_container.active .middle {opacity: 0; background: #fff;}
 .right-fullscreen-menu .button_container.active .bottom { transform: translateY(-11px) translateX(0) rotate(-45deg); top: 28px;}
 .right-fullscreen-menu .button_container span {background: #000000; border: none; height: 3px; width: 30px; position: absolute; top: 12px; right: 12px; transition: all 0.35s ease; cursor: pointer; border-radius: 5px;}
 .right-fullscreen-menu .button_container-black span{background-color: #2B2A29;}
 .right-fullscreen-menu .button_container .bottom{width: 30px;}
 header.sticky .right-fullscreen-menu .button_container span{background-color: #2B2A29;}
 .right-fullscreen-menu .button_container span:nth-of-type(2) {top: 20px;}
 .right-fullscreen-menu .button_container span:nth-of-type(3) {top: 22px;}
 .right-fullscreen-menu .overlay {position: fixed; background-color: #fff; background-repeat: no-repeat;background-size: cover;background-position: center center; z-index: 2; top: 0; left: 0; width: 100%; height: 0%; opacity: 0; visibility: hidden; transition: opacity 0.35s, visibility 0.35s, height 0.35s; overflow: hidden;}
 .right-fullscreen-menu .overlay.open {opacity: 1; visibility: visible; height: 100%;}
 .right-fullscreen-menu .overlay.open li {animation: fadeInRight 0.5s ease forwards; animation-delay: 0.35s;}
 .right-fullscreen-menu .overlay.open li:nth-of-type(2) {animation-delay: 0.4s;}
 .right-fullscreen-menu .overlay.open li:nth-of-type(3) {animation-delay: 0.45s;}
 .right-fullscreen-menu .overlay.open li:nth-of-type(4) {animation-delay: 0.5s;}
 .right-fullscreen-menu .overlay.open li:nth-of-type(5) {animation-delay: 0.55s;}
 .right-fullscreen-menu .overlay.open li:nth-of-type(6) {animation-delay: 0.6s;}
 .right-fullscreen-menu .overlay.open li:nth-of-type(7) {animation-delay: 0.65s;}
 .right-fullscreen-menu .overlay.open li:nth-of-type(8) {animation-delay: 0.7s;}
 .right-fullscreen-menu .overlay.open li:nth-of-type(9) {animation-delay: 0.75s;}
 .right-fullscreen-menu .overlay nav {position: relative; top: 50%; transform: translateY(-50%); font-size: 50px; font-weight: 400; text-align: center;}
 .right-fullscreen-menu .overlay ul {list-style: none; padding: 30px 0 0 0; margin: 0 auto; display: inline-block; position: relative; height: 100%; float: none;}
 .right-fullscreen-menu .overlay ul li {display: block;padding: 25px 0 !important;position: relative;opacity: 0;}
 .right-fullscreen-menu .overlay ul li a {font-weight: 700;font-size: 32px;color: #000000;letter-spacing: 2.13px;text-align: center;font-family: 'Playfair Display', serif;}
 .menu-button-text{position: absolute;left: 20px;top: 8px;}
 .menu-button-text p{font-weight: 500;font-size: 13px;color: #000000;letter-spacing: -0.08px;text-align: center;}
 .menu-button-text-close{display: none;}
 .right-fullscreen-menu .button_container.active  .menu-button-text-close{display: block;}
 .right-fullscreen-menu .button_container.active  .menu-button-text-open{display: none;}
 header .social-link{margin-top: 80px;}
 header .social-link a{font-size: 24px !important; padding-right: 10px;}
 .menu-bg {
    max-width: 70%;
    position: absolute;
    right: -16vw;
    bottom: -20px;
    opacity: 0.03;  }
 @keyframes fadeInRight {
	 0% {
		 opacity: 0;
		 left: 20%;
	}
	 100% {
		 opacity: 1;
		 left: 0;
	}
}















.page-wrap {
  width: 100%;
  height: 75vh;
  display: flex;
  justify-content: center;
}

/* ====================================
Home Slider
==================================== */

#home-slider {
  height: 75vh;
  width: 100vw;
  position: relative;

}
.swiper-container {
  height: 100%;
  width: 100%;
}


.swiper-image-two {
  background-image: url(../images/slide-new.jpg);
}



.swiper-image-four {
  background-image: url(../images/yalitim-zemin.jpg);
}



.swiper-image-six {
  background-image: url(../images/slide1.jpg);
}
.vitra1{background-image: url(../images/vitra1.jpg) !important;}
.vitra2{background-image: url(../images/vitra2.jpg) !important;}
.vitra3{background-image: url(../images/vitra3.jpg) !important;}
.swiper-image {
  width: 50%;
  height: 100%;
}
.swiper-image-inner {
  background-size: cover;
  background-position: center center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-color: #fff;
  background-blend-mode: overlay;
}
.swiper-image-inner.swiper-image-left {
  padding: 4rem 0 0 14rem;
}

@media screen and (max-width: 1440px){
  .swiper-image-inner.swiper-image-left{padding: 3rem 0 0 12rem;}
}

.swiper-image-left {
  filter: sepia(100%);
  transition: all 1s linear;
  transition-delay: 1s;
}
.swiper-slide.swiper-slide-active .swiper-image-left {
  filter: sepia(0%);
}
.swiper-image-inner.swiper-image-right {
  transition: all 1s linear;
  transition-delay: 1s;
  background-blend-mode: multiply;
}
.home .page-wrap h1 {
  font-family: 'Playfair Display', serif;
  font-weight: 700;
  font-size: 40px;
  color: #000000;
  letter-spacing: 2.67px;
  align-self: flex-start;
  transition: all .8s cubic-bezier(0.215, 0.61, 0.355, 1) 1.1s;
  transform: translate3d(-20%, 0, 0);
  opacity: 0;
}
.home .page-wrap h1 span.emphasis {
  font-weight: 700;
  font-style: italic;
  opacity: 0;
  transition: all .8s cubic-bezier(0.215, 0.61, 0.355, 1) 1.2s;
  transform: translate3d(-20%, 0, 0);
  display: inline-block;
}
.home .page-wrap h1 span:not(.emphasis) {
  font-size: 3.5rem;
}
.home .page-wrap h1 + p {
  margin: 0;
  align-self: flex-end;
  transition: all .8s cubic-bezier(0.215, 0.61, 0.355, 1) 1.3s;
  transform: translate3d(-20%, 0, 0);
  opacity: 0;
  font-weight: 500;
  color: #fff;
  padding-right: 8rem;
  font-weight: 600;
  font-size: 16px;
  color: #414042;
  letter-spacing: 0;
  padding: 20px 0 40px;
}
 .home .page-wrap a {
  position: relative;
  margin: 0;
  align-self: flex-start;
  transition: all .8s cubic-bezier(0.215, 0.61, 0.355, 1) 1.5s;
  transform: translate3d(-20%, 0, 0);
  opacity: 0;
  font-weight: 500;
  color: #fff;
  padding-right: 8rem;
  font-weight: 600;
  font-size: 16px;
  color: #414042;
  letter-spacing: 0;
  padding: 12px 20px;
  display: flex;
  border: 1px solid #000;
}
.home .page-wrap a span{font-weight: 500;font-size: 14px;color: #000000;letter-spacing: -0.09px;    padding-right: 75px;}
.home .page-wrap a img{max-width: 24px;}
.home .page-wrap p.paragraph {
  margin: 0;
  font-family: 'Cormorant Garamond', serif;
  color: #fff;
  width: 100%;
  max-width: 350px;
  text-align: justify;
  font-size: 1.2rem;
  font-weight: 500;
  opacity: 0;
  transition: all .6s cubic-bezier(0.215, 0.61, 0.355, 1) 1.4s;
  transform: translate3d(-20%, 0, 0);
}


.swiper-slide.swiper-slide-active h1,
.swiper-slide.swiper-slide-active p.paragraph,
.swiper-slide.swiper-slide-active h1 span.emphasis,
.swiper-slide.swiper-slide-active h1 + p {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
.swiper-slide.swiper-slide-active a {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
@media screen and (max-width: 1280px) {
  .home .page-wrap h1 {
    font-size: 3.9rem;
  }
  .home .page-wrap h1 span:not(.emphasis) {
    font-size: 2.9rem;
  }
  .home .page-wrap h1 + p {
    font-size: 13px;
  }
  .home .page-wrap p.paragraph {
    font-size: 1rem;
    line-height: 1.3;
  }
}
@media screen and (max-width: 960px) {
  .home .page-wrap h1 {
    font-size: 3.5rem;
  }
  .home .page-wrap h1 span:not(.emphasis) {
    font-size: 2.5rem;
  }
  .home .page-wrap p.paragraph {
    max-width: 90%;
  }
}
@media screen and (max-width: 640px) {
  
  .home .page-wrap h1 {
    font-size: 3.2rem;
    align-self: center;
  }
  .home .page-wrap h1 span:not(.emphasis) {
    font-size: 2.1rem;
  }
  .home .page-wrap p.paragraph {
    max-width: 94%;
  }
}

/* Swiper css file. Only thing changed down here is the pagination styling */
/**
 * Swiper 3.4.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * 
 * http://www.idangero.us/swiper/
 * 
 * Copyright 2016, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 * 
 * Licensed under MIT
 * 
 * Released on: December 13, 2016
 */
.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  /* Fix of Webkit flickering */
  z-index: 1;
}
.swiper-container-no-flexbox .swiper-slide {
  float: left;
}
.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.swiper-container-android .swiper-slide, .swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
  -moz-transform: translate3d(0px, 0, 0);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  background-color: #fff;
  overflow: hidden;
  display: flex;
  
}
/* Auto Height */
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
  height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-transition-property: -webkit-transform, height;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform, height;
}
/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.swiper-wp8-vertical {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}
/* Arrows */
.swiper-button-prev, .swiper-button-next {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  -moz-background-size: 27px 44px;
  -webkit-background-size: 27px 44px;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat;
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto;
}
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  left: auto;
}
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
/* Pagination Styles */
.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
  display: flex;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}
/* Bullets */
.swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  display: inline-block;
  background: #fff;
  opacity: 0.4;
  border: 1px solid #000;
  border-radius: 100%;
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-white .swiper-pagination-bullet {
  background: #fff;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background: #000;
}
.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #fff;
}
.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000;
}
.swiper-container-vertical > .swiper-pagination-bullets {
  left: 13%;
  bottom: 60px;
}
.swiper-container-vertical
  > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 8px;
  display: block;
}
.swiper-container-horizontal
  > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 5px;
}
/* Progress */
.swiper-pagination-progress {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}
.swiper-pagination-progress .swiper-pagination-progressbar {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
  -webkit-transform-origin: right top;
  -moz-transform-origin: right top;
  -ms-transform-origin: right top;
  -o-transform-origin: right top;
  transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progress {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}
.swiper-container-vertical > .swiper-pagination-progress {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-progress.swiper-pagination-white {
  background: rgba(255, 255, 255, 0.5);
}
.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
  background: #fff;
}
.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
  background: #000;
}
/* 3D Container */
.swiper-container-3d {
  -webkit-perspective: 1200px;
  -moz-perspective: 1200px;
  -o-perspective: 1200px;
  perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(rgba(0, 0, 0, 0.5)),
    to(rgba(0, 0, 0, 0))
  );
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(
    right,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(
    right,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(
    right,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(
    to left,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
  /* Firefox 16+, IE10, Opera 12.50+ */
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(
    linear,
    right top,
    left top,
    from(rgba(0, 0, 0, 0.5)),
    to(rgba(0, 0, 0, 0))
  );
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(
    left,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(
    left,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(
    left,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(
    to right,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
  /* Firefox 16+, IE10, Opera 12.50+ */
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(rgba(0, 0, 0, 0.5)),
    to(rgba(0, 0, 0, 0))
  );
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(
    bottom,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(
    bottom,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(
    bottom,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
  /* Firefox 16+, IE10, Opera 12.50+ */
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(rgba(0, 0, 0, 0.5)),
    to(rgba(0, 0, 0, 0))
  );
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(
    top,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(
    top,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(
    top,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
  /* Firefox 16+, IE10, Opera 12.50+ */
}
/* Coverflow */
.swiper-container-coverflow .swiper-wrapper,
.swiper-container-flip .swiper-wrapper {
  /* Windows 8 IE 10 fix */
  -ms-perspective: 1200px;
}
/* Cube + Flip */
.swiper-container-cube, .swiper-container-flip {
  overflow: visible;
}
.swiper-container-cube .swiper-slide, .swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}
.swiper-container-cube .swiper-slide .swiper-slide,
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-flip .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
}
/* Cube */
.swiper-container-cube .swiper-slide {
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  -moz-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}
.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0;
}
/* Fade */
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
/* Preloader */
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  -moz-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite;
}
.swiper-lazy-preloader:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  -webkit-background-size: 100%;
  background-size: 100%;
  background-repeat: no-repeat;
}
.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}




.home .home-social{position: absolute; top: 30%; right: 5%; z-index: 99;display: grid; text-align: center;}
.home .home-social a{color: #fff; font-size: 24px; padding-bottom: 20px;}





.home .home-bottom .home-bottom-item{position: relative; background-image: url(../images/proje-bg.jpg); background-position: center center; background-size: cover; background-repeat: no-repeat; width: 100%; height: 25vh; display: flex;justify-content: flex-start; align-items: center; padding-left: 8%;}
.home .home-bottom .home-bottom-item2{background-image: url(../images/neler-yapiyoruz.jpg); padding-left: 4%;}
.home .home-bottom .home-bottom-item3{background-image: none; padding-left: 4%;}
.home .home-bottom .home-bottom-item h6{font-weight: 700;font-size: 16px;color: #FFFFFF;letter-spacing: 1px;}
.home .home-bottom .home-bottom-item p{font-weight: 400;font-size: 16px;color: #FFFFFF;letter-spacing: 0; max-width: 305px; line-height: 18px; padding-top: 15px;}
.home .home-bottom .home-bottom-item img{max-width: 24px; position: absolute; bottom: 30px; right: 50px;}
.home .home-bottom .home-bottom-item3 h6{color: #000;}
.home .home-bottom .home-bottom-item3 p{color: #606161}









header .logo-mobile{display: none;}

@media screen and (max-width: 768px){
  .swiper-image{z-index: 2; width: 100%;}
  .swiper-image2{z-index: 1;position: absolute;width: 100%;}
  .swiper-image2:after{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.3);}
  .swiper-image-inner{background-color: transparent;}
  .swiper-image-inner.swiper-image-left {padding: 2rem 0 0 3rem;}
  .home .page-wrap h1{align-self: flex-start; color: #fff;}
  .home .page-wrap h1 + p{color: #fff; max-width: 300px; align-self: flex-start;}
  .home .page-wrap a{background-color: #fff; border: none;}
  .home .home-social{display: none;}
  header .logo-mobile{display: block;}
  header .logo-web{display: none;}
  .navigation-sticky{max-width: 90%;}
  header.sticky .right-navigation ul li{padding: 25px 0 0 45px;}
  header .right-navigation ul li{padding: 35px 0 0 45px;}
  header .logo{padding: 10px;}
  .home .home-bottom .home-bottom-item2, .home .home-bottom .home-bottom-item3{padding-left: 8%;}
  .right-fullscreen-menu .overlay ul li a{font-size: 24px;}
  .right-fullscreen-menu .overlay ul li{padding: 8px 0 !important;}
  header.sticky .navigation-sticky{margin-top: 20px;}
  .home .page-wrap h1 + p{padding: 15px 0 30px;}
}











.about .about-left{padding-right: 0;}
.about .about-right h1{font-weight: 700;font-size: 40px;color: #000000;letter-spacing: 2.67px;font-family: 'Playfair Display', serif; max-width: 265px;}
.about .about-right p{font-weight: 600;font-size: 16px;color: #414042;letter-spacing: 0; line-height: 19px; max-width: 445px; padding: 20px 0 40px;}
.about .about-right{display: flex; align-items: center; padding-left: 110px;background-color: #F5F5F5;}
.black-button{font-weight: 600;font-size: 16px;color: #414042;letter-spacing: 0;padding: 12px 20px;display: flex;border: 1px solid #000; max-width: 235px;}
.black-button span{font-weight: 500;font-size: 14px;color: #000000;letter-spacing: -0.09px;padding-right: 75px;}
.black-button img{max-width: 24px;}
.white-button{border-color: #fff;}
.white-button span{color: #fff;}
.accordion-button{padding: 30px 0;}
@media screen and (max-width: 768px){
  .about .about-right{padding: 30px 50px 50px;}
}










.services .services-left .active{display: block;}
.services{padding: 100px 0;}
.services .services-left{background-color: #000; padding: 70px;}
.services .services-right{padding: 0;}
#accordion{background-color: #000;}
.narrowchart {padding:20px; margin:0 auto;}
.accordianheader {color:#fff; background:#000; padding:10px 20px; margin-top:20px; text-align: center;}
.accordianbody {background: #000;border: none;}
.accordianbody ul {margin:0; list-style:none; padding:0;}
.accordianbody ul li {padding:10px;font-weight: 500;font-size: 14px;color: #FFFFFF;letter-spacing: -0.09px;}
.services i { position:absolute;
  right: 20px;
  top:14px;
    -webkit-transition:all 300ms ease-in 0s;
    -moz-transition: all 300ms ease-in 0s;
    -o-transition: all 300ms ease-in 0s;
  transition: all 300ms ease-in 0s;}

.ui-state-active i {
    color: #ACD4CE;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.ui-accordion .ui-accordion-content{padding: 1em 1.6em;}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon{display: none;}
.ui-accordion .ui-accordion-header{margin: 0; border: none;}
.ui-accordion .ui-accordion-header h3{font-weight: 900;font-size: 21px;color: #FFFFFF;letter-spacing: -0.14px; text-align: left;}

@media screen and (max-width: 768px){
  .services{padding: 60px 0;}
  .services .services-left{padding: 20px 0;}
  .ui-accordion .ui-accordion-icons{padding-left: 0.8em;}
}







.contact{padding: 100px 0; background-color: #F5F5F5;}
.contact .contact-item h4{font-weight: 700;font-size: 28px;color: #000000;letter-spacing: 0.7px;}
.contact .contact-item p{font-weight: 400;font-size: 14px;color: #000000;letter-spacing: 0; max-width: 425px; padding: 15px 0 90px;}
.contact .contact-item{padding: 50px; background-color: #fff;}
.contact form {display: flex;}
.contact form input{border: 1px solid #909090; background-color: transparent; padding: 10px 20px;}
::placeholder{font-weight: 400; font-style: italic;font-size: 14px;color: #414042;letter-spacing: 0.35px;}
.contact form .form-button button{display: flex; background-color: #000; font-weight: 500;font-size: 14px;color: #FFFFFF;letter-spacing: 0.35px;padding: 11px 20px;}
.contact form .form-button button img{max-width: 24px; padding-top: 4px;}
.contact form .form-button button span{padding-right: 30px;}
.contact form .form-button {padding-left: 20px;}
.contact .form2{display: block;}
.contact .form2 .form-item2 input{width: 100%; margin-bottom: 9px;}
.contact .form2 button{width: 100%;}
.contact .form2 button span{padding-right: 90px !important;}
.contact .contact-right h4{padding-bottom: 35px;}

.references{background-color: #fff; padding: 50px; margin-top: 30px;}
.references .references-title{position: relative;}
.references .references-title h6{font-weight: 700;font-size: 21px;color: #414042;letter-spacing: 0.52px;font-family: 'Playfair Display', serif;}
.references .references-title:after{position: absolute; content: ''; width: 80%; height: 1px; right: 0; bottom: 0; background-color: #000000;}
.references .references-items{padding-top: 35px;}
.references .references-item{display: flex; justify-content: flex-start; align-items: center;}
.references .references-item img{max-width: 120px;}





@media screen and (max-width: 768px){
  .contact{padding: 60px 0;}
  .contact .contact-item p{padding-bottom: 50px;}
  .contact form{display: block;}
  .contact .contact-item{margin-bottom: 30px;}
  .contact form .form-button{padding: 20px 0 0;}
  .contact .form2 .form-button{padding: 20px 0 0 16px;}
  .contact .form2 button{width: 70%;}
  .references .references-title:after{width: 35%;}
  .references .references-item{padding: 30px;}
  .contact .form2 button span{padding-right: 50px !important;}
}












footer .footer-top{background-color: #131313; padding: 25px 0; }
footer .footer-top img{max-width: 120px;}

footer .footer-social-items{display: flex; justify-content: flex-end; align-items: center;}
footer .footer-social a{font-size: 22px; color: #fff; padding-left: 20px;}

footer .footer-center{background-color: #000; padding: 50px 0;}
footer .footer-center .footer-center-item h6{font-weight: 800;font-size: 14px;color: #FFFFFF;letter-spacing: 0.35px;line-height: 21px;}
footer .footer-center .footer-center-item p{font-weight: 400;font-size: 11px;color: #FFFFFF;letter-spacing: 0;line-height: 16px;}
footer .footer-center .footer-center-item h3, footer .footer-center .footer-center-item a{font-weight: 500;font-size: 14px;color: #FFFFFF;letter-spacing: 0.35px;line-height: 21px;}



footer .footer-center .footer-center-item-newsletter p{padding-bottom: 20px;font-weight: 500;font-size: 14px;color: #F5F5F5;letter-spacing: 0.35px;line-height: 21px;}
footer .footer-center .footer-center-item-newsletter form{position: relative;}
footer .footer-center .footer-center-item-newsletter form input{width: 100%; background-color: transparent; border-bottom: 1px solid #fff; width: 100%;padding-bottom: 10px;}
footer .footer-center .footer-center-item-newsletter form input::placeholder{font-weight: 300; font-style: italic;font-size: 14px;color: #909090;letter-spacing: 0.35px;line-height: 21px;}
footer .footer-center .footer-center-item-newsletter form .form-item2{position: absolute; top: 0; right: 0;}
footer .footer-center .footer-center-item-newsletter form .form-item2 button{background-color: transparent;}


footer .footer-bottom{background-color: #373737; padding: 15px 0;}
footer .footer-bottom p{font-weight: 500;font-size: 14px;color: #F5F5F5;letter-spacing: 0.35px;}



@media screen and (max-width: 768px){
  footer .footer-social a{font-size: 20px;padding-left: 10px;}
  footer .footer-center .footer-center-item{text-align: center; padding-bottom: 30px;}
  footer .footer-center .footer-center-item-newsletter form{max-width: 80%;margin: 0 auto;}
  footer .footer-bottom .footer-bottom-item{text-align: center !important; padding: 5px 0;}
}














.alt-bg{position: relative; width: 100%; height: 40vh; background-image: url(../images/alt-bg.jpg); background-size: cover; background-position: center center; background-repeat: no-repeat;}
.alt-bg{display: flex;justify-content: center; align-items: center;}
.alt-bg h1, .about-page .about-page-top h1{font-weight: 700;font-size: 40px;color: #000000;letter-spacing: 2.67px;font-family: 'Playfair Display', serif; text-align: center;}


.about-page .fark{padding: 100px 0;}
.about-page .about-page-top .about-page-top-item{display: flex; justify-content: center;align-items: center;}
.about-page .about-page-top .about-page-top-item p{font-weight: 600;font-size: 16px;color: #414042;letter-spacing: 0; max-width: 540px;}
.about-page .about-page-top-center{background-color: #F5F5F5; padding: 55px;}
.about-page .about-page-top-center .about-page-top-center-description p{font-weight: 500;font-size: 14px;color: #414042;letter-spacing: 0; max-width: 490px; padding-bottom: 20px;}
.about-page .about-page-top-center .about-page-top-center-description-item{display: flex;justify-content: flex-start; align-items: center;}

.vision-mission{margin: 60px 0;}
.vision-mission .col-md-6{padding: 0;}
.vision-mission .vision{padding: 60px 0; background-color: #727272; height: 100%;}
.vision-mission .mission{padding: 60px 0; background-color: #909090;}
.vision-mission .vision-mission-item img{max-width: 45px; margin: 0 auto}
.vision-mission .vision-mission-item h1{font-weight: 700;font-family: 'Playfair Display', serif;font-size: 36px;color: #FFFFFF;letter-spacing: 1px;text-align: center; padding: 10px 0;}
.vision-mission .vision-mission-item p{font-weight: 400;font-size: 14px;color: #FFFFFF;letter-spacing: 0;text-align: center; max-width: 380px; margin: 0 auto;}




@media screen and (max-width: 768px){
  .about-page .fark{padding: 40px 0;max-width: 90%;margin: 0 auto;}
  .about-page .about-page-top .about-page-top-item{justify-content: flex-start;}
  .about-page .about-page-top .about-page-top-item h1{padding-bottom: 20px;}
  .about-page .about-page-top-center{padding: 35px;}
  .alt-bg h1, .about-page .about-page-top h1{font-size: 30px; padding-top: 30px;}

  
}














.icerik-tabs {
   position: fixed;
   z-index: 10;
   bottom: 10px;
   right: 10px;
   width: 40px;
   height: 40px;
   display: flex;
   justify-content: flex-end;
   align-items: flex-end;
   transition: all 0.2s ease;
}
 .icerik-tabs .bg_links {
   width: 40px;
   height: 40px;
   border-radius: 100%;
   display: flex;
   justify-content: center;
   align-items: center;
   background-color: rgba(255, 255, 255, 0.2);
   border-radius: 100%;
   backdrop-filter: blur(5px);
   position: absolute;
}
 .icerik-tabs .logo {
   width: 40px;
   height: 40px;
   z-index: 9;
   background-image: url(https://rafaelalucas91.github.io/assets/codepen/logo_white.svg);
   background-size: 50%;
   background-repeat: no-repeat;
   background-position: 10px 7px;
   opacity: 0.9;
   transition: all 1s 0.2s ease;
   bottom: 0;
   right: 0;
}
 .icerik-tabs .social {
   opacity: 0;
   right: 0;
   bottom: 0;
}
 .icerik-tabs .social .icon {
   width: 100%;
   height: 100%;
   background-size: 20px;
   background-repeat: no-repeat;
   background-position: center;
   background-color: transparent;
   display: flex;
   transition: all 0.2s ease, background-color 0.4s ease;
   opacity: 0;
   border-radius: 100%;
}
 .icerik-tabs .social.portfolio {
   transition: all 0.8s ease;
}
 .icerik-tabs .social.portfolio .icon {
   background-image: url(https://rafaelalucas91.github.io/assets/codepen/link.svg);
}
 .icerik-tabs .social.dribbble {
   transition: all 0.3s ease;
}
 .icerik-tabs .social.dribbble .icon {
   background-image: url(https://rafaelalucas91.github.io/assets/codepen/dribbble.svg);
}
 .icerik-tabs .social.linkedin {
   transition: all 0.8s ease;
}
 .icerik-tabs .social.linkedin .icon {
   background-image: url(https://rafaelalucas91.github.io/assets/codepen/linkedin.svg);
}
 .icerik-tabs:hover {
   width: 105px;
   height: 105px;
   transition: all 0.6s cubic-bezier(0.64, 0.01, 0.07, 1.65);
}
 .icerik-tabs:hover .logo {
   opacity: 1;
   transition: all 0.6s ease;
}
 .icerik-tabs:hover .social {
   opacity: 1;
}
 .icerik-tabs:hover .social .icon {
   opacity: 0.9;
}
 .icerik-tabs:hover .social:hover {
   background-size: 28px;
}
 .icerik-tabs:hover .social:hover .icon {
   background-size: 65%;
   opacity: 1;
}
 .icerik-tabs:hover .social.portfolio {
   right: 0;
   bottom: calc(100% - 40px);
   transition: all 0.3s 0s cubic-bezier(0.64, 0.01, 0.07, 1.65);
}
 .icerik-tabs:hover .social.portfolio .icon:hover {
   background-color: #698fb7;
}
 .icerik-tabs:hover .social.dribbble {
   bottom: 45%;
   right: 45%;
   transition: all 0.3s 0.15s cubic-bezier(0.64, 0.01, 0.07, 1.65);
}
 .icerik-tabs:hover .social.dribbble .icon:hover {
   background-color: #ea4c89;
}
 .icerik-tabs:hover .social.linkedin {
   bottom: 0;
   right: calc(100% - 40px);
   transition: all 0.3s 0.25s cubic-bezier(0.64, 0.01, 0.07, 1.65);
}
 .icerik-tabs:hover .social.linkedin .icon:hover {
   background-color: #0077b5;
}

 #wrapper {
   display: flex;
   justify-content: center;
   align-items: center;
   width: 100%;
}
 .content {
   width: 100%;
   transition: 0.3s ease;
}
/* Tabs menu */
 .tabs {
   margin: 0;
   background-color: #fff !important;
   display: flex;
   justify-content: space-between;
   align-items: center;
   box-shadow: 0 2px 20px rgba(0,0,0,0.2);
}
 @media screen and (max-width: 512px) {
   .tabs {
     height: 72px;
  }
}
/* Tab Links */
 .tablinks {
   background: transparent;
   outline: none;
   cursor: pointer;
   width: 33.3333333%;
  /*change depending on the number of tabs*/
   position: relative;
   display: flex;
   justify-content: center;
   align-items: center;
   font-size: 16px;
   overflow: hidden;
   transition: 0.3s ease;
   padding: 20px 0;
  border-right: 1px solid #F5F5F5 !important;
}
.tablinks2{width: 50%;}
 .tablinks:before {
  /* Gradient */
   content: "";
   width: 100%;
   height: 0px;
   position: absolute;
   top: 0;
   left: 0;
   transition: 0.3s ease-in-out;
   z-index: 2;
}
/*tab buttons hover*/
 .tablinks:hover::before {
   height: 100%;
   z-index: 2;
   bottom: 0;
}
 @media screen and (max-width: 512px) {
   .tablinks:hover::before {
     height: 0;
  }
}
/* Tab active */
 .tablinks.active {
   z-index: 0;
   border-right: 0px;
   border-left: 0px;
   bottom: 0px;
   overflow: hidden;
}
 .tablinks.active:before {
  /* Gradient */
   content: "";
   width: 100%;
   height: 5px;
   top: 0;
   left: 0;
}
/* Tabs text */
 .tablinks.active p, .tablinks.active:hover p {
   opacity: 1;
   color: #D1D3D4 !important;
   font-weight: 700;
}
 .tablinks p {
   display: flex;
   align-items: center;
   justify-content: center;
   z-index: 2;
   transition: 0.5s ease;
   padding: 0;
   margin: 0;
   backface-visibility: hidden;
   font-weight: 700;
   font-size: 16px;
   color: #000000;
   letter-spacing: 1px;
}
 .tablinks:hover p {
   opacity: 1;
}
 @media screen and (max-width: 512px) {
   .tablinks:hover p {
     color: #686868;
     opacity: 0.6;
  }
}
/* Tabs text bigger */
 .tablinks p:before {
   content: attr(data-title);
   position: absolute;
   height: auto;
   width: auto;
   color: white;
   display: flex;
   align-items: center;
   justify-content: center;
   opacity: 0.1;
   font-size: 40px;
   transition: 1s ease-out;
   z-index: -1;
   font-weight: 600;
   top: 110%;
}
 @media screen and (max-width: 512px) {
   .tablinks p:before {
     display: none;
  }
}
 .tablinks:hover p:before {
   opacity: 0.1;
   font-size: 40px;
   top: -80%;
}
/* tab content */
 .wrapper_tabcontent {
   background-color: #F5F5F5;
   margin-top: 0px;
   position: relative;
   opacity: 1;
   overflow: hidden;
   transition: all 1s ease;
   top: 0;
}
 .tabcontent {
   opacity: 0;
   height: 0;
}
 @keyframes tabEffect {
   from {
     top: -40px;
  }
   to {
     top: 0px;
  }
}
 .tabcontent.active {
   transition: all 1s ease;
   opacity: 1;
   height: 100%;
}

/* Title */
 .tabcontent h3 {
   font-size: 40px;
   top: 75px;
   transform: rotate(90deg);
   position: absolute;
   left: -90px;
   opacity: 0.1;
   width: 200px;
   height: 60px;
   background: -webkit-linear-gradient(135deg, #667eea 0%, #764ba2 100%);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   padding: 0;
   animation: city 1s ease;
}
 @media screen and (max-width: 512px) {
   .tabcontent h3 {
     top: 65px;
  }
}
 @keyframes city {
   from {
     left: -150px;
  }
   to {
     left: -90px;
  }
}
.tabcontent{
  transition: all 1s ease;
   animation: fadeEffect 0.6s ease;
}
/* Text*/
 .tabcontent p {
   color: #686868 !important;
   margin: 0;
   padding: 0;
   line-height: 28px;
   font-weight: 100;
   width: 100%;
   font-size: 16px;
}
 @media screen and (max-width: 512px) {
   .tabcontent p {
     font-size: 14px;
     line-height: 26px;
  }
}
 @keyframes fadeEffect {
   from {
     opacity: 0;
     margin-left: 30px;
  }
   to {
     opacity: 1;
     margin-left: 0;
  }
}
 
.tab-content-new{padding: 55px 90px;background-color: #fff; margin-bottom: 60px;}
.icerik-tabs-texts{background-color: #F5F5F5; padding: 40px 0 100px;}
.tabs-description h4{font-weight: 800;font-size: 21px;color: #414042;letter-spacing: -0.14px;}
.tabs-description p{font-weight: 500;font-size: 16px;color: #414042;letter-spacing: 0; line-height: 19px; max-width: 380px; padding: 20px 0;}
.tabs-description h5{font-weight: 700;font-size: 16px;color: #414042;letter-spacing: 0;}
.tabs-description ul{padding-top: 15px;}
.tabs-description ul li{font-weight: 500;font-size: 14px;color: #414042;letter-spacing: -0.09px;}
.tabs-description ul li span{padding-left: 10px;}
.tabs-description2{padding-left: 70px;}
.slick-dotted.slick-slider{margin: 0;}
.slideshow {position: relative;z-index: 1;height: 100%;max-width: 700px;}
 

 .slideshow .slider-track {transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);}
 .slideshow .item {height: 100%;position: relative;z-index: 1;}
 .slideshow .item img {width: 100%;transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);transform: scale(1.2);max-height: 400px;object-fit: cover;}
 .slideshow .item.slick-active img {transform: scale(1);}
.icerik .slick-dots{bottom: 20px !important;}
.slick-dots li{width: 10px; height: 10px; background-color: transparent; border: 1px solid #fff;  border-radius: 100%; margin: 0 10px;}
.slick-dots li.slick-active{background-color: #fff;}
.slick-dots li button:before{display: none; }

.tab-content-new2{display: flex;justify-content: center; align-items: center; padding: 0;}
.tab-content-new .tabs-description-news{padding-left: 90px;}
.tab-content-new2 .col-md-6{padding: 0;}
.tab-content-new .tabs-description-news h4{font-weight: 400;font-size: 16px;color: #000000;letter-spacing: 0;}
.tab-content-new .tabs-description-news h5{font-weight: 700;font-size: 28px;color: #000000;letter-spacing: 1px;font-family: 'Playfair Display', serif; padding-top: 10px;}
.tab-content-new .tabs-description-news p{color: #000000 !important;}
@media screen and (max-width: 768px){
  .tablinks p{font-size: 12px !important;width: 50%;line-height: 15px;}
  .icerik-tabs-texts{padding: 50px 0;}
  .tab-content-new{padding: 35px 20px;}
  .tabs-description2{padding-left: 0;}
  .tab-content-new{margin-bottom: 30px;}
  .icerik-tabs-texts{padding-bottom: 0;}
  .tab-content-new .tabs-description-news{padding: 10px 0;}

}






.references-page{background-color: #F5F5F5; padding: 100px 0;}
.references-page .references-page-item{display: flex; justify-content: center; align-items: center; padding: 100px 50px; background-color: #fff; margin-bottom: 30px;}
.references-page .references-page-item img{max-width: 180px;object-fit: cover;}

@media screen and (max-width: 768px){
  .references-page{padding: 60px 0;}
  .references-page .references-page-item{padding: 50px;}
  .order{order: -1;}
}



.header-contact{background-color: #fff;}
.header-contact.sticky{background-color: transparent;}
.navigation-sticky-contact{max-width: 80%;}
.contact-map{padding-top: 85px;}
.contact-page{background-color:#000; padding: 70px 0; }
.contact-page .contact-page-item h2{font-weight: 700;font-size: 28px;color: #FFFFFF;letter-spacing: 0.7px;}
.contact-page .contact-page-item p{font-weight: 400;font-size: 14px;color: #FFFFFF;letter-spacing: 1px;line-height: 22px; padding-top: 10px;}
.contact-page .col-md-4{display: flex; justify-content: center; align-items: center;}
.contact-page .contact-page-item2{text-align: center;}
.contact-page .contact-page-item3{text-align: right;}

@media screen and (max-width: 768px){
  .contact-page{padding: 50px 0 20px;}
  .contact-page .contact-page-item{text-align: center; margin-bottom: 30px;}
}








.index-home .col-md-6{padding: 0;}

/* Common style */
.grid figure {
  position: relative;
  overflow: hidden;
  background: #fff;
  text-align: center;
  cursor: pointer;
  margin: 0;
}

.grid figure img {
  position: relative;
  display: block;
  min-height: 100%;
  max-width: 100%;
  opacity: 0.8;
  height: 100vh;
  object-fit: cover;
}

.grid figure figcaption {
  padding: 2em;
  color: #fff;
  font-size: 1.25em;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
  pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption a {
  position: absolute;
  top: 35%;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption a {
  z-index: 1000;
  white-space: nowrap;
  font-size: 0;
  font-weight: 600;
  font-size: 16px;
  color: #414042;
  letter-spacing: 0;
  padding: 12px 20px;
  display: flex;
  background-color: #fff;
  width: auto;
  height: auto;
  position: relative;
  max-width: 230px;
  margin: 0 auto;
}

.grid figure h2 {
  word-spacing: -0.15em;
  font-weight: 300;
}

.grid figure h2 span {
  font-weight: 800;
}

.grid figure h2,
.grid figure p {
  margin: 0;
}

.grid figure p {
  letter-spacing: 1px;
  font-size: 68.5%;
}





/*---------------*/
/***** Ruby *****/
/*---------------*/

figure.effect-ruby {
  background-color: #fff;
}

figure.effect-ruby img {
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: scale(1.15);
  transform: scale(1.15);
}

figure.effect-ruby:hover img {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

figure.effect-ruby h2 {
  margin-top: 20%;
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  -webkit-transform: translate3d(0,20px,0);
  transform: translate3d(0,20px,0);
}

figure.effect-ruby p {
  margin: 1em 0 0;
  padding: 3em;
  border: 1px solid #fff;
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(0,20px,0) scale(1.1);
  transform: translate3d(0,20px,0) scale(1.1);
} 

figure.effect-ruby:hover h2 {
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

figure.effect-ruby:hover p {
  opacity: 1;
  -webkit-transform: translate3d(0,0,0) scale(1);
  transform: translate3d(0,0,0) scale(1);
}

.index-home figure .figure-logo{max-width: 140px; margin: 0 auto; height: 100%; opacity: 0.2;margin-bottom: 70px;}
.index-home figure .figure-logo2{max-width: 310px;}
figure.effect-ruby:hover .figure-logo{opacity: 1;}
.figure-button img{height: 100% !important; max-width: 24px !important; opacity: 1 !important; padding-top: 5px;}
.figure-button span{padding-right: 90px;font-weight: 500;font-size: 14px;color: #000000;letter-spacing: -0.09px;}
.figure-button{opacity: 0;}
figure.effect-ruby:hover .figure-button{opacity: 1;}






.index-home-social{position: absolute; bottom: 50px; left: 50%; transform: translateX(-50%);width: 100%;text-align: center;}
.index-home-social a{color: #000; font-size: 25px; padding-right: 15px;}



@media screen and (max-width: 768px){
  .index-home-social{bottom: 20px;}
  .grid figure img{height: 38vh; opacity: 1;}
  .index-home figure .figure-logo{opacity: 1; margin-bottom: 30px;}
  .figure-button{opacity: 1;}
  .grid figure figcaption, .grid figure figcaption a{top: 16%;}
  .vitra-header .logo img{padding-top: 30px;}
  header.sticky .vitra-black{padding-top: 14px;}
}






.vitra-header .logo img{max-width: 290px;}

.vitra-header .black-logo{max-width: 290px !important;}
header.sticky .right-navigation ul .right-fullscreen-menu2{padding: 20px 0 0 45px;}




.galeri{padding: 80px 0;}

.galeri .demo-gallery a{padding: 15px; position: relative;}
.galeri .demo-gallery .gallery-hover{position: absolute;top: 0; left: 0; width: 100%; height: 100%; display: none; transition: all 300ms ease-in-out;}
.galeri .demo-gallery .gallery-hover img{max-width: 50px;}
.galeri .demo-gallery a:hover .gallery-hover{display: flex; justify-content: center; align-items: center;}
.pswp__caption .gallery-hover-icon{display: none !important;}
.pswp__caption small{display: none !important;}


.float {
            position: fixed;
            width: 60px;
            height: 60px;
            bottom: 40px;
            right: 40px;
            background-color: #25d366;
            color: #fff;
            border-radius: 50px;
            text-align: center;
            font-size: 30px;
            z-index: 100;
            box-shadow: 0 0 30px rgba(0,0,0,0.1)
        }
        
        .my-float {
            margin-top: 16px;
        }

        .float:hover{color: #fff;}



@media screen and (max-width: 768px){
  .float{width: 50px; height: 50px; right: 25px;}
  .my-float{margin-top: 10px;}
}


.services-right img{min-height: 600px; object-fit: cover;}
.about-left img{max-height: 95vh; object-fit: cover;}