@charset "UTF-8";
@import url("../fonts/font-awesome-4.7.0/css/font-awesome.min.css");
@import url("../eklentiler/bootstrap-3.3.7-dist/css/bootstrap.min.css");
@import url("../eklentiler/bootstrap-3.3.7-dist/css/bootstrap-theme.min.css");
@import url("../fonts/w-sans-new/stylesheet.css");
@import url("../fonts/futura-pt/stylesheet.css");
@import url("../fonts/proxima-nova/stylesheet.css");
@import url("../css/flex-layout.css");
@import url("../css/style-class.css");
@import url(../eklentiler/Swiper-3.4.2/dist/css/swiper.min.css);
@import url(../eklentiler/fancybox-3.0/dist/jquery.fancybox.min.css);
.flex-1 { flex: 1 !important; }

.flex-2 { flex: 2 !important; }

.flex-3 { flex: 3 !important; }

.flex-4 { flex: 4 !important; }

.flex-5 { flex: 5 !important; }

.flex-6 { flex: 6 !important; }

.flex-7 { flex: 7 !important; }

.flex-8 { flex: 8 !important; }

.flex-9 { flex: 9 !important; }

.flex-10 { flex: 10 !important; }

.flex-11 { flex: 11 !important; }

.flex-12 { flex: 12 !important; }

