﻿
/**************
        YAN MENÜ
    ******************************************************************************************************************************************/

.YanMenu { width: 235px; min-height: 1px; height: auto; float: left; box-sizing: border-box; position: relative; }

.YanMenu ul { width: 100%; min-height: 1px; height: auto; float: left; box-sizing: border-box; background: none; padding: 0px 8px 0px 0px; }

.YanMenu ul:first-child { padding: 2px; position: relative; z-index: 5; border-right: solid 1px #E6E6E6; }

.YanMenu ul li, .YanMenu ul li a { width: 100%; min-height: 1px; height: auto; float: left; position: relative; box-sizing: border-box; transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; }
.YanMenu ul li > a { font-size: 14px; color: #9C9C9C; padding: 4px 2px; font-weight: 400; }
.YanMenu ul li a.acildi { color: #FFFFFF; }
.YanMenu ul li ul li a.acildi { }

.YanMenu ul li a:hover { color: #A37CAF; }

.YanMenu ul li ul { padding-left: 20px; padding-right: 4px; padding-top: 2px; padding-bottom: 2px; display: none; }
.YanMenu ul li ul a { padding: 2px 2px; word-break: break-all; }
.YanMenu ul li ul li ul { padding-left: 8px; padding-top: 4px; padding-bottom: 2px; }
.YanMenu ul li ul li a { padding-left: 15px; /*background: url(../images/mnc.png) no-repeat left center;*/ font-size: 13px; color: #9A9A9A; }

.YanMenu ul li.active > ul { display: block; }
.YanMenu .baslik strong, .YanMenu .baslik { width: 100%; float: left; font-size: 18px; color: #555; box-sizing: border-box; }

/***************
    TEMALAR background:#456d99
    ***************/




.YanMenu.svst1 { width: 100%; box-sizing: border-box; position: relative; margin-top: 0; }
.YanMenu.svst1 ul { border-right: none; padding: 0px; }
.YanMenu.svst1 ul li { margin-bottom: 0; }
.YanMenu.svst1 > ul > li { /* border-bottom: solid 1px #f7f7f7; */ }
.YanMenu.svst1 > ul > li:last-child { border-bottom: 0px; }
.YanMenu.svst1 ul:first-child { padding-left: 0px; padding-right: 0px; }
.YanMenu.svst1 ul:first-child li > a { }
.YanMenu.svst1 ul li > a { font-size: 15px; color: #000000; padding: 8px 0; text-align: left; display: block; line-height: 17px; font-weight: 400; text-rendering: optimizeLegibility; }
.YanMenu.svst1.ters ul li > a { color: #000; font-size: 14px; padding: 11px 0; }
.YanMenu.svst1.ters ul li > a.acildi { color: #0762a1; }
.YanMenu.svst1.ters ul li > a:hover { color: #0762a1; }
.YanMenu.svst1.ters ul li ul li a { font-size: 12px; }
.YanMenu.svst1 ul li:last-child > a { border-bottom: none; }
.YanMenu.svst1 ul li a span.ynAc { width: 12px; height: 100%; position: absolute; left: -18px; top: 0px; background: url(../images/ynac.png) no-repeat center center; }
.YanMenu.svst1 ul li a.acildi span.ynAc { background: url(../images/ynac2.png) no-repeat center center; }
.YanMenu.svst1 ul li.acildi > a { color: #0762a1; }
.YanMenu.svst1.ters ul li.acildi > a { color: #0762a1; }
.YanMenu.svst1 ul li ul { background: none; padding: 0px 11px 0px 21px; margin-top: 5px; margin-bottom: 5px; border-left: solid 1px #c6c6c6; }
.YanMenu.svst1 ul li ul li { border-left: none; background: none; margin-bottom: 0; }
.YanMenu.svst1 ul li ul li:last-child { margin-bottom: 0px; }
.YanMenu.svst1 ul li ul li a { word-break: break-all; border: none; background: none; font-size: 13px; color: #151515; padding: 6px 0; }

.YanMenu.svst1 ul li ul li a span.ynAc { left: inherit; position: relative; display: inline-table; float: none; height: 12px; margin-left: 10px; }
.YanMenu.svst1 ul li ul li ul li { }
.YanMenu.svst1 ul li ul li ul li a { font-size: 12px; line-height: 19px; font-weight: 500; padding: 3px 0; }

.YanMenu.svst1 ul li ul li a:hover { color: #0762a1; }
.YanMenu.svst1.ters ul li ul li a:hover { color: #0762a1; }
.YanMenu.svst1 ul li ul ul { margin-top: 0px; padding-top: 0px; padding-left: 18px; border: none; }
.YanMenu.svst1 ul li ul li a.acildi { color: #0762a1; }
.YanMenu.svst1.ters ul li ul li a.acildi { color: #0762a1; }
.YanMenu.svst1 ul li.active > a { }
.YanMenu.svst1 ul li.acildi { }
.YanMenu.svst1 ul li > a:hover, .YanMenu.svst1 ul li > a.acildi { color: #0762a1; }
.YanMenu.svst1 > ul > li.active > a, .YanMenu.svst1 > ul > li.acildi > a { color: #0762a1; }
.YanMenu.svst1.ters > ul > li.active > a, .YanMenu.svst1.ters > ul > li.acildi > a { color: #0762a1; }
.YanMenu.svst1 .baslik { margin-top: 0; margin-bottom: 10px; }
.YanMenu.svst1 .baslik strong { width: auto; font-size: 16px; line-height: 17px; color: #fff; font-weight: 800; background: #0762a1; padding: 21px 29px; }



.YanMenu.svst2 { width: 100%; box-sizing: border-box; position: relative; background: #fff; margin-top: 0; }
.YanMenu.svst2 ul { border-right: none; padding: 0px 0px 0px 12px; }
.YanMenu.svst2 ul li { margin-bottom: 0; }
.YanMenu.svst2 > ul > li { /* border-bottom: solid 1px #f7f7f7; */ }
.YanMenu.svst2 > ul > li:last-child { border-bottom: 0px; }
.YanMenu.svst2 ul:first-child { padding-left: 0px; padding-right: 0px; }
.YanMenu.svst2 ul:first-child li > a { /* padding-left: 27px; */ border-bottom: solid 1px #eeeeee; }
.YanMenu.svst2 ul li > a { font-size: 14px;  color: #656565; padding: 9px 19px 9px 9px; font-weight: 400; text-align: left; display: block; line-height: 14px; }
.YanMenu.svst2 ul li:last-child > a { border-bottom: none; }
.YanMenu.svst2 ul li a span { color: #a49e9e; font-size: 14px; margin-left: 8px; }
.YanMenu.svst2 ul li a span.ynAc { width: 13px; height: 100%; position: absolute; right: 0px; top: 0px; background: url(../images/ynac.png) no-repeat center center; }
.YanMenu.svst2 ul li ul li a span.ynAc { background-image: url(../images/ynac3.png); }
.YanMenu.svst2 ul li a.acildi span.ynAc { transform: rotate(180deg); }
.YanMenu.svst2 ul li.acildi > a { color: #000000; }
.YanMenu.svst2 ul li ul { background: none; padding: 0px 11px 0px 20px; margin-bottom: 5px; }
.YanMenu.svst2 ul li ul li { border-left: none; background: none; margin-bottom: 7px; }
.YanMenu.svst2 ul li ul li:last-child { margin-bottom: 0px; }
.YanMenu.svst2 ul li ul li a { word-break: break-all; font-weight: 400; border: none; background: none; font-size: 13px; color: #888686; padding: 5px 0px; }
.YanMenu.svst2 ul li ul li a:hover { color: #000000; }
.YanMenu.svst2 ul li ul ul { margin-top: 0px; padding-top: 0px; padding-left: 5px; }
.YanMenu.svst2 ul li ul li a.acildi { color: #6f6a60; }
.YanMenu.svst2 ul li.active > a { }
.YanMenu.svst2 ul li.acildi { }
.YanMenu.svst2 ul li > a:hover, .YanMenu.svst2 ul li > a.acildi { color: #6f6a60; }
.YanMenu.svst2 > ul > li.active > a, .YanMenu.svst2 > ul > li.acildi > a { color: #000000; }
.YanMenu.svst2 .baslik { margin-top: 0; margin-bottom: 16px; }
.YanMenu.svst2 .baslik strong { background: #eee; font-size: 17px; line-height: 17px; font-weight: 400; padding: 21px 17px; color: #555; }




/********************************************************************************************************************************************************/

/***********
    GENEL LİSTELEMELE
    ****************************/
.genelListe { width: 100%; min-height: 1px; height: auto; float: left; position: relative; box-sizing: border-box; }
.genelListe ul, .genelListe ul a, .genelListe ul img { width: 100%; min-height: 1px; height: auto; float: left; position: relative; margin: 0; box-sizing: border-box; }
.genelListe ul li { min-width: 1px; min-height: 1px; height: auto; float: left; box-sizing: border-box; padding: 10px; }
.genelListe ul li h5, .genelListe ul li h6, .genelListe ul li p { width: 100%; height: auto; float: left; box-sizing: border-box; }
.genelListe ul li p { line-height: 20px; }
.genelListe .resim { width: 100%; float: left; position: relative; }
.genelListe ul li, .genelListe ul li a, .genelListe ul li h5, .genelListe ul li h6, .genelListe ul li p, .genelListe .devam, .genelListe ul li .resim { transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; box-sizing: border-box; position: relative; }
.genelListe .caroufredsel_wrapper li { transition: none; }


/*********************************************************************************************************************************************************************************/

.genelBaslik { width: 100%; float: left; position: relative; margin-bottom: 20px; border-bottom: solid 1px #0762a1; box-sizing: border-box; padding-bottom: 11px; }
.icerik .genelBaslik { margin-top: 0; }
.genelBaslik h1, .genelBaslik h2, .genelBaslik h3, .genelBaslik h4, .genelBaslik h5, .genelBaslik h6, .genelBaslik strong { min-width: 1px; width: auto; min-height: 1px; height: auto; float: left; position: relative; z-index: 5; }
.genelBaslik h1 a, .genelBaslik h2 a, .genelBaslik h3 a, .genelBaslik h4 a, .genelBaslik h5 a, .genelBaslik h6 a, .genelBaslik strong a { width: 100%; text-align: left; float: left; }
.genelBaslik h1 a, .genelBaslik h2 a, .genelBaslik h3 a, .genelBaslik h4 a, .genelBaslik h5 a, .genelBaslik h6 a, .genelBaslik strong a, .genelBaslik h1, .genelBaslik h2, .genelBaslik h3, .genelBaslik h4, .genelBaslik h5, .genelBaslik h6, .genelBaslik strong { font-size: 25px; color: #0762a1; line-height: 25px; font-weight: 400; }
.genelBaslik .gSayi { width: auto; float: right; font-size: 12px; color: #000; margin-top: 6px; }

/********************************************/


.sosyalMedia { width: 100%; height: auto; float: left; text-align: center; }
.sosyalMedia a { width: 53px; height: 52px; float: left; position: relative; bottom: 0; transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; margin-right: 14px; }
.sosyalMedia a:last-child { margin-right: 0px; }
.sosyalMedia a:hover { bottom: 0px; }
.sosyalMedia a.facebook { background: url(../images/social/facebook3.png) no-repeat center center; }
.sosyalMedia a.twitter { background: url(../images/social/twitter3.png) no-repeat center center; }
.sosyalMedia a.googleplus { background: url(../images/social/googleplus3.png) no-repeat center center; }
.sosyalMedia a.instagram { background: url(../images/social/instagram3.png) no-repeat center center; }
.sosyalMedia a.linkedin { width: 21px; background: url(../images/social/linkedin2.svg) no-repeat center center; }
.sosyalMedia a.pinterest { background: url(../images/social/pinterest2.svg) no-repeat center center; }
.sosyalMedia a.youtube { width: 17px; background: url(../images/social/youtube2.svg) no-repeat center center; }
.sosyalMedia a:hover { /* opacity: 0.7; */ }

/*.sosyalMedia a.facebook:hover { background: url(../images/social/facebook2.png) no-repeat center center #fff; }
.sosyalMedia a.twitter:hover { background: url(../images/social/twitter2.png) no-repeat center center #fff; }
.sosyalMedia a.googleplus:hover { background: url(../images/social/googleplus2.png) no-repeat center center #fff; }
.sosyalMedia a.instagram:hover { background: url(../images/social/instagram2.png) no-repeat center center #fff; }
.sosyalMedia a.linkedin:hover { background: url(../images/social/linkedin2.png) no-repeat center center #fff; }
.sosyalMedia a.pinterest:hover { background: url(../images/social/pinterest2.png) no-repeat center center #fff; }
.sosyalMedia a.youtube:hover { background: url(../images/social/youtube2.png) no-repeat center center #fff; }*/




a.Vmenu { width: 17px !important; height: 20px !important; float: left; top: 0px; background: url(../images/mobile/mbktic4.svg) no-repeat center center; display: none; transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; position: relative; }
a.Vmenu.active { }

a.fAra { width: 41px !important;  height: 40px !important; float: left; top: 0px; background: url(../images/arabg2.png) no-repeat center center #339f91; display: none; transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; position: relative; }
a.fAra.active { background: url(../images/arabg2.png) no-repeat center center #51565b; margin-right: 0; }


.icerik .yazi h1, .icerik .yazi h2, .icerik .yazi h3, .icerik .yazi h4, .icerik .yazi h5, .icerik .yazi h6 { /*width: 100%; float: left; margin-bottom: 12px;*/ margin-bottom: 5px; }
.icerik .yazi h1 { font-size: 18px; font-weight: 400; color: #000; }
.icerik .yazi h2 { font-size: 18px; color: #000; }
.icerik .yazi h3 { font-size: 18px; font-weight: 400; color: #000; }
.icerik .yazi h4, .icerik .yazi h5, .icerik .yazi h6 { font-size: 17px; font-weight: 400; color: #000; }

.icerik .yazi img { max-width: 100%; width: auto; height: auto; }

.icerik .yazi table { width: 100%; float: left; table-layout: fixed; font-size: 15px; color: #6f6a60; line-height: 18px; }
.icerik .yazi table .resim { width: 100%; float: left; }
.icerik .yazi table .yazi { width: 100%; float: left; }
.icerik .yazi table .resim a, .icerik .yazi table .resim img { width: 100%; float: left; }
.icerik .yazi thead, .icerik .yazi tbody, .icerik .yazi th, .icerik .yazi td, .icerik .yazi tr { box-sizing: border-box; position: relative; }
.icerik .yazi table thead { border-bottom: solid 1px #e7e2d1; }
.icerik .yazi table thead tr { }
.icerik .yazi table thead th { padding-bottom: 16px !important; }
.icerik .yazi table thead th, .icerik .yazi table tbody td { padding: 21px 9px; }
.icerik .yazi table tbody { }
.icerik .yazi table tr { border-bottom: solid 1px #e7e2d1; }
.icerik .yazi table tr:last-child { border-bottom: 0px; }
.icerik .yazi table tr td { text-align: center; font-size: 13px; }
.icerik .yazi table a { width: 100%; float: left; color: #454545; }
.icerik .yazi table td:before { content: attr(data-baslik)""; display: none; }



.icerik .yazi ul, .icerik .yazi ol { margin: 20px 0px; padding: 0px 40px; }
.icerik .yazi ul, .icerik .yazi ul li { list-style: disc; }
.icerik .yazi ol li, .icerik .yazi ol { list-style: decimal; }
.icerik .yazi ol li { padding: 0px 3px; }
.icerik .yazi ul li { padding: 0px 3px; }
.icerik .yazi a { font-weight: 600; }



.genelListe.media { margin-bottom: 20px; }
.genelListe.media li { width: 25%; padding: 4px; }
.genelListe.media li .resim { transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; padding: 10px 0px; background: #efefef; }
.genelListe.media li a { display: table; box-sizing: border-box; position: relative; overflow: hidden; /* background: #e1e1e1; */ /* padding: 1px; */ }
.genelListe.media li a:hover { /* background: #33749f; */ }
.genelListe.media a .byt { width: calc(100% - 4px); height: calc(100% - 4px); display: table-cell; display: none; background: url(../images/byt.png) no-repeat center center rgba(51, 66, 77, 0.67); position: absolute; border-radius: 4px; }
.genelListe.media li a img { margin: 0px; transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; }
.genelListe.media li h6 { font-size: 13px; color: #4e4e4e; padding: 6px; text-align: center; }
.genelListe.media li a:hover img { opacity: 0.6; }
.genelListe.media.sosyal li { width: 33.33%; padding: 4px; }

.genelListe.media.ikiLi li { width: 50%; }
.genelListe.media.ucLu li { width: 33.33%; }
.genelListe.media.besLi li { width: 20%; }
.genelListe.media.altiLi li { width: 16.66%; }



.checkbox { position: relative; text-align: left; }
.checkbox.checkbox-inline { display: inline-block; vertical-align: middle; }
.checkbox.checkbox-inline { margin-top: 7px; padding-top: 0; }
.checkbox:last-child, .checkbox:last-of-type { margin-bottom: 0; }
.checkbox input[type="checkbox"] { opacity: 0; position: absolute !important; top: 50%; left: 3px; margin: -6px 0 0 0; z-index: 2; cursor: pointer; }
.checkbox input[type="checkbox"]:checked + label:after { content: ""; position: absolute; width: 19px; height: 17px; left: 0px; top: 1px; background: url(../images/chc1.png) no-repeat center center; z-index: 4; box-sizing: border-box; }
.checkbox input[type="checkbox"]:checked + label:after { }
.checkbox input[type="checkbox"]:disabled { cursor: not-allowed; }
.checkbox input[type="checkbox"]:disabled:checked + label:after { color: #999; }
.checkbox input[type="checkbox"]:disabled + label { cursor: not-allowed; }
.checkbox input[type="checkbox"]:disabled + label:before { background-color: #eee; }
.checkbox label { text-align: left; width: 100%; min-height: 19px; float: left !important; padding: 3px 0px 2px 28px !important; margin-top: 0; font-size: 14px !important; line-height: 15px; color: #333333; font-weight: 400; box-sizing: border-box; position: relative; cursor: pointer; margin-bottom: 0 !important; }
.checkbox label:before { content: ''; position: absolute; top: 0; left: 0; width: 20px; height: 20px; display: inline-block; border: solid 1px #bdbdbd; box-sizing: border-box; border-radius: 2px; }
.checkbox label + label.error { display: block; }




.radio { position: relative; margin-bottom: 7px; margin-top: 0; }
.radio.radio-inline { display: inline-block; vertical-align: middle; }
.radio.radio-inline { margin-top: 7px; padding-top: 0; }
.radio:last-child, .radio:last-of-type { margin-bottom: 0; }
.radio input[type="radio"] { opacity: 0; position: absolute; cursor: pointer; width: 19px; height: 19px; left: 0px; top: 0px; margin: 0; z-index: 4; }
.radio input[type="radio"]:checked + label:after { content: ''; position: absolute; top: 6px; left: 6px; width: 7px; height: 7px; border-radius: 100%; background: #7b7b7b; }
.radio input[type="radio"]:disabled { cursor: not-allowed; }
.radio input[type="radio"]:disabled:checked + label:after { color: #999; }
.radio input[type="radio"]:disabled + label { cursor: not-allowed; }
.radio input[type="radio"]:disabled + label:before { background-color: #eee; }
.radio label { width: 100%; min-height: 19px; float: right; padding: 2px 0px 2px 26px; margin-top: 0; font-size: 15px; line-height: 15px; color: #333333; font-weight: 400; box-sizing: border-box; position: relative; cursor: pointer; }
.radio label:before { content: ''; position: absolute; top: 0; left: 0; width: 19px; height: 19px; border-radius: 100%; border: solid 1px #afafaf; background: #fff; box-sizing: border-box; }
.radio label + label.error { display: block; }



.caroufredsel_wrapper { cursor: inherit !important; }


.soruCevap.genelListe { margin-top: 0; margin-bottom: 14px; }
.soruCevap.genelListe li { width: 100%; float: left; padding: 16px 8px 3px 50px; position: relative; cursor: pointer; margin-bottom: 10px; border-top: solid 2px #e1e1e1; background: #fff; }
.soruCevap.genelListe li:first-child { border-top: 0px; }
.soruCevap.genelListe li:last-child { margin-bottom: 0px; }
.soruCevap.genelListe li:after { content: ""; width: 22px; height: 22px; left: 10px; top: 14px; position: absolute; background-repeat: no-repeat; background-position: center center; background-image: url(../images/sart.png); transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; background-color: #676767; }
.soruCevap.genelListe li.active:after { background-image: url(../images/sart2.png); }
.soruCevap.genelListe li h6 { width: 100%; float: left; margin-bottom: 3px; margin-top: 1px; border: none; font-size: 15px; color: #545454; line-height: 16px; font-weight: 600; }
.soruCevap.genelListe li .yazi { width: 100%; float: left; display: none; transition: none; font-size: 13px; color: #6a6a6a; line-height: 17px; }


a.kmenu { width: 24px !important; height: 20px !important; display: none; background-image: url(../images/mobile/mbicn.svg); transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; position: relative; z-index: 1; float: left; margin-left: 0; background-repeat: no-repeat; background-position: center center; }
a.kmenu.active { }


.genelForm ul li input[type="checkbox"] { opacity: 0; position: absolute !important; top: 50%; left: 3px; margin: -6px 0 0 0; z-index: 2; cursor: pointer; }
.genelForm ul li input[type="checkbox"]:disabled { cursor: not-allowed; }
.genelForm ul li input[type="checkbox"]:disabled:checked + label:after { color: #999; }
.genelForm ul li input[type="checkbox"]:disabled + label { cursor: not-allowed; }
.genelForm ul li input[type="checkbox"]:disabled + label:before { background-color: #eee; }
.genelForm ul li input[type="checkbox"] + label { text-align: left; width: 100%; min-height: 19px; float: left !important; padding: 3px 0 2px 30px !important; margin-top: 0; font-size: 14px; line-height: 14px; font-weight: 300; color: #333333; box-sizing: border-box; position: relative; z-index: 10; cursor: pointer; margin: 0px 0 0 0; }
.genelForm ul li input[type="checkbox"] + label a { text-decoration: underline; color: #828282; }
.genelForm ul li input[type="checkbox"] + label:before { content: ''; position: absolute; width: 20px; height: 20px; top: 0; left: 0; display: inline-block; background-size: auto auto; box-sizing: border-box; border-radius: 3px; background: #e4e3e3; }
.genelForm ul li input[type="checkbox"] + label:after { content: ''; position: absolute; left: 0; width: 20px; height: 20px; top: 0; background: url(../images/check.svg) no-repeat center center; z-index: 4; background-size: 9px; box-sizing: border-box; opacity: 0; }
.genelForm ul li input[type="checkbox"]:checked + label:after { opacity: 1; }
.genelForm ul li input[type="checkbox"] + label + label.error { display: block; }
.genelForm ul li input[type="checkbox"].mini + label { font-size: 12px; line-height: 12px; font-weight: 500; padding: 3px 0 0px 22px !important; }
.genelForm ul li input[type="checkbox"].mini + label a { margin-top: -1px; display: inline-table; vertical-align: top; }
.genelForm ul li input[type="checkbox"].opak + label:before { border-color: #dddddd; }



.genelForm ul li input[type="radio"] { opacity: 0; position: absolute; cursor: pointer; width: 19px; height: 19px; left: 0px; top: 0px; margin: 0; z-index: 4; }
.genelForm ul li input[type="radio"]:checked + label:after { opacity: 1; }
.genelForm ul li input[type="radio"]:disabled { cursor: not-allowed; }
.genelForm ul li input[type="radio"]:disabled:checked + label:after { color: #999; }
.genelForm ul li input[type="radio"]:disabled + label { cursor: not-allowed; }
.genelForm ul li input[type="radio"]:disabled + label:before { background-color: #eee; }
.genelForm ul li input[type="radio"] + label { text-align: left; width: 100%; min-height: 19px; float: left !important; padding: 5px 0 5px 33px !important; margin-top: 0; font-size: 17px; line-height: 17px; font-weight: 300; color: #525252; box-sizing: border-box; position: relative; z-index: 10; cursor: pointer; margin: 0; }
.genelForm ul li input[type="radio"] + label:before { content: ''; position: absolute; top: calc(50% - 12px); left: 0; width: 24px; height: 24px; display: inline-block; background-color: #dbdedc; box-sizing: border-box; border-radius: 100%; }
.genelForm ul li input[type="radio"] + label:after { content: ''; position: absolute; top: calc(50% - 6px); left: 6px; width: 12px; height: 12px; display: inline-block; background-color: #9a9a9a; box-sizing: border-box; border-radius: 100%; opacity: 0; }
.genelForm ul li input[type="radio"] + label + label.error { display: block; }




@media screen and (max-width: 1170px) {

	.genelListe.media li, .genelListe.media.ikiLi li, .genelListe.media.ucLu li, .genelListe.media.besLi li, .genelListe.media.altiLi li, .genelListe.media.sosyal li { width: 33.33%; }

	.genelListe.media li h6 { font-size: 15px; line-height: 18px; }
	.icerik .yazi ul, .icerik .yazi ol { margin: 15px 0px; padding: 0px 15px; }


	.checkbox label { width: 100%; text-align: center; padding: 26px 0 0 0 !important; }
	.checkbox label:before { /* left: calc(50% - 10px); */ }
	.checkbox input[type="checkbox"]:checked + label:after { width: 20px; height: 20px; left: calc(50% - 10px); top: 0; }
	.checkbox input[type="checkbox"] { }
}

@media screen and (max-width: 800px) {
	.wrapTable { overflow-y: scroll; }
	.icerik .wrapTable table { width: 800px !important; }
}

@media screen and (max-width: 720px) {
	.genelListe.media li, .genelListe.media.ikiLi li, .genelListe.media.ucLu li, .genelListe.media.besLi li, .genelListe.media.altiLi li, .genelListe.media.sosyal li { width: 50%; }
}


@media screen and (max-width: 480px) {


	.genelListe.media li, .genelListe.media.ikiLi li, .genelListe.media.ucLu li, .genelListe.media.besLi li, .genelListe.media.altiLi li, .genelListe.media.sosyal li { width: 100%; }
}
