/*
// Dogal Etiketler
*/
html {font-size:14px; letter-spacing:0.5px; height:100%}
body {margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; color:#333333; background-color:#e8e8e8;height:100%}
a {text-decoration:none; color:#4c7bd9;}
a:hover {text-decoration:none; color:#3b6ac8}
p {margin:0px 0px 10px 0px; padding:0px; font-size:15px; line-height:20px}
img {border:0;}
h1 {margin:10px 0px 5px 0px; font-size:32px; color:#e51030; line-height:2.8rem; font-weight:lighter}
h2 {margin:0pfx 0px 10px 0px; padding:0px; color: #474d59; font-size:22px; line-height:28px; margin-top:27px; font-weight:lighter}
.kutuvurgu h2 { margin:0px 0px 0px 0px; font-size:40px; color:#104da1; line-height:3.5rem; font-weight:lighter; color:#333333; font-weight:bolder }
.sutunuclu h2 { font-size:22px; }
h3 {margin:0px 0px 5px 0px; padding:0px; color:#474d59; font-size:1.4rem; line-height:1.8rem; font-weight:lighter}
hr {border:none; border-bottom:1px solid #CCCCCC; margin:10px 0px 10px 0px;}
li {margin-bottom:13px; list-style-type: square;}
.viewport{zoom:0.97; width:extend-to-zoom;}
/*
// Yapilar
*/
.cekiduzen {width:1131px; margin:auto;}
.cekiduzen2 {width:940px; margin:auto;}
.ust1 .abuton1 {margin-left:23px;}
.ust2 { border-bottom:solid 0px #7192d2; height:88px; width:100%; background-color:#FFF; position:fixed; z-index:3000; top:0; border-bottom:#666666 solid 1px; }
.ustsabitaralik { height:105px; width:100px; position: relative; }
.alt {font-size:15px; color:#4c7bd9 }
.alt span {margin-right:17px; }
.alt .logo img {margin-bottom:13px; width:100px; border-radius:5px }
.sutunsol {float:left; width:660px; margin:0px;}
.sutunsag {float:right; width:430px; margin:0px 0px 0px 10px;}
.sutuntemel { margin-top:-17px; padding-top:30px; padding-bottom:100px; margin-bottom:-37px; }
.sutuntemel .cekiduzen { width:900px }
.sutuntemel h1 { font-size:28px; margin-top:0px; border-bottom:solid 1px #ccd0d9; margin-bottom:27px;}
.sutuntemel .sutunsol { width:630px; }
.sutuntemel .sutunsag { width:250px }
.sutuntemel .kutu .sutunsol { width:590px; }
.sutuntemel .menualt { margin-top:-27px; margin-bottom:27px; }
.sutundar { width:500px; margin:auto}
.sutundar h2 { color:#4c7bd9}
.topuyari { font-size:18px; background-color:#0f376b; color:#FFF; padding:31px 23px 31px 23px; text-align:center; border-bottom:solid 0px #7192d2 }
.sutunikili { float:left; width:49%; }
.sutunikilisag { float:right; width:49%; }
.sutunuclu { float:left; width:32%; margin-right:2% }
.sutunsonsifir { margin-right:0px }
.sutunuclu p a { color: #666}
.sutunuclu h2 a { color: #e51030}
.sutundortlu { float:left; width:25%; }
.sutunicsag { }
.sutun3 { float:left; width:200px}
.profilust {position: relative; }
.profilust .avatarfoto { float:left }
.profilust .aciklama { position:absolute; bottom:80px; left:240px; font-size:18px; color:#FFFFFF;}
.profilust h1, .profilust h1 a { color:#FFFFFF; text-decoration:none; font-size:42px; font-weight:lighter; border:none; margin-bottom:7px }
.profilikonlar { float:right; position:absolute; right:0px; bottom:80px; }
.profilustbgkisalt { margin-bottom:-100px }
.sutunsol2 { width:570px; float:left;}
.sutunsag2 { width:300px; float:right;}
/*
// kutular
*/
.kutu {background-color: #fff; padding:23px; border:solid 1px #DBDBDB; border-radius:6px}
.kutusadde {background-color: #FFF; padding:23px;}
.kutubant { border-bottom:solid 3px #7192d2; margin-top:-22px}
.kutubant h2 { text-align:center; color:#fff; font-size:28px; font-weight:lighter }
.kutuuye { text-align:center;}
.kutuuye .baslik {font-size:26px; color:#666666}
.kutuuye .bilgiler { font-size:15px; color:#999}
.kutuuye .vurgu { font-size:17px; color:#5e6573}
.kutufotodis {width:33%; float:left; margin-bottom:30px;}
.kutufotoic {width:250px; height:250px; border-radius:5px;}
.kutufotoic2 {width:280px; height:280px; border-radius:5px;}
.kutufotoic3 {width:180px; height:180px; border-radius: 50%;}
.kutufotoic4 {width:222px; height:222px; border-radius: 50%;}
.kutufotoic5 {width:30px; height:30px; border-radius: 50%; float:left;}
.kutufotoic6 {width:60px; height:60px; border-radius: 50%; }
.kutuposter { min-height:270px; background-color:#FFFFFF; padding:0px; border:#DBDBDB solid 1px; border-radius:6px; }
.kutuposter a { text-decoration:none; cursor:pointer }
.kutuposter .ic { min-height:170px; margin-top:43px; padding:7px}
.kutuposter .baslik , .kutu .baslik { color:#e51030; margin-right:0px; font-weight:bolder; font-size:26px; text-align:center; font-weight:bold; padding:0px 30px 0px 30px; margin-top:-23px}
.kutu .baslik { margin-top:23px; }
.kutu .baslikm0 { margin-top:0px; }
.kutuposter .baslikb { color:#fff; margin-right:0px; font-weight:bolder; font-size:26px; text-align:center; font-weight:bold}
.kutuposter .altbaslik { margin-right:0px; font-size:16px; margin-top:13px; background-color:#D8D8D8; padding:3px;}
.kutuposter .bant { background:#171714; color:#FFFFFF; padding:7px; font-size:14px;}
.baslik2, .kutu .baslik2 { font-size:28px; color:#444; }
.baslik2 a, .kutu .baslik2 a { color:#444; }
.kutuyesil { background-color:#009933 }
.kutuhavadaic { padding:17px; }
.baslikr, .baslikr a { color:#e51030;}
/*
// spotlar
*/
.spot { /* background:url(bg-ansayfa.jpg) no-repeat; background-size: 100%; */ height:330px; padding-top:60px; color:#fff; background-color: #333; }
.spotsol { width:800px; float:left }
.spotsag { float:right;margin-top:110px; margin-right:90px;}
.spotbaslik { font-size:41px; padding:7px 0px 0px 0px; background: padding:3px; font-family:"Trebuchet MS", Segoe, sans-serif; font-weight:bold; text-shadow: 1px 1px #4f4f4f; color:#FFFFFF; line-height: 47px }
.spotsol p { background: rgba(0, 0, 0, .3); padding:7px; line-height:23px; font-size:16px }
.spot .abuton1 { background-color:#e51030; color:#FFF; font-weight:bolder; font-size:16px; border:none; padding:13px;}
.spot .abuton1:hover { background-color:#e51030 }
/*
// Genel
*/
.bgana {background-color:#e8e8e8; }
.bggri { background-color:#F5F5F5; }
.bggri2 { background-color:#444; }
.bgacikmavi { background-color:#4e73c7 }
.bgsari { background-color:#ffe478 }
.bgyesil, .bgyesil a { background-color:#12af0a; color: #ffffff }
.t {clear:both}
.sifirlay { margin-top:0px; }
.yuzdeyuz { width:100% }
.yuzdedoksan { width:90% }
.cursorp { cursor:pointer; }
.sola { float:left }
.saga { float:right }
.f40 {font-size:40px; line-height:40px; color:#333333; font-weight:bolder}
.f28 { font-size:28px }
.f24 { font-size:24px }
.f18 { font-size:18px }
.f16 { font-size:16px }
.f14 { font-size:14px }
.f11 { font-size:11px }
.f12 { font-size:12px }
.fbold { font-weight:bold }
.fnormal { font-weight:normal }
.fkoyugri { color:#333 }
.fkoyugri a { color:#333 }
.fgri { color:#666666 }
.fgri a { color:#666666 }
.facikgri { color:#999 }
.fortala { text-align:center}
.fsola { text-align:left}
.fkirmizi { color:#F00 }
.ayukari1 { margin-top:37px; }
.ayukari2 { margin-top:17px; }
.ayukari3 { margin-top:27px; }
.ayukari4 { margin-top:9px; }
.ayukari5 { margin-top:93px; }
.ayukari6 { margin-bottom:57px; }
.aasagi1 { margin-bottom:37px; }
.aasagi2 { margin-bottom:17px; }
.aasagi3 { margin-bottom:27px; }
.aasagi6 { margin-bottom:57px; }
.aasagi5 { margin-bottom:93px; }
.ayukarip1 { padding-top:37px; }
.ayukarip2 { padding-top:17px; }
.aasagip1 { padding-bottom:37px; }
.aasagip2 { padding-bottom:17px; }
.afazlaheryer { margin:57px 107px 57px 107px; }
.afazla { margin:0px; padding:57px 0px 57px 0px; }
.afazla2 { margin:0px; padding:37px 0px 37px 0px; }
.asagp1 { padding-right:13px; }
.ortala { text-align:center; margin:auto }
.ortalaf { text-align:center;}
.radius0 { border-radius:0px;}
.border0 { border:none}
.vurgu1 { background-color:#FFCC33; }
.pgirinti {text-indent:50px; }
.pjustify { text-align:justify}
/*
// Form ve Alakali Seyler
*/
input { font-size:16px; border:none; border-radius:3px;-webkit-border-radius: 3px; cursor:pointer; padding:13px 21px 13px 21px; border:#666d7b solid 1px; }
select { font-size:18px; border:none; border-radius:3px;-webkit-border-radius: 3px; cursor:pointer; padding:13px 21px 13px 21px; border:#666d7b solid 1px;}
.abuton1 {border:solid 1px #ffcc00; width:140px; padding:7px; border-radius:1px; background-color:#ffe478; border-radius:3px;}
.abuton1:hover {background-color:#ffeea8; text-decoration:none}
.abuton2 {border: none; width:140px; padding:7px; border-radius:6px; background-color:#e51030; color:#FFF; font-weight:bolder; font-size:16px; padding:13px;}
.abuton2:hover {background-color:#e51030; text-decoration:none; color:#CCC}
.abuton1SeviyeAz { background-color:#CCC; color:#333; border-color:#999999 }
.abuton1SeviyeAz:hover { background-color:#999; color:#CCCCCC }
.fyuzdeyuz { width:90% }
.fyuzdeyuz2 { width:100% }
.fsuzgec { text-align:center }
.fsuzgec .text { background: #3260c7 }
.fsuzgec .text:hover { background: #3260c7; }
.fsuzgec { color:#FFF; font-size:16px; }
.fsuzgec input,.fsuzgec select { padding:7px }
.fwidht, .fwidht:hover { width:20px; }
.topuyari .abuton1 { background-color:#1fc174; padding:11px 17px 11px 17px; }
.cevap { cursor:pointer; font-size:22px; color:#666; margin-bottom:27px }
.profilust .abuton1 { width:90px; padding:13px; text-align:center; float:left; margin-left:17px; border-radius:6px; border:none; background-color:#e51030; color:#FFF; }
.profilust .abuton1 a { color:#fff }
.profilust .abuton1:hover { background-color:#e51030 }
.profilust .abuton1 a:hover { background-color:#e51030 }
.vurgu2 { font-size:18px; background-color: #09F; color:#fff; border:none; border-radius:3px;-webkit-border-radius: 3px; padding:7px; cursor: default }
.vurgu2 a { color:#FFFFFF }
.vurgu2 a:hover { color:#efefef }
.vurgu3 { background-color:#66CC00 }
.vurgu4 { background-color: #F30}
.secimbuton { padding:9px; line-height:44px; font-size:16px }
.secimbutondiv a { color:#333333 }
.form-group { margin-bottom:23px; }
.form-group input { width:100% }
.form-group input[type='radio'] { width:auto }
/*
Radio buton css
*/
.maxl{ margin:15px ;}
.inline{ display: inline-block;}
.inline + .inline{ margin-left:30px;}
.radio{ color:#999;font-size:15px;position:relative;}
.radio span{ position:relative;padding-left:20px;}
.radio span:after{content:'';width:15px;height:15px;border:3px solid;position:absolute;left:0;top:1px;border-radius:100%;-ms-border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%;box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.radio input[type="radio"]{cursor: pointer; position:absolute;width:100%;height:100%;z-index: 1;opacity: 0;filter: alpha(opacity=0);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}
.radio input[type="radio"]:checked + span{ color:#0B8; }
.radio input[type="radio"]:checked + span:before{content:'';width:5px;height:5px;position:absolute;background:#999999;left:5px;top:6px;border-radius:100%;-ms-border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%;}
.radiorenk1 { color:#df4356 }
.radiorenk1s input[type="radio"]:checked + span:before { background:#df4356 }
.radiorenk2 { color:#87ab39 }
.radiorenk2s input[type="radio"]:checked + span:before { background:#87ab39 }
.radio1 input[type="radio"]:checked + span:before{ width:30px; height:30px; cursor: pointer; }
.radio1 span:after{ width:40px; height:40px; cursor: pointer; }
.radio2 input[type="radio"]:checked + span:before{ width:24px; height:24px; margin-top:3px; }
.radio2 span:after{ width:34px; height:34px; margin-top:3px; cursor: pointer;}
.radio3 input[type="radio"]:checked + span:before{ width:18px; height:18px; margin-top:6px; }
.radio3 span:after{ width:28px; height:28px; margin-top:6px; cursor: pointer;}
.rd { font-size:21px; margin-top:23px; margin-right:27px }
.rd2 { font-size:21px; margin-top:21px; }
.radiotek{ color: #666;font-size:21px;position:relative;}
.radiotek span{position:relative;padding-left:40px;padding-top:10px;}
/*
// Diğer
*/
.yuvarla { background-color: #444; width:100px; height:100px; border-radius:50px; margin:auto }
.yuvarla img { margin-top:7px; }
.say { padding:3px; background-color: #333; border-radius:3px; font-size:12px; color:#FFFFFF }
.dashed {border-style: none none dashed;}
.logoust {float:left; margin-top:7px; }
#ustkutu {z-index:4000; position:absolute; background-color:#FFFFFF; alignment-adjust: middle; left: 100px; top: 100px; display:none;}
.ilerigeri { text-align:center; font-size:16px; }
.oankisayfa { padding:7px; background-color:#CCC }
.aramasonuc { padding:3px; margin-right:3px; }
.topuyari .circle { border-radius: 50%; width: 20px; height: 20px; background-color:#006699; margin-left:13px; margin-top:-8px; font-size:18px; padding:6px; color: #F2F2F2}
.circle { border-radius: 50%;}
.circlefoto { border-radius: 10px;}
.yergosterimi { margin-bottom:11px; color:#999; font-size:14px; }
.yergosterimi a { color:#a0a2d3; }
.yergosterimi a:hover { color:#b8baf2; }
.tutma-of-b { background:url(ikon-tutma-of-b.png) no-repeat; width:20px; height:20px; background-position:left; background-size: 20px 20px; padding-left:23px; }
.tutma-on { background:url(ikon-tutma-on.png) no-repeat; width:20px; height:20px; background-position:left; background-size: 20px 20px; padding-left:23px; }
.uyari { background-color:#4e7cd9; padding:37px; border-radius:6px; color:#fff; font-size:28px }
.uyari a { color:#FFFFFF }
.uyaribasit { background-color:#999 ; color:#FFF; padding:7px; border-radius:6px; }
.uyariha, .uyariok { padding:7px; color:#FFFFFF; background-color: #F03; border-radius:6px; padding-top:17px; }
.uyariha, .uyariha a { color:#fff }
.uyariok { background-color: #1fc174 }
.uaciklama { margin-left:27px; }
.uyariok a, .uyariha h1, .uyariok h1 { color:#FFFFFF; }
.isaret { font-size:24px; font-weight:bold; margin-top:-5px; margin-left:7px; margin-right:7px; }
.fuyari { font-size:14px; color:#FF0000; margin-top:7px; margin-right:7px; }
.yukleniyor { padding:7px; background-color: #7bb54f; position: relative; -webkit-animation-name: yukleniyora; /* Chrome, Safari, Opera */ -webkit-animation-duration: 8s; /* Chrome, Safari, Opera */ animation-name: yukleniyora; animation-duration: 8s; animation-iteration-count:infinite; color:#FFFFFF;}
@-webkit-keyframes yukleniyora { 0% {left:0px; top:0px;} 25% {left:100px; top:0px;} 50% {left:100px; top:0px;} 75% {left:0px; top:0px;} 100% {left:0px; top:0px;} }
/*
modal cssleri
*/
.modal { display: none; position: fixed; z-index: 1000000; padding-top: 70px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.7); }
.modal-content { position: relative; background-color: #fefefe; margin: auto; padding: 0; border: 1px solid #888; width: 80%; height:60%; box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19); -webkit-animation-name: animatetop; -webkit-animation-duration: 0.4s; animation-name: animatetop; animation-duration: 0.4s }
@-webkit-keyframes animatetop { from {top:-300px; opacity:0} to {top:0; opacity:1} }
@keyframes animatetop { from {top:-300px; opacity:0} to {top:0; opacity:1} }
.close { color: white; float: right; font-size: 28px; font-weight: bold; }
.close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer;}
.modal-header { padding: 2px 16px; background-color: #4e73c7; color: #fff;}
.modal-header h2 { font-size:22px; line-height:12px; margin-top:19px; }
.modal-body {padding: 2px 16px;}
.modal-footer { margin-top:-3px; padding: 3px 16px; background-color: #4e73c7; color: #fff;}
#modalicerik { height:100%; }
/*
bar chart cssler
*/
* { box-sizing: border-box; }
.chart { display: grid;grid-template-columns: repeat(7, 1fr);grid-template-rows: repeat(100, 1fr);grid-column-gap: 5px;height: 35vh;width: 35vw;padding: 5px 10px 0px;border-bottom: #333 solid 4px; }
[class*="bar"] {margin: 0; padding: 0; border-radius: 5px 5px 0 0; grid-row-end: 102; }
[class*="bar"]:nth-child(odd) {background-color: #ff4136; }
[class*="bar"]:nth-child(even) {background-color: #0074d9;}
.bar {fill: #0074d9;height: 21px;transition: fill .3s ease;}
.barc { position: relative; color:#fff; }
.chartsutunic { position: absolute; top: 20%; vertical-align:middle; width:60px; text-align:center;}
.ghorzintal { width:600px; border-left:solid 4px #333333; padding-bottom:13px; margin-top:13px; padding-top:13px }
.ghorzintal p { margin-bottom:3px; padding-left:17px; }
.ghorzintal .container { width: 100%; background-color: #fff; margin-bottom:17px; border-radius: 0px 6px 6px 0px; }
.ghorzintal .byuvarla { border-radius: 0px 6px 6px 0px; }
.ghorzintal .containeric { text-align: right; padding-right: 10px; line-height: 40px; color: white; padding-left:7px; }
.ghorzintal .ilk { background-color: #0074d9;}
.ghorzintal .iki {background-color: #ff4136;}
.ghorzintal .pilk { color: #0074d9;}
.ghorzintal .piki {color: #ff4136;}
.ghorzintal hr { margin-bottom:23px; margin-top:-13px; }
/*
Menuler
*/
.menuy {float:left;}
.menuy ul {list-style:none; margin:0px; padding:0px; float:left; margin-top:25px; margin-left:27px;}
ul#nav li {display:-moz-inline-stack; display:inline-block; margin-right:7px;}
ul#nav li a {font-size:16px; color: #333; padding:16px 17px 13px 15px; text-decoration:none; font-weight:lighter; letter-spacing:1px}
ul#nav li.ilk a {}
ul#nav li a:hover {color: #666; border:none; height:10px;}
ul#nav li.on a { background:red}
a#nav :focus { background-color: #efefef; border-radius:3px; }
.active{ background-color: #efefef; border-radius:3px; }
ul#nav li a: { background-color: #efefef; border-radius:3px; }
.menukulresnotlogin { float:right; margin-top:11px;}
.menukulresnotlogin a { color:#333}
.ulgenel { list-style:none; font-size:14px; margin:0px; padding:0px; padding-left:23px; }
.ulgenel li { margin-bottom:17px; font-size:14px; }
.menuuyariac {display:none; margin-left:21px; color:#FFFFFF; text-decoration:none; margin-top:10px;}
.menualt {float:left;}
.menualt ul {list-style:none; margin:0px; padding:0px;}
.menualt li {font-size:14px; padding:5px 10px 5px 10px; background-color:#CCC; display:inline-block; margin-right:5px; color:#444}
.menualt li.aktif, .menualt li.aktif a {background-color:#1fc174; color:#FFFFFF}
.menusutun {list-style:none; margin:0px; padding:0px; font-size:18px;}
.menusutun li {padding:5px; background-color:#ebe5e4; margin-bottom:5px; list-style:none}
.menusutun li.menusutunaktif, .menusutun li.menusutunaktif a {background-color:#1fc174; color:#FFFFFF}
/*
responsive icin cssler
*/
.rasagi { display:none; }
.rasagi2 { display:none; }
.mobilaramasec { display: inherit }
.mobilaramasecAc { display: none }
.mgoster { display:none }
/*
// resposive burger menu
*/
.button_container { position: relative; float:left; margin-top:19px; margin-left:21px; height: 27px; width: 27px; cursor: pointer; z-index: 100; -webkit-transition: opacity .25s ease; transition: opacity .25s ease;}
.button_container:hover { opacity: .7; }
.button_container.active .top { -webkit-transform: translateY(10px) translateX(0) rotate(45deg); transform: translateY(10px) translateX(0) rotate(45deg);background: #FFF;}
.button_container.active .middle { opacity: 0; background: #FFF; }
.button_container.active .bottom { -webkit-transform: translateY(-10px) translateX(0) rotate(-45deg);transform: translateY(-10px) translateX(0) rotate(-45deg);background: #FFF;}
.button_container span { background: #7dcbcc; border: none; height: 4px; width: 100%; position: absolute; top: 0px; left: 0;-webkit-transition: all .35s ease;transition: all .35s ease; cursor: pointer; }
.button_container span:nth-of-type(2) { top: 10px;}
.button_container span:nth-of-type(3) { top: 20px; }
.overlayOrumcek {position: fixed;top: 0;left: 0;width: 100%;height: 100%;opacity: 1;visibility: hidden;-webkit-transition: opacity .35s, visibility .35s, width .35s;transition: opacity .35s, visibility .35s, width .35s;z-index: 50;}
.overlayOrumcek:before {content: '';background: #e51030;left: -55%;top: 0;width: 50%;height: 100%;position: absolute;-webkit-transition: left .35s ease;transition: left .35s ease;}
.overlayOrumcek:after {content: '';background: #e51030;right: -55%;top: 0;width: 50%;height: 100%;position: absolute;-webkit-transition: all .35s ease;transition: all .35s ease;}
.overlayOrumcek.open {opacity: .9;visibility: visible;height: 100%;}
.overlayOrumcek.open:before {left: 0;}
.overlayOrumcek.open:after {right: 0;}
.overlayOrumcek.open li {-webkit-animation: fadeInRight .5s ease forwards;animation: fadeInRight .5s ease forwards;-webkit-animation-delay: .35s;animation-delay: .35s;}
.overlayOrumcek.open li:nth-of-type(2) {-webkit-animation-delay: .45s;animation-delay: .45s;}
.overlayOrumcek.open li:nth-of-type(3) {-webkit-animation-delay: .55s;animation-delay: .55s;}
.overlayOrumcek.open li:nth-of-type(4) {-webkit-animation-delay: .65s;animation-delay: .65s;}
.overlayOrumcek nav {position: relative;height: 70%;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);font-size: 46px;font-family: 'Vollkorn', serif;font-weight: 400;text-align: center;z-index: 100;}
.overlayOrumcek ul {list-style: none;padding: 0;margin: 0 auto;display: inline-block;position: relative;height: 100%;}
.overlayOrumcek ul li {display: block;height: 25%;height: calc(100% / 5);min-height: 42px;position: relative;opacity: 0;}
.overlayOrumcek ul li a {display: block;position: relative;color: #FFF;text-decoration: none;overflow: hidden;}
.overlayOrumcek ul li a:hover:after, .overlayOrumcek ul li a:focus:after, .overlayOrumcek ul li a:active:after {width: 100%;}
.overlayOrumcek ul li a:after {content: '';position: absolute;bottom: 0;left: 50%;width: 0%;-webkit-transform: translateX(-50%);transform: translateX(-50%);height: 3px;background: #FFF;-webkit-transition: .35s;transition: .35s;}
@-webkit-keyframes fadeInRight {0% {opacity: 0;left: 20%;}100% {opacity: 1;left: 0;}}@keyframes fadeInRight {0% {opacity: 0;left: 20%;}100% {opacity: 1;left: 0;}}
/*
Ek
*/
.sutuna1 { float:left; width:280px; margin-right:27px; }
.sutuna2 { float:left; width:490px; }
.sutuna3 { float:right; width:300px; }
.sutuna1 .kutu p, .sutuna2 .kutu p, .sutuna3 .kutu p { color: #666; margin-bottom:0px; }
.sutuna1 .kutu img, .sutuna2 .kutu img, .sutuna3 .kutu img { width:100%; margin-bottom:13px }
.baslika { font-size:18px; font-weight:bolder; margin-bottom:17px; }
.kutubolSol { width:48%;float:left }
.kutubolSag { width:48%;float:right }
.baslik h1 { color:#e51030; text-align:center; padding:0px; margin:0px; }
.devredisi { position:absolute; z-index:1000; background:#999999; opacity:0.6; border-radius:6px; width:100%; height:200%; display:inline; margin-top:-37px; text-align:center; }
.gizle { display:none; text-align:center; }
.gonderiliyoraciklama { position:absolute; text-align:center; z-index:2000; text-align:center; width:100%; top: 50%; vertical-align:middle; font-size:24px; }
.gonderiliyoraciklama span { padding:13px; border-radius:3px; }
.h1aciklama { margin-bottom:27px; margin-top:-19px }
/*
/////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////
///////////////////////mobil tasarim
/////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////
*/
.button_container { display:none }
.button_containerGiriYapimis { display:block; background-image:url(ikon-avatar-yok.gif); float:right }
#overlayUye .abuton1 { padding:7px; }
@media screen and (max-width:800px)
{
.sutuna1,.sutuna2,.sutuna3, .kutubolSol, .kutubolSag { float:none; width:100%; margin:0px; margin-top:17px }
.BurgerMenuSag { position:absolute; right:13px }
.menukulresnotlogin { margin:0px; padding:0px; position:absolute; right:23px; }
.menukulresnotlogin a { font-size:36px; background:none; border:none; }
.menukulresnotlogin a:hover { background:none; }
.button_container { display:block }
.overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;opacity: 1;visibility: hidden;-webkit-transition: opacity .35s, visibility .35s, width .35s;transition: opacity .35s, visibility .35s, width .35s;z-index: 50;}
.overlay:before {content: '';background: #e51030;left: -55%;top: 0;width: 50%;height: 100%;position: absolute;-webkit-transition: left .35s ease;transition: left .35s ease;}
.overlay:after {content: '';background: #e51030;right: -55%;top: 0;width: 50%;height: 100%;position: absolute;-webkit-transition: all .35s ease;transition: all .35s ease;}
.overlay.open {opacity: .9;visibility: visible;height: 100%;}
.overlay.open:before {left: 0;}
.overlay.open:after {right: 0;}
.overlay.open li {-webkit-animation: fadeInRight .5s ease forwards;animation: fadeInRight .5s ease forwards;-webkit-animation-delay: .35s;animation-delay: .35s;}
.overlay.open li:nth-of-type(2) {-webkit-animation-delay: .45s;animation-delay: .45s;}
.overlay.open li:nth-of-type(3) {-webkit-animation-delay: .55s;animation-delay: .55s;}
.overlay.open li:nth-of-type(4) {-webkit-animation-delay: .65s;animation-delay: .65s;}
.overlay nav {position: relative;height: 70%;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);font-size: 50px;font-family: 'Vollkorn', serif;font-weight: 400;text-align: center;z-index: 100;}
.overlay ul {list-style: none;padding: 0;margin: 0 auto;display: inline-block;position: relative;height: 100%;}
.overlay ul li {display: block;height: 25%;height: calc(100% / 4);min-height: 50px;position: relative;opacity: 0;}
.overlay ul li a {display: block;position: relative;color: #FFF;text-decoration: none;overflow: hidden;}
.overlay ul li a:hover:after, .overlay ul li a:focus:after, .overlay ul li a:active:after {width: 100%;}
.overlay ul li a:after {content: '';position: absolute;bottom: 0;left: 50%;width: 0%;-webkit-transform: translateX(-50%);transform: translateX(-50%);height: 3px;background: #FFF;-webkit-transition: .35s;transition: .35s;}@-webkit-keyframes fadeInRight {0% {opacity: 0;left: 20%;}100% {opacity: 1;left: 0;}}@keyframes fadeInRight {0% {opacity: 0;left: 20%;}100% {opacity: 1;left: 0;}
}
.menuy {float:none; }
ul#nav, ul#nav ul { font-size: 50px;font-family: 'Vollkorn', serif;font-weight: 400;text-align: center;z-index: 100; width:100%}
ul#nav li { display: block;height: 25%;height: calc(100% / 4);min-height: 50px;position: relative;opacity: 0; }
ul#nav li a {color: #fff; padding:16px 17px 13px 15px; text-decoration:none; font-weight:lighter; letter-spacing:1px; display: block; float:none; width:%100; font-size: 44px;font-family: 'Vollkorn', serif;font-weight: 400;text-align: center;z-index: 100; }
ul#nav li a:hover {color:#FFF; height:auto}
a#nav :focus { background-color: transparent; }
.active{ background-color: transparent; }
.overlay .abuton1 { width:100%; }
.ust2 { }
.logoust { text-align:center; position: relative; width:100% }
.Tlogoust, .TlogoYazi { text-align:center; position: relative; width:100%; margin:0px; padding:0px; margin-top:7px; margin-left:-5px }
.menukulresnotlogin { top:0px; right:10px; position:fixed; float:none }
.spot { padding-top:23px; padding-bottom:23px; padding:17px; }
.spotbaslik { margin-top:27px; padding-top:0px; margin-bottom:23px }
.spotsol { float:none; width:100% }
.vurgumobil { font-size:13px; }
.rwidthauto { width:auto }
.rslect { width:100%; }
.rasagi { margin-bottom:17px; display:block }
.rasagi2 { margin-bottom:47px; display:block }
.rresim { width:100% }
.rmargintopO { margin-top:0px; }
.rf11 { font-size:11px; }
.gosterme { display:none }
.mgoster { display: inherit }
.fsuzgec { text-align:left }
.sutuntemel { padding:27px 10px 27px 10px; position: inherit}
.cekiduzen, .sutuntemel .cekiduzen {width:96%; margin:auto; position: relative; }
.cekiduzen2 {width:96%; margin:auto; position: relative; }
.laramauye { float:none; margin:auto; text-align:center; position:relative }
.luyeteksutun { float:none; margin:auto; text-align:center; position:relative }
.sutunsol, .sutuntemel .sutunsol, .sutunsol2, .sutunsag2 {float:none; width:100%;}
.sutunsag, .sutuntemel .sutunsag {float:none; width:100%; margin:0px; margin-top:27px;}
.sutundar {float:none; width:100%;}
.fanasayfa input { margin-bottom:13px; width:100%}
.fanasayfa select { margin-bottom:13px; width:100% }
input { width:100% }
input[type="radio"] { width:auto}
#ustkutu {width:97%; left:10px; top:0px;}
.ust1 {margin-top:-30px; }
.alt .kutu { border-radius:none }
.sutunuclu, .sutunikili, .sutunikilisag { float:none; width:100%; margin-top:17px; }
#tabs { overflow: hidden; width: 100%; margin: 0; padding: 0; list-style: none; }
#tabs li { float: left; margin: 0 0 0 0; text-align:left; }
#tabs a { color:#FFFFFF; position: relative; padding:5px; text-decoration: none;}
.mobilaramasec { display:none }
.mobilaramasecAc { display: inherit }
.profilust .avatarfoto { float:none; position:relative; text-align:center }
.profilust .aciklama { float:none; text-align:center; font-size:16px; position:relative; bottom:0px; left:0px;}
.profilikonlar { right:-10px; bottom:0px; float:left; position:relative; }
.profilustbgkisalt { margin-bottom:0px }
.profilbanasagiaralik { margin-bottom:-60px }
.mobilaralikbant { margin-top:37px; }
.modal { padding-top: 17px;}
.modal-content { width: 99%; height:80%;}
.kutuhavadaic h2 { margin-bottom:0px; padding-bottom:10px; }
.kutufotodis {width:50%; float:left; margin-bottom:30px; text-align:center}
.kutufotoic { width:100% }
.kutu img { max-width:100%; }
.rd { margin-right:3px; font-size:18px; width:10px; writing-mode: tb-rl; letter-spacing:7px }
.rd2 { margin-top:21px; font-size:18px; width:10px; writing-mode: tb-rl; margin-left:3px; letter-spacing:7px }
.chart { width: 100%; }
.ilkradio { padding-left:10px }
.radio span{ padding-left:7px; }
.radio1 input[type="radio"]:checked + span:before{ width:20px; height:20px; }
.radio1 span:after{ width:30px; height:30px; }
.radio2 input[type="radio"]:checked + span:before{ width:16px; height:16px; }
.radio2 span:after{ width:26px; height:26px; }
.radio3 input[type="radio"]:checked + span:before{ width:10px; height:10px; }
.radio3 span:after{ width:20px; height:20px; }
.radiotek span{ position:relative; padding-left:30px; padding-top:6px; }
.secimbutondivk .secimbuton { padding:3px; font-size:14px }
.ghorzintal { width:100%; }
.amobil1 { margin-top:17px }
.amobil2 { margin-top:87px }
input[type="radio"] { width:auto}
.spotsag { float:none; width:100%; margin:auto; margin-top:37px; margin-bottom:41px; text-align:center; }
.profilust .avatarfoto { float:none; position:relative; text-align:center; height:130px; }
.profilust .aciklama { position: absolute ; bottom:75px; left:210px; }
.profilust .aciklama h1 a { font-size:24px }
.profilbanasagiaralik { margin-bottom:0px }
.chartsutunic { width:44px; font-size:12px}
}
@media screen and (max-width:400px)
{
.logoust img { width:70%; margin-top:3px }
.ilkradio { padding-left:0px }
.rd2 { margin-right:-7px; }
.radio span{ padding-left:1px; }
.radio1 input[type="radio"]:checked + span:before{ width:20px; height:20px; }
.radio1 span:after{ width:30px; height:30px; }
.radio2 input[type="radio"]:checked + span:before{ width:13px; height:13px; }
.radio2 span:after{ width:23px; height:23px; }
.radio3 input[type="radio"]:checked + span:before{ width:7px; height:7px; }
.radio3 span:after{ width:17px; height:17px; }
.radiotek span{ position:relative; padding-left:30px; padding-top:6px; }
.chartsutunic { width:36px; font-size:12px}
.chart .f11 { font-size:8px }
.kutu .baslik2 { font-size:16px; }
.kutu { padding:7px; }
}
.aralikasagi { margin-bottom:27px }