@font-face { font-family: 'DINPro-Light'; src: url('../fonts/DINPro-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/DINPro-Light.otf') format('opentype'), url('../fonts/DINPro-Light.woff') format('woff'), url('../fonts/DINPro-Light.ttf') format('truetype'), url('../fonts/DINPro-Light.svg#DINPro-Light') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'DINPro-Regular'; src: url('../fonts/DINPro-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/DINPro-Regular.otf') format('opentype'), url('../fonts/DINPro-Regular.woff') format('woff'), url('../fonts/DINPro-Regular.ttf') format('truetype'), url('../fonts/DINPro-Regular.svg#DINPro-Regular') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'DINPro-Medium'; src: url('../fonts/DINPro-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/DINPro-Medium.otf') format('opentype'), url('../fonts/DINPro-Medium.woff') format('woff'), url('../fonts/DINPro-Medium.ttf') format('truetype'), url('../fonts/DINPro-Medium.svg#DINPro-Medium') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'DINPro-Bold'; src: url('../fonts/DINPro-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/DINPro-Bold.otf') format('opentype'), url('../fonts/DINPro-Bold.woff') format('woff'), url('../fonts/DINPro-Bold.ttf') format('truetype'), url('../fonts/DINPro-Bold.svg#DINPro-Bold') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'DINPro-Black'; src: url('../fonts/DINPro-Black.eot?#iefix') format('embedded-opentype'), url('../fonts/DINPro-Black.otf') format('opentype'), url('../fonts/DINPro-Black.woff') format('woff'), url('../fonts/DINPro-Black.ttf') format('truetype'), url('../fonts/DINPro-Black.svg#DINPro-Black') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'SanFranciscoDisplay-Medium'; src: url('../fonts/SanFranciscoDisplay-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/SanFranciscoDisplay-Medium.woff') format('woff'), url('../fonts/SanFranciscoDisplay-Medium.ttf') format('truetype'), url('../fonts/SanFranciscoDisplay-Medium.svg#SanFranciscoDisplay-Medium') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'SanFranciscoDisplay-Bold'; src: url('../fonts/SanFranciscoDisplay-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/SanFranciscoDisplay-Bold.woff') format('woff'), url('../fonts/SanFranciscoDisplay-Bold.ttf') format('truetype'), url('../fonts/SanFranciscoDisplay-Bold.svg#SanFranciscoDisplay-Bold') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'SanFranciscoDisplay-Heavy'; src: url('../fonts/SanFranciscoDisplay-Heavy.eot?#iefix') format('embedded-opentype'), url('../fonts/SanFranciscoDisplay-Heavy.woff') format('woff'), url('../fonts/SanFranciscoDisplay-Heavy.ttf') format('truetype'), url('../fonts/SanFranciscoDisplay-Heavy.svg#SanFranciscoDisplay-Heavy') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'MinionPro-Regular'; src: url('../fonts/MinionPro-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/MinionPro-Regular.otf') format('opentype'), url('../fonts/MinionPro-Regular.woff') format('woff'), url('../fonts/MinionPro-Regular.ttf') format('truetype'), url('../fonts/MinionPro-Regular.svg#MinionPro-Regular') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'AkzidenzGrotesk-Condensed'; src: url('../fonts/AkzidenzGrotesk-Condensed.eot?#iefix') format('embedded-opentype'), url('../fonts/AkzidenzGrotesk-Condensed.woff') format('woff'), url('../fonts/AkzidenzGrotesk-Condensed.ttf') format('truetype'), url('../fonts/AkzidenzGrotesk-Condensed.svg#AkzidenzGrotesk-Condensed') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'InterUI-Black'; src: url('../fonts/InterUI-Black.eot?#iefix') format('embedded-opentype'), url('../fonts/InterUI-Black.otf') format('opentype'), url('../fonts/InterUI-Black.woff') format('woff'), url('../fonts/InterUI-Black.ttf') format('truetype'), url('../fonts/InterUI-Black.svg#InterUI-Black') format('svg'); font-weight: normal; font-style: normal; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, img, ins, kbd, q, s, samp, small, sub, sup, tt, var, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, input, textarea { margin: 0px; padding: 0px; border: 0px; vertical-align: baseline; }
/* HTML5 reset-browser */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { font-family: 'DINPro-Regular'; background: #fbfcfc; overflow-x: hidden; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
a { text-decoration: none }
:focus { outline: 0 }
.clear { clear: both }
img { max-width: 100%; height: auto; }
.page-container { position: relative; z-index: 2; height: auto; right: 0; transition: all .3s ease-in-out; }
.mobile-menu { display: none; position: fixed; top: 0; right: 0; width: 240px; background: #3a4751; bottom: 0px; border-left: solid 1px #ffffff6e; z-index: 20; transition: 300ms; padding-top: 35px; box-sizing: border-box; display: inline-block; z-index: 1; display: none; }
.mobile-menu ul { padding: 0; margin: 0; list-style-type: none; }
.mobile-menu ul li { padding: 0; margin: 0; }
.mobile-menu ul li a { padding: 25px; display: block; color: #fff; text-decoration: none; border-bottom: solid 1px #ffffff94; }
.mobile-menu ul li a.active { background: #1c1716; color: #ddd7cf; }
.toggle-menu { display: none; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding: 25px; background: none; border: none; position: absolute; top: 0; right: 0; z-index: 22; }

@media (max-width: 768px) {
.toggle-menu { display: block; }
}
.toggle-menu:hover, .toggle-menu:focus { outline: 0; }
.toggle-menu:hover .burger-lines, .toggle-menu:focus .burger-lines { background-color: #fff; }
.toggle-menu:hover .burger-lines:before, .toggle-menu:hover .burger-lines:after, .toggle-menu:focus .burger-lines:before, .toggle-menu:focus .burger-lines:after { background-color: #fff; }
.toggle-menu.active .burger-lines { background: transparent; }
.toggle-menu.active .burger-lines:before, .toggle-menu.active .burger-lines:after { -webkit-transition: top 300ms cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 300ms 300ms cubic-bezier(0.165, 0.84, 0.44, 1); transition: top 300ms cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 300ms 300ms cubic-bezier(0.165, 0.84, 0.44, 1); transition: top 300ms cubic-bezier(0.165, 0.84, 0.44, 1), transform 300ms 300ms cubic-bezier(0.165, 0.84, 0.44, 1); transition: top 300ms cubic-bezier(0.165, 0.84, 0.44, 1), transform 300ms 300ms cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 300ms 300ms cubic-bezier(0.165, 0.84, 0.44, 1); top: 0; width: 20px; }
.toggle-menu.active .burger-lines:before { -webkit-transform: rotate3d(0, 0, 1, 45deg) scale(1.1); transform: rotate3d(0, 0, 1, 45deg) scale(1.1); }
.toggle-menu.active .burger-lines:after { -webkit-transform: rotate3d(0, 0, 1, -45deg) scale(1.1); transform: rotate3d(0, 0, 1, -45deg) scale(1.1); }
.burger-lines { display: inline-block; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: all 300ms ease; transition: all 300ms ease; width: 40px; height: 5px; background-color: #fff; position: relative; top: -2px; }
.burger-lines:before, .burger-lines:after { content: ''; display: inline-block; width: 40px; height: 5px; background-color: #fff; position: absolute; left: 0; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: top 300ms 300ms cubic-bezier(0.165, 0.84, 0.44, 1), background-color 300ms cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 300ms cubic-bezier(0.165, 0.84, 0.44, 1); transition: top 300ms 300ms cubic-bezier(0.165, 0.84, 0.44, 1), background-color 300ms cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 300ms cubic-bezier(0.165, 0.84, 0.44, 1); transition: top 300ms 300ms cubic-bezier(0.165, 0.84, 0.44, 1), transform 300ms cubic-bezier(0.165, 0.84, 0.44, 1), background-color 300ms cubic-bezier(0.165, 0.84, 0.44, 1); transition: top 300ms 300ms cubic-bezier(0.165, 0.84, 0.44, 1), transform 300ms cubic-bezier(0.165, 0.84, 0.44, 1), background-color 300ms cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 300ms cubic-bezier(0.165, 0.84, 0.44, 1); }
.burger-lines:before { top: 10px; }
.burger-lines:after { top: -10px; }
.animating .page-container { transition: -webkit-transform .25s ease-in-out; transition: transform .25s ease-in-out; transition: transform .25s ease-in-out, -webkit-transform .25s ease-in-out; -webkit-transition: -webkit-transform .25s ease-in-out; }
.animating.left .page-container { transform: translate3d(-240px, 0, 0); -webkit-transform: translate3d(-240px, 0, 0); }
.animating.right .page-container { transform: translate3d(240px, 0, 0); -webkit-transform: translate3d(240px, 0, 0); }
.menu-visible .page-container { right: 240px; }
.clearfix:before, .clearfix:after { content: " "; /* 1 */ display: table;/* 2 */ }
.clearfix:after { clear: both; }
.header { position: fixed; width: 100%; background: rgba(15, 31, 43, 0.82); z-index: 99; height: 115px; display: table; transition: all 0.5s; }
.headerLeft { display: table-cell; vertical-align: middle; }
.menu { position: relative; float: left; box-sizing: border-box; padding-left: 90px; }
.menu ul { display: inline-block; position: relative; }
.menu ul li { position: relative; float: left; box-sizing: border-box; padding-bottom: 5px; }
.menu ul li a { display: block; color: #ffffff; font-size: 18px; box-sizing: border-box; padding: 0px 15px; border-right: solid 2px #ffffff; font-family: 'SanFranciscoDisplay-Medium'; transition: 300ms; }
.menu ul li:last-child a { border-right: none; padding-right: 0px; }
.menu ul li a:hover {/* font-family: 'SanFranciscoDisplay-Heavy'; */ box-sizing: border-box; transition: 300ms; }
.headerRight { display: table-cell; vertical-align: middle; }
.logo { position: relative; float: right; padding-right: 40px; box-sizing: border-box; transition: all 0.5s; width: 153px; }
.menu ul li a::before { content: ""; position: absolute; width: 0%; height: 1px; bottom: 0px; transition: all .3s ease-in-out; left: 0px; }
.menu ul li a:hover::before { content: ""; position: absolute; width: 100%; background: #f8e889; transition: all .3s ease-in-out; left: 0px; }
a.bilgForm { position: relative; margin-left: 50px; background: #f8e889; color: #04235d; padding: 10px 30px; box-sizing: border-box; font-size: 15px; font-family: 'DINPro-Medium'; border: solid 1px hsla(0, 0%, 17%, 0.32); transition: 300ms; }
a.bilgForm:hover { background: #9a8818; transition: 300ms; color: #ffffff; }
.homeBg { position: relative; display: inline-block; width: 100%; background: url(../images/homeBg.jpg) no-repeat; background-size: cover; background-position: center; height: 938px; border-bottom: solid 10px #f8e889; }
.homeSlogan { position: absolute; left: 1%; top: 0; width: 23%; }
.sanalTik {position: absolute;left: 47%;bottom: 4%;width: 10%;z-index: 9;}
.sanalTik a { display: block; }
.sanalTik a img { border-radius: 50%; box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, 0.14); }
.sanalTik span { position: absolute; right: 25px; bottom: -15px; transition: all 0.5s; }
.sanalTik:hover span { right: 60px; transition: all 0.5s; }
.container { position: relative; width: 1390px; margin: auto; }
.dortmevsim { position: relative; display: inline-block; width: 100%; background-color: rgb(39, 169, 101); box-shadow: 0px 5px 29px 0px rgba(0, 0, 0, 0.38); padding: 35px 0px; box-sizing: border-box; margin-top: 20px; margin-bottom: 35px; }
.dortmevsim p { position: relative; display: table; margin: auto; text-align: center; color: #ffffff; font-size: 40px; font-family: 'AkzidenzGrotesk-Condensed'; line-height: 46px; }
.dortmevsim p i { position: relative; display: table; margin: auto; padding-top: 13px; box-sizing: border-box; }
.dortmevsim::before { content: ""; position: absolute; background: transparent; left: 15px; right: 15px; top: 15px; bottom: 15px; border-radius: 10px; border: solid 3px #ffffff; }
.yasam { position: relative; display: inline-block; width: 100%; }
.yasamTitle { position: relative; display: table; text-align: left; color: #263238; font-size: 100px; font-family: 'AkzidenzGrotesk-Condensed'; margin-bottom: 10px; }
.gokOdaTitle { position: relative; display: inline-block; color: #273251; font-family: 'AkzidenzGrotesk-Condensed'; font-size: 60px; }
.gokOda { position: relative; display: inline-block; width: 100%; margin-bottom: 40px; }
.gokOda p { display: block; font-size: 24px; color: #7e7e7e; font-family: 'DINPro-Regular'; line-height: 33px; margin-top: 10px; }
.gokOda p strong { font-family: 'DINPro-Bold'; }
.gokOdaBg { position: relative; margin-top: 20px; display: inline-block; float: right; width: 660px; }
.detayBilgi { position: relative; float: right; font-family: 'DINPro-Medium'; font-size: 21px; margin-top: 20px; }
.detayBilgi span { float: left; z-index: 2; position: relative; }
.detayBilgi i { float: right; position: relative; left: -8px; transition: 300ms; }
.detayBilgi a { display: inline-block; color: #363636; }
.detayBilgi:hover i { left: -3px; transition: 300ms; }
.gokOdaLeft { position: relative; float: left; width: 550px; padding-top: 10px; }
.gokOdaBg ul { display: inline-block; }
.gokOdaBg ul li { position: relative; float: left; width: calc(50% - 15px); margin-right: 30px; }
.gokOdaBg ul li:last-child { margin-right: 0px; }
.gokOdaBg.ciftOdaBg { float: left; width: 550px; }
.gokOdaLeft.ciftOdaLeft { float: right; width: 660px; }
.digerOda { position: relative; display: table; margin: auto; }
.digerOda a { display: inline-block; color: #2d3942; font-family: 'DINPro-Bold'; font-size: 25px; padding: 12px 35px; border: solid 4px #2d3942; box-sizing: border-box; border-radius: 40px; transition: 300ms; }
.digerOda a:hover { box-shadow: -4px 9px 31px 2px rgba(85, 94, 102, 0.27); transition: 300ms; }
.digerOda a span { position: relative; float: left; }
.digerOda a i { position: relative; float: left; margin-left: 10px; }
.gokOdaGizli { position: relative; display: inline-block; width: 100%; }
.tasarlaTitle { position: relative; display: table; font-size: 100px; color: #263238; font-family: 'AkzidenzGrotesk-Condensed'; margin-top: 70px; margin-bottom: 20px; }
.nasilTasarladik { position: relative; display: inline-block; width: 100%; }
.tasarim { position: relative; display: inline-block; width: 1650px; float: left; margin-bottom: 60px; }
.tasarimBg { position: relative; float: left; width: 900px; height: 460px; background-size: cover !important; background-position: center !important; box-shadow: -8.596px 20.251px 24.03px 2.97px rgba(85, 94, 102, 0.27); }
.tasarimText { position: relative; float: left; width: calc(100% - 900px); padding-top: 125px; padding-left: 45px; box-sizing: border-box; }
.tasarimText strong { position: relative; display: block; font-size: 80px; font-family: 'AkzidenzGrotesk-Condensed'; font-weight: normal; line-height: 85px; color: #27a965; }
.tasarimText p { position: relative; display: block; font-size: 25px; color: #7e7e7e; font-family: 'DINPro-Regular'; }
.detayGor { position: relative; display: table; margin-top: 25px; }
.detayGor a { display: inline-block; font-size: 14px; color: #0f1f2b; font-family: 'Montserrat'; font-weight: 400; padding: 10px 60px; box-sizing: border-box; border: solid 2px #2d3942; box-shadow: -3.907px 9.205px 30.72px 1.28px rgba(85, 94, 102, 0.27); border-radius: 30px; transition: 300ms; }
.detayGor a span { position: relative; float: left; }
.detayGor a i { position: relative; float: left; top: 5px; margin-left: 7px; background: url(../images/arrow-icon.png) no-repeat; background-size: 100%; width: 11px; height: 8px; background-position: bottom; }
.detayGor a:hover { background: #2d3942; color: #ffffff; transition: 300ms; }
.detayGor a:hover i { background-position: top; }
.tasarimRight { float: right; }
.tasarimRight .tasarimBg { float: right; }
.tasarimRight .tasarimText { padding-left: 0px; padding-right: 40px; }
.tasarimRight .tasarimText { text-align: right; }
.tasarimRight .detayGor { float: right; }
.peyzajIc { position: relative; width: 100%; height: 600px; box-shadow: 0px 27px 20px 0px rgba(207, 216, 220, 0.15); background-size: 100% !important; background-repeat: no-repeat !important; background-position: bottom !important; background-color: #ffffff; border-top-left-radius: 25px; border-bottom-left-radius: 25px; border-bottom-right-radius: 25px; float: left; }
.peyzaj-p { position: relative; display: inline-block; padding-top: 75px; padding-left: 50px; padding-right: 50px; box-sizing: border-box; }
.peyzaj-p strong { display: block; font-size: 60px; font-family: 'DINPro-Bold'; line-height: 55px; }
.peyzaj-p p { display: block; padding-top: 80px; box-sizing: border-box; font-size: 20px; line-height: 32px; color: #001921; }
.peyzajIc span { position: absolute; right: 0px; top: -40px; font-size: 200px; font-family: 'InterUI-Black'; color: rgba(207, 216, 220, 0.20); }
.peyzajSlide .item { display: inline-block; width: 26vw; }
.peyzajSlide { margin-top: 40px; margin-bottom: 40px; position: relative; display: inline-block !important; width: 100% !important; }
.iletisimContainer { position: relative; width: 1350px; margin: auto; margin-top: 80px; }
.iletisim { position: relative; width: 1290px; height: auto; background-size: cover !important; background-position: center !important; float: left; box-shadow: 0px 42px 35px 0px rgba(31, 110, 227, 0.15); margin-bottom: 85px; border-top-left-radius: 25px; border-bottom-left-radius: 25px; border-bottom-right-radius: 25px; }
.iletisimIc { position: relative; padding-left: 90px; padding-top: 90px; padding-bottom: 90px; box-sizing: border-box; }
.iletisimTitle { position: relative; display: table; color: #ffffff; font-size: 50px; font-family: 'DINPro-Black'; }
.social { position: relative; display: table; margin-top: 14px; }
.social span { display: block; color: #ffffff; font-size: 16px; font-family: 'DINPro-Regular'; }
.social ul { display: inline-block; position: relative; margin-top: 12px; }
.social ul li { position: relative; float: left; margin-right: 20px; }
.social ul li:last-child { margin-right: 0px; }
.social ul li a { display: block; }
.social ul li a:hover { opacity: 0.9; }
.iletisimForm { position: relative; margin-top: 30px; display: inline-block; width: 710px; }
.maps { position: absolute; width: 585px; height: 655px; top: 30px; right: -100px; box-shadow: 0px 42px 35px 0px rgba(31, 110, 227, 0.15); border-top-left-radius: 20px; border-bottom-left-radius: 20px; border-top-right-radius: 20px; }
.adres { position: relative; color: #262626; font-family: 'DINPro-Medium'; font-size: 16px; text-align: left; display: table; margin-top: 20px; }
.adres strong { display: block; font-size: 20px; color: #ffffff; font-weight: normal; }
.adres p { display: block; padding-top: 5px; padding-bottom: 5px; box-sizing: border-box; color: #ffffff; font-size: 16px; }
.tel a { display: block; color: #262626; }
.tel { display: block; color: #ffffff; font-size: 25px; }
.formNm { position: relative; display: block; text-align: left; font-size: 15px; font-family: 'DINPro-Light'; color: #ffffff; padding-bottom: 3px; box-sizing: border-box; }
iframe.harita { border-top-left-radius: 20px; border-bottom-left-radius: 20px; border-top-right-radius: 20px; display: inline-block; position: relative; }
.footerContainer { position: relative; width: 100%; display: inline-block; padding: 25px; box-sizing: border-box; }
.footer { position: relative; width: 100%; display: inline-block; background: #0c1923; border: solid 1px hsla(0, 0%, 17%, 0.33); box-sizing: border-box; }
.footerLeft { position: relative; float: left; padding-left: 55px; padding-top: 18px; padding-bottom: 25px; box-sizing: border-box; }
.footerLogo { position: relative; float: left; }
.copyright { position: relative; float: left; padding-top: 45px; padding-left: 95px; box-sizing: border-box; color: #ffffff; font-size: 14px; font-family: 'Montserrat', sans-serif; font-weight: 300; }
.footerRight { position: relative; float: right; padding-top: 50px; padding-right: 75px; }
.gizlilik { position: relative; float: left; color: #ffffff; font-size: 14px; font-family: 'Montserrat', sans-serif; font-weight: 300; padding-right: 42px; padding-top: 10px; box-sizing: border-box; }
.footerTel { position: relative; float: left; padding-left: 40px; border-left: solid 1px #f5f5f5; }
.footerTel i { position: relative; float: left; padding-right: 15px; }
.footerTel strong { position: relative; float: left; color: #ffffff; font-size: 20px; font-family: 'DINPro-Black'; top: -5px; }
.footerTel strong a { display: block; color: #ffffff; }
.footerTel strong span { display: block; font-size: 15px; font-family: 'DINPro-Light'; margin-top: -4px; }
.icHeader { position: relative; display: inline-block; width: 100%; background: url(../images/ic-headBg.png) no-repeat; background-size: cover; background-position: center; height: 350px; }
.ic-headBg { position: absolute; bottom: 0px; left: 120px; }
.ic-headTitle { position: absolute; bottom: 80px; left: 230px; font-size: 90px; color: #ffffff; font-family: 'AkzidenzGrotesk-Condensed'; }
.paylas { position: absolute; right: 50px; top: 37%; }
.paylas span { position: relative; float: left; color: #ffffff; font-size: 18px; font-family: 'DINPro-Light'; margin-right: 10px; margin-top: 8px; }
.paylas ul { position: relative; float: left; }
.paylas ul li { position: relative; float: left; margin-right: 10px; }
.paylas ul li a { display: block; }
.paylas ul li:last-child { margin-right: 0px; }
.icDetay { position: relative; float: left; width: 1150px; margin-top: 60px; margin-left: 220px; }
.detay-p { position: relative; display: inline-block; width: 100%; }
.detay-p p { display: block; font-size: 23px; color: #3c3c3c; font-family: 'DINPro-Regular'; padding-bottom: 30px; line-height: 29px; text-align: left; }
.detay-p p span { font-family: 'MinionPro-Regular'; font-size: 50px; line-height: 0; }
.detay-img { position: relative; display: inline-block; width: 100%; margin-bottom: 30px; }
.detayPaylas { position: relative; display: table; }
.detayPaylas span { display: block; font-size: 20px; color: #a6aeba; font-family: 'DINPro-Light'; }
.detayPaylas ul { display: inline-block; margin-top: 5px; }
.detayPaylas ul li { position: relative; float: left; margin-right: 10px; }
.detayPaylas ul li a { display: block; }
.detayPaylas ul li:last-child { margin-right: 0px; }
.benzerOda { position: relative; float: left; width: 190px; margin-left: 100px; margin-top: 50px; margin-bottom: 50px; }
.benzerOdaTitle { display: block; font-size: 32px; color: #383838; font-family: 'DINPro-Light'; padding-bottom: 20px; box-sizing: border-box; }
.benzerOda ul li { position: relative; display: block; margin-bottom: 75px; }
.benzerOda ul li a { display: block; }
.benzerOda ul li a strong { font-size: 17px; display: block; color: #182733; font-family: 'DINPro-Bold'; padding-bottom: 12px; border-top: solid 3px #182733; padding-top: 10px; box-sizing: border-box; }
.benzerOda ul li a p { display: block; font-size: 15px; color: #7e7e7e; font-family: 'DINPro-Regular'; padding-top: 10px; }
.benzerOda ul li:last-child { margin-bottom: 0px; }
.detayYap { position: absolute; right: 0px; bottom: 7%; width: 30%; pointer-events: none; display: none; }
.detayYap.bottom { bottom: 2%; }
.detay-p strong { display: block; font-size: 27px; color: #3c3c3c; font-family: 'DINPro-Bold'; margin-bottom: 10px; }
.detayYap.eBottom { bottom: 0; width: 28%; }
.ic-headTitle span { display: block; font-size: 45px; }
.ic-headTitle.icTitle2 { text-align: center; left: 150px; bottom: 70px; line-height: 60px; }
.mlogo { display: none; }
.header.header-fixed { height: 90px; transition: all 0.5s; }
.header-fixed .logo { width: 140px; transition: all 0.5s; }
.tasarladikMetin {position: relative;display: table;margin: auto;width: 90%;margin-bottom: 30px;padding-top: 30px;}
.tasarladikMetin strong { display: table; text-align: left; color: #263238; font-size: 90px; font-family: 'AkzidenzGrotesk-Condensed'; font-weight: normal; }
.tasarladikMetin p { display: block; font-size: 19px; color: #7e7e7e; font-family: 'DINPro-Regular'; padding-bottom: 15px; box-sizing: border-box; }
div#detayGaleri { position: relative; display: inline-block; width: 100%; height: auto; margin-bottom: 30px; }
#detayGaleri .item { }
#detayGaleri .item .detayBg { position: relative; display: inline-block; width: 100%; height: 650px; background-size: cover !important; background-position: center !important; }
#detayGaleri .owl-nav { display: block; }
#detayGaleri .owl-prev { position: absolute; top: 50%; margin-top: -30px; left: 10px; background: url(../images/prev.png) no-repeat; width: 40px; height: 60px; background-size: 100%; color: transparent; border: solid 1px rgba(255, 255, 255, 0); transition: 300ms; }
#detayGaleri .owl-prev:hover { border: solid 1px white; }
#detayGaleri .owl-next { position: absolute; top: 50%; margin-top: -30px; right: 10px; background: url(../images/next.png) no-repeat; width: 40px; height: 60px; background-size: 100%; color: transparent; border: solid 1px rgba(255, 255, 255, 0); transition: 300ms; }
#detayGaleri .owl-next:hover { border: solid 1px white; }
#detayGaleri .item .detayBg a { position: relative; display: inline-block; width: 100%; height: 100%; }
.peyzajDetay { position: relative; display: inline-block; }
.gokOda.bitkiPeyzaj .gokOdaBg { width: calc(50% - 20px); height: 310px; background-size: cover !important; }
.gokOda.bitkiPeyzaj .gokOdaLeft { width: 50%; }
p.pBosluk { margin-top: 20px; }
.tasarladikMetin p span { font-weight: 600; font-style: italic; letter-spacing: 3px; font-size: 24px; }
.tasarladikLeft {position: relative;float: left;width: 45%;height: 640px;display: flex;flex-direction: column;justify-content: center;}
.nasilTasarladikBg { position: relative; float: left; width: calc(55% - 15px); height: 640px; margin-left: 15px; background-size: cover !important; }
.yasam-ic { display: none; width: 100%; position: relative; }
.yasam-ic.open { display: inline-block; }
ul.yasamTabMenu { position: relative; display: table; margin-bottom: 10px; }
ul.yasamTabMenu li { position: relative; float: left; margin-right: 25px; }
ul.yasamTabMenu li:last-child { margin-right: 0px; }
ul.yasamTabMenu li a { display: block; font-size: 20px; color: #2d3942; width: 150px; text-align: center; border: solid 2px #253038; padding: 6px 0px; box-sizing: border-box; border-radius: 10px; }
ul.yasamTabMenu li a.active { background: #1e282f; color: #ffffff; }
.homeLeft { position: relative; float: left; width: 50%; height: 100%; }
.homeRight { position: relative; float: left; width: 50%; height: 100%; }
.leftSlogan { position: absolute; left: 2%; top: 0; width: 27%; }
.rightSlogan { position: absolute; top: 0; right: 1%; width: 27%; }
.homeBgm { display: none; }
.tekGaleri .owl-prev, .tekGaleri .owl-next { display: none; }
.leftSlogan a { display: block; }
.rightSlogan a { display: block; }
.menu ul li ul { position: absolute; width: 150px; left: -25px; padding-top: 20px; transition: all .3s ease-in-out; opacity: 0; }
.menu ul li ul li { float: none; display: block; text-align: center; background: #2b363f; padding: 7px; border: solid 1px #ffffff; margin-bottom: -1px; width: 100%; transition: 300ms; }
.menu ul li ul li:hover { background: #1e282f; transition: 300ms; }
.menu ul li ul li a { padding: 0; border-right: none; font-size: 16px; }
.menu ul li ul li:last-child {/* border-bottom: none; */ }
.menu ul li:hover ul { transition: all .3s ease-in-out; opacity: 1; }
.menu ul li ul li a::before { display: none; }
.menu ul li:nth-child(4) {/* display: none; */}
.mobile-menu ul li:nth-child(5) { /* display: none; */ }


.video {position: relative;display: inline-block;width: 100%;padding-top: 40px;box-sizing: border-box;}
ul.vGaleriList { display: table; margin: auto;/* padding: 50px; */ width: 100%; box-sizing: border-box; }
ul.vGaleriList li {width: 49%;float: left;text-align: center;box-sizing: border-box;margin-right: 2%;}
ul.vGaleriList li a {height: 400px;color: #fff;font-size: 25px;display: block;box-sizing: border-box;transition: 300ms;background-size: cover !important;background-position: center !important;display: flex;flex-direction: column;align-items: center;justify-content: center;}
ul.vGaleriList li a i { display: table; margin: 0 auto 20px; transition: 300ms; }
ul.vGaleriList li a strong { font-size: 33px; display: block; }
ul.vGaleriList li a:hover { letter-spacing: 5px; }
ul.vGaleriList li a:hover i { transform: scale(0.8); transition: 300ms; }
ul.vGaleriList li:last-child { margin-right: 0px; }

.onyazi {
    width: 100%;
    text-align: center;
    margin: 40px 0px;
}

.onyazi p {
    margin-bottom: 15px;
    font-size: 22px;
    color: #7e7e7e;
}