@charset "utf-8";

@-ms-viewport { width: device-width; }

.clear { clear: both; }
html { width: 100%; height: 100%; }
a, a img { border: none; text-decoration: none; color: #848484; }
p, h1, h2, h3, h4, h5, h6, strong, b, span { padding: 0px; margin: 0px; font-weight: 400; }
* { outline: none; text-decoration: none; border: none; padding: 0em; list-style: none; }

body { margin: 0px; padding: 0px; text-decoration: none; line-height: 15px; font-family: 'mycon',Arial; color: #7a7a7a; font-size: 14px; font-weight: 400; background: url(../images/bg.png) no-repeat #fff; display: none; }
strong, b { font-weight: bold; }
body.alt { background: #ffffff; }



.ortala { width: 980px; max-width: 980px; height: 100%; margin: 0 auto; display: table; position: relative; }
.icerik { width: 100%; min-height: 484px; float: left; box-sizing: border-box; padding: 20px 0px; background: #fff; }



.header {width: 100%;float: left;background: url(../images/hdrbg.png) no-repeat top center;position: relative;background-attachment: fixed;}
.header .logIcon { width: 199px; height: 171px; float: left; background: url(../images/logoicn.png) no-repeat; margin-top: 24px; }
.header .logo {width: 500px;float: left;margin-top: 50px;margin-left: 24px;}
.logo a, .logo img { width: 100%; float: left; }
.menuBar { width: auto; float: right; margin-top: 36px; position: absolute; right: 0px; bottom: -7px; }
.menuBar .sosyalMedia { width: auto; float: left; background: #6ca9af; padding-right: 5px; padding-top: 3px; padding-bottom: 1px; border-top-left-radius: 5px; border-top-right-radius: 5px; margin-top: 9px; margin-left: 24px; }



.slider {width: 100%;height: 505px;float: left;position: relative;margin-top: 0px;z-index: 10;}
.slider .maskim { width: 100%;  float: left;}
.slider ul li, .slider ul li a, .slider ul li img { width: 100%; float: left; background-size: cover !important; }
.slider ul { width: 100%; float:left; /*margin-left: 29px; margin-top: 17px;*/ }
.slider .mask { width: 100%; height: 100%; background: url(../images/sldrmsk.png) no-repeat; position: absolute; z-index: 10; }

.slider .arr {position: absolute;z-index: 15;width: auto;height: auto;bottom: 130px;}
.slider .arr  a {transition: all .4s;-webkit-transition: all .4s;-moz-transition: all .4s;}
.slider .arSol {width: 30px;height: 30px;float:left;background: url(../images/slsol1.png) no-repeat;margin-top: 4px;margin-right: 5px;}
.slider .arSag { width: 36px; height: 36px; float:left; background: url(../images/slsag1.png) no-repeat; }

.slider .arSol:hover { width: 30px; height: 30px; background: url(../images/slsol2.png) no-repeat; }
.slider .arSag:hover { width: 36px; height: 36px; background: url(../images/slsag2.png) no-repeat; }



.ozelALan {width: 100%;float: left;margin-top: -111px;position: relative;z-index: 9999;}
.ozelALan ul, .ozelALan ul li a, .ozelALan ul li img { width: 100%; float: left; }
.ozelALan li { width: 46.532%; float: left; margin-bottom: 25px; box-sizing: border-box; }
.ozelALan li:nth-child(2n) { float: right; }
.ozelALan li .resim { width: 100%; float: left; position: relative; box-sizing: border-box; }
.ozelALan li .resim .mask { width: 473px; height: 219px; position: absolute; background: url(../images/amsk1.png) no-repeat; background-size: contain; left: -6px; top: -10px; }
.ozelALan li .resim .devami {width: 173px;height: 99px;top: 66px;left: 0px;position: absolute;background: url(../images/dty1.png) no-repeat;box-sizing: border-box;text-align: center;font-size: 18px;color: #fff;padding-top: 17px;transition: all .4s;-webkit-transition: all .4s;-moz-transition: all .4s;visibility: hidden;opacity: 0;}
.ozelALan li h6 {width: 100%;float: left;/* font-family: 'phy'; */font-size: 24px;color: #8dd9e0;line-height: 22px;text-align: center;margin-top: 16px;}
.ozelALan li:nth-child(2n) .resim .mask { background: url(../images/amsk2.png) no-repeat; background-size: cover; }
.ozelALan li:nth-child(2n) .resim .devami { background: url(../images/dty2.png) no-repeat; right: 0px; left: unset; }
.ozelALan li:nth-child(2n) h6 { color: #98ca51; }
.ozelALan li a:hover .resim .devami { left: 141px; visibility: visible; opacity: 1; }
.ozelALan li:nth-child(2n) a:hover .resim .devami { right: 141px; left: unset; }
.ozelALan li .resim .mask, .ozelALan li, .ozelALan li a, .ozelALan li .resim .devami { transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; }



.haberGoster { width: 100%; float: left; margin-bottom: 100px; padding-top: 22px; margin-top: 11px; padding-bottom: 31px; position: relative; }
.haberGoster .ciz { width: 1px; height: 100%; position: absolute; left: 50%; background: #CBCBCB; top: 0px; }
.haberGoster .baslik { width: 100%; float: left; border-bottom: solid 1px #cbcbcb; padding-bottom: 10px; }
.haberGoster .baslik .sol { width: 50%; float: left; box-sizing: border-box; padding-right: 20px; }
.haberGoster .baslik .sol h2 { float: right; padding-left: 53px; }
.haberGoster .baslik .sag h2 { float: left; padding-right: 51px; }
.haberGoster .baslik .sag { width: 50%; float: right; padding-left: 20px; box-sizing: border-box; }
.haberGoster .baslik h2 { width: auto; line-height: 16px; position: relative; }
.haberGoster .baslik h2 a { font-size: 20px; color: #8fc741; float: left; }
.haberGoster .baslik .sol .cck { width: 38px; height: 53px; position: absolute; background: url(../images/cck1.png) no-repeat; left: 0px; bottom: -22px; }
.haberGoster .baslik .sag .cck { width: 41px; height: 51px; position: absolute; background: url(../images/cck2.png); right: 0px; bottom: -12px; }
.haberGoster .slot { width: 50%; float: left; box-sizing: border-box; padding-top: 19px; padding-right: 20px; }
.haberGoster .slot:nth-child(2n) { padding-right: 0px; padding-left: 20px; }
.haberGoster .slot ul, .haberGoster .slot ul li, .haberGoster .slot ul li a { width: 100%; float: left; }
.haberGoster .slots { width: 100%; float: left; }
.haberGoster .slot ul li a { display: table; }
.haberGoster .slot ul li { margin-bottom: 31px; }
.haberGoster .slot ul li:nth-child(2n) { margin-bottom: 0px; border: none; }
.haberGoster .slot ul li .resim { width: 25%; display: table-cell; vertical-align: middle; }
    .haberGoster .slot ul li .resim.mb {display:none }
.haberGoster .slot ul li .resim img { width: 100%; float: left; border-radius: 10px; }
.haberGoster .slot ul li .yazim { width: 75%; display: table-cell; vertical-align: middle; padding-right: 10px; box-sizing: border-box; }
.haberGoster .slot ul li h6 { width: 100%; float: left; text-align: right; font-size: 18px; color: #404040; margin-bottom: 10px; }
.haberGoster .slot .mb { display: none; }
.haberGoster .slot ul li .yazim p { width: 100%; float: left; font-size: 12px; color: #808080; font-family: Arial; text-align: right; line-height: 16px; }
.haberGoster .slot .sosyal { width: 100%; float: left; }
/*.haberGoster .slot .sosyal img { width: 100%; float: left; }*/
.haberGoster .arrow { width: auto; float: right; margin-left: 14px; position: relative; margin-top: -5px; }
.haberGoster .arrow a { width: 20px !important; height: 21px; float: left !important; }
.haberGoster .arrow a.sol { background: url(../images/arsol1.png) no-repeat center center #92c748; border-bottom-left-radius: 6px; border-top-right-radius: 6px; }
.haberGoster .arrow a.sag { background: url(../images/arsag.png) no-repeat center center #92c748; margin-left: 3px; border-bottom-right-radius: 6px; border-top-left-radius: 6px; }



.genelListe.anaMedia { width: 100%; height: 246px; float: left; background: url(../images/anfotobg.png) no-repeat top center; }
.anaMedia h3 { width: 100%; float: left; margin-bottom: 23px; margin-top: 23px; }
.anaMedia h3 a { width: auto; float: left; font-size: 24px; color: #19388a; line-height: 27px; margin-left: 52px; }
.genelListe.anaMedia ul { }
.genelListe.anaMedia li {width: 12.5%;padding: 0px;transition: none !important;}
.genelListe.anaMedia li .resim {
    background: #f2f2f2;
    height: 79px;
    line-height: 77px;
    text-align: center;
}
.genelListe.anaMedia li .resim img {
    max-width: 95%;
    max-height: 95%;
    width: auto;
    height: auto;
    float: none !important;
    vertical-align: middle;
}
.genelListe.anaMedia li a {padding: 3px;}
.genelListe.anaMedia li .byt { width: 100%; height: 100%; display: table-cell; display: none; background: url(../images/byt.png) no-repeat center center rgba(25, 24, 24, 0.30); position: absolute; left: 0px; top: 0px; }



.altBar { width: 100%; height: 376px; float: left; background: url(../images/altbg.jpg) no-repeat bottom center; border-top: solid 4px #56BDC4; position: relative; }
.altBar .slot { width: 100%; float: left; padding-top: 10px; }
.altBar .slot:first-child { border-bottom: solid 1px #e3e3e3; padding-bottom: 7px; margin-top: 45px; }
.altBar .slot .yaz { width: auto; font-size: 18px; color: #7b7b7b; }
.altBar .slot .yaz.mail { float: left; }
.altBar .slot .yaz a { float: left; font-size: 18px; color: #7b7b7b; }
.altBar .slot span { color: #8fc741; }
.altBar .slot .yaz.telefon { float: right; }
.altBar .slot .yaz.adres {float: right;font-size: 12px;color: #7b7b7b;text-align: right;font-family: arial;}
.altBar .logo { width: 104px; height: 99px; position: absolute; left: calc(50% - 104px); top: 23px; }
.teknoBay { width: 100%; position: absolute; bottom: 7px; }
.teknoBay a { width: 100%; float: left; text-align: center; font-size: 14px; color: #ffffff; }



.linkAgaci { width: 100%; float: left; padding: 15px 0px; background: #6ca9af; font-family: arial; position: relative; z-index: 9; }
.linkAgaci a { width: auto; float: left; font-size: 12px; line-height: 9px; color: #ffffff; background: url(../images/sl.png) no-repeat right center; padding-right: 10px; margin-right: 10px; }
.linkAgaci a:first-child { }
.linkAgaci a:last-child { background: none; color: #3F5355; margin-right: 0px; padding-right: 0px; }


.icerik .yazi { width: 100%; float: left; font-size: 13px; color: #777777; line-height: 21px; font-family: Arial; }
.icerik .solBar { width: 240px; float: left; }
.icerik .sagBar { width: calc(100% - 240px); float: left; padding-left: 25px; box-sizing: border-box; }



.genelListe.galeri { }
.genelListe.galeri ul { }
.genelListe.galeri li { width: 20%; padding: 2px; }
.genelListe.galeri li h6 { }
.genelListe.galeri li a { padding: 3px; background: #f2f2f2; }
.genelListe.galeri li .byt { width: 100%; height: 100%; display: table-cell; display: none; background: url(../images/byt.png) no-repeat center center rgba(25, 24, 24, 0.30); position: absolute; left: 0px; top: 0px; }

.genelListe.ekip { }
.genelListe.ekip ul { }
.genelListe.ekip li { width: 33.33%; padding: 5px; }
.genelListe.ekip li h6 {font-size: 16px;text-align: center;padding-top: 10px;padding-bottom: 10px;color: #8E8E8E;min-height: 50px;}
.genelListe.ekip li a { padding: 3px; background: #f2f2f2; }
.genelListe.ekip li .byt { width: 100%; height: 100%; display: table-cell; display: none; background: url(../images/byt.png) no-repeat center center rgba(25, 24, 24, 0.30); position: absolute; left: 0px; top: 0px; }