@font-face { font-family: 'Museo100'; src: url('../fonts/Museo100.eot?#iefix') format('embedded-opentype'), url('../fonts/Museo100.woff') format('woff'), url('../fonts/Museo100.ttf') format('truetype'), url('../fonts/Museo100.svg#Museo100') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Museo500-Regular'; src: url('../fonts/Museo500-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Museo500-Regular.otf') format('opentype'), url('../fonts/Museo500-Regular.woff') format('woff'), url('../fonts/Museo500-Regular.ttf') format('truetype'), url('../fonts/Museo500-Regular.svg#Museo500-Regular') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'ProximaNova-Black'; src: url('../fonts/ProximaNova-Black.eot?#iefix') format('embedded-opentype'), url('../fonts/ProximaNova-Black.otf') format('opentype'), url('../fonts/ProximaNova-Black.woff') format('woff'), url('../fonts/ProximaNova-Black.ttf') format('truetype'), url('../fonts/ProximaNova-Black.svg#ProximaNova-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'; }
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; }
.tesekkurler { display: none; padding: 20px 10px; text-align: center }
.ty-wrapper { width: 100%; height: 100vh; display: table; background-color: #fff; }
.ty-vertical { display: table-cell; vertical-align: middle; text-align: center; color: #000; }
.ty-vertical p { font-size: 16px; width: 90%; margin: 0 auto 15px; max-width: 800px; }
.ty-vertical h2 { display: inline-block; width: 100%; margin-bottom: 15px; font-size: 30px; }
.ty-vertical img { margin-bottom: 30px; width: 200px; }
.ty-vertical p a { font-size: 18px; color: #842fa7; font-weight: bold; border: 1px solid #8430a7; padding: 8px 25px 11px; display: inline-block; -webkit-border-radius: 360px; -moz-border-radius: 360px; border-radius: 360px; }
.p1 { background: url(../images/bg.jpg) center; background-size: cover; background-repeat: no-repeat; }
.form-holder { text-align: center; width: 400px; position: fixed; right: 0px; bottom: 0px; top: 0px; box-sizing: border-box; padding: 0px 30px; background-color: #3a3a3c; height: 100%; display: table; }
.form-inner { display: table-cell; vertical-align: middle; }
.form-title { color: #fff; text-align: center; font-size: 17px; line-height: 27px; font-family: 'Roboto', sans-serif; font-weight: 300; margin: 25px auto; }
.tel { width: 100%; display: inline-block; margin-top: 5px; }
.tel a { color: #ffffff; font-size: 26px; display: inline-block; font-family: 'Gotham Narrow'; }
.title { padding-bottom: 15px; text-align: center; }
.main-page { position: relative; width: calc(100% - 400px); height: 100vh; display: inline-block; }
.main-page.hauto { height: auto; }
.logo { margin: 0 auto; display: table; width: 70%; }
.sinpas { margin: 30px auto 0px; display: table; }
.slogan { position: absolute; display: table; width: 18%; bottom: -19%; left: 2%; }
.patlangac { position: absolute; left: 3%; top: 0; visibility: hidden; width: 55%; }
.cicek { position: absolute; left: 0px; top: -10%; z-index: 2; pointer-events: none; width: 15%; text-align: left; }
.egeHk { float: right; width: 80%; text-align: right; margin-right: 1%; margin-bottom: 90px; }
.hkVideo { width: 460px; height: 390px; background-color: #c8bfbf; float: right; position: relative; margin-top: -100px; background: url(../images/videoBg.jpg)center center no-repeat; background-size: cover; box-shadow: 0px 20px 35px rgba(0, 0, 0, 0.20); }
.egeText { width: calc(100% - 460px); float: left; padding-right: 40px; box-sizing: border-box; padding-top: 85px; font-family: 'Proxima Nova'; }
.hkVideo a { display: block; width: 100%; height: 100%; display: none; }
.playBtn { position: absolute; left: 50%; top: 50%; width: 100px; margin: -50px; transition: all .2s ease-in-out; }
.hkVideo a::before { content: ""; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; background-color: rgba(0, 0, 0, 0.50); pointer-events: none; }
.hkVideo a:hover .playBtn { transform: scale(.8); }
.egeText h2 {color: #3a3a3c;font-size: 32px;margin-bottom: 15px;line-height: 40px;font-weight: 800;direction: rtl;}
.egeText p {font-size: 20px;margin-bottom: 20px;font-weight: 300;direction: rtl;}
.footer { }
.container { width: 90%; margin: 0 auto; position: relative; height: 100%; display: table; max-width: 1360px; }
.adres { position: absolute; left: 0px; top: 0px; color: #fff; }
.takip { margin: 50px auto 0px; display: table; }
.takip ul li { float: left; margin: 0px 5px; width: 45px; transition: all .2s ease-in-out; }
.takip ul li:hover { opacity: .7; }
.yoltarifi { position: absolute; right: 0px; bottom: 0px; background-color: #ffffff; color: #8080a3; padding: 10px 30px; font-size: 20px; transition: all .2s ease-in-out; font-weight: bold; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.10); }
.yoltarifi:hover { box-shadow: 0 2px 20px 0px rgba(0, 0, 0, 0.3); color: #6b6b8f; }
.adres p { font-size: 20px; line-height: 30px; font-weight: 300; }
.tanitimOfisi { font-size: 30px; font-weight: bold; }
.bizitakipedin { text-align: center; margin-bottom: 15px; font-size: 16px; color: #fff; }
.iletisim-m { display: none; }
.downMobile { display: block; position: absolute; z-index: 2; left: 50%; bottom: 25px; width: 40px; margin-left: -20px; -webkit-animation: zip 1.5s infinite; animation: zip 1.5s infinite; }
@-webkit-keyframes zip {
 0% {
margin-bottom: 0px;
}
 50% {
margin-bottom: 15px;
}
 100% {
margin-bottom: 0px;
}
}
 @keyframes zip {
 0% {
margin-bottom: 0px;
}
 50% {
margin-bottom: 15px;
}
 100% {
margin-bottom: 0px;
}
}
.yasam { max-width: 1000px; width: 85%; margin: 0 auto; padding: 45px 0px 45px; text-align: center; }
.bg { background-position: center center; background-size: cover; background-repeat: no-repeat; display: inline-block; width: 100%; height: auto; }
.yasamTitle { margin: 0 auto 0px; text-align: center; width: 100%; display: table; }
.yasam p { color: #fff; margin-bottom: 25px; font-size: 25px; font-weight: 300; position: relative; font-family: 'Proxima Nova'; }
.yasam p:last-child { margin-bottom: 0px; }
.yasamList { width: 80%; margin: 0 auto 180px; }
.yasamList ul { width: 100%; display: flex; align-items: flex-end; }
.yasamList ul li { float: left; width: 26%; position: relative; margin: 0px 1%; text-align: center; visibility: hidden; transition: 300ms; }
.yasamList ul li:nth-child(2), .yasamList ul li:nth-child(4) {/* width: 19%; */ }
.yasamList ul li:first-child, .yasamList ul li:last-child {/* width: 13%; */ }
.locW1 { width: 60%; float: left; position: relative; padding: 125px 0px 50px; box-sizing: border-box; }
.locW2 { width: 40%; float: left; position: relative; margin-top: -100px; font-family: 'Proxima Nova'; }
.locationContainer { width: 85%; margin: 0 auto; max-width: 1366px; display: table; }
.bigE { position: absolute; left: 0px; top: 125px; pointer-events: none; user-select: none; width: 50%; }
.locationTitle {width: 20%;text-align: left;float: left;display: inline-block;z-index: 1;position: relative;}
.locationList { width: 62%; float: left; display: inline-block; margin-left: 7%; }
.locationList li {font-size: 21px;margin-bottom: 30px;font-family: 'Proxima Nova';font-weight: bold;position: relative;color: #3a3a3c;direction: rtl;}
.locationList li strong { color: #d1795b; }
.locationList li::before { content: ""; background: url(../images/clock.png)center center no-repeat; background-size: 100%; position: relative; float: left; width: 19px; height: 19px; display: inline-block; margin-right: 15px; margin-top: 3px; }
.locW2 h3 {font-size: 37px;font-weight: bold;margin-bottom: 20px;color: #222222;direction: rtl;}
.locationImg { width: 100%; display: inline-block; margin-bottom: 30px; box-shadow: 0px 30px 40px rgba(0, 0, 0, 0.20); visibility: hidden; }
.locW2 p {font-size: 24px;font-weight: 300;margin-bottom: 35px;color: #222222;direction: rtl;}
.locationImg img { width: 100%; }
.galleryContainer { display: none; width: 100%; position: relative; margin-top: 50px; margin-bottom: 40px; }
.galleryContainer.open { display: inline-block; }
.tabMenu { display: inline-block; position: absolute; right: 25px; top: 65px; }
.tabMenu li { float: left; display: inline-block; }
.tabMenu li a { font-weight: 900; font-size: 14px; padding: 0px 35px; color: #9fa3a7; line-height: 35px; display: block; border: 2px solid transparent; border-radius: 360px; -webkit-border-radius: 360px; -moz-border-radius: 360px; transition: all .2s ease-in-out; letter-spacing: 2px; }
.tabMenu li a.active { border-color: #009edb; color: #242424; }
.galleryContainer .owl-dots { margin: 30px auto 0px; display: table; }
.galleryContainer .owl-dots .owl-dot { width: 17px; height: 17px; float: left; background-color: #d4d4d4; margin: 0px 4px; -webkit-border-radius: 360px; -moz-border-radius: 360px; border-radius: 360px; }
.galleryContainer .owl-dots .owl-dot.active { background-color: #009edb; }
.fotogaleriContainer { width: 93%; float: right; }
.title3 { margin-top: 65px; display: inline-block; font-size: 30px; color: #222222; font-weight: bold; }
.tabMenu li a:hover { color: #000; }
.galeri { position: relative; display: inline-block; width: 100%; margin-top: 20px; margin-bottom: 70px; }
.galeriTitle { position: relative; font-size: 40px; color: #333333; display: table; font-family: 'Proxima Nova'; font-weight: 700; }
.galeriContainer { width: 90%; margin: 0 auto; margin-top: 0; }
.galeriTab { margin-top: 30px; display: inline-block; position: relative; }
.galeriTab li { float: left; margin-right: 30px; }
.galeriTab li a { width: 160px; border-bottom: 5px solid #ececec; display: block; color: #7d7d7d; font-size: 17px; padding-bottom: 10px; font-weight: bold; font-family: 'Proxima Nova'; font-weight: 700; }
.galeriTab li a.active { border-bottom: 5px solid #56cbec; }
.galeri-slider { width: 150% !important; margin-left: -25%; margin-top: 28px; }
.galeri-slider .owl-item {/* background-color: #7b4937; */ }
.galeri-slider .owl-item .item a { width: 100%; transition: all .3s ease-in-out; height: 495px; display: block;/* -webkit-filter: opacity(.7); *//* filter: opacity(.5); */ background-size: cover !important; }
.galeri-slider .owl-item.center .item a { width: 100%; -webkit-filter: none; filter: none; }
.galeri-slider .owl-item a { outline: none; }
.galleryNext { position: absolute; right: 1%; z-index: 5; cursor: pointer; top: 50%; }
.galleryPrev { position: absolute; left: 1%; z-index: 5; cursor: pointer; top: 50%; }
.slider { width: 100%; float: left; overflow: hidden; position: relative; }
.galeriPage { display: none; }
.galeriPage.open { display: inline-block; width: 100%; }
.formTel { position: relative; display: table; margin: auto; width: 280px; margin-top: 20px; }
.formTel a { color: #ffffff; font-size: 30px; display: block; text-align: right; font-family: 'Museo500-Regular'; }
.formTel span { display: block; text-align: right; font-size: 17px; }
.formLogo { position: relative; display: table; margin: auto; }
.form-title strong { display: block; font-size: 30px; }
.egeText h2 strong { display: block; color: #0074a7; font-weight: 900; font-family: 'ProximaNova-Black'; }
.playBtn strong { position: relative; display: table; margin: auto; color: #ffffff; text-align: center; font-size: 27px; line-height: 29px; margin-top: 6px; }
.yasamTitle strong {display: block;text-align: center;font-size: 40px;color: #ffffff;font-family: 'ProximaNova-Black';direction: rtl;}
.yasamTitle img { position: relative; top: -90px; right: -14px; }
.yasam-p {position: relative;margin-top: 30px;direction: rtl;}
.yasam p strong { font-weight: bold; }
.iletisimTab { position: relative; display: table; margin-bottom: 30px; }
.iletisimTab ul { display: inline-block; width: 100%; }
.iletisimTab ul li { position: relative; float: left; }
.iletisimTab ul li a { padding: 0px 10px; border-right: solid 1px #000000; box-sizing: border-box; font-size: 40px; color: rgba(51, 51, 51, 0.50); font-family: 'Proxima Nova'; font-weight: 700; }
.iletisimTab ul li a.active { color: #333333; }
.iletisimTab ul li:last-child a { border-right: none; }
.iletisim-page { display: none; }
.iletisim-page.open { display: inline-block; width: 100%; }
.iletisimBg { position: relative; display: inline-block; width: 100%; height: 500px; background: #3a3a3c; color: #ffffff; padding: 5px; box-sizing: border-box; }
.social { position: relative; float: right; }
.social ul { display: inline-block; width: 100%; padding: 10px 0px; box-sizing: border-box; }
.social ul li { position: relative; float: left; }
.social ul li a { display: block; }
.downMobile { display: none; }
.yasamList ul li:hover { transform: scale(1.2); transition: 300ms; }
.iletisimBg.hauto { background-size: cover !important; width: 100%; background-repeat: no-repeat !important; background-position: center !important; }
.iletisimBg.hauto a { display: inline-block; width: 100%; height: 100%; cursor: zoom-in; }

.dil {position: absolute;z-index: 2;right: 35%;top:0px;background: #ffffff;padding: 8px 0px;}
.dil ul {display: inline-block;}
.dil ul li { position: relative; float: left; }
.dil ul li a {display: block;padding: 0px 8px;border-right: solid 1px #3a3a3c;font-family: 'Museo500-Regular';box-sizing: border-box;color: #3a3a3c;font-size: 16px;}
.dil ul li:last-child a { border-right: none; }
.dil ul li a.active {text-decoration: underline;}

.homepage { position: absolute; right: 10px; top: 0px; }
.homepage a { display: block; background: #3a3a3c; color: #ffffff; font-size: 16px; padding: 9px 20px; box-sizing: border-box; transition: 300ms; }
.homepage a i { display: inline-block; width: 20px; position: relative; margin-right: 5px; }
.homepage:hover a { box-shadow: 0px 5px 29px 0px rgba(0, 0, 0, 0.2); transition: 300ms; }

@media only screen and (max-width:768px) {
.dil { position: relative; left: 0px; right: 0px; box-sizing: border-box; background: #3a3a3c; }
.dil ul { display: table; margin: auto; }
.dil ul li a { color: #ffffff; border-right: solid 1px #ffffff; }
.homepage {top: auto;bottom: 0px;right: 0px;left: auto;}
}

@media only screen and (max-width:479px) {
.dil ul li a { font-size: 15px; padding: 0px 5px; }
.homepage { right: auto; left: 0px; bottom: 5px; }
.homepage a { font-size: 14px; }
.homepage a i { width: 16px; }
}
.whatsap {position: relative;display: table;margin: auto;margin-top: 10px;}
.whatsap a {display: block;color: #ffffff;font-size: 25px;}
.whatsap a i {display: inline-block;position: relative;width: 25px;top: 3px;}
.whatsap a span { display: inline-block; }