@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700');
@import url('https://fonts.googleapis.com/css?family=Playfair+Display:300,400,700,900');
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,900');
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: 'Roboto', sans-serif; padding-top: 120px }
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 }
.container { width: calc(100% - 50px); margin-left: 25px; float: left; position: relative }
.ty-wrapper { width: 100%; height: 100vh; display: table; background-color: #333 }
.ty-vertical { display: table-cell; vertical-align: middle; text-align: center; font-size: 25px; color: #fff }
#header { width: 100%; float: left; border-top: 4px solid #36363c; position: fixed; padding: 15px 0; background: #fff; top: 0; z-index: 99; transition: all ease-in-out .4s }
.header-container { width: calc(100% - 200px); margin-left: 150px; margin-right: 50px; float: left }
.logo { float: left; transition: all ease-in-out .3s; width: 110px }
.header-menu { float: right; margin-top: 30px }
#header.sticky { box-shadow: 0 0 15px rgba(0,0,0,.5); padding: 15px 0 }
#header.sticky .logo { width: 110px }
#header.sticky .header-menu { margin-top: 30px }
.header-menu ul { float: left }
.header-menu ul li { float: left; margin-left: 45px; position: relative; }
.header-menu ul li a { font-size: 16px; line-height: 30px; color: #242424; letter-spacing: 1px; display: block; font-family: 'Roboto Condensed', sans-serif; font-weight: 500; }
.akilliAramaBtn { width: 160px; height: 50px; background: #bc2066; box-sizing: border-box; padding: 15px 17px; color: #fff; font-family: 'Roboto Condensed', sans-serif; font-weight: 700; float: left; cursor: pointer; margin-left: 50px; margin-top: -10px; font-size: 16px; transition: all .2s ease-in-out; }
.akilliAramaBtn img, .iletisimFormuBtn img { margin-right: 3px }
.iletisimFormuBtn { width: 160px; height: 50px; background: #36363c; box-sizing: border-box; padding: 15px 10px 15px 15px; color: #fff; float: left; cursor: pointer; margin-left: 30px; margin-top: -10px; font-size: 16px; font-family: 'Roboto Condensed', sans-serif; margin-right: 30px; font-weight: 700; transition: all .2s ease-in-out; }
.search { float: left; width: 80%!important; margin-top: 5%; margin-left: 5px; top:5px!important;}
.searchText { width: 0; height: 50px; background: #eee; box-sizing: border-box; padding-left: 0; transition: all ease-in-out .3s; margin-left: 35px }
.searchText.active { width: 255px; padding-left: 15px; margin-left: 0 }
.searchBtn { background: url(../images/search-black.png); width: 20px; height: 21px; left: -35px; top: 10px; position: relative; float: right; cursor: pointer }
.language { display: block; float: left; padding: 10px 20px 10px 0; margin-top: -10px; border-right: .5px solid #242424 }
.language ul li { float: left; margin-left: 0 }
.language ul li:nth-child(2) { display: block; border-left: 1px solid #000; }
.language ul li a { color: #242424; padding: 3px 10px; font-size: 14px; font-family: 'Roboto', sans-serif; }
.language ul li a:hover { text-decoration: underline }
/*.language ul li:nth-child(1) a { border-right: 2px solid #242424 }*/
.menu { position: relative; display: inline-block; width: 40px; height: 50px; margin: 0 0 0 25px }
.menu span { margin: 0 auto; position: relative; top: 12px }
.menu span:before, .menu span:after { position: absolute; content: '' }
.menu span, .menu span:before, .menu span:after { width: 37px; height: 5px; background-color: #000; display: block }
.menu span:before { margin-top: -9px }
.menu span:after { margin-top: 9px }
.example5 span { -webkit-transition-duration: 0s; transition-duration: 0s; -webkit-transition-delay: .2s; transition-delay: .2s }
.example5.active span { background-color: transparent; -webkit-transition-delay: .2s; transition-delay: .2s }
.example5 span:before { -webkit-transition-property: margin, -webkit-transform; transition-property: margin, transform; -webkit-transition-duration: .2s; transition-duration: .2s; -webkit-transition-delay: .2s, 0s; transition-delay: .2s, 0s }
.example5.active span:before { margin-top: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition-delay: 0s, .2s; transition-delay: 0s, .2s }
.example5 span:after { -webkit-transition-property: margin, -webkit-transform; transition-property: margin, transform; -webkit-transition-duration: .2s; transition-duration: .2s; -webkit-transition-delay: .2s, 0s; transition-delay: .2s, 0s }
.example5.active span:after { margin-top: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition-delay: 0s, .2s; transition-delay: 0s, .2s }
.hamburger-menu { float: left; margin-left: 20px; margin-top: -10px; z-index: 9999; position: relative }
.mBaslik { font-size: 12px; color: #242424; letter-spacing: 1px; margin-bottom: 3px; margin-left: 2px; font-family: 'Roboto Condensed', sans-serif; }
#slider { width: 100%; float: left; height: auto; z-index: 10; position: relative }
.swiper-container { width: 100%; height: 300px; margin-left: auto; margin-right: auto }
.swiper-slide { background-size: cover; background-position: center }
#slider .gallery-top .swiper-slide { background-size: cover; background-position: center center; height: calc(100vh - 120px); }
.gallery-top { height: auto; width: calc(100% - 230px) }
.gallery-thumbs { width: 220px; height: calc(100vh - 120px); box-sizing: border-box; margin: 0 5px!important; float: left }
.gallery-thumbs .swiper-slide { width: 100%; height: 25%; opacity: 1; display: table; text-align: center; cursor: pointer; padding: 15px; box-sizing: border-box; transition: all .2s ease-in-out }
.gallery-thumbs .swiper-slide-active { opacity: 1 }
.gallery-top .swiper-slide-active:before { background: #000; background: linear-gradient(5deg, rgba(0,0,0,0.83) 0%, rgba(0,0,0,0) 100%, rgba(0,0,0,0.1) 100%); content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: none; }
.gallery-thumbs .swiper-slide:before { width: 100%; height: 100%; background: rgba(0,0,0,.5); position: absolute; left: 0; top: 0; content: ""; }
.gallery-thumbs .swiper-slide-active:before { background-color: rgba(0,0,0,.5); }
.gallery-thumbs .swiper-slide span { vertical-align: middle; display: none; color: #fff; font-size: 30px; z-index: 999; position: relative; opacity: 1; font-family: 'Roboto Condensed', sans-serif; transition: all ease-in-out .3s; font-weight: 700; }
.gallery-thumbs .swiper-slide-active span { opacity: 1; display: table-cell; }
.sliderHizliArama { background-color: rgba(54,54,60,.8); position: absolute; bottom: 30px; left: 70px; padding: 20px; z-index: 99 }
.select1 { width: 235px; height: 55px; background-color: #fff; float: left; margin-right: 10px; color: #7d7d7d; font-size: 16px; padding-left: 27px; box-sizing: border-box; font-family: 'Roboto Condensed', sans-serif; background-image: url(../images/arrow.png); background-repeat: no-repeat; background-position: right center; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none }
.select2 { width: 400px; height: 55px; background-color: #fff; background-image: url(../images/arrow.png); border-radius: 0; background-repeat: no-repeat; background-position: right center; -webkit-appearance: none; -moz-appearance: none; appearance: none; float: left; margin-right: 10px; color: #7d7d7d; font-size: 16px; padding-left: 27px; box-sizing: border-box; font-family: 'Roboto Condensed', sans-serif; }
.listeleBtn { width: 187px; height: 55px; float: left; background-color: #dfd8c8; background-image: url(../images/listeleBg.png); background-repeat: no-repeat; color: #000; background-position: center left; font-family: 'Roboto Condensed', sans-serif; cursor: pointer; transition: all ease-in-out .3s; font-size: 14px; font-weight: 900; }
.listeleBtn:hover { background-color: #e8ac08 }
#slider .swiper-button-next, #slider .swiper-button-prev { position: absolute; top: auto!important; bottom: 45px!important; width: 75px!important; height: 75px!important; margin-top: 0!important; z-index: 10; cursor: pointer; background-size: 75px 75px!important; background-position: center; background-repeat: no-repeat; transition: all .2s ease-in-out; }
#slider .swiper-button-next, #slider .swiper-container-rtl .swiper-button-prev { background-image: url(../images/next.jpg); right: 30px; left: auto }
#slider .swiper-button-prev, #slider .swiper-container-rtl .swiper-button-next { background-image: url(../images/prev.jpg); left: auto; right: 120px; }
#slider h2 { color: #fff; margin-top: 0; position: relative; margin-left: 0px; text-shadow: 5px 3px 10px #000; font-size: 38px; width: 100%; font-family: 'Roboto Condensed', sans-serif; }
#slider h2 p { font-family: 'Roboto Condensed', sans-serif; }
#slider h3 { font-size: 26px; text-shadow: 5px 3px 10px #000; width: 100%; color: #fff; margin-top: 15px; margin-left: 0px; position: relative; font-family: 'Roboto Condensed', sans-serif; font-weight: 500; }

html[lang="tr"] #slider .swiper-button-next, html[lang="tr"]  #slider .swiper-button-prev {bottom:30px!important;}


.detay { display: block; background: #dfd8c8; padding: 20px 30px 20px 20px; color: #000; float: left; line-height: 16px; margin-left: 0px; position: relative; font-size: 16px; font-family: 'Roboto Condensed', sans-serif; font-weight: 900; margin-top: 80%; }
.detay img { margin-right: 15px }
.satisiDevamSlider { height: 665px; width: 100%; float: left; margin-bottom: 50px }
.satisiDevamSlider .swiper-slide { height: 665px; }
.page, .page-open { width: 100%; float: left; position: relative }
.page h2, .page-open h2 { text-align: center; font-size: 48px; color: #242424; margin-top: 50px; font-family: 'Roboto Condensed', sans-serif; margin-bottom: 40px; }
.satisiDevamSlider .swiper-container { height: 100% }
.projeSliderDetay { width: 605px; height: 100%; float: left; background: #f7f7f7; box-sizing: border-box; padding: 40px 60px 40px 80px }
.projeSliderDetay h3 { font-size: 27px; color: #36363c; font-family: 'Roboto Condensed', sans-serif; line-height: 36px; }
.projeSliderDetay h4 { font-size: 50px; color: #283891; font-family: 'Roboto Condensed', sans-serif; line-height: 65px; font-weight: bold; }
.kesfet { width: 170px; height: 50px; background: #283891; color: #fff; display: block; text-align: center; line-height: 50px; font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 700; }
.kesfet img { margin-left: 10px; transition: all ease-in-out .3s }
.kesfet:hover img { margin-left: 20px }
.canliTanitim { width: 100%; float: left; margin-top: 20px; transition: all ease-in-out .3s }
.canliTanitim img { float: left; border-top: 4px solid #2a2c33; margin-right: 15px; transition: all ease-in-out .3s }
.canliTanitim h5 { float: left; font-size: 40px; color: #36363c; font-family: 'Roboto Condensed', sans-serif; width: calc(100% - 45px); height: 50px; }
.hemenIzle { width: 170px; height: 50px; background: #36363c; color: #fff; display: block; float: left; font-family: 'Roboto', sans-serif; font-weight: 700; line-height: 50px; text-align: center; margin-top: 15px; font-size: 14px; transition: all ease-in-out .3s }
.hemenIzle img { float: right; border-top: none; margin-left: 0; margin-top: 10px; margin-right: 17px; transition: all ease-in-out .3s }
.hemenIzle:hover img { transform: scale(1.1) }
.hemenIzle:hover { background: #b21e61 }
.toplamKonut { width: 100%; float: left; margin-top: 20px }
.toplamKonut img { float: left; border-top: 4px solid #2a2c33; margin-right: 15px }
.toplamKonut h5 { font-size: 22px; color: #36363c; line-height: 50px; font-family: 'Roboto Condensed', sans-serif; float: left }
.toplamKonut span { width: 100%; float: left; font-size: 52px; color: #36363c; font-family: 'Roboto Condensed', sans-serif; font-weight: 700; }
.projeDurumu { width: 100%; float: left; margin-top: 20px }
.projeDurumu img { float: left; border-top: 4px solid #2a2c33; margin-right: 15px }
.projeDurumu h5 { font-size: 22px; color: #36363c; line-height: 50px; font-family: 'Roboto Condensed', sans-serif; float: left }
.projeDurumu span { float: left; font-size: 50px; color: #36363c; font-family: 'Roboto Condensed', sans-serif; font-weight: 700; }
.projeDurumu .row { margin-top: -10px }
.teslim { font-size: 26px!important; margin-top: 22px; margin-left: 5px }
.projeSliderGorsel { width: calc(100% - 605px); height: 100%; float: left; background-size: cover!important; background-position: center!important }
.projeSliderGorsel img { position: absolute; bottom: 25px; right: 50px }
#satisiDevamEden .swiper-pagination { width: 100%; margin-top: 15px }
#satisiDevamEden h2 { text-transform: uppercase; }
.row { width: 100%; float: left }
.satisiDevamSlider .swiper-pagination-bullet { background: #242424!important; opacity: .4!important; margin: 4px!important }
.satisiDevamSlider .swiper-pagination-bullet-active { opacity: 1!important; background: #242424!important }
.holding { width: 100%; height: 300px; background: #f7f7f7; box-sizing: border-box; padding: 45px 55px; float: left; margin-top: 50px }
.holding-baslik { width: 670px; float: left; box-sizing: border-box; border-left: 10px solid #b21e61; padding-left: 90px }
.holding-baslik h2 { font-size: 80px; color: #242424; font-family: 'Roboto Condensed', sans-serif; margin-top: 0; text-align: left; margin-bottom: 20px; line-height: 100px }
.holding-baslik p { font-size: 16px; color: #7d7d7d; line-height: 28px; font-family: 'Roboto', sans-serif; letter-spacing: .3px }
.rakamlar { float: right; margin-top: 20px; width: calc(100% - 670px) }
.rakamCol { float: left; font-size: 70px; color: #b21e61; text-align: center; font-family: 'Roboto Condensed', sans-serif; font-weight: 300; width: 33.33%; box-sizing: border-box; font-weight: bold; }
.rakamCol span { color: #242424; font-family: 'Roboto Condensed', sans-serif; font-weight: 300; }
.rakamCol:nth-child(2) { border-left: 1px solid #242424; border-right: 1px solid #242424 }
.rakamCol:nth-child(3) { }
#tercihEdilenYatirimlar, #sanalCadir { margin-top: 10px; width: 100%; float: left }
.yatirimlarSlider { width: 100%; float: left; position: relative; height: 490px; }
.yatirimlarSlider .swiper-slide { height: 490px; }
.yatirimlarSlider .swiper-container { height: 100% }
.yatirimGorsel { width: 50%; height: 100%; float: left; background-size: cover!important; background-position: center!important }
.yatirimDetay { width: 50%; height: 100%; float: left; background: #f4f4f4; box-sizing: border-box; padding: 25px 65px 25px 30px }
.odaSayisi { font-size: 60px; color: #36363c; font-family: 'Roboto Condensed', sans-serif; font-weight: 900; letter-spacing: 1px; margin-bottom: 5px }
.yatirimYer { font-size: 20px; letter-spacing: .5px; font-family: 'Roboto', sans-serif; color: #36363c }
.yatirimBaslik { height: 120px; margin-top: 10px; margin-bottom: 15px; position: relative; overflow: hidden }
.yatirimBaslik h3 { font-size: 30px; color: #36363c; letter-spacing: 1px; line-height: 38px; font-family: 'Roboto Condensed', sans-serif; font-weight: 700; }
.yatirimBaslik:before { width: 80px; height: 2px; background: #36363c; content: ""; position: absolute; left: 0; bottom: 0 }
.yatirimTaksit { font-size: 40px; margin-bottom: 20px; color: #36363c; font-family: 'Roboto Condensed', sans-serif; font-weight: 700; }
.detaylariGor { width: 215px; height: 52px; font-size: 22px; background: #36363c; display: block; text-align: center; color: #fff; float: left; line-height: 52px; font-family: 'Roboto', sans-serif; transition: all .2s ease-in-out; font-weight: bold; }
.detaylariGor img { margin-left: 10px; transition: all .2s ease-in-out; position: relative; top: 2px }
.yatirimlarSlider .swiper-button-next, .yatirimlarSlider .swiper-button-prev { width: 40px!important; height: 40px!important; margin-top: -20px!important; background-size: 40px 40px!important; transition: all .2s ease-in-out }
.yatirimlarSlider .swiper-button-next, .yatirimlarSlider .swiper-container-rtl .swiper-button-prev { background-image: url(../images/yatirim-next.jpg); right: -20px; left: auto }
.yatirimlarSlider .swiper-button-prev, .yatirimlarSlider .swiper-container-rtl .swiper-button-next { background-image: url(../images/yatirim-prev.jpg); left: -20px; right: auto }
#sanalCadir .baslik { position: relative; text-align: center; margin-top: 50px; margin-bottom: 30px }
#sanalCadir h2 { background-color: #fff; padding: 10px 50px; display: inline-block; margin: auto; z-index: 1; position: relative }
#sanalCadir .baslik:before { width: 100%; height: 2px; background: #36363c; content: ""; position: absolute; left: 0; top: 40px }
.cadirRow { width: 100%; height: 410px; position: relative; float: left; background: #18191b; border-bottom: 5px solid #18191b }
.cadirRow:nth-child(odd) .cadirGorsel { width: 60%; height: 410px; float: right }
.cadirRow:nth-child(even) .cadirGorsel { width: 60%; height: 410px; float: left; background-size: cover!important }
.cadirRow:nth-child(odd) .cadirDetay { width: 620px; height: 340px; border: 5px solid #dfd8c8; z-index: 2; margin-left: 275px; margin-top: 35px; position: absolute; box-sizing: border-box }
.cadirRow:nth-child(even) .cadirDetay { width: 620px; height: 340px; border: 5px solid #dfd8c8; z-index: 2; margin-right: 190px; float: right; margin-left: auto; right: 0; margin-top: 35px; position: absolute; box-sizing: border-box }
.cadirRow:nth-child(odd) .cadirICerik { float: left; margin-left: 25px; margin-top: 15px }
.cadirRow:nth-child(even) .cadirICerik { float: right; margin-right: 50px; margin-top: 15px }
.cadirICerik h3 { color: #e8ac08; font-size: 38px; letter-spacing: 1px; margin-bottom: 4px; font-family: 'Roboto Condensed', sans-serif; }
.cadirYer { font-size: 24px; color: #fff; line-height: 47px; letter-spacing: 1px; font-family: 'Roboto Condensed', sans-serif; }
.cadirKamp { font-size: 42px; color: #fff; line-height: 46px; font-style: italic; font-weight: 900; font-family: 'Roboto Condensed', sans-serif; }
.cadirAltKamp { font-size: 24px; color: #fff; margin-top: 5px; margin-bottom: 10px; font-weight: 600; font-family: 'Roboto Condensed', sans-serif; }
.firsatiYakala { width: 220px; height: 60px; background: #dfd8c8; display: block; float: left; text-align: center; line-height: 60px; font-size: 20px; color: #36363c; transition: all .2s ease-in-out; font-family: 'Roboto', sans-serif; font-weight: bold; }
.firsatiYakala img { margin-left: 5px; transition: all .2s ease-in-out }
.devamiTikla { width: 100%; float: left; position: relative; text-align: center; margin-top: 35px; margin-bottom: 60px }
.devamiTikla:before { width: 100%; height: 2px; background: #36363c; content: ""; position: absolute; left: 0; top: 30px; display: none }
.devamiIcinTikla { width: 315px; height: 60px; display: block; background: #212226; color: #fff; text-align: center; line-height: 60px; margin: auto; z-index: 2; position: relative; font-size: 24px; font-weight: bold; font-family: 'Roboto Condensed', sans-serif; transition: all .2s cubic-bezier(.42, 0, .21, .98) }
.devamiTikla:after { width: 365px; height: 60px; background: #fff; z-index: 1; position: absolute; content: ""; left: 50%; margin-left: -182px; top: 0 }
#haberDuyurular { width: 100%; float: left; background: #f7f7f7; padding-top: 30px; padding-bottom: 45px }
#haberDuyurular .swiper-container { height: auto }
#haberDuyurular h2 { margin-top: 0; margin-bottom: 30px }
#haberDuyurular .swiper-button-next, #haberDuyurular .swiper-button-prev { width: 40px!important; height: 40px!important; margin-top: -20px!important; background-size: 40px 40px!important }
#haberDuyurular .swiper-button-next, #haberDuyurular .swiper-container-rtl .swiper-button-prev { background-image: url(../images/yatirim-next.jpg); right: -20px; left: auto }
#haberDuyurular .swiper-button-prev, #haberDuyurular .swiper-container-rtl .swiper-button-next { background-image: url(../images/yatirim-prev.jpg); left: -20px; right: auto }
.haberGorsel { width: 100%; height: 500px; display: table; text-align: center; background-size: cover; background-position: center; border-bottom: 10px solid #36363c; box-sizing: border-box }
.ortala { display: table-cell; vertical-align: middle }
.haberGorsel a { width: 100%; height: 100% }
.haberGorsel img { transition: all ease-in-out .3s }
.haberGorsel a:hover img { transform: scale(1.1) }
.haberTarih { width: 100px; height: 120px; float: left; text-align: center; color: #fff; background: #36363c; box-sizing: border-box; padding: 20px 10px; font-size: 24px; font-family: 'Roboto Condensed', sans-serif; font-weight: bold; }
.haberTarih span { font-size: 55px; line-height: 53px }
.haberBaslik { float: left; margin-left: 25px; width: calc(100% - 125px); margin-top: 15px; height: 92px; overflow: hidden }
.haberBaslik h3 { color: #323232; font-size: 30px; line-height: 43px; font-family: 'Roboto', sans-serif; font-weight: 500; }
.haberBaslik span { font-family: 'Roboto', sans-serif; }
.tumHaberler { width: 260px; height: 60px; background: #dfd8c8; text-align: center; font-size: 24px; color: #242424; display: block; margin-top: 60px; font-family: 'Roboto Condensed', sans-serif; font-weight: bold; float: left; line-height: 60px; left: 50%; transition: all ease-in-out .3s; position: relative; margin-left: -130px; }
.tumHaberler:hover { background: #e0cc9f }
.tumHaberler img { margin-left: 10px }
#odullerimiz { margin-bottom: 100px }
#odullerimiz h2 { font-size: 30px; position: relative; margin-top: 90px; margin-bottom: 60px }
#odullerimiz h2:before { width: 80px; height: 50px; background: #b21e61; content: ""; position: absolute; z-index: -1; left: 50%; margin-left: -40px; top: -8px }
.odullerSlider .swiper-container { height: 180px }
.odullerimizSlider .swiper-slide { text-align: center }
.odullerimizSlider .swiper-slide img { -webkit-filter: grayscale(100%); filter: grayscale(100%); transition: all ease-in-out .3s; width: 75% }
.odullerimizSlider .swiper-slide img:hover { -webkit-filter: none; filter: none }
#altSliderBg { width: 100%; float: left; position: relative }
.altSlider { height: 555px }
.altSlider h2 { font-size: 70px; font-weight: 700; line-height: .5; text-align: left; text-shadow: 1.763px 2.427px 2.91px rgba(0,0,0,.82); -moz-transform: matrix( 1.00046944522226, 0, 0, 1.00025557381392, 0, 0); -webkit-transform: matrix( 1.00046944522226, 0, 0, 1.00025557381392, 0, 0); -ms-transform: matrix( 1.00046944522226, 0, 0, 1.00025557381392, 0, 0); margin-left: 8%; color: #fff; margin-top: 150px; margin-bottom: 40px; font-family: 'Roboto Condensed', sans-serif; }
.altSlider .swiper-slide { background-size: cover!important; background-position: center!important; height: 555px; }
.altSlider h3 { font-size: 28px; color: #fff; line-height: 1.333; text-align: left; text-shadow: 1.763px 2.427px 2.91px rgba(0,0,0,.004); -moz-transform: matrix( 1.00046944522226, 0, 0, 1.00025557381392, 0, 0); -webkit-transform: matrix( 1.00046944522226, 0, 0, 1.00025557381392, 0, 0); -ms-transform: matrix( 1.00046944522226, 0, 0, 1.00025557381392, 0, 0); margin-left: 8%; margin-bottom: 20px; font-family: 'Roboto', sans-serif; font-weight: 500; }
.simdiKesfet { width: 220px; height: 60px; background: #dfd8c8; text-align: center; line-height: 60px; color: #36363c; display: block; font-family: 'Roboto Condensed', sans-serif; font-weight: bold; margin-top: 30px; font-size: 16px; margin-left: 8%; transition: all ease-in-out .3s; }
.altSlider p { font-size: 22px; color: #fff; line-height: 28px; width: 33%; margin-left: 8%; font-family: 'Roboto', sans-serif; font-weight: 300; }
.mor { background: #641668; color: #fff }
#altSliderBg .swiper-pagination { width: 100%; margin-top: 19px }
#altSliderBg .swiper-pagination-bullet { background: #242424!important; opacity: .4!important; margin: 6px!important; width: 10px!important; height: 10px!important }
#altSliderBg .swiper-pagination-bullet-active { opacity: 1!important; background: #242424!important }
#sinpasevim { width: 100%; float: left; text-align: center }
#sinpasevim h2 { margin-top: 90px; margin-bottom: 10px }
#sinpasevim p { width: 74%; margin: auto; font-size: 24px; color: #36363c; line-height: 30px; font-family: 'Roboto', sans-serif; }
.sinpasevimCol { width: 25%; height: 450px; float: left; overflow: hidden; margin-top: 50px; border: 1px solid #fff; box-sizing: border-box; }
.sinpasevimCol img { width: 100%; -webkit-filter: grayscale(100%); filter: grayscale(100%); transition: all ease-in-out .5s }
.sinpasevimCol img:hover { -webkit-filter: none; filter: none; transform: scale(1.1) }
#sinpasHolding { margin-bottom: 100px }
#sinpasHolding h2 { font-size: 30px; position: relative; margin-top: 90px; margin-bottom: 20px }
#sinpasHolding h2:before { width: 80px; height: 50px; background: #b21e61; content: ""; position: absolute; z-index: -1; left: 50%; margin-left: -40px; top: -8px; animation-name: pembe; animation-duration: 2s; animation-delay: .5s }
.sinpasHolding .swiper-container { height: 180px }
.sinpasHolding .swiper-slide img { -webkit-filter: grayscale(100%); -ms-filter: grayscale(100%); filter: grayscale(100%); transition: all ease-in-out .3s }
.sinpasHolding .swiper-slide img:hover { -webkit-filter: none; filter: none }
.sinpasHolding .swiper-pagination { width: 100%; margin-top: 0 }
.sinpasHolding .swiper-pagination-bullet { background: #242424!important; opacity: .4!important; margin: 6px!important; width: 10px!important; height: 10px!important }
.sinpasHolding .swiper-pagination-bullet-active { opacity: 1!important; background: #242424!important }
.footer-container { width: 1600px; margin: auto; }
#footer { width: calc(100% - 35px); margin-left: 35px; float: left; background: #efefef; padding-top: 85px; position: relative; overflow: hidden; padding-bottom: 80px; }
.footerCol { float: left; margin-left: 60px; padding-left: 60px; box-sizing: border-box; min-height: 340px; border-left-width: 1px; border-style: solid; -webkit-border-image: -webkit-gradient(linear, 0 0, 0 100%, from(black), to(rgba(0,0,0,0))) 1 100%; -webkit-border-image: -webkit-linear-gradient(black, rgba(0,0,0,0)) 1 100%; -moz-border-image: -moz-linear-gradient(black, rgba(0,0,0,0)) 1 100%; -o-border-image: -o-linear-gradient(black, rgba(0,0,0,0)) 1 100%; border-image: linear-gradient(to bottom, #cacaca, rgba(0,0,0,0)) 1 100%; }
.footerCol:nth-child(1) { margin-left: 0; max-width: 260px; border-left: none; }
.footerCol h3 { font-size: 20px; color: #36363c; margin-bottom: 30px; }
.footerCol h3 a { font-size: 20px; color: #36363c; font-family: 'Roboto Condensed', sans-serif; }
.footerCol ul li { margin-bottom: 10px; font-family: 'Roboto', sans-serif; text-transform: capitalize }
.footerCol a { color: #242424; font-size: 14px; transition: all ease-in-out .3s; font-family: 'Roboto', sans-serif; }
.footerCol a:hover { text-decoration: underline; color: #980748 }
.sinpas-holding { width: calc(100% - 10px); float: left; margin-top: 75px; margin-left: 10px; margin-bottom: 10px; display: none; }
.footerTel { font-size: 40px!important; color: #36363c!important; margin-top: -25px; position: relative; display: block; font-family: 'Roboto Condensed', sans-serif; margin-bottom: 40px; font-weight: bold; }
.social a { display: block; margin-right: 7px; float: left; transition: all ease-in-out .3s }
.social a:hover { opacity: .7 }
#bottom { width: 100%; float: left; box-sizing: border-box; padding-left: 70px; padding-top: 10px; padding-bottom: 10px; padding-right: 35px; }
.copyright { float: left; font-size: 14px; color: #000; font-family: 'Roboto', sans-serif; line-height: 37px }
.footerLink { float: right; display: none }
.footerLink a { color: #000; font-size: 14px; padding: 10px 15px; font-family: 'Roboto', sans-serif; display: block; float: left; transition: all ease-in-out .3s }
.footerLink a:nth-child(1) { border-right: 2px solid #000 }
.footerLink a:hover { text-decoration: underline }
#footer:before { width: 20px; height: 320px; background: #36363c; position: absolute; content: ""; right: 0; top: 50%; margin-top: -160px; z-index: 9 }
@keyframes pembe {
from {
width:0
}
to {
width:80px
}
}
.hamburgerMenuBg { width: 100%; height: 100vh; position: fixed; z-index: 9999; background: #fff; box-sizing: border-box; display: none; top: 0 }
.hamburgerMenuBg.active { display: block }
.hContainer { width: 1235px; margin: auto }
.hamburgerMenuBg h2 { font-size: 30px; color: #36363c; margin-top: 70px; margin-bottom: 50px; float: left }
.cizgi { width: 100%; height: 1px; background: #242424; float: left }
.hMenuCol { float: left; margin-right: 95px; margin-top: 50px; margin-bottom: 10px; width: 24%; margin-right: 1% }
.hamburgerMenuBg .hMenuCol:last-child { margin-right: 0 }
.hMenuCol h3 { color: #242424; font-family: 'Roboto Condensed', sans-serif; font-size: 20px; margin-bottom: 30px }
.hMenuCol h3 a { color: #242424 }
.hMenuCol ul li { margin-bottom: 17px; width: 100%; display: inline-block }
.hMenuCol ul li a { color: #7d7d7d; font-size: 16px; font-family: 'Roboto Condensed', sans-serif; transition: all ease-in-out .3s }
.hMenuCol ul li a:hover { color: #000; text-decoration: underline }
.hMenuCol ul li a strong { font-family: 'Roboto Condensed', sans-serif; margin-bottom: 15px; float: left }
.ebulten { float: left; width: 500px }
.ebulten h2 { font-size: 30px; color: #36363c; font-family: 'Roboto Condensed', sans-serif; margin-top: 25px; margin-bottom: 20px }
.ebultenText { width: 100%; height: 60px; background: #36363c; font-size: 16px; padding-left: 50px; box-sizing: border-box; color: #fff }
.bultenBtn { background-image: url(../images/bultenBtn.png); width: 23px; height: 23px; background-size: 100%; margin-left: -54px; margin-right: 35px; position: relative; float: right; margin-top: -43px; background-color: transparent; cursor: pointer; }
.ebulten input[type=checkbox]:not(old)+label { font-size: 12px!important; color: #7d7d7d; line-height: 20px; font-family: 'Roboto', sans-serif; margin-top: 15px; background: url(../images/form/checks.png) no-repeat 0 0; padding-left: 25px }
.hamburgerMenuBg .ebulten input[type=checkbox]:not(old)+label { margin-top: 0px; }
.ebulten input[type=checkbox]:not(old):checked+label { background: url(../images/form/checks2.png) no-repeat 0 0 }
.takipEt { float: right }
.takipEt h2 { float: left; margin-top: 90px; margin-right: 30px }
.takipEt a { float: left; margin-right: 10px; margin-top: 90px; display: inline-block; transition: all ease-in-out .3s }
.takipEt a:last-child { margin-right: 0 }
.takipEt a:hover { opacity: .5 }
.overflow { overflow: hidden }
#akilliArama { width: 100%; padding: 60px 0 80px; float: left; background: #36363c; position: fixed; display: none; z-index: 999; top: 0 }
.akilliAramaFixed { top: 439px!important }
.akilliAramaContainer { width: 760px; margin: auto }
#akilliArama h2 { font-size: 30px; color: #fff; font-family: 'Roboto Condensed', sans-serif; margin-bottom: 20px }
#akilliArama p { font-size: 14px; color: #fff; font-family: 'Roboto', sans-serif; width: 100% }
.aramaTab { float: left; margin-top: 40px }
.aramaTab li { float: left; margin-right: 30px }
.aramaTab li:last-child { margin-right: 0 }
.aramaTab li a { width: 128px; height: 128px; display: block; background: #dfd8c8; text-align: center; color: #242424; box-sizing: border-box; padding: 15px 0; transition: all ease-in-out .3s; position: relative }
.aramaTab li a span { width: 100%; float: left; font-size: 16px; letter-spacing: 1px; margin-top: 10px }
.aramaTab li a:hover { background: #f5f5f5 }
.aramaTab li a.active { background: #f5f5f5 }
.aramaTab li a.active:before { border-color: #f5f5f5 transparent transparent transparent; content: ""; position: absolute; border-style: solid; border-width: 10px; width: 0; height: 0; bottom: -20px; z-index: 99; left: 50%; margin-left: -10px }
.aramaTabContainer { width: 100%; height: 40px; float: left; margin-top: 20px; position: relative }
.aramaTabContent { height: auto; padding: 0 10px 0 10px; background: #f5f5f5; float: left; position: absolute; display: none; min-height: 40px; }
.aramaTabContent:nth-child(2) { left: 158px }
.aramaTabContent:nth-child(3) { left: 316px }
.aramaTabContent:nth-child(4) { left: 474px; padding-left: 10px; }
.open { display: block }
.aramaTabContent input[type=checkbox]:not(old), .aramaTabContent input[type=radio]:not(old) { width: 0; margin: 0; padding: 0; opacity: 0; height: 1px; }
.aramaTabContent input[type=checkbox]:not(old)+label, .aramaTabContent input[type=radio]:not(old)+label { display: inline-block; padding-right: 0; background: 0 0; line-height: 40px; cursor: pointer; font-size: 16px; color: #242424; opacity: .5; padding-left: 10px !important; padding-right: 10px; }
.aramaTabContent input[type=checkbox]:not(old):checked+label, .aramaTabContent input[type=radio]:not(old):checked+label { opacity: 1; font-weight: bold; }
.filter-price { width: 220px; border: 0; padding: 0; margin: 0 }
.price-title { position: relative; color: #fff; font-size: 14px; line-height: 1.2em; font-weight: 400; margin-top: 8px; }
.price-field { position: relative; width: 100%; height: 10px; box-sizing: border-box; background: 0 0; padding-top: 0; padding-left: 0; border-radius: 3px; margin-top: 8px }
.price-field input[type=range] { position: relative }
.price-field input[type=range] { width: 110px; height: 3px; border: 0; outline: 0; box-sizing: border-box; border-radius: 5px; pointer-events: none; -webkit-appearance: none; background: #b0aead }
.price-field input[type=range]::-webkit-slider-thumb {
-webkit-appearance:none
}
.price-field input[type=range]:active, .price-field input[type=range]:focus { outline: 0 }
.price-field input[type=range]::-ms-track {
width:188px;
height:2px;
border:0;
outline:0;
box-sizing:border-box;
border-radius:5px;
pointer-events:none;
background:0 0;
border-color:transparent;
color:#dfd8c8;
border-radius:5px
}
.price-field input[type=range]::-webkit-slider-thumb {
position:relative;
-webkit-appearance:none;
margin:0;
border:0;
outline:0;
border-radius:50%;
height:13px;
width:14px;
margin-top:-4px;
background:url(../images/range.png);
cursor:pointer;
cursor:pointer;
pointer-events:all;
z-index:100
}
.price-field input[type=range]::-moz-range-thumb {
position:relative;
appearance:none;
margin:0;
border:0;
outline:0;
border-radius:50%;
height:13px;
width:14px;
margin-top:-4px;
background:url(../images/range.png);
cursor:pointer;
cursor:pointer;
pointer-events:all;
z-index:100
}
.price-field input[type=range]::-ms-thumb {
position:relative;
appearance:none;
margin:0;
border:0;
outline:0;
border-radius:50%;
height:13px;
width:14px;
margin-top:-4px;
background:url(../images/range.png);
cursor:pointer;
cursor:pointer;
pointer-events:all;
z-index:100
}
.price-field input[type=range]::-webkit-slider-runnable-track {
width:188px;
height:6px;
cursor:pointer;
border-radius:10px;
background-color:#c1bfbe;
box-shadow:inset 0 2px 3px 0 rgba(0,0,0,.2)
}
.price-field input[type=range]::-moz-range-track {
width:188px;
height:6px;
cursor:pointer;
border-radius:10px;
background-color:#c1bfbe;
box-shadow:inset 0 2px 3px 0 rgba(0,0,0,.2)
}
.price-field input[type=range]::-ms-track {
width:188px;
height:6px;
cursor:pointer;
border-radius:10px;
background-color:#c1bfbe;
box-shadow:inset 0 2px 3px 0 rgba(0,0,0,.2)
}
.price-wrap { display: none; justify-content: center; color: #34333a; font-size: 14px; line-height: 1.2em; font-weight: 400; margin-bottom: 7px; margin-top: 1px }
.price-wrap-1, .price-wrap-2 { display: flex; opacity: .5 }
.price-title { margin-right: 5px; backgrund: #d58e32 }
.price-wrap_line { margin: 5px 10px 0 }
.price-wrap #one, .price-wrap #two { width: 65px; text-align: right; margin: 0; padding: 0; margin-right: 5px; background: 0; border: 0; outline: 0; color: #242424; font-family: 'Roboto', sans-serif; font-size: 13px; line-height: normal; font-weight: 400; margin-top: 4px; letter-spacing: 1px }
.price-wrap label { text-align: right; font-size: 13px; color: #242424; margin-top: 5px; line-height: normal; font-family: 'Roboto', sans-serif; letter-spacing: 1px }
.price-field input[type=range]:hover::-webkit-slider-thumb {
box-shadow:0 0 0 .5px #fff;
transition-duration:.3s
}
.price-field input[type=range]:active::-webkit-slider-thumb {
box-shadow:0 0 0 .5px #fff;
transition-duration:.3s
}
.araBtn { width: 90px; height: 50px; background-color: #dfd8c8; margin-left: 30px; margin-top: 118px; padding-left: 25px; cursor: pointer; transition: all ease-in-out .3s; font-size: 14px; color: #36363c; font-family: 'Roboto Condensed', sans-serif; font-weight: bold; background-image: url(../images/araBtn.png); background-repeat: no-repeat; background-position: left center }
.araBtn:hover { background-color: #fff }
.aramaKapat { position: absolute; top: 70px; right: 70px; cursor: pointer }
#iletisimFormu { width: 100%; float: left; position: fixed; padding: 70px 0 55px; background: #fff; display: none; z-index: 9999; top: 0; box-sizing: border-box; max-height: 480px; }
.iletisimFormuFixed { top: 469px!important }
.iletisimFormuContainer { width: 950px; margin: auto }
#iletisimFormu h2 { font-size: 30px; color: #36363c; letter-spacing: 1px; margin-bottom: 15px; font-family: 'Roboto Condensed', sans-serif; }
#iletisimFormu p { font-size: 16px !important; color: #242424; font-weight: 400; margin-bottom: 40px; font-family: 'Roboto', sans-serif; }
#iletisimFormu ul li { width: calc(33.3% - 50px); margin-right: 50px; float: left; margin-bottom: 20px; position: relative; }
#iletisimFormu ul li:last-child { width: 100%; float: left; margin-right: 0 }
#iletisimFormu ul li span { font-size: 14px; color: #242424; font-family: 'Roboto Condensed', sans-serif; width: 100%; float: left; margin-bottom: 10px; letter-spacing: 0px; }
.iSelect, .iFormText { width: 100%; height: 50px; background: #e3e3e3; padding-left: 20px; box-sizing: border-box; border: none; color: #242424; font-size: 14px; font-family: 'Roboto', sans-serif; }
.iSelect { background-image: url(../images/select-arrow.png); background-repeat: no-repeat; background-position: right center; -webkit-appearance: none; -moz-appearance: none; appearance: none }
#iletisimFormu input[type=checkbox]:not(old), #iletisimFormu input[type=radio]:not(old) { width: 0 }
#iletisimFormu input[type=checkbox]:not(old)+label, #iletisimFormu input[type=radio]:not(old)+label { display: inline-block; padding-left: 22px; background: url(../images/form/checks.png) no-repeat 0 0; line-height: 17px; cursor: pointer; font-size: 14px; color: #242424; font-family: 'Roboto', sans-serif; font-weight: 300; }
#iletisimFormu input[type=checkbox]:not(old):checked+label, #iletisimFormu input[type=radio]:not(old):checked+label { background: url(../images/form/checks2.png) no-repeat 0 0 }
#iletisimFormCol input[type=checkbox]:not(old):checked+label, #iletisimFormCol input[type=radio]:not(old):checked+label { background: url(../images/form/checks2.png) no-repeat 0 0 }
#iletisimFormu a { color: #242424; text-decoration: underline }
.yurtSelect { width: 85px; height: 50px; border: none; border-left: 7px solid #36363c; float: left; margin-top: 27px; background: #e3e3e3; padding-left: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; margin-right: 20px }
.iBtn { width: 160px; height: 50px; float: left; margin-top: 27px; color: #fff; background: #36363c; font-size: 14px; font-family: 'Roboto Condensed', sans-serif; font-weight: bold; cursor: pointer; transition: all ease-in-out .3s }
.iBtn:hover { background: #bc2066 }
.kapat2 { position: absolute; top: 50px; right: 70px; cursor: pointer }
#iletisimFormuDevam { width: 100%; float: left; background: #fff; display: none; position: fixed; top: 0; z-index: 999 }
.iletisimFormDevamFixed { top: 80px!important }
#iletisimFormuDevam h2 { font-size: 30px; color: #000; line-height: 1px; line-height: 60px; margin-top: 10px; margin-bottom: 10px; margin-right: 170px; float: left }
.devamEt { width: 320px; height: 60px; float: left; margin-top: 10px; background: #36363c; color: #fff; font-size: 14px; font-family: 'Roboto Condensed', sans-serif; font-weight: bold; line-height: 60px; cursor: pointer }
.devamEt img { float: left }
.devamKapat { float: right; cursor: pointer; margin-top: 25px }
.devamKapat img { float: right; margin-left: 15px }
.devamKapat span { font-size: 14px; color: #000; font-family: 'Roboto Condensed', sans-serif; font-weight: bold; line-height: 24px }
#bilgilendirme { position: fixed; z-index: 99; right: 0; height: 300px; top: 50%; margin-top: -150px }
.bilgilendirmeBtn { cursor: pointer; right: 0; transition: all ease-in-out .3s; position: absolute; width: 56px }
.bilgilendirmeBtn.close { right: -56px }
.bilgilendirmeContent { width: 210px; height: 270px; right: 0; background: #fff; border-right: 2px solid #242424; position: absolute; transition: all ease-in-out .3s; padding: 20px 25px 15px 20px; text-align: center; box-sizing: border-box }
.bilgilendirmeContent.close { right: -250px }
.bilgilendirmeContent h3 { color: #242424; font-size: 14px; line-height: 20px; font-family: 'Roboto Condensed', sans-serif; margin-bottom: 10px; }
.bilgilendirmeContent p { font-size: 14px; margin-top: 10px; line-height: 22px; font-family: 'Roboto', sans-serif; color: #242424; }
.iletisimeGec { width: 100%; height: 50px; line-height: 50px; background: #36363c; color: #fff; text-align: center; margin-top: 10px; font-family: 'Roboto Condensed', sans-serif; font-weight: bold; font-size: 14px; letter-spacing: .3px; cursor: pointer; transition: all ease-in-out .3s }
.iletisimeGec:hover { background: #b21e61 }
.bilgiKapat { position: absolute; background: #36363c; width: 30px; height: 30px; left: -30px; top: 0; box-sizing: border-box; padding-top: 8px; cursor: pointer; transition: all ease-in-out .3s }
.bilgiKapat:hover { background: #000 }
.cookie { width: 100%; float: left; position: fixed; bottom: 0; left: 0; background: #bc2066; padding: 15px 50px; z-index: 99; box-sizing: border-box; box-shadow: 0px -5px 20px rgba(0, 0, 0, 0.5); }
.cookieContainer { width: 100%; margin: auto; }
.cookie p { line-height: 50px; width: calc(100% - 210px); float: left; margin-bottom: 0; font-size: 14px; font-family: 'Roboto', sans-serif; font-weight: 300; color: #fff; letter-spacing: .7px; }
.cookie p a { text-decoration: underline; font-family: 'Roboto', sans-serif; font-weight: 600; color: #fff }
.tamam { width: 170px; height: 45px; float: left; margin-left: 40px; background: #dfd8c8; color: #000; line-height: 45px; text-align: center; cursor: pointer; margin-top: 0px; font-size: 14px; font-family: 'Roboto Condensed', sans-serif; font-weight: bold; }
#top { position: fixed; cursor: pointer; top: auto; bottom: 50px; right: 70px; width: 35px; height: 35px; background: #36363c; transition: all ease-in-out .3s; padding-top: 6px; box-sizing: border-box; text-align: center; z-index: 9 }
#top:hover { background: #980748 }
.menuKapat { float: right; cursor: pointer; margin-top: 70px }
.banner { width: 100%; height: 150px; float: left; background-color: #efefef; text-align: center; background-size: cover; background-position: center; font-family: 'Roboto Condensed', sans-serif; display: table; position: relative; background-image: none !important; }
.banner:before { width: 100%; height: 100%; content: ""; top: 0; left: 0; position: absolute; background-image: url(../images/banner-shadow.png); background-size: 100% 100%; background-position: center; z-index: 0; display: none; }
.hizalaBottom { vertical-align: bottom; text-align: left; display: table-cell; position: relative }
.banner h2 { color: #36363c; font-size: 46px; letter-spacing: .3px; text-align: center; margin-left: 0px; margin-bottom: 15px; margin-top: 25px; font-family: 'Roboto Condensed', sans-serif; text-transform: uppercase; }
.breadcrumb { width: 100%; float: left; margin-bottom: 30px; margin-left: 0px; text-align: center; }
.breadcrumb a { color: #36363c; font-size: 16px; line-height: 16px; display: inline-block; float: none; font-family: 'Roboto', sans-serif; letter-spacing: .3px; }
.breadcrumb img { float: none; margin: 0 10px; display: inline-block; position: relative; top: 1px; width: 6px; }
.content { width: 100%; float: left; padding: 65px 0 80px; position: relative }
.contentContainer { width: 1260px; margin: 0 auto }
.sidebar { width: 320px; float: left; margin-right: 35px; background: #efefef; padding: 35px; box-sizing: border-box }
.kurumsalIcerik { width: calc(100% - 355px); float: left; font-size: 16px; line-height: 24px; }
.kurumsalIcerik h1 { min-width: 380px; height: 50px; line-height: 50px; color: #fff; padding: 0 50px; box-sizing: border-box; float: left; background: #36363c; font-size: 28px; font-family: 'Roboto Condensed', sans-serif; margin-bottom: 35px; text-align: center; display: none; }
.kurumsalIcerik p { color: #141414; font-size: 16px; letter-spacing: 0px; line-height: 24px; font-family: 'Roboto', sans-serif; margin-bottom: 15px; text-align: justify }
.sidebar h3 { font-size: 17px; color: #36363c; font-family: 'Roboto Condensed', sans-serif; }
.sidebar h3 a { color: #36363c }
.sidebar ul { margin-top: 15px }
.sidebar ul li { width: 100%; float: left; margin-bottom: 25px; position: relative }
.sidebar ul li:last-child { margin-bottom: 0 }
.sidebar ul li a { color: #36363c; font-size: 16px; letter-spacing: 0px; font-family: 'Roboto', sans-serif; float: left; display: block; position: relative }
.sidebar ul li a:before { content: ""; position: absolute; width: 0; height: 1px; background: #36363c; bottom: -2px; transition: all ease-in-out .3s }
.sidebar ul li a.active:before { content: ""; position: absolute; width: 100%; height: 1px; background: #36363c; bottom: -2px }
.sidebar ul li a:hover:before { width: 100% }
.icerik-baslik { width: 100%; float: left }
.kurumsalIcerik h2 { font-size: 22px; color: #141414; font-family: 'Roboto Condensed', sans-serif; letter-spacing: .3px; margin-bottom: 15px }
.mt60 { margin-top: 60px }
.kurumsalIcerik p a { text-decoration: underline; color: #141414 }
.projelerContent { width: 100%; float: left; padding: 40px 0 145px }
.projeListContainer { width: 1070px; margin: auto; text-align: center }
.projeListContainer h1 { color: #242424; font-size: 50px; text-transform: uppercase; font-family: 'Roboto Condensed', sans-serif; margin-bottom: 35px; display: none; }
.projeListContainer p { color: #141414; font-size: 14px; line-height: 30px; letter-spacing: .3px; font-family: 'Roboto', sans-serif; margin-bottom: 70px }
.projeMenu .projeTab li a {width: auto;height: 50px;display: block;background-color: #4c4c52;text-align: center;color: #fff;box-sizing: border-box;padding: 0;transition: all ease-in-out .3s;font-family: 'Roboto Condensed', sans-serif;font-weight: bold;position: relative;font-size: 14px;line-height: 50px;text-transform: uppercase;padding: 0px 20px;float: left;}
.projeMenu .projeTab li:nth-child(4) a {width: auto;}
.projeMenu .projeTab li:nth-child(1) a {width: auto;}
.projeMenu .projeTab { margin: auto; margin-top: 0; display: inline-block; float: none; width: 100%; text-align: center }
.projeMenu .projeTab li { margin-right: 8px; float: none; display: inline-block }
.projeMenu .projeTab li a.active, .projeMenu .projeTab li a:hover { background-color: #bc2066 }
.projeMenu .projeTab li a:before { width: 0; height: 5px; content: ""; position: absolute; bottom: 0; left: 0; background: #55555e; transition: all ease-in-out .3s; display: none; }
.projeMenu .projeTab li a.active:before { width: 100%; height: 5px; content: ""; position: absolute; bottom: 0; left: 0; background: #55555e; display: none; }
.projeMenu .projeTab li a:hover:before { width: 100%; display: none; }
.projeMenu { position: relative }
.projeMenu .aramaTabContent { left: 32px; position: absolute; margin-top: 10px; display: block!important; }
.sHaberDevam a { color: #36363c; }
.ilSec { background-image: url(../images/arrow-beyaz.png); background-position: right center; background-repeat: no-repeat }
.projeList { width: 100%; float: left; margin-top: 60px }
.projeListCol { width: calc(33.3% - 30px); position: relative; margin: 15px; float: left; background-size: cover; background-position: center; height: 450px; display: table }
.projeListBaslikBg { width: 100%; float: left; background: -moz-linear-gradient(top, rgba(35,35,35,0) 0%, rgba(35,35,35,1) 100%); background: -webkit-linear-gradient(top, rgba(35,35,35,0.3) 0%, rgba(35,35,35,1) 100%); background: linear-gradient(to bottom, rgba(35,35,35,0.30) 0%, rgb(35,35,35) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00232323', endColorstr='#232323', GradientType=0 );
box-sizing: border-box; padding: 10px 10px 10px 25px; color: #fff }
.projeListBaslikBg h3 { font-size: 26px; font-family: 'Roboto Condensed', sans-serif; font-weight: 300 }
.projeListBaslikBg h2 { font-family: 'Roboto Condensed', sans-serif; font-weight: bold; font-size: 28px }
.projeListBaslikBottom { width: 100%; float: left }
.projeListLok { float: left; margin-top: 10px }
.projeListLok img { float: left }
.projeListLok span { font-size: 18px; text-transform: uppercase; font-family: 'Roboto Condensed', sans-serif; line-height: 23px; margin-left: 15px }
.projeIncele { float: right }
.projeIncele a { width: 90px; height: 35px; color: #000; background: #efefef; display: block; text-align: center; line-height: 37px; font-weight: bold; font-size: 14px; font-family: 'Roboto Condensed', sans-serif; transition: all ease-in-out .3s }
.projeIncele a:hover { background: #dfd8c8 }
.lokasyon-page { display: none; height: 930px; width: 100%; margin-top: 70px; float: left; position: relative; overflow: hidden }
.location-btn-bar { width: 20%; float: left; min-height: 600px; background: #3f3f3f; display: table }
.ortala { vertical-align: middle; display: table-cell }
.lokasyon-page.open { display: table; float: left; text-align: center; position: relative; padding-bottom: 50px }
.lokasyon-vertical { display: table-cell; vertical-align: middle; height: 100%; width: 100% }
#lokasyonstyled, #lokasyonstyled2 { width: 100%; height: 100%; display: inline-block; float: left }
.pd-lokasyon { width: calc(100% - 550px); float: left; display: inline-block }
#marker-tooltip { position: absolute; z-index: 22; font-family: 'Roboto', sans-serif; padding: 0 20px; margin-left: -50px; background: #836727; color: #fff }
.map { width: 100%; height: 100%; position: relative }
.iletisimMapCol .map { height: 400px }
.map-container { width: 100%; height: 100% }
#lokasyonlar li { float: left; margin: 0 15px; line-height: 40px }
#lokasyonlar li a { line-height: 40px; cursor: pointer; font-size: 16px; color: #242424; opacity: .5 }
#lokasyonlar li a.active { opacity: 1 }
#projeLok { left: auto; right: 15px; }
.breadcrumb.siyah { width: calc(100% - 118px); float: left; margin-bottom: 15px; margin-left: 0; margin-top: 15px; text-align: left; }
.breadcrumb.siyah a { color: #242424 }
.projeDetayBanner { width: 100%; height: 800px; background-size: cover!important; background-position: center!important; float: left; position: relative; border-bottom: 2px solid #dfd8c8 }
.projeDetayBannerSol:before { width: 100%; height: 60%; content: ""; position: absolute; bottom: 0; left: 0; background: rgba(0,0,0,0); background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,1))); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
}
.projeDetayBannerSol { width: calc(100% - 630px); height: 100%; float: left; position: relative; display: table; background-size: cover !important; background-position: center !important; }
.projeDetayBannerSag { width: 630px; height: 100%; float: left; background: #f7f7f7; position: relative; padding: 30px; box-sizing: border-box; }
.projeDetayBannerSag h1 { color: #000; font-size: 40px; font-family: 'Roboto Condensed', sans-serif; letter-spacing: 0px; margin-bottom: 10px }
.projeDetayAdres, .projeDetayAciklama { width: 100%; float: left; font-size: 14px; line-height: 24px; letter-spacing: 0px; color: #242424; font-family: 'Roboto', sans-serif; }
.projeDetayAdres img { float: left; margin-top: 5px }
.projeDetayAdres span { float: left; margin-left: 15px }
.projeDetayMap { width: 100%; height: 240px; float: left; margin-top: 20px; margin-bottom: 20px; border: 1px solid #ccc; }
.projeDetayAciklama p { margin-bottom: 20px }
.projeDetaySurec { width: 100%; float: left; margin-top: 0; display: none; }
.projeDetaySurec ul li { width: calc(25% - 10px); margin: 5px; float: left; text-align: center }
.projeDetaySurec ul li span { color: #36363c; font-size: 16px; font-family: 'Roboto Condensed', sans-serif; font-weight: bold; margin-bottom: 10px; width: 100%; float: inherit }
.pasif { opacity: .5 }
.formuDoldur { width: 170px; height: 50px; line-height: 50px; color: #fff; text-align: center; display: block; cursor: pointer; font-family: 'Roboto Condensed', sans-serif; font-weight: bold; font-size: 14px; background: #36363c; float: left; margin-top: 25px }
.projeDetayBaslik { width: 47%; float: left; margin-left: 85px; color: #fff; margin-bottom: 50px; }
.projeDetayBaslik h2 { font-size: 50px; line-height: 50px; font-family: 'Roboto Condensed', sans-serif; }
.projeDetayBaslik h2 span { font-size: 30px; width: 100%; display: none; }
.projeDetayBaslik p { font-size: 16px; line-height: 26px; font-family: 'Roboto', sans-serif; letter-spacing: .3px; margin-top: 20px }
.projDetayVideo { float: right; position: absolute; right: 35px; bottom: 40px }
.projDetayVideo a { color: #fff; font-size: 20px; font-family: 'Roboto Condensed', sans-serif; font-weight: bold; }
.projDetayVideo span { float: left; margin-right: 15px; line-height: 45px; transition: all ease-in-out .3s }
.projDetayVideo img { float: left; transition: all ease-in-out .3s }
.projDetayVideo a:hover span { transform: scale(.9) }
.projDetayVideo a:hover img { transform: scale(1.1) }
.projeDetayContent { width: 100%; float: left }
.projeDetayUstBaslik { width: 100%; float: left; text-align: center; padding: 80px 0 60px }
.projeDetayUstBaslik h3 { font-size: 38px; color: #242424; letter-spacing: .3px; font-family: 'Roboto Condensed', sans-serif; margin-bottom: 10px; }
.projeDetayUstBaslik p { color: #141414; font-size: 26px; font-family: 'Roboto', sans-serif; text-transform: uppercase; }
.projeDetaySliderBg { width: 100%; height: 815px; float: left; position: relative; margin-bottom: 60px }
.projeDetaySliderBg .swiper-slide { height: 815px; }
.projeDetaySliderSol { width: 630px; height: 100%; background: #36363c; float: left; padding: 60px 45px; box-sizing: border-box; color: #fff }
.projeDetaySliderSol h3 { font-size: 40px; line-height: 50px; font-family: 'Roboto Condensed', sans-serif; margin-bottom: 40px; position: relative }
.projeDetaySliderSol h3:before { content: ""; position: absolute; width: 40px; height: 2px; background: #fff; left: 0; bottom: -20px }
.projeDetaySliderSol p { font-size: 16px; line-height: 24px; letter-spacing: 0px; font-family: 'Roboto Condensed', sans-serif; text-align: justify; margin-bottom: 20px }
.projeDetaySliderSol ul { margin-top: 40px }
.projeDetaySliderSol ul li { width: 50%; float: left; color: #fff; font-size: 14px; margin-bottom: 15px; font-family: 'Roboto', sans-serif; position: relative; padding-left: 25px; box-sizing: border-box }
.projeDetaySliderSol ul li:before { content: ""; position: absolute; width: 10px; height: 10px; background: url(../images/okList.png); background-size: 100%; left: 0; top: 4px }
.projeDetaySlider { width: calc(100% - 630px); float: left; height: 100% }
.projeDetaySlider .swiper-container { height: 100% }
.projeDetaySlider .swiper-pagination-bullet { width: 10px; height: 10px; border: 3px solid #fff; display: inline-block; border-radius: 100%; background: #fff; opacity: 1; margin-bottom: 10px!important }
.projeDetaySlider .swiper-pagination-bullet-active { opacity: 1; background: #36363c }
.projeGorselleriBg { width: 100%; float: left }
.projeGorselleriBg h3 { margin-top: 20px; margin-bottom: 30px; text-align: center; font-size: 50px; color: #242424; font-family: 'Roboto Condensed', sans-serif; }
.projeGorselleriBg .projeMenu .projeTab li:last-child a { width: 170px }
.projeGorselleriBg .projeMenu { width: 100%; margin: auto; margin-bottom: 130px; text-align: center; }
.projeGorselleriBg .projeTab { width: auto; }
.projeGorselTabContent { width: 100%; float: left; display: none; height: 690px; margin-bottom: 120px }
.projeGorselTabContent.open { display: block }
.projeGoselContainer { width: 1295px; height: 835px; margin: auto; margin-top: -100px; position: relative; background: #fff; overflow: hidden; }
.projeGoselContainer a:nth-child(1), .projeGoselContainer a:nth-child(3), .projeGoselContainer a:nth-child(4) { width: 50%; height: 33.3%; border: 2px solid #fff; box-sizing: border-box; display: inline-block; background-size: cover; background-position: center; position: relative; margin: 0 }
.projeGoselContainer a:nth-child(2) { width: 50%; height: 100%; position: relative; border: 2px solid #fff; box-sizing: border-box; display: inline-block; background-size: cover; background-position: center; margin: 0; float: right }
.projeGoselContainer a:before { width: 100%; height: 100%; content: ""; position: absolute; background: rgba(0,0,0,.4); transition: all ease-in-out .3s }
.projeGoselContainer a:hover:before { opacity: 0 }
.sinpasEkoBg { width: 100%; height: 300px; background: #f6f6f6; padding: 80px 0; float: left; box-sizing: border-box }
.sinpasEkoContainer { width: 1295px; margin: auto }
.sinpasEkoBaslik { width: 265px; float: left; margin-right: 140px }
.sinpasEkoBaslik h3 { color: #242424; font-size: 50px; font-family: 'Roboto Condensed', sans-serif; margin-bottom: 10px }
.sinpasEkoBaslik p { font-size: 24px; color: #242424; font-family: 'Roboto', sans-serif; }
.krediHesaplama { float: left; width: calc(100% - 405px); position: relative }
.kkBaslik { width: 128px; height: 128px; background: #dedede; text-align: center; padding: 10px; box-sizing: border-box; color: #242424; display: table; float: left }
.kkBaslik span { width: 100%; float: left; margin-top: 20px; font-size: 17px; letter-spacing: .3px }
.krediText, .krediSelect { width: 286px; height: 49px; background: #fff; float: left; margin: 0 0 30px 30px; box-sizing: border-box; padding-left: 20px; color: #36363c; font-size: 14px; font-family: 'Roboto Condensed', sans-serif; font-weight: 300; border: none }
.kForm { width: calc(100% - 130px); float: left }
.krediBtn { background: #36363c; color: #fff; width: 286px; height: 49px; float: left; margin: 0 0 0 30px; font-size: 23px; font-family: 'Roboto Condensed', sans-serif; font-weight: bold; cursor: pointer }
.projeDetayFooter { width: calc(100% - 37px); margin-left: 35px; float: left; padding: 85px 0 90px }
.projeEbulten { width: 750px; float: left }
.projeEbulten h3 { font-size: 44px; color: #242424; font-family: 'Roboto Condensed', sans-serif; float: left; padding-right: 25px; position: relative; line-height: 80px }
.projeEbulten h3:before { content: ""; position: absolute; width: 80px; height: 80px; right: 0; top: 0; background: #b21e61; z-index: -1 }
.projeEbultenText { width: 500px; height: 60px; float: left; border-bottom: 1px solid #242424; border-right: 1px solid #242424; box-sizing: border-box; padding-left: 40px; margin-top: 20px }
.ebultenBtn { background-image: url(../images/ebultenOk.png); width: 23px; height: 23px; background-size: 100%; margin-left: -100px; margin-right: 20px; position: relative; float: right; margin-top: 40px; background-color: transparent; cursor: pointer }
.ebultenIzin { width: calc(100% - 165px); float: left; margin-left: 165px; margin-top: 0px }
.ebultenIzin a { color: #b21e61 }
.ebultenIzin input[type=checkbox]:not(old)+label, .ebultenIzin input[type=radio]:not(old)+label { display: inline-block; padding-left: 25px; font-size: 14px; color: #7d7d7d; line-height: 20px; font-family: 'Roboto Condensed', sans-serif; }
.yorumBaslik { width: 210px; float: left }
.projeYorumlar { float: left; margin-left: 130px; width: calc(100% - 880px) }
.projeYorumlar h3 { font-size: 48px; color: #242424; font-family: 'Roboto Condensed', sans-serif; line-height: 48px; margin-top: 15px }
.yorumGorsel { width: 150px; height: 150px; border-radius: 50%; border: 3px solid #242424; box-sizing: border-box; float: left; margin-left: 75px; background-size: cover; background-position: center; }
.projeYorumSlider { float: left; width: calc(100% - 210px); height: 180px }
.yorumlar { float: left; margin-left: 60px; width: 350px; text-align: center }
.yorumlar h4 { font-size: 20px; color: #242424; font-family: 'Roboto Condensed', sans-serif; line-height: 36px; margin-bottom: 10px; }
.yorumlar p { font-size: 14px; line-height: 24px; color: #7d7d7d; font-family: 'Roboto', sans-serif; }
.basindaSinpasBg { width: 100%; float: left }
.basindaSinpasCol { width: calc(33.3% - 20px); margin: 10px; float: left; margin-bottom: 40px }
.basindaSinpasGorsel { width: 100%; height: 345px; background-size: cover; background-position: center; box-shadow: 0 3px 7px 0 rgba(0,0,0,.35); transition: all ease-in-out .3s }
.basindaSinpasGorsel a { width: 100%; height: 100%; display: block }
.basindaSinpasGorsel:hover { box-shadow: 0 3px 10px 0 rgba(0,0,0,.7) }
.basindaSinpasIcerik { width: 100%; padding: 15px; box-sizing: border-box; text-align: center }
.basindaSinpasTarih { width: 100%; float: left; font-size: 14px; color: #36363c; font-family: 'Roboto', sans-serif; font-weight: 300; margin-bottom: 7px; }
.basindaSinpasBaslik { width: 100%; float: left; font-size: 18px; color: #36363c; font-family: 'Roboto Condensed', sans-serif; font-weight: bold; margin-bottom: 15px; position: relative }
.basindaSinpasBaslik:before { content: ""; position: absolute; width: 60px; height: 1px; background: #000; left: 50%; bottom: -7px; margin-left: -30px }
.basindaSinpasAltBaslik { width: 100%; float: left; font-size: 16px; color: #36363c; font-family: 'Roboto Condensed', sans-serif; font-weight: bold; position: relative }
.roportajlarBg { width: 100%; float: left; position: relative }
.roportajCol { width: calc(33.3% - 20px); min-height: 335px; margin: 10px; float: left; margin-bottom: 20px }
.videoKapak { width: calc(50% - 20px); margin: 10px }
.videoTitle { font-size: 15px; color: #000; font-family: 'Roboto Condensed', sans-serif; font-weight: bold; margin-top: 12px; margin-bottom: 12px; height: 36px; overflow: hidden; text-transform: capitalize }
.videoKapak .videoTitle { font-size: 16px; color: #000; font-family: 'Roboto Condensed', sans-serif; font-weight: bold; margin-top: 15px; margin-bottom: 15px; height: auto; min-height: 48px; }
.videoAciklama { font-size: 14px; color: #36363c; font-family: 'Roboto', sans-serif; display: none; width: 100%; margin-bottom: 30px }
.videoKapak .videoAciklama { display: block }
.goruntuYorum { color: #838383; display: none; font-size: 14px; font-family: 'Roboto', sans-serif; width: 100%; float: left; line-height: 11px }
.videoGoruntu { float: left }
.videoGoruntu img { float: left; margin-right: 10px }
.videoYorum { float: right }
.videoYorum img { float: left; margin-right: 10px }
.roportajCol a { width: 100%; height: auto; display: inline-block; text-align: center; position: relative }
.videoPlay { position: absolute; left: 50%; top: 50%; width: 40px; margin-left: -20px; margin-top: -20px; transition: all ease-in-out .3s }
.videoKapak .videoPlay { position: absolute; left: 50%; top: 50%; width: 50px; margin-left: -25px; margin-top: -25px; transition: all ease-in-out .3s }
.roportajCol a:hover .videoPlay { transform: scale(1.1) }
.basinOdasiIcerik h1 { margin-left: 10px }
.basinBulteniBg { width: 100%; float: left }
.basinBulteniBg a { width: 33.3%; height: 300px; display: table; float: left; background: #f8f8f8; text-align: center; padding: 40px; box-sizing: border-box; color: #36363c; transition: all ease-in-out .3s; font-family: 'Roboto', sans-serif; }
.basinBulteniBg a:hover { color: #fff; background: #36363c }
.basinBulteniBg a:hover .downSiyah { display: none }
.basinBulteniBg a:hover .downBeyaz { display: inline-block }
.bultenAdi { font-size: 18px; margin-bottom: 10px; height: 96px; font-family: 'Roboto Condensed', sans-serif; overflow: hidden; text-transform: capitalize }
.downBeyaz { display: none }
.bultenTarih { font-size: 28px; font-family: 'Roboto Condensed', sans-serif; font-weight: bold; margin-bottom: 15px; text-transform: uppercase }
.sinpasHaberCol { width: calc(50% - 25px); float: left; margin-bottom: 45px }
.sinpasHaberCol:nth-child(even) { margin-left: 25px }
.sinpasHaberCol:nth-child(odd) { margin-right: 25px }
.shaberGorsel { width: 100%; height: 245px; float: left; background-size: cover; background-position: center; display: table; text-align: center; border-bottom: 3px solid #36363c; box-sizing: border-box }
.shaberGorsel img { display: none; width: 50px; transition: all ease-in-out .3s }
.shaberGorsel.video img { display: inline-block }
.shaberGorsel:hover img { transform: scale(1.1) }
.sHaberIcerik { width: 100%; float: left }
.sHaberTop { width: 100%; float: left }
.sHaberTarih { width: 50px; height: 60px; color: #fff; background: #36363c; text-align: center; box-sizing: border-box; padding-top: 5px; font-family: 'Roboto Condensed', sans-serif; font-weight: bold; font-size: 24px; float: left; line-height: 20px; margin-right: 10px }
.sHaberTarih span { font-size: 12px; line-height: 16px; }
.sHaberBaslik { color: #000; font-size: 16px; line-height: 20px; padding-top: 8px; height: 60px; overflow: hidden; font-family: 'Roboto Condensed', sans-serif; font-weight: bold; }
.sHaberICerik { width: 100%; float: left }
.sHaberICerik p { font-size: 14px; line-height: 18px; color: #36363c; letter-spacing: 0; margin-top: 10px; height: 52px; overflow: hidden; text-align: left; font-family: 'Roboto', sans-serif; }
.sHaberDevam { font-size: 15px; color: #36363c; font-family: 'Roboto Condensed', sans-serif; font-weight: bold; transition: all ease-in-out .3s; margin-top: 5px }
.sHaberDevam:hover { color: #b31e62 }
.basinOdasiRow { width: 100%; float: left; background: #f0f0f0; box-sizing: border-box; padding: 15px 20px 15px 40px; margin-bottom: 30px }
.basinOdasiRow h2 { font-size: 23px; color: #36363c; font-family: 'Roboto Condensed', sans-serif; letter-spacing: 0; margin-bottom: 10px }
.basinOdasiGorsel { width: 49%; height: 240px; margin-right: 50px; float: left; background-size: cover!important; background-position: center center }
.basinOdasiICerik h3 { text-transform: uppercase; font-size: 24px; color: #242424; font-family: 'Roboto Condensed', sans-serif; font-weight: 500; margin-bottom: 20px }
.basinOdasiICerik h3 span { color: #36363c; font-size: 12px; font-family: 'Roboto Condensed', sans-serif; font-weight: bold; }
.basinOdasiICerik p { font-size: 15px; color: #242424; font-family: 'Roboto', sans-serif; width: 40%; float: left; text-align: left }
.basinOdasiBottom { width: 100%; float: left; margin-top: 20px }
.basinOdasiTarih { float: left; color: #242424; font-size: 12px; font-family: 'Roboto Condensed', sans-serif; letter-spacing: .3px }
.basinOdasiTarih strong { font-family: 'Roboto Condensed', sans-serif; font-weight: bold; }
.basinOdasiTamami { color: #36363c; font-size: 15px; font-family: 'Roboto Condensed', sans-serif; font-weight: bold; float: right; line-height: 14px; transition: all ease-in-out .3s }
.basinOdasiTamami:hover { color: #b31e62 }
.basinOdasiTamami span { float: left; margin-right: 8px }
.blogHeader { width: 100%; height: 100px; float: left; background: #36363c }
.blogHeader h1 { float: left; margin-left: 40px; background: #fff; padding: 0 50px; line-height: 100px; color: #242424; font-size: 50px; font-family: 'Roboto Condensed', sans-serif; }
.blogHeader img { float: left; margin-left: 20px; margin-top: 20px }
.blog-bread-container { width: calc(100% - 90px); margin-left: 90px; float: left; font-family: 'Roboto', sans-serif; letter-spacing: .3px }
.blog-bread-container .active { font-family: 'Roboto Condensed', sans-serif; font-weight: bold; }
.blogTop { width: 100%; float: left }
.blogTop-container { width: calc(100% - 40px); margin: 0 20px }
.blogTopGorsel { width: 66%; height: 530px; float: left; overflow: hidden; text-align: center }
.blogTopGorsel img { width: auto; height: 100%; max-width: none!important }
.blogTopIcerik { width: 34%; float: left; box-sizing: border-box; padding: 0 230px 0 45px }
.blogTopTarihYazar { width: 100%; float: left; padding-bottom: 20px; margin-bottom: 30px; position: relative }
.blogTopTarihYazar:before { content: ""; position: absolute; width: 120px; height: 2px; background: #36363c; bottom: 0; left: 0 }
.blogTopTarih { float: left; font-size: 14px; font-family: 'Roboto Condensed', sans-serif; font-weight: bold; letter-spacing: .3px }
.blogTopTarih span { font-size: 30px }
.blogTopYazar { font-size: 14px; color: #242424; font-family: 'Roboto Condensed', sans-serif; float: right; letter-spacing: .3px }
.blogTopYazar span { font-family: 'Roboto Condensed', sans-serif; font-weight: bold; }
.blogTopContent { width: 100%; float: left }
.blogTopContent h2 { font-size: 26px; font-family: 'Roboto Condensed', sans-serif; color: #36363c; line-height: 36px }
.blogTopContent h2 span { font-size: 14px; color: #7d7d7d; font-family: 'Roboto Condensed', sans-serif; }
.blogTopContent p { font-size: 14px; color: #242424; line-height: 24px; letter-spacing: 0px; width: 90%; font-family: 'Roboto', sans-serif; margin-top: 15px; height: 160px }
.blogDevamiOku { width: 130px; height: 40px; background: #36363c; color: #fff; display: block; text-align: center; line-height: 40px; font-size: 14px; font-family: 'Roboto Condensed', sans-serif; font-weight: bold; transition: all ease-in-out .3s }
.blogDevamiOku:hover { background: #b21e61 }
.blog-container { width: 1260px; margin: auto }
.blog-full { width: 100%; float: left; margin-top: 85px; margin-bottom: 90px }
.blogFullContent { width: 50%; float: left }
.blogFullGorsel { width: calc(50% - 50px); margin-right: 50px; float: right; overflow: hidden; height: 350px; text-align: center; background-size: cover!important; background-position: center!important }
.blogFullGorsel img, .blogListGorsel img, .blogColGorsel img { width: auto; height: 100% }
.blogFullTarih { width: 105px; min-height: 350px; float: left; text-align: right; font-size: 14px; font-family: 'Roboto Condensed', sans-serif; font-weight: bold; margin-top: 25px }
.blogFullTarih span { font-size: 30px }
.blogFullIcerik { width: calc(100% - 140px); margin-left: 35px; float: left; box-sizing: border-box; padding-right: 85px; margin-top: 30px }
.blogFullYazar { font-size: 14px; color: #242424; font-family: 'Roboto Condensed', sans-serif; padding-top: 20px; padding-bottom: 20px; position: relative; width: 100%; float: left; }
.blogFullYazar span { font-family: 'Roboto Condensed', sans-serif; font-weight: bold; }
.blogFullYazar:before { content: ""; position: absolute; left: 0; top: 0; height: 2px; width: 40px; background: #36363c }
.blogFullIcerik h2 { color: #242424; font-size: 26px; width: 100%; margin-bottom: 10px; float: left; font-family: 'Roboto Condensed', sans-serif; text-transform: uppercase }
.blogFullIcerik h3 { color: #a0a0a0; font-size: 14px; font-family: 'Roboto Condensed', sans-serif; text-transform: uppercase }
.blogFullIcerik p { color: #242424; font-size: 14px; font-family: 'Roboto', sans-serif; line-height: 22px; margin-top: 20px; margin-bottom: 20px }
.blogSidebar { width: 300px; float: right; box-sizing: border-box; position: relative }
.twitterPost { width: 100%; float: left; box-sizing: border-box; height: 600px; overflow-y: scroll; position: relative; margin-bottom: 80px }
.blogListBg { width: calc(100% - 350px); float: left; height: auto }
.blogList { width: calc(100% - 35px); margin-right: 35px; float: left; margin-bottom: 80px }
.blogListTarih { width: 105px; min-height: auto; float: left; text-align: right; font-size: 14px; font-family: 'Roboto Condensed', sans-serif; font-weight: bold; padding-top: 20px; position: relative }
.blogListTarih span { font-size: 30px; width: 100%; float: left }
.blogListTarih:before { content: ""; position: absolute; right: 0; top: 0; height: 2px; width: 40px; background: #36363c }
.blogListContent { width: calc(100% - 425px); margin-left: 30px; float: left; box-sizing: border-box }
.blogListGorsel { width: 270px; height: 260px; float: left; margin-left: 10px; overflow: hidden; background-size: cover!important; background-position: center!important }
.blogListYazar { font-size: 14px; color: #242424; font-family: 'Roboto Condensed', sans-serif; padding-bottom: 15px; position: relative; width: 100%; float: left; letter-spacing: .3px }
.blogListYazar span { font-family: 'Roboto Condensed', sans-serif; font-weight: bold; }
.blogListContent h2 { color: #242424; font-size: 20px; width: 100%; float: left; font-family: 'Roboto Condensed', sans-serif; text-transform: uppercase }
.blogListContent h3 { color: #a0a0a0; font-size: 14px; font-family: 'Roboto Condensed', sans-serif; text-transform: uppercase }
.blogListContent p { color: #242424; font-size: 14px; font-family: 'Roboto', sans-serif; line-height: 24px; margin-top: 15px; margin-bottom: 15px; width: 100%; height: 75px; overflow: hidden }
.blogColGorsel { width: calc(100% - 150px); float: left; margin-left: 10px; overflow: hidden; height: 420px; margin-bottom: 60px }
.blogColBaslikRow { width: calc(100% - 115px); float: left; margin-left: 115px }
.blogColBaslik { float: left }
.blogColBaslik h2 { color: #242424; font-size: 30px; font-family: 'Roboto Condensed', sans-serif; text-transform: uppercase }
.blogColBaslik h3 { color: #242424; font-size: 14px; font-family: 'Roboto Condensed', sans-serif; text-transform: uppercase }
.blogColBaslikRow .blogListYazar { width: auto; float: right; margin-right: 40px; margin-top: 10px }
.blogColContent { width: calc(100% - 150px); display: inline-block; margin-left: 115px; margin-top: 10px; margin-bottom: 80px }
.blogColContent p { color: #242424; font-size: 14px; font-family: 'Roboto', sans-serif; line-height: 22px; margin-top: 15px; margin-bottom: 15px; width: calc(100% - 200px); height: 60px; overflow: hidden; float: left }
.blogColContent .blogDevamiOku { float: right; margin-top: 20px }
.oneCikanPostlar h2 { font-size: 14px; color: #36363c; font-family: 'Roboto Condensed', sans-serif; margin-bottom: 30px }
.oneCikanRow { width: 100%; float: left; margin-bottom: 15px }
.oneCikanContent { width: calc(100% - 80px); float: left; margin-right: 15px; box-sizing: border-box; padding-left: 15px }
.oneCikanGorsel { width: 65px; height: 65px; overflow: hidden; float: left; background-size: cover!important; background-position: center!important }
.oneCikanContent h3 { font-size: 16px; color: #242424; font-family: 'Roboto Condensed', sans-serif; line-height: 20px; text-transform: uppercase; margin-bottom: 8px; height: 40px; overflow: hidden; transition: all ease-in-out .3s }
.oneCikanRow a:hover h3 { color: #b21e61 }
.populerPostlar { width: 100%; float: left; margin-bottom: 80px; position: relative }
.populerBaslik { font-size: 26px; font-family: 'Roboto Condensed', sans-serif; font-weight: bold; text-transform: uppercase; color: #242424; float: left; position: relative; margin-left: 35px }
.populerBaslik h2:before { content: ""; position: absolute; width: 70px; height: 2px; background: #242424; right: -100px; top: 25px }
.populerSlider { width: calc(100% - 85px); float: left; margin-left: 35px; margin-right: 50px; margin-top: 40px }
.popiSlider { height: 450px }
.populerGorsel { height: 215px; overflow: hidden; width: 100%; float: left; margin-bottom: 25px; background-size: cover!important; background-position: center!important }
.populerGorsel img { width: auto; height: 100%; transition: all ease-in-out .3s }
.populerContent { width: 100%; float: left }
.populerContent h3 { font-size: 16px; font-family: 'Roboto Condensed', sans-serif; text-transform: uppercase; color: #242424; float: left; position: relative; line-height: 20px; height: 20px; overflow: hidden; margin-bottom: 10px; width: 100%; transition: all ease-in-out .3s }
.populerContent h4 { font-size: 14px; font-family: 'Roboto', sans-serif; text-transform: uppercase; color: #a0a0a0; float: left; position: relative; line-height: 20px; height: 20px; overflow: hidden; margin-bottom: 10px; width: 100% }
.populerContent p { font-size: 14px; font-family: 'Roboto', sans-serif; color: #242424; float: left; position: relative; line-height: 20px; margin-bottom: 10px; width: 100%; height: 64px; overflow: hidden }
.populerSliderBottom { width: 100%; float: left }
.populerSliderBottom .blogListYazar { padding-bottom: 5px }
.populerTarih { font-size: 12px; font-family: 'Roboto Condensed', sans-serif; font-weight: bold; width: 100%; float: left; color: #242424 }
.popiDot { display: none }
.populerSlider .swiper-slide a:hover h3, .populerSlider .swiper-slide a:hover h4 { color: #b21e61 }
.populerSlider .swiper-slide a:hover .populerGorsel img { transform: scale(1.1) }
.blogEbulten { width: 100%; float: left; margin-top: 0; margin-bottom: 75px }
.blogEbultenContainer { width: 750px; margin: auto }
.blogEbulten h2 { font-size: 50px; color: #242424; font-family: 'Roboto Condensed', sans-serif; font-weight: bold; float: left; padding-right: 25px; position: relative; line-height: 80px }
.blogEbulten h2:before { content: ""; position: absolute; width: 80px; height: 80px; right: 0; top: 0; background: #b21e61; z-index: -1 }
.blogDetayGorsel { width: 100%; float: left; margin-top: 40px; margin-bottom: 20px }
.blogDetayGorsel img { width: 100% }
.blogDetayTop { width: 100%; float: left }
.blogDetayTarih { width: calc(50% - 45px); float: left; margin-top: 30px; margin-left: 45px; font-family: 'Roboto Condensed', sans-serif; font-weight: bold; letter-spacing: .3px }
.detayTarihGun { float: left; font-size: 70px; line-height: 70px }
.detayTarih { float: left; font-size: 30px; line-height: 32px; margin-left: 15px }
.blogDetayTopSag { width: calc(50% - 45px); float: left; text-align: right; margin-right: 45px }
.blogDetayPaylas span { font-size: 14px; line-height: 20px; margin-right: 20px; font-family: 'Roboto Condensed', sans-serif; font-weight: bold; }
.blogDetayPaylas a { display: inline-block }
.blogDetayPaylas a img { width: 20px }
.blogEbultenContainer .bultenBtn { margin-top: 35px }
.blogDetayContent { width: calc(100% - 350px); float: left; margin-bottom: 95px; box-sizing: border-box; padding: 0 45px; margin-right: 50px }
.kucukBaslik { font-size: 14px; color: #7d7d7d; font-family: 'Roboto Condensed', sans-serif; font-weight: bold; margin-top: 20px; margin-bottom: 15px; width: 100%; float: left }
.blogDetayContent h1 { font-size: 30px; color: #36363c; font-family: 'Roboto Condensed', sans-serif; margin-bottom: 15px }
.blogDetayContent h2 { font-size: 20px; color: #36363c; font-family: 'Roboto Condensed', sans-serif; margin-bottom: 10px }
.blogDetayContent h3 { font-size: 18px; color: #36363c; font-family: 'Roboto Condensed', sans-serif; margin-bottom: 10px }
.blogDetayContent p { font-size: 14px; font-family: 'Roboto', sans-serif; color: #242424; line-height: 24px; margin-bottom: 20px; letter-spacing: .3px }
.blogDetaySlider { width: 100%; float: left; position: relative; margin-bottom: 45px }
.blog-slider { height: 530px }
.blogDetaySlider .swiper-button-next, .blogDetaySlider .swiper-button-prev { width: 40px!important; height: 40px!important; margin-top: -20px!important; background-size: 40px 40px!important }
.blogDetaySlider .swiper-button-next, .blogDetaySlider .swiper-container-rtl .swiper-button-prev { background-image: url(../images/yatirim-next.jpg); right: -20px; left: auto }
.blogDetaySlider .swiper-button-prev, .blogDetaySlider .swiper-container-rtl .swiper-button-next { background-image: url(../images/yatirim-prev.jpg); left: -20px; right: auto }
.blogDetayBottomPaylas { width: 100%; float: left; text-align: right; margin-top: 30px; margin-bottom: 100px }
.blogDetayYazar { font-size: 14px; color: #242424; font-family: 'Roboto Condensed', sans-serif; }
.blogDetayYazar span { font-family: 'Roboto Condensed', sans-serif; font-weight: bold; }
.blogDetayDigerSlider { width: 100%; float: left; position: relative }
.blog-diger-slider { height: 400px }
.digerSliderGorsel { width: 100%; height: 230px; background-size: cover; background-position: center; margin-bottom: 20px }
.digerSliderSol { width: calc(100% - 105px); float: left }
.digersliderSag { width: 105px; float: right }
.digerSliderSol h2 { font-size: 22px; color: #242424; letter-spacing: .3px; text-transform: uppercase; margin-top: 15px; font-family: 'Roboto Condensed', sans-serif; }
.digerSliderSol h3 { font-size: 14px; color: #36363c; letter-spacing: .3px; text-transform: uppercase; font-family: 'Roboto Condensed', sans-serif; }
.blogDetayDigerSlider .swiper-button-next, .blogDetayDigerSlider .swiper-button-prev { position: relative; top: auto; width: 170px; height: 40px; margin-top: 0; background: #36363c; z-index: 10; cursor: pointer; text-align: center; line-height: 40px; color: #fff; background-image: none!important; background-size: auto; background-position: center; background-repeat: no-repeat; float: left; margin-bottom: 20px; font-size: 14px; font-family: 'Roboto Condensed', sans-serif; font-weight: bold; letter-spacing: .3px; transition: all ease-in-out .3s }
.blogDetayDigerSlider .swiper-button-next:hover, .blogDetayDigerSlider .swiper-button-prev:hover { background: #b21e61 }
.blogDigerNext { float: right!important; left: auto!important; right: auto!important }
.blogDigerPrev { float: left!important; right: auto!important; left: auto!important }
.yatirimci-content { width: 100%; float: left; padding: 0 0 105px }
.headerAltMenu { width: 100%; height: 80px; background: #36363c; float: left; text-align: center; display: table; color: #fff }
.yatirimci-menu { position: relative; display: inline-block; width: 115px; height: 30px; cursor: pointer }
.yatirimci-menu span { margin: 0 auto; position: relative; top: 12px; float: left }
.yatirimci-menu span:before, .yatirimci-menu span:after { position: absolute; content: '' }
.yatirimci-menu span, .yatirimci-menu span:before, .yatirimci-menu span:after { width: 37px; height: 5px; background-color: #fff; display: block }
.yatirimci-menu span:before { margin-top: -9px }
.yatirimci-menu span:after { margin-top: 9px }
.example1 span { -webkit-transition-duration: 0s; transition-duration: 0s; -webkit-transition-delay: .2s; transition-delay: .2s }
.example1.active span { background-color: transparent; -webkit-transition-delay: .2s; transition-delay: .2s }
.example1 span:before { -webkit-transition-property: margin, -webkit-transform; transition-property: margin, transform; -webkit-transition-duration: .2s; transition-duration: .2s; -webkit-transition-delay: .2s, 0s; transition-delay: .2s, 0s }
.example1.active span:before { margin-top: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition-delay: 0s, .2s; transition-delay: 0s, .2s }
.example1 span:after { -webkit-transition-property: margin, -webkit-transform; transition-property: margin, transform; -webkit-transition-duration: .2s; transition-duration: .2s; -webkit-transition-delay: .2s, 0s; transition-delay: .2s, 0s }
.example1.active span:after { margin-top: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition-delay: 0s, .2s; transition-delay: 0s, .2s }
.ymenuBaslik { font-size: 24px; letter-spacing: 1px; color: #fff }
.yatirimciMenuBg { width: 100%; float: left; background: #efefef }
.yatirimciMenuContainer { width: 1300px; margin: auto }
.yatirimciMenuBg ul { width: 100%; margin: 0; padding: 0; float: left }
.yatirimciMenuBg ul li { width: calc(25% - 60px); float: left; padding: 35px 30px; min-height: 250px; }
.yatirimciMenuBg ul li a { color: #36363c; font-size: 16px; font-family: 'Roboto Condensed', sans-serif; font-weight: 700; }
.yatirimciMenuBg ul li ul { background: 0 0; list-style-type: none; margin-top: 20px; margin-left: 18px }
.yatirimciMenuBg ul li ul li::before { content: "\2022"; color: #36363c; display: inline-block; width: 1em; margin-left: -1em; font-size: 20px }
.yatirimciMenuBg ul li ul li { width: 100%; padding: 0; min-height: auto }
.yatirimciMenuBg ul li ul li a { color: #36363c; font-size: 15px; font-family: 'Roboto', sans-serif; font-weight: 400; line-height: 22px; letter-spacing: 0px }
.yatirimciMenuBg ul li ul li a:hover { text-decoration: underline }
.yatirimciMenuBg ul li.active { background: #36363c }
.yatirimciMenuBg ul li.active a { color: #fff }
.yatirimciMenuBg ul li.active ul li::before { color: #fff }
.yatirimciRow { width: 100%; float: left }
.yaritimciContainer { width: 1270px; margin: auto }
.yaritimciContainer h1 { font-size: 28px; background: #36363c; line-height: 50px; display: table; padding: 0 50px; color: #fff; margin: auto; text-align: center; width: auto; margin-top: 35px; margin-bottom: 30px; font-family: 'Roboto Condensed', sans-serif; }
.yaritimciContainer h2 { color: #36363c; font-size: 22px; font-family: 'Roboto Condensed', sans-serif; margin-bottom: 20px }
.bilgilendirmeTablosuBg { width: 980px; margin: auto; margin-top: 45px; margin-bottom: 55px; font-family: 'Roboto Condensed', sans-serif; }
.bilgilendirmeTabloBaslik { width: 100%; height: 65px; background: #242424; color: #fff; padding-left: 35px; box-sizing: border-box; line-height: 65px; font-size: 18px; letter-spacing: .3px }
.bilgilendirmeTablosuBg table { width: 100%; color: #7d7d7d; letter-spacing: .3px }
.bilgilendirmeTablosuBg table tr { height: 35px; border-bottom: 2px solid #eaeaea; line-height: 35px }
.bilgilendirmeTablosuBg table tr td { font-family: 'Roboto', sans-serif; }
.tabloTop th { padding-top: 20px; background: #f5f5f5 }
.tabloTop th:nth-child(1) { padding-left: 30px }
.bilgilendirmeTablosuBg table tr td:nth-child(1) { padding-left: 30px }
.tabloBottom td { padding-bottom: 20px; background: #f5f5f5; font-family: 'Roboto', sans-serif; font-weight: bold; }
.tabloBottom { border-bottom: none!important }
.yaritimciContainer p { color: #141414; font-size: 16px; line-height: 24px; font-family: 'Roboto', sans-serif; text-align: justify; margin-bottom: 20px }
.bilgilendirmeTarih p { color: #bc2067; font-size: 22px!important; margin-top: 40px; margin-bottom: 40px; font-family: 'Roboto Condensed', sans-serif; font-weight: 500; }
.baslikAaciklama { color: #36363c!important; margin-bottom: 30px; font-size: 22px!important; text-align: center!important; font-family: 'Roboto Condensed', sans-serif !important; font-weight: bold; }
.izahnameBg { width: 606px; margin: auto }
.izahnameCol { width: 50%; float: left; text-align: center }
.izahnameCol a { width: 100%; height: 303px; display: table; box-sizing: border-box; padding: 0 60px; background: #f8f8f8; border: 1px solid #fff; transition: all ease-in-out .3s; color: #36363c }
.izahnameCol h2 { font-size: 28px; font-family: 'Roboto Condensed', sans-serif; margin-bottom: 40px; line-height: 28px; transition: all ease-in-out .3s; color: #36363c }
.izahnameCol p { font-size: 20px; font-family: 'Roboto', sans-serif; margin-bottom: 35px; text-align: center; transition: all ease-in-out .3s; color: #36363c }
.pdf-beyaz { display: none }
.izahnameCol a:hover { color: #fff!important; background: #36363c }
.izahnameCol a:hover .pdf-beyaz { display: inline-block }
.izahnameCol a:hover .pdf-siyah { display: none }
.izahnameCol a:hover h2, .izahnameCol a:hover p { color: #fff }
.yonetimKuruluRow { width: 100%; float: left; margin-top: 10px }
.yonetimKuruluGorsel { float: left; padding: 20px; position: relative; margin-right: 15px; transition: all ease-in-out .3s }
.foto { width: 210px; height: 210px; display: block; float: left; background-size: cover; background-position: center }
.yonetimKuruluBilgi { width: calc(100% - 265px); float: left; box-sizing: border-box; padding: 25px 30px 27px 20px; transition: all ease-in-out .3s }
.yonetimKuruluBilgi h2 { margin-bottom: 0; font-size: 28px; text-transform: uppercase; font-family: 'Roboto', sans-serif; transition: all ease-in-out .3s; color: #36363c }


span.yonetimKuruluGorev { font-size: 26px; color: #36363c; font-family: 'Roboto', sans-serif; transition: all ease-in-out .3s; margin-bottom: 20px; width: 100%; float: left }
.kurulContainer { width: 1345px }
.yonetimKuruluRow:hover .yonetimKuruluGorsel, .yonetimKuruluRow:hover .yonetimKuruluBilgi { background: #36363c; color: #fff }
.yonetimKuruluRow:hover h2, .yonetimKuruluRow:hover p, .yonetimKuruluRow:hover span { color: #fff }
.sozlesmeContainer { width: 1210px; text-align: center; margin-bottom: 110px }
.sozlesmeContainer a { width: 25%; border: none; height: 305px; display: inline-table; box-sizing: border-box; padding: 0 30px; background: #f8f8f8; margin-left: -5px; transition: all ease-in-out .3s }
.sozlesmeContainer h2 { font-size: 26px; font-family: 'Roboto Condensed', sans-serif; margin-bottom: 30px; line-height: normal; transition: all ease-in-out .3s; color: #36363c; min-height: 64px; }
.sozlesmeContainer h3 { font-size: 18px; font-family: 'Roboto Condensed', sans-serif; margin-bottom: 0; transition: all ease-in-out .3s; color: #36363c }
.sozlesmeContainer a p { font-size: 18px; text-transform: capitalize; font-family: 'Roboto', sans-serif; margin-bottom: 30px; text-align: center; transition: all ease-in-out .3s; color: #36363c; min-height: 48px; overflow: hidden }
.sozlesmeContainer a:hover { background: #36363c }
.sozlesmeContainer a:hover h2, .sozlesmeContainer a:hover h3, .sozlesmeContainer a:hover p { color: #fff }
.sozlesmeContainer a:hover .pdf-beyaz { display: inline-block }
.sozlesmeContainer a:hover .pdf-siyah { display: none }
.komiteContainer { width: 910px; margin-bottom: 110px }
.komiteContainer a { width: 33.3%; border: none; height: 305px; display: inline-table; box-sizing: border-box; padding: 0 50px; background: #f8f8f8; margin-left: -5px; transition: all ease-in-out .3s; text-align: center }
.komiteContainer h2 { font-size: 25px; font-family: 'Roboto Condensed', sans-serif; font-weight: bold; margin-bottom: 30px; line-height: normal; transition: all ease-in-out .3s; color: #36363c }
.komiteContainer p { font-size: 18px; font-family: 'Roboto', sans-serif; margin-bottom: 25px; text-align: center; letter-spacing: .3px; transition: all ease-in-out .3s; color: #141414 }
.komiteContainer a p { font-size: 20px; font-family: 'Roboto', sans-serif; margin-bottom: 25px; text-align: center; transition: all ease-in-out .3s; color: #36363c }
.komiteContainer a:hover { background: #36363c }
.komiteContainer a:hover h2, .komiteContainer a:hover p { color: #fff }
.komiteContainer a:hover .pdf-beyaz { display: inline-block }
.komiteContainer a:hover .pdf-siyah { display: none }
.link { width: auto!important; height: auto!important; background: no-repeat!important; color: #141414; text-decoration: underline }
.portfoyContainer { width: 1210px; text-align: center; margin-bottom: 110px }
.portfoyContainer a { width: 25%; border: none; height: 305px; display: inline-table; box-sizing: border-box; padding: 0 40px; background: #f8f8f8; margin-left: -5px; transition: all ease-in-out .3s }
.portfoyContainer h2 { font-size: 22px; font-family: 'Roboto Condensed', sans-serif; font-weight: bold; margin-bottom: 10px; line-height: normal; transition: all ease-in-out .3s; color: #36363c; min-height: 80px; text-transform: uppercase }
.portfoyContainer h3 { font-size: 19px; font-family: 'Roboto Condensed', sans-serif; margin-bottom: 0; transition: all ease-in-out .3s; color: #36363c }
.portfoyContainer a p { font-size: 20px; font-family: 'Roboto', sans-serif; margin-bottom: 20px; text-align: center; transition: all ease-in-out .3s; color: #36363c; min-height: 48px; overflow: hidden }
.portfoyContainer a:hover { background: #36363c }
.portfoyContainer a:hover h2, .portfoyContainer a:hover p { color: #fff }
.portfoyContainer a:hover .pdf-beyaz { display: inline-block }
.portfoyContainer a:hover .pdf-siyah { display: none }
.portfoyAciklama { width: 84%; margin: auto; margin-bottom: 50px; margin-top: 40px }
.degerleme h2 { min-height: 102px!important }
.pageContainer { width: 1230px; margin: auto }
.pageContainer p { margin-bottom: 25px }
.pageContainer p a { color: #141414 }
.pageContainer p a:hover { text-decoration: underline }
.pageContainer img { width: 100%; float: left; margin-bottom: 45px; margin-top: 20px }
.pageContainer h2 { font-size: 28px }
.durumTab { width: 395px; margin: auto; text-align: center!important }
.durumTab li { display: inline-block }
.durumTab li a { width: 65px; height: 45px; background: #36363c; line-height: 45px; font-family: 'Roboto Condensed', sans-serif; font-weight: bold; font-size: 22px; color: #949494; margin: 6px; display: block; padding: 0; text-align: center }
.durumTab li a.active { color: #fff }
.durumTabContent { width: 100%; float: left; margin-top: 30px; display: none }
.durumTabContent.open { display: block }
.durumTabContent h2 { min-height: 80px; height: 80px; overflow: hidden; margin-bottom: 25px }
.durumTabContent p { margin-bottom: 15px!important }
.yaritimciContainer h3 { color: #141414; font-size: 18px; letter-spacing: 0px; font-family: 'Roboto Condensed', sans-serif; text-align: center; margin-bottom: 5px }
.yaritimciContainer ul { margin-bottom: 20px; color: #141414; font-size: 18px; font-family: 'Roboto Condensed', sans-serif; text-align: justify }
.bilgilendirmeTabloBaslik h3 { color: #fff }
.ogrenenListeTablo { width: 1240px; margin: auto; margin-top: 50px }
.ogrenenListeTablo table { width: 100% }
.ogrenenListeTablo table tr { border-bottom: 2px solid #e7e7e7 }
.ogrenenListeTablo table tr:last-child { border-bottom: none }
.ogrenenListeTablo table tr td { line-height: 40px; padding-left: 20px; color: #555; font-family: 'Roboto', sans-serif; letter-spacing: 0px }
.ogrenenListeTablo table tr td:nth-child(3) { width: 45% }
.sorularCol { width: 25%; height: 345px; display: inline-table; box-sizing: border-box; padding: 0 20px; background: #f8f8f8; margin-left: -5px; position: relative; transition: all ease-in-out .3s; cursor: pointer }
.sorularCol:hover { background: #36363c }
.sorularCol:hover p, .sorularCol:hover h3, .sorularCol:hover p a { color: #fff }
.sorularCol h3 { text-align: center; color: #36363c; font-family: 'Roboto Condensed', sans-serif; margin-top: 40px; margin-bottom: 30px; font-size: 17px }
.sorularCol p { text-align: center; color: #36363c; font-family: 'Roboto', sans-serif; height: 155px; overflow: hidden; font-size: 16px }
.sorularCol p a { color: #36363c; font-family: 'Roboto', sans-serif; font-weight: 500; font-size: 16px; text-decoration: underline }
.sorularBg { width: 100%; float: left; text-align: center; margin-top: 15px }
.yatirimciIletisimBilgileri { width: 100%; text-align: center; float: left; margin-top: 40px }
.yatirimciIletisimBilgileri p { text-align: center }
.yatirimciIletisimBilgileri a { color: #141414 }
.birlesmeContent h3 { width: 100%; text-align: center; float: left; margin-top: 30px; margin-bottom: 20px; color: #36363c; font-size: 22px }
.birlesmeContent .row { margin-bottom: 30px }
.projeAltTab { width: 100%; float: left; text-align: center; margin-bottom: 30px; }
.projeAltTab a { width: auto!important; height: 35px!important; display: inline-table!important; background: #f7f7f7; color: #000; font-size: 14px; font-family: 'Roboto Condensed', sans-serif; font-weight: bold; line-height: 35px; letter-spacing: 0px; transition: all ease-in-out .3s; padding: 0px 10px; }
.projeAltTab a:hover, .projeAltTab a.active { background: #36363c; color: #fff; border: none; }
.projeAltTab a:before { display: none }
.projeAltTab a:nth-child(2) { float: none }
.projeAltTabContent.open { display: block!important }
.katPlani { height: 750px }
.katPlani .swiper-slide { overflow: hidden; text-align: center; background: #fff; width: 100%; height: 100% }
.katPlani .swiper-pagination-bullet { width: 15px!important; height: 15px!important; display: inline-block; border-radius: 100%; background: #000!important; opacity: .5!important; margin-bottom: 22px!important }
.katPlani .swiper-pagination-bullet-active { opacity: 1!important; background: #000!important }
.iBilgiCol { width: 25%; float: left; text-align: center }
.iBilgiCol h3 { font-size: 18px; letter-spacing: 1px; width: 100%; float: left; margin-top: 13px; margin-bottom: 25px; font-family: 'Roboto Condensed', sans-serif; color: #36363c }
.iBilgiCol p { color: #36363c; font-size: 16px; font-family: 'Roboto Condensed', sans-serif; width: 100%; float: left }
.iBilgiCol p a { color: #36363c }
.iletisimRow { width: 100%; float: left; margin-top: 55px }
.iletisimRow h2 { font-size: 28px; font-family: 'Roboto Condensed', sans-serif; margin-bottom: 20px }
.iletisimFormCol { width: 50%; float: left; box-sizing: border-box; padding-right: 68px; position: relative; }
.iletisimMapCol { width: 50%; float: left; box-sizing: border-box; padding-left: 0; text-align: right }
.iletisimFormCol ul li { margin-bottom: 10px; width: 100%; float: left; }
.iletisimText { width: 100%; height: 40px; border: 1px solid #555; box-sizing: border-box; padding-left: 20px; margin-bottom: 0px; float: left; opacity: .4; color: #36363c; font-size: 14px; letter-spacing: 1px; font-family: 'Roboto Condensed', sans-serif; }
.iletisimSelectProje { width: calc(70% - 15px); margin-right: 15px; height: 40px; border: 1px solid #555; box-sizing: border-box; padding-left: 20px; margin-bottom: 10px; float: left; opacity: .4; font-family: 'Roboto Condensed', sans-serif; color: #36363c; font-size: 14px; letter-spacing: 0px; background-image: url(../images/select-arrow.png); background-repeat: no-repeat; background-position: right center; -webkit-appearance: none; -moz-appearance: none; appearance: none }
.iletisimSelectYurt { width: 100%; height: 40px; border: 1px solid #555; box-sizing: border-box; padding-left: 20px; margin-bottom: 0px; float: left; opacity: .4; font-family: 'Roboto Condensed', sans-serif; color: #36363c; font-size: 14px; letter-spacing: 1px; background-image: url(../images/select-arrow.png); background-repeat: no-repeat; background-position: right center; -webkit-appearance: none; -moz-appearance: none; appearance: none }
.iletisimTextarea { width: 100%; height: 100px; border: 1px solid #555; box-sizing: border-box; padding-left: 20px; margin-bottom: 10px; float: left; opacity: .4; font-family: 'Roboto Condensed', sans-serif; color: #36363c; font-size: 14px; letter-spacing: 1px; padding-top: 15px }
.iletisimFormCol input[type=checkbox]:not(old)+label, .iletisimFormCol input[type=radio]:not(old)+label { display: inline-block; font-size: 14px!important; color: #242424!important; font-family: 'Roboto Condensed', sans-serif; margin-top: 10px; letter-spacing: .3px; width: 100%; float: left }
.iletisimFormCol input[type=checkbox]:not(old), .iletisimFormCol input[type=radio]:not(old) { width: 0; margin-left: -5px }
.iletisimFormCol a { color: #242424; text-decoration: underline }
.iletisimButon { width: 200px; height: 50px; background: #36363c; text-align: center; color: #fff; font-size: 14px; font-family: 'Roboto Condensed', sans-serif; font-weight: bold; float: right; margin-top: 10px; cursor: pointer; transition: all ease-in-out .3s }
.iletisimButon:hover { background: #bc2066 }
.satisOfislerimiz { width: 100%; float: left; margin-top: 80px }
.satisOfislerimiz h2 { font-size: 50px; color: #242424; letter-spacing: 0px; font-family: 'Roboto Condensed', sans-serif; margin-bottom: 20px; text-align: center }
.ofisCol { width: calc(33.3% - 50px); margin: 25px; float: left; height: 315px; background: #fafafa; box-sizing: border-box; padding: 20px }
.ofisCol img { text-align: center; margin-bottom: 10px }
.ofisBilgi { width: calc(100% - 150px); float: left; box-sizing: border-box }
.ofisBilgiRow { width: 100%; float: left }
.ofisBilgiRow:nth-child(1) { height: 110px; overflow: hidden }
.icon { width: 30px; height: auto; float: left; margin-right: 10px; display: block }
.bilgi { display: block; float: left; width: calc(100% - 40px); color: #36363c; font-size: 16px; font-family: 'Roboto', sans-serif; letter-spacing: .3px }
.bilgi a { color: #36363c }
.ofisButon { width: 115px; float: right; height: 155px; display: table }
.ofisButon a { width: 100%; height: 30px; float: left; text-align: center; background: #36363c; color: #fff; margin-bottom: 10px; line-height: 30px; font-size: 14px; font-family: 'Roboto Condensed', sans-serif; font-weight: bold; transition: all ease-in-out .3s }
.ofisButon a:hover { background: #bc2066 }
.ofisCol:nth-child(3n) { margin-right: 0; margin-left: 50px }
.ofisCol:nth-child(3n+1) { margin-left: 0; margin-right: 50px }
.sinpasevimContent h1 { font-size: 50px; color: #242424; font-family: 'Roboto Condensed', sans-serif; text-align: center; margin-bottom: 40px }
.sinpasevimNedir { width: 50%; float: left; padding-right: 40px }
.sinpasEvimGorsel { width: 45%; position: absolute; right: 70px; top: 50px }
.sinpasevimNedir p { font-size: 18px; font-family: 'Roboto', sans-serif; margin-bottom: 20px; letter-spacing: .3px }
.sinpasevimNedir h2 { color: #242424; font-size: 34px; font-family: 'Roboto Condensed', sans-serif; margin-top: 15px; float: left; margin-bottom: 15px; width: 100% }
.sinpasevimFormBg { width: 100%; float: left; margin-top: 150px }
.sinpasevimFormBg h2 { font-size: 30px; font-family: 'Roboto Condensed', sans-serif; color: #242424; margin-bottom: 35px; text-align: center }
.sinpasevimFormRow { width: 100%; float: left; background: #f7f7f7; padding: 35px 0 }
.sinpasevimFormContainer { width: 950px; margin: auto }
.sinpasevimFormRow p { color: #242424; font-size: 14px; font-family: 'Roboto Condensed', sans-serif; margin-bottom: 25px; margin-left: 15px }
.sinpasevimFormRow ul li { width: calc(33.3% - 30px); float: left; margin: 15px; margin-top: 0 }
.sinpasevimFormRow ul li span { width: 100%; float: left; margin-bottom: 10px; font-size: 14px; font-family: 'Roboto', sans-serif; color: #242424 }
.sinpasevimText { width: 100%; height: 50px; float: left; background: #e3e3e3; box-sizing: border-box; padding-left: 15px }
.sinpasevimSelectProje { width: calc(70% - 10px); margin-right: 10px; height: 50px; border: none; box-sizing: border-box; padding-left: 20px; margin-bottom: 0; float: left; opacity: 1; font-family: 'Roboto Condensed', sans-serif; color: #36363c; background-color: #e3e3e3; font-size: 14px; letter-spacing: 0; background-image: url(../images/select-arrow.png); background-repeat: no-repeat; background-position: right center; -webkit-appearance: none; -moz-appearance: none; appearance: none }
.sinpasevimSelectYurt { width: 30%; height: 50px; border: none; box-sizing: border-box; padding-left: 20px; float: left; font-family: 'Roboto Condensed', sans-serif; color: #36363c; font-size: 14px; letter-spacing: 0; background-color: #e3e3e3; background-image: url(../images/select-arrow.png); background-repeat: no-repeat; background-position: 45px; -webkit-appearance: none; -moz-appearance: none; appearance: none }
.sinpasevimFormRow ul li:nth-child(7) { width: calc(100% - 30px); float: left; text-align: right; padding-right: 0; box-sizing: border-box; font-size: 13px!important; color: #36363c; font-family: 'Roboto Condensed', sans-serif; }
.sinpasevimFormRow ul li input[type=checkbox]:not(old)+label, .sinpasevimFormRow ul li input[type=radio]:not(old)+label { font-size: 13px }
.sinpasevimFormRow ul li:nth-child(8) { width: calc(100% - 30px); float: left; text-align: right }
.sinpasevimFormRow ul li:nth-child(7) a { color: #242424; text-decoration: underline }
.basvurBtn { width: 130px; height: 50px; background: #36363d; display: inline-block; margin-left: 30px; color: #fff; line-height: 50px; text-align: center; margin-top: 10px; cursor: pointer; font-size: 14px; font-family: 'Roboto Condensed', sans-serif; font-weight: bold; transition: all ease-in-out .3s }
.basvurBtn:hover { background: #bc2067 }
.yorumlarRow { width: 100%; float: left }
.yorumContainer { width: 1290px; margin: auto }
.yorumlarRow h2 { font-size: 50px; color: #242424; text-align: center; font-family: 'Roboto Condensed', sans-serif; font-weight: bold; margin-top: 40px; text-transform: uppercase }
.yorumlarRow p { font-size: 19px; color: #000; text-align: center; line-height: 23px; margin-top: 20px; font-family: 'Roboto', sans-serif; letter-spacing: .3px }
.yorumlarBg { width: 100%; float: left; padding: 60px 0; background: #f7f7f7; margin-top: 110px }
.yorumlarSlider { height: auto; width: 100% }
.yorumProfilRes { width: 150px; height: 150px; border-radius: 50%; border: 3px solid #242424; box-sizing: border-box; background-size: cover!important; background-position: center!important; float: left; margin-right: 60px; display: block }
.yorumContent { width: calc(100% - 210px); float: left }
.yorumContent h3 { font-size: 20px; letter-spacing: .3px; color: #242424; font-family: 'Roboto Condensed', sans-serif; font-weight: bold; text-transform: uppercase; margin-bottom: 30px }
.yorumContent p { font-size: 16px; color: #7d7d7d; letter-spacing: .3px; line-height: 30px; font-family: 'Roboto', sans-serif; text-align: left }
.yorumlarDot { display: none }
.sinpasevimGaleri { width: 100%; height: 985px; float: left; margin-top: 90px; position: relative; margin-bottom: 25px }
.sinpasevimGaleri a { background-size: cover!important; background-position: center }
.sinpasevimGaleri a span { display: table; text-align: center; width: 100%; height: 100%; background: rgba(54,54,60,.8); color: #fff; transition: all ease-in-out .3s; opacity: 0; position: absolute; font-family: 'Roboto Condensed', sans-serif; font-weight: bold; font-size: 25px; letter-spacing: 1px }
.sinpasevimGaleri a:hover span { opacity: 1 }
.sinpasevimGaleri a:nth-child(1) { width: calc(25% - 15px); margin-right: 15px; height: calc(33.3% - 30px); margin-bottom: 30px; display: inline-table; position: relative }
.sinpasevimGaleri a:nth-child(4) { width: calc(25% - 30px); margin-right: 15px; margin-left: 15px; height: calc(33.3% - 30px); margin-bottom: 30px; display: inline-table; position: relative }
.sinpasevimGaleri a:nth-child(2) { width: calc(50% - 30px); margin-right: 15px; margin-left: 15px; height: calc(33.3% - 30px); margin-bottom: 30px; display: inline-table; position: relative }
.sinpasevimGaleri a:nth-child(3) { width: calc(25% - 18px); margin-left: 15px; height: calc(66.6% - 30px); margin-bottom: 30px; display: inline-table; position: relative; float: right; left: -3px; top: 13px }
.sinpasevimGaleri a:nth-child(5) { width: calc(25% - 15px); margin-right: 15px; height: calc(33.3% - 30px); margin-bottom: 30px; display: block; position: relative; float: left }
.sinpasevimGaleri a:nth-child(6) { width: calc(25% - 30px); margin-left: 15px; margin-right: 15px; height: calc(66.6% - 30px); margin-bottom: 30px; display: inline-table; position: relative; float: left }
.sinpasevimGaleri a:nth-child(7) { width: calc(50% - 15px); margin-right: 0; margin-left: 15px; height: calc(33.3% - 30px); margin-bottom: 30px; display: inline-table; position: relative }
.sinpasevimGaleri a:nth-child(8) { width: calc(25% - 15px); margin-right: 15px; margin-left: 0; height: calc(33.3% - 30px); margin-bottom: 30px; display: table; position: relative; margin-top: -17.3%; float: left }
.sinpasevimAlt h2 { margin-top: 0!important }
.sinpasevimAlt { font-family: 'Roboto', sans-serif; }
.anasayfaSliderDot { display: none }
.anasayfaSliderDot .swiper-pagination-bullet { width: 14px; height: 14px; display: inline-block; border-radius: 100%; background: #fff; opacity: .5; margin: 8px!important }
.anasayfaSliderDot .swiper-pagination-bullet-active { opacity: 1!important; background: #fff!important }
.yatirimDot { width: 100%; margin-top: 10px; display: none }
.yatirimDot .swiper-pagination-bullet { width: 15px; height: 15px; display: inline-block; border-radius: 100%; background: #000; opacity: .45; margin: 7px }
.yatirimDot .swiper-pagination-bullet-active { opacity: 1; background: #000 }
.desktop { display: block }
.mobile { display: none }
.mobilCadirFirsatlari { height: auto }
.mobilCadirFirsatlariGorsel { width: 100%; height: 435px; float: left; background-size: cover; background-position: center }
.mobilCadirFirsatlariContent { width: 100%; height: 135px; float: left; background-color: #242424; box-sizing: border-box; padding: 10px 30px; position: relative }
.mobilCadirFirsatlariContent h3 { color: #e8ac08; float: left; font-size: 20px; font-family: 'Roboto Condensed', sans-serif; }
.mobilCadirFirsatlariContent:before { width: 94%; height: 145px; border: 4px solid #dfd8c8; content: ""; position: absolute; top: -30px; left: 3%; box-sizing: border-box }
.cadirDot, .odullerDot { width: 100%; margin-top: 5px; margin-bottom: 10px }
.cadirDot .swiper-pagination-bullet { width: 15px; height: 15px; display: inline-block; border-radius: 100%; background: #000; opacity: .5; margin: 7px }
.cadirDot .swiper-pagination-bullet-active, .odullerDot .swiper-pagination-bullet-active { opacity: 1; background: #000 }
.haberCol:nth-child(1) { width: calc(50% - 50px); float: left; margin-right: 50px }
.haberCol:nth-child(2) { width: calc(50% - 50px); float: left; margin-left: 50px }
.odullerDot .swiper-pagination-bullet { width: 15px; height: 15px; display: inline-block; border-radius: 100%; background: #000; opacity: .45; margin: 7px }
.acKapa { width: 15px; height: 15px; float: right; margin-top: 10px; cursor: pointer; display: none }
.acKapa span { width: 100%; height: 2px; background: #777; float: left; top: 8px; position: relative; transition: all ease-in-out .3s }
.acKapa span:nth-child(2) { transform: rotate(90deg); top: 6px }
.acKapa.active span:nth-child(1) { transform: rotate(-130deg) }
.acKapa.active span:nth-child(2) { transform: rotate(130deg) }
.fixMobil { width: 100%; height: 50px; position: fixed; left: 0; background: #36373d; z-index: 99; display: none; bottom: -100px; transition: all ease-in-out .5s; }
.fixMobil.sticky { bottom: 0 }
.fixAkilliArama { color: #fff; font-size: 15px; width: 50%; float: left; box-sizing: border-box; padding-left: 15px; line-height: 50px; }
.fixAkilliArama img { top: 4px; margin-top: 12px; width: 18px; position: relative; }
.fixAkilliArama span { margin-left: 10px; font-family: 'Roboto Condensed', sans-serif; font-weight: bold; }
.fixTel { width: 70px; position: absolute; top: -30px; left: 50%; margin-left: -40px }
.fixIletisimFormu { width: 50%; float: left; text-align: right; padding-right: 15px; box-sizing: border-box; line-height: 50px; color: #fff; font-family: 'Roboto Condensed', sans-serif; font-weight: bold; font-size: 15px; }
.fixIletisimFormu img { margin-top: 15px; width: 18px; margin-right: 10px; }
.iFormText::-webkit-input-placeholder {
color:#e3e3e3
}
.iFormText:-moz-placeholder {
color:#e3e3e3
}
.iFormText::-moz-placeholder {
color:#e3e3e3
}
.iFormText:-ms-input-placeholder {
color:#36363c
}
.mobilTalepForm { position: fixed; right: 0; top: 100px; z-index: 20; cursor: pointer; display: none }
.basinOdasiTarih-m { display: none }
.ofisAd { display: none }
.detay::before { content: ""; position: absolute; right: 0; bottom: 0; height: 4px; width: 0; background-color: #1b1a1b; transition: all .4s cubic-bezier(.42, 0, .15, 1.01) }
.detay:hover::before { width: 100%; right: inherit; left: 0 }
#slider .swiper-button-prev:hover, #slider .swiper-button-next:hover { opacity: .6 }
.header-menu>ul>li>a::before { content: ""; position: absolute; bottom: 0; height: 1px; background-color: #333; width: 0; transition: all .2s cubic-bezier(.42, 0, 0, .99); right: 0 }
.header-menu>ul>li>a:hover::before { width: 100%; left: 0; right: inherit }
.akilliAramaBtn:hover { background-color: #36363c }
.iletisimFormuBtn:hover { background-color: #bc2066 }
.detaylariGor:hover { background-color: #bc2066 }
.detaylariGor:hover img { margin-left: 17px }
.yatirimlarSlider .swiper-button-prev:hover, .yatirimlarSlider .swiper-button-next:hover { opacity: .6 }
.firsatiYakala:hover { background-color: #edbe3e }
.firsatiYakala:hover img { margin-left: 10px }
.devamiIcinTikla:hover { background-color: #bc2066 }
span.swiper-pagination-bullet.swiper-pagination-bullet-active { opacity: 1 }
.gallery-thumbs .swiper-slide:hover { opacity: .7 }
select::-ms-expand {
display:none
}
.gallery-thumbs .swiper-wrapper { height: calc(100vh - 120px) !important; }
.aramaSonuc { font-size: 20px; font-family: 'Roboto', sans-serif; letter-spacing: .3px; color: #242424 }
.aramaSonuc strong { font-family: 'Roboto', sans-serif; font-weight: bold; color: #bc2066 }
.insaatBg { width: 100%; float: left }
.insaatCol:nth-child(odd) { width: calc(50% - 30px); margin-right: 30px; float: left; position: relative; margin-bottom: 40px }
.insaatCol:nth-child(even) { width: calc(50% - 30px); margin-left: 30px; float: left; position: relative; margin-bottom: 40px }
.insaatGorsel { width: 100%; height: 240px; float: left; background-size: cover!important; background-position: center!important; border-bottom: 5px solid #b31e62; position: relative; cursor: zoom-in }
.insaatBottom { width: 100%; height: 60px; position: absolute; bottom: 0; background: rgba(54,54,60,.8); display: table; box-sizing: border-box; padding: 0 30px; color: #fff }
.insaatBottom h3 { float: left; width: 65%; font-size: 22px; font-family: 'Roboto Condensed', sans-serif; }
.insaatBottom .tarih { float: right; font-size: 15px; line-height: 30px; color: #f7f7f7; font-family: 'Roboto', sans-serif; }
.fullwidth { width: 100%; border-bottom: 5px solid #36363c; margin-bottom: 30px }
.haberDetayTarih { width: 80px; height: 100px; color: #fff; background: #36363c; text-align: center; box-sizing: border-box; font-family: 'Roboto Condensed', sans-serif; font-weight: bold; font-size: 44px; float: left; line-height: 32px; margin-right: 10px; padding-top: 22px }
.haberDetayTarih span { font-size: 18px }
.haberDetayBaslik { width: calc(100% - 90px); display: table; height: 100px; margin-bottom: 10px }
.haberDetayBaslik h1 { margin-bottom: 0; width: 100%; text-align: left; font-size: 24px; height: auto; line-height: normal; padding: 10px 30px; display: block !important; }
.bottom { display: table-cell; vertical-align: bottom }
.haberSlider { height: auto }
.haberSlider .swiper-slide { height: auto !important; }
.benzerHaberler { position: relative; margin-top: 50px }
.benzerHaberler .swiper-button-next, .benzerHaberler .swiper-container-rtl .swiper-button-prev { background-image: url(../images/yatirim-next.jpg); right: 0; left: auto }
.benzerHaberler .swiper-button-prev, .benzerHaberler .swiper-container-rtl .swiper-button-next { background-image: url(../images/yatirim-prev.jpg); left: auto; right: 40px }
.benzerHaberler .swiper-button-next, .benzerHaberler .swiper-button-prev { position: absolute; top: 0; width: 38px !important; height: 37px !important; margin-top: 0 !important; z-index: 10; cursor: pointer; background-size: 38px 37px !important; background-position: center; background-repeat: no-repeat }
.swiper-wrapper { height: auto!important }
.proheGaleri .swiper-wrapper { height: 100%!important }
.yatirimGorsel img { width: 150px }
#bilgilendirmePopup { width: 60%; height: 80vh; color: #323232 }
#bilgilendirmePopup p { font-size: 16px; margin-bottom: 15px; line-height: 24px; color: #242424 }
#bilgilendirmePopup h1 { font-size: 26px; margin-bottom: 5px }
#bilgilendirmePopup h2 { font-size: 24px; margin-bottom: 15px }
#bilgilendirmePopup h3 { font-size: 20px; margin-bottom: 15px }
.ilSec {background-image: url(../images/arrow-beyaz.png);background-position: right center;border-radius: 0px;background-repeat: no-repeat;width: 150px;height: 50px;display: block;background-color: #4c4c52;color: #fff;text-transform: uppercase;font-weight: 700;transition: all ease-in-out .3s;font-family: 'Roboto Condensed', sans-serif;font-weight: bold;position: relative;font-size: 14px;text-align: center;line-height: 50px;padding-left: 20px;-webkit-appearance: none;float: left;-webkit-appearance: none;-moz-appearance: none;appearance: none;border: none;}
.damga { position: absolute; left: 10px; top: 10px }
.blogCategory { float: right; margin-right: 50px; margin-top: 35px }
.blogCategory li { float: left; margin-left: 30px }
.blogCategory li a { color: #fff; font-size: 18px; text-transform: uppercase; font-family: 'Roboto', sans-serif; }
.projeEbulten .bultenBtn { margin-top: 38px; margin-right: 60px; }
.cerez { width: 100% }
.cerez .icerik-baslik { text-align: center }
.cerez h1 { float: none; display: inline-block }
.iletisimFormCol input[type=checkbox]:not(old):checked+label, .iletisimFormCol input[type=radio]:not(old):checked+label { background: url(../images/form/checks2.png) no-repeat 0 0 }
span.help-block.form-error { position: relative; color: red!important; width: auto !important; left: 0; padding: 3px 10px 0px 0px; font-size: 13px; font-weight: 400; letter-spacing: 0px; font-family: 'Roboto', sans-serif !important; float: left; font-size: 12px !important; display: block !important; }
.projeDetaySlider .swiper-button-next, .projeDetaySlider .swiper-button-prev { position: absolute; top: 50%!important; bottom: 45px!important; width: 40px!important; height: 40px!important; margin-top: -20!important; z-index: 10; cursor: pointer; background-size: 40px 40px!important; background-position: center; background-repeat: no-repeat; transition: all .2s ease-in-out; }
.projeDetaySlider .swiper-button-prev, .projeDetaySlider .swiper-container-rtl .swiper-button-next { background-image: url(../images/prev.jpg); right: auto; left: 30px; }
.projeDetaySlider .swiper-button-next, .projeDetaySlider .swiper-container-rtl .swiper-button-prev { background-image: url(../images/next.jpg); right: 30px; left: auto; }
.projeGorselleriBg .projeMenu .projeTab li:nth-child(1) a { width: 170px; }
#iletisimFormCol input[type=checkbox]:not(old):checked+label, #iletisimFormCol input[type=radio]:not(old):checked+label { background: url(../images/form/checks2.png) no-repeat 0 0 }
#formKontrolP { font-size: 20px !important; font-weight: bold; color: #40d246; }
.kurumsalIcerik .sozlesmeContainer { width: 100%; float: left; }
.kurumsalIcerik .sozlesmeContainer a { height: 200px; }
.kurumsalIcerik .sozlesmeContainer h2 { min-height: 50px!important; font-size: 18px; }
.sliderSlogan { width: 45%; float: left; padding: 30px 50px; margin-left: 70px; box-sizing: border-box; margin-top: 50px; background: rgba(54,54,60,.6); }
.sliderSlogan {background:none!important;}
.sliderSlogan > h2, .sliderSlogan > h3 { display:none; }
html[lang="tr"] #slider h3, #slider h2 {opacity:0!important; visibility:!important;}


input[type=checkbox]:not(old) + label a, input[type=radio ]:not(old) + label a { color: #b21e61; }
.projeEbulten .ebultenIzin { margin-top: 10px; }
.projeAltTabContent a:nth-child(1), .projeAltTabContent a:nth-child(3), .projeAltTabContent a:nth-child(4) { width: 50%; height: 33.3%; border: 2px solid #ffffff; box-sizing: border-box; display: inline-block; background-size: cover; background-position: center; position: relative; margin: 0px; }
.projeAltTabContent a:nth-child(2) { width: 50%; height: 100%; position: relative; border: 2px solid #fff; box-sizing: border-box; display: inline-block; background-size: cover; background-position: center; margin: 0px; float: right; }
.projeAltTabContent a:before { width: 100%; height: 100%; content: ""; position: absolute; background: rgba(0,0,0,0.4); transition: all ease-in-out 0.3s; }
.projeAltTabContent a:hover:before { opacity: 0; }
.projeAltTabContent { width: 1295px; height: 760px; margin: auto; margin-top: 70px; position: relative; background: #fff; overflow: hidden; display: none; }
#kat-planlari { background-image: url(/assets/images/projeGaleri/bg.jpg); }
.katPlani .swiper-slide img { max-width: auto; height: 100%; }
.katPlani .swiper-container-horizontal>.swiper-pagination-bullets, .katPlani .swiper-pagination-custom, .katPlani .swiper-pagination-fraction { bottom: -10px; }
.fancybox-button--close { float: right; background: #b41e62 !important; }
.yatirimciBanner { background-image: url(/assets/images/banner/yatirimci-iliskileri.jpg) !important; height: 350px; }
.yatirimciBanner h2 { text-align: left; margin-left: 118px; margin-top: 0px; }
.yatirimciBanner .breadcrumb { width: calc(100% - 118px); float: left; margin-bottom: 30px; margin-left: 118px; text-align: left; }
.yorumDot { width: 80% !important; left: auto !important; ; right: 0; }
.yorumDot .swiper-pagination-bullet-active { opacity: 1; background: #b21e61; }
/*Blog*/
.searchArea {position: absolute;top: 20px;right: 8%;z-index: 9;width: 185px;box-sizing: border-box; }
.searchButton { width: 17px; float: right; }
.searchInput {border: 1px solid #e5e5e5;width: 100%;height: 21px;float: right;padding: 0 5px;box-sizing: border-box; background: #e5e5e540;}
.blogAnaBaslik { width: 100%; float: left; padding: 20px 0px 40px 0px; text-align: center; position: relative;}
.blogAnaBaslik span { font-size: 44px; color: #000; display: inline-block; font-family: 'Playfair Display', serif; line-height: 48px; border-right: 1px solid #000; padding-right: 20px; margin-right: 20px; }
.blogAnaBaslik img { display: inline-block; width: 150px; position: relative; top: 3px; }
.blogMenu { width: 100%; height: 53px; background: #e5e5e5; float: left; text-align: center; }
.blogMenu ul li { display: inline-block; margin: 0px 15px; }
.blogMenu ul li a {color: #414141;font-size: 24px;line-height: 53px;letter-spacing: 0;transition: all ease-in-out 0.3s;font-family: 'Source Sans Pro', sans-serif;}
.blogMenu ul li a:hover { color: #bc2066; }
.blogSlider { width: 100%; float: left; margin-top: 20px; overflow: hidden; margin-bottom: 40px; }
.blogSliderContainer { width: 150%; margin-left: -25% !important; height: 465px; padding: 30px 0px 60px !important; }
.blogSliderContainer .swiper-slide { height: 465px; background-size: cover; background-position: center; display: table; text-align: center; padding: 0px 100px; box-sizing: border-box; box-shadow: 0px 5px 29px 0px rgba(0, 0, 0, 0.2); }
.blogSliderContainer .swiper-slide:before { width: 100%; height: 465px; position: absolute; content: ""; left: 0px; bottom: 0px; background: rgba(0,0,0,0); background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,0.8))); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
z-index: 1; }
.blogSliderContainer .swiper-slide h2 { color: #fff; font-size: 40px; font-family: 'Source Sans Pro', sans-serif; position: relative; z-index: 2; font-weight: 500; }
.blogSlider .swiper-pagination-bullet { width: 15px; height: 15px; display: inline-block; border-radius: 100%; background: #36363c; opacity: .5; }
.blogSlider .swiper-pagination-bullet-active { opacity: 1; background: #bc2066; }
.blogSlider .swiper-slide h2 { display: none; }
.blogSlider .swiper-slide.swiper-slide-next h2 { animation-name: zoomIn !important; display: block !important; visibility: visible !important; }
.blogSlider .swiper-button-next, .swiper-button-prev { position: absolute; top: 50%; width: 32px !important; height: 60px !important; margin-top: -30px !important; z-index: 10; cursor: pointer; background-size: 32px 60px !important; background-position: center; background-repeat: no-repeat; }
.blogSlider .swiper-button-next, .blogSlider .swiper-container-rtl .swiper-button-prev { background-image: url(../images/blog/blogRight.png) !important; right: 18% !important; left: auto; }
.blogSlider .swiper-button-prev, .blogSlider .swiper-container-rtl .swiper-button-next { background-image: url(../images/blog/blogLeft.png) !important; left: 18% !important; right: auto; }
.blogRow { width: 100%; float: left; margin: 0px; }
.blogContainer { width: 1290px; margin: auto; }
/*.masonry { /* Masonry container / column-count: 3; column-gap: 40px; width: 100%; float: left; }
.item { display: inline-block; margin: 0 0 100px; width: 100%; }*/
.blogKapak { width: 100%; float: left; position: relative; }
.blogKapak img { transition: all ease-in-out 0.3s; }
.blogKapak:before { width: 100%; height: 30%; content: ""; position: absolute; z-index: 1; background: rgba(0,0,0,0); background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,0.8))); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
bottom: 0px; left: 0px; }
.blogKapak:after { width: 20px; height: 20px; background: #fff; z-index: 3; position: absolute; content: ""; left: 50%; margin-left: -20px; bottom: -10px; transform: rotate(135deg); }
.item:hover .blogKapak img { box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2); }
.blogKapakBilgi { position: absolute; z-index: 2; bottom: 0px; color: #fff; padding: 10px 20px; box-sizing: border-box; width: 100%; }
.blogTarih { float: left; font-size: 14px; text-transform: uppercase; }
.blogYorum { float: right; text-align: right; }
.blogYorum img { display: inline-block; margin-right: 8px; }
.blogYorum span { font-size: 14px; line-height: 16px; display: inline-block; position: relative; top: -3px; }
.blogIcerik { width: 100%; float: left; padding-top: 30px; font-family: 'Source Sans Pro', sans-serif; }
.blogIcerik h3 { font-size: 20px; line-height: 28px; margin-bottom: 15px; color: #202020; font-family: 'Source Sans Pro', sans-serif; }
.kategYazar { width: 100%; float: left; margin-bottom: 10px; font-size: 12px; color: #202020; font-weight: 700; }
.kategYazar img { margin-right: 5px; }
.kategAdi, .yazar { text-transform: uppercase; color: #202020; }
.kategAdi:hover { color: #bc2066; }
.slas { margin: 0px 5px; display: none; }
.blogIcerik p { color: #4a4a4a; font-size: 15px; line-height: 20px; margin-bottom: 20px; font-weight: 400; }
.devamiOku { width: 100%; float: left; color: #202020; font-weight: 700; }
.devamiOku span { display: inline-block; margin-right: 7px; color: #202020; }
.devamiOku img { display: inline-block; position: relative; top: -2px; transition: all ease-in-out 0.5s; }
.devamiOku:hover img { margin-left: 10px; }
.dahaFazlaGoster { width: 100%; float: left; margin-bottom: 100px; text-align: center; }
.dahaFazlaGoster a {  color: #fff; height: 37px; line-height: 37px; font-weight: 600; background: #424242; width: calc(33.3% - 30px); display: inline-block; font-size: 15px; transition: all ease-in-out 0.3s;}
.dahaFazlaGoster a:hover { background: #bc2066; }
.blogSlider + .blogRow .blogContainer .dahaFazlaGoster a { display:none; }
.blogBaslik { text-align: center; width: 100%; float: left; font-size: 20px; color: #838383; font-weight: 300; margin-bottom: 40px; font-family: 'Source Sans Pro', sans-serif; }
.kategBaslik { font-size: 48px; color: #000; font-weight: 500; font-family: 'Playfair Display', serif; text-align: center; margin-top: 40px; margin-bottom: 40px; }
.blogDetayBanner { width: 100%; height: 535px; float: left; background-size: cover; background-position: center; text-align: center; }
.blogDetayBanner h1 { width: 40%; color: #fff; text-transform: uppercase; font-size: 38px; margin: auto; margin-top: 100px; text-shadow: 0px -5px 30px #000; position: relative; }
.blogDetayBanner h1:before { display: none; width: 96px; height: 8px; content: ""; position: absolute; left: 50%; margin-left: -48px; background: rgba(255,255,255,0.7); bottom: -30px; }
.blogDetayContainer { width: 1290px; margin: auto; margin-top: -200px; background-image: url(../images/blog/content-top.png); text-align: justify; background-size: 100% auto; background-position: top center; background-repeat: no-repeat; padding: 70px 150px 40px; box-sizing: border-box; font-family: 'Source Sans Pro', sans-serif; }
.blogDetayContainer p { font-size: 15px; line-height: 21px; color: #000; margin-bottom: 20px; }
.blogDetayContainer h2 { font-size: 24px; margin-bottom: 20px; }
.blogDetayContainer h3 { font-size: 18px; margin-bottom: 20px; }
.blogDetayContainer ul { list-style-type: disc; margin-left: 20px; margin-bottom: 20px; }
.blogDetayContainer ul li { font-size: 15px; line-height: 21px; }
.blogDetayContainer ol { list-style-type: decimal; margin-left: 20px; margin-bottom: 20px; }
.blogDetayContainer ol li { font-size: 15px; line-height: 21px; }
.blogDetayContainer a { text-decoration: underline; color: #bc2066; }
.blogDetayContainer blockquote, .blogDetayContainer q { border-left: 5px solid #ccc; margin-left: 20px; padding-left: 20px; font-style: italic; }
.blogDetayContainer img { display: inline-block; margin: 5px; margin-bottom: 20px; width: 85%; }
.etiketRow { width: 100%; float: left; padding: 70px 0px; background: #f4f6f3; display: none; }
.etiketContainer { width: 1290px; margin: auto; }
.etiketContainer h3, .blogDetayBulten h3 { text-align: center; font-size: 32px; color: #7b7b7b; margin-bottom: 30px; letter-spacing: 0.4px; }
.etiketCol { width: calc(25% - 2px); margin: 1px; float: left; }
.etiketCol span { width: 100%; color: #7b7b7b; font-size: 16px; letter-spacing: 0.4px; margin-top: 10px; font-weight: 500; float: left; }
.blogDetayBulten { width: 100%; float: left; margin-bottom: 50px; background: #e1e6e0; padding: 70px 0px; text-align: center; font-family: 'Source Sans Pro', sans-serif; }
.blogDetayBulten h3 { margin-bottom: 10px; }
.blogDetayBulten p { color: #7b7b7b; font-size: 20px; font-weight: 700; letter-spacing: 0.4px; margin-bottom: 30px; }
.blogBultenText { width: 570px; height: 77px; box-sizing: border-box; border: 2px solid #dbdbdb; background: #fff; padding-left: 30px; font-size: 20px; letter-spacing: 0.4px; font-weight: 500; }
.blogDetayBulten input[type=checkbox]:not(old) + label, .blogDetayBulten input[type=radio ]:not(old) + label { font-size: 14px; width: 520px; text-align: left; margin-top: 15px; color: #7b7b7b; margin-left: -30px }
.bultenButon { width: 170px; height: 55px; box-sizing: border-box; border: 2px solid #616360; text-align: center; background: transparent; font-size: 18px; font-weight: 700; letter-spacing: 1px; color: #7b7b7b; text-transform: uppercase; margin-top: 30px; cursor: pointer; transition: all ease-in-out 0.3s; }
.bultenButon:hover { border: 2px solid #bc2066; color: #bc2066; }
.blogSliderContainer .swiper-slide a { width: 100%; height: 100%; display: table; }
.katPlani .swiper-button-next, .katPlani .swiper-button-prev { position: absolute; top: 50%!important; bottom: 45px!important; width: 40px!important; height: 40px!important; margin-top: -20!important; z-index: 10; cursor: pointer; background-size: 40px 40px!important; background-position: center; background-repeat: no-repeat; transition: all .2s ease-in-out; }
.katPlani .swiper-button-prev, .katPlani .swiper-container-rtl .swiper-button-next { background-image: url(../images/prev.jpg); right: auto; left: 30px; }
.katPlani .swiper-button-next, .katPlani .swiper-container-rtl .swiper-button-prev { background-image: url(../images/next.jpg); right: 30px; left: auto; }
/*.masonry a { display: inline-block; }*/
/* Blog MAsonry */
#container { clear: both; }
.box { margin: 15px; padding: 5px; width: 380px; float: left; margin-bottom: 50px; }
.box a { display: inline-block; }
/**** Transitions ****/
.box:hover .blogKapak img { box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2); }
.transitions-enabled.masonry, .transitions-enabled.masonry .masonry-brick { -webkit-transition-duration: 0.7s; -moz-transition-duration: 0.7s; -ms-transition-duration: 0.7s; -o-transition-duration: 0.7s; transition-duration: 0.7s; }
.transitions-enabled.masonry { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; }
.transitions-enabled.masonry .masonry-brick { -webkit-transition-property: left, right, top; -moz-transition-property: left, right, top; -ms-transition-property: left, right, top; -o-transition-property: left, right, top; transition-property: left, right, top; }
/* disable transitions on container */
.transitions-enabled.infinite-scroll.masonry { -webkit-transition-property: none; -moz-transition-property: none; -ms-transition-property: none; -o-transition-property: none; transition-property: none; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
/* Son */
.tags { width: 100%; float: left; margin: 20px 0px 50px 0px; font-family: 'Source Sans Pro', sans-serif; }
.tags img { display: inline-block; margin-right: 10px; height: 14px; float: left; width: auto !important; }
.tags span { float: left; line-height: 24px; font-size: 16px; font-weight: bold; color: #323232; margin-right: 10px; }
.tags a { color: #787878; display: inline-block; font-size: 14px; line-height: 24px; }
.tags a:hover { color: #bc2066; }
/* Blog Son */
.etikBilgi { background: #f5f5f5; padding: 15px 25px; box-sizing: border-box; }
.etikBilgi p { font-size: 16px; }
.etikBilgi strong { font-size: 24px; margin-bottom: 10px; display: inline-block; color: #bc2066; }
.etikBilgi p a { color: #000; font-weight: bold; text-decoration: underline; }
.projeGoselContainer a:nth-child(n+5) { display: none; }
.blogTopHeader .akilliAramaBtn, .blogTopHeader .iletisimFormuBtn, .blogTopHeader .language, .blogTopHeader .hamburger-menu, .blogTopHeader ul { display: none; }
.blogTopHeader { padding: 10px 0 0px !important; }
.blogTopHeader.sticky { padding: 10px 0 10px 0px !important; }
.blogAnaBaslik { margin-top: -40px; }
.blogTopHeader .header-container { width: calc(100% - 300px); margin-left: 150px; margin-right: 150px; }
.anaDon a { font-size: 22px; letter-spacing: 0.5px; color: #414141; transition: all ease-in-out 0.3s; font-family: 'Source Sans Pro', sans-serif; font-weight: 700; }
.anaDon a:hover { color: #b21e61; letter-spacing: 1px; }
.anaDon img { float: right; position: relative; top: 11px; margin-left: 10px; }
input#lower { width: calc(50% - 5px); height: 25px; border: 1px solid #ccc; float: left; margin-right: 5px; padding-left: 10px; }
input#upper { width: calc(50% - 5px); float: left; height: 25px; border: 1px solid #ccc; box-sizing: border-box; margin-left: 5px; padding-left: 10px; }
.en .yatirimTaksit { font-size: 30px; }
.en .yatirimlarSlider { height: 460px; }
.en .detaylariGor { font-size: 20px; }
.en .rakamCol { font-size: 60px; }
.en .holding-baslik p { font-size: 14px; line-height: 26px; }
.en .holding-baslik h2 { margin-bottom: 10px; }
.en .holding { height: auto; padding: 35px 55px; }
.en .cadirYer { font-size: 20px; }
.en .cadirKamp { font-size: 26px; line-height: 36px; }
.en .cadirAltKamp { font-size: 22px; margin-top: 10px; }
.en .firsatiYakala { height: 50px; line-height: 50px; font-size: 14px; }
.en .cadirRow:nth-child(odd) .cadirDetay { margin-left: 200px; }
.en .cadirRow:nth-child(even) .cadirDetay { margin-right: 150px; }
.en .cadirRow:nth-child(even) .cadirICerik { margin-left: 50px; margin-right: 0px; }
.en .projeEbulten .ebultenIzin { margin-top: 10px; width: calc(100% - 200px); margin-left: 160px; }
.en .projeEbultenText { width: 470px; }
.en .akilliAramaBtn { padding: 15px; }
.en .formuDoldur { margin-top: 20px; }
.en .projeDetaySurec { margin-top: 10px; }
.en .projeDetaySurec ul li span { font-size: 14px; }
.en #haberDuyurular, .en .devamiTikla { display: none; }
.en .sorularCol p { font-size: 14px; line-height: 20px; }
.en .yatirimciMenuBg ul li { width: calc(33.3% - 60px); min-height: 150px; }
.en .yatirimciMenuBg ul li ul li { width: 100%; min-height: auto; }
.en .projeSliderDetay h3 { font-size: 22px; line-height: 30px; }
.en .canliTanitim h5 { font-size: 34px; }
.en .projeSliderDetay h4 { font-size: 44px; }
.en .projeEbulten h3 { font-size: 38px; font-family: 'Roboto', sans-serif; }
.en .ebultenIzin input[type=checkbox]:not(old)+label, .ebultenIzin input[type=radio]:not(old)+label { margin-left: 10px; }
.en .akilliAramaBtn img, .en .iletisimFormuBtn img { margin-right: 10px; position: relative; top: 3px; }
.en .iletisimFormuBtn, .en .akilliAramaBtn { width: 160px; height: 45px; padding: 12px 15px; font-size: 14px; }
.en .yatirimciBanner { background-image: url(/assets/images/banner/yatirimci-iliskileri-en.jpg) !important; }
.en .araBtn { padding-left: 22px; background-position: -8px center; }
.ar { direction: rtl; text-align: right; }
.ar .hMenuCol, .ar .hMenuCol ul li a strong, .ar .hamburgerMenuBg h2, .ar .ebulten, .ar .gallery-thumbs, .ar .detay { float: right; }
.ar .menuKapat, .ar .takipEt { float: left; }
.ar .bultenBtn { margin-right: auto; margin-left: 20px; transform: rotate(180deg); margin-top: -40px; float: left; }
.ar .ebultenText { padding-right: 50px; }
.ar .ebulten input[type=checkbox]:not(old)+label { padding-right: 30px; padding-left: 0px; background-position: right; }
.ar .sliderSlogan { float: right; margin-left: auto; margin-right: 70px; direction: rtl; }
.ar .select2, .ar .select1 { padding-right: 30px; background-position: left center; text-align: right; direction: rtl; }
.ar .akilliAramaBtn img, .ar .iletisimFormuBtn img { margin-right: 3px; margin-left: 5px; }
.ar .listeleBtn { background-position: right center; font-size: 22px; }
.ar .canliTanitim img { float: right; margin-right: 0px; margin-left: 15px; }
.ar .hemenIzle { float: right; text-align: right; direction: rtl; padding-right: 20px; box-sizing: border-box; font-size: 16px; }
.ar .hemenIzle img { float: left; margin-right: 20px; }
.ar .toplamKonut img { float: right; margin-right: 0; margin-left: 15px; }
.ar .toplamKonut h5 { font-size: 22px; float: right; }
.ar .projeDurumu img { float: right; margin-right: 0px; margin-left: 15px; }
.ar .projeDurumu h5 { float: right; }
.ar .projeDurumu span { float: right; margin-left: 10px; }
.ar .kesfet { text-align: right; font-size: 16px; padding-right: 20px; box-sizing: border-box; float: right; }
.ar .kesfet img { margin-left: 0; transition: all ease-in-out .3s; margin-right: 15px; transform: rotate(-180deg); float: left; position: relative; top: 18px; left: 30px; }
.ar .rakamCol { font-size: 60px; }
.ar .yatirimBaslik:before { left: auto; right: 0px; }
.ar .detaylariGor { float: right; }
.ar .detaylariGor img { transform: rotate(-180deg); margin-right: 10px; float: left; position: relative; top: 18px; left: 25px; }
.ar #haberDuyurular { display: none; }
.ar #odullerimiz h2 { font-size: 60px; line-height: 20px; }
.ar .footerTel { direction: ltr; }
.ar .cookie p { float: right; font-size: 16px; }
.ar #slider, .ar .swiper-container, .ar .sliderHizliArama { direction: ltr; }
.ar .cadirRow { direction: ltr; }
.ar .cadirRow:nth-child(odd) .cadirDetay { margin-left: 150px; direction: rtl; padding-right: 70px; }
.ar .cadirKamp { font-size: 36px; }
.ar .firsatiYakala { float: right; }
.ar .firsatiYakala img { transform: rotate(-180deg); margin-right: 15px; }
.ar .cadirRow:nth-child(even) .cadirDetay { margin-right: 150px; direction: rtl; padding-left: 50px; }
.ar .breadcrumb.siyah { float: right; text-align: right; }
.ar .breadcrumb img { transform: rotate(-180deg); }
.ar .projeDetayAdres img { float: right; }
.ar .projeDetayAdres span { float: right; margin-left: 0px; margin-right: 15px; }
.ar .projeDetayAdres span br { display: none; }
.ar .projeDetayAdres, .ar .projeDetayAciklama { font-size: 16px; line-height: 28px; }
.ar .formuDoldur { float: right; }
.ar .projeDetayBaslik { float: right; margin-left: 0; margin-right: 85px; text-align: right; }
.ar .projDetayVideo { float: left; right: auto; left: 45px; }
.ar .projDetayVideo img { float: left; margin-right: 15px; }
.ar .projDetayVideo span { float: right; margin-right: 15px; }
.ar .projeDetaySliderSol h3:before { right: 0px; left: auto; }
.ar .projeDetaySliderSol ul li { padding-right: 25px; padding-left: 0px; min-height: 20px; }
.ar .projeDetaySliderSol ul li:before { left: auto; right: 0px; transform: rotate(-180deg); }
.ar .projeEbulten h3 { font-size: 36px; }
.ar .projeEbultenText { width: calc(100% - 260px); padding-right: 30px; font-size: 16px; }
.ar .projeEbulten .bultenBtn { margin-left: 300px; margin-top: -50px; }
.ar .projeEbulten .ebultenIzin { width: calc(100% - 278px); float: right; }
.ar .projeEbulten .ebultenIzin input[type=checkbox]:not(old)+label, .ar .projeEbulten .ebultenIzin input[type=radio]:not(old)+label { padding-right: 30px; background-position: right top; font-size: 15px; line-height: 23px; }
.ar .yatirimciMenuBg ul li ul li a { padding-right: 15px; }
.ar .yatirimciMenuBg ul li { width: calc(33.3% - 60px); min-height: 200px; }
.ar .yatirimciMenuBg ul li ul li { width: 100%; min-height: auto; }
.ar .aramaTab li { float: right; margin-left: 30px; margin-right: 0px; }
.ar .aramaTab, .ar #iletisimFormu ul li span { float: right; }
.ar .araBtn { float: left; }
.ar .iSelect { background-position: left center; }
.ar .iSelect, .ar .iFormText { padding-right: 20px; }
.ar #iletisimFormu ul li { margin-right: 0px; margin-left: 50px; float: right; }
.ar #iletisimFormu ul li:last-child { margin-left: 0; }
.ar .yurtSelect { float: right; margin-right: 0px; padding-right: 10px; }
.ar #iletisimFormu input[type=checkbox]:not(old)+label, .ar #iletisimFormu input[type=radio]:not(old)+label { background-position: right center; padding-right: 25px; }
.ar .devamEt img { float: right; margin-left: 15px; }
.ar .devamEt { font-size: 20px; }
.ar .aramaKapat, .ar .kapat2 { position: absolute; top: 50px; right: auto; cursor: pointer; left: 70px; }
.ar .takipEt h2 { float: left; margin-top: 85px; margin-right: 0px; margin-left: 30px; }
.ar .projeSliderDetay h4 { font-size: 34px; line-height: 50px; }
.ar .copyright { float: right; }
.ar .projeListBaslikBg { text-align: right; }
.ar .projeIncele { float: left; }
.ar .projeListLok { float: right; margin-top: 10px; }
.ar .projeListLok img { float: right; margin-left: 10px; }
.ar .projeMenu .projeTab li:nth-child(4) a { width: 220px; }
.ar .projeMenu .projeTab li a { width: 150px; }
.ar .ilSec { background-position: left center; padding-right: 20px; }
.ar .detay { padding: 15px 10px 15px 30px; }
.ar .projeDetayBannerSag h1 { font-size: 32px; }
.ar .projeDetayBaslik h2 { font-size: 40px; line-height: 30px; }
.ar .sidebar ul li a { float: right; }
.ar .bilgilendirmeTablosuBg table tr td { text-align: right; padding-right: 15px; }
.ar .bilgilendirmeTablosuBg table tr th { text-align: right; padding-right: 15px; }
.ar .sozlesmeContainer a { height: 350px; display: inline-block; padding: 30px 20px; margin-left: 0; }
.ar .sozlesmeContainer a p { font-size: 14px; }
.ar .sozlesmeContainer h2, .ar .sozlesmeContainer h3 { font-size: 16px; margin-bottom: 15px; }
.ar .yatirimciBanner { background-image: url(/assets/images/banner/yatirimci-iliskileri-ar.jpg) !important; }
.ar .insaatBottom h3 { text-align: left; }
.blogDetayContainer h1 { margin-bottom: 40px; text-align: center; }
.degerleme h2, .degerleme h3 { font-size: 20px !important; line-height: 24px; min-height: 112px !important; margin-bottom: 0px; text-transform: uppercase; }
.degerleme a { height: 280px; display: inline-block; padding: 50px 30px; }
.degerleme p { display: none; }
.aramaSonucTeslim .damga { display: none; }
ul.maddeler {
    list-style-type: circle;
    margin-left: 20px;
}
ul.maddeler li {
    color: #141414;
    font-size: 16px;
    line-height: 24px;
    font-family: 'Roboto', sans-serif;
    text-align: justify;
    margin-bottom: 5px;
}

.tesekkurIcerik img { width:100px!important; }
/* .tr .modal.fade {top:-100%;} */