@font-face{    font-family:'BillExtraLight';     src:url("../fonts/billcorporatenarrow-extralight.eot");     src:url("../fonts/billcorporatenarrow-extralight.eot?#iefix") format("embedded-opentype"),url("../fonts/billcorporatenarrow-extralight.woff") format("woff"),url("../fonts/billcorporatenarrow-extralight.ttf") format("truetype");     font-weight:200;     font-style:normal}
@font-face{    font-family:'BillMedium';     src:url("../fonts/billcorporatenarrow-medium.eot");     src:url("../fonts/tenarrow-medium.eot?#iefix") format("embedded-opentype"),url("../fonts/billcorporatenarrow-medium.woff") format("woff"),url("../fonts/billcorporatenarrow-medium.ttf") format("truetype");     font-weight:500;     font-style:normal}
@font-face{    font-family:'BillBold';     src:url("../fonts/billcorporatenarrow-bold.eot");     src:url("../fonts/billcorporatenarrow-bold.eot?#iefix") format("embedded-opentype"),url("../fonts/billcorporatenarrow-bold.woff") format("woff"),url("../fonts/billcorporatenarrow-bold.ttf") format("truetype");     font-weight:bold;     font-style:normal}
@font-face{    font-family:'BillRoman';     src:url("../fonts/billcorporatenarrow-roman.eot");     src:url("../fonts/billcorporatenarrow-roman.eot?#iefix") format("embedded-opentype"),url("../fonts/billcorporatenarrow-roman.woff") format("woff"),url("../fonts/billcorporatenarrow-roman.ttf") format("truetype");  font-weight:normal;  font-style:normal}
a{cursor:pointer}
input, textarea{outline:0; float:left}
:focus{outline:0}
.temizle, .clear{clear:both}
.sekil2{width:1000px; height:auto; height:100%; margin:0 auto}
#site_kalip{height:auto!important; margin:0 auto; min-height:100%; height:100%; position:relative}
.kaydir{height:0}
#footer{width:100%;position:relative;z-index:13;/* overflow:hidden; */background: #1e5c37;margin-top: 120px;}
#logo canvas{left:0; top:0}
#menu{z-index:55}
ul.menuul{margin:0; padding:0}
li.menuli{float:left; position:relative}
.actir{height:50px}
a.menua{display:block; text-decoration:none; font-family:'BillRoman',sans-serif; font-size:13px; color:#000; padding-left:10px; padding-right:10px; height:40px; line-height:40px; width:auto; margin-left:10px}
a.menua:hover{color:#F65D20}
.sf_mobil_goster{display:none}
ul.acilirul{margin:0; padding:0; list-style-type:none; width:220px; min-height:150px; background:#9E110A; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; padding-top:0; padding-bottom:10px; position:absolute; z-index:111; -webkit-box-shadow:0 1px 22px -5px rgba(0,0,0,0.75); -moz-box-shadow:0 1px 22px -5px rgba(0,0,0,0.75); box-shadow:0 1px 22px -5px rgba(0,0,0,0.75); display:none; -webkit-animation-duration:.3s; animation-duration:.3s; -webkit-animation-fill-mode:both; animation-fill-mode:both; -webkit-animation-timing-function:linear; animation-timing-function:linear; margin-top:10px}
.acilirul li:last-child a{border-bottom:none}
.acilirul:after{content:""; position:absolute; top:-5px; background-image:url(../../images/yukariok.png); background-repeat:no-repeat; width:10px; height:5px; left:25%; margin-left:-10px}
a.acilira{text-decoration:none; display:block; font-family:'BillRoman',sans-serif; font-size:14px; color:#FFF; width:100%; min-height:31px; padding-top:5px; text-indent:10px; box-sizing:border-box; border-bottom:1px dotted #FFF; padding-bottom:3px}
a.acilira:hover{color:#481602}
li.menuli:hover ul.acilirul{display:block}
@-webkit-keyframes fadeInDown{ 0%{opacity:0; -webkit-transform:translateY(-20px)}
    100%{opacity:1; -webkit-transform:translateY(0)}
}
@keyframes fadeInDown{ 0%{opacity:0; transform:translateY(-20px)}
    100%{opacity:1; transform:translateY(0)}
}
.fadeInDown{-webkit-animation-name:fadeInDown; animation-name:fadeInDown}
#sosyal_div{float:right; height:31px; padding:0 5px; padding-top:5px; min-width:150px; -webkit-border-bottom-right-radius:10px; -webkit-border-bottom-left-radius:10px; -moz-border-radius-bottomright:10px; -moz-border-radius-bottomleft:10px; border-bottom-right-radius:10px; border-bottom-left-radius:10px; margin-right:28px}
.sosyal_a{float:left;color: #fff;text-align:center;font-size: 17px;position:relative;z-index:9;border: 1px solid #ffffff;margin-right: 9px;width: 40px;height: 40px;border-radius: 50%;line-height: 38px;margin: 8px 7px;}
.sosyal_fb:hover{color:#3b5998!important}
.sosyal_tw:hover{/* color:#00aced!important */}
.sosyal_ins:hover{/* color:#325c86!important */}
.sosyal_fs:hover{color:#0072b1!important}
.sosyal_gp:hover{color:#dd4b39!important}
footer .sosyal_fb:hover{background:#3b5998!important;color: white!important;border-color: #3b5998!important;}
footer .sosyal_tw:hover{background:#00aced!important;color:white!important;border-color: #00aced!important;}
footer .sosyal_ins:hover{background:#325c86!important;color:white!important;border-color: #325c86!important;}
footer .sosyal_fs:hover{background:#0072b1!important;color:white!important;border-color: #0072b1!important;}
footer .sosyal_gp:hover{background:#dd4b39!important; color:white!important}
.menu_sosyal a.sosyal_a.sosyal_fb:hover{color:#3b5998!important}
.menu_sosyal a.sosyal_a.sosyal_tw:hover{color:#00aced!important}
.menu_sosyal a.sosyal_a.sosyal_ins:hover{color:#325c86!important}
.menu_sosyal a.sosyal_a.sosyal_fs:hover{color:#0072b1!important}
.menu_sosyal a.sosyal_a.sosyal_gp:hover{color:#dd4b39!important}
.sosyal_a:hover i{
    /* transform: rotate(360deg); */
}
#ustIletisim{margin-top:3px}
.dila{padding-left:6px; padding-right:3px; height:15px; line-height:15px; color:#FFF; width:auto; float:left; margin-right:5px}
.sube .adres_veri{float:left}
.sube .adres_baslik{width:75px}
.etiket_div{width:100%; margin:0 auto; height:auto; min-height:35px; background:#F2F2F2; margin-top:40px; padding:5px 10px; box-sizing:border-box; clear:both}
a.etiketa{float:left; width:auto; padding:2px 10px; margin-right:10px; font-family:Arial; font-size:11px; color:#1C1C1C}
a.etiketa:hover{text-decoration:underline; font-style:italic}
a.etiketa:before{content:'\f02b'; font-family:'fontAwesome'; margin-right:5px}
#icerik{width:100%;height:auto;overflow:hidden;min-height:100vh;padding-top: 110px;}
.banner{width:100%; background-size:cover; background-repeat:no-repeat; padding-bottom:15.625%}
.icerik_ic{width:1150px; margin:0 auto; height:100%; min-height:500px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#FFF; margin-bottom:20px; background-image:url(../../images/loading.gif); background-position:center 75px; background-repeat:no-repeat; clear:both; position:relative; top:25px; max-width:100%}
#icerik .icerik_genel, #icerik .icerik_resim{visibility:hidden; opacity:0}
.icerik_load{left:50%; position:relative; z-index:11; margin-left:-24px; margin-top:65px}
.baslik{display:block;color:#303030;font-family:'BillBold',sans-serif;font-size:18px;text-align: left;/* border-bottom:2px solid #303030; */background: #b4a496;/* margin-top: 28px; *//* -webkit-box-shadow: 0 16px 12px -15px rgba(0, 0, 0, 0.07) inset; */-moz-box-shadow: 0 16px 12px -15px rgba(0, 0, 0, 0.07) inset;/* box-shadow: -5px 21px 12px -15px rgb(251, 229, 212) inset; *//* margin-top: 18px; */height: 100px;padding-top: 35px;}
.solvar_baslik{width:80%; float:right}
.icerik_genel{padding:15px;line-height:22px;box-sizing:border-box;min-height: 500px;}
.icerik_resim{width:100%; padding:15px; box-sizing:border-box; height:auto}
.solvar_resim{width:80%; float:right}
fieldset{border:none; color:#ccc; margin-top:25px; float:left; width:100%; box-sizing:border-box}
legend{color:#525252; padding:0 15px}
.coklu_gorsel{float:left;width:100%;overflow:hidden;box-sizing:border-box;text-align:center;}
.res_baslik{min-height:30px;}
.res_bozma{height:120px; display:table}
.res_bozma .coklu_gorsel2{display:table-cell; vertical-align:middle; text-align:center; float:none}
.res_bozma .coklu_gorsel2 img{max-width:85%; max-height:90%}
.video{width:270px; float:left; height:195px; margin:0 19px 20px 27px; position:relative; box-sizing:border-box; color:#000}
.video li{list-style:none}
.video img{width:100%; height:auto; padding:10px; box-sizing:border-box; opacity:.2}
.videolar li{float:left; margin-bottom:50px}
.video-icon{width:30px; height:30px; background:url(../../images/video-icon.png); background-repeat:no-repeat; position:absolute; left:50%; top:50%; opacity:.8; margin-left:-15px; z-index:2; margin-top:-30px}
.video:hover{border-color:#C7DDE8}
.video:hover .video-icon{opacity:1}
.video_galeri li{list-style:none}
.video-baslik{font-weight:600; text-align:center; width:100%; padding-top:3px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; max-height:35px; overflow:hidden; height:auto; bottom:-2px; position:absolute; z-index:11}
.karart{width:100%; height:80%; float:left; background:url(../../images/opa.png); position:absolute; left:0; top:0; z-index:1; display:table}
.karart span{vertical-align:middle; text-align:center; display:table-cell}
.video_detay{width:auto; height:auto}
.video_detay iframe{max-width:900px!important}
.slider{width:100%; overflow:hidden}
#slider{width:100%;float:left;position:relative;z-index:2;overflow:hidden;}
#slider_alt{width:100%; height:70px; background:#EAEAEA; float:left}
#indexReferanslar{width:100%; float:left; padding:30px 0; margin-top:10px}
#indexReferanslar .item{float:left; width:100%; padding:0 10px}
#indexReferanslar .item >a{background:#fff; float:left; width:100%; border-radius:5px; text-align:center}
#indexReferanslar .item picture{padding:10px 0; display:block; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box; border:1px solid #ddd}
#indexFotogaleri{width:100%; float:left; background:#465568; padding:30px 0; margin-top:30px}
#indexFotogaleri .item{float:left; width:100%; padding:0 10px}
#indexFotogaleri .item >a{background:#fff; float:left; width:100%; border-radius:5px; text-align:center}
#indexFotogaleri .item .resim_baslik{width:100%; height:30px; color:#000}
#indexFotogaleri .item picture{padding:10px 0; display:block; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box}
#yorumyap{width:420px; margin:0 auto; height:310px; padding:18px 20px; display:none; float:right; position:absolute; right:15px; top:-25px; background:#fff; box-shadow:0 0 16px -2px rgba(0,0,0,0.52); font-family:'BillRoman',sans-serif}
.yor_ana_bas{width:100%; height:30px; float:left; font-size:16px; font-weight:700; text-align:left; line-height:30px; margin-bottom:10px}
.yor_bas{width:100px; height:30px; float:left; font-size:14px; font-weight:700; line-height:30px; margin-bottom:10px}
.yor_txt{float:left; display:block; width:100%; font-size:14px; line-height:1.42857; color:#555; background-color:#f0f0f0; background-image:none; box-shadow:rgba(0,0,0,0.0745098) 0 1px 1px inset; padding:6px 12px; border-width:1px; border-style:solid; border-color:#ccc; border-image:initial; border-radius:0; transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out; font-family:'BillRoman',sans-serif; margin-bottom:10px}
.yas{float:left; display:block; width:100%; font-size:14px; line-height:1.42857; color:#555; background-color:#f0f0f0; background-image:none; box-shadow:rgba(0,0,0,0.0745098) 0 1px 1px inset; padding:6px 12px; border-width:1px; border-style:solid; border-color:#ccc; border-image:initial; border-radius:0; transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out; font-family:'BillRoman',sans-serif; margin-bottom:10px}
.yor_mtn{float:left; display:block; width:100%; font-size:14px; line-height:1.42857; color:#555; background-color:#f0f0f0; background-image:none; box-shadow:rgba(0,0,0,0.0745098) 0 1px 1px inset; padding:6px 12px; border-width:1px; border-style:solid; border-color:#ccc; border-image:initial; border-radius:0; transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out; font-family:'BillRoman',sans-serif; margin-bottom:10px; height:90px; resize:vertical}
.yor_btn{display:inline-block; margin-bottom:0; text-align:center; vertical-align:middle; touch-action:manipulation; cursor:pointer; background-image:none; white-space:nowrap; width:100%; font-size:14px; line-height:1.42857; -webkit-user-select:none; font-weight:600; font-family:'BillRoman',sans-serif; border-width:1px; border-style:solid; border-color:transparent; border-image:initial; padding:6px 12px; border-radius:0; color:#fff; background-color:#5cb85c; border-color:#4cae4c; text-transform:uppercase}
.dliste{margin:15px 0; padding:0}
#dlist{float:left; margin-bottom:15px; width:100%; min-height:67px; padding:10px; box-sizing:border-box; border-radius:5px; -webkit-box-shadow:0 8px 13px -8px rgba(0,0,0,0.19); -moz-box-shadow:0 8px 13px -8px rgba(0,0,0,0.19); box-shadow:0 8px 13px -8px rgba(0,0,0,0.19)}
#dlist .yorum-logo{margin-right:15px; width:75px}
#dlist #yorumlayan{margin-bottom:7px; width:100%; float:left; border-bottom:1px solid #efefef}
#dlist #yorumlayan span{float:right; color:#333}
#dlist #yorumlayan div{display:inline-block; border-bottom:2px solid #f59c11; padding-right:40px; font-family:'BillRoman',sans-serif; font-size:14px; font-weight:500}
.yorum-yap{float:right; padding:3px 9px; border-radius:5px 5px 0 0; font-weight:700; color:#3c3c3c; font-size:12px; margin-top:-70px; background:#fff; border:1px solid #CCC; font-family:'BillRoman',sans-serif; text-transform:uppercase}
.yorum-yap:hover{background:#dedede; color:#000}
.dosya_listea{color:#000; padding:7px}
.haberler{min-height:110px; padding:20px 0; overflow:hidden}
.haberler-baslik{color:#f09a15}
.haberler-metin{color:#000}
.devamis{position:absolute; right:0; top:100%; line-height:27px}
.devami{font-size:13px; color:#fff; font-family:'Raleway',sans-serif; font-weight:700; line-height:40px; border:2px solid #d7b469; padding:0 40px; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; display:inline-block; text-transform:uppercase; letter-spacing:1px; background:#d7b469; min-width:190px; height:40px; text-align:center; -webkit-transition:all 0.2s linear 0s; -moz-transition:all 0.2s linear 0s; -ms-transition:all 0.2s linear 0s; -o-transition:all 0.2s linear 0s; transition:all 0.2s linear 0s}
.devammetin{color:#979797}
.devamis:before{content:'\f105 '; font-family:'fontAwesome'; color:#979797; position:absolute; left:-25px; font-size:15px; width:24px; height:24px; text-align:center; line-height:24px; border-radius:50%; box-shadow:-2px 2px 9px -1px #999}
.haberResimAna{max-width:200px; float:left; margin-right:20px; margin-bottom:20px}
.haber_baslik{font-size:13px; font-weight:700; font-family:'BillRoman',sans-serif; font-size:14px; color:#000}
.idari_liste{display:block; width:100%; text-align:center}
.idari_detay{display:inline-block; margin:0 15px; text-align:center; width:193px; margin-top:25px}
.idari_detay:hover .idari_baslik_dis{background:#0a7d9e}
.idari_detay:hover .idari_isim, .idari_detay:hover .idari_bolum{color:#fff}
.idari_gorsel{width:193px; height:245px; overflow:hidden}
.idari_baslik_dis{padding:11px 0; width:100%; height:auto; text-align:center}
.idari_isim{color:#f09a15; font-size:16px; font-weight:800; font-style:italic; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.idari_bolum{font-size:12px; font-weight:500; color:#f09a15; padding-top:3px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.hizmetler-baslik{color:#ed1c24; font-weight:700; text-decoration:none; font-size:16px}
.hizmetler-metin{color:#000; font-size:13px}
.hizmet_baslik{font-size:13px; font-weight:700; font-family:'BillRoman',sans-serif; font-size:14px; color:#000}
.ref_liste{float:left; width:100%; border-left:2px solid #717171; padding-left:20px; box-sizing:border-box; margin-bottom:10px; font-family:'BillRoman',sans-serif; border-bottom:1px dotted #CCC; padding-top:7px; padding-bottom:7px}
.ref_liste div{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; height:15px}
.ref_liste .referans_firma{float:left; width:25%; font-weight:700}
.ref_liste .referans_is{float:left; width:25%}
.ref_liste .referans_yil{float:left; width:25%}
.ref_liste .referans_sehir{float:left; width:25%}
.etiket_liste{float:left; width:100%; border-left:2px solid #717171; padding-left:20px; box-sizing:border-box; margin-bottom:10px; font-family:'BillRoman',sans-serif; border-bottom:1px dotted #CCC; padding-top:7px; padding-bottom:7px; color:#000}
.etiket_liste div{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; height:15px}
.etiket_liste .sayfa_ismi{float:left; width:40%; font-weight:700}
.etiket_liste .sonuc{float:left; width:20%}
.resimref_a{width:165px; height:120px; display:table-cell; text-align:center; vertical-align:middle; float:inherit}
.resimref_a img{width:inherit; max-width:70%}
.solmenu_baslik{background:#000;color:#fff;margin:0;padding-top:10px;padding-bottom:10px;}
.solmenua{width:100%; height:auto; padding-top:5px; text-indent:10px; float:none; font-family:'BillRoman',sans-serif; font-size:14px; color:#000002; text-transform:capitalize; background-position:8px center; background-repeat:no-repeat; transition:all .2s ease-out; display:inline-block; border-left:2px solid #d7b46a; text-align:left; padding-bottom:5px; margin-bottom:7px}
.solmenua:hover{background:#d7b46a; font-family:'BillBold',sans-serif}
.solAktif{font-family:'BillBold',sans-serif; background:#d7b46a}
.urun_liste{width:170px; height:150px; float:left; margin-left:12px; margin-top:25px}
.urun_resim{width:100%; float:left; overflow:hidden}
.urun_baslik{color:#333; font-size:16px; font-weight:700; text-align:center;height: 45px;}
.linkleme{float:none; display:block; color:#303030; font-family:'BillBold',sans-serif; font-size:20px; margin-right:4px; display:inline-block; cursor:pointer; text-transform:uppercase}
.linkleme_a{color:#303030;display:inline-block;}
.linkleme:after{display:none}
.linkleme:before{display:none}
.urundetay_resimkap{display:table}
.urunResimAna{}
.str{font-family:'BillRoman',sans-serif; font-size:13px}
.bol{width:50%; float:left; overflow:hidden}
.bol2{width:auto; float:right; overflow:hidden; max-width:50%}
.proje_liste{width:170px; height:150px; float:left; margin-left:17px; margin-top:25px}
.proje_resim{width:100%; height:120px; float:left; overflow:hidden}
.proje_baslik{width:100%; height:30px; line-height:30px; float:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center; color:#000}
span.help-block{width:100%; height:auto; float:left; font-family:Arial; font-size:12px; color:red}
#save-widget{width:300px; box-shadow:rgba(0,0,0,0.298039) 0 1px 4px -1px; background-color:#fff; padding:10px; font-family:Roboto,Arial; font-size:13px; margin:15px; position:absolute; top:-5px!important; left:auto!important; right:-5px!important; z-index:1000001!important}
.iletisim{float:left; width:100%; box-sizing:border-box; position:relative}
.iletisim_satir{width:100%; clear:both; margin-bottom:10px; float:left}
.adres{width:100%; clear:both; margin-bottom:25px; float:left}
.adres_baslik{float:left;width:100%;font-family:'BillRoman',sans-serif;color:#5f6062;font-size:17px;}
.adres_veri{float:left; width:100%; font-size:15px; color:#5f6062; font-family:'BillRoman',sans-serif}
.iletisim_sag .adres_baslik2{margin-bottom:20px}
.iletisim_sag .iletisim_satir{margin-bottom:14px; width:100%}
.stn{width:190px; float:left; margin-right:20px}
.iletisim_formu{float:right; margin:0 -7px}
.iletisim_formu .mesaj{width:401px}
.iletisim_formu .gonder_buton{float:right; width:auto; padding:7px 11px; border:1px solid silver; background-color:#C30000; color:#fff; cursor:pointer; box-shadow:none; min-width:80px}
.iletisim_formu .gonder_buton:hover{background-color:#A50404}
#iletisim_tekli .iletisim_sol .iletisim_satir{margin-bottom:20px}
#iletisim_tekli .iletisim_sag .iletisim_satir{margin-bottom:10px}
#iletisim_tekli .adres_baslik2{margin-bottom:20px}
.harita_link{float:right; color:#000; background-image:url(../../images/harita.png); background-repeat:no-repeat; background-position:left center; text-indent:24px; padding-top:3px; font-size:11px}
.harita_detay{width:970px; height:350px}
#iletisim_sollu .iletisim_sol{width:50%}
#iletisim_sollu .map{margin-top:0; margin-left:0}
#iletisim_sollu .iletisim_formu{width:424px; float:none; margin:0 auto}
#iletisim_sollu .iletisim_sag{width:50%}
#copy{font-family:'BillRoman',sans-serif;font-size: 12px;float:left;color: #000;clear:both;white-space: nowrap;}
#nt{float: left;filter: invert(1);padding-top: 20px;}
.sayfala{margin-bottom:10px; float:left; font-size:13px; background:#FFF; height:25px; line-height:25px; width:auto; padding-left:5px; padding-right:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; margin-right:5px; font-family:'BillRoman',sans-serif; color:#000; margin-top:5px; border:1px #CCC solid}
.sayfala:hover{background:#000; color:#FFF; text-decoration:none}
.sayfala_aktif{float:left; font-size:13px; background:#000; height:25px; line-height:25px; width:auto; padding-left:5px; padding-right:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; margin-right:5px; font-family:'BillRoman',sans-serif; color:#fff; margin-top:5px}
.is_basvuru_div{width:100%; height:auto; font-family:Arial; font-size:12px}
.basvuru_sol{width:50%; float:left}
.basvuru_sag{width:50%; float:left}
.basvuru_baslik{width:100%; padding:5px 0; float:left; background-color:#F3A52C; text-indent:10px; font-family:'BillRoman',sans-serif; font-weight:700; margin-bottom:10px; margin-top:10px}
.basvuru_str{float:left; width:96%; height:auto; padding-bottom:2px; border-bottom:1px dotted #CCC}
.basvuru_sutun1{float:left; width:40%; height:28px; padding-top:8px; text-indent:10px}
.basvuru_bolum{float:left; width:2%; height:28px; padding-top:8px}
.basvuru_sutun2{float:left; width:57%; min-height:28px; padding-top:8px}
.basvuru_sutun_full{width:100%; float:left; height:auto}
.basvuru_sutun_full input[type=text]{width:88%; float:left; margin-top:-6px; margin-left:10px; margin-bottom:2px}
.alan_bol{width:35%; font-size:11px}
.alan_bol_2{width:26%}
.ters_ayar .basvuru_sutun1{width:60%}
.ters_ayar .basvuru_sutun2{width:38%}
.noborder{border:none}
.binput{-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -moz-box-shadow:inset 0 0 10px #DCDCDC; -webkit-box-shadow:inset 0 0 10px #DCDCDC; box-shadow:inset 0 0 10px #DCDCDC; border:none; height:24px; font-size:12px; padding-left:5px; padding-right:5px; width:85%}
.binput_k{width:83%}
.bcheck{box-shadow:none}
.basvuru_resim{width:100%; float:left; height:116px; text-align:center}
.bgonder{float:right; width:auto; padding:4px 10px; border:1px solid #A20202; background-color:#C30000; color:#fff; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; cursor:pointer; box-shadow:none}
.bgonder:hover{background-color:#A50404}
.bas_poz{width:30%; float:left}
.btn-file{position:relative; overflow:hidden; width:142px; background:url(../../images/user.png); background-repeat:no-repeat; background-position:left center; background-position-x:10px; height:30px; float:right; line-height:30px; font-family:'BillRoman',sans-serif; font-weight:700; margin-right:144px; background-color:#FAFAFA; border:1px solid #CCC; padding:4px; text-align:center; cursor:pointer; text-indent:10px; margin-top:44px}
.btn-file input[type=file]{position:absolute; top:0; right:0; min-width:100%; min-height:100%; font-size:100px; text-align:right; filter:alpha(opacity=0); opacity:0; background:red; cursor:inherit; display:block}
input[readonly]{background-color:#fff!important; cursor:text!important}
.bas_onizleme{float:left; margin-top:11px}
.bas_onizleme img{max-width:130px; max-height:100px}
.is_basvuru_div span.help-block{width:100%; height:auto; float:left; font-family:Arial; font-size:11px; color:red}
.span_ayar{position:relative}
.span_ayar span.help-block{float:none; position:absolute; top:10px; right:30px; width:auto}
.form_text, .form_select{float:left; display:block; width:100%; font-size:14px; line-height:1.42857; background-image:none; padding:10px 12px; border-image:initial; color:#000; border:1px solid #ccc; background-color:#fff; border-radius:0; transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out; font-family:'BillRoman',sans-serif; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075); box-shadow:inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}
.form_textarea{display:block; width:100%; font-size:14px; line-height:1.42857; background-image:none; padding:15px 12px; border-image:initial; color:#000; border:1px solid #ccc; background-color:#fff; border-radius:0; transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out; resize:vertical; height:55px; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075); box-shadow:inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}
.form_select{padding:6px 10px; font-size:14px}
.form_grup{float:left; width:auto; height:auto; margin-right:15px}
.form_submit{display:inline-block; margin-bottom:0; text-align:center; vertical-align:middle; touch-action:manipulation; cursor:pointer; background-image:none; white-space:nowrap; width:100%; font-size:14px; line-height:1.42857; -webkit-user-select:none; font-family:BillBold,sans-serif; border-width:1px; border-style:solid; border-color:transparent; border-image:initial; padding:6px 12px; border-radius:0; color:#fff; background-color:#d7b469; border-color:#d7b469; text-transform:uppercase}
.form_submit:hover{color:#fff; background-color:#d69900; border-color:#d69900}
span.help-block{color:#D62323; font-size:11px; font-family:Arial; float:left}
input[type="text"].help-block, textarea.help-block, select.help-block{border:1px #D62937 solid}
.form_grup span.help-block{float:none; position:absolute; width:auto; left:0; min-width:140px; bottom:0}
.capta_div{}
.form_radio{float:left; display:block}
.form_div .form_grup:after, .form_div .form_grup:before{display:none}
.form_div input:after, input:before{display:none}
.form_div label:after, label:before{display:none}
.form_div .form_grup label{display:block; float:left; width:auto; margin-left:5px; font-weight:normal; font-size:12px}
.footer_ul{width:100%;/* float:left; */padding: 40px 0;}
.alt_baslik{font-family:'BillBold',sans-serif;width:100%;float:left;font-weight:bold;font-size:16px;margin-top:0;margin-bottom:10px;position:relative;padding-bottom:0;text-transform:uppercase;color: #ffffff;}
.altmenua{display:block;height:auto;color: #ffffff;font-family:'BillRoman',sans-serif;margin-bottom:3px;font-size: 14px;line-height: 24px;}
.altmenuli{background-image:url(../../images/footer_bg.png); min-height:149px; min-width:133px; background-position:left top; background-repeat:no-repeat; box-sizing:border-box; width:235px; padding-left:100px}
.alt_logo{position: relative;/* margin-bottom: 20px; */}
.alt_adres{/* text-align: center; */color: #fff;}
.alt_adres table{line-height:15px!important}
.alt_adres table tr td span{color:#FFF!important}
.alt_adres table tr td{padding:3px 0}
.anaHaber{width:1150px; height:50px; float:left; background-color:#F7F7F7; border:1px solid #DFDFDF; margin-top:10px; background-image:url(../../images/news.png); background-repeat:no-repeat; background-position:30px center; padding-left:50px; box-sizing:border-box}
.anaHaberIcerik ul{margin:0; padding:0}
.anaHaberIcerik{height:50px; line-height:48px; font-family:Arial; font-size:12px; color:#000; text-align:center}
.jcarousel-container{float:left; display:block; position:relative; margin:0; padding:0}
.jcarousel-container-vertical{width:100%; height:80px}
.jcarousel-clip-vertical{height:100px}
.jcarousel-item{height:50px; overflow:hidden; position:relative; display:block; z-index:1}
#newslist ul li{width:97%; height:50px; line-height:46px; text-decoration:none; background:url(../images/haberok.png) no-repeat left center; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
#newslist p{margin:0}
#newslist h4{margin-bottom:8px; line-height:1}
#newslist h4 span{font-style:italic; font-family:Georgia,"Times New Roman",Times,serif; font-size:12px; color:#565656; padding-left:5px}
#news h2{}
#scroll{overflow:hidden; width:80px; height:25px; padding:2px; float:right; margin-top:10px; margin-right:-20px}
#newslist-next{cursor:pointer; top:0}
#newslist-prev{cursor:pointer; outline:0}
a.jbutton, a.jbutton:link, a.jbutton:visited{display:block; padding:0; height:25px; width:40px; text-indent:-99999px}
a#newslist-prev.jbutton, a#prev.jbutton{background:url(images/altok.png) no-repeat; float:left; height:15px; width:28px; margin-right:5px; margin-left:-11px}
a#newslist-next.jbutton, a#next.jbutton{background:url(images/ustok.png) no-repeat; float:left; height:15px; width:32px}
a#newslist-prev.jbutton:hover{text-decoration:none}
a#newslist-next.jbutton:hover{text-decoration:none}
.as_kurumsal{margin-bottom:30px; font-family:'BillRoman',sans-serif}
.as_kurumsal h1{font-weight:600; font-size:14px; display:inline-block; padding:5px 0 8px 20px; height:30px; box-sizing:border-box; background-repeat:no-repeat; color:#343B4E; float:left; width:90%; text-align:left; border:1px solid #343B4E}
.hizmetler_owl .item{width:95%; margin-left:8%}
.hizmetler_owl span{width:100%!important; display:block!important; height:130px!important}
.hizmetler_owl span img{max-width:100%; max-height:100%}
.ana_hiz_baslik{width:100%; text-align:center; float:left; margin-top:20px; font-weight:700; text-transform:uppercase; color:#272727}
.as_kurumsal .as_kuralt{width:91%; clear:both; padding:15px 10px; box-sizing:border-box; margin-left:2%; height:180px}
.as_kur_bg{margin-bottom:40px; padding:15px 0; margin-top:25px; position:relative; background-position:0 -175px}
.as_kur_bg:after{content:""; left:0; position:absolute; bottom:-21px; width:100%; height:21px; background-position:center; background-repeat:no-repeat; opacity:.7}
.as_kur_bg:before{content:""; left:0; position:absolute; top:-21px; width:100%; height:21px; background-position:center; background-repeat:no-repeat; opacity:.7; transform:rotate(-180deg)}
a.as_devam{background-repeat:no-repeat; float:right; width:65px; height:20px; color:#fff; text-transform:uppercase; text-align:center; line-height:19px; font-weight:600; font-size:10px; margin-top:8px; background-color:#676E76; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; transition:all .2s linear}
.as_devam:hover{background-color:#42464A}
.as_haber_aciklama{max-height:51px; overflow:hidden}
.as_haber{color:#000; float:left; width:95%; max-height:120px; overflow:hidden; margin-bottom:10px}
.as_haber img{float:left; margin-right:10px; width:75px}
.as_haber_baslik{text-transform:uppercase; max-height:35px; overflow:hidden; font-size:11px}
#newslist2 ul li{height:70px!important}
.ans_box{margin:30px 0 10px}
.bgoruntule{float:right; margin-right:20px; color:#2B578B; clear:both}
.tekresimDiv img{max-width:100%;}
#menu .cd-main-header{}
#menu .cd-main-header>.cd-nav>.cd-primary-nav{
    padding: 0;
    width: 100%;
    display: block;
    text-align: center;
}
#menu .cd-main-header>.cd-nav>.cd-primary-nav a{font-family:'BillBold',sans-serif;transition:all 0.5s;color: #000;padding: 0 21px;text-transform:uppercase;height: 110px;line-height: 110px;font-weight:bold;font-size: 14px;text-align:center;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0);will-change:transform,opacity;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;position:relative;vertical-align:text-bottom;float: left;/* left: -50px; */top: 0;}
#menu .cd-main-header>.cd-nav>.cd-primary-nav>.has-children>a:before{display:none}
#menu .cd-main-header>.cd-nav>.cd-primary-nav>.has-children>a:after{display:none}
li>a.nav-is-visible{float:right; position:relative; right:-260px; z-index:5555}
#header #menu .cd-primary-nav .cd-secondary-nav >li >a{padding:8px 12px 8px 26px; height:auto; line-height:normal; width:100%; margin:0; font-size:11px; color:#fff; text-align:left; background:url(../../images/arrow.png) no-repeat 7px center}
#header #menu .cd-primary-nav .cd-secondary-nav >li >a:hover{color:#000; background:url(../../images/arrow2.png) no-repeat 7px center white}
#menu ul.cd-secondary-nav{display:block; padding:0; overflow:hidden; width:250px; opacity:1; max-height:0; transition:max-height 0.3s ease-in-out; box-shadow:none; visibility:visible; background:#000; top:100%; left:0}
#menu .cd-main-header .cd-primary-nav li:hover ul{max-height:250px}
#footer.footer_gorunum2{height:70px; padding:15px 0; clear:both}
.footer_gorunum2 .alt_baslik{display:none}
.footer_gorunum2 .footer_ul{float:left; width:auto; margin-top:4px; margin-left:200px}
.footer_gorunum2 .footer_ul>li{width:inherit; min-height:inherit; float:left; padding:0}
.footer_gorunum2 .footer_ul>li>a{width:auto; padding:5px}
.footer_gorunum2 #copy{margin-top:11px}
.footer_gorunum2 #nt{margin-top:10px}
.ust_iletisim{float:left; color:#fff; display:flex; display:-webkit-flex; margin-left:25px; font-family:'BillRoman',sans-serif; margin-right:10px}
.ust_iletisim a{color:inherit}
.ust_iletisim>i{padding-right:5px; float:left; font-size:120%; margin-top:2px}
#menu .cd-main-header>.cd-nav li.menu_anasayfa{margin-top:40px; margin-right:5px}
#menu .cd-main-header>.cd-nav li.menu_anasayfa a{padding:3px 8px 5px; font-size:22px; box-shadow:inset 0 0 15px rgba(0,0,0,0.2); color:#fff; background:#ea0b00; border-radius:5px; height:auto; line-height:normal; margin-top:-9px}
#sosyalDiv{margin-right:10px; display:inline-block; width:100%; text-align:center; position:absolute; bottom:0; left:0; padding:10px 0; margin:0}
#sosyalDiv >li{float:none; display:inline-block; margin-top:5px}
.sag_icerik .solvar_baslik{width:100%}
.webmaster_tool{height:auto; position:fixed; z-index:111111; background:#FFF; font-family:Arial; font-size:12px; color:#000; line-height:13px; display:block; left:0; padding:5px 0 5px 15px; width:210px; bottom:0; top:auto; box-shadow:1px 1px 3px #ccc}
.webmaster_tool >li{width:100%; float:left; padding-bottom:5px}
.webmaster_tool >li >b{width:90px; float:left}
.webmaster_tool >h1{text-transform:uppercase; font-size:13px; font-weight:600; padding:7px 0}
.webmaster_tool a{color:#af0000; font-weight:700; text-transform:uppercase; background:#000; color:#fff; padding:3px 5px; margin:4px 3% 0 -1%; width:48%; float:left; text-align:center; font-size:10px; line-height:16px; border-radius:3px}
.iletisim_alt{float:right; width:100%}
.harita:before, .harita:after{display:none}
#sf_iletisim iframe{width:100%!important; min-height:300px; vertical-align:bottom}
.arama_div{padding:15px}
.arama_div li{border-left:2px solid #717171; padding-left:20px; box-sizing:border-box; margin-bottom:10px; font-family:'BillRoman',sans-serif; padding-top:7px; padding-bottom:7px; float:left; border-bottom:1px dotted #CCC; width:100%; color:#000}
.arama_div li a{color:#337ab7}
.arama_div li a div{float:left; width:40%; font-weight:700}
div#map{min-height:440px; background:url(../../images/mapLoading.gif)no-repeat center center; position:relative}
#map:before{position:absolute; left:0; top:calc(50%+50px); content:attr(data-yukleniyor); font-family:'BillRoman',sans-serif; text-align:center; width:100%; font-weight:700}
#map ymaps.ymaps-2-1-41-map.ymaps-2-1-41-i-ua_js_yes.ymaps-2-1-41-map-bg-en.ymaps-2-1-41-islets_map-lang-tr{height:300px!important}
.icerik_genel >p{margin-bottom:14px}
#referans-carousel .item{background:#FFF; padding:3px 0; color:#FFF; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; max-height:75px; height:75px; text-align:center; display:table; width:140px; border:1px solid #DCDCDC; box-sizing:border-box; margin:0 5px}
.logolar_owl{width:945px; float:left; margin-top:20px; height:73px}
.ntCarousel .owl-buttons{position:absolute; left:0; top:calc(50% - 20px); width:100%}
.ntCarousel .owl-controls{position:static; float:left}
.ntCarousel{position:relative}
.ntCarousel .owl-controls .owl-buttons div[class^="owl"]{position:absolute; top:0; z-index:5; padding:0}
.ntCarousel .owl-controls .owl-buttons .owl-prev{left:-30px}
.ntCarousel .owl-controls .owl-buttons .owl-next{right:-20px}
.overflow-hidden{overflow:hidden}
.adres_veri a{display:inline; color:inherit}
#headerTop, #headerBody{float:left;width:100%;clear:both;}
#headerTop{padding:7px 0;height:37px;box-sizing:border-box;display:none;}
#sf_anasayfa #headerBody{position:relative;/* top: 20px; */background: none;}
#headerAlt{background:#444; height:50px}
#indexUcluBox{padding:20px}
#sf_anasayfa .panel{border:0}
.adres_veri a, .ust_iletisim a{display:inline; color:inherit}
#sf_iletisim .icerik_ic{min-height:inherit; top:-55px}
.adres_veri table tr td{height:30px}
.adres_veri table{margin-top:10px}
.adres_veri table tr td:first-child{width:17px!important}
.adres_veri table tr td:first-child span{color:#5f6062!important}
#sf_iletisim .form_str #captcha{width:100%!important}
#sf_iletisim .form_str{width:50%; float:left}
#sf_iletisim .form_str .capta_div{width:100%}
.capta_div img{display:block; float:none}
.button_div{float:right; width:100%!important; margin-right:0!important}
.iletisim_sag .button_div input{width:calc(100% - 5%)}
.iletisim_sag .row{margin-right:inherit; margin-left:inherit}
.form_deger:after, .form_deger:before{display:none}
.haberlerul >li[class^="col-"]{padding-left:0; padding-right:0}
.panel-collapse p{padding:10px}
.icerik_genel .rich_div a{display:inline; color:#000; text-decoration:underline}
.icerik_genel .rich_div >p{padding-bottom: 15px;font-size: 15px;margin-top: 50px;}
.icerik_genel .rich_div h1, .haberMetin h2, .haberMetin h3, .haberMetin h4, .haberMetin h5, .haberMetin h6{padding:10px 0}
.icerik_genel .rich_div h1{font-size:22px}
.icerik_genel .rich_div h2{font-size:20px;margin-top: 20px;}
.icerik_genel .rich_div h3{font-size:18px;}
.icerik_genel .rich_div h4{font-size:16px}
.icerik_genel .rich_div h5{font-size:14px}
.icerik_genel .rich_div h6{font-size:12px}
.icerik_genel .rich_div>ul li{display:list-item; list-style:disc; margin-left:20px}
.icerik_genel .rich_div>ol li{display:list-item; list-style-type:decimal; margin-left:20px}
.icerik_genel .rich_div blockquote{font-style:italic; font-family:Georgia,Times,"Times New Roman",serif; padding:5px 8px 5px 20px; border-style:solid; border-left:5px solid #ccc}
.menu_sosyal a.sosyal_a{width:30px; height:30px; box-sizing:border-box; margin-right:0; line-height:30px; text-align:center; padding:0; border-bottom:0; float:none; display:inline-block}
.menu_sosyal a i{float:none}
#indexUcluBox{padding:0 0 60px; margin-top:-90px; position:relative; z-index:5}
section.box{width:100%;float:left;padding: 50px 0;}
#sf_anasayfa .panel{border:0; background:none}
#sf_anasayfa .panel >.panel-heading{color:#000; font-size:13px; text-transform:uppercase}
#sf_anasayfa .panel >.panel-heading >span{padding-right:3px}
#sf_anasayfa .panel >.panel-heading >b{font-weight:800}
#indexKurumsalBox2 .heading{text-transform:uppercase;padding: 20px 0;font-weight:800;color: rgb(106, 87, 80);margin-top: 50px;}
#indexKurumsalBox2 .kurumsal2_gorsel{border:10px solid rgba(0,0,0,0.2)}
#indexKurumsalBox2 .kurumsal2_gorsel img{display:block}
#indexKurumsalBox2 .kurumsal2_metin{padding-top:10px}
#indexKurumsalBox2 .kurumsal2_metin p{line-height:22px}
.btn_devam{font-weight:600; clear:both; margin-top:20px; background:#444; padding:2px 25px; color:#fff; text-transform:uppercase; font-size:1em}
.indexIconMenu >li{float:left; width:100%; margin-bottom:7px; font-family:'Open Sans',Arial; background:#fff; padding:8px 5px; border-radius:5px; border:1px solid #ececec}
.indexIconMenu >li:hover{background:#e6e6e6}
.indexIconMenu >li:hover >a{color:#000}
.indexIconMenu >li >a{color:#2b2b2b}
.indexIconMenu >li >a >i{font-size:36px; float:left; width:65px; text-align:center; padding-top:4px}
.indexIconMenu >li >a >span{float:right; width:calc(100% - 70px)}
.indexIconMenu >li >a >span >h1{font-weight:800; font-size:13px}
.indexIconMenu >li >a >span >p{font-size:12px; letter-spacing:-.2px; font-weight:400; padding-top:2px}
section#indexEBulten{background:#008dad; color:#fff; padding:23px 0}
section#indexEBulten .EBulten_text p{font-size:1.1em; padding-top:7px}
.EBulten_form .input-group >.input-group-addon{background:#eee; padding:4px 12px}
.EBulten_form .input-group >input.form-control{font-size:13px; height:36px; padding:0 5px}
.EBulten_form .input-group >.input-group-btn >.btn{background:#0a3d7b; color:#fff; font-size:12px; padding:9px 15px 8px; display:table-cell; border-color:rgba(0,0,0,0.12)}
h1.heading{font-size:21px;color:#313131;margin: 5px 0 10px;text-align:center;width:100%;position:relative;font-weight:700;/* border-bottom: 1px solid #8a8787; */float:left;}
h1.heading >span{position:relative; padding-bottom:25px; display:block}
h1.heading >span:after{position:absolute; left:calc(50% - 25px); bottom:0; background:#f5b219; width:45px; height:4px}
.videoList >.item{padding:0 10px; margin-bottom:35px}
.videoList .haberItem{background:#fff; box-shadow:1px 1px 5px rgba(0,0,0,0.1)}
.videoList >.item picture{position:relative; float:left; overflow:hidden; background:#fff; width:100%}
.videoList .haberItem picture >i.fa, #videoList .urun_resim >i{position:absolute; left:0; top:0; font-size:31px; color:#f5b118; text-align:center; top:calc(50% - 15px); left:calc(50% - 30px); opacity:.95; border:3px solid rgba(0,0,0,0.08); padding:0; border-radius:50%; width:55px; height:55px; text-align:center; line-height:50px; text-indent:10px; background:#fff; transition:all .2s linear}
.videoList .haberItem:hover picture >i.fa, #videoList .urun_resim:hover >i{background-color:#f5b118; color:#fff}
.videoList .haberItem:hover picture >img{-webkit-filter:blur(1px)}
.videoList .haberItem picture >img{transition:all .2s linear}
.videoList{background:#fffefe; padding:0; position:relative; float:left; width:100%}
.videoList:before{position:absolute; left:0; top:0; width:100%; height:100%; background:url(../../images/dersBg.gif); opacity:.4}
.videoList .haberItem{background:#fff; box-shadow:1px 1px 5px rgba(0,0,0,0.1)}
.videoList .haberItem:hover{background:#f7f7f7}
.videoList .haberItem h1{padding:10px; font-size:14px; color:#000; height:50px; overflow:hidden; margin-bottom:8px; line-height:19px; font-weight:600; border-top:1px solid #fdfdfd}
#indexUrunler{background:#ddd}
#indexUrunler .heading{border-bottom-color:#ccc}
.urunCarousel .item{padding:0 10px}
.urunCarousel .item >a{text-align:center; background:#fff; box-shadow:1px 1px 5px rgba(0,0,0,0.1)}
.urunCarousel .item >a picture{padding:5px; border:1px solid #fff; float:left; width:100%}
.urunCarousel .item >a .itemBaslik{padding:10px; font-size:14px; color:#000; height:50px; overflow:hidden; margin-bottom:8px; line-height:19px; font-weight:600; border-top:1px solid #fdfdfd}
.indexYorum_{display:block; padding:25px 0}
.indexYorum_Item{float:none; clear:both; margin-bottom:25px}
.indexYorum_Id, .indexYorum_IdText, .indexYorum_MsgIW{float:left}
.indexYorum_IdText{width:150px; text-align:right}
.indexYorum_Id{padding-top:10px}
.indexYorum_sehir, .indexYorum_tarih{margin-bottom:1px; width:100%; font-size:13px; font-weight:400; color:#4D565C}
.indexYorum_IconW{float:right; margin:-4px 0 0 15px; padding:12px 11px; background:#1A9EF5; border-radius:50px; -webkit-border-radius:50px; -moz-border-radius:50px; -o-border-radius:50px}
-.indexYorum_IconW{float:right; margin:-4px 0 0 15px; padding:12px 11px; background:#1A9EF5; border-radius:50px; -webkit-border-radius:50px; -moz-border-radius:50px; -o-border-radius:50px}
.indexYorum_Icon{color:#fff; font-size:22px; line-height:22px; width:23px}
.indexYorum_Msg{margin-left:210px}
.indexYorum_MsgIW{padding-top:21px}
.indexYorum_MsgI{width:14px; height:18px; background-position:-143px -317px}
.indexYorum_MsgW{margin:0 0 0 13px; padding:15px; min-height:60px; background:#f5f5f5; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px}
.indexYorum_Msg *{color:#4D565C; font-family:'Trebuchet MS',Helvetica,sans-serif; font-size:14px}
.indexYorum_isim{margin-bottom:5px; font-size:15px; font-weight:700}
#indexUclubuton{background:#d9d9d9; background:-moz-linear-gradient(top,#d9d9d9 0%,#fff 54%,#d9d9d9 100%); background:-webkit-gradient(left top,left bottom,color-stop(0%,#d9d9d9),color-stop(54%,#fff),color-stop(100%,#d9d9d9)); background:-webkit-linear-gradient(top,#d9d9d9 0%,#fff 54%,#d9d9d9 100%); background:-o-linear-gradient(top,#d9d9d9 0%,#fff 54%,#d9d9d9 100%); background:-ms-linear-gradient(top,#d9d9d9 0%,#fff 54%,#d9d9d9 100%); background:linear-gradient(to bottom,#d9d9d9 0%,#fff 54%,#d9d9d9 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d9d9d9',endColorstr='#d9d9d9',GradientType=0); padding:35px 0; margin-top:-27px}
#indexUclubuton .uButon{float:left; width:100%; margin:0 auto; height:120px; overflow:hidden; position:relative; border-radius:5px}
#indexUclubuton .uButon .uButonArkaplan{position:absolute; left:0; top:0; width:100%; height:100%; z-index:-1; opacity:.3; background-size:cover; background-position:center center}
#indexUclubuton .uButon .uButonIc{width:100%; height:100%; float:left; padding:15px 15px 15px 20px; color:#fff; font-family:'Open Sans',Arial; position:relative; z-index:1; border-radius:5px; overflow:hidden}
#indexUclubuton .uButon .uButonIc >h1{text-transform:uppercase; font-weight:700; margin:0}
#indexUclubuton .uButon .uButonIc >p{font-family:'Open Sans',Arial; font-size:12px; padding-top:3px; line-height:18px; height:40px}
#indexUclubuton .uButon .uButonIc >a{width:90px; background:rgba(0,0,0,0.38); border-radius:5px; padding:5px; text-align:center; color:#fff; text-transform:uppercase; font-weight:600; clear:both; float:right; margin-top:5px; position:relative; box-sizing:content-box; overflow:hidden; border:1px solid rgba(255,255,255,0.2); transition:all .2s linear}
#indexUclubuton .uButon .uButonIc >a:hover{background:#fff; color:#444; box-shadow:inset 3px 3px 10px rgba(0,0,0,0.31)}
#indexUclubuton .uButon .uButonIc >a >span{position:relative; z-index:2}
#indexUclubuton .uButon1 .uButonIc{background:#113760}
#indexUclubuton .uButon1 .uButonIc >a{background:#113760}
#indexUclubuton .uButon2 .uButonIc{background:#de5119}
#indexUclubuton .uButon2 .uButonIc >a{background:#9a3f14}
#indexUclubuton .uButon3 .uButonIc{background:#bf0000}
#indexUclubuton .uButon3 .uButonIc .uButonArkaplan{opacity:1}
#indexUclubuton .uButon3 .uButonIc >a{background:#940206}
.idariBirimler{text-align:center; width:100%; padding:10px}
.idariBirimler >li{padding:0 10px; text-align:center; height:235px; margin-bottom:20px; list-style:none}
.idariBirimler >li picture{border-radius:7px; overflow:hidden; float:left; margin-bottom:10px; box-shadow:1px 1px 7px rgba(0,0,0,0.25); margin-bottom:16px}
.idariBirimler >li picture img{display:block}
.idariBirimler >li h2{color:#4a4a4a; font-weight:800; font-size:13px; line-height:14px; text-transform:uppercase}
.idariBirimler >li h3{color:#bb7703; font-size:12px; padding-top:5px; text-transform:uppercase}
#header.active.fancybox-margin{width:calc(100% - 17px); margin:0!important; transition:inherit}
#header.active #headerTop{display:none}
#indexUcluBox .panel-body{padding:0}
#indexUcluBox a.panel-heading{color:#212121; font-size:15px; padding:10px 0; text-transform:uppercase}
.padding_0{padding:0!important}
.font_14{font-size:14px}
a.devam{color:#e40917; font-size:14px; font-weight:700; text-transform:uppercase; padding:10px 0}
.icon{width:66px; height:66px; line-height:44px; vertical-align:middle; border-radius:100%; background:#fff; text-align:center; border:4px solid rgba(255,255,255,.45); -webkit-background-clip:padding; -moz-background-clip:padding; background-clip:padding-box; z-index:2; font-size:24px}
.aciklama{color:#fff; float:left}
a.serviceflexItem.bg.vert{height:100%; filter:grayscale(1); -webkit-filter:grayscale(1); position:relative; transition:filter ease 400ms; min-height:350px; overflow:hidden}
.servicesliderItem .bg.vert:hover{filter:grayscale(0)}
span.serviceIcon{position:absolute; right:30px; top:30px}
.servicesliderItem .bg .overlayCaption{color:#fff; position:absolute; left:0; bottom:-160px; transition:padding ease 400ms; padding:0 30px}
.servicesliderItem .bg:hover .overlayCaption{padding:50px 30px; bottom:75px}
.servicesliderItem .bg .overlayCaption h5{font-size:16px; color:#fff; text-transform:uppercase}
.servicesliderItem .bg .overlayCaption >div{transform:translateY(100%); transition:transform ease 400ms}
.servicesliderItem .bg.vert:before{content:""; position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.25); z-index:-1; transition:background-color ease 400ms}
.servicesliderItem .bg.vert:hover:before{background-color:rgba(226,0,9,0.60)}
#indexSlogan{background:url(../../images/parallax.jpg)no-repeat}
section#indexSlogan{position:relative; overflow:hidden}
span.slogan-yazi{font-size:19px; margin-bottom:50px; position:relative; padding-top:30px; color:#fff; text-align:center; position:relative; z-index:23}
.slogan-baslik{font-size:50px; font-weight:700; margin-bottom:20px; color:#fff; text-align:center; text-transform:uppercase; position:relative; z-index:2}
section#indexSlogan:before{width:100%; float:left; overflow:hidden; background:rgba(0,0,0,0.48); text-align:center; color:#fff; position:absolute; z-index:0; height:100%; top:0}
.bilgi{background:#e3000f; border-radius:5px; padding:20px}
.bilgi i{width:70px; height:70px; float:left; background:#fff; font-size:50px; color:#e3000f; margin-right:15px; text-align:center; border-radius:6px; padding-top:10px}
.f-baslik{font-size:17px; color:#fff; margin:0; position:relative; display:inline-block; margin-bottom:5px; font-weight:700; text-transform:uppercase; padding:0}
.f-alt{font-size:12px; color:#fff; line-height:16px; display:block}
.f-baslik:after{content:""; width:30px; height:2px; position:absolute; left:0; bottom:0; background:#fff}
.s-baslik{float:left; font-weight:700; color:#fff; font-size:18px; padding:6px 0}
.f-sosyal a.sosyal_a{width:35px; height:35px; float:left; line-height:30px; background:#fff; color:#384254; font-size:12px; text-align:center; border-radius:50%; font-size:20px; background:#fff!important; padding:4px 0; display:inline-block; transition:all .4s}
.f-sosyal .sosyal_a>i{float:none!important; text-align:center; display:inline-block}
.f-sosyal a.sosyal_a:hover{background:#2f2483!important; color:#fff}
.s-acik{font-size:17px; color:#fff; margin-top:24px}
.s-baslik.s-icon{width:70px; height:70px; float:left; background:#fff; font-size:50px; color:#2f2483; margin-right:15px; text-align:center; border-radius:6px; padding-top:5px}
.sosyal{margin-top:15px}
.rich_div{font-size:14px}
.f-alt span{padding:0; color:#fff}
.hizmet-metin{min-height:150px; font-size:13px; transform:translateY(50%)!important}
.fancybox-margin.fancybox-lock{margin:0!important}
.fanyboybox-margin{width:calc(100% - 17px)}
.fancybox-margin body{width:calc(100% - 17px)}
body#sf_fotograf-galerisi .icerik_resim{padding:0 15px}
body#sf_fotograf-galerisi .icerik_genel{padding:0 15px}
body#sf_fotograf-galerisi.sf_fotograf-galerisi .icerik_ic{top:0}
li.cokluli{width:144px; height:auto; float:left; margin:5px 5px 0 10px}
.next_prev .linkler a{color:#555; font-size:18px; line-height:57px; transform:translateY(-100%)}
.next_prev .linkler a i{width:30px; height:35px; text-align:center; font-size:22px; padding:3px}
.next_prev .linkler a.cizgi{width:50px; line-height:40px; margin-right:5px; text-align:center}
.next_prev .linkler{border-radius:0 0 5px 5px; width:100%; height:0}
.sosyal_btn{text-align:center; color:#5f5f5f; display:inline-block; float:left; transition:300ms; line-height:20px; font-size:18px; cursor:pointer; width:90px; line-height:30px; text-align:center; font-size:28px}
.sosyal_btn span{ font-size:16px;  clear:both;  width:100%;  display:inline-block}
#site_kalip.darkback:before{position:fixed; width:100%; height:100%; left:0; z-index:65; top:0; background:rgba(0,0,0,0.6)}
.footer-bottom{line-height:20px;padding: 30px 0;background:#fff;position: relative;margin-top: 0;}
.fancybox-enabled header#header.active{ width:calc(100% - 17px)}
#menu .cd-main-header>.cd-nav>.cd-primary-nav>li:hover>a{/* color: #053884; */}
#captcha{ width:55%!important;      padding:6px 12px;     height:35px!important}
.nopadding{padding:0!important}
h2.iletisim-head{    padding:0 0 15px 0;     text-align:center;     color:#fff}
.hizmetler a:hover{    background:#e93b3a}
.iletisimAdres p{    color:#fff;     line-height:25px}
.iletisimSosyal{    float:left;     width:100%;     margin-top:25px}
.iletisimSosyal #sosyalDiv{    width:100%;     display:inline-block;     text-align:center}
.iletisimSosyal #sosyalDiv >li{    float:none;     display:inline-block}
.iletisimSosyal #sosyalDiv >li a{    background:#f07c00;     border-radius:0;     padding:10px}
.iletisimSosyal #sosyalDiv >li a:hover{    background:#fff!important}
#header.listele #menu .cd-main-header>.cd-nav>.cd-primary-nav a{    width:90px;     text-align:center}
#header.listele #menu .cd-main-header>.cd-nav>.cd-primary-nav li:hover a span{    max-width:200%;     background:#f07c00;     min-width:205px}
#iletisim .form_text, .form_select{    color:#333;     border-color:#ccc;     background-color:#fff;     padding:3px 12px;     text-align:left;     height:40px}
#iletisim .form_textarea{    text-align:center;     color:#8b9ba6;     border-color:#f4f9fc;     background-color:#f4f9fc}
.capta_div img{    max-width:90px}
#sf_projelerimiz #captcha{    margin-left:0}
#harita-icon li.active a{float:left; width:100%; background-color:#e93b3a; cursor:pointer; color:#fff}
#harita-icon li a{float:left; width:100%; height:50px; background-color:#13162b; cursor:pointer; color:#fff; border:0; border-radius:0; font-size:15px; text-align:center; padding:15px 0}
ul#harita-icon{width:100%; margin-left:auto; margin-right:auto}
.form_div.col-xs-12.formDiv2{    margin-top:25px}
ul#sosyalDiv:before{    position:absolute;     width:80%;     height:80%;     border:2px solid #f07c00;     top:10%;     left:10%}
.cd-primary-nav > li.menu_logo{display:none}
.menu_sosyal{    display:none;     padding:0 0 0 15px}
#menu .cd-main-header>.cd-nav>.cd-primary-nav .menu_sosyal a.sosyal_a{    width:30px;     height:70px;     line-height:70px;     box-sizing:border-box;     margin-right:8px;     text-align:center;     padding:inherit;     border-bottom:0px;     background:none;     color:white;     font-size:16px}
.menu_sosyal a i{    float:none}
.projeler{    position:relative}
.projeler picture:before{    position:absolute;     width:100%;     height:100%;     background:rgba(233,59,58,0.6);     left:0;     top:0}
h1.projeBaslik{    position:absolute;     top:50%;     left:0;     width:100%;     text-align:center;     color:#fff}
.projeler picture:after{    position:absolute;     width:90%;     height:90%;     top:5%;     left:5%;     border:2px solid #fff}
.scroll-btn >*:hover, .scroll-btn *:focus, .scroll-btn *.active, .scroll-btn2 >*:hover, .scroll-btn2 *:focus, .scroll-btn2 *.active{    color:#fff}
.scroll-btn >*:hover, .scroll-btn *:focus, .scroll-btn *.active, .scroll-btn:active, .scroll-btn2 >*:hover, .scroll-btn2 *:focus, .scroll-btn2 *.active, .scroll-btn2:active{    opacity:0.8;     filter:alpha(opacity=80)}
.mouse{    position:absolute;     left:calc(50% - 17px);     bottom:40px;     color:#fff;     z-index:99;     font-size:60px;     animation:sliderButon .8s alternate infinite;     float:left;     cursor:pointer;     transform:rotate(-135deg);     width:35px;     height:35px;     z-index:99;     border-left:2px solid #fff;     border-top:2px solid #fff}
@-webkit-keyframes ani-mouse{    0%{        opacity:1;         top:29%}
    15%{        opacity:1;         top:50%}
    50%{        opacity:0;         top:50%}
    100%{        opacity:0;         top:29%}
}
@-moz-keyframes ani-mouse{    0%{        opacity:1;         top:29%}
    15%{        opacity:1;         top:50%}
    50%{        opacity:0;         top:50%}
    100%{        opacity:0;         top:29%}
}
@keyframes ani-mouse{    0%{        opacity:1;         top:29%}
    15%{        opacity:1;         top:50%}
    50%{        opacity:0;         top:50%}
    100%{        opacity:0;         top:29%}
}
#header {
    width: 100%;
    /* background-color: rgba(255, 255, 255, 0.26); */
    z-index: 66;
    border: 0;
    padding: 0;
    display: block;
    position: fixed;
    transition: all 0s 0s;
    /* background: linear-gradient(rgba(0, 0, 0, 0.77) 0%,rgba(0, 0, 0, 0.18) 80%,rgba(0, 0, 0, 0) 100%); */
}
#logo{position:relative;z-index: 0;padding: 8px 0px;}
.proje_metin{    font-size:16px}
.projectLink span{    background:url(../../images/check-more.jpg) right top no-repeat;  height:27px;  padding:2px 35px 0 0;  color:#fff;  display:inline-block}
.projectLink, .projectLink span{ width:100%;  text-align:right}
.projectLink span, .projectText{ font-size:14px}
.projectLink{ padding:00px 10px 0 0;  display:none}
.projectInfo{ padding:20px 20px 10px;  position:absolute;  left:0;  top:50%;  text-align:center;  width:100%;  z-index:2;  transform:translateY(-50%)}
.anchor, .projectIMG, .projectIMG img, .projectInfo{ width:100%}
.projectTitle{ color:#fff;  font-size:20px;  line-height:1.2;  font-family:'BillMedium',sans-serif;  font-weight:normal}
.projectText{ margin-top:10px;  text-align:left;  color:#333;  line-height:1.5;  display:none}
.projectLink span:hover{ color:#666}
.projectContainer{ width:100%;  margin-bottom:25px}
.projectContainer, .projectSingle{ background-color:#fff;  -webkit-box-shadow:0 0 5px 0 rgba(0,0,0,.25);  -moz-box-shadow:0 0 5px 0 rgba(0,0,0,.25);  box-shadow:0 0 5px 0 rgba(0,0,0,.25);  position:relative}
#sf_projelerimiz .bilgi{ border-bottom:1px solid #eee;  padding:5px 0;  width:100%;  background:transparent}
.bilgi strong{ width:45%;  padding-left:3%;  display:inline-block;  font-family:'BillBold',sans-serif}
.projeDetayi{ margin-top:35px}
.kategoriler_menu{ background:#e93b3a;  color:#fff!important;  border-radius:0}
.prjoTitle{ text-align:left;  color:#000;  font-size:30px;  width:100%;  margin:10px 0;  padding-bottom:15px;  -webkit-font-smoothing:antialiased;  border-bottom:1px solid #efefef}
.projectImg, .projectImg img{ width:100%;  position:relative;  z-index:1}
div#indexSosyal{ clear:both;   width:100%;  height:220px;      background-position:center;     background-size:cover;     position:relative}
.takip-home-title h3{    font-family:'BillBold',sans-serif;     font-size:25px;     font-weight:700;     color:#5f5f5f;     -webkit-font-smoothing:antialiased}
.takip-home-title p{    font-size:16px;     padding:0px 15px 30px;     color:#5f5f5f;     margin:0}
.takip-home-title{    text-align:center;     padding:25px 0 0 0;     position:relative}
ul#NTsosyalDiv{    display:inline-block;     width:100%;     position:relative;     text-align:center}
ul#NTsosyalDiv li{    float:none;     display:inline-block}
section#slogan:Before{    position:absolute;     background:url(../../images/pattern_parallax.png);     width:100%;     top:0;     height:100%;     left:0}
span.scroll-btn2.reds a{     color:#fff}
.slider_bottom{    position:absolute;     left:calc(50% - 17px);     bottom:0;     color:#fff;     z-index:99;     font-size:60px;     animation:sliderButon .8s alternate infinite;     float:left;     cursor:pointer;     background:url(../../images/lightArrow.png)no-repeat;     transform:rotate(-90deg);     width:30px;     height:66px}
@keyframes sliderButon{0%{bottom:15px}
    100%{bottom:30px}
}
.scroll span{    transform:rotate(90deg);     color:#fff}
.scroll{    position:absolute;     width:100%;     height:auto;     bottom:20px;     left:0;     text-align:center}
.projectImg:before{    background:transparent;     position:absolute;     width:100%;     height:100%;     top:0;     left:0;     z-index:2;     transition:all .5s ease}
.projectContainer:hover .projectImg:before{    background:rgba(0,0,0,0.5)}
#header.active #menu .cd-primary-nav >li >a{
    top: 0;
    color: #000;
    height: 75px;
    line-height: 75px;
}
h1#firstHeading{    overflow:hidden}
#sf_proje-haritasi div#map{    min-height:90vh;     margin:0 3%}
.bilgiformu-git{background:url(../../images/bilgiformu.jpg)no-repeat; height:49px; width:199px; position:absolute; right:2%; bottom:5%; cursor:pointer; z-index:999}
#bilgi form .col-xs-12.form-group{ width:100%}
#bilgi form .col-xs-12.pull-left.form-group:last-child{  margin-top:0}
#sf_anasayfa .formana_baslik.col-xs-12.lead.text-center{ display:none}
#bilgi .takip-home-title h3, #bilgi .takip-home-title p, #bilgi .form_div .form_grup label{ color:#060606}
#bilgi .takip-home-title p{ padding-bottom:0}
input[type=checkbox]:checked:after{ content:"";  display:block;  position:absolute;  background-color:#D84830;  top:0;  left:0;  height:8px;  width:8px;  z-index:999999;  -webkit-box-shadow:0px 0px 2px 0px rgba(216,72,48,0.87);  -moz-box-shadow:0px 0px 2px 0px rgba(216,72,48,0.87);  box-shadow:0px 0px 2px 0px rgba(216,72,48,0.87)}
input[type=checkbox]{ -webkit-appearance:none;  background-color:#fff;  height:10px;  width:10px;  border-radius:0;  display:inline-block;  border:2px solid #ccc;  position:relative;  margin-top:2px}
.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio]{ position:absolute;  margin-top:4px \9;  margin-left:-20px}
input[type=checkbox]:checked{ background-color:#e9ecee;  border:1px solid #adb8c0;  color:#99a1a7}
.ilgilendiginiz-proje{ }
.bilgilndirmeDiv{    margin:0}
#leftPage{    width:38%;     float:left;     height:100%;     position:absolute;     background-position-x:40%!important;     left:0;     top:0;     background-size:cover!important}
#rightPage{    float:left;     width:62%;     padding:30px 60px;     max-width:768px;     margin-left:38%}
#page{    position:relative;     float:left;     min-height:100vh;     width:100%;     box-shadow:inset 0 1px #dfdfdf}
div#bilgi{    padding:30px 0;     float:right;     position:relative;     z-index:22;     right:0;     -webkit-border-radius:4px/5px;     -moz-border-radius:4px/5px;     border-radius:4px/5px;   bottom:0;   transition:transform 0.5s ease;  width:350px;  top:-9px}
div#bilgi.opened{ transform:translateY(50%) translateX(0%)}
#sf_projelerimiz .solmenu{ display:none}
.projectLeft{ width:50%;  float:left;  height:100%;  position:absolute;  background-position-x:40%!important;  left:0;  top:0;  background-size:cover!important}
.projectRight{ width:50%;  float:right;  height:100%;  position:absolute;  background-position-x:40%!important;  right:0;  top:0;  background-size:cover!important}
#page2{ position:relative;  float:left;  min-height:77vh;  width:100%;  box-shadow:inset 0 1px #dfdfdf}
.projelerimiz .urun_baslik{ position:absolute;  top:50%;  color:#fff;  text-transform:uppercase;  z-index:2}
.projelerimiz:before{ position:absolute;  top:5%;  left:5%;  width:90%;  height:90%;   z-index:1;  width:90%;  height:80%;  left:5%;  top:10%;  position:absolute;  background:transparent;  z-index:2;  border-top:1px solid #fff;  border-bottom:1px solid #fff;  transform:scale(0.8);  opacity:0;  transition:all .5s}
.projelerimiz:after{ width:100%;  height:100%;  top:0;  left:0;  position:absolute;  background:rgba(0,0,0,0.50);  z-index:0;  width:80%;  height:90%;  left:10%;  top:5%;  position:absolute;  background:transparent;  z-index:2;  border-left:1px solid #fff;  border-right:1px solid #fff;  transform:scale(0.8);  opacity:0;  transition:all .5s}
div#page2:before{ width:100%;  height:100%;  top:0;  left:0;  position:absolute;  background:rgba(0,0,0,0.50);  z-index:1}
.projelerimiz:hover:before{ transform:scale(1);  opacity:1}
.projelerimiz:hover:after{ transform:scale(1);  opacity:1}
.projelerimizResim{ position:relative;  width:100%}
.projelerimizResim:before{ position:absolute;  width:100%;  height:100%;  left:0;  top:0;  background:rgba(0,0,0,0.5);  z-index:1}
#sf_projelerimiz div#leftPage{ height:900px}
h1.katBaslik{ margin-bottom:20px;  font-family:'BillBold'}
#sf_projelerimiz div#map{ min-height:400px;  margin-bottom:25px}
.projectImg:before{ position:absolute;  width:100%;  height:100%;  left:0;  top:0;  background:rgba(0,0,0,0.5)}
.projectContainer a{ position:relative}
.projectContainer a:before{width:100%; height:100%; top:0; left:0; position:absolute; background:rgba(0,0,0,0.50); z-index:0; width:80%; height:90%; left:10%; top:5%; position:absolute; background:transparent; z-index:2; border-left:1px solid #fff; border-right:1px solid #fff; transform:scale(0.8); opacity:0; transition:all .5s}
.projectContainer a:after{ width:100%;  height:100%;  top:0;  left:0;  position:absolute;  background:rgba(0,0,0,0.50);  z-index:0;  width:90%;  height:80%;  left:5%;  top:10%;  position:absolute;  background:transparent;  z-index:2;  border-top:1px solid #fff;  border-bottom:1px solid #fff;  transform:scale(0.8);  opacity:0;  transition:all .5s}
.projectContainer a:hover:before{ transform:scale(1);  opacity:1}
.projectContainer a:hover:after{ transform:scale(1);  opacity:1}
body#sf_projelerimiz div#form{ max-width:410px}
.btn-NT-umut{ background:#e93b3a;  color:white;  border-radius:0}
.btn-NT-umut:hover, .btn-NT-umut:focus, .btn-NT-umut:active{ color:white;  background:#13162b;  outline:0!important}
#logo img{max-height: 70px;transition:all 0.5s;filter: invert(1);}
#header.active #logo img{max-height: 55px;filter: invert(1);}
.colorWhite{ color:white}
#devamEdenProjeler h3{ border-left:2px solid rgba(48,48,48,.2);  padding:9px 18px;  margin-bottom:30px;  color:#333535;  font-size:24px}
#devamEdenProjeler #second-slider{ }
#second-slider #re1{position:relative; display:inline-block; width:100%}
#devamEdenProjeler #second-slider #re1:before{}
#devamEdenProjeler #second-slider:hover #re1:before,
#devamEdenProjeler #second-slider:hover #re1:after{  }
.slider-div{ position:relative}
.slider-div:before{ position:absolute;  left:0;  top:0;  width:100%;  height:100%;  background:rgba(0,0,0,0);  transition:all .5s}
#second-slider:hover .slider-div:before{ background:rgba(0,0,0,0.2)}
.slider-div img{ width:100%;  display:block}
#devamEdenProjeler .side-div div{ margin-bottom:9px;  position:relative}
#devamEdenProjeler .side-div>div>div{ border:1px solid #E9E9E9}
#devamEdenProjeler .side-div div img{ padding:10px;  width:100%;  background-color:#FFF;  vertical-align:middle}
.info-row{background:-moz-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(0,0,0,0.3) 15%,black 100%); background:-webkit-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(0,0,0,0.3) 15%,black 100%); background:linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(0,0,0,0.3) 15%,black 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0ffff',endColorstr='#a6000000',GradientType=0); padding:40px 21px 21px; position:absolute; z-index:9999; left:30px; bottom:0; color:#fff; width:calc(100% - 30px); text-align:left}
.info-row p{ font-size:15px;  color:#fff;  text-align:left;  display:inline-block}
.blg-btn{ width:224px;  height:37px;  background-color:transparent;  border:1px solid rgba(0,0,0,.2);  color:#646263;  font-size:13px;  -webkit-transition:.3s ease;  -moz-transition:.3s ease;  -ms-transition:.3s ease;  -o-transition:.3s ease;  transition:.3s ease;  margin-bottom:20px;  margin-left:20px;  padding:8px;  display:inline-block}
.blg-btn:active, .blg-btn:focus, .blg-btn:hover{ background-color:#282425;  color:#fff}
.projekapsa:nth-child(even) .rez-row>div:first-child{ float:right}
#slogan h1{ padding:20px 0 0;  margin:0 auto;  font-size:36px;  line-height:50px;  color:#FFF;  width:100%;  display:block;  text-align:center;  font-family:'BillBold',sans-serif}
#slogan p{ font-size:20px;  margin:20px 0 30px;  width:100%;  text-align:center;  color:white}
#slogan a{border:1px solid #fff !important; margin-bottom:30px; border:none; font-size:13px; padding:22px 35px; -webkit-transition:.3s ease; -moz-transition:.3s ease; -ms-transition:.3s ease; -o-transition:.3s ease; transition:.3s ease; display:inline-block; color:#333; line-height:48px; height:37px; padding:0 25px; display:inline-block; color:#fff; line-height:32px; width:224px; text-align:center}
section#slogan:Before{ width:100%;  height:100%;  left:0;  top:0;  background-color:rgba(0,0,0,0.35);  position:absolute;  z-index:-1}
.projekapsa{ padding:25px 0}
.projekapsa:nth-child(even){ background:#F3F4F9}
section#devamEdenProjeler{ }
div.slick-slide{ float:left;  position:relative;  height:100%;  min-height:1px;  display:block;  padding:0;  width:100%}
.news-content{ top:20px;  width:350px;  position:absolute;  top:50px;  right:20px;  margin-left:0;  margin-right:0;  background-color:#fff;  height:200px;  padding:23px}
.carousel-img{ display:block;  max-width:382px}
.slick-slide img{ display:block}
.slick-slide .news-content .news-title{ font-weight:700;  padding-bottom:10px;  border-bottom:solid 1px #ffc000;  color:#2E3841;  text-transform:uppercase;  font-size:16px;  text-align:left}
.slick-slide .news-content .news-info{ font-size:13px;  font-weight:400;  color:#ada5a5;  text-align:center;  padding:10px 0 10px}
.slick-slide .news-content .read-more a{ font-size:14px;  font-weight:400;  color:#303030}
.slick-slide .news-content .read-more a:hover{ color:#000;  text-decoration:none}
div#haberlerSlider{  display:inline-block;  padding:0;  margin-top:3rem}
#haberlerSlider .owl-nav{ position:absolute;  left:20px;  bottom:5px}
#haberlerSlider .owl-nav>div{ background:transparent;  border-radius:0;  border:1px solid #fff;  display:block;  float:left;  margin-right:15px;  text-align:center;  width:40px;  padding:0 7px}
#haberlerSlider .owl-nav>div>i{ font-size:24px;  color:#fff}
#haberlerSlider .owl-nav>div:hover{ border:1px solid #fff;  background:#303030}
#haberlerSlider .owl-nav>div:hover>i{ color:white}
.threeBox{position:relative}
#news .threeBox .text{ float:left;  color:black;  top:30px;  display:inline-block;  position:relative;  text-align:center}
#news .threeBox .img i{ width:100px;  float:left;  text-align:right;  position:relative;   left:50%;  width:80px;  height:80px;  margin-left:-40px;  text-align:center;  border-radius:50%;  box-shadow:0 0 0 5px #f6f6f6;  line-height:80px;  background:#000;  color:#fff;  font-size:30px}
#news .threeBox .text h2{ width:100%;  margin:0;  margin-bottom:7px;  text-transform:uppercase;  font-family:'BillBold',sans-serif;  font-size:16px}
#news .threeBox .text p{ font-size:12px;  font-family:'BillRoman',sans-serif}
#news .threeBox .img img{}
#slogan a:hover{ background:#303030;  color:white;  border-color:#303030!important}
footer .sosyal_btn span{ font-size:0;  display:none}
.side-div>div>div:before{ position:absolute;  top:5%;  left:5%;  width:90%;  height:90%;   z-index:1;  width:90%;  height:80%;  left:5%;  top:10%;  position:absolute;  background:transparent;  z-index:2;  border:1px solid #fff;  transform:scale(0.8);  opacity:0;  transition:all .5s}
.side-div>div>div:hover:before,
.side-div>div>div:hover:after{ transform:scale(1);  opacity:1}
.side-div>div:hover:before{ background:rgba(0,0,0,0.2)}
.side-div>div:before{ width:calc(100% - 22px);  height:calc(100% - 22px);  left:11px;  top:11px;  background:rgba(0,0,0,0.0);  position:absolute;  z-index:1;  transition:all .5s}
.buttonGroup a{padding:0; max-height:37px; line-height:37px; margin-left:15px; display:inline-block; padding:0; border:0; background:#303030; box-shadow:0 0 0 1px #303030}
.buttonGroup{ display:inline-block;  width:100%}
.buttonGroup a img{ max-height:37px;  float:right}
.buttonGroup a span{ padding:0 15px;  float:left}
.kredi>div{ padding:5px 0}
.odemeplani{ margin:10px 0;  border-top:2px solid #ddd}
.odemeplani table{ border:0!important}
.odemeplani td{ padding:20px 5px !important;  vertical-align:middle}
.odemeplani th{ font-weight:bolder;  font-size:18px}
#sf_proje-haritasi .icerik_ic{ width:100%;  top:0px;  height:100%}
.bilgilendirmeDiv .pull-left.col-xs-12{ display:none}
.odemeplani thead{ background:#e93b3a;  color:#FFF}
.print{ float:right;  margin-top:-40px;   display:inline-block}
.print1{ margin-right:70px}
h1.ayliktaksit{ font-size:36px;  text-align:center;  margin:40px 0}
.threeBox:hover{ }
header.active #logo:before{ height:85px;  width:190px}
header.active #logo:after{ height:85px}
.threeBox a{ background:rgb(247,247,247);  position:relative;   margin-bottom:14px;  float:right;   transition:all .5s;  padding:28px;  border-radius:4px;  min-height:240px}
.threeBox:hover a{ background:#d7b469}
a.devami:hover{ background:#fff;  color:#d7b469}
.kurumsal-head-2 span:before{ background-color:#d7b469;  position:absolute;  bottom:0;  height:3px;  width:150px;  left:0;  right:0;  top:32px}
.kurumsal-head-2 span:after{ background-color:#d7b469;  position:absolute;  bottom:-10px;  height:56px;  width:3px;  left:0;  right:0}
section#indexHaberler{ background:#f7f7f7;  position:relative;  padding:0}
img.resim{/* overflow:hidden; */transition:all 0.6s;}
a.haber:hover img{ -webkit-transform:scale(1.1);  -moz-transform:scale(1.1);  -ms-transform:scale(1.1);  -o-transform:scale(1.1);  transform:scale(1.1)}
div#devamedenCarousel{ margin-top:3rem}
.info-row span{ color:#fff;  font-size:18px;  margin-top:0;  font-family:'BillBold',sans-serif}
.row.rez-row.bg-left-row{ position:relative}
a.detayli-incele{ position:absolute;  top:45%;  left:calc(50% - 70px);  font-size:14px;  text-transform:uppercase;  white-space:nowrap;  color:#1a1a1a;  display:inline-block;  background:#d7b469;  padding:14px 30px;  font-weight:600;  opacity:0;  transition:all 0.5s}
.projekapsa:hover .detayli-incele{ opacity:1}
div#bitenCarousel{ margin-top:3em}
.bilgilendirmeDiv{ display:none}
.ftr_adres{ position:relative;  top:15px;  font-size:17px}
.altmenua i{position:relative;/* right: 10px; */font-size: 20px;color: #ffffff;margin-right: 14px;width: 40px;height: 40px;border: solid 1px;border-radius: 50%;line-height: 40px;text-align: center;}
.bilgi-form:before{ position:absolute;  width:100%;  height:100%;  content:'';  background-color:#e4e4e4;  top:0;  left:0;  transform:skew(-30deg);  z-index:0}
.bilgi-form{ position:relative}
span.ust-baslik{ position:relative;  padding-left:20px;  text-transform:uppercase;  font-size:12px}
.haber-icerik{ width:350px;  position:absolute;  top:40px;  right:40px;  margin-left:0;  margin-right:0;  background-color:#fff;  height:200px;  padding:23px}
.itemMetin{ color:#ada5a5;  padding-top:10px;  line-height:21px;  text-align:center}
#haberlerSlider .itemBaslik{ border-bottom:solid 1px #d7b469;  color:#2E3841;  text-transform:uppercase;  font-size:18px;  text-align:left;  padding-bottom:10px}
.owl-carousel .owl-item img{ width:auto !important}
section#indexHaberler:after{ position:absolute;  width:34%;  height:100%;  top:0;  right:0;  z-index:-1;  background:#e4e4e4}
.tekresimDiv{max-width:600px;float:left;margin:0 15px 15px 0;}
#sf_iletisim div#icerik{padding-top: 99px;min-height:inherit;}
#sf_iletisim div.baslik{ display:none}
.fancybox-enabled header#header{ width:calc(100% - 17px)}
#sf_anasayfa #icerik{ padding-top:0}
.next_prev>.container{ position:relative}
.next_prev{}
.baslik a{display:inline-block;color: #fff;padding-left: 15px;}
.next_prev .linkler a small{ font-size:12px;  position:relative;  top:-3px}
/* mobil menu buradan basliyor*/
section#mobilMenu{ transition:all 0.8s;   right:0;  width:100%;  top:0}
header.active .lec_main_menu{ top:20px}
.lec_main_menu{ position:absolute;  color:#111728;  height:20px;  width:85px;  cursor:pointer;  z-index:7;  right:14px;  top:25px;  left:auto;  transition:all 0.5s ease}
.lec_main_menu_icon{}
.lec_main_menu_icon i{ display:block;  width:30px;  height:4px;  right:0;  border-radius:3px;  background:#fff;  position:absolute;  -webkit-transition:all 0.7s;  -o-transition:all 0.7s;  transition:all 0.7s}
.lec_main_menu.active .lec_main_menu_icon i,
.lec_main_menu.active .lec_main_menu_icon b span{ transform:translateY(-20px);  opacity:0}
.lec_main_menu_icon i:nth-child(1){ margin-top:0;  -webkit-transition-delay:50ms;  -o-transition-delay:50ms;  transition-delay:50ms}
.lec_main_menu_icon i:nth-child(2){ margin-top:8px;  -webkit-transition-delay:100ms;  -o-transition-delay:100ms;  transition-delay:100ms}
.lec_main_menu_icon i:nth-child(3){ margin-top:16px;  -webkit-transition-delay:150ms;  -o-transition-delay:150ms;  transition-delay:150ms}
.lec_main_menu_icon i:nth-child(4){ margin-top:16px;  -webkit-transition-delay:250ms;  -o-transition-delay:250ms;  transition-delay:250ms;  background:#000;  opacity:0}
.lec_main_menu.active i:nth-child(4){ transform:translateY(-8px);  opacity:1}
.lec_main_menu_icon b{ position:absolute;  margin-top:-1px;  font-size:14px;  font-weight:normal;  left:-5px;   color:white}
.lec_main_menu_icon b span{-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;display:inline-block;float: left;margin-left: 2px;}
.lec_main_menu_icon_b span{ transform:translateY(20px);  opacity:0;  color:#000}
.lec_main_menu.active b.lec_main_menu_icon_b span{ transform:translateY(0);  opacity:1}
.lec_main_menu_content{ top:0;  bottom:0;  left:0;  right:0;  position:fixed;  z-index:6;  pointer-events:none;  opacity:0;  transform:translateY(100vh);  -webkit-transition:all 0.5s cubic-bezier(0.2,1,0.2,1);  -o-transition:all 0.5s cubic-bezier(0.2,1,0.2,1);  transition:all 0.5s cubic-bezier(0.2,1,0.2,1);  transition-delay:0;  transition-delay:0.1s}
.lec_main_menu_content.active{ opacity:1}
.lec_main_menu_content.active{ pointer-events:auto;  transform:translateY(0);  -webkit-transition:all 0.5s cubic-bezier(0.2,1,0.2,1);  -o-transition:all 0.5s cubic-bezier(0.2,1,0.2,1);  transition:all 0.5s cubic-bezier(0.2,1,0.2,1)}
.lec_main_menu_content_menu{ position:fixed;  top:0;  bottom:0;  left:0;  right:0;  z-index:6;  -webkit-transition:all 1s cubic-bezier(0.2,1,0.2,1);  -o-transition:all 1s cubic-bezier(0.2,1,0.2,1);  transition:all 1s cubic-bezier(0.2,1,0.2,1);  opacity:0;  overflow:hidden;  pointer-events:none;  transform:translateY(100vh);  padding-bottom:100px}
.lec_main_menu_content_menu_copy{ margin-top:30px}
.lec_main_menu_content_menu.text-left .lec_footer_social{ margin-left:-10px}
.lec_main_menu_content_menu.text-right .lec_footer_social{ margin-right:-10px;  float:right;  display:block}
.lec_main_menu_content_logo{ position:absolute;  left:15px;  top:80px;  z-index:5}
.lec_main_menu_content_menu.active{ opacity:1;  -webkit-transition-delay:all 0.5s cubic-bezier(0.2,1,0.2,1);  -o-transition-delay:all 0.5s cubic-bezier(0.2,1,0.2,1);  transition-delay:all 0.5s cubic-bezier(0.2,1,0.2,1);  transform:translateY(0);  overflow-y:auto;  pointer-events:auto;  padding-top:100px;  transition-delay:0.2s;  background:rgba(255,255,255,0.57)}
.lec_main_menu_content_menu ul{ padding:0;  margin:0;  list-style:none}
.lec_main_menu_content_menu ul ul{ display:none}
.lec_main_menu_content_menu ul ul a{ font-size:14px;  -webkit-transition:all 0.3s;  -o-transition:all 0.3s;  transition:all 0.3s;  margin-right:13px;  margin-bottom:5px;  color:#6f6f6f}
.lec_main_menu_content_menu ul ul li{ width:auto}
.lec_main_menu_content_menu.text-right ul ul a:hover{ margin-right:20px}
.lec_main_menu_content_menu a{ font-size:22px;  display:block;  text-decoration:none;  transition:color 0.5s;  outline:0}
.lec_main_menu_content_menu a:hover{ color:#9bd1dd}
.lec_main_menu_content_menu.active a{}
.lec_main_menu_content_menu div>ul>li:not(.has-children ){  }
.lec_main_menu_content_menu div>ul>li{ margin-bottom:15px}
.lec_wht_txt,
.lec_wht_txt h2,
.lec_wht_txt h3{    color:#000}
.text-center .lec_wht_txt h3{    max-width:40%;     margin-left:auto;     margin-right:auto}
footer.lec_wht_txt h3{    max-width:100%}
.lec_wht_txt .lec_icon_box_content{    color:#fff}
.lec_wht_txt .lec_icon_box h4{    color:#fff}
.lec_wht_txt a,
.lec_wht_txt a i{    color:#000}
header nav ul{    list-style:none;     padding:0;     margin:0}
.lec_top_menu{    float:right;     margin-right:-35px}
.lec_top_menu a{    -webkit-transition:all 0.3s;     -o-transition:all 0.3s;     transition:all 0.3s;     text-transform:uppercase;     font:600 13px/24px Bree Serif;  position:relative}
.lec_top_menu a:hover{ text-decoration:none;  color:#000}
.lec_transp_nav .lec_top_menu a:hover{ color:#fff}
.lec_first_step .lec_transp_nav .lec_top_menu a:hover{ color:#000}
.lec_first_step .lec_transp_nav .lec_top_menu ul a:hover{ color:#fff}
.lec_top_menu ul a:hover{ text-decoration:none;  color:#fff}
.lec_top_menu ul{ position:absolute;  width:250px;  display:none;  background:rgba(0,0,0,0.9)}
.lec_top_menu ul ul{ padding:0;  background:none;  margin-bottom:20px}
.lec_top_menu ul ul:last-child{ margin-bottom:0}
.lec_top_menu ul li{}
.lec_main_menu_content_menu .has-children >a:after, .lec_main_menu_content_menu .has-children >a.active:after{ content:"\f107";  display:inline-block;  font-size:16px;  font-family:fontAwesome;  transform:none!important;  position:initial!important;  top:auto!important;  right:auto!important;  margin:auto auto auto 12px!important;  background:initial!important;  width:auto!important;  height:auto!important}
.has-children:last-child ul{ right:0}
.has-children >a.active:after{ content:"\f106"}
.lec_top_menu ul li{ float:none;  border-bottom:1px solid rgba(255,255,255,0.1);  padding:7px 10px}
.lec_top_menu ul a{ color:#fff;  padding:10px 20px;  height:auto}
.lec_top_menu ul li:hover >a{ color:#fff;  margin-left:10px}
.lec_top_menu ul li:hover >a:before{ display:none}
.lec_top_menu li:hover >a:before,
.lec_top_menu li.current a:before{ display:block;  content:'';  height:1px;  width:30%;  position:absolute;  top:55px;  margin-right:30px;  -webkit-transition:all 0.3s;  -o-transition:all 0.3s;  transition:all 0.3s;  border-bottom:2px solid rgba(0,0,0,.5)}
.lec_top_menu li.current a:before{ border-bottom:2px solid rgba(255,255,255,.5)}
.lec_transp_nav .lec_top_menu li:hover >a:before{ border-bottom:2px solid #fff}
.lec_first_step .lec_top_menu li:hover >a:before{ border-bottom:2px solid rgba(0,0,0,.5)}
.lec_second_step .lec_top_menu li:hover >a:before,
.lec_second_step .lec_top_menu li.current a:before{ top:38px}
.lec_first_step .lec_top_menu li.current a:before{ border-bottom:2px solid rgba(0,0,0,.5)}
nav#menu{float: left;display: inline-block;}
.lec_footer_social{ display:block;  text-align:center}
.lec_footer_social a{ display:inline-block;  float:none}
.lec_main_menu_content_menu ul ul li.go-back, .lec_main_menu_content_menu ul ul li.see-all{ display:none}

.bungalov-evleri {
    position: relative;
    padding: 0;
}

#indexKurumsalBox2:after {
    position: absolute;
    width: 100%;
    height: 100%;
    /* background: url(../../images/ev.jpg) no-repeat; */
    bottom: 0;
    left: 0;
    background-size: cover;
    background-position-y: 100%;
    z-index: 0;
    margin: 0 auto;
    left: 0;
    background-size: cover;
    background-position-x: 50%;
    background-attachment: fixed;
    background: #fff;
}



#slider-alt {
    margin-top: -20px;
    padding: 0px 0;
    position: relative;
    /* z-index: 2; */
    box-shadow: 0 5px 11px 0 rgba(226, 226, 226, 0.58);
}

.hakkimizda {
    position: relative;
    height: auto;
    z-index: 2;
    background: #f6f1ed;
    padding: 0;
}

p.kurumsal-metin {
    font-size: 17px;
}

.kurumsal_devam {text-align: center;width: auto;color: #000000;border: 1px solid #45454a;display: inline-block;font-size: 16px;line-height: 2;padding: 5px 15px;transition: .5s;position: relative;top: -15px;left: 50%;transform: translateX(-50%);}

section#indexKurumsalBox2 {
    background: #ab8160;
    margin-top: -20px;
    padding: 0;
    position: relative;
    z-index: 2;
    /* box-shadow: 0 5px 11px 0 rgba(226, 226, 226, 0.58); */
}

#indexKurumsalBox2:before {
}

#indexUrunlerBox li {
    /* left: 15%; */
    /* top: 18px; */
}

#indexUrunlerBox h1.heading {
    padding: 15px;
    margin-top: -20px;
    text-transform: uppercase;
}

#indexGaleri .item {
    float: left;
    position: relative;
    transition: all .3s;
    padding: 0;
}

#indexGaleri .heading {line-height: 51px;text-transform: uppercase;}

#indexGaleri.box {
    padding: 0;
}

section#indexUrunlerBox.box {
    background: white;
}

.coklu_gorsel2 {
    /* float: left; */
    /* border: 1px solid #F5F5F5; */
    overflow: hidden;
    box-sizing: border-box;
    /* margin: 5px; */
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}

a.coklu_gorsel2:hover {
}

#indexGaleri .item a:hover {
    z-index: 2;
    transition: all .3s;
}

a.coklu_gorsel2:hover:before {
    position: absolute;
    width: 100%;
    height: 100%;
}

.footerlogolar .logo2 {
    margin-top: 31px;
}


#header.active {
    background: #ffffff;
    border-bottom: solid 2px #ddd;
}

.cd-primary-nav > li {
    position: relative;
    float: left;
}

.cd-primary-nav > li>a:after {
    content: "";
    position: absolute;
    left: 50%;
    right: 50%;
    bottom: 0;
    height: 4px;
    background: #b5a397;
    transition: 0.6s;
    top: 70px;
}

.liste72 a:hover span:before{
    border: 2px solid white;
    width: 90%;
    height: 90%;
    top: 0;
    left: 2%;
}
.liste72 span:before{
    position: absolute;
    width: 40%;
    height: 40%;
    margin: 3%;
    top: 30%;
    left: 30%;
    border: 1px solid transparent;
    ent;
    z-index: 2;
    transition: border .6s;
    transition: all ease .6s;
}
.liste72 span{
    position: relative;
    display: inline-block;
    transition: opacity .6s;
    border: 1px solid transparent;
    overflow: hidden;
}

.liste72 a:hover span:after{
    /* background: rgba(255, 255, 255, 0.3); */
    opacity: 1;
}
.liste72 span:after{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1;
    background: rgba(0, 0, 0, 0.39);
    transition: background .6s;
    opacity: 0;
}
.liste72:hover img{
    transform:Scale(1.1);
}
.liste72 img{
    transitionall .6s;
    transition: all .6s;
}

.footerlogolar {
    float: right;
}

.social {
    position: relative;
}

#sf_anasayfa #menu .cd-main-header>.cd-nav>.cd-primary-nav a {
    color: #fff;
}

.btn-bungalov:hover, .btn-bungalov:focus, .btn-bungalov:active {
    background: #3182dc;
    border-color: #125aab;
    color: white;
}

.button-group>.btn:before {
    content: attr(data-icon);
    font-family: fontAwesome;
    margin-right: 7px;
}

.button-group {
    text-align: center;
    margin: 0 -15px 15px;
    clear: both;
    padding: 50px 0;
}

.hakkimizdaCoklu li {
    position: relative;
    margin-top: 50px;
    margin-bottom: 0;
    top: -50px;
}
div#map {min-height: 500px;background: url(../../images/mapLoading.gif)no-repeat center center;position: relative;clear: both;margin: 10px;}

#map:before {
    position: absolute;
    left: 0;
    top: calc(50% + 50px);
    content: attr(data-yukleniyor);
    font-family: 'BillRoman', sans-serif;
    text-align: center;
    width: 100%;
    font-weight: 700;
}

#map ymaps.ymaps-2-1-41-map.ymaps-2-1-41-i-ua_js_yes.ymaps-2-1-41-map-bg-en.ymaps-2-1-41-islets_map-lang-tr {
    height: 300px!important;
}

.cizgi {
}

.radial {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&1+0,0+99 */
    background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 99%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
    background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 99%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: radial-gradient(ellipse at center, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 99%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    width: 100%;
    height: 1px;
    background-size: cover;
    float: left;
    opacity: 0.2;
    margin-top: -45px;
}

#indexGaleri .item a:before {background-color: rgba(1, 24, 25, 0.3);content: "";height: 0;left: 0;margin: auto;position: absolute;top: 0;-webkit-transition: all 0.3s ease-out 0.1s;transition: all 0.3s ease-out 0.1s;width: 0;}
#indexGaleri .item a:after{
    background-color: rgba(1, 24, 25, 0.3);
    bottom: 0;
    content: "";
    height: 0;
    position: absolute;
    right: 0;
    -webkit-transition: all 0.3s ease-out 0.1s;
    transition: all 0.3s ease-out 0.1s;
    width: 0;
}
#indexGaleri .item a:hover:before{height: 100%;-webkit-transition: all 0.4s ease-out 0.1s;transition: all 0.4s ease-out 0.1s;width: 100%;}
#indexGaleri .item a:hover:after{
    height: 100%;
    -webkit-transition: all 0.4s ease-out 0.1s;
    transition: all 0.4s ease-out 0.1s;
    width: 100%;
}

#indexGaleri .item:hover:before {
}
.galeri_item{
    float: left;
    position: relative;
    /* margin: 0 1px; */
    width: 16.2111%;
    overflow: hidden;
    transition: .8s;
}
.galeri_hover{
    width: 50.6666%;
}

li.galeri_item img {
    max-width: inherit;
    margin-left: -130px;
    transition: .8s;
    /* filter: blur(3px); */
}

.galeri_item .itemBaslik {
    color: #ffffff;
    margin: 0;
    position: relative;
    top: 70px;
    left: 0px;
    width: auto;
    text-align: left;
    font-size: 17px;
    padding: 10px 20px;
    white-space: nowrap;
}

li.galeri_item .item-image:before {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.4);
    z-index: 0;
}

.galeri_item .item-icerik {
    position: absolute;
    top: 0;
    left: 0px;
    right: 0px;
    bottom: 0;
}

li.galeri_item.galeri_hover .itemBaslik {
}

.galeri_item .item-icerik p {
    max-width: 100%;
    float: left;
    transition: all .4s;
    color: #fff;
    font-size: 12px;
:
position: absolute
left: 0;
    position: relative;
    top: 70px;
    left: 20px;
    font-family: 'billRoman',sans-serif;
    transition: all .4s;
    opacity: 0;
}

.galeri_item.galeri_hover .item-icerik p {
}


.item-image {
    position: relative;
    -webkit-transition: .35s;
    transition: .35s;
}

.coklu_gorsel2 img {
}

li.galeri_item img:hover {
    filter: blur(0px);
}

.galeri_item:after {
    width: 3px;
    height: 500px;
    /* background: #fff; */
    position: absolute;
    left: 4%;
    top: 0;
    transform: rotate(5deg);
}

.galeri_item .item-icerik p {
}

p {}

.galeri_hover .item-icerik p {opacity: 1;}

#sf_olanaklarimiz #carousel li.olanakdty {
    /* width: 30%; */
    /* margin-bottom: 50px; */
    margin-top: 40px;
}

.cd-primary-nav > li:hover a:after {
    right: 16px;
    left: 14px;
}

#sf_bungalov-evleri .icerik_genel .rich_div >p {
    /* margin-top: 20px; */
}
.btn-NT-5{line-height:40px;height:42px;padding:0;position:relative;overflow:hidden;border: 1px solid #b5a397;top: 0px;color: rgb(106, 87, 80);text-transform: uppercase;margin-top: 20px;}
.btn-NT-5 span{width:100%;/* display:block; *//* transition:all .5s ease; */padding:0 40px;font-family: 'billbold',sans-serif;}
.btn-NT-5 span + span{background-color: #b5a397;color: rgb(106, 87, 80);}
.btn-NT-5:hover span{transform:translateY(-100%);}.galeri_item.galeri_hover .item-icerik {
                                                      left: 15px;
                                                      right: 15px;
                                                  }

a.btn.btn-NT-5 {}

#logo {
    padding: 0;
    margin-top: 0;
    position: relative;
    /* left: 20px; */
    display: inline-block;
    padding: 17px 17px;
    text-align: center;
}

#menu #logo a {height: inherit;line-height: inherit;width: 100%;top: 0;}

#header.active #logo {
    position: relative;
    padding: 5px 17px;
}

.ms-skin-light-4 .ms-timerbar {
    bottom: auto;
    top: 0;
}

.ms-slide-bgcont:before {
    /*background-image: url(../../images/header_back.png);*/
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background:linear-gradient(rgba(0, 0, 0, 0.72) , rgba(255, 255, 255, 0));
    z-index:1;
}

#sf_anasayfa #header.active #menu {
    top: 0;
}

#headerBody {
    /* background: #fafafa; */
    top: 0;
}

#sf_anasayfa nav#menu {
    position: relative;
    top: 10px;
}

.calisma_baslik {
    color: #fff;
}

.calisma-saatleri {
    color: #fff;
    float: left;
    position: relative;
    margin-left: 40px;
}

.olanakdty {
    position: relative;
    margin-top: 0;
}

#sf_anasayfa #header.active  #menu .cd-main-header>.cd-nav>.cd-primary-nav a {
    color: #000;
}

#carousel li.olanakdty {
    /* margin-top: 0; */
    /* top: -20px; */
}

a.btn.btn-NT-5:hover {
    background: #b5a397;
    color: #fff;
    transition: all .3s;
}

a.Galeric:before {
    position: absolute;
    width: 70%;
    height: 80%;
    margin: 4%;
    top: 1px;
    left: 17px;
    border: 1px solid rgba(0, 0, 0, 0);
    z-index: 2;
    transition: border .6s;
}
a.Galeric:hover:before{
    border: 1px solid #fff;
}

#sf_anasayfa p.kurumsal-metin {
    font-size: 15px;
    padding: 40px;
    text-align: justify;
}

#sayfa_galeri li:hover a img {
    transform: scale(1.1);
    transition: all .3s;
}

#sayfa_galeri li a {
    position: relative;
    display: inline-block;
    transition: all .6s;
    border: 1px solid transparent;
}

#sayfa_galeri a img {transition: all .6s;}

#canli-yayin{

}
.jwplayer{
    width: 100%!important;
    height: 500px!important;
}
#sf_canli-yayin  .tekresimDiv{
    display: inline-block;
    position: relative;
    top: 30px;
    left: 40px;
    float: left;
}


#canli-yayin .rich_div {
    margin-top: 50px;
}

#canli-yayin .tekresimDiv img {
    width: 60%;
}

section#indexGaleri {
    background: #f6f1ed;
}

#indexGaleri ul {
    float: left;
    margin: 40px;
    position: relative;
    top: -10px;
}

#indexGaleri .item a:hover img {
    transition: all .3s;
}

#indexGaleri h1.itemBaslik {
    text-align: center;
    font-size: 15px;
    color: #ffffff;
    /* position: relative; */
    top: 10px;
    margin-top: -15px;
    opacity: 0;
    transition: all .5s;
    text-transform: uppercase;
}

#sf_galeri #carousel li.olanakdty {
    margin-top: 10px;
    top: 0;
}

#indexGaleri .item a:hover .itemBaslik {
    opacity: 1;
    transform: translateY(-62px);
    transition: all .5s;
    position: relative;
    z-index: 3;
}

#logo a {
    top: 0;
}
#sf_anasayfa .animsition-loading {
    background-size: 170px;
}

#indexKurumsalBox2 .tekresimDiv {
    width: 100%;
    height: 400px;
    background-size: cover;
    display: inline-block;
    max-width: 100%;
    margin: 0;
    background-position: center center;
}

.col-md-6.kurumsal-resim {padding: 0;margin: 0;}

#indexulasim {
}

.mikon {position: relative;}

span.mbaslik {
    font-size: 15px;
    text-transform: uppercase;
    font-family: 'billbold',sans-serif;
}

.mikon img {

}

.ortalogolar {margin-left: -6%;position: relative;left: 10%;top: 5px;}

.ulasimlar {
    text-align: center;
    margin-top: -30px;
}
#indexulasim .btn {margin-top: 60px;}

.bizidegerlendirin {
    background: red;
    padding: 20px;
    color: #fff;
    text-transform: uppercase;
    font-family: 'billBold',sans-serif;
    text-align: center;
    top: 15px;
}

section#indexdegerlendir {
}

section#indexharita {
    padding: 0;
    background: #ece8df;
}

.hlogo img {width: 140px;filter: invert();position: relative;margin-top: -26px;overflow: hidden;position: relative;}

.hlogo {position: relative;margin-top: -20px;text-align: center;}

.hbaslik {
    color: #9c9b98;
    text-transform: uppercase;
    font-size: 40px;
    letter-spacing: 33px;
    top: 100px;
}

.ortalogolar img {border: 1px solid #dedede;padding: 8px;border-radius: 6px;max-width: 65%;}


.flogo {
    text-align: center;
    position: relative;
    width: 100%;
    border-bottom: solid 1px #a09186;
    padding: 40px 0;
}

.alt_adres i {
    color: #8c0404;
    /* float: left; */
    font-size: 23px;
    position: relative;
    top: 4px;
}

a.altmenua.aadres {
    position: relative;
    /* left: 80px; */
    color: #000;
    font-size: 13px;
}

.flogo img {
    padding: 10px;
}

.background {
    width: 100px;
    background: red;
    height: 100px;
    border-radius: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.fourBox {
    text-align: center;
}

.fourBox a {
    display: block;
    color: #b4a496;
    border: 1px solid #b4a496;
    height: 75px;
    transition: .4s;
    position: relative;
    margin-bottom: 24px;
    padding: 5px 15px;
}

.box-baslik {
    padding-top: 20px;
    float: left;
    font-family: 'BillBold', sans-serif;
    text-transform: uppercase;
}

.fourBox img {
    float: right;
    position: relative;
    right: 10px;
    transition: all .5s;
}

.fourBox a:hover {
    background: #b4a496;
    color: #fff;
}

.fourBox a:hover img {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}

.ms-slide-bgcont:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(rgba(0, 0, 0, 0.77) 0%,rgba(0, 0, 0, 0.18) 10%,rgba(0, 0, 0, 0) 100%);
}

.bel_logolar a {
    /* display: inline-block; */
    position: relative;
    margin: 0 auto;
}

.bel_logolar {
    margin-top: 10px;
    text-align: center;
}
.footer_logo img {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}
.sosyal_ikon {
}
.footer-sosyal h1 {
    padding-bottom: 9px;
    color: #fff;
    font-size: 18px;
}

.footer_logo a {
    /* max-width: 260px; */
    display: inline-block;
}

.footer_logo {
    text-align: center;
}

.sosyal_a i {
    transition: all .3s ease-in-out;
}

a.sosyal_a.sosyal_fb {
    /* background: #3b5998; */
}

a.sosyal_a.sosyal_tw {
    /* background: #00aced!important; */
}

a.sosyal_a.sosyal_ins {
    /* background: url(../../images/instagram-icon.png) no-repeat; */
    /* background-size: contain; */
    /* background-position: center; */
}

.bel_logolar a:hover img {
    opacity: .6;
}

#sf_anasayfa div#logo {padding: 8px 17px;}

#sf_anasayfa #logo img {
    filter: invert(0);
}
#otherCarousel li{ padding: 0;}
#otherCarousel .urun_baslik{ font-size:15px;}

#footer:before {
    position: absolute;
    top: 0;
    width: 100%;
    height: 80px;
    left: 0;
    background: url(../../images/footer-ust.png);
    margin-top: -80px;
    background-position: 100%;
}

.bottom_left {
    text-align: left;
}

.bottom-rigth {
    text-align: right;
}

.bottom-center {
    text-align: center;
}

.bottom-center a {
    max-width: 150px;
    position: relative;
    margin: 0 auto;
}

.bottom-center img {
    filter: invert(1);
}

.footer_up {
    background: #1E5C37;
    width: 100%;
    padding-top: 25px;
    text-align: center;
}

.footer_up a i {
    position: relative;
    font-size: 40px;
    color: #797979;
    width: 90px;
    height: 39px;
    background: #fff;
    border-top-left-radius: 9px;
    border-top-right-radius: 9px;
}
.footer-sosyal p {
    color: #8ba194;
    font-size: 13px;
}

.footer-sosyal {
    background: #1d4c30;
    padding: 20px 0;
}


a.altmenua.NTtel {
    font-size: 22px;
}
h3.ms-layer.ms-layer-aciklama {
    width: 40%!important;
}


#loader-wrapper {position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 99994;overflow: hidden;}
.loaded #loader-wrapper {visibility: hidden;-webkit-transform: translateY(-100%);transform: translateY(-100%);-webkit-transition: all .3s 1s ease-out;transition: all .3s 1s ease-out;}
#loader {display: block;position: relative;left: 50%;top: 50%;width: 200px;height: 170px;z-index: 999;text-align: center;transform: translateX(-50%) translateY(-50%);margin: -16px 0 0 -16px;}
.loaded #loader {opacity: 0;-webkit-transition: all .3s ease-out;transition: all .3s ease-out;}
#loader-wrapper .loader-section {position: fixed;top: 0;width: 51%;height: 100%;background: #fff;z-index: 99;}
#loader-wrapper .loader-section.section-left {left: 0;}
.loaded #loader-wrapper .loader-section.section-left {-webkit-transform: translateX(-100%);transform: translateX(-100%);-webkit-transition: all .7s .3s cubic-bezier(0.645,0.045,0.355,1);transition: all .7s .3s cubic-bezier(0.645,0.045,0.355,1);}
#loader-wrapper .loader-section {position: fixed;top: 0;width: 51%;height: 100%;background: #fff;z-index: 99;}
#loader-wrapper .loader-section.section-right {right: 0;}
.loaded #loader-wrapper .loader-section.section-right {-webkit-transform: translateX(100%);transform: translateX(100%);-webkit-transition: all .7s .3s cubic-bezier(0.645,0.045,0.355,1);transition: all .7s .3s cubic-bezier(0.645,0.045,0.355,1);}

#loader p {
    color: #269c4f;
    font-size: 30px;
    margin-left: 65px;
    margin-top: 75px;
    float: left;
    font-size: 16px;
}
.rotate{
    animation-timing-function: linear;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-name: rotate;
}
#loader span{
    border: 20px dotted green;
    border-color: #ffffff #2fca66;
    width: 170px;
    height: 170px;
    border-radius: 50%;
    display: block;
    margin: 1em;
}

@keyframes rotate {
    to {
        transform: rotate(360deg);
    }
}
.double{
    border-style: double !important;
}

@-webkit-keyframes bounce {
    0% {
        transform: scale(1, 1);
    }
    50% {
        transform: scale(0.85, 1.1) translateY(-15px);
    }
}
@-webkit-keyframes shadow {
    0% {
        transform: scale(1, 1);
    }
    50% {
        transform: scale(0.7, 1);
        background: rgba(0,0,0,0.05);
    }
}

div#map iframe {
    width: 100% !important;
}
.yoltarifi {
    text-align: center;
    position: relative;
    vertical-align: middle;
    background: #e80a0a;
    display: none;
    clear: both;
    margin: 10px;
}
.yoltarifi a {
    position: relative;
    text-align: center;
    background: #e80a0a;
    height: 50px;
    line-height: 50px;
    color: #fff;
    top: 0px;
    font-size: 15px;
    text-transform: uppercase;
    font-family: 'BillBold', sans-serif;
    margin: 0 auto;
    display: table;
    vertical-align: middle;
    left: calc(50% - 125px);
    width: 250px;
}
.yoltarifi a i {
    margin-right: 14px;
    font-size: 22px;
}

#sf_galeri #carousel li .coklu_gorsel {
    box-shadow: 0px 0px 0px 5px #f6f1ed;
    transition: all .4s;
}

header.active .cd-primary-nav > li>a:after {
    top: 55px;
}

#sf_galeri #carousel li .coklu_gorsel:hover {
    box-shadow: 0px 0px 0px 5px #b4a496;
}

.bizi_arayin img {
    float: left;
    margin-right: 10px;
}
.detay_tel{color:#fff;position: relative;top: -5px;font-size: 11px;font-family: 'BillRoman', sans-serif;}

.detay_tel p {
    font-size: 19px;
    font-family: 'BillBold', sans-serif;
}

.bizi_arayin {
    width: 18%;
}
.bungalov_resimler {
    margin-top: 50px;
}
.bungalov_olanak .olanakdty{ width: 20%;}

#sf_olanaklarimiz.sf_olanaklarimiz_detay .solmenu_baslik .linkleme_a {color: white;font-size: 15px;}

#sf_olanaklarimiz.sf_olanaklarimiz_detay .solmenu_baslik {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background: #b4a496;
}

#sf_olanaklarimiz.sf_olanaklarimiz_detay .solAktif {
    background: #f3ebe5;
}

#sf_olanaklarimiz.sf_olanaklarimiz_detay .solmenua {
    border: none;
}

#sf_olanaklarimiz.sf_olanaklarimiz_detay .solmenua:hover {
    background: #f3ebe5;
    color: #000000;
}