@import url("DS.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('tr_avalon-webfont.eot'); src: url('tr_avalon-webfont.eot?#iefix') format('embedded-opentype'), url('tr_avalon-webfont.woff') format('woff'), url('tr_avalon-webfont.ttf') format('truetype'), url('tr_avalon-webfont.svg#tr_avalon_plain') 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: 10%; width: 80%; margin-left: 0px; padding: 10px; } }
/* Zeki Alert ############### */


/* SABITS */
body { margin: 0px; background-color: #131324; color: #fff; font-family: ZWFont1, Arial; font-size: 12px; line-height: 1.43; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

input { text-indent: 10px; }
select {border: transparent;background-color: #fff;padding: 5px 25px 5px 15px;height: 35px;font-family: ZWFont1;font-size: 14px;-moz-appearance: none;-webkit-appearance: none;-webkit-border-radius: 0px;appearance: none;background: url(../img/icoDDOk2.png) no-repeat right center;}
*::-webkit-scrollbar { width: 3px; background-color: #f00; }
/**::-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: #000; width:1px; border:1px solid #000; }
*::-webkit-scrollbar-button { display: none; }
*::-webkit-scrollbar-thumb { background-color: #2fac68; }

input[type="date"]::-webkit-inner-spin-button { -webkit-appearance: none; display: none; }

.btnScrollUp { cursor: pointer; display: none; position: fixed; z-index: 1000; right: 25px; bottom: 25px; width: 50px; height: 40px; background: url(../img/btnYukariGit.png) no-repeat #fff center center; }

/* ANA */
.divOrta { width: 100%; padding-top: 3vw; text-align: center; }
.divOrta > div { position: relative; margin-left: 50px; padding-top: 2.5%; width: calc(100% - 100px); border: solid 1px #696373; border-bottom: none; }
.divIco { position: absolute; left: -27.5px; }
.divIco > div { width: 55px; height: 55px; margin: 15px 0px; background-color: #2fac68; border-radius: 200px; border: solid 5px #131324; }
.divIco > div:first-of-type { margin-top: -5px; }

.aLogo {display: inline-block;width: 265px;height: 65px;background: url(../img/logo.png) no-repeat center center;margin-bottom: 2%;}

.divSM { position: fixed; right: 0px; top: 0; display: inline-block; z-index: 1; padding-top: calc(50vh - 60px); width: 45px; height: 100vh; font-size: 14px; color: #fff;}
.divSM > * { }
.divSM > a{display:block;width: 40px;height:40px; color: #000;}
.aSMFace,.aSMTwitter,.aSMInstagram,.aSMPinterest,.aSMLinkedIn,.aSMGoogle{background-image:url(../img/icoSM.png)}
.aSMFace{background-position:0 0}
.aSMTwitter{background-position:0 -40px}
.aSMInstagram{background-position:0 -80px}
.aSMPinterest{background-position:0 -120px}
.aSMLinkedIn{background-position:0 -160px}
.aSMGoogle{background-position:0 -200px}

.divSlogan { margin-bottom: 5%; font-size: 19px; }
.divSlogan > div { margin: 5% 0px 3%; font-weight: bold; }
.divSlogan > div > img { max-width: 90%; }

.divAdres { padding: 3% 0px; font-size: 15px; line-height: 1.6; }
.divAdres > div { font-size: 17px;}
.aHarita { display: inline-block; padding-top: 10px; font-size: 12px; font-style: italic; }

.divReferans { display: table; margin: 0px 1%; line-height: 300%; font-size: 14px; color: #000; font-weight: bold; letter-spacing: 1px; }
.divReferans > a { display: inline-block; float:left; width: 23%; margin: 1%; padding: 20px 10px 0px; background-color: #eeeded; }
.divReferans > a > img { width: 100%; }

@media screen and (max-width: 1400px) {
    .divReferans > a { width: 31.3%; }
}
@media screen and (max-width: 1000px) {
    .btnScrollUp { right: 15px; bottom: 10px; }

    .divOrta > div { margin-left: 15px; padding-top: 25px; width: calc(100% - 30px);  }
    .divIco { left: -17.5px; top: 25px; }
    .divIco > div { width: 35px; height: 35px; margin: 5px 0px; }

    .divSM { width: 28px; }

    .divSlogan { font-size: 12px }
    .divSlogan > div { font-size: 18px; }

    .divAdres { font-size: 11px; }
    .divAdres > div { font-size: 12px;}

    .divReferans { font-size: 11px; letter-spacing: 0px; }
    .divReferans > a { width: 48%; padding: 10px 5px 0px; }
}

@media screen and (max-width: 370px) {
    .divReferans { font-size: 10px; }
}