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: 0; padding: 0; border: 0; vertical-align: baseline }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block }
body { font-family: 'ITCAvantGardePro'; overflow-x: hidden }
@font-face { font-family: 'FuturaLTPro-LightCond'; src: url(../fonts/FuturaLTPro-LightCond.eot) format("embedded-opentype"), url(../fonts/FuturaLTPro-LightCond.html) format("opentype"), url(../fonts/FuturaLTPro-LightCond-2.html) format("woff"), url(../fonts/FuturaLTPro-LightCond.ttf) format("truetype"), url(../fonts/FuturaLTPro-LightCond.svg) format("svg"); font-weight: 400; font-style: normal }
@font-face { font-family: 'CenturyGothic'; src: url(../fonts/CenturyGothic.eot) format("embedded-opentype"), url(../fonts/CenturyGothic.html) format("woff"), url(../fonts/CenturyGothic.ttf) format("truetype"), url(../fonts/CenturyGothic.svg) format("svg"); font-weight: 400; font-style: normal }
@font-face { font-family: 'ITCAvantGardePro-Bold'; src: url(../fonts/ITCAvantGardePro-Bold.eot) format("embedded-opentype"), url(../fonts/ITCAvantGardePro-Bold.html) format("opentype"), url(../fonts/ITCAvantGardePro-Bold-2.html) format("woff"), url(../fonts/ITCAvantGardePro-Bold.ttf) format("truetype"), url(../fonts/ITCAvantGardePro-Bold.svg) format("svg"); font-weight: 500; font-style: normal }
@font-face { font-family: 'ITCAvantGardePro-XLt'; src: url(../fonts/ITCAvantGardePro-XLt.eot) format("embedded-opentype"), url(../fonts/ITCAvantGardePro-XLt.html) format("opentype"), url(../fonts/ITCAvantGardePro-XLt-2.html) format("woff"), url(../fonts/ITCAvantGardePro-XLt.ttf) format("truetype"), url(../fonts/ITCAvantGardePro-XLt.svg) format("svg"); font-weight: 400; font-style: normal }
@font-face { font-family: 'ITCAvantGardePro-Md'; src: url(../fonts/ITCAvantGardePro-Md.eot) format("embedded-opentype"), url(../fonts/ITCAvantGardePro-Md.html) format("opentype"), url(../fonts/ITCAvantGardePro-Md-2.html) format("woff"), url(../fonts/ITCAvantGardePro-Md.ttf) format("truetype"), url(../fonts/ITCAvantGardePro-Md.svg) format("svg"); font-weight: 400; font-style: normal }
@font-face { font-family: 'ITCAvantGardePro-Bk'; src: url(../fonts/ITCAvantGardePro-Bk.eot) format("embedded-opentype"), url(../fonts/ITCAvantGardePro-Bk.html) format("opentype"), url(../fonts/ITCAvantGardePro-Bk-2.html) format("woff"), url(../fonts/ITCAvantGardePro-Bk.ttf) format("truetype"), url(../fonts/ITCAvantGardePro-Bk.svg) format("svg"); font-weight: 400; font-style: normal }
@font-face { font-family: 'GothamNarrow-Black'; src: url(../fonts/GothamNarrow-Black.eot) format("embedded-opentype"), url(../fonts/GothamNarrow-Black.html) format("opentype"), url(../fonts/GothamNarrow-Black-2.html) format("woff"), url(../fonts/GothamNarrow-Black.ttf) format("truetype"), url(../fonts/GothamNarrow-Black.svg) format("svg"); font-weight: 400; font-style: normal }
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 }
.wrapper {position: relative;background: url(../images/bg-2.jpg) left center no-repeat;background-size: cover;width: calc(100% - 399px);height: 100vh;}
.form-holder {text-align: center;width: 400px;position: fixed;bottom: 0;padding: 25px;background-color: #867656;right: 0;float: right;display: table;height: 100%;box-sizing: border-box;top: 0;z-index: 22;}
.form-title {text-align: center;padding: 8px 0;color: #fff;font-size: 15px;font-family: 'ITCAvantGardePro-Bold';/* margin-top: 30px; */}
.tesekkurler { display: none; padding: 20px 10px; text-align: center }
.tel { width: 100%; display: inline-block; color: #fff; font-size: 20px; font-family: 'ITCAvantGardePro-Md'; position: absolute; left: 0; right: 0; bottom: 10px }
.tel a { color: #333; font-size: 27px; padding: 5px 10px; display: inline-block; font-weight: 800 }
.menu {height: 50px;box-sizing: border-box;position: absolute;text-align: center;display: table;margin: 0 auto;top: 5%;z-index: 2;width: 35%;left: 2px;}
.menu ul li { float: left; margin: 0 auto; display: table }
.menu ul li:nth-child(1) { margin-left: 0 }
.menu ul li a { color: #fff; font-size: 15px; line-height: 50px; display: block; padding: 0 5px; font-weight: 500; font-family: 'ITCAvantGardePro-Bk'; }
.menu ul li a.active { color: #000 }
.sub-page { display: none; float: left; width: 100%;/* height: 65vh; */ position: relative; z-index: 999; }
.sub-page-open { display: block; }
.close-btn { position: absolute; z-index: 2222222222; display: inline-block; right: 10px; top: 10px }
.close-btn A { display: block; text-align: center; font-size: 30px; font-weight: 300; line-height: 35px; margin: auto; width: 40px; height: 40px; -webkit-border-radius: 60px; -moz-border-radius: 60px; border-radius: 60px; background: #FBFBFB; color: #0A4A10 }
.box-inner { box-sizing: border-box; display: inline-block; font-weight: 300; width: 100%; color: #867656; font-size: 13px; height: 100%; }
.box-inner p { margin-bottom: 14px }
.galeri LI { float: left; width: 23%; margin: 1%; position: relative; box-sizing: border-box; padding: 1px; text-align: center; font-size: 15px }
.galeri LI span { position: absolute; top: 0; bottom: 0; left: 0; background: rgba(171,23,53,0.5); right: 0; color: #fff; text-align: right; box-sizing: border-box; padding: 5px; font-size: 18px; font-weight: 300 }
.galeri LI:hover { opacity: .8 }
.galeri LI IMG { display: block; width: 100%; height: auto }
.sub-page h1 { padding-bottom: 15px; text-align: center }
.galeri { position: relative; margin-top: 5px; margin-bottom: 20px; width: 100% }
.firsat { position: absolute; right: 400px; width: 14%; top: 15% }
.konum { right: 400px; position: absolute; bottom: 0; width: 14% }
.son { position: absolute; top: 13%; width: 200px }
li.logo img { width: 180px }
.form-inner { display: table-cell; vertical-align: middle }
a.telefon {color: #fff;display: block;font-size: 25px;font-family: 'ITCAvantGardePro-XLt';margin: 0 auto;/* margin-top: 5px; */}
a.site { display: inline-block; color: #212121; padding-right: 10px }
a.mail { display: inline-block; color: #212121; padding-bottom: 10px; padding-left: 10px }
.scroll { height: 360px; padding-right: 20px }
.nicescroll-cursors { background: #135c1e!important }
ul.uzaklik { display: table; width: 100%; margin: 0 auto; text-align: center; margin-top: 30px }
ul.uzaklik li { width: 12%; float: left }
.form-logo { width: 200px; margin: 0 auto; display: table; margin-top: 40px; }
.yazi { line-height: normal; font-size: 12px; color: #fff; font-family: 'ITCAvantGardePro-XLt'; text-align: left }
.logo {
    width: 90%;
    display: table;
    margin: 30px auto;
}
.menu ul { display: inline-block }
.alt-title { position: absolute; bottom: 0; left: 0; width: 100% }
.patlangac { position: absolute; right: 9.4%; top: 5.8%; width: 31% }
.patlangac4 { position: absolute; right: 10%; width: 30%; top: 28% }
.patlangac3 { position: absolute; right: 10%; top: 40%; width: 30% }
.patlangac2 { position: absolute; right: 10%; top: 53%; width: 30% }
.logo img { width: 85% }
.iletisim-icerik h1 { color: #00334e; margin-bottom: 20px; border-bottom: 1px solid #dbdbdb; padding-bottom: 20px; font-size: 21px; }
.iletisim-icerik { font-family: 'ITCAvantGardePro-Bk'; color: #212121; font-size: 18px; line-height: 26px; box-sizing: border-box; height: 100vh;  display: table; position: relative; width: 100%; }
.iletisim-icerik span { font-weight: 700; color: #9fa3a7; font-family: 'GothamNarrow-Black'; font-size: 14px }
.iletisim-icerik strong { font-family: 'ITCAvantGardePro'; font-size: 17px }
.map { float: left; width: 50%; box-sizing: border-box; height: 100vh; }
.proje-left { float: left; box-sizing: border-box; width: 22%; height: 620px;/* background: url(../images/proje-left.jpg) center center no-repeat; */ background-size: cover !important; background-repeat: no-repeat !important; }
.proje-orta { float: left; box-sizing: border-box; width: 100%; height: 100%; }
.proje-right { box-sizing: border-box; width: 22%; float: left; height: 620px;/* background: url(../images/proje-right.jpg) center center no-repeat; */ background-size: cover !important; background-repeat: no-repeat !important; }
.proje-orta h1 { color: #fff; background: #002e45; padding: 10px; width: 50%; text-align: right; font-size: 17px; margin-bottom: 30px; box-sizing: border-box }
.proje-orta p { font-size: 15px; font-family: 'ITCAvantGardePro-Bk'; line-height: 22px; }
.proje-orta p img { width: 15px; margin-right: 10px }
ul.uzaklik li p { text-align: center; padding: 5px; color: #00334e; font-family: 'ITCAvantGardePro'; font-size: 13px; line-height: 16px; margin-bottom: 0 }
.foto-galeri h1 { color: #867656; font-size: 21px; box-sizing: border-box; height: 65px; padding-top: 18px; padding-left: 10px; font-family: 'ITCAvantGardePro-Bold'; }
.logo-m { display: none }
section { position: relative;/* height: 100vh; */ }
#proje-hakkinda { position: relative;/* height: 100vh; */ }
#galeri { position: relative }
#icerik { position: relative }
#iletisim { position: relative; height: 100vh; }
.map iframe {/* height: 500px */ height: 100% !important; }
ul.uzaklik li img { width: 40px }
.bg2 { background: none; }
.kampanya { position: absolute; right: 0; width: 76%; bottom: 0 !important; }
.alan { position: absolute; left: 10px; bottom: 10px; color: #fff; font-family: 'ITCAvantGardePro-Md'; }
.kesif { position: absolute; left: 0; right: 0; text-align: center; bottom: 10px; }
.sol { float: left; width: 43.89%; height: 100%; }
.orta { float: right; width: 56%; height: 100%;/* background: url(../images/aile.jpg) top center no-repeat; */ background-size: cover !important; background-repeat: no-repeat !important; }
.right { float: left; width: 19.7%; height: 100%;/* background: url(../images/tanitim.png) center center no-repeat; */ background-size: cover !important;/* display: table; */ background-repeat: no-repeat !important; }
.doksan { position: relative; height: 90vh; width: 100%; }
a.tanitim-icon { text-align: center; display: block; padding-top: 100%; box-sizing: border-box; }
.slide-1 { }
h2.title { margin-left: 40px; font-family: 'ITCAvantGardePro'; font-size: 30px; letter-spacing: 5px; color: #867656; padding-bottom: 20px; border-bottom: 1px solid #867656; font-family: 'ITCAvantGardePro-Bold'; }
.slide-aciklama { margin-left: 40px; font-family: 'ITCAvantGardePro-Bk'; font-size: 16px; padding-top: 20px; line-height: 23px; }
.item { display: table-cell; vertical-align: middle; }
.owl-item { display: table; height: 90vh; }
.owl-dots {  /*for making them horizontal, if you want vertical then you can use- display: block*/ position: absolute; right: 20px; width: auto; height: 20px; bottom: 20px; }
.owl-dot { float: left !important; display: block !important; width: 20px; height: 20px; background: #c9c9c9; margin-right: 10px; }
.owl-nav { display: none !important; }
.owl-dot.active { background: #867656; height: 20px; width: 20px; float: left; display: block; }
.alt-slogan { position: relative; height: 10vh; width: 100%;/* background: url(../images/alt-slogan.jpg) left center no-repeat; *//* background-size: cover; */ }
h2.title.iki { font-size: 25px; letter-spacing: inherit; }
.bg3, .bg4, .bg5 { background: none; height: auto !important; }
.galeritab_menu { display: block; float: left; width: 100%; height: 100%; }
.galeritab_menu li { float: left; width: 100%; text-align: right; text-align: right; font-size: 17px; }
.galeritab_menu li a {color: #ffffff;display: block;padding: 10px;background: #867656;box-sizing: border-box;padding-right: 20px;font-size: 15px;font-family: 'ITCAvantGardePro-Bold';}
.galeritab_menu a.active {background: #ffffff;color: #867656;}
.galeritab_menu li:last-child { text-align: center; }
.galeritab_menu ul { display: inline-block; width: 100%; margin-bottom: 40px; }
.slogan-1 { font-family: 'ITCAvantGardePro-Bk'; text-align: center; font-size: 16px; box-sizing: border-box; padding: 20px; line-height: 25px; margin-bottom: 30px; }
.slogan-2 { font-family: 'ITCAvantGardePro-Bk'; text-align: left; font-size: 16px; box-sizing: border-box; padding: 20px; line-height: 25px; margin-bottom: 30px; }
.proje-detay-liste { float: left; width: 44%; border-right: 1px solid #cecece; box-sizing: border-box; margin-left: 4%; }
.proje-detay-liste-2 { float: left; width: 52%; height: 100%; box-sizing: border-box; padding-left: 20px; }
.fancybox { float: left; width: 100%; height: 60vh; }
.sol-galeri { float: left; height: 100%; width: 35%; }
.sol-galeri a { display: block; width: 100%; height: 100%; position: relative; }
.sag-galeri { float: left; width: 65%; height: 100%; position: relative; }
.sag-galeri a { display: block; width: 100%; height: 100%; }
.s-g-ust { height: 50%; }
.s-g-alt { height: 50%; }
.ust-1 { width: 25.24%; float: left; height: 100%; position: relative; }
.ust-2 { width: 25.24%; float: left; height: 100%; position: relative; }
.ust-3 { width: 49.52%; float: left; height: 100%; position: relative; }
.kare { position: absolute !important; left: 0 !important; right: 0 !important; bottom: 0 !important; top: 0; background: rgba(255, 255, 255, 0.59); transition: all 0.3s; text-align: center !important; opacity: 0; display: table; width: 100%; height: 100%; }
.kare span { display: table-cell; vertical-align: middle; }
.sol-galeri a:hover .kare { opacity: 1; transition: all 0.3s; }
.ust-1 a:hover .kare { opacity: 1; transition: all 0.3s; }
.ust-2 a:hover .kare { opacity: 1; transition: all 0.3s; }
.ust-3 a:hover .kare { opacity: 1; transition: all 0.3s; }
.contact { display: table-cell; vertical-align: middle; position: relative; }
.ofis { margin-left: 150px; padding-bottom: 15px; border-bottom: 1px solid #cecece; color: #867656; font-size: 20px; font-family: 'ITCAvantGardePro-Bold'; }
.adresimiz { margin-left: 150px; PADDING-TOP: 10PX; font-family: 'ITCAvantGardePro-Md'; color: #9fa3a7; font-size: 13px; padding-bottom: 5px; }
.address { margin-left: 150px; font-family: 'ITCAvantGardePro-Bk'; font-size: 13px; color: #212121; }
.address span { font-family: 'ITCAvantGardePro-Bold'; color: #000; font-weight: bold !important; font-size: 13px; display: inline-block; }
.footer-tel { position: absolute; right: 20px !important; bottom: 20px !important;     text-align: right;}
.footer-tel span { font-family: 'ITCAvantGardePro-Md'; color: #9fa3a7; font-size: 13px; display: inline-block;  width: 100%; }
.ofis.merkez { margin-top: 20px; }
a.f-tel { display: block; font-size: 22px; color: #867656; font-family: 'ITCAvantGardePro-Md'; }
.iletisim-sol { float: left; width: 50%; height: 100vh; }
.sosyal-medya { float: left; width: 100%; background: #f3f3f3; height: 10vh; }
.aciklama { width: 70%; box-sizing: border-box; font-family: 'ITCAvantGardePro-Bk'; font-size: 8px; float: left; padding: 13px; line-height: 12px; }
.social { float: left; width: 30%; height: 100%; }
.sociaul ul { display: table-cell; vertical-align: middle; }
.social ul li { float: left; margin-left: 10px; }
.social ul { display: table-cell; vertical-align: middle; padding-top: 20px; padding-left: 20px; }
.aile-m { display: none; }
.galeri-m { display: none; height: 100%; width: 100%; float: left; }
.galeri-m a { float: left; margin: 1%; width: 48%; }
.aciklama-m { display: none; }
a.mobil-video { display: none; }
.m-slogan { display: none; }
.orta-m { display: none; }
.son-firsat {position: absolute;right: 12%;top: 8%;width: 37%;}
.fiyat-patlangac {position: absolute;width: 39%;right: 19%;top: 27%;}
.odeme {position:absolute;right: 2%;bottom: 3%;width: 35%;} 
.odeme-m { position:absolute; display:none;}
/*Form*/

.contact_form UL { margin: 0; padding: 0 }
.contact_form LI { margin: 0 0 7px; padding: 0; list-style: none; font-size: 8pt; position: relative }
.contact_form .form-text, .contact_form .form-textarea { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; height: 37px; line-height: 32px; padding-left: 8px; color: #fff; font-family: 'ITCAvantGardePro-XLt'; font-size: 16px; background: transparent; border-bottom: 2px solid #fff; text-transform: uppercase; font-size: 11px; }
.contact_form .form-textarea { height: 69px; color: #fff; font-size: 13px; font-family: 'ITCAvantGardePro-XLt'; line-height: 62px }
.contact_form LABEL { height: 25px }
.form-submit { width: 100%; border: 0; text-align: center; font-size: 14px; color: #fff; margin: auto; padding: 10px; box-sizing: border-box; margin-bottom: 5px; margin-top: 10px; height: 45PX; background: #3a362d; font-family: 'Roboto', sans-serif; font-weight: 700; }
.form-submit:hover { opacity: .7; cursor: pointer }
INPUT.inputError, SELECT.inputError { border: 1px solid red!important }
::-webkit-input-placeholder {
color:#fff;
font-family:'ITCAvantGardePro-XLt';
font-size:13px
}
:-moz-placeholder {
color:#fff;
opacity:1;
font-size:13px
}
::-moz-placeholder {
color:#fff;
opacity:1;
font-size:13px
}
:-ms-input-placeholder {
color:#fff;
font-size:13px
}
.input-group-addon { padding: 5px 10px; font-size: 11px; font-weight: 400; line-height: 1; color: #555; text-align: center; background-color: #484848; border: 1px solid #CCC; border-radius: 4px }
input[type=checkbox]:not(old), input[type=radio ]:not(old) { width: 28px; margin: 0; padding: 0; opacity: 0; height: 1px }
input[type=checkbox]:not(old) + label, input[type=radio ]:not(old) + label { display: inline-block; padding-left: 28px; background: url(../images/form/checks2.png) no-repeat 0 0; line-height: 25px; cursor: pointer; font-size: 15px; color: #fff; font-family: 'ITCAvantGardePro-XLt' }
input[type=checkbox]:not(old):checked + label { background-position: 0 -15px }
input[type=radio]:not(old):checked + label { background-position: 0 -29px }
.ajaxloader { width: 80px; text-align: center; margin: auto }
.bubblingG { text-align: center; width: 80px; height: 50px }
.bubblingG span { display: inline-block; vertical-align: middle; width: 10px; height: 10px; margin: 25px auto; background: #173c6e; -moz-border-radius: 50px; -moz-animation: bubblingG 1.3s infinite alternate; -webkit-border-radius: 50px; -webkit-animation: bubblingG 1.3s infinite alternate; -ms-border-radius: 50px; -ms-animation: bubblingG 1.3s infinite alternate; -o-border-radius: 50px; -o-animation: bubblingG 1.3s infinite alternate; border-radius: 50px; animation: bubblingG 1.3s infinite alternate }
#bubblingG_1 { -moz-animation-delay: 0; -webkit-animation-delay: 0; -ms-animation-delay: 0; -o-animation-delay: 0; animation-delay: 0 }
#bubblingG_2 { -moz-animation-delay: .39s; -webkit-animation-delay: .39s; -ms-animation-delay: .39s; -o-animation-delay: .39s; animation-delay: .39s }
#bubblingG_3 { -moz-animation-delay: .78s; -webkit-animation-delay: .78s; -ms-animation-delay: .78s; -o-animation-delay: .78s; animation-delay: .78s }
.radiovalidate { position: ABSOLUTE; right: -16px; top: 6px }
.izin { margin: 0 auto; width: 100%; margin: auto; width: 200px; margin-top: 20px; }
@-moz-keyframes bubblingG {
0% {
width:10px;
height:10px;
background-color:#173c6e;
-moz-transform:translateY(0)
}
100% {
width:24px;
height:24px;
background-color:#579bcd;
-moz-transform:translateY(-21px)
}
}
@-webkit-keyframes bubblingG {
0% {
width:10px;
height:10px;
background-color:#173c6e;
-webkit-transform:translateY(0)
}
100% {
width:24px;
height:24px;
background-color:#579bcd;
-webkit-transform:translateY(-21px)
}
}
@-ms-keyframes bubblingG {
0% {
width:10px;
height:10px;
background-color:#173c6e;
-ms-transform:translateY(0)
}
100% {
width:24px;
height:24px;
background-color:#579bcd;
-ms-transform:translateY(-21px)
}
}
@-o-keyframes bubblingG {
0% {
width:10px;
height:10px;
background-color:#173c6e;
-o-transform:translateY(0)
}
100% {
width:24px;
height:24px;
background-color:#579bcd;
-o-transform:translateY(-21px)
}
}
@keyframes bubblingG {
0% {
width:10px;
height:10px;
background-color:#173c6e;
transform:translateY(0)
}
100% {
width:24px;
height:24px;
background-color:#579bcd;
transform:translateY(-21px)
}
}
.tskbg{ background-color: #867656;}
@media (min-width: 1200px) {.tsktel{font-size: 27px; color:#fff; font-family: 'ITCAvantGardePro-Bold';} .tskaltyazi{font-size: 18px; font-family: 'ITCAvantGardePro-Bk';}}
@media (max-width: 992px) {.tsktel{font-size: 46px;} .tskaltyazi{font-size: 35px;}  .row-eq-height { display:block } .tskrow-eq-height {} .vcenter {display:block} .tskvcenter {} .state {border:none; margin:inherit; height:inherit; padding: 20px 0px 0px 0px} .Nform{background:white url(../images/formbg2.png) repeat-x top ;} .mr-5 {padding-right: 0px;}.ml-5 {padding-left: 0px;}  .tskbg{background-color: #867656;} }