.masaustu-menu { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin: 0; padding: 0; list-style-type: none; }
.masaustu-menu > li { position: relative; margin-left: 5px; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.masaustu-menu > li > a { display: block; text-decoration: none; color: #bbb; font-size: 14px; font-weight: 600; padding: 10px 10px; position: relative; transition: all 0.1s ease; }
.masaustu-menu > li ul { position: absolute; top: 100%; white-space: nowrap; transition: all 0.3s ease; opacity: 0; visibility: hidden; transform: translate(0, 50px); z-index: 2; margin: 0; padding: 10px 0; list-style-type: none; transition-delay: 0.1s; }
.masaustu-menu > li ul li a { background-color: #333; color: #888; display: block; padding: 2px 15px; text-decoration: none; font-size: 15px; transition: all 0.3s ease; transition-delay: 0.1s; }
.masaustu-menu > li ul li:hover a { color: #fff; transition-delay: 0s; }
.masaustu-menu > li ul li:first-child > a { padding-top: 10px; }
.masaustu-menu > li ul li:last-child > a { padding-bottom: 10px; }
.masaustu-menu > li ul:before { content: ""; position: absolute; top: 0px; margin: auto; left: 0; right: 0; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #333; }
.masaustu-menu > li:hover > a { transition: all 0.5s ease; color: #4c4c4c; }
.masaustu-menu > li:hover ul { transition: all 0.6s ease; transform: translate(0, 0px); transition-delay: 0s; opacity: 1; visibility: visible; }
.masaustu-menu > li.active a { color: #fff; background-color: #5c5c5c; }
.masaustu-menu > li.dil img { max-height: 20px; max-width: initial; }
.masaustu-menu > li.dil > a { opacity: 0.5; filter: grayscale(30%); }
.masaustu-menu > li.dil:hover a { opacity: 1; filter: grayscale(0%); }
.masaustu-menu > li.dil ul li a { background-color: #e5e5e5; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2); color: #888; padding: 7px; }
.masaustu-menu > li.dil ul li a img { opacity: 0.5; filter: brightness(80%) grayscale(30%); }
.masaustu-menu > li.dil ul li:hover a { color: #fff; background-color: #fff; }
.masaustu-menu > li.dil ul li:hover a img { opacity: 1; filter: brightness(100%) grayscale(0%); }
.masaustu-menu > li.dil ul:before { content: ""; position: absolute; top: 0px; margin: auto; left: 0; right: 0; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #e5e5e5; }

.sayfa-anasayfa .masaustu-menu > li > a { color: #fff; }
.sayfa-anasayfa .masaustu-menu > li:hover > a { background-color: rgba(255, 255, 255, 0.1); }
.sayfa-anasayfa .masaustu-menu > li.active > a { color: #5c5c5c; background-color: #fff; }
.sayfa-anasayfa .masaustu-menu > li ul:before { border-bottom: 10px solid #fff; }
.sayfa-anasayfa .masaustu-menu > li ul li a { background-color: #fff; }
.sayfa-anasayfa .masaustu-menu > li ul li:hover a { color: #5c5c5c; }
.sayfa-anasayfa .masaustu-menu > li.dil img { max-height: 20px; max-width: initial; }
.sayfa-anasayfa .masaustu-menu > li.dil > a { opacity: 1; filter: grayscale(0%); }
.sayfa-anasayfa .masaustu-menu > li.dil ul li a { background-color: #e5e5e5; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2); color: #888; padding: 7px; }
.sayfa-anasayfa .masaustu-menu > li.dil ul li a img { opacity: 0.5; filter: brightness(80%) grayscale(30%); }
.sayfa-anasayfa .masaustu-menu > li.dil ul li:hover a { color: #fff; background-color: #fff; }
.sayfa-anasayfa .masaustu-menu > li.dil ul li:hover a img { opacity: 1; filter: brightness(100%) grayscale(0%); }
.sayfa-anasayfa .masaustu-menu > li.dil ul:before { border-bottom: 10px solid #e5e5e5; }
.sayfa-anasayfa .logo { border-color: #fff; }
.sayfa-anasayfa .logo img { -webkit-filter: invert(0); filter: invert(0); }

body.mobil .mobil-menu { visibility: visible; opacity: 1; display: flex; }
body.mobil .logo { border-width: 1px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
body.mobil .logo:hover { border-color: #5c5c5c; color: #5c5c5c; }

.mobil-menu { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; visibility: hidden; opacity: 0; display: none; font-family: "Futura PT",sans-serif; }
.mobil-menu.active .mobil-btn a i { color: #5c5c5c; }
.mobil-menu .mobil-btn { color: #fff; font-size: 22px; margin-left: 20px; cursor: pointer; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; opacity: 0.5; position: relative; }
.mobil-menu .mobil-btn:hover { opacity: 1; }
.mobil-menu > ul { position: absolute; width: 100%; top: 100%; left: 0; margin: 0; padding: 20px; list-style-type: none; visibility: hidden; opacity: 0; background-color: #fff; z-index: 12; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; transform: translate(0, 50px); }
.mobil-menu > ul li a { text-decoration: none; color: #4c4c4c; font-weight: bold; font-size: 14px; padding: 5px 0; display: block; transition: all 0.3s ease; }
.mobil-menu > ul li:hover > a { color: tomato; }
.mobil-menu > ul li .sosyal a { display: flex; }
.mobil-menu > ul li ul { display: none; padding: 10px 20px; margin: 0; list-style-type: none; }
.mobil-menu > ul li ul li a { font-weight: 300; -webkit-transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1); -moz-transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1); }
.mobil-menu > ul li.active > a { color: tomato; }
.mobil-menu > ul li.active ul { display: block; }
.mobil-menu.active > ul { visibility: visible; opacity: 1; transform: translate(0, 0px); }

.mobil .logo { border-color: #5c5c5c; }
.mobil .logo img.renkli { -webkit-filter: brightness(10); filter: brightness(10); }
.mobil .logo.active img.beyaz { -webkit-filter: invert(0.8); filter: invert(0.8); }
.mobil .mobil-menu { visibility: visible; opacity: 1; }

body { min-height: 100%; }

body { margin: 0; padding: 20px; font-size: 18px; }

.sayfa-anasayfa { height: 100%; }

.sayfa-anasayfa .desktop .swiper-container { margin: 20px; width: calc(100% - 40px); height: calc(100% - 40px); position: absolute; top: 0; left: 0; }

.slide-baslik { font-family: "Futura PT",sans-serif; font-size: 15px; text-transform: uppercase; letter-spacing: 4px; text-decoration: none; font-weight: 400; font-style: normal; white-space: nowrap; line-height: 1.2em; padding: 12px 20px; margin-bottom: 50px; margin-left: 50px; margin-right: 60px; position: relative; z-index: 1; transition: all 0.3s ease; }
.slide-baslik:hover { text-decoration: none; }
.slide-baslik:hover.beyaz { background-color: #5c5c5c; color: #fff; }
.slide-baslik:hover.siyah { background-color: #5c5c5c; color: #fff; }
.slide-baslik .isim { opacity: 0.5; }
.slide-baslik.siyah { background-color: #111; color: #fff; }
.slide-baslik.beyaz { background-color: #fff; color: #111; }

.mobil .swiper-slide .slide-baslik { white-space: nowrap; margin-left: 20px; }
.mobil .swiper-slide.swiper-slide-active .slide-baslik { white-space: normal; }
.mobil .swiper-container { margin-top: 0; margin-bottom: 0; }

.slide-divbg-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-filter: blur(0px) contrast(120%) brightness(80%) grayscale(30%); /* Safari */ filter: blur(0px) contrast(120%) brightness(80%) grayscale(30%); background-position: center; background-size: cover; }

.sayfa-anasayfa .swiper-slide { background-color: white; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; }
.sayfa-anasayfa .swiper-slide:hover { text-decoration: none; }
.sayfa-anasayfa .swiper-slide h1, .sayfa-anasayfa .swiper-slide p { color: #fff; }
.sayfa-anasayfa .swiper-slide h1 { font-size: 82px; font-family: "W Sans New",sans-serif; font-weight: bold; letter-spacing: 8px; margin-bottom: 40px; }
.sayfa-anasayfa .swiper-slide p { font-size: 35px; letter-spacing: 17px; font-weight: 300; margin-bottom: 70px; }
.sayfa-anasayfa .swiper-slide .buton { padding: 20px 50px; color: #282828; background-color: #fff; font-size: 18px; text-decoration: none; font-family: "W Sans New",sans-serif; transition: all 0.3s ease; display: inline-block; }
.sayfa-anasayfa .swiper-slide .buton:hover { background-color: #1da1f2; color: #fff; }

.sayfa-anasayfa .tablet .swiper-container { margin: 20px; width: calc(100% - 40px); height: calc(100% - 40px); position: absolute; top: 0; left: 0; }
.sayfa-anasayfa .tablet .swiper-slide h1 { font-size: 62px; letter-spacing: 6px; margin-bottom: 0px; }
.sayfa-anasayfa .tablet .swiper-slide p { margin-top: 0; margin-bottom: 10px; font-size: 24px; letter-spacing: 4px; }
.sayfa-anasayfa .tablet .swiper-slide .buton { padding: 10px 20px; font-size: 13px; }

.sayfa-anasayfa .mobil .swiper-slide { padding-top: 75%; }
.sayfa-anasayfa .mobil .swiper-slide h1 { font-size: 32px; letter-spacing: 6px; margin-bottom: 0px; }
.sayfa-anasayfa .mobil .swiper-slide p { margin-top: 0; margin-bottom: 10px; font-size: 18px; letter-spacing: 2px; }
.sayfa-anasayfa .mobil .swiper-slide .buton { padding: 10px 20px; font-size: 13px; }

.buton1 { padding: 20px 50px; color: #282828; background-color: #fff; font-size: 18px; text-decoration: none; font-family: "W Sans New",sans-serif; transition: all 0.3s ease; display: inline-block; }
.buton1:hover { background-color: tomato; color: #fff; }

.orta { position: absolute; width: calc(100% - 40px); top: 50%; left: 20px; z-index: 2; padding: 0px 10px 0px 10px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.orta > * { height: 0; }

.mobil .orta { position: relative; width: initial; top: initial; left: initial; }
.mobil .orta > * { height: initial; }

.sayfa-anasayfa .sosyal a { color: #fff; }

.sayfa-anasayfa .sosyal a i { color: #fff; }
.sayfa-anasayfa .mobil .sosyal a i { color: #4c4c4c; }
.sayfa-anasayfa .mobil .sosyal a:hover i { color: #fff; }

.sosyal { margin-top: 10px; position: relative; }
.sosyal.mobil-sosyal { display: none; }
.sosyal a { font-size: 18px; text-decoration: none; padding: 0px 5px; margin: 5px -5px; text-align: center; -webkit-transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1); -moz-transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1); width: 34px; height: 34px; -webkit-border-radius: 14px; -moz-border-radius: 14px; border-radius: 14px; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.sosyal a i { -webkit-transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1); -moz-transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1); transition-delay: 0s; color: #4c4c4c; }
.sosyal a:hover { padding: 0; margin: 5px; }
.sosyal a:hover i { -webkit-transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1); -moz-transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1); color: #fff; }
.sosyal a:hover.facebook { background-color: #4267b2; border-color: #4267b2; }
.sosyal a:hover.twitter { background-color: #00aced; border-color: #00aced; }
.sosyal a:hover.pinterest { background-color: #bd081c; border-color: #bd081c; }
.sosyal a:hover.instagram { background-color: #f04855; border-color: #f04855; }
.sosyal a:hover.youtube { background-color: #cc181e; border-color: #cc181e; }
.sosyal a:hover.linkedin { background-color: #0077b5; border-color: #0077b5; }
.sosyal a:hover.google { background-color: #db4437; border-color: #db4437; }

.mobil .sosyal.masaustu-sosyal { display: none; }
.mobil .sosyal.mobil-sosyal { display: flex; }

.hti { font-size: 14px; transform: rotate(-90deg) translate(50%, 0); transform-origin: right 100%; color: #fff; font-weight: bold; -webkit-border-radius: 14px; -moz-border-radius: 14px; border-radius: 14px; -webkit-transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1); -moz-transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1); padding: 10px 20px; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; cursor: pointer; text-decoration: none; background-color: #5c5c5c; position: fixed; right: 19px; top: 50%; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; }
.hti i { margin-right: 7px; }
.hti:focus, .hti:active, .hti:hover { background-color: tomato; color: #fff; text-decoration: none; }

.mobil .hti { right: 0; }

.modal-hti { padding: 50px; max-width: 570px; background-repeat: no-repeat; background-position: 0 -100px; font-size: 16px; font-family: "Proxima Nova",sans-serif; display: none; }
.modal-hti h4 { font-size: 38px; font-weight: bold; color: #5c5c5c; margin-bottom: 0; letter-spacing: -2px; margin-top: 0; font-family: "Futura PT",sans-serif; }
.modal-hti h5 { font-size: 20px; font-weight: 300; margin-top: 0; margin-bottom: 40px; }
.modal-hti p { font-size: 18px; color: #6e6e6e; font-weight: 300; margin-bottom: 30px; }
.modal-hti input { font-family: "Proxima Nova",sans-serif; font-weight: 600; }
.modal-hti textarea { font-family: "Proxima Nova",sans-serif; font-weight: 600; }

.sayfa-anasayfa .footer { color: #fff; padding: 0; height: 80px; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; }
.sayfa-anasayfa .footer a { color: #fff; }
.sayfa-anasayfa .footer > *:last-child > * { padding: 50px; }

.footer { color: #4c4c4c; font-size: 14px; width: 100%; left: 0px; position: relative; z-index: 2; padding: 50px 50px 50px 50px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.footer > * { -webkit-flex: 1 0; flex: 1 0; }
.footer > *:nth-child(2) { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.footer > *:nth-child(3) { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.footer .hizli-iletisim { font-size: 15px; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.footer a { color: #4c4c4c; text-decoration: none; }
.footer a:hover { text-decoration: underline; }

.tablet .footer { position: relative; bottom: initial; padding: 40px; }
.tablet .hizli-iletisim { display: none; }

.sayfa-anasayfa .footer { position: absolute; bottom: 20px; left: 20px; width: calc(100% - 40px); }
.sayfa-anasayfa .mobil .footer { padding-bottom: 0; }
.sayfa-anasayfa .mobil .footer > * { margin: 0; }

.mobil .footer { height: initial; position: relative; color: #666; padding: 10px; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center; bottom: initial; padding-bottom: 50px; }
.mobil .footer a { color: #666; }
.mobil .footer > * { flex: 100% 0; margin: 5px 0; }
.mobil .footer .hizli-iletisim > * { margin: 5px 0; }
.mobil .footer > *:nth-child(3) { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.mobil .footer > *:last-child > * { padding: initial; }
.mobil .hizli-iletisim { display: none; }

.sayfa-projeler .swiper-wrapper { margin-bottom: 60px; }
.sayfa-projeler .swiper-pagination-bullet-active { background-color: #5c5c5c; }
.sayfa-projeler .swiper-slide { width: initial; text-decoration: none; color: #333; opacity: 0.2; transition: all 0.3s ease; }
.sayfa-projeler .swiper-slide-active { opacity: 1; }
.sayfa-projeler .swiper-slide:hover { text-decoration: none; opacity: 1; }
.sayfa-projeler .swiper-slide:hover .proje-isim { color: #5c5c5c; }
.sayfa-projeler .swiper-slide .resim { width: initial; margin-bottom: 20px; height: 400px; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-color: #f5f5f5; }
.sayfa-projeler .mobil .swiper-slide .resim { height: 200px; }
.sayfa-projeler .mobil .swiper-button-prev, .sayfa-projeler .mobil .swiper-button-next { top: 100px; }
.sayfa-projeler .swiper-slide img { max-height: 100%; min-height: 100%; }
.sayfa-projeler .proje-isim { font-size: 17px; font-weight: bold; font-family: "Futura Pt",sans-serif; transition: all 0.3s ease; }
.sayfa-projeler .proje-aciklama { font-size: 16px; font-weight: 300; font-family: "Proxima Nova",sans-serif; }
.sayfa-projeler .swiper-button-prev, .sayfa-projeler .swiper-button-next { content: ""; top: 200px; background-color: #333; width: 50px; height: 50px; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background: #333; font-family: FontAwesome; color: #fff; font-size: 24px; }
.sayfa-projeler .swiper-button-prev { content: "/f104"; left: 30px; }
.sayfa-projeler .swiper-button-next { content: "/f105"; right: 30px; }
.sayfa-projeler .mobil-projeler a { display: block; text-decoration: none; color: #333; transition: all 0.3s ease; margin-bottom: 30px; }
.sayfa-projeler .mobil-projeler a:hover .proje-isim { color: #5c5c5c; }
.sayfa-projeler .mobil-projeler a .proje-isim { margin-top: 20px; }

.sayfa-proje-detay .arka-image { background-size: cover; background-repeat: no-repeat; position: absolute; background-position: center; top: 0; left: 0; width: 100%; height: 100%; transition: all 0.3s ease; -webkit-filter: grayscale(1) opacity(0.2); filter: grayscale(1) opacity(0.2); }
.sayfa-proje-detay .swiper-button-next { right: 50px; }
.sayfa-proje-detay .swiper-button-prev { left: 50px; }
.sayfa-proje-detay .mobil .swiper-button-next { right: 30px; }
.sayfa-proje-detay .mobil .swiper-button-prev { left: 30px; }
.sayfa-proje-detay .swiper-container-3d .swiper-slide-shadow-right, .sayfa-proje-detay .swiper-container-3d .swiper-slide-shadow-left { background: none; }
.sayfa-proje-detay .swiper-slide { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 30px 0 40px 0; min-height: 600px; }
.sayfa-proje-detay .swiper-slide img { max-height: 100%; -webkit-filter: opacity(0.7) grayscale(0.7); filter: opacity(0.7) grayscale(0.7); transition: all 0.6s ease; }
.sayfa-proje-detay .swiper-slide.swiper-slide-active img { opacity: 1; -webkit-filter: opacity(1) grayscale(0) blur(0px); filter: opacity(1) grayscale(0) blur(0px); }

.map { position: relative; }
.map .dokunulmaz { position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: block; }
.map .dokunulmaz.deactive { display: none; }

.if_form_ib { opacity: 1; transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955); }

.if_form_ib.active { transition-duration: 0.4s; opacity: 0.3; }

.if-ajax-overlay { opacity: 0; visibility: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955); font-size: 18px; font-weight: bold; }

.if-ajax-overlay.active { transition-duration: 0.4s; visibility: visible; opacity: 1; }

body { font-family: 'Futura PT',sans-serif; font-weight: 400; transition: all 0.5s ease; background-color: #e5e5e5; position: relative; }
body .tutucu { opacity: 0; transition-delay: 1s; transition: all 1.5s cubic-bezier(0.645, 0.045, 0.355, 1); }
body.active .tutucu { opacity: 1; }

h1 { font-size: 66px; font-family: "W Sans New",sans-serif; font-weight: bold; text-align: center; letter-spacing: 24px; padding-left: 24px; }

.sayfa-aciklama { font-size: 28px; font-family: "W Sans New",sans-serif; font-weight: 300; text-align: center; letter-spacing: 12px; padding-left: 12px; margin-bottom: 30px; color: #5c5c5c; }

.zemin { position: absolute; background-color: #fff; width: calc(100% - 40px); height: calc(100% - 40px); top: 20px; left: 20px; z-index: 0; }

img { max-width: 100%; display: block; }

@keyframes example { 0% { transform: rotate(0deg) translate(0%, 0%); }
  100% { transform: rotate(0deg) translate(0%, -100%); } }
.yukleme { width: 100%; height: 100%; position: fixed; z-index: 12; top: 0; left: 0; -webkit-transition: all 1s cubic-bezier(0.645, 0.045, 0.355, 1); -moz-transition: all 1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 1s cubic-bezier(0.645, 0.045, 0.355, 1); transform-origin: bottom right; font-size: 35px; visibility: visible; transform: rotate(0deg) translate(0%, 0%); transform-origin: top left; background-color: #5c5c5c; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #fff; }
.yukleme img { -webkit-transition: all 1s cubic-bezier(0.645, 0.045, 0.355, 1); -moz-transition: all 1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 1s cubic-bezier(0.645, 0.045, 0.355, 1); transform: scale(1) translate(0, 0); filter: blur(10px); }
.yukleme.active { transition-delay: 1s; top: -100%; visibility: hidden; background-color: #fff; }
.yukleme.active img { filter: blur(0px); transform: scale(1.5) translate(0, 0); }

.yukleme2 { width: 100%; height: 100%; position: fixed; z-index: 12; top: 0; left: 0; -webkit-transition: all 1s cubic-bezier(0.645, 0.045, 0.355, 1); -moz-transition: all 1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 1s cubic-bezier(0.645, 0.045, 0.355, 1); visibility: visible; opacity: 1; background-color: #fff; }
.yukleme2.active { visibility: hidden; background-color: #fff; opacity: 0; }

.mobil-logo { display: none; position: relative; overflow: hidden; background-color: #5c5c5c; transition: all 1000ms ease; }
.mobil-logo img { animation: bounceIn 0.6s; transform: rotate(0deg) scale(1) translateZ(0); transition: all 0.4s cubic-bezier(0.8, 1.8, 0.75, 0.75); cursor: pointer; }
.mobil-logo:hover img { transform: rotate(10deg) scale(1.1); }
.mobil-logo img.renkli { display: none; }
.mobil-logo.active { background-color: #5c5c5c; transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); }
.mobil-logo.active img.beyaz { display: none; }

.logo_beyaz { border-color: white; }

.logo_siyah { border-color: #4c4c4c; }

.header { position: relative; z-index: 11; padding: 50px 50px 0px 50px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; transition: all 0.2s ease; }

.genel-yapi { position: relative; z-index: 2; padding: 40px; height: calc(100% - 80px); display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: space-between; -ms-flex-line-pack: justify; align-content: space-between; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }

.icerik { margin-top: -130px; }

.dil { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; }
.dil a { color: #4c4c4c; padding: 10px; text-decoration: none; transition: all 0.2s ease; font-size: 14px; }

.sayfa-anasayfa { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; }
.sayfa-anasayfa body { background-color: #fff; }
.sayfa-anasayfa .mobil-logo { background-color: #fff; }
.sayfa-anasayfa .mobil-logo img.beyaz { display: block; }
.sayfa-anasayfa .mobil-logo img.renkli { display: none; }
.sayfa-anasayfa .mobil .mobil-logo { background-color: initial; }
.sayfa-anasayfa .desktop .header { position: absolute; width: calc(100% - 40px); top: 20px; left: 20px; }
.sayfa-anasayfa .dil a { color: #fff; text-decoration: none; transition: all 0.2s ease; }

.desktop .cerceve { padding: 0 240px; }

.mobil .mobil-logo { display: block; border-color: #5c5c5c; background-color: initial; }
.mobil .mobil-logo img { max-height: 60px; }
.mobil .logo2 { display: none; }
.mobil .dil { position: relative; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.mobil .dil img { max-height: 20px; }
.mobil .dil > a { display: block; color: #fff; }
.mobil .dil ul { position: absolute; top: 100%; left: 0; white-space: nowrap; transition: all 0.3s ease; opacity: 0; visibility: hidden; transform: translate(0, 50px); z-index: 2; margin: 0; padding: 10px 0; list-style-type: none; transition-delay: 0.1s; }
.mobil .dil ul li a { background-color: #fff; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2); color: #888; display: block; padding: 7px; text-decoration: none; font-size: 15px; transition: all 0.3s ease; }
.mobil .dil ul li a img { opacity: 0.5; filter: brightness(80%) grayscale(30%); }
.mobil .dil ul li:hover a { color: #fff; background-color: #dedede; }
.mobil .dil ul li:hover a img { opacity: 1; filter: brightness(100%) grayscale(0%); }
.mobil .dil ul:before { content: ""; position: absolute; top: 0px; margin: auto; left: 0; right: 0; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #fff; }
.mobil .dil:hover ul { transition: all 0.6s ease; transform: translate(0, 0px); opacity: 1; visibility: visible; }
.mobil .header { background: none; top: 0; padding: 10px 20px; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; }
.mobil .header { background: none; background-color: #5c5c5c; }
.mobil .header .mobil-logo { border-color: #5c5c5c; }
.mobil h1 { font-size: 24px; letter-spacing: 2px; padding-left: 2px; }
.mobil .sayfa-aciklama { font-size: 18px; letter-spacing: 2px; padding-left: 2px; }
.mobil .icerik { margin-top: 0; }

.tablet .header { padding: 30px 30px 0px 30px; }
.tablet .logo img { max-height: 110px; }
.tablet .icerik { margin-top: 0; }

.buton1 { background: #5c5c5c; color: white; font-family: "Futura PT"; font-size: 18px; border: none; padding: 20px 50px; }

textarea { resize: vertical; }

.logo2 { display: block; perspective: 400px; background-color: #fff; }
.logo2 img { background-color: lightgray; }

/* TELEFON */
@media (max-width: 767px) { .logo img { max-height: 60px; }
  .masaustu-menu { display: none; }
  .swiper-container { height: initial; position: relative; }
  html, body { position: relative; min-height: initial; } }
/* TABLET */
/* MASAÜSTÜ */
/* BÜYÜK MASAÜSTÜ */