﻿h2, h3{ padding: 0; font-size: 30px}
h4 a, h4 a:hover{ color: #0a0a0a}
body{ font-family: 'Muli', sans-serif; width: 100%; background-color:#fff; background_ex:url(/Content/img/bg.jpg) center center no-repeat fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover}
.con{ float:left; margin-top: -60px; width: 100%}
.container-full{ margin: 0 auto; width: 100%}
h1, h6, ul li{ padding: 0; margin: 0}
#preloader{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99999999; background:url(../img/loading.gif) center center no-repeat #fff}
a:focus, body button:focus, div:focus, img:focus{ outline: 0}
h2{ font-weight: 300; color: #141e2c; margin-bottom: 5px; margin-top: 0}
h3, h4 a{ font-weight: 700}h3{ color: #03173f}h4 a{ font-size: 17px}
h1{ color: #00b4ff}
ul li{ list-style: none}
.fl{ float:left}.fr{ float: right;}.sil{ clear: both}
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover{ border-color: #337ab7}
li.mKurumsal > a{ border-color: #9851b4 !important}
li.mMaltepe > a{ border-color: #4d95d9 !important}
li.mHizmet > a{ border-color: #40b162 !important}
li.mStratejikYonetim > a{ border-color: #ebc72f !important; width: 226px !important}
li.mYasaminKenti > a{ border-color: #ebc72e !important}
li.mEbelediye > a{ border-color: #de4942 !important}
li.mIletisim > a{ border-color: #37485d !important}
.dropdown.mega-dropdown.mKurumsal .mega-dropdown-menu{ background-image: url(../img/menubg.png) !important}
.dropdown.mega-dropdown.mMaltepe .mega-dropdown-menu{ background-image: url(../img/menubg1.png) !important}
.dropdown.mega-dropdown.mHizmet .mega-dropdown-menu{ background-image: url(../img/menubg2.png) !important}
.dropdown.mega-dropdown.mStratejikYonetim .mega-dropdown-menu{ background-image: url(../img/menubg3.png) !important}
.dropdown.mega-dropdown.mYasaminKenti .mega-dropdown-menu{ background-image: url(../img/menubg3-2.png) !important}
.dropdown.mega-dropdown.mEbelediye .mega-dropdown-menu{ background-image: url(../img/menubg4.png) !important}
.dropdown.mega-dropdown.mIletisim .mega-dropdown-menu{ background-image: url(../img/menubg5.png) !important}
.dropdown.mega-dropdown.mSSS .mega-dropdown-menu{ background-image: url(../img/menubg7.jpg) !important}
li.mArama > a{ border-color: #232425 !important; padding-bottom: 14px}
li.mArama > a img{ height: 20px; border-left: 1px solid #b0b0b0; padding-left: 13px; margin-right: 20px}
.mainMenu .navbar ul{ border-top: 0; border-bottom: 0}
.mainMenu .navbar li ul{ }
.mainMenu .navbar li ul.dropdown-menu{ }
.mainMenu .navbar .mHizmet ul{ background:#3aa75b; background:-moz-linear-gradient(top, #3aa75b 0, #0e5e26 100%); background:-webkit-linear-gradient(top, #3aa75b 0, #0e5e26 100%); background:linear-gradient(to bottom, #3aa75b 0, #0e5e26 100%);  filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#3aa75b', endColorstr='#0e5e26', GradientType=0 );}
.mainMenu .navbar .mKurumsal ul{ background:#8c49aa; background:-moz-linear-gradient(top, #8c49aa 0, #350a5d 100%); background:-webkit-linear-gradient(top, #8c49aa 0, #350a5d 100%); background:linear-gradient(to bottom, #8c49aa 0, #350a5d 100%);  filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#8c49aa', endColorstr='#350a5d', GradientType=0 );}
.mainMenu .navbar .mMaltepe ul{ background:#458bcc; background:-moz-linear-gradient(top, #458bcc 0, #0c3e6e 100%); background:-webkit-linear-gradient(top, #458bcc 0, #0c3e6e 100%); background:linear-gradient(to bottom, #458bcc 0, #0c3e6e 100%);  filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#458bcc', endColorstr='#0c3e6e', GradientType=0 );}
.mainMenu .navbar .mStratejikYonetim ul{ background:#e1be30; background:-moz-linear-gradient(top, #e1be30 0, #987c05 100%); background:-webkit-linear-gradient(top, #e1be30 0, #987c05 100%); background:linear-gradient(to bottom, #e1be30 0, #987c05 100%);  filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1be30', endColorstr='#987c05', GradientType=0 );}
.mainMenu .navbar .mYasaminKenti ul{ background:#e1be29; background:-moz-linear-gradient(top, #e1be29 0, #987c05 100%); background:-webkit-linear-gradient(top, #e1be29 0, #987c05 100%); background:linear-gradient(to bottom, #e1be29 0, #987c05 100%);  filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1be29', endColorstr='#987c05', GradientType=0 );}
.mainMenu .navbar .mEbelediye ul{ background:#d4433c; background:-moz-linear-gradient(top, #d4433c 0, #8f150f 100%); background:-webkit-linear-gradient(top, #d4433c 0, #8f150f 100%); background:linear-gradient(to bottom, #d4433c 0, #8f150f 100%);  filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4433c', endColorstr='#8f150f', GradientType=0 );}
.mainMenu .navbar .mIletisim ul{background:#37485d; background:-moz-linear-gradient(top, #37485d 100%, #25303d 100%);background:-webkit-linear-gradient(top, #37485d 100%, #25303d 100%);background:linear-gradient(to bottom, #37485d 100%, #25303d 100%);  filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#37485d', endColorstr='#25303d', GradientType=0 );}
.nav .dropdown.open.mHizmet > a{ color: #40b162}
.nav .dropdown.open.mKurumsal > a{ color: #8c49aa}
.nav .dropdown.open.mMaltepe > a{ color: #458bcc}
.nav .dropdown.open.mStratejikYonetim > a{ color: #e1be30}
.nav .dropdown.open.mYasaminKenti > a{ color: #e1be29}
.nav .dropdown.open.mEbelediye > a{ color: #d4433c}
.nav .dropdown.open.mIletisim > a{ color: #37485d}
.title1{ margin-top: 8px; float:left; width: 100%; height: 5%; text-align: center; background-color: #F3F3F3; vertical-align: middle; margin-bottom: 10px}
.title1 p{ font-weight: bold; color: #4A4E4F}
.detailNikah2{ width: 90%; height: 100%; margin-left: 5%; margin-top: 3%}
.detailNikah{ width: 85%; height: 100%; margin-left: 7.5%; margin-top: 15%}
.detailNikah ul{ width: 100%; height: 100%; margin-left: -20px}
.detailNikah li{ width: 100%; height: 100%; margin-left: -20px}

.yasamBolum .slide{height:260px; position:relative; overflow:hidden;}
.yasamBolum .slide img{height:100%; width:auto !important; min-width:100%; -webkit-transition:all .4s linear;transition:all .4s linear;}
.yasamBolum .slide .titleWrap{position:absolute; left:0px; top:0px; height:100%; width:101%; background-color:rgba(189,11,11,0.3); color:#fff;display:table;vertical-align:middle;}
.yasamBolum .slide .titleWrap div{    display: table-cell; position:relative; height:100%; vertical-align:middle; text-align:center; width:100%}
.yasamBolum .box1 .titleWrap{ background-color: rgba(13, 143, 167, 0.75) !important}
.yasamBolum .box2 .titleWrap{ background-color: rgba(253, 195, 0, 0.72) !important}
.yasamBolum .box3 .titleWrap{ background-color: rgba(157, 60, 156, 0.78) !important}
.yasamBolum .box4 .titleWrap{ background-color: rgba(226, 71, 80, 0.89) !important}
.yasamBolum .box5 .titleWrap{ background-color: rgba(238, 114, 3, 0.81) !important}
.yasamBolum .box6 .titleWrap{ background-color: rgba(152, 194, 29, 0.83) !important}
.yasamBolum .box7 .titleWrap{ background-color: rgba(121, 85, 72, 0.84) !important}
.yasamBolum .box8 .titleWrap{ background-color: rgba(55, 72, 93, 0.84) !important}
.yasamBolum .slide:hover img {-ms-transform:scale(1.2);-webkit-transform:scale(1.2);transform:scale(1.2);}
.yasamBolum .slide .titleWrap {     /*add prefixes*/}

/*transition: box-shadow 1s;*/
.yasamBolum .slide:hover .titleWrap{transition: box-shadow 1.8s; -webkit-box-shadow: inset 10px 10px 199px 12px rgba(0,0,0,0.75);-moz-box-shadow: inset 10px 10px 199px 12px rgba(0,0,0,0.75);box-shadow: inset 10px 10px 199px 12px rgba(0,0,0,0.75);}

.yasamSlider{padding-left:40px !important; padding-right:40px !important;overflow:hidden;max-height: 280px;}
.yasamSlider .owl-nav div{position:absolute; top:-28px; right:4px; width:24px; height:24px; top: 50%; margin-top: -5px; border: 2px solid #999; border-radius: 50%;}
.yasamSlider .owl-nav .owl-prev{background:url(/Content/img/SolOk-Haber.png) top center no-repeat; right:auto; left:5px;}
.yasamSlider .owl-nav .owl-next{background:#999 url(/Content/img/SagOk-Haber.png) top center no-repeat; }
.mobilMenu{display:none} .mobilMenu .navbar-brand{font-size:13px;} .mobilMenu .navbar-brand img{display:inline-block}
.etkinlikAz {text-align:center}
.etkinlikAz .etkinlikSlide{float:none !important; display:inline-block !important;     margin-left: -5px;}
.etkinlikAz .etkinlikSlide:last-child{    border-right: 1px solid #949494;}
.girisimcilik{       margin-top: 10px; margin-left: 5px;}
.heforshe{ width:94px; margin: 3px 8px 0px;}
.videoSlider .slick-list{padding-bottom:8px !important}

.duzListe{  margin: 12px 15px 0}
.duzListe li, .duzListe ul{ margin-left: 0; padding-left: 0}
.duzListe .panel-success > .panel-heading{ color: #005dac; background-color: #dff0d8; border-color: #d6e9c6; font-size: 24px}
.duzListe li{ list-style: none; padding-right: 0; margin-right: 0}
.duzListe li a{ display: block; font-size: 16px}
.duzListe li .text-right a{ font-size: 12px; margin-top: 2px !important}
.duzListe .itemtitle{ font-size: 15px; color: #000}
.duzListe .ozet{ font-size: 16px}
.aramaBolum h2{background-color: #fff !important}

@media (max-width:530px){
#harita{ width: 100%; height: 750px}
.pic1{ width: 100%; height: auto}
.pic1 img{ width: 100%}
.main1{ width: 310px; margin: auto}
.phone{ width: auto; margin-top: 8px; float:left}
.phone img{ width: 30px; float:left; margin-right: 8px; margin-top: 3px}
.phone .light1{ /*margin-right:-10px;*/
margin-top: 8px; color: #DA0074; font-weight: lighter; font-size: 80%; float:left}
.line{ margin-top: 5px; border: 1px solid rgba(137, 137, 137, 0.06); margin-left: 15px; height: 40px; float:left}
.mapIcon{ margin-left: 15px; width: auto; height: auto; margin-top: 8px; float:left}
.mapIcon .mapLink{ text-decoration: none; border: none}
.mapIcon img{ width: 35px; height: auto; float:left}
.mapIcon .light1{ color: black; margin-top: 8px; margin-left: 8px; float:left; font-weight: lighter; font-size: 80%}

.conBoxVideo{max-height:inherit !important}
}

@media (min-width:530px){
#harita{ width: 100%; height: 1100px}
.pic1{ width: 100%; height: auto}
.pic1 img{ width: 100%}
.main1{ width: 430px; margin: auto}
.phone{ width: auto; margin-top: 8px; float:left}
.phone img{ width: 40px; float:left; margin-top: 5px}
.phone .light1{ margin-top: 8px; color: #DA0074; font-weight: lighter; font-size: 110%; float:left; margin-left: 10px}
.line{ margin-top: 8px; border: 1px solid rgba(137, 137, 137, 0.06); margin-left: 15px; height: 40px; float:left}
.mapIcon{ margin-left: 15px; width: auto; height: auto; margin-top: 8px; float:left}
.mapIcon .mapLink{ text-decoration: none; border: none}
.mapIcon img{ width: 45px; height: auto; float:left}
.mapIcon .light1{ color: black; margin-top: 8px; margin-left: 10px; float:left; font-weight: lighter; font-size: 110%}
}

@media (min-width:801px){
.mega-dropdown-menu{ min-height: 410px}
.pageDetailArea h2{ min-height: 30px !important}
.exitBask, .mobilbask{ display: none}
.forspecial{ height: 140px}
body{ min-width: 1080px}
.header{ width: 100%; height: 133px; background-color: transparent; margin-bottom: 6px !important}
.headerBolum{ width: 100%; margin: 0 auto; height: 83px; position: relative}
.headerBolum .hkulak{ position: absolute; width: 18px; height: 152px; background-repeat: no-repeat; background-position: center center}
.headerBolum .hsolKulak{ background-image: url(/Content/img/hsolKulak.png); margin-left: -15px}
.headerBolum .hsagKulak{ background-image: url(/Content/img/hsagKulak.png); margin-left: 1137px}
.logo{ position: absolute; left: 0; padding-left: 15px; padding-right: 17px; top: 15px; z-index: 4; border-bottom: 5px solid #8c49aa; padding-bottom: 13px}
.anaslider, .anasliderWrap, .dropdown-submenu{ position: relative}
.mainMenu{ float:left; width: 100%; font-size: 15px; height: 38px; line-height: 38px; background:url(../images/hizliMenuTop.png) right center no-repeat #ededed; background-size: 245px 38px; font-size: 15px; font-weight: bold}
.mainMenu #navbar{ padding: 0}
.mainMenu .navbar{ margin-bottom: 0; border-bottom: 0; height: 37px; line-height: 37px; float: right; z-index: 20; border-left: 0px; border-right: 0px}
.topMenu{ float:left; width: 100%; height: 96px}
.hizliText{ float: right; /*width: 215px;*/ background-size: 215px 43px; line-height: 37px; height: 37px; margin-top: 15px}
.hizliText, .hizliText a{ color: #fff}
.hizliText .hizliTextAyrac{ background:url(../images/hizliTextAyrac.png) right center no-repeat; width: 1px; height: 37px; margin: 0 9px}
.hizliMerge{ float:left; width: 105px}
.hizliMenu, .hizliTextLabel, .hizliTextTel{ width: 100%; float:left}
.hizliTextLabel{ text-align: right; margin-top: -7px; font-size: 11px}
.hizliTextTel{ font-size: 14px; font-weight: 700}
.dilLink, .hizliTextIcon{ margin-top: 1px}
.hizliMenu{ height: 100px}
.hizlimenuContent{ float:left; width: 955px; margin-left: 15px; height: 75px; margin-top: 12.5px; overflow: hidden}
.hizliMenuOb{ float:left; width: 756px}
.hizliMenuOb2{ float:left; width: 2500px; position:relative}
.hizliMenuSagOk, .hizliMenuSolOk{ width: 17px; height: 75px; opacity: .8 !important; cursor: pointer; z-index: 6; position:relative}
.hizliMenuSolOk{ float:left; background-image: url(/Content/img/hizli-sol.png)}
.hizliMenuSagOk{ float: right; background-image: url(/Content/img/hizli-sag.png)}
.hizliMenuSagOk:hover, .hizliMenuSolOk:hover{ opacity: 1 !important}
.hizliMenu a{ float:left; width: 152.8px; position:relative}
.hizliMenu .ayrac{ float:left; width: 1px; height: 76px; background-image: url(/Content/img/hizli-ayrac.png)}
.hizliMenu .item{ float:left; height: 75px; width: 100%; overflow: hidden}
.hizliMenu .item .img{ float:left; width: 30px; height: 30px; margin-left: 63px; margin-top: 5px; background-position: center top; background-repeat: no-repeat}
.hizliMenu .item:hover .img{ background-position: center -30px}
.hizliMenu .item:hover .text{ color: #db2719}
.hizliMenu .text{ float:left; width: 100%; text-align: center; font-size: 13px; color: #666; margin-top:5px; font-weight: bold}
.hizliMenu .text2{float:left; width: 100%; text-align: center; font-size: 11px; color: #666; margin-top:-1px }
.socialbox{ float:left; width: 165px; padding-left: 8px; height: 75px; margin-top: 13px}
.socialbox a{ float:left; opacity: .8; width: 68px; height: 25px; margin-left: 4px; margin-top: 10px}
.socialbox a:nth-child(2n + 1){ float:left; opacity: .8; width: 80px; height: 25px; margin-left: 0}
.socialbox a .img{ float:left; height: 25px; background-image: url(/Content/img/social.png); border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; width: 26px}
.socialbox a .titleSocial{ float:left; background-color: #f7f7f7; font-size: 9px; font-weight: bold; padding-left: 5px; padding-right: 2px; height: 26px; line-height: 26px; color: black; width: 42px; border: 1px solid #ddd; border-left: 0}
.socialbox a:nth-child(2n + 1) .titleSocial{ width: 53px}
.anaslider, .anasliderWrap{ height: 461px; overflow: hidden}
.socialbox a:nth-child(2) .img{ width: 26px; background-position: -34px}
.socialbox a:nth-child(3) .img{ background-position: -68px}
.socialbox a:nth-child(4) .img{ width: 25px; background-position: -102px}
.socialbox a:hover{ opacity: 1}
.anasliderWrap{ margin-bottom: 0; top: 0}
.anaslider{ width: 100%; z-index: 1}
.sliderBolum{ width: 100%}
.sliderResim{ width: 100%; height: 731px}
.anaslider img{ width: 100%; max-height: 730px; min-height: 335px}
.anasliderArrowWrap{ position: absolute; left: 0; bottom: 45%; width: 100%; z-index: 2}
.navWrap{ position: relative; left: 0; bottom: 160px; width: 100%; z-index: 2; text-align: center}
.anaSliderNav{ display: inline-block !important; position: absolute; left: auto; right: auto; margin: auto !important; width: auto !important; min-width: 900px !important}
.anaSliderNav .slick-slide{ opacity: .7; text-align: center}
.anaSliderNav .slick-slide.slick-active{ opacity: 1}
.navControl{ width: 1085px; margin: auto}
.navControl .navBtn{ width: 24px; height: 45px; cursor: pointer}
.anasliderPrev{ background:url(../images/anasliderLeft.png) center center no-repeat}
.anasliderNext{ background:url(../images/anasliderRight.png) center center no-repeat}
.anaSliderNav img{ max-width: 100%}
.anaSliderNav .slick-slide img{ display: inline-block; cursor: pointer; max-width: 146px}
.anaslider .slick-dots{ left: 0; right: 0; bottom: 25px; margin: auto}
.ortaAlan, .ortaAlan img{ float:left; width: 100%}
.haberListe{ width: 970px; margin: 0 auto}
.haberSliderWrap{position:relative; overflow:hidden; max-height:371px}
.allNewsArea, .blok{ margin-bottom: 10px}
.newsArea{ width: 688px; float:left}
.blok{ width: 331px; height: 277px; float:left; margin-left: 0; position: relative}
.allNewsArea, .allVideosArea{ float: right; width: 332px; height: 277px}
.blok img{ position: absolute; left: 0; top: 0; z-index: -1}
.allNewsArea, .newsArea .blok a{ position: relative}
.allVideosArea img{ position: relative; z-index: -1; top: 0}
.newsArea .blok a{ display: block; width: 100%; height: 100%}
.newstype, .videosType{ position: absolute; left: 15px; color: #fff; font-size: 14px; width: 58px; height: 28px; line-height: 28px; float:left; text-align: center}
.newstype{ background-color: #00bff3; top: 0; z-index: 2}
.videosType{ background-color: #ca2c0e}
.allNewsArea img, .allNewsList{ position: relative; top: 0}
.newsdate{ float:left; margin-top: 10px; height: 20px; line-height: 15px; font-size: 10px; font-style: italic; color: #b1b1b1; width: 90%; margin-left: 5%; border-bottom: 1px dotted #b1b1b1}
.blok:hover .newsTitle{ background:-webkit-linear-gradient(right, rgba(0,0,0,.7), rgba(0,0,0,.7)); background:-o-linear-gradient(right, rgba(0,0,0,.7), rgba(0,0,0,.7)); background:-moz-linear-gradient(right, rgba(0,0,0,.7), rgba(0,0,0,.7)); background:linear-gradient(right, rgba(0,0,0,.7), rgba(0,0,0,.7))}
.newsTitle p{ text-align: center; font-size: 18px; font-weight: 700; color: #fff; display: table-cell; vertical-align: middle; height: 91px}
.allNewsList{ left: -40px}
.allNewsList ul li{ border-bottom: 1px solid #999; width: 332px}
.allNewsList ul li a{ width: 332px; display: block; font-size: 12px; color: #000; line-height: 25px; padding-left: 2px}
.boxTitle, .yasamBolum h2{ line-height: 35px; color: #fff}
.allNewsList ul li a:hover{ background-color: #1b1b1b; color: #fff; width: 332px; display: block; text-decoration: none}
.allNewsList ul li:last-child{ border-bottom: 0}
.allNewsLink{ background-color: #fff; width: 332px; text-align: center; font-size: 16px; font-weight: 700; border-bottom: 1px solid #fff}
.blok img{ width: 100%; max-height: 277px; min-height: 277px}
.newsTitle{ width: 100%; position: absolute; height: 91px; bottom: 0; display: table; background:-webkit-linear-gradient(right, rgba(0,0,0,.5), rgba(0,0,0,.5)); background:-o-linear-gradient(right, rgba(0,0,0,.5), rgba(0,0,0,.5)); background:-moz-linear-gradient(right, rgba(0,0,0,.5), rgba(0,0,0,.5)); background:linear-gradient(right, rgba(0,0,0,.5), rgba(0,0,0,.5))}
.yasamBolum{ width: 100%; background:url(../img/lifeAreaBg.png); height: 342px}
.lifeArea{ padding-bottom: 40px; position: relative; height: 280px; padding: 15px}
.bigBox, .yasamBolum h2{ margin-left: 15px; margin-top: 15px; float:left }

.yasamBolum h2{ width: 1107px; height: 35px; background-color: #666; font-size: 16px; font-weight: 400; padding-left: 15px}
.boxLifeArea{ height: 260px}
.boxLifeArea .boxPicture{ float:left; width: 100%; height: 120px !important; min-height: 100%; overflow: hidden}
.boxLifeArea .boxPicture img{ float:left; width:autp !important; min-height:100%}
.bigBox{ overflow: hidden; width: 299px; height: 280px}
.bigBox .boxPicture{ float:left; width: 100%; height: 261px; overflow: hidden}
.bigBox .boxPicture img{ float:left; min-height: 225px; width: 100%}
.bigBox .boxTitle{ width: 299px; height: 261px; line-height: 261px; background-color: rgba(0, 90, 255, 0.34)}
.boxTitle{ position: absolute; width: 100%; height: 100%; line-height: 120px; text-align: center; text-shadow: 0 2px 4px #000; font-weight: 700; font-size: 15px}

.bpembe{ background:url(../images/bpembe.png) center center}
.bmavi2{ background:url(../images/bmavi2.png) center center}
.bmavi{ background:url(../images/bmavi.png) center center}
.bkirmizi{ background:url(../images/bkirmizi.png) center center}
.bmor{ background:url(../images/bmor.png) center center}
.bkoyuyesil{ background:url(../images/bkoyuyesil.png) center center}
.bsari{ background:url(../images/bsari.png) center center}
.bturuncu{ background:url(../images/bturuncu.png) center center}
.byesil{ background:url(../images/byesil.png) center center}
.etkinlikler, .etkinlikler a{ color: #787878; text-decoration: none !important}
.etkinlikler .etkinlikSlide{ float:left; width: 130px !important; text-align: center; font-size: 15px; font-weight: 700; overflow: hidden; background:#fff; position: relative; border-left: 1px solid #949494; border-bottom: 1px solid #949494; border-top: 1px solid #949494}
.etkinlikler .gun{ font-size: 36px; font-weight: 700; line-height: 32px; white-space: nowrap; width: 100%; padding-top: 18px}
.etkinlikler .saat, .etkinlikler .yer{ font-weight: 400; font-size: 12px; padding-bottom: 4px;white-space:nowrap;overflow:hidden; position:relative}
.etkinlikler .ay{ margin-bottom: 8px; white-space: nowrap; width: 100%; font-size: 14px}
.etkinlikler .etkinlikSlide:after{ position: absolute; right: 0; top: 18px; height: 137px; width: 1px; background:#e8e9ec; content: " "}
.etkinlikler .etkinlikSlide.slick-active:after{display:none;}
.etkinlikler .etkinlikSlide a{ display: block}
.etkinlikler .etkinlikSlide a:hover{ color: #000}
.etkinlikSlideBaslik{ position: absolute; left: 57px; bottom: 88px; background:rgba(255,255,255,.71); z-index: 5; color: #111; font-size: 33px; padding: 6px 9px}
.etkinlikSlider .slick-slide a{ display: block; position: relative}
.etkinlikBolum{ float:left; width: 100%}
.eventsArea{ width: 1137px; margin: 0 auto; position: relative}
.etkinlikSlider, .eventsArea h2{ margin-left: 15px; margin-top: 15px}
.eventsArea h2{ float:left; width: 1107px; height: 35px; line-height: 35px; background-color: #666; color: #fff; font-size: 16px; font-weight: 400; padding-left: 15px}
.etkinlikBolum .slick-arrow{ width: 57px; height: 118px; position: absolute; bottom: 0; border: none; z-index: 10; text-indent: -9999; font-size: 0}
.etkinlikBolum .slick-next, .etkinlikBolum .slick-prev{ height: 154px !important; position: absolute; border: none !important; z-index: 10; font-size: 0; bottom: 0; text-indent: -9999}
.etkinlikBolum .slick-prev{ width: 54px; background:url(../images/etkinlikSliderLeft.png) center center; left: -54px; background-size: 150% 100%}
.etkinlikBolum .slick-next{ width: 51px; background:url(../images/etkinlikSliderRight.png) center center; right: -51px; background-size: 150% 100%}
.etkinlikSlider{ width: 1107px; max-height:422px; overflow:hidden}
.etkinlikSlider img{ width: 100%; height: 422px; z-index: 2; position: relative}
.navWrap2{ bottom: 0; margin-left: 50px; width: 1032px; margin-top: -15px}
.etkinlikSliderNav{ width: 1032px; margin-bottom: 0 !important; margin-left: 4px}
.etkinlikSliderNav .etkinlikAdi{ font-size: 15px; position: absolute; left: 0; top: 0; background:rgba(0,0,0,.78); z-index: 6; color: #fff; text-align: center; width: 100%; height: 152px; min-height: 100%; display: none}
.aboneButon, .aboneImg, .danismanBilgi, .dnsmnAcikla, .etkinlikAdi .tbl, .etkinlikAdi .td{ position: relative}
.etkinlikAdi .tbl{ display: table; text-align: center; width: 100%; height: 150px; vertical-align: middle}
.etkinlikAdi .td{ display: table-cell; text-align: center; width: 130px; height: 184px; vertical-align: middle; padding: 0 10px; font-size:14px}
.etkinlikSliderNav .slick-slide:hover .etkinlikAdi{ display: block}
.etkinlikler .slick-slide{ width: 115px !important}
.etkinlikSlide.slick-slide.slick-active.slick-center{ opacity: 1; background:#db2719 !important}
.etkinlikSlide.slick-slide.slick-active.slick-center *{ color: #fff !important}
.danismanBolum{ width: 100%; margin-top: 15px;  margin-bottom: 15px;}
.consArea{ float:left; width: 685px; margin-left: 15px !important; height: 185px; background:url(../img/avrupaBg.png); margin: 0 auto; padding: 11px 10px}
.consArea .img{ float:left; background-color: #dee2e4; height: 163px; width: 130px; overflow: hidden}
.danismanBolum .right{ float:left; width: 407px; margin-left: 15px; background-color: #0e2558; min-height: 185px}
.danismanBolum .titleT{ float:left; width: 100%; color: white; margin-top: 6px; padding-left: 10px; font-size: 14px; font-weight: bold; margin-bottom: 5px}
.danismanBolum .p{ float:left; width: 100%; padding-left: 10px; font-size: 12px; font-weight: 400; line-height: 14px; margin-top: 7px}
.danismanBolum .right .text{ float:left; margin-left: 7px; background-color: #fff; width: 390px; height: 30px; line-height: 30px; border: none; padding-left: 10px; font-size: 12px; margin-top: 5px}
.danismanBolum input[type=radio]{ margin-top: 10px}
.danismanBolum .right .text span{ float:left}
.danismanBolum .right .text span:last-child{ float:left; margin-left: 5px; margin-top: 2px; font-size: 12px}
.danismanBolum .g-recaptcha{ margin-top: 5px; margin-left: 5px; height: 40px !important; width: 182px; overflow: hidden}
.danismanBolum input[type=submit]{ float: right; width: 50px; height: 25px; line-height: 25px; margin-top: 5px; margin-right: 10px; border: none; background-color: white; font-weight: 700; font-size: 12px; color: black}
.danismanBilgi{ width: 212px; background-color: #dee2e4; height: 163px; float:left; text-align: right; padding-right: 30px; font-size: 18px; color: #03173f; padding-bottom: 15px}
.danismanBilgi h3{ font-size: 24px; margin-top: 26px}
.dnsmnbtn{ height: 37px; background-color: transparent; border: 1px solid #03173f; color: #02163e; padding: 10px; font-size: 13px}
.dnsmnbtn:hover{ background-color: #02163e; color: #dee2e4; text-decoration: none}
.dnsmnAcikla{ font-size: 14px; width: 200px; left: -18px}
.abDesc{ float:left; margin-left: 15px; margin-top: -13px; height: 163px; text-align: center}
.AtaturkBolum{ width: 100%; background:url(../img/AtaturkBg.png); text-align: center; height: 90px}
.baskanFixed.fancybox-margin{ margin-right: auto !important}
.AtaturkArea img{ float:left; height: 90px}
.footerBolum{ width: 100%; height: 310px; background-color: #379bbc; background-color:rgba(65, 75, 79, 0.96); margin-top: 15px !important; display: none}
.footerMenu{ float:left; margin-top: 24px; margin-left: 0px}
.footerMenu ul{ padding: 0 0 0 15px; margin: 0; list-style: none; float:left; width: 160px; border-left: 1px solid white}
.fFacebook, .fFacebook img, .fTwitter img, .fYoutube, .fYoutube img{ margin-bottom: 3px}
.footerMenu ul li:first-child a{ color: #fff; font-weight: 900; font-size: 16px; height: 25px; line-height: 25px}
.footerMenu ul li a{ color:#eee; text-decoration: none; font-size: 13px; font-weight: 400; height: 14px; line-height: 14px;
-webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; -ms-transition:all 0.3s ease-out; transition:all 0.3s ease-out}
.footerMenu ul li a:hover{ margin-left: 5px; color:#00BCD4;}
.footerMenu ul li:first-child{ height: 25px; line-height: 25px}
.footerMenu ul li{ height: 18px; line-height: 18px}
.footerRightArea{ float: right; width: 245px; margin-top: 25px; color: #fff}
.footerRightArea h4{ padding: 0; color: white; text-align: left; font-weight: 900; font-size: 18px; height: 20px; line-height: 20px}
.fFacebook, .fTwitter, .fYoutube{ width: 103px; height: 32px; border-radius: 5px; line-height: 32px; font-size: 12px; color: #fff; text-align: left}
.footerSocial{ float: right}
.fYoutube{ background-color: #e20000; padding-left: 5px}
.fFacebook{ background-color: #4460ae; padding-left: 12px}
.fTwitter{ background-color: #00c6ff; padding-left: 5px}
.fYoutube img{ margin-right: 10px}
.fFacebook img{ margin-right: 18px}
.fTwitter img{ margin-right: 10px}
.footerContact{ float:left; width: 235px}
.footerContact img{ height: 60px; margin-top: 13px}
.footerContact h1 img{ float:left; height: 18px; margin-top: 8px; margin-right: 9px}
.footerContact h1{ float:left; font-weight: 700; margin-top: 13px; font-size: 28px; color: White !important}
.footerContact p{ float:left; font-size: 13px; color: #fff; margin-top: 4px; font-weight: bold}
.footerAbone{ margin-top: 10px; color: #fff; float: right}
.aboneText{ border: 1px solid #b8b8b8; width: 317px; height: 38px; margin-top: 5px; font-size: 13px; color: #979ea5; padding-left: 34px}
.aboneButon{ width: 75px; height: 31px; font-size: 13px; background-color: #00b1ff; color: #fff; border: 0; top: -34px; right: 7px}
.aboneImg{ float:left; left: 18px; top: -24px}
.fCopyRight{ width: 100%; padding-bottom: 85px}
.copyrightArea{ width: 100%; /*background-color: #379bbc;*/ height: 40px; line-height: 40px; color: #fff; margin: 0 auto; margin-top: -70px}
.metinboldbaslik{ padding-left: 20px !important}
.copyrightArea p{ font-size: 11px; margin-left: 162px}
.copyrightArea img{ float: right; margin-right: 15px; margin-top: 5px}
.mobilApp h6{ font-size: 12px; line-height: 18px; margin-top: 5px}
.mobilApp{ float: right; font-size: 12px; text-align: left}
.mobilAndroid, .mobilApple{ float:left; padding-right: 10px; margin-left: -3px; margin-top: 10px;     width: 95px;}
.footerSocial a{ color: #fff}
.baskanBilgi{ position: fixed}
.baskanBilgiArea{ float:left; width: 1137px; height: 75px; background:url(/Content/img/baskanBg.png); background: #0771b894}
.baskanBilgiArea .socialboxF{ float:left; height: 100px; width: 70px; margin-top: 8px; margin-left: 25px; position: absolute;right: 0px}
.baskanBilgiArea .socialboxF a{ float:left; width: 27px; height: 27px; background-repeat: no-repeat; background-position: center center; border: 2px solid white; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; margin-top: 2px; margin-left: 2px; background-size: 16px}
.baskanBilgiArea .socialboxF a:first-child{ background-image: url("/Content/img/social/t.png")}
.baskanBilgiArea .socialboxF a:nth-child(2){ background-image: url("/Content/img/social/f.png"); background-size: 20px}
.baskanBilgiArea .socialboxF a:nth-child(3){ background-image: url("/Content/img/social/y.png")}
.baskanBilgiArea .socialboxF a:nth-child(4){ background-image: url("/Content/img/social/i.png")}
.baskanMenu{ float:left; width: 776px}
.baskanMenu ul{ float:left; margin: 12px 0 0 17px; padding: 0; height: 60px}
.baskanMenu ul li{ float:left}
.baskanMenu ul li a{ float:left; height: 55px; line-height: 55px; padding-left: 20px; padding-right: 20px; text-align: center; display: block; color: #fff; font-size: 13px; border-left: 1px solid white; font-weight: 900}
.baskanMenu ul li a:hover{ text-decoration: underline}
.baskanMenu ul li:nth-child(4) a{ width: 133px; line-height: 18px; text-align: left; border-right: none; font-size: 12px; padding-left: 10px !important}
.baskanMenu ul li:nth-child(5) a{ width: 115px; height: 108px; margin-left: -15px; background-color: transparent; margin-top: -45px; background-image: url(/Content/img/baskan-fotolar.png); border: none}
.mudurlukhaber{ margin-left: -238px !important}
#baskanGizli, #baskanGoster{ font-size: 18px; color: #004596; font-weight: 300; border: 0}
.baskanBolumKulakSag, .baskanBolumKulakSol{ top: 11px; height: 96px; bottom: 0; position: absolute}
.baskanBolumKulakSol{ width: 24px; margin-left: -24px; background:url(/Content/img/kulakSol.png)}
.baskanBolumKulakSag{ width: 24px; background:url(/Content/img/kulakSag.png); margin-left: 1137px}
.baskanSevgi{ float:left; width: 166px; height: 135px; margin-left: 15px; margin-top: -60px}
.baskanSevgi img{ width: 166px}
.baskanAdSoyad{ float:left; width: 142px; height: 48px; margin-top: 18px; margin-left: 37px}
.baskaninfoarea{ background:url(../img/baskaninfoBg.png) #fff; float:left; width: 372px; height: 117px; margin-top: -10px}
.baskanAdYazi{ float:left; line-height: 117px; margin-left: 40px}
.baskanResimArea{ float: right; margin-top: -56px}
.baskanResimArea img{ height: 180px}
#baskanGizli{ background-color: transparent}
#baskanGoster{ background-color: rgba(255,255,255,.78); text-shadow: 1px 1px 0 #fff; position: absolute; left: 0; bottom: 0; margin-bottom: -100px; z-index: 100}
.detaySlider .slick-slider{ margin-bottom: 10px !important}
.altsayfaSlider{ padding-left: 0; margin-left: 0; margin-bottom: 0 !important}
.altsayfaSlider img{ width: 100%}
.altsayfaSlider .slick-dots{ position: absolute; margin: auto; left: auto; right: auto; bottom: 20px; text-align: center; width: 100%}
.altsayfaSlider .slick-dots li{ display: inline-block; position: relative}
.altsayfaSlider .slick-dots li button{ border: 0; border-radius: 180px; position: relative; color: #fff; font-size: 0; text-indent: -9999; background:#fff; width: 0; height: 0; padding: 5px; margin: 0 5px}
.altsayfaSlider li.slick-active button{ background:#08f}
.haberSlider img{ width: 100%}
.haberSlider .slick-dots{ position: absolute; margin: auto; left: auto; right: auto; bottom: 10px; text-align: center; width: 100%}
.haberSlider .slick-dots li{ display: inline-block; position: relative}
.haberSlider .slick-dots li button{ border: 0; border-radius: 180px; position: relative; color: #fff; font-size: 0; text-indent: -9999; background:#fff; width: 0; height: 0; padding: 5px; margin: 0 5px}
.haberSlider li.slick-active button{ background:#08f}
.form-group #message{ height: 120px}
.allNewsList ul li.ilkItem{ border: none; margin-bottom: 1px; position: relative}
.allNewsList ul li.ilkItem a:hover{ background:0 0}
.ilkItemTitle{ position: absolute; left: 15px; bottom: 5px; z-index: 2; color: #fff; text-shadow: 1px 1px 1px #000; font-size: 15px; font-weight: 700}
.allNewsList ul li.ilkItem a{ padding-left: 0}
.allNewsList ul li.ilkItem .nesImgWrap{ position: relative; overflow: hidden; height: 121px}
.allNewsList ul li.ilkItem .nesImgWrap img{ width: 100%; position: absolute; left: 0; top: -20%; max-height: 181px; min-height: 121px}
.arama{ position: absolute; top: 28px; right: 610px; width: 335px; z-index: 30; height: 45px; overflow: hidden; border: 1px solid #ddd; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px}
.aramaFixed{ position: fixed !important}
.arama input{ border: none}
.araMetin{ height: 100%; color: #666; font-size: 13px; width: 100%; position: absolute; left: 0; top: 0; z-index: 1; padding: 0 60px 0 10px}
.araSubmit{ z-index: 2; background:url(/Content/images/arama.png) center center no-repeat}
.arama .inner{ position: relative; height: 43px; background-color: transparent; padding: 5px}
.baskanInner{ width: 100%; margin: auto; position: relative}
.baskanFixed{ position: fixed; z-index: 10998; bottom: 0; width: 1137px; left: 0; right: 0; margin-left: auto; margin-right: auto}
.baskanImage{ float: right; background:url(/Content/img/baskan.png) right center no-repeat; width: 246px; height: 98px; margin-top: -13px; margin-right: 15px}

.etkinlikImg{ margin-right: 8px}
.etkinlikDesc{ margin-top: 5px}
.aramaBolum .baslik{ color: #777; font-size: 13px; font-weight: 700}
.aramaBolum h2{ margin-top: 0; margin-bottom: 0; border-bottom: 1px solid #ddd; padding-bottom: 7px; background-color: #fff !important; height: 30px; line-height: 30px}
.aramaBolum .ozet{ font-size: 13px; color: #777; line-height: 19px}
.aramaBolum .bolumAdi{ position: relative; margin: 0}
.aramaBolum .title{ position: relative; letter-spacing: 1px; color: #337ab7; padding: 5px 20px 4px 0; background-color: #fff; border: 0}
.aramaBolum .title:before{ position: absolute; top: 50%; left: 0; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; width: 100%; height: 1px; margin-top: 7px; content: ''; border-width: 1px 0; border-style: solid; border-bottom: 0; border-color: #337ab7}
.aramaBolum .title a{ color: #005dac; font-weight: 700; font-size: 20px}
.aramaBolum h2 a:hover{ color: #005dac}
.aramaBolum .title > span{ position: relative; z-index: 3; display: inline-block; padding: 0 7px 0 0; background-color: #fff}
.aramaBolum .baslikCizgi{ display: block}
#modalText, .mfp-content, .yillar a{ display: inline-block; text-align: center}
.aramaBolum .baslikCizgi:after, .aramaBolum .baslikCizgi:before{ position: absolute; z-index: 2; top: 50%; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; width: 0; height: 1px; margin-top: 7px; content: ''; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; border-width: 1px 0; border-style: solid; border-color: #000; border-bottom: 0}
.aramaBolum .baslikCizgi:before{ left: 0}
.aramaBolum .baslikCizgi:after{ right: 0}
.aramaBolum:hover .baslikCizgi:after, .aramaBolum:hover .baslikCizgi:before{ width: 50%}
.list1 li img{ width: 240px; height: 140px}
.list1 li .itemTitle{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis}
.myphotos{ cursor: pointer}
#glisse-overlay-content{ z-index: 999}
glisse-overlay-content{ z-index: 990}
.yillar a{ background:#E1E1E1; text-shadow: 1px 1px 0 #eee; color: #575656; padding: 8px 10px 5px; font-size: 14px; border-radius: 3px; margin: 0 3px; -webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,.29); -moz-box-shadow: 0 2px 3px 0 rgba(0,0,0,.29); box-shadow: 0 2px 3px 0 rgba(0,0,0,.29)}
.yillar a.active, .yillar a:hover{ background:#2C4E8E; color: #fff; text-shadow: none}
.glisse-next a, .glisse-prev a{ z-index: 55}
#glisse-overlay{ z-index: 51}
.mIletisim .dropdown-menu{ /*left: -100%;margin-left: 10px;*/}
#modalText, .mfp-content{ width: auto; margin: auto}
.mfp-container{ text-align: center}
.mfp-inline-holder .mfp-content{ width: auto !important}
#modalText .mfp-close{ color: #fff !important}
.postDetailDesc .etkinlikImg{ max-width: 450px}
.etkinlikSliderNav .slick-list{ max-height: 172px}
.mobMenu, .mobilMenuAc{ display: none}
.haberItem, .haberListesi .newsBox{ width: 331px !important}
.haberSliderCon{ background-color: #fff; height: 805px}
.haberSliderCon .titleBack{ height: 33px; border-bottom: 2px solid #db2719; float:left; width: 1117px; background-color: #fff}
.haberSliderCon .title{ position: absolute; font-size: 18px; font-weight: 700; color: #db2719; margin-top: 10px; height: 40px; line-height: 40px; padding-left: 15px; padding-right: 20px; background-color: #fff}
.haberSlider{ float:left; width: 1033px; height: 330px; padding-left: 0; margin-top: 10px; padding-top: 15px; margin-left: 52px}
.haberSlider .blok{ float:left; height: 330px; overflow: inherit !important}
.haberSlider .blok .blokin{ width: 95%; height: 330px; margin-left: auto; margin-right: auto}
.haberSlider .blokin a{ float:left; width: 100%; height: 330px; background-color: #f0f0f0; border-bottom: 5px solid #999}
.haberSlider .blokin .img{ float:left !important; width: 100% !important; height: 132px; overflow: hidden}
.haberSlider .blokin img{ float:left !important;width: 100% !important;min-height: 120%;position: static;margin-top: -20px;height: auto;max-height: auto !important;margin-top: -15%;}
.haberSlider .slick-next, .haberSlider .slick-prev, .videoSlider .slick-next, .videoSlider .slick-prev{ background-repeat: no-repeat; background-color: transparent; text-indent: -999px; height: 24px; width: 23px; margin-top: -180px !important; z-index: 9999 !important; position: absolute; border: none; overflow: hidden}
.haberSlider .slick-prev, .videoSlider .slick-prev{ background-image: url(/Content/img/SolOk-Haber.png); margin-left: -30px}
.haberSlider .slick-next, .videoSlider .slick-next{ background-image: url(/Content/img/SagOk-Haber.png); float: right; margin-left: 1040px}
.videoSlider .slick-next, .videoSlider .slick-prev{ margin-top: -130px !important}
.videoSlider .slick-next{ margin-left: 832px}
.haberSlider .plus{ position: absolute; border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; width: 27px; height: 27px; line-height: 22px; font-size: 15px; text-align: center; border: 3px solid #f0f0f0; background-color: #999; color: #fff !important; margin-left: 150px; margin-top: 141px}
.modalPop, .modalPopBack{ position: fixed; display: none}
.haberSlider .blokin .desc, .haberSlider .blokin .titleT{ float:left !important; width: 90% !important; margin-left: 5%}
.haberSlider .blokin .titleT{ font-size: 16px; font-weight: 700; color: #000; line-height: 18px}
.haberSlider .blokin .desc{ font-size: 13px; color: #7d7d7d; line-height: 16px; font-weight: 400; padding-bottom: 10px}
.videoSlider{ float:left; width: 815px; margin-left: 52px; margin-bottom: 0 !important; padding: 0}
.videoSlider li{ width: 202px; margin-left: 15px; margin-top: 25px}
.allHab, .conBoxVideo, .videoSlider .img, .videoSlider li img{ width: 100%; float:left}
.videoSlider .newsdate{ padding-top: 9px; margin-left: 0; background-color: #f0f0f0; margin-top: 0; padding-bottom: 20px; padding-left: 5%; padding-right: 10%; width: 100%}
.videoSlider .titleT{ color: #000; font-weight: 700; margin-top: -15px; font-size: 16px; line-height: 18px; background-color: #f0f0f0; padding-left: 10px; padding-right: 10px; padding-bottom: 20px; border-bottom: 5px solid #999;height:76px}
.videoSlider .img{ height: 150px; overflow: hidden}
.videoSlider img{ min-height: 150px}
.allHab{ text-align: center; font-size: 14px; font-weight: 400; margin-top: 20px}
.allHab a{ color: #999 !important; font-weight: bold}
.conBoxVideo .left{ float:left; width: 920px}
.conBoxVideo .right{ float:left; width: 195px; height: 300px; background-color: #e1e1e1}
.conBoxVideo .right .titleT{ float:left; width: 100%; height: 30px; line-height: 30px; background-color: #db2719; color: #fff; padding-left: 10px; font-size: 14px}
.conBoxVideo .right .p{ float:left; width: 100%; padding-left: 10px; font-size: 12px; font-weight: 400; line-height: 14px; margin-top: 7px}
.conBoxVideo .right .text{ float:left; width: 180px; height: 30px; line-height: 30px; margin-left: 7px}
.conBoxVideo .right .text:first-child{ margin-top: 5px}
.conBoxVideo .right .text input[type=text]{ float:left; width: 180px; height: 30px; line-height: 30px; border: none; border-bottom: 1px solid #e1e1e1; padding-left: 10px; font-size: 12px}
.conBoxVideo .g-recaptcha{ margin-top: 5px; margin-left: 5px; height: 40px !important; width: 182px; overflow: hidden; position: relative}
.conBoxVideo .g-recaptcha div:first-child{ margin-top: -16px}
.conBoxVideo input[type=submit]{ float: right; width: 50px; height: 25px; line-height: 25px; margin-top: 5px; margin-right: 7px; border: none; background-color: #666; font-weight: 700; font-size: 12px; color: #fff}
.modalPop .p, .modalPop .t{ float:left; padding-left: 20px}
.modalPopBack{ z-index: 10999; background-color: rgba(0,0,0,.5); width: 100%; height: 100%; top: 0; left: 0}
.modalPop{ width: 500px; background-color: #fff; z-index: 19999 !important; top:35%; left: 0; right: 0; margin-left: auto; margin-right: auto; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; overflow: hidden; padding-bottom: 10px}

.galeriImg{ float:left; width: 200px; height: 150px; overflow: hidden; margin-top: 10px; margin-bottom: 10px; margin-left: 10px}
.galeryImg img{ float:left; width: 100%}

.footerBolum .con{position:relative}
/*.footerBolum .con:before{position:absolute; left:-24px; top:0px; height:120%; width:10px; border-left:24px solid #3d90a2; z-index:10; content:" "}
.footerBolum .con:after{position:absolute; right:-24px; top:0px; height:120%; width:10px; border-right:24px solid #3d90a2; z-index:10; content:" "}*/
.footerMenu ul:first-child{border-left:none}
.detayBaslik{padding-right:340px}

.nobetciSol{width:21% !important}
.nobetciSag{width:75% !important}
    

}

.anaslider .slick-dots{ left: 0; bottom: 5px; margin: auto; position: absolute; right: 5px; padding: 0; list-style: none; text-align: center; display: none}
.slick-dots li{ position: relative; display: inline-block; width: 10px; height: 10px; margin: 0 5px; padding: 0; cursor: pointer; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%}
.slick-dots li button{ width: 16px; height: 16px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background:#afb6b9; border: none; text-indent: -9999px; position: relative}
.boxLifeArea:first-child .boxTitle{ background-color: rgba(189,11,11,0.3)}
.boxLifeArea:nth-child(2) .boxTitle{ background-color: rgba(31,199,134,0.3)}
.boxLifeArea:nth-child(3) .boxTitle{ background-color: rgba(108,28,199,0.3)}
.boxLifeArea:nth-child(4) .boxTitle{ background-color: rgba(225,190,41,0.3)}
.boxLifeArea:nth-child(5) .boxTitle{ background-color: rgba(0,223,255,0.3)}
.boxLifeArea:nth-child(6) .boxTitle{ background-color: rgba(0,0,0,0.3)}
.boxLifeArea:nth-child(7) .boxTitle{ background-color: rgba(223,125,255,0.3)}
.boxLifeArea:nth-child(8) .boxTitle{ background-color: rgba(16, 230, 73, 0.32)}
/*.logo{padding-right:0px !important}*/
.mega-dropdown{ position: static !important}
.mega-dropdown-menu{ padding: 0 20px; width: 100%; box-shadow: none; -webkit-box-shadow: none}
.mega-dropdown-menu > li > ul{ padding: 0; margin: 0}
.mega-dropdown-menu > li > ul > li{ list-style: none}
.mega-dropdown-menu > li > ul > li > a{ display: block; color: #222; padding: 0; font-weight: bold; font-size: 13px}
.mega-dropdown-menu > li ul > li > a:hover, .mega-dropdown-menu > li ul > li > a:focus{ text-decoration: none}
.mainMenu .navbar li ul.dropdown-menu{ }
.mega-dropdown-menu{ background-position: right bottom; background-repeat: no-repeat; z-index: 999999; box-shadow: 2px 2px 2px rgba(0,0,0,0.4)}
.navbar-nav > li:first-child > a{ border-left: none}
.navbar-nav > li > a{ padding-top: 5px; color: #565656; font-size: 13px; font-weight: 900; height: 50px; line-height: 100%; width: 125px; text-align: center; padding: 0 !important; border-left: 1px solid #ddd !important; border-color: #ddd !important}
.navbar-nav > li:nth-child(4) .dropdown-toggle.ustMenu{ width: 100px}
.navbar-nav > li > a .caret{ margin-left: 5px}
.navbar-nav{ float:left}
.mainMenu .navbar{ width: 100%}
.mainMenu .navbar ul li ul li ul{ background:none !important}
.mainMenu .navbar ul li ul li ul li ul{ display: none !important; background:#eee !important}
.mainMenu .navbar ul li ul li ul li.menuSubLi:hover ul{ display: block !important}
.mainMenu li.mArama > a{ padding-bottom: 0; min-height: 42px}
.mega-dropdown-menu .dropdownHeader{ font-size: 18px; color: #DE7175; border-bottom: 1px solid #5A6B75; margin-bottom: 10px; font-size: 30px; height: 100px !important; line-height: 100px !important}
.menuSubLi{ /*background-image:url(../img/bullet.png) !important;*/ background-repeat: no-repeat; background-position: 16px 15px; border-bottom: 1px solid #BCC3C6; padding-left: 0px; padding: 10px 5px 10px 0px; margin-right: 30px}
.menuSubLi .fa{ font-size: 23px; margin-right: 11px}
.menuSubLi2{ margin-top: 0px}
.mega-dropdown-menu > li > ul > li.menuSubLi:hover a{ background:none; color: #163550 !important}
.mainMenu .navbar-collapse{ padding-right: 0px}
.ustMenu{ display: table !important; position: relative; padding-top: 0px !important}
.ustMenu div{ height: 50px; display: table-cell; vertical-align: middle; position: relative}
header:not(#mdp-accesslity-popup-header){ float:left; width: 100%; height: 250px; background-color: #379bbc; background-color:#30cdd7; background:#0771b8}
header nav{ background:url("/content/img/menu_bg.png") repeat-x; height: 58px; margin-top: 15px; position: absolute; width: 100%;    z-index: 5;}
#logo{ text-align: center; position: absolute; left: 0; right: 0; margin-left: auto; margin-right: auto; background:url("/content/img/logo_bg.png") no-repeat; width: 198px; height: 172px; margin-top: 2px; z-index: 10}
#logo img{ margin-top: 20px}
.aramaBox{ float: right; width: 335px; height: 45px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border: 1px solid #ddd; overflow: hidden}
.aramaform{ float:left; height: 45px; background-color: white}
.araMetin{ float:left; width: 294px; padding-right: 5px; height: 45px; border: none; outline: none; position: static}
.araSubmit{ float: right; background-size: 20px; border: 0; width: 29px; height: 29px; margin-right: 10px; margin-top: 7px; position: static}
.centerHeader{ width: 1137px; margin-top: 65px; margin-left: auto; margin-right: auto; position: absolute; left: 0; right:0}
.AtaturkArea{ float:left; margin: -35px auto}
.AtaturkArea h6{ float:left; color: white; font-style: italic; height: 40px; line-height: 40px; margin-left: -110px; width: 350px; font-size: 18px; text-align: left; overflow: hidden}
.centerHeader .nav.navbar-nav:last-child{ margin-left: 186px}
.degisenMustC{ /*position: absolute;*/ z-index: 1; width: 1137px; overflow: hidden}
.degisenLeft{ float:left; width: 100%; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4)}
.masterCenter{ margin-left: auto; margin-right: auto; width: 1137px; background-image: url(/Content/img/center-bg.png)}
.dropdown-menu.mega-dropdown-menu .col-md-12{ margin-top: 0 !important}
.videoSlider .plus{ position: absolute; border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; width: 27px; height: 27px; line-height: 22px; font-size: 15px; text-align: center; border: 3px solid #f0f0f0; background-color: #999; color: #fff !important; margin-left: 110px; margin-top: -18px}
.kulakYok .baskanBolumKulakSag, .kulakYok .baskanBolumKulakSol{display:none !important}

.mobilBaskan{background:#48a2b7; padding:10px 10px 0px;  position:relative; color:#fff; margin-top:10px; display:none}
.mobilBaskan .title{font-size:16px;     float: left;
    width: 48%; margin-left:2%;  margin-top:15px;   padding-left: 10px;}
.mobilBaskan .title span{font-size:27px;  font-weight:700}
.mobilBaskan img{max-width:45%}
.glia{border-radius:6px; background:#000;padding:5px; margin-top: 10px;height: 27px;}
.glia img{height:100%}

.popUp, .popUpBack{ position: fixed; z-index: 10999; width: 100%; left: 0}
.modalPop .t{ width: 100%; height: 50px; line-height: 50px; background-color: #3aa75b; color: #fff; font-size: 14px; font-weight: 700}
.modalPop .p{ width: 100%; padding-top: 10px}
.popUpBack{ background-color: rgba(0,0,0,.5); height: 100%; top: 0}
.popUp{top:15%}
.popUp img{max-width:100%}
.conBoxVideo{ position: relative; overflow: hidden; max-height: 304px}
.thumbSliderWrap{position:relative; max-height:154px; overflow:hidden}


.leftSideBar { position: fixed; top: 57px; left: -130px;  width: 130px; height: 100%; height:250px; transition: .3s; z-index:99999999  }
.sidebarBtn{position:absolute;right:-40px;    top: 8px;  margin-top: 0px; cursor:pointer}
.sidebarActive {    left: 0;}
.sideBarPanelInner{border-radius:9px; position:relative; padding-top:7px; padding-bottom:7px }
.sideBarPanelInner a{color:#444}

.sideBarItems .sideBarItem {    position: relative;    padding: 7px 15px; }
.sideBarItems .sideBarItem .iconWrap {       display: flex;        justify-content: center;        align-items: center;    }
.sideBarItems .sideBarItem i {   font-size: 38px}
.sideBarItems .sideBarItem .iconWrap {  display: flex;   justify-content: center;    align-items: center;      padding-top: 8px;    padding-bottom: 8px;  }
.sideBarItems .sideBarItem .sideBarItemTitle{font-size:10px; text-align:center; font-weight:600}
.sideBarItemTitleWrap {    background: #fff;    border-radius: 9px; padding-bottom:5px}

.sideBarItem:nth-child(1) i { color: #f55b5b;}
.sideBarItem:nth-child(2) i { color: #52b4e1;}
.sideBarItem:nth-child(3) i { color: #6cbd70;}
.sideBarItem:nth-child(4) i { color: #f55b5b;}

.statsContainerInner {background: #fff;padding: 30px 15px 0px;}

.stats1 {display: grid;grid-template-columns: repeat(2, 1fr);gap: 15px; }
.stats1 .box {padding: 20px;background: #f5f5f5;}
.stats1 .boxInner {display: flex;flex-wrap: wrap;position:relative;}

.stats1 .box i {font-size: 64px;color: #000;width:100px}
.stats1 .box .statInfo{}
.stats1 .box .infoName {font-size: 15px;font-weight:600; color:#666; max-width:380px}
.stats1 .box .infoNumber {font-size: 28px;}

.stats1 .box:nth-child(1), .box:nth-child(1) i { color: #f55b5b;}
.stats1 .box:nth-child(2), .box:nth-child(2) i {color: #af74c7;}
.stats1 .box:nth-child(4), .box:nth-child(4) i {color: #52b4e1;}
.stats1 .box:nth-child(3), .box:nth-child(3) i {color: #6cbd70;}

.statSlider2 .stats1 {
    grid-template-columns:none !important; margin-bottom:20px
}
.statSlider2 .stats1 .box .infoName{max-width:inherit !important}

@media (min-width:990px) {
    .stats1 {
        position: relative;
        overflow: hidden; max-height:242px
    }

}

@media (max-width:690px) {
    .leftSideBar { top: 299px; }
}






