@import url("Pikare.css");

@font-face { font-family: TL; src: url(abakutlsymsans.eot); src: url(abakutlsymsans.eot?#iefix) format("embedded-opentype"),url(abakutlsymsans.woff) format("woff"),url(abakutlsymsans.ttf) format("truetype"); font-weight: normal; font-style: normal; }
@font-face { font-family: ZWFont1; src: url('GothamNarrow-Light.eot'); src: url('GothamNarrow-Light.eot?#iefix') format('embedded-opentype'), url('GothamNarrow-Light.woff') format('woff'), url('GothamNarrow-Light.ttf') format('truetype'), url('GothamNarrow-Light.svg#arialnarrow') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: ZWFont2;     src: url('samsungsharpsans.eot');     src: url('samsungsharpsans.eot?#iefix') format('embedded-opentype'), url('samsungsharpsans.woff') format('woff'), url('samsungsharpsans.ttf') format('truetype'), url('samsungsharpsans.svg#arialnarrow') format('svg');     font-weight: normal;     font-style: normal; }

/* Zeki Alert ############### */
.modalBackgroundUP { position: fixed; left: 0px; top: 0px; width: 100vw; height: 100vh; background-color: #fff; opacity: 0.8; z-index: 1000; }
.modalBackgroundUP  table { width: 100%; height: 100%; text-align: center; vertical-align: middle; }
.modalBackground { background-color: black; filter: alpha(opacity=80); opacity: 0.8; z-index: 1000; }
.divAlertBack { display: none; position: fixed; top: 0%; left: 0%; z-index: 100000; width: 100%; height: 100%; background-color: #000000; opacity: 0.7; }
.divAlertCerceve { display: none; position: fixed; top: 50%; left: 0%; z-index: 100001; width: 100%; height: 150px; margin-top: -100px; background-color: #232323; opacity: 1; color: #ffffff; }
.divAlertCerceveIc { font-family: Arial; position: relative; left: 50%; width: 980px; margin-left: -500px; padding: 10px; }
.divAlertCerceveIc span { font-size: 26px; height: 50px; display: block; }
.divAlertCerceveIc p { font-size: 16px; min-height: 50px; }
.divAlertCerceveIc input { float: right; border: solid 2px #ffffff; padding: 5px 15px; background-color: #232323; margin: 2px; color: #ffffff; font-family: Arial; font-size: 12px; cursor: pointer; }
.divAlertCerceveIc input:hover { background-color: #0050ef; }
@media screen and (max-width:1050px) { 
    .divAlertCerceveIc { position: relative; left: 5%; width: 90%; margin-left: 0px; padding: 10px; }
    .divAlertCerceveIc span { font-size: 20px; }
    .divAlertCerceveIc p { font-size: 13px; }
}
/* Zeki Alert ############### */


/* SABITS */
body {margin: 0px;background-color: #fff;color: #000;font-family: ZWFont1, Arial;letter-spacing: 0.5px;font-size: 13px;line-height: 1.42857143;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;word-break: break-word;}
input[type='text'], input[type='date'], input[type='time'], select, textarea { padding: 0px 5px; width: calc(100% - 50px); height: 35px; background-color: transparent; border: solid 1px #aaa; color: #363636; line-height: 250%; font-size: 13px; }
select { width: calc(100% - 10px); background-image: url(../img/icoS2Secim2.png); }
input[type=checkbox], input[type=radio] { position: absolute; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; }
input[type=checkbox] + label, input[type=radio] + label { padding-left: 30px; padding-right: 10px; margin: 2px; height: 25px; display: inline-block; line-height: 25px; background-repeat: no-repeat; background-position: 0 0; vertical-align: middle; cursor: pointer; background-image: url(../img/toolCheck.png); }
input[type=checkbox]:checked + label, input[type=radio]:checked + label { background-image: url(../img/toolCheck.png); background-position: 0 -25px; }
select { border: solid 1px #545759; background-color: #fff; padding: 5px 10px; height: 35px; font-family: ZWFont1; font-size: 11px;
         -moz-appearance: none; -webkit-appearance: none; -webkit-border-radius: 0px; appearance: none;
         background: url(../img/icoDDOk.png) no-repeat right center }

*::-webkit-scrollbar { width: 7px; background-color: #eee; }
/**::-webkit-scrollbar-button:vertical:increment { height: 10px; background: url(../img/icoScrollBar.png) no-repeat 0px -15px; }
*::-webkit-scrollbar-button:vertical:decrement { height: 10px; background: url(../img/icoScrollBar.png) no-repeat 0px 0px; }*/
*::-webkit-scrollbar-track { background-color: #ccc; }
*::-webkit-scrollbar-button { display: none; }
*::-webkit-scrollbar-thumb { background-color: #000; }

.tl { font-family: TL !important; font-size: 85%; }

.acIcerikUrun { cursor: pointer; padding: 10px 5px; width: 100%;
                background-color: #ffffff; border-bottom: #e9e9e9 1px solid; border-left: solid 1px #e9e9e9; border-right: solid 1px #e9e9e9;
                color: #333333; font-size: 12px; vertical-align: middle; }

.acIcerikUrun2 { cursor: pointer; padding: 10px 5px; width: 100%;
                 background-color: #ffffff; border-bottom: #e9e9e9 1px solid; border-left: solid 1px #e9e9e9; border-right: solid 1px #e9e9e9;
                 color: #9b3799; font-size: 12px; vertical-align: middle; }
/**********************************/


/* GENEL */
.divContainer { position: relative; display: block; margin: auto auto; width: calc(90%) !important; }
.divContainerBack {width: 100%;background-size: 100% auto;}
.divContainerBackAna { width: 100%; background: url(../img/backContainer.jpg) no-repeat center 95vh; background-size: 100% auto; }

.divMenuUst { display: table; width: 100%; }
.divMenuIc { position: relative; display: table; width: 100%; padding: 25px 0px 15px; margin: auto auto; }
/*.divMenuIc:before { content: ""; position: absolute; left: 0px; top: 80px; width: 100%; height: 1px; background-color: #ededed; }*/
.divMenuIcFixed { position: fixed; z-index: 111;width:100%; top: 0px; background-color: #fff; border-bottom: solid 1px #e7e7e7;padding-bottom:10px; }
.divMenuIcFixed .aLogo { width: 166px; height: 40px; }
.divMenuIcFixed .navMenuUst { margin-top: 5px; }

.divMLeft { position: fixed !important; z-index: 200; top: 0px; left: -250px; width: 250px !important; height: 100%; margin: 0px 0px 0px 0px !important; overflow-y: auto !important; background-color: #f0f0f0; border: solid 0px #dfdfdf; }
.divMLeft > * { padding: 15px 10px 10px 10px; border-bottom: solid 1px #dfdfdf; }
.divMLeft > *:last-child { border-bottom: none; }
.divMLeftBaslik { display: none; background-color: #fff; }
.aMLeftLogo { display: inline-block; width: 45px; height: 40px; background: url(../img/logoMLeft.png) no-repeat center center; }
.aMLeftKapat { float: right; display: inline-block; width: 30px; height: 30px; background: url(../img/btnMLeftKapat.png) no-repeat center center; }
.divMLeftAltGoster { display: none; position: absolute; top: 0px; right: 10px; width: 30px; height: 30px; background: url(../img/btnMLeftAlt.png) no-repeat center center; }

.divMMenu { display: none; width: 50px; height: 30px; background: url(../img/btnMMenu.png) no-repeat center center; }
.aLogo {display: block;width: 200px;height: 70px;background: url(../img/logoSiyah.png) no-repeat center center;background-size: contain;}

.navMenuUst { margin-top: 20px; }
.navMenuUst > ul { display: table; margin: auto auto; }
.navMenuUst > ul > li { float: left; position: relative; }
.navMenuUst > ul > li > a { margin: 0px 10px; padding: 14px 15px; font-size: 14px; letter-spacing:1.2px; }
.navMenuUst > ul > li > a:hover { border-bottom: solid 2px #faa611; }
.aUstMenuAktif { border-bottom: solid 5px #ffb76d; color: #ffb76d; }
.navMenuUst > ul > li:last-of-type > a { margin-right: 0px; }
.navMenuUst > ul > li > div { display: none; position: absolute; left: -35px; top: 0px; z-index: 110; margin-top: 30px; padding-top: 0px; width: 750px; }
.navMenuUst > ul > li > div > div { display: table; background-color: #fff;  }
.navMenuUst > ul > li > div > div > * { float: left;  display: table; padding: 25px 35px; }
.navMenuUst > ul > li > div > div > ul > li { display: block; width: 100%; }
.navMenuUst > ul > li > div > div > ul > li > a { display: block; width: 100%; font-size: 13px; margin-bottom: 10px; padding-bottom: 10px; border-bottom: dashed 1px #d1d1d1; }
.navMenuUst > ul > li > div > div > ul > li:first-of-type a { color: #000; border-bottom-color: #000; font-size: 18px; font-family: Georgia, 'Times New Roman', Times, serif; }
.navMenuUst > ul > li > div > div > ul > li:last-of-type a { border-bottom: none; margin-bottom: 0px; padding-bottom: 0px; }

.divMenuAlt { margin-top: 1.75%; padding: 1.75% 1.75%; background-color: #fff7f6; text-align: center; }

.pikare { padding: 10px 0px 30px; width: 100%; text-align: center; color: #000; font-size: 14px; }
.pikare a { display: inline-block !important; }

.divSM { position: fixed; z-index: 10; right: 0px; top: calc(50% - 120px); width: 40px; display: inline-block; background-color: #fff; border: solid 1px #d8d4d0; font-size: 14px; color: #000; line-height: 40px; }
.divSM > * {  }
.divSM > a { float: left; display: block; width: 40px; height: 40px; border-right: solid 1px #d8d4d0; }
.divSM > a:last-of-type { border-right: none; }
/*.divSM > a:nth-of-type(1), .divSM > a:nth-of-type(2) { width: auto; height: auto; padding: 15px 0px; line-height: 40px; writing-mode: tb-rl; }
.divSM > a:nth-of-type(1) { margin-bottom: 30px; }*/
.aSMFace, .aSMTwitter, .aSMInstagram, .aSMPinterest, .aSMLinkedIn, .aSMGoogle { background-image: url(../img/imgSM.png); }
.aSMFace { background-position: 0px 0px; }
.aSMTwitter { background-position: 0px -40px; }
.aSMInstagram { background-position: 0px -80px; }
.aSMPinterest { background-position: 0px -120px; }
.aSMLinkedIn { background-position: 0px -160px; }
.aSMGoogle { background-position: 0px -200px; }

.btnCikis { float: right; display: block; margin: -15px 0px 0px 15px; padding: 15px 25px; border: solid 1px #faa611 !important; text-align: center; font-size: 12px; }

.divOrta {  }
/**********************************/



/* ANASAYFA */
.divSlide { display: block; width: 100%; overflow: hidden; }
.divSlideM { display: none; width: 100%; overflow: hidden; }

.divAnaOrta { position: relative; margin: 8% 0px 1%; }

.divAnaForm { }
.divAnaForm:before { content: ""; position: absolute; top: 0%; left: 0px; width: 110%; border-bottom: solid 1px #faa611; }
.divAnaForm > div:nth-of-type(1) { float: left; width: 20%; margin-left: -3%; color: #69cabf; font-size: 80px; font-weight: bold; writing-mode: tb-rl; transform: rotate(180deg); }
.divAnaForm > div:nth-of-type(2) { float: right; width: 60%; margin: -7% 5% 0px 15%;  }
.divAnaForm > div:nth-of-type(3) { float: right; width: 60%; margin: 0px 5% 0px 15%; padding: 3% 3%; height: 21.5vh; border-left: solid 10px #535353;  background: url(../img/backAFAlt.png) no-repeat right top;  }

.divAForm { padding: 7% 3% 0px; border: solid 10px #535353; border-bottom: none; }
.divAFBaslik { padding: 15px 0px; width: 100%; color: #333; font-size: 30px; }

.divAFKayit { display: table; width: 100%; padding: 2% 1% 0px 1%; }
.divAFKayit > div { float: left; margin: 1% 0%; width: 98%; border-bottom: solid 1px #d8d4d0;  }
.divAFKayitTek { width: 94% !important; }
.divAFKayitBosluk { display: table; width: 94% !important; height: 10px; border-bottom: none !important; }
.divAFKayit > div input[type='text'], .divAFKayit > div input[type='date'], .divAFKayit > div select, .divAFKayit > div textarea { padding: 0px 0px; width: calc(100% - 20px); height: 60px; background-color: transparent; border: none; color: #363636; line-height: 250%; font-size: 16px; }
.divAFKayit > div select { width: calc(100% - 10px); background-image: url(../img/icoS2Secim2.png); }
.divAFKayitGKod { background-color: #f5f5f5; border-bottom: none !important; }
.divAFKayitGKod input[type='text'] { float: left; margin-top: 5px; width: calc(100% - 200px) !important; }
.divAFKayitGKod img, .divAFKayitGKod > div { float: right; margin-bottom: -6px; }
.btnAFKaydet { width: 50px; height: 50px; background: url(../img/btnAFKaydet.png) no-repeat center center; }
.btnSil, .btnOK { display: inline-block; width: 30px; height: 20px; background: url(../img/btnMLeftKapat.png) no-repeat center center; }
.btnOK { background-image: url(../img/icoKaydet.png) }

.divAnaSag { color: #333;  }
.divAnaSag > div:first-of-type { font-size: 26px; font-weight: bold; }
.divAnaSag > div:last-of-type { margin-top: 3%; }
.divAnaSag > div:last-of-type > div { padding: 3% 0px; border-bottom: solid 1px #d8d4d0; font-size: 16px; }
/*.divAnaSag > ul > li:before { content: "-"; padding-right: 5px; }*/   /*»→─*/

.divAnaAlt { margin: 2.5% 0px; text-align: center; }
.divAnaAlt > div:nth-of-type(1) { margin-bottom: 1%; color: #000; font-size: 28px; font-weight: bold; text-align: center; }
.divAnaAlt > div:nth-of-type(2) > img { max-width: 100%; }
.divAnaAlt > div:nth-of-type(3) > div { float: left; width: 15%; margin-right: 2%; }
.divAnaAlt > div:nth-of-type(3) > div:last-of-type { margin-right: 0px; }
/**********************************/



/* FORM CEVAP */
.divFCDis { position: relative; display: table; margin: 3% 5%; width: 90%; }
.divFCDisBaslik { position: relative; display: table; padding: 0px 50px; margin: 0px auto 2%; border-bottom: solid 1px #faa611; font-family: ZWFont2; font-size: 32px; text-align: center; }
.divFCDisBaslik:after { content: ""; position: absolute; bottom: -4px; left: 0px; margin-left: 50px; width: calc(100% - 100px); border-top: solid 3px #faa611; }
.divFCDisBaslik span { font-size: 80%; }

.divFCevap {  }
.divFCBaslik { padding: 15px 0px; width: 100%; color: #333; font-size: 24px; }
.divFCBaslik > span { text-decoration: underline; }

.divFCKayit { display: table; width: 100%;  }
.divFCKayit > div { float: left; margin: 1% 0%; width: 100%; border-bottom: solid 1px #faa611;  }
.divFCKayitTek { width: 94% !important; }
.divFCKayitBosluk { display: table; width: 94% !important; height: 10px; border-bottom: none !important; }
.divFCKayit > div input[type='text'], .divFCKayit > div input[type='date'], .divFCKayit > div select, .divFCKayit > div textarea { padding: 0px 0px; width: calc(100% - 0px); height: 60px; background-color: transparent; border: none; color: #363636; line-height: 250%; font-size: 16px; }
.divFCKayit > div textarea { height: 25vh; }
.divFCKayit > div select { width: calc(100% - 10px); background-image: url(../img/icoS2Secim2.png); }
.divFCKayitButon { display: table; width: 100%; }
.divFCKayitGKod { background-color: #f5f5f5; border-bottom: none !important; }
.divFCKayitGKod input[type='text'] { float: left; margin-top: 5px; width: calc(100% - 200px) !important; }
.divFCKayitGKod img, .divFCKayitGKod > div { float: right; margin-bottom: -6px; }
.btnFCKaydet { float: right; width: 200px; height: 50px; background: url(../img/btnAFKaydet.png) no-repeat center right; font-size: 18px; text-decoration: underline; }
.btnDosyaEkle, .btnDosyaSil { float: left; display: block; margin-right: 15px;  padding: 15px 25px; border: solid 1px #faa611 !important; text-align: center; font-size: 16px; }
.btnDosyaSil { padding: 16.5px 10px; margin-left: -15px; border-left: none !important; } 

.aFCCevaplanmamis { color: #faa611; font-weight: bold; text-decoration: underline;  }
/**********************************/



/* ILETISIM */
.divIOrta { display: table; width: 100%; }
.divIUst { position: relative; margin-bottom: 10%; width: 100%; }
.divIHarita { position: relative; width: 52.5%; }
.divIHarita iframe { border: none; width: 100%; height: 55vh; }
.divIHarita div:nth-of-type(1) { position: absolute; z-index:1; left: 10px; top: 10px; width: 100%; height: 1px; border-bottom: dashed 2px #faa611; }
.divIHarita div:nth-of-type(2) { position: absolute; z-index:1; right: -12px; top: 10px; width: 1px; height: 100%; border-right: dashed 2px #faa611; }
.divIHarita div:nth-of-type(3) { position: absolute; z-index:1; left: 10px; bottom: -10px; width: 100%; height: 1px; border-bottom: dashed 2px #faa611; }
.divIHarita div:nth-of-type(4) { position: absolute; z-index:1; left: 10px; top: 10px; width: 1px; height: 100%; border-right: dashed 2px #faa611; }
.divIAdres { position: absolute; z-index: 2; top: 10%; right: 0px; width: 52.5%; padding: 2% 5% 2% 7%; background-color: #f4f4f1; border: solid 10px #fff; color: #333; font-size: 16px; }
.divIAdres > div { margin: 5% 0px }
.divIAdres > div > b { margin-left: -5%; }
.divIAdresBaslik { margin-left: -5% !important; font-size: 28px; font-family: ZWFont2; }

.divIForm { display: table; width: 70%; margin: auto auto; }
.divIFBaslik {position: relative;display: table;padding: 0px 50px;margin: 0px auto 2%;font-family: ZWFont2;font-size: 32px;text-align: center;}

.divIFKayit { display: table; width: 100%; padding: 2% 1% 2% 1%; }
.divIFKayit > div {position: relative;float: left;margin: 1% 2%;width: 46%;}
.divIFKayitTek { width: 96% !important; }
.divIFKayitCeyrek { width: 10.5% !important; float: left; }
.divIFKayitBosluk { display: table; width: 94% !important; height: 10px; border-bottom: none !important; }
.divIFKayit > div input[type='text'], .divIFKayit > div input[type='date'], .divIFKayit > div input[type='time'], .divIFKayit > div input[type='number'], .divIFKayit > div select, .divIFKayit > div textarea {padding: 0px 5px;width: calc(100% - 0px);height: 35px;background-color: transparent;border: none;color: #363636;line-height: 250%;font-size: 13px;border-bottom: 1px solid #cccccc !important;}
.divIFKayit > div select { width: calc(100% - 0px); background-image: url(../img/icoS2Secim2.png); }
.divIFKayit > div textarea { line-height: 150%; }
.txtW50 { width: 60% !important; }
.divIFKayitGKod { background-color: #f5f5f5; border-bottom: none !important; }
.divIFKayitGKod input[type='text'] { float: left; margin-top: 5px; width: calc(100% - 200px) !important; }
.divIFKayitGKod img, .divIFKayitGKod > div { float: right; margin-bottom: -6px; }
.divIFKayitButon, .divIFKayitButon3x { border-bottom: none !important; }
.btnIFTemizle, .btnIFGonder, .btnIFDosya, .btnIFDefault {float: right;padding: 1% 0px;width: calc(50% - 5px) !important;height: 45px !important;background-color: transparent !important;color: #fff !important;letter-spacing: 2px;font-family: 'ZWFont2';border-radius: 15px;}
.btnIFGonder {float: left;background-color: #1fa471 !important;}
.btnIFTemizle {color: #1fa470 !important;border: 1px solid #1fa470 !important;}
.btnIFDosya {width: 15% !important;text-align: center;line-height: 150%;background-color: red !important;}
.btnIFDefault {float: left;background-color: #17243d !important;width: calc(96% / 5) !important;margin-right: 1%;margin-bottom: 1%;}
.divIFKayitTek > .btnIFDefault:nth-of-type(5n-1) { margin-right: 0px !important; }
.btnIFDosyaSil { position: absolute; top: 0px; right: 0px; display: inline-block; width: 30px; height: 30px; background: url(../img/btnMLeftKapat.png) #000 no-repeat center center !important; }
.divIFKayitButon3x > * { width: calc(33.3% - 3px) !important; }
.divIFKayitButon3x > *:nth-child(2) {margin: 0px 4.5px !important;}
.btnIFDefaultTM { display: table; float: initial; margin: -40px auto; }

.objLAc { background: url(../img/btnMLeftAlt.png) no-repeat right center !important; }
.objAList { display: none; position: absolute; z-index: 1; max-height: 250px; overflow-y: auto; background-color: #fff; border: solid 1px #faa611; width: 100%; }
.objALKapa { position: absolute; z-index: 2; right: 0px; width: 25px; height: 25px; background-color: #faa611; text-align: center; line-height: 25px; }
/**********************************/



/* HABER DETAY */
.divHDTam { display: table; width: 100%; }
/**********************************/



/* FT - BILGI */
.divFTBilgi { display: table; width: 100%; }
.divFTBilgiUst { position: relative; display: table; width: 100%; }
.divFTBilgiUst > div:first-of-type { width: 52.5%; margin-bottom: 20%; }
.divFTBilgiUst > div:last-of-type { position: absolute; z-index: 2; top: 10%; right: 0px; width: 52.5%; padding: 4% 5%; background-color: #f4f4f1; border: solid 10px #fff; color: #333; font-size: 16px; }
.divFTBilgiUst > div:last-of-type > h1 { margin-bottom: 2%; font-size: 28px; font-family: ZWFont2; }
.divFTBilgiUst > div:last-of-type > div:last-of-type { position: absolute; left: 0px; bottom: -25px; display: block; width: 50px; height: 50px; background: url(../img/icoFTBilgiOk.jpg) no-repeat center center; }

.divFTBilgiAlt { position: relative; }
.divFTBilgiAlt > div:nth-of-type(1) { position: relative; display: table; margin: auto auto -32.5px; padding: 0px 1%; background-color: #fff; color: #333; font-size: 80px; font-family: Arial; font-weight: bold; text-align: center; line-height: 60px; }
.divFTBilgiAlt > div:nth-of-type(2) { margin: 0% 5vw; padding: 7% 4vw 0px; border: solid 10px #535353; border-bottom: none; }
.divFTBilgiAlt > div:nth-of-type(3) { margin: 0px 5vw; padding: 3% 3%; height: 19.5vh; border-left: solid 10px #535353;  background: url(../img/backFTBilgiAlt.png) no-repeat right top;  }

.divFTBilgiSlider { display: block; width: 82vw; overflow: hidden; font-size: 15px; line-height: 200%; }
.divFTBilgiSlider .item { padding: 0px 10%; }
.divFTBilgiSlider .item > div:first-of-type { margin-bottom: 2%; color: #333; font-size: 26px; font-family: Arial; font-weight: bold; letter-spacing: -1px; }
/**********************************/



/* JURI */
.divJDis{ display: table; width: 100%;  margin-bottom: 2%; }
.divJuri { float: left; display: block; margin: 2% 0px; width: 18%; margin-right: 2.5%; color: #333; font-size: 14px; }
.divJuri:nth-of-type(5n) { margin-right: 0px; }
.divJuri:nth-of-type(5n + 1) { clear: both; }
.divJuri > div:nth-of-type(1) { display: block; width: 90%; height: 35vh; border: solid 1px #ededed; background: url(../img/imgResimYokJuri.jpg) no-repeat center center; background-size: cover; }
.divJuri > div:nth-of-type(2) { position: relative; float: right; display: block; width: 90%; margin-top: -35px; padding: 7.5px 5px; background-color: #fff; border: solid 1px #faa611; }
.divJuri > div:nth-of-type(2) > span { display: block; margin-bottom: 5px; color: #faa611; font-size: 16px; }
.divJuri > div:nth-of-type(2) > div { position: absolute; right: -22px; bottom: -22px; display: block; width: 44px; height: 44px; background: url(../img/icoJuriDetay.png) no-repeat center center; }

.divJDDis { display: table; width: 100%; padding: 1% 2%; line-height: 200%; }
.divJDDis > div:nth-of-type(1) { display: table; width: 100%; margin-bottom: 1%; }
.divJDDis > div:nth-of-type(1) > div:nth-of-type(1) { float: left; display: block; margin-right: 5%; width: 175px; height: 175px; border: solid 10px #f4f4f4; border-radius: 200px; background: url(../img/imgResimYokJuri.jpg) no-repeat center center; background-size: cover; }
.divJDDis > div:nth-of-type(1) > div:nth-of-type(2) { position: relative; float: left; width: calc(95% - 175px); margin: 50px 0px 20px; font-size: 21px; }
.divJDDis > div:nth-of-type(1) > div:nth-of-type(2):after { content: ""; position: absolute; left: -5%; bottom: -10px; width: 105%; height: 1px; border-bottom: solid 2px #faa611; }
.divJDDis > div:nth-of-type(1) > div:nth-of-type(2):before { content: ""; position: absolute; left: -5%; bottom: -17px; width: 1px; height: 16px; border-left: solid 2px #faa611; }
.divJDDis > div:nth-of-type(1) > div:nth-of-type(3) { font-size: 16px; }
.divJDDis > div:nth-of-type(2) { clear: both; color: #333; font-size: 13px; }
.divJDDis > div > span { display: inline-block; width: 40%; }

.divJuriAd { text-align: center; font-size: 18px; border-bottom: solid 1px #808080; margin-bottom: 2%; padding-bottom: 2%; }
.div100 { float: left; width: 100%; }
.tDis { width: 100% !important; border-collapse: separate !important; border-width: 1px !important; background-color: #fff; }
.tDis a { color: #ff6a00; }
.tBaslik { width: 100%; background-color: #ededed; font-size: 14px; }
.tBaslik > th { border-right: solid 1px #faa611; }
.tBaslik > th:last-of-type { border-right: none; }
.tBaslik caption, .tBaslik th { padding: 1%; text-align: left; }
.tSatir1, .tSatir2 { width: 100%; }
.tSatir2 { background-color: #f6f5f5; }
.tSatir1 > td { padding: 1px 0px; }
.tSatir2 > td { padding: 1px 0px; }

.tDis div { float: left;  border-bottom: solid 1px #ffe9c1;  }
.tDis div input[type='text'], .tDis div input[type='date'], .tDis div select, .tDis div textarea { padding: 0px 5px; width: calc(100% - 0px); height: 35px; background-color: transparent; border: none; color: #363636; line-height: 250%; font-size: 13px; text-align: center; }
.tDis div select { width: calc(100% - 10px); background-image: url(../img/icoS2Secim2.png); }
/**********************************/



/* BASVURULAR */
.divBDis { display: table; width: 100%;  margin-bottom: 2%; }
.divBSol { float: left; display: table; width: 50%; }
.divBSol > a { display: block; float: left; width: 33.3%; text-align: center; }
.divBSol > a:nth-of-type(3n + 1 ) { clear: both; }
.divBSol > a > div:first-of-type { display: block; width: 80%; margin: 2.5vh 10%; padding: 1.5vh; border-radius: 300px; background-color: #f4f4f4; }
.divBSol > a > div:first-of-type > div:first-of-type { display: block; width: 100%; height: 20vh; border: solid 1px #faa611; border-radius: 300px; background: url(../img/imgResimYokJuri.jpg) #fff no-repeat center center; background-size: contain; }
.divBSol > a > div:last-of-type { font-size: 15px; }
.aBSolAktif > div:first-of-type { background-color: #faa611 !important; }
.aBSolAktif > div:first-of-type > div:first-of-type { border: solid 1px #333 !important; }

.divBSag { float: left; display: table; width: 50%; }
.divBSag > div { display: block; padding: 7% 3%; border: solid 10px #535353; }
.divBSagUst { display: table; width: 100%; }
.divBSagUst > a { display: block; float: left; width: 25%; min-height: 15vh; background: url(../img/imgResimYokJuri.jpg) #fff no-repeat center center; background-size: contain; }
.divBSagUst > a > img { width: 100%; }
.divBSagUst > div { display: block; float: left; width: 73%; margin-left: 2%; }
.divBSagUst > div > div:nth-of-type(1) { margin-top: 2%; font-size: 18px; font-weight: bold; }
.divBSagUst > div > div:nth-of-type(2) { margin: 5px 0px 15px; font-size: 16px; }

.aOyVer { display: block; float: left; position: relative; min-width: 150px; padding: 5px 5% 5px 13%; border: solid 1px #faa611; font-size: 18px; font-weight: bold; text-align: center; }
.aOyVer:before { content: "←"; float: left; display: block; position: absolute; left: 0px; top: 0px; width: 40px; height: 100%; background-color: #faa611; color: #fff; line-height: 30px; }
.addthis_button { display: block; float: left; margin-left: 5px; padding: 5px 15px; border: solid 1px #faa611; font-size: 18px; font-weight: bold; text-align: center; }

.divBSagAlt { margin-top: 2%; }
.divBSagAlt > div:first-of-type { font-size: 18px; font-weight: bold; text-decoration: underline; }
.divBSagAlt > div:last-of-type > div { margin-top: 2%; }
.divBSagAlt > div:last-of-type > div > span { display: block; width: 100%; font-weight: bold; color: #ba7507; }

.divOVKategori { text-align: center; }
.divOVKategori > div:first-of-type { margin: 10px 0px; color: #faa611; font-weight: bold; }
.divOVKategori > div:last-of-type { margin-top: 10px; font-size: 14px; }
.divOVTable { display: table; margin: auto auto; min-width: 420px; text-align: left; }
.divOVTable > div { display: table; width: 100%; }
.divOVTable > div > span { line-height: 45px;  }
.divOVTable > div > div { float: right; margin: 1% 1%; width: 50px; border-bottom: solid 1px #faa611;  }
.divOVTable input[type='text'], .divOVTable input[type='date'], .divOVTable select, .divOVTable textarea { padding: 0px 5px; width: calc(100% - 0px); height: 35px; background-color: transparent; border: none; color: #363636; line-height: 250%; font-size: 13px; text-align: center; }
.divOVKategori .btnDosyaEkle { float: none; display: table; margin: auto auto; }
/**********************************/



/* UYELIK */
.divKOrta { margin: 20px 0px; overflow: hidden; }
.divKOrta > div { float: left; display: table; padding: 2.5% 3%; }

.divKSol { width: calc(35% - 0PX); margin-left: 32.5%;  background-color: #fff; }
.divKSag {width: 65%; background-color: #fff; }

.divKSolBaslik { padding: 15px 0px; width: 100%; background-color: #000; color: #fff; font-size: 14px; text-align: center; }
.divKSagBaslik { padding: 15px 0px; width: 100%; background-color: #e6e6e6; color: #000; font-size: 14px; text-align: center; }

.divKKayit { display: table; width: 100%; padding: 2% 0px; border-top: solid 1px #000; }
.divKKayit > div { float: left; margin: 1% 3%; width: 44%; border-bottom: solid 1px #c9c9c9;  }
.divKKayitTek { width: 94% !important; }
.divKKayit > div > input[type='text'], .divKKayit > div > input[type='password'], .divKKayit > div > select, .divKKayit > div > textarea { padding: 0px 5px; width: calc(100% - 50px); height: 45px; background-color: transparent; border: none; color: #363636; line-height: 250%; font-size: 13px; }
.divKKayit > div > select { width: calc(100% - 15px); background-image: url(../img/icoS2Secim2.png); }
.divKKayitAlt { margin-top: 2%; padding: 1%; }
.divKKayitGKod { background-color: #f5f5f5; border-bottom: none !important; }
.divKKayitGKod input[type='text'] { float: left; margin-top: 0px; width: calc(100% - 180px) !important; text-indent: 10px; }
.divKKayitGKod img, .divKKayitGKod div { float: right; margin-bottom: -6px; }
.divKKayitButon { border-bottom: none !important; }
.divKKayitButon > a { font-size: 14px; letter-spacing: 1px; text-decoration: underline; }
.btnKRenk1, .btnKRenk2, .btnKRenk3 { float: left; padding: 1% 0px; width: calc(100% - 0px) !important; height: 45px !important; background-color: #999999 !important; color: #fff !important; letter-spacing: 2px; }
.btnKRenk2 { background-color: #14a038 !important; }
.btnKRenk3 { background-color: #3f5d9b !important; }

.divKSolForm { }
.divKSolForm .divKKayit > div { margin: 2% 0px !important; width: 50% !important; }
.divKSolForm .divKKayitTek { margin: 2% 0px !important; width: 100% !important; }

.divKGiris1, .divKGiris2, .divKGiris3, .divKGiris4, .divKGiris5 { position: relative; padding-left: 80px !important; background: url(../img/icoKGiris1.png) no-repeat 20px center; }
.divKGiris2 { background-image: url(../img/icoKGiris2.png); }
.divKGiris3 { background-image: url(../img/icoKGiris3.png); }
.divKGiris4 { background-image: url(../img/icoKGiris4.png); }
.divKGiris5 { background-image: url(../img/icoKGiris5.png); }
.divKGiris1:before, .divKGiris2:before, .divKGiris3:before, .divKGiris4:before, .divKGiris5:before { content: ""; position: absolute; left: 70px; top: 0px; width: 1px; height: 45px; border-right: solid 1px #c9c9c9; }

.divKSagForm { margin-top: 5px; }
/**********************************/


/* JURI GIRIS */
/*.divTSLogin { display: table; margin: 0px 0px; width: 100%; height: 100vh; background: url(../img/backLogin.jpg) no-repeat center top; background-size: cover; }
.divTSLogin .divKSol { position: absolute; left: 3%; bottom: 20%; margin: 0px; padding: 0px; width: 400px; background-color: transparent; }
.divTSLogin .divKKayit { border-top: none; }*/
/**********************************/

/* TAKVIM */
.divTakvim { margin: auto; width: 100%; }

.divTakvim > div:nth-of-type(1) { display: table; width: 100%; background-color: #e6e6e6; text-align: center; font-size: 18px; font-weight: bold; line-height: 350%; }
.divTakvim > div:nth-of-type(1) > input[type=submit] { float: left; padding: 1%; font-size: 24px; }
.divTakvim > div:nth-of-type(1) > input[type=submit]:last-of-type { float: right; }

.divTakvim > div:nth-of-type(2) { display: table; width: 100%; background-color: #f6f6f6; border-right: solid 1px #e6e6e6;  text-align: center; font-size: 16px; font-weight: bold; }
.divTakvim > div:nth-of-type(2) > div { display: block; float: left; width: calc(100% / 7); padding: 1% 0px; border: solid 1px #e6e6e6; border-right: none; }

.divTakvim > div:nth-of-type(3) { display: table; width: 100%; background-color: #fff; border-bottom: solid 1px #e6e6e6; font-size: 12px; }
.divTakvim > div:nth-of-type(3) > div { display: table; width: 100%; width: 100%; border-right: solid 1px #e6e6e6; }
.divTakvim > div:nth-of-type(3) > div > div { display: block; position: relative; float: left; width: calc(100% / 7); min-height: 6vw; padding-top: 5px; border: solid 1px #e6e6e6; border-right: none; }  /*height: 7vw;*/ 
.divTPGun { background-color: #d2d2d2; opacity: 0.5; }
.divTIGun { background-color: #f2ffe9 !important;opacity: 0.5;}
.divTIGun2 { background-color: #fafbfc !important;opacity: 0.5;}

.divTakvim > div:nth-of-type(3) > div > div > div:nth-of-type(1) { position: absolute; top: 0px; right: 0px; background-color: #fbe3ba; border-radius: 30px; width: 30px; font-weight: bold; text-align: center; line-height: 30px; }
.divTakvim > div:nth-of-type(3) > div > div > div:nth-of-type(2) { display: table; width: 100%; padding-top: 10px; }
.divTakvim > div:nth-of-type(3) > div > div > div:nth-of-type(2) > div { display: table-caption; float: left; padding: 1% 1%; width: 45%; border: solid 1px #e6e6e6; text-align: center; }
.divTakvim > div:nth-of-type(3) > div > div > div:nth-of-type(2) > div > span { display: block; float: left; width: calc(40%); }
.divTakvim > div:nth-of-type(3) > div > div > div:nth-of-type(2) > div > span:nth-of-type(1) { width: calc(20%); }
.divTGCGec { background-color: #f2ff2c; }
.divTGCYok { background-color: #f16a6a; color: #fff; }


.divTakvim2 {margin: auto;width: 100%;border-radius: 10px;}

.divTakvim2 > div:nth-of-type(1) {float: left;display: table;width: 3%;background-color: #e6e6e6;text-align: center;font-size: 14px;font-weight: bold;line-height: 200%;border-radius: 10px 0 0 0;}
.divTakvim2 > div:nth-of-type(1) > div {min-height: 1.8vw;border-bottom: solid 1px #fff;}
.divTakvim2 > div:nth-of-type(1) > div:nth-of-type(1) {min-height: 35px !important;}

.divTakvim2 > div:nth-of-type(2) {float: left;display: table;width: 97%;background-color: #f6f6f6;text-align: center;font-size: 12px;font-weight: bold;border-radius: 0 10px 0 0;}
.divTakvim2 > div:nth-of-type(2) > div {display: block;float: left;width: calc(100% / 6);padding: 0.5% 0px;/* border: solid 1px #e6e6e6; */border-right: none;}

.divTakvim2 > div:nth-of-type(3) { float: left; display: table; width: 97%; background-color: #fff; border-bottom: solid 1px #e6e6e6; font-size: 11px; text-align: center; }
.divTakvim2 > div:nth-of-type(3) > div { float: left; display: table; width: 100%; width: calc(100% / 6); border-right: solid 1px #e6e6e6; }
.divTakvim2 > div:nth-of-type(3) > div > div { display: table; position: relative; float: left; width: 100%; border: solid 1px #e6e6e6; border-right: none; }  /*height: 7vw;*/ 
.divTakvim2 > div:nth-of-type(3) > div > div:nth-of-type(1) { z-index: 2; position: sticky; top: 0px; }
.divTakvim2 > div:nth-of-type(3) > div > div:nth-of-type(1) > div > a { float: right; margin: 5px 5px 5px -50px; font-size: 200%; }
.divTakvim2 > div:nth-of-type(3) > div > div > div { position: relative; float: left; display: inline-block; width: calc(100% / 3); height: calc(2.215vw - 1px); overflow: hidden;  }
/*.divTakvim2 > div:nth-of-type(3) > div > div > div > span { cursor: pointer; float: left; display: inline-block; background-size: 4px 4px; background-position: 0 0, 2px 2px; line-height: calc(2.215vw - 1px); text-shadow: 1px 1px 2px #a6a6a6; }
.divTakvim2 > div:nth-of-type(3) > div > div > div > span:nth-of-type(2) { background-image: linear-gradient(45deg, #ededed 25%, transparent 25%, transparent 75%, #ededed 75%, #ededed), linear-gradient(45deg, #ededed 25%, transparent 25%, transparent 75%, #ededed 75%, #ededed); }
.divTakvim2 > div:nth-of-type(3) > div > div > div > span:nth-of-type(3) { background-image: linear-gradient(45deg, #dddddd 25%, transparent 25%, transparent 75%, #dddddd 75%, #dddddd), linear-gradient(45deg, #dddddd 25%, transparent 25%, transparent 75%, #dddddd 75%, #dddddd); }
.divTakvim2 > div:nth-of-type(3) > div > div > div > span:nth-of-type(4) { background-image: linear-gradient(45deg, #cdcdcd 25%, transparent 25%, transparent 75%, #cdcdcd 75%, #cdcdcd), linear-gradient(45deg, #cdcdcd 25%, transparent 25%, transparent 75%, #cdcdcd 75%, #cdcdcd); }
.divTakvim2 > div:nth-of-type(3) > div > div > div > span:nth-of-type(5) { background-image: linear-gradient(45deg, #bdbdbd 25%, transparent 25%, transparent 75%, #bdbdbd 75%, #bdbdbd), linear-gradient(45deg, #bdbdbd 25%, transparent 25%, transparent 75%, #bdbdbd 75%, #bdbdbd); }
.divTakvim2 > div:nth-of-type(3) > div > div > div > span:nth-of-type(6) { background-image: linear-gradient(45deg, #adadad 25%, transparent 25%, transparent 75%, #adadad 75%, #adadad), linear-gradient(45deg, #adadad 25%, transparent 25%, transparent 75%, #adadad 75%, #adadad); }
.divTakvim2 > div:nth-of-type(3) > div > div > div > span:nth-of-type(7) { background-image: linear-gradient(45deg, #9d9d9d 25%, transparent 25%, transparent 75%, #9d9d9d 75%, #9d9d9d), linear-gradient(45deg, #9d9d9d 25%, transparent 25%, transparent 75%, #9d9d9d 75%, #9d9d9d); }
.divTakvim2 > div:nth-of-type(3) > div > div > div > span:nth-of-type(8) { background-image: linear-gradient(45deg, #8d8d8d 25%, transparent 25%, transparent 75%, #8d8d8d 75%, #8d8d8d), linear-gradient(45deg, #8d8d8d 25%, transparent 25%, transparent 75%, #8d8d8d 75%, #8d8d8d); }
.divTakvim2 > div:nth-of-type(3) > div > div > div > span:nth-of-type(9) { background-image: linear-gradient(45deg, #7d8d8d 25%, transparent 25%, transparent 75%, #7d8d8d 75%, #7d8d8d), linear-gradient(45deg, #7d8d8d 25%, transparent 25%, transparent 75%, #7d8d8d 75%, #7d8d8d); }
.divTakvim2 > div:nth-of-type(3) > div > div > div > img { width: 40px; height: 40px; border-radius: 100%; }*/
.divTakvim2 > div:nth-of-type(3) > div > div > div > span { cursor: pointer; float: left; display: inline-block; line-height: calc(2.215vw - 1px); text-shadow: 1px 1px 2px #a6a6a6; }
.divTakvim2 > div:nth-of-type(3) > div > div > div > span:nth-of-type(2) {background-image:  repeating-radial-gradient( circle at 0 0, transparent 0, #ffffff 4px ), repeating-linear-gradient( #ededed55, #ededed );}
.divTakvim2 > div:nth-of-type(3) > div > div > div > span:nth-of-type(3) { background-repeat: repeat; background-size: 4px 4px; background-position:  4px 0, 4px 0, 0 0, 0 0; background-image:  linear-gradient(135deg, #ededed 25%, transparent 25%), linear-gradient(225deg, #ededed 25%, transparent 25%), linear-gradient(45deg, #ededed 25%, transparent 25%), linear-gradient(315deg, #ededed 25%, #ffffff 25%); }
.divTakvim2 > div:nth-of-type(3) > div > div > div > span:nth-of-type(4) { background-repeat: repeat; background-position:  4px 0, 4px 0, 0 0, 0 0; background-size: 8px 8px; background-image:  linear-gradient(135deg, #ededed 25%, transparent 25%), linear-gradient(225deg, #ededed 25%, transparent 25%), linear-gradient(45deg, #ededed 25%, transparent 25%), linear-gradient(315deg, #ededed 25%, #ffffff 25%); }
.divTakvim2 > div:nth-of-type(3) > div > div > div > span:nth-of-type(5) { background-size: 8px 14px; background-position: 0 0, 0 0, 4px 7px, 4px 7px, 0 0, 4px 7px; background-image:  linear-gradient(30deg, #ededed 12%, transparent 12.5%, transparent 87%, #ededed 87.5%, #ededed), linear-gradient(150deg, #ededed 12%, transparent 12.5%, transparent 87%, #ededed 87.5%, #ededed), linear-gradient(30deg, #ededed 12%, transparent 12.5%, transparent 87%, #ededed 87.5%, #ededed), linear-gradient(150deg, #ededed 12%, transparent 12.5%, transparent 87%, #ededed 87.5%, #ededed), linear-gradient(60deg, #ededed77 25%, transparent 25.5%, transparent 75%, #ededed77 75%, #ededed77), linear-gradient(60deg, #ededed77 25%, transparent 25.5%, transparent 75%, #ededed77 75%, #ededed77); }
.divTakvim2 > div:nth-of-type(3) > div > div > div > span:nth-of-type(6) { background: repeating-linear-gradient( 45deg, #ededed, #ededed 2px, #ffffff 2px, #ffffff 10px ); }
.divTakvim2 > div:nth-of-type(3) > div > div > div > span:nth-of-type(7) { background: repeating-linear-gradient( -45deg, #ededed, #ededed 2px, #ffffff 2px, #ffffff 10px ); }
.divTakvim2 > div:nth-of-type(3) > div > div > div > span:nth-of-type(8) { background-size: 8px 8px; background-image:  repeating-linear-gradient(0deg, #ededed, #ededed 0.4px, #ffffff 0.4px, #ffffff); }
.divTakvim2 > div:nth-of-type(3) > div > div > div > span:nth-of-type(9) { background-size: 20px 20px, 20px 20px, 10px 10px, 10px 10px; background: radial-gradient(circle, transparent 20%, #ffffff 20%, #ffffff 80%, transparent 80%, transparent), radial-gradient(circle, transparent 20%, #ffffff 20%, #ffffff 80%, transparent 80%, transparent) 10px 10px, linear-gradient(#ededed 0.8px, transparent 0.8px) 0 -0.4px, linear-gradient(90deg, #ededed 0.8px, #ffffff 0.8px) -0.4px 0; }
.divTakvim2 > div:nth-of-type(3) > div > div > div > img { width: 40px; height: 40px; border-radius: 100%; }
.divTakvim2 > div:nth-of-type(3) > div > div > div:nth-of-type(1) {background-color: #f9f5fd;}
.divTakvim2 > div:nth-of-type(3) > div > div > div:nth-of-type(2) {background-color: #fbfaf1;}
.divTakvim2 > div:nth-of-type(3) > div > div > div:nth-of-type(3) {background-color: #f5fcf9;}
.divTakvim2 > div:nth-of-type(3) > div > div > div:nth-of-type(4) {background-color: #fbf1f1;}
.divTakvim2 > div:nth-of-type(3) > div > div > div:nth-of-type(5) {background-color: #f1f5fb;}
.divTakvim2 > div:nth-of-type(3) > div > div > div:nth-of-type(6) {background-color: #f5fcf8;}
.divTakvim2 > div:nth-of-type(3) > div > div > div:nth-of-type(7) {background-color: #f5f6fd;}
.divTakvim2 > div:nth-of-type(3) > div > div > div:nth-of-type(8) {background-color: #fcf6fc;}
.divTakvim2 > div:nth-of-type(3) > div > div > div:nth-of-type(9) { background-color: #dfffab; }
.divTakvim2 > div:nth-of-type(3) > div > div > div:nth-of-type(10) { background-color: #dc8686; }
.divTakvim2 > div:nth-of-type(3) > div > div > div:nth-of-type(11) { background-color: #ecf4dd; }
.divTakvim2 > div:nth-of-type(3) > div > div > div:nth-of-type(12) { background-color: #9ca4ea; }
.divTakvim2 > div:nth-of-type(3) > div > div > div:nth-of-type(13) { background-color: #baffda; }
.divTakvim2 > div:nth-of-type(3) > div > div > div:nth-of-type(14) { background-color: #888282; }

.divTakvim2 .divTPGun { background-color: #000 !important; }
.GT0 > div:nth-of-type(2) > div, .GT0 > div:nth-of-type(3) > div { width: calc(100% / 1); }
.GT0 > div:nth-of-type(3) > div > div > div { width: calc(100% / 8); }
.GT2 > div:nth-of-type(2) > div, .GT2 > div:nth-of-type(3) > div { width: calc(100% / 3); }
.GT2 > div:nth-of-type(3) > div > div > div { width: calc(100% / 6); }

.divPEkle { position: absolute; z-index: 1; left: 0px; top: -12.5px; }
.divPASaat { height: auto !important; overflow: auto !important; animation: backcolor-change 1s infinite; }
.divPASaat > span { background-image: none !important; }

/**********************************/
/* ANIMASYON */
@keyframes backcolor-change {
  0% { background-color: transparent; }
  50% { background-color: #f00; }
  100% { background-color: transparent; }
}
@keyframes divSepetZil {
    0% { transform: rotate(0); }
  0.3% { transform: rotate(30deg); }
  1% { transform: rotate(-28deg); }
  1.6% { transform: rotate(34deg); }
  2.3% { transform: rotate(-32deg); }
  3% { transform: rotate(30deg); }
  3.6% { transform: rotate(-28deg); }
  4.3% { transform: rotate(26deg); }
  5% { transform: rotate(-24deg); }
  5.6% { transform: rotate(22deg); }
  6.3% { transform: rotate(-20deg); }
  7% { transform: rotate(18deg); }
  7.6% { transform: rotate(-16deg); }
  8.3% { transform: rotate(14deg); }
  9% { transform: rotate(-12deg); }
  9.6% { transform: rotate(10deg); }
  10.3% { transform: rotate(-8deg); }
  11% { transform: rotate(6deg); }
  11.6% { transform: rotate(-4deg); }
  12.3% { transform: rotate(2deg); }
  13% { transform: rotate(-1deg); }
  13.6% { transform: rotate(1deg); }

  14.3% { transform: rotate(0); }
  100% { transform: rotate(0); }
}
/**********************************/


/* RESPONSIVE */
@media screen and (max-width: 1600px) {
    /* FT - BILGI */
    .divFTBilgiUst > div:first-of-type { width: 57.5%;  }
    .divFTBilgiUst > div:last-of-type { width: 57.5%; }
    /**********************************/

    /* ILETISIM */
    .divIUst { margin-bottom: 15%; }
    .divIAdres { width: 57.5%; }
    /**********************************/
}
@media screen and (max-width: 1400px) {
    body { font-size: 12px; }
    .divContainer { width: calc(100% - 100px) !important; }
    /**********************************/

    /* ANASAYFA */
    .divAnaForm > div:nth-of-type(1) { font-size: 48px; }
    .divAnaForm > div:nth-of-type(2) { width: 75%; margin: -7% 5% 0px 0px; }
    .divAnaForm > div:nth-of-type(3) { width: 75%; height: 28vh; margin: 0px 5% 0px 0px; }
    /**********************************/

    /* FT - BILGI */
    .divFTBilgiUst > div:first-of-type { width: 75%; }
    .divFTBilgiUst > div:last-of-type { top: 30%; width: 75%; font-size: 14px; }
    /**********************************/

    /* ILETISIM */
    .divIUst { margin-bottom: 21%; }
    .divIAdres { width: 62.5%; padding: 1% 4% 1% 6%; }
    .divIAdres > div { margin: 4% 0px; }
    .divIForm { width: 85%; }
    /**********************************/

    /* JURI */
    .divJuri { width: 23%; margin-right: 2.6%; }
    .divJuri:nth-of-type(5n) { margin-right: auto; }
    .divJuri:nth-of-type(5n + 1) { clear: inherit }
    .divJuri:nth-of-type(4n) { margin-right: 0px; }
    .divJuri:nth-of-type(4n + 1) { clear: both; }
    .divJuri > div:nth-of-type(1) { height: 40vh; }
    /**********************************/

}
@media screen and (max-width: 1280px) {
    /* FT - BILGI */
    .divFTBilgiUst > div:first-of-type { width: 85%; }
    .divFTBilgiUst > div:last-of-type { width: 90%; font-size: 14px; }
    /**********************************/

    /* BASVURULAR */
    .divBSol { width: 40%; }
    .divBSol > a { width: 50%; }
    .divBSol > a:nth-of-type(3n + 1 ) { clear: none; }
    .divBSol > a:nth-of-type(2n + 1 ) { clear: both; }
    .divBSag { width: 60%; }
    /**********************************/
}

@media screen and (max-width: 1170px) {
    /* GENEL */
    .navMenuUst > ul > li > a { padding: 14px 3px; }
    /**********************************/
}

@media screen and (max-width: 1024px) {
    /* ANASAYFA */
    /*.navMenuUst > ul > li > a {  margin: 0px 10px; }*/
    .divAnaForm > div:nth-of-type(3) { height: 20vh;  }
    /**********************************/

    /* FT - BILGI */
    .divFTBilgiUst > div:first-of-type { width: 95%; }
    .divFTBilgiUst > div:last-of-type { width: 95%; font-size: 12px; }

    .divFTBilgiAlt { position: relative; }
    .divFTBilgiAlt > div:nth-of-type(2) { margin: 0% 2.5vw; padding: 7% 2.5vw 0px;  }
    .divFTBilgiAlt > div:nth-of-type(3) { margin: 0% 2.5vw; padding: 3% 2.5%; height: 16.5vh;  }
    .divFTBilgiSlider { width: 90vw; }
    /**********************************/
}

@media screen and (max-width: 1000px) {
    /* GENEL */
    .divContainer { width: 100% !important; }
    
    .divMLeftBaslik { display: block; }
    .divMLeftAltGoster { display: block; }

    .divMenuIc { margin: 0px auto; padding: 10px 0px; }
    .divMMenu { display: block; }
    .aLogo { margin: auto auto; width: 45px; height: 40px; background-image: url(../img/logoM.png); }
    
    .navMenuUst { display: none; margin: 0px 0px 0px 0px; }
    .navMenuUst > ul { padding: 0px 0px 0px 0px; }
    .navMenuUst > ul > li { padding: 0px 0px; width: 100%; border-bottom: solid 1px #fff; }
    .navMenuUst > ul > li:after { content: " "; position: absolute; left: 0px; bottom: 1px; width: 100%; height: 1px; border-bottom: solid 1px #e0e0e0; }
    .navMenuUst > ul > li > a { display: block; margin: 0px; padding: 10px 15px; font-size: 12px; }
    .navMenuUst > ul > li > div { position: relative; top: 0px; left: 0px;  margin-top: 0px; padding-top: 0px; width: 100%; }
    .navMenuUst > ul > li > div > div { width: 100%; background-color: #fff; }
    .navMenuUst > ul > li > div > div > * { display: block; padding: 10px 10px; max-height: 200px; overflow: auto; line-height: 25px; }
    .navMenuUst > ul > li > div > div > ul > li:first-of-type a { display: none; }

    .divSM { position: relative; right: inherit; top: inherit; display: table; margin: auto auto; transform: inherit; }
    .divSM > a { max-width: 33%; }
    /**********************************/

    /* ANASAYFA */
    .divSlide { display: none; }
    .divSlideM { display: block; }

    .divAnaForm { }
    .divAnaForm:before { content: none; }
    .divAnaForm > div:nth-of-type(1) { width: 100%; margin: auto auto; font-size: 32px; writing-mode: inherit; transform: inherit; text-align: center; }

    .divAnaForm > div:nth-of-type(2) { width: 100%; margin: 0px 0%; }
    .divAnaForm > div:nth-of-type(3) { width: 100%; margin: 0px 0px; height: auto; background: none; border: solid 10px #535353; border-top: none; }
    
    .divAnaSag { padding: 15px 15px; }
    .divAnaAlt > div:nth-of-type(3) > div { width: 48%; margin-right: 4%; }
    .divAnaAlt > div:nth-of-type(3) > div:nth-of-type(even) { margin-right: 0px; }

    .divAFBaslik { font-size: 24px; }
    /**********************************/

    /* FORM CEVAP */
    .divFCDisBaslik { padding: 0px 5%; font-size: 20px; }
    .divFCBaslik { font-size: 16px; }
    .divFCKayit > div input[type='text'], .divFCKayit > div input[type='date'], .divFCKayit > div select, .divFCKayit > div textarea { font-size: 14px; }
    /**********************************/

    /* FORM CEVAP */
    .divIHarita { width: 100%; }
    .divIHarita div:nth-of-type(1) { left: 10px; top: 10px; width: calc(100% - 20px); height: 1px;  }
    .divIHarita div:nth-of-type(2) { right: 10px; top: 10px; width: 1px; height: calc(100% - 20px);}
    .divIHarita div:nth-of-type(3) { left: 10px; bottom: 10px; width: calc(100% - 20px); height: 1px; }
    .divIHarita div:nth-of-type(4) { left: 10px; top: 10px; width: 1px; height: calc(100% - 20px); }
    .divIAdres { position: relative; top: inherit; right: inherit; width: 100%; padding: 2% 5% 2% 7%; }

    .btnDosyaEkle, .btnDosyaSil { padding: 10px 10px; margin-top: 5px; margin-bottom: 5px; }
    .btnDosyaSil { padding: 11.5px 10px !important; }
    /**********************************/

    /* ILETISIM */
    .divIForm { width: 100%; }
    .divIFKayit { padding: 0px 0px 0%; }
    .divIFKayit > div { width: 94%; }
    .divIFKayitCeyrek { width: 46% !important; }
    .divIFBaslik { font-size: 24px; }
    .divIUst { margin-bottom: 5%; }
    /**********************************/

    /* FT - BILGI */
    .divFTBilgiUst > div:first-of-type { width: 100%; margin-bottom: -20%; }
    .divFTBilgiUst > div:last-of-type { position: relative; top: inherit; right: inherit; width: 100%; }
    .divFTBilgiUst > div:last-of-type > h1 { font-size: 18px; }
    .divFTBilgiUst > div:last-of-type > div:last-of-type { display: none; }

    .divFTBilgiAlt { margin-top: 5vw; }
    .divFTBilgiAlt > div:nth-of-type(1) { margin: auto auto -15px; font-size: 32px; line-height: 15px; letter-spacing: -0.5px; }
    .divFTBilgiAlt > div:nth-of-type(2) { width: 95vw; }
    .divFTBilgiAlt > div:nth-of-type(3) { height: auto; border: solid 10px #535353; border-top: none; background: none; }
    
    .divFTBilgiSlider { font-size: 14px; line-height: 150%; }
    .divFTBilgiSlider .item { padding: 0px 0px; }
    .divFTBilgiSlider .item > div:first-of-type { font-size: 18px; }
    /**********************************/

    /* JURI */
    .divJDis { padding: 10px 10px; }
    .divJuri { width: 49%; margin-bottom: 5%; margin-right: 2%; }
    .divJuri:nth-of-type(4n) { margin-right: auto; }
    .divJuri:nth-of-type(4n + 1) { clear: inherit }
    .divJuri:nth-of-type(2n) { margin-right: 0px; }
    .divJuri:nth-of-type(2n + 1) { clear: both; }
    .divJuri > div:nth-of-type(1) { width: 100%; }
    .divJuri > div:nth-of-type(2) { width: 100%; }
    .divJuri > div:nth-of-type(2) > span { font-size: 14px; }
    .divJuri > div:nth-of-type(2) > div { display: none; }
    /**********************************/

    /* BASVURULAR */
    .divBSol { width: 100%; }
    .divBSol > a > div:last-of-type { font-size: 13px; }
    .divBSag { width: 100%; }
    /**********************************/

    /* UYELIK */
    .divKSol { width: calc(90% - 0PX); margin-left: 5%; }
    /**********************************/
}
/**********************************/
@media screen and (max-width: 500px) {
     /* JURI */
    .divJDDis > div:nth-of-type(1) > div:nth-of-type(2) { width: 100%; margin: 10px 0px 20px }
    .divJDDis > div:nth-of-type(1) > div:nth-of-type(3) { display: table; width: 100%; margin-bottom: 30px; }
    .divJDDis > div:nth-of-type(2) { font-size: 14px; }
    /**********************************/




    /* BASVURULAR */
    .divJDDis > div:nth-of-type(1) > div:nth-of-type(1) { margin-right: 5%; width: 110px; height: 110px; }
    .divJDDis > div:nth-of-type(1) > div:nth-of-type(2) { width: calc(95% - 110px) !important; margin: 20px 0px ; font-size: 17px; }
    .divJDDis > div:nth-of-type(1) > div:nth-of-type(3) { width: calc(95% - 110px) !important; }
    .divJDDis > div:nth-of-type(2) { font-size: 13px; }
    
    .divOVKategori > div:first-of-type { font-size:  15px; }
    .divOVTable { width: 100%; min-width: inherit; }
    /**********************************/
}



/* IE EDGE */
@supports (-ms-ime-align: auto) {
}
/**********************************/

/* IE +9 */
@media screen\0 {
    /*.divUFCerceveBaslikYatay { writing-mode: lr-bt; }*/
}