/* scrollbar_style */
::-webkit-scrollbar{width:7px;height:7px;}
/* Track */
::-webkit-scrollbar-track{background-color:transparent;}
/* tutulan */
::-webkit-scrollbar-thumb{
    border-radius:3px;
    background:#a0a0a0;
    -webkit-border-radius:3px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.0);
}

/* placeholder renk */
input::-webkit-input-placeholder,::-webkit-input-placeholder{/* WebKit browsers */ color:var(--hat);}
input:-moz-placeholder,textarea:-moz-placeholder{/* Mozilla Firefox 4 to 18 */ color:var(--hat);}
input::-moz-placeholder,textarea::-moz-placeholder{/* Mozilla Firefox 19+ */ color:var(--hat);}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{/* Internet Explorer 10+ */ color:var(--hat);}


/* placeholder renk */
::selection {
    color: var(--ak);
    background: var(--yesil);
}

::-moz-selection {
    color: var(--ak);
    background: var(--yesil);
}

.scm{
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* Internet Explorer/Edge */
  user-select: none;           /* Non-prefixed version, currently
                                not supported by any browser */
}




/*.kabuk{max-width:1170px;}*/
/*.kabuk{max-width:1224px;}*/
.kabuk{max-width:1224px;padding:0 .5em;}
*, *:before, *:after{
  margin:0;
  padding:0;
  outline:none;
  list-style: none;
  text-decoration:none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
button,input{
  border:none;
  outline:none;
}

/* Genişlik */
.ww {width: 100%}
.wwm {max-width: 100%}
.wma {max-width: auto;}
.wa {width: auto;}



/* Yükseklik */
.hh {height: 100%}
.hvh {height: 100vh;}
.ha {height: auto;}



/* Zemin */
.fl {float: left;}
.fr {float: right;}
.fn {float: none;}
.fi {float: initial;}
.fh {float: inherit;}



/* Konum */
.tp-0 {top: 0;}
.tp-A {top: auto;}
.rg-0 {right: 0;}
.rg-A {right: auto;}
.bt-0 {bottom: 0;}
.bt-A {bottom: auto;}
.lf-0 {left: 0;}
.lf-A {left: auto;}



/* Ekran Durumu */
.dp-n {display: none;}
.dp-b {display: block;}
.dp-c {display: contents;}
.dp-f {display: -webkit-box;display: -ms-flexbox;display: flex;}
.dp-fr {display: flow-root;}
.dp-g {display: grid;}
.dp-i {display: inline;}
.dp-ib {display: inline-block;}
.dp-if {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;}
.dp-ig {display: inline-grid;}
.dp-it {display: inline-table;}
.dp-li {display: list-item;}
.dp-ri {display: run-in;}
.dp-t {display: table;}
.dp-tc {display: table-caption;}
.dp-tcl {display: table-cell;}
.dp-tco {display: table-column;}
.dp-tcg {display: table-column-group;}
.dp-tfg {display: table-footer-group;}
.dp-thg {display: table-header-group;}
.dp-tr {display: table-row;}
.dp-trg {display: table-row-group;}



/* Taşma Durumu */
.of-h {overflow: hidden;}
.of-v {overflow: visible;}
.of-s {overflow: scroll;}
.of-a {overflow: auto;}

.ofx-h {overflow-x: hidden;}
.ofx-v {overflow-x: visible;}
.ofx-s {overflow-x: scroll;}
.ofx-a {overflow-x: auto;}

.ofy-h {overflow-y: hidden;}
.ofy-v {overflow-y: visible;}
.ofy-s {overflow-y: scroll;}
.ofy-a {overflow-y: auto;}



/* Görünüm Durumu */
.v-v {visibility: visible;}
.v-h {visibility: hidden;}
.v-c {visibility: collapse;}



/* Çerçeve Şekilleri */
.bs-solid {border-style: solid;}
.bs-dashed {border-style: dashed;}
.bs-dotted {border-style: dotted;}
.bs-double {border-style: double;}
.bs-groove {border-style: groove;}
.bs-hidden {border-style: hidden;}
.bs-inset {border-style: inset;}
.bs-none {border-style: none;}
.bs-outset {border-style: outset;}
.bs-ridge {border-style: ridge;}



/* Kutu Genişliği */
.bs-border-box {box-sizing: border-box;}
.bs-content-box {box-sizing: content-box;}
.bs-inherit {box-sizing: inherit;}
.bs-initial {box-sizing: initial;}



/* Saydamlık */
.op-0 {opacity: 0;}
.op-01 {opacity: .1;}
.op-02 {opacity: .2;}
.op-03 {opacity: .3;}
.op-04 {opacity: .4;}
.op-05 {opacity: .5;}
.op-06 {opacity: .6;}
.op-07 {opacity: .7;}
.op-08 {opacity: .8;}
.op-09 {opacity: .9;}
.op-1 {opacity: 1;}



/* Yazı Ebatı */
.ln-1vh{line-height:1vh;}
.ln-2vh{line-height:2vh;}
.ln-3vh{line-height:3vh;}
.ln-4vh{line-height:4vh;}
.ln-5vh{line-height:5vh;}
.ln-6vh{line-height:6vh;}
.ln-7vh{line-height:7vh;}
.ln-8vh{line-height:8vh;}
.ln-9vh{line-height:9vh;}
.ln-10vh{line-height:10vh;}
.ln-11vh{line-height:11vh;}


/* Yazı Ebatı */
.fs-1vh{font-size:1vh;}
.fs-2vh{font-size:2vh;}
.fs-3vh{font-size:3vh;}
.fs-4vh{font-size:4vh;}
.fs-5vh{font-size:5vh;}
.fs-6vh{font-size:6vh;}
.fs-7vh{font-size:7vh;}
.fs-8vh{font-size:8vh;}
.fs-9vh{font-size:9vh;}
.fs-10vh{font-size:10vh;}
.fs-11vh{font-size:11vh;}


/* Yazı Kalınlığı */
.fw-l {font-weight: lighter;}
.fw-n {font-weight: normal;}
.fw-b {font-weight: bold;}
.fw-1 {font-weight: 100;}
.fw-2 {font-weight: 200;}
.fw-3 {font-weight: 300;}
.fw-4 {font-weight: 400;}
.fw-5 {font-weight: 500;}
.fw-6 {font-weight: 600;}
.fw-7 {font-weight: 700;}
.fw-8 {font-weight: 800;}
.fw-9 {font-weight: 900;}



/* Yazı Durumu */
.ti5{text-indent:5px;}
.ti10{text-indent:10px;}
.ti15{text-indent:15px;}
.ti20{text-indent:20px;}
.ta-c {text-align: center;}
.ta-r {text-align: right;}
.ta-l {text-align: left;}
.ta-j {text-align: justify;}
.ta-o {display: flex;align-items: center;justify-content: center;}
.ta-or {display: flex;align-items: center;justify-content:right;}
.ta-ol {display: flex;align-items: center;justify-content:left;}
.to-e {text-overflow: ellipsis;white-space: nowrap;}



/* Yazı Durumu */
.td-n {text-decoration: none;}
.td-u {text-decoration: underline;}
.td-o {text-decoration: overline;}
.td-lt {text-decoration: line-through;}



/* Yazı Büyüklüğü */
.tt-n {text-transform: none;}
.tt-u {text-transform: uppercase;}
.tt-l {text-transform: lowercase;}
.tt-c {text-transform: capitalize;}
.tt-i {text-transform: inherit;}



/* Fare İmleci */
.cr-a {cursor: auto;}
.cr-d {cursor: default;}
.cr-na {cursor: not-allowed;}
.cr-p {cursor: pointer;}
.cr-t {cursor: text;}
.cr-w {cursor: wait;}
.cr-m {cursor: move;}



/* Pozisyon Türleri */
.pos-a {position: absolute;}
.pos-r {position: relative;}
.pos-f {position: fixed;}



/* Dikey Durum */
.va-b {vertical-align: baseline;}
.va-m {vertical-align: middle;}
.va-t {vertical-align: top;}
.va-bt {vertical-align: bottom;}



/* Satır Temizleme */
/*.tmz{clear:both!important;}*/
.tmz:before,.tmz:after {content: '';display: table;}
.tmz,.tmz:after {clear: both;}



/* Dikey Ortala */
.flex-items-center {-webkit-box-align: center;-ms-flex-align: center;align-items: center;}











/* Dış Mesafa */

/* Margin */
.mrau{margin:auto;}

.m5{margin:5px;}
.m7{margin:7px;}
.m10{margin:10px;}
.m15{margin:15px;}
.m20{margin:20px;}
.m50{margin:50px;}
/* Margin Alt */
.mra5{margin-bottom:5px;}
.mra10{margin-bottom:10px;}
.mra15{margin-bottom:15px;}
.mra20{margin-bottom:20px;}
.mra50{margin-bottom:50px;}
/* Margin Üst */
.mru5{margin-top:5px;}
.mru10{margin-top:10px;}
.mru15{margin-top:15px;}
.mru20{margin-top:20px;}
.mru50{margin-top:50px;}
/* Margin Sağ */
.mrR5{margin-right:5px!important;}
.mrR10{margin-right:10px!important;}
.mrR15{margin-right:15px!important;}
.mrR20{margin-right:20px!important;}
.mrR50{margin-right:50px!important;}
/* Margin Sol */
.mrL5{margin-left:5px!important;}
.mrL10{margin-left:10px!important;}
.mrL15{margin-left:15px!important;}
.mrL20{margin-left:20px!important;}
.mrL50{margin-left:50px!important;}
/* Margin Üst-Alt */
.mr5{margin-top:5px;margin-bottom:5px;}
.mr10{margin-top:10px;margin-bottom:10px;}
.mr15{margin-top:15px;margin-bottom:15px;}
.mr20{margin-top:20px;margin-bottom:20px;}
.mr50{margin-top:50px;margin-bottom:50px;}
/* Margin Sağ-Sol */
.mry5{margin-right:5px;margin-left:5px;}
.mry10{margin-right:10px;margin-left:10px;}
.mry15{margin-right:15px;margin-left:15px;}
.mry20{margin-right:20px;margin-left:20px;}
.mry50{margin-right:50px;margin-left:50px;}


/* Padding */
.pk{padding:1.50%;}
.pdRk{padding-right:1.50%;}
.pdLk{padding-left:1.50%;}
.pdk{padding-top:1.50%;padding-bottom:1.50%;}
.pduk{padding-top:1.50%;}
.pdak{padding-bottom:1.50%;}
/* Padding */
.p5{padding:5px;}
.p10{padding:10px;}
.p15{padding:15px;}
.p20{padding:20px;}
.p50{padding:50px;}
/* Padding Sağ */
.pdR5{padding-right:5px;}
.pdR10{padding-right:10px;}
.pdR15{padding-right:15px;}
.pdR20{padding-right:20px;}
.pdR50{padding-right:50px;}
/* Padding Sol */
.pdL5{padding-left:5px;}
.pdL10{padding-left:10px;}
.pdL15{padding-left:15px;}
.pdL20{padding-left:20px;}
.pdL50{padding-left:50px;}
/* Padding Üst */
.pdu5{padding-top:5px;}
.pdu10{padding-top:10px;}
.pdu15{padding-top:15px;}
.pdu20{padding-top:20px;}
.pdu50{padding-top:50px;}
/* Padding Alt */
.pda5{padding-bottom:5px;}
.pda10{padding-bottom:10px;}
.pda15{padding-bottom:15px;}
.pda20{padding-bottom:20px;}
.pda50{padding-bottom:50px;}
/* Padding Alt-Üst */
.pd5{padding-top:5px;padding-bottom:5px;}
.pd10{padding-top:10px;padding-bottom:10px;}
.pd15{padding-top:15px;padding-bottom:15px;}
.pd20{padding-top:20px;padding-bottom:20px;}
.pd50{padding-top:50px;padding-bottom:50px;}
/* Padding sağ-sol */
.pdy5{padding-right:5px;padding-left:5px;}
.pdy10{padding-right:10px;padding-left:10px;}
.pdy15{padding-right:15px;padding-left:15px;}
.pdy20{padding-right:20px;padding-left:20px;}
.pdy50{padding-right:50px;padding-left:50px;}
/* Margin Sıfırla */
.m0{margin:0!important;}
.mru0{margin-top:0!important;}
.mra0{margin-bottom:0!important;}
.mrR0{margin-right:0!important;}
.mrL0{margin-left:0!important;}
/* Padding Sıfırla */
.p0{padding:0!important;}
.pdu0{padding-top:0!important;}
.pda0{padding-bottom:0!important;}
.pdR0{padding-right:0!important;}
.pdL0{padding-left:0!important;}



/* arkazemin */
.bg1,.bgh1:hover{background-color:#B10243!important;}
.bg2,.bgh2:hover{background-color:#D44D5C!important;}
.bg3,.bgh3:hover{background-color:#f89827!important;}
.bg4,.bgh4:hover{background-color:#fdb813!important;}
.bg5,.bgh5:hover{background-color:#9FC490!important;}
.bg6,.bgh6:hover{background-color:#8dac60!important;}
.bg7,.bgh7:hover{background-color:#659B5E!important;}
.bg8,.bgh8:hover{background-color:#14BBCC!important;}
.bg9,.bgh9:hover{background-color:#02A9EA!important;}
.bg10,.bgh10:hover{background-color:#3590F3!important;}
.bg11,.bgh11:hover{background-color:#fff!important;}
.bg12,.bgh12:hover{background-color:#F1F1F1!important;}
.bg13,.bgh13:hover{background-color:#E2E2E2!important;}
.bg14,.bgh14:hover{background-color:#BDBDBD!important;}
.bg15,.bgh15:hover{background-color:#000!important;}


.ff{font-size:1vw;}/* Yüzde yüzlü */
.fc1b *,.fc1,.fch1:hover{color:#B10243!important;}
.fc2b *,.fc2,.fch2:hover{color:#D44D5C!important;}
.fc3b *,.fc3,.fch3:hover{color:#f89827!important;}
.fc4b *,.fc4,.fch4:hover{color:#fdb813!important;}
.fc5b *,.fc5,.fch5:hover{color:#9FC490!important;}
.fc6b *,.fc6,.fch6:hover{color:#8dac60!important;}
.fc7b *,.fc7,.fch7:hover{color:#659B5E!important;}
.fc8b *,.fc8,.fch8:hover{color:#14BBCC!important;}
.fc9b *,.fc9,.fch9:hover{color:#02A9EA!important;}
.fc10b *,.fc10,.fch10:hover{color:#3590F3!important;}
.fc11b *,.fc11,.fch11:hover{color:#fff!important;}
.fc12b *,.fc12,.fch12:hover{color:#F1F1F1!important;}
.fc13b *,.fc13,.fch13:hover{color:#E2E2E2!important;}
.fc14b *,.fc14,.fch14:hover{color:#BDBDBD!important;}
.fc15b *,.fc15,.fch15:hover{color:#000!important;}

/*Yazı boyut*/
.fs9{font-size:9px!important;}
.fs10{font-size:10px!important;}
.fs11{font-size:11px!important;}
.fs12{font-size:12px!important;}
.fs13{font-size:13px!important;}
.fs14{font-size:14px!important;}
.fs15{font-size:15px!important;}
.fs16{font-size:16px!important;}
.fs17{font-size:17px!important;}
.fs18{font-size:18px!important;}
.fs19{font-size:19px!important;}
.fs20{font-size:20px!important;}
.fs21{font-size:21px!important;}
.fs22{font-size:22px!important;}
.fs23{font-size:23px!important;}
.fs24{font-size:24px!important;}
.fs25{font-size:25px!important;}
.fs34{font-size:34px!important;}
.fs44{font-size:44px!important;}
.fs61{font-size:61px!important;}
.fbld{font-weight:bold!important;}
/*Satır Yükseklik*/
.ln11{line-height:11px!important;}
.ln12{line-height:12px!important;}
.ln13{line-height:13px!important;}
.ln14{line-height:14px!important;}
.ln15{line-height:15px!important;}
.ln16{line-height:16px!important;}
.ln17{line-height:17px!important;}
.ln18{line-height:18px!important;}
.ln19{line-height:19px!important;}
.ln20{line-height:20px!important;}
.ln21{line-height:21px!important;}
.ln22{line-height:22px!important;}
.ln23{line-height:23px!important;}
.ln24{line-height:24px!important;}
.ln25{line-height:25px!important;}
.ln36{line-height:36px!important;}
.ln34{line-height:34px!important;}
.ln42{line-height:42px!important;}
.ln44{line-height:44px!important;}
.ln61{line-height:61px!important;}

/*Yazı Büyükt-Küçük*/
.hrfB{text-transform:uppercase;}
.hrfK{text-transform:lowercase;}
.hrfBk{text-transform:capitalize;}

/* arkazemin resim */
.rsm-cv{-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;}
.rsm-cn{-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;}

/* İndex */
.ze1{z-index:-1;}
.z1{z-index:1!important;}
.z9{z-index:9!important;}
.z99{z-index:99!important;}
.z999{z-index:999!important;}
.z9999{z-index:9999!important;}
.z99999{z-index:99999!important;}

/*Radius*/
.rds{-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.rds5{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.rds10{-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;}
.rds15{-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px;}
.rds20{-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;}
.rds30{-moz-border-radius:30px;-webkit-border-radius:30px;border-radius:30px;}
.rr{-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%;}

/* Border */
.bdr{border:1px solid #EAEAEA;}
.bdrR{border-right:1px solid #EAEAEA;}
.bdrT{border-top:1px solid #EAEAEA;}
.bdrL{border-left:1px solid #EAEAEA;}
.bdrB{border-bottom:1px solid #EAEAEA;}



.glg{-moz-box-shadow:0 2px 5px 0px rgba(0, 0, 0, 0.10);-webkit-box-shadow:0 2px 5px 0px rgba(0, 0, 0, 0.10);box-shadow:0 2px 5px 0px rgba(0, 0, 0, 0.10);}














/*
    (
        lg: "screen and (max-width: 80em)", // max 1280px
        md: "screen and (max-width: 64em)", // max 1024px
        sm: "screen and (max-width: 48em)", // max 768px
        xs: "screen and (max-width: 35.5em)" // 568px e kadar
    )
*/
@media screen and (max-width: 80em) {
    .gtr-lg{display:block!important;}
    .gzl-lg{display:none!important;}
}

@media screen and (max-width: 64em) {
    .gtr-md{display:block!important;}
    .gzl-md{display:none!important;}
}

@media screen and (max-width: 48em) {
    .gtr-sm{display:block!important;}
    .gzl-sm{display:none!important;}
}

@media screen and (max-width: 35.5em) {
    .gtr-xs{display:block!important;}
    .gzl-xs{display:none!important;}
}