::-webkit-scrollbar {
  width: 10px;
  height: 10px
}
::-webkit-scrollbar-track-piece {
  background: #FFF
}
::-webkit-scrollbar-thumb:vertical {
  background: #AFAFAF;
  background-color: var(--bir)
}
::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3) !important;
  border-radius: 6px 0 0 6px !important;
}
::-webkit-scrollbar-thumb {
  border-radius: 6px 0 0 6px !important;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5) !important;
}
::selection {
  background: #AFAFAF;
  background: var(--bir);
  color: #FFF
}
:root {
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-gradient2: linear-gradient(0deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
}
.bir {
  color: var(--bir) !important;
}
.iki {
  color: var(--iki) !important;
}
.uc {
  color: var(--uc) !important;
}
.dort {
  color: var(--dort) !important;
}
.bes {
  color: var(--bes) !important;
}
.alti {
  color: var(--alti) !important;
}
.yedi {
  color: var(--yedi) !important;
}
.sekiz {
  color: var(--sekiz) !important;
}
.dokuz {
  color: var(--dokuz) !important;
}
.on {
  color: var(--on) !important;
}
.beyaz, .fff {
  color: var(--fff) !important;
}
.siyah {
  color: var(--siyah) !important;
}
.ccc {
  color: var(--ccc) !important;
}
.bgw {
  background: #FFF !important
}
.bg1 {
  background: var(--bir) !important
}
.bg2 {
  background: var(--iki) !important
}
.bg3 {
  background: var(--uc) !important
}
.bg4 {
  background: var(--dort) !important
}
.bg5 {
  background: var(--bes) !important
}
.bg6 {
  background: var(--alti) !important
}
.bg7 {
  background: var(--yedi) !important
}
.bg8 {
  background: var(--sekiz) !important
}
.bg9 {
  background: var(--dokuz) !important
}
.bg10 {
  background: var(--on) !important
}
.bg-gradient {
  background-image: var(--bs-gradient) !important
}
.bg-gradient2 {
  background-image: var(--bs-gradient2) !important
}
.k {
  font-weight: 700 !important
}
.n {
  font-weight: 400 !important
}
.i {
  font-style: italic !important
}
.u {
  text-decoration: underline !important
}
.un {
  text-decoration: none
}
.center {
  text-align: center;
}
.justify {
  text-align: justify;
}
.bir {
  color: var(--bir)
}
.iki {
  color: var(--iki)
}
.uc {
  color: var(--uc)
}
.dort {
  color: var(--dort)
}
.bes {
  color: var(--bes)
}
.alti {
  color: var(--alti)
}
.yedi {
  color: var(--yedi)
}
.sekiz {
  color: var(--sekiz)
}
.dokuz {
  color: var(--dokuz)
}
.bg1 {
  background: var(--bir)
}
.bg2 {
  background: var(--iki)
}
.bg3 {
  background: var(--uc)
}
.bg4 {
  background: var(--dort)
}
.bg5 {
  background: var(--bes)
}
.bg6 {
  background: var(--alti)
}
.bg7 {
  background: var(--yedi)
}
.bg8 {
  background: var(--sekiz)
}
.bg9 {
  background: var(--dokuz)
}
.bg10 {
  background: var(--on)
}
.bghw:hover {
  background: #FFF !important
}
.bgh1:hover {
  background: var(--bir) !important
}
.bgh2:hover {
  background: var(--iki) !important
}
.bgh3:hover {
  background: var(--uc) !important
}
.bgh4:hover {
  background: var(--dort) !important
}
.bgh5:hover {
  background: var(--bes) !important
}
.bgh6:hover {
  background: var(--alti) !important
}
.bgh7:hover {
  background: var(--yedi) !important
}
.bgh8:hover {
  background: var(--sekiz) !important
}
.bgh9:hover {
  background: var(--dokuz) !important
}
.bgh10:hover {
  background: var(--on) !important
}
.beyaz, .beyaz a, .beyaz li a {
  color: #FFF !important
}
.bbeyaz, .bbeyaz a, .bbeyaz li a, .bbeyaz:hover, .bbeyaz a:hover, .bbeyaz li a:hover {
  color: #FFF !important
}
.siyah, .siyah a, .siyah li a {
  color: var(--siyah) !important
}
.mavi, .mavi a, .mavi li a {
  color: var(--bir)
}
.golge {
  box-shadow: 0px 0px 40px 0px rgb(0 0 0 / 10%);
}
.golgeh:hover {
  box-shadow: 0px 0px 40px 0px rgb(0 0 0 / 10%);
}
.efekt {
  transition: all .3s ease-in-out;
}
.text-right {
  text-align: right !important
}
.middle {
  display: flex;
  align-items: center;
}
.center {
  align-items: center;
}
.btn-group > .btn:active, .btn-check:focus + .btn-outline-primary, .btn-outline-primary:focus, .btn-outline-primary.dropdown-toggle.show:focus, .btn-outline-primary:active:focus {
  box-shadow: none;
}
.btn-check:focus + .btn, .btn:focus {
  outline: 0;
  box-shadow: none;
}
.bgw {
  background: rgba(255, 255, 255, 1.00) !important
}
.bgw1 {
  background: rgba(255, 255, 255, .1) !important
}
.bgw2 {
  background: rgba(255, 255, 255, .2) !important
}
.bgw3 {
  background: rgba(255, 255, 255, .3) !important
}
.bgw4 {
  background: rgba(255, 255, 255, .4) !important
}
.bgw5 {
  background: rgba(255, 255, 255, .5) !important
}
.bgw6 {
  background: rgba(255, 255, 255, .6) !important
}
.bgw7 {
  background: rgba(255, 255, 255, .7) !important
}
.bgw8 {
  background: rgba(255, 255, 255, .8) !important
}
.bgw9 {
  background: rgba(255, 255, 255, .9) !important
}
.f10 {
  font-size: 10px !important
}
.f11 {
  font-size: 11px
}
.f12 {
  font-size: 12px
}
.f13 {
  font-size: 13px
}
.f14 {
  font-size: 14px
}
.f15 {
  font-size: 15px
}
.f16 {
  font-size: 16px
}
.f17 {
  font-size: 17px
}
.f18 {
  font-size: 18px
}
.f19 {
  font-size: 19px
}
.f20 {
  font-size: 20px
}
.f21 {
  font-size: 21px
}
.f22 {
  font-size: 22px
}
.f23 {
  font-size: 23px
}
.f24 {
  font-size: 24px
}
.f25 {
  font-size: 25px
}
.f26 {
  font-size: 26px
}
.f27 {
  font-size: 27px
}
.f28 {
  font-size: 28px
}
.f29 {
  font-size: 29px
}
.f30 {
  font-size: 30px
}
.f31 {
  font-size: 31px
}
.f32 {
  font-size: 32px
}
.f33 {
  font-size: 33px
}
.f34 {
  font-size: 34px
}
.f35 {
  font-size: 35px
}
.f36 {
  font-size: 36px
}
.f37 {
  font-size: 37px
}
.f38 {
  font-size: 38px
}
.f39 {
  font-size: 39px
}
.f40 {
  font-size: 40px
}
.f41 {
  font-size: 41px
}
.f42 {
  font-size: 42px
}
.f43 {
  font-size: 43px
}
.f44 {
  font-size: 44px
}
.f45 {
  font-size: 45px
}
.f46 {
  font-size: 46px
}
.f47 {
  font-size: 47px
}
.f48 {
  font-size: 48px
}
.f49 {
  font-size: 49px
}
.f50 {
  font-size: 50px
}
.f60 {
  font-size: 60px
}
.f70 {
  font-size: 70px
}
.f80 {
  font-size: 80px
}
.f90 {
  font-size: 90px
}
.f100 {
  font-weight: 100
}
.f200 {
  font-weight: 200
}
.f300 {
  font-weight: 300
}
.f400 {
  font-weight: 400 !important
}
.f500 {
  font-weight: 500 !important
}
.f600 {
  font-weight: 600 !important
}
.f700 {
  font-weight: 700
}
.f800 {
  font-weight: 800
}
.f900 {
  font-weight: 900
}
.lh10 {
  line-height: 10px
}
.lh11 {
  line-height: 11px
}
.lh12 {
  line-height: 12px
}
.lh13 {
  line-height: 13px
}
.lh14 {
  line-height: 14px
}
.lh15 {
  line-height: 15px
}
.lh16 {
  line-height: 16px
}
.lh17 {
  line-height: 17px
}
.lh18 {
  line-height: 18px
}
.lh19 {
  line-height: 19px
}
.lh20 {
  line-height: 20px
}
.lh21 {
  line-height: 21px
}
.lh22 {
  line-height: 22px
}
.lh23 {
  line-height: 23px
}
.lh24 {
  line-height: 24px
}
.lh25 {
  line-height: 25px
}
.lh26 {
  line-height: 26px
}
.lh27 {
  line-height: 27px
}
.lh28 {
  line-height: 28px
}
.lh29 {
  line-height: 29px
}
.lh30 {
  line-height: 30px
}
.lh31 {
  line-height: 31px
}
.lh32 {
  line-height: 32px
}
.lh33 {
  line-height: 33px
}
.lh34 {
  line-height: 34px
}
.lh35 {
  line-height: 35px
}
.lh36 {
  line-height: 36px
}
.lh37 {
  line-height: 37px
}
.lh38 {
  line-height: 38px
}
.lh39 {
  line-height: 39px
}
.lh40 {
  line-height: 40px
}
.lh41 {
  line-height: 41px
}
.lh42 {
  line-height: 42px
}
.lh43 {
  line-height: 43px
}
.lh44 {
  line-height: 44px
}
.lh45 {
  line-height: 45px
}
.lh46 {
  line-height: 46px
}
.lh47 {
  line-height: 47px
}
.lh48 {
  line-height: 48px
}
.lh49 {
  line-height: 49px
}
.lh50 {
  line-height: 50px
}
.op1 {
  opacity: .1
}
.op2 {
  opacity: .2
}
.op3 {
  opacity: .3
}
.op4 {
  opacity: .4
}
.op5 {
  opacity: .5
}
.op6 {
  opacity: .6
}
.op7 {
  opacity: .7
}
.op8 {
  opacity: .8
}
.op9 {
  opacity: .9
}
.op0 {
  opacity: 1
}
.overflow {
  overflow: hidden
}
.nowrap, .nobr {
  white-space: nowrap
}
.w100 {
  width: 100%
}
.l0 {
  left: 0
}
.b0 {
  bottom: 0
}
.r0 {
  right: 0
}
.t0 {
  top: 0
}
.ccc {
  color: #CCC
}
.p-1 {
  padding: .25em;
}
.p-2 {
  padding: .5em;
}
.p-3 {
  padding: 1em;
}
.p-4 {
  padding: 1.5em;
}
.p-5 {
  padding: 3em;
}
.px-1 {
  padding: 0 .25em;
}
.px-2 {
  padding: 0 .5em;
}
.px-3 {
  padding: 0 1em;
}
.px-4 {
  padding: 0 1.5em;
}
.px-5 {
  padding: 0 3em;
}
.py-1 {
  padding: .25em 0;
}
.py-2 {
  padding: .5em 0;
}
.py-3 {
  padding: 1em 0;
}
.py-4 {
  padding: 1.5em 0;
}
.py-5 {
  padding: 3em 0;
}
.pt-1 {
  padding-top: .25em;
}
.pt-2 {
  padding-top: .5em;
}
.pt-3 {
  padding-top: 1em;
}
.pt-4 {
  padding-top: 1.5em;
}
.pt-5 {
  padding-top: 3em;
}
.pr-1 {
  padding-right: .25em;
}
.pr-2 {
  padding-right: .5em;
}
.pr-3 {
  padding-right: 1em;
}
.pr-4 {
  padding-right: 1.5em;
}
.pr-5 {
  padding-right: 3em;
}
.pb-1 {
  padding-bottom: .25em;
}
.pb-2 {
  padding-bottom: .5em;
}
.pb-3 {
  padding-bottom: 1em;
}
.pb-4 {
  padding-bottom: 1.5em;
}
.pb-5 {
  padding-bottom: 3em;
}
.pl-1 {
  padding-left: .25em;
}
.pl-2 {
  padding-left: .5em;
}
.pl-3 {
  padding-left: 1em;
}
.pl-4 {
  padding-left: 1.5em;
}
.pl-5 {
  padding-left: 3em;
}
.m-1 {
  margin: .25em;
}
.m-2 {
  margin: .5em;
}
.m-3 {
  margin: 1em;
}
.m-4 {
  margin: 1.5em;
}
.m-5 {
  margin: 3em;
}
.my-1 {
  margin: .25em 0;
}
.my-2 {
  margin: .5em 0;
}
.my-3 {
  margin: 1em 0;
}
.my-4 {
  margin: 1.5em 0;
}
.my-5 {
  margin: 3em 0;
}
.mx-1 {
  margin: 0 .25em;
}
.mx-2 {
  margin: 0 .5em;
}
.mx-3 {
  margin: 0 1em;
}
.mx-4 {
  margin: 0 1.5em;
}
.mx-5 {
  margin: 0 3em;
}
.mt-1 {
  margin-top: .25em;
}
.mt-2 {
  margin-top: .5em;
}
.mt-3 {
  margin-top: 1em;
}
.mt-4 {
  margin-top: 1.5em;
}
.mt-5 {
  margin-top: 3em;
}
.mr-1 {
  margin-right: .25em;
}
.mr-2 {
  margin-right: .5em;
}
.mr-3 {
  margin-right: 1em;
}
.mr-4 {
  margin-right: 1.5em;
}
.mr-5 {
  margin-right: 3em;
}
.mb-1 {
  margin-bottom: .25em;
}
.mb-2 {
  margin-bottom: .5em;
}
.mb-3 {
  margin-bottom: 1em;
}
.mb-4 {
  margin-bottom: 1.5em;
}
.mb-5 {
  margin-bottom: 3em;
}
.ml-1 {
  margin-left: .25em;
}
.ml-2 {
  margin-left: .5em;
}
.ml-3 {
  margin-left: 1em;
}
.ml-4 {
  margin-left: 1.5em;
}
.ml-5 {
  margin-left: 3em;
}
.ls1 {
  letter-spacing: .1px;
}
.ls2 {
  letter-spacing: .2px;
}
.ls3 {
  letter-spacing: .3px;
}
.ls4 {
  letter-spacing: .4px;
}
.ls5 {
  letter-spacing: .5px;
}
.ls6 {
  letter-spacing: .6px;
}
.ls7 {
  letter-spacing: .7px;
}
.ls8 {
  letter-spacing: .8px;
}
.ls9 {
  letter-spacing: .9px;
}
.ls10 {
  letter-spacing: 1px;
}
@media (min-width: 768px) {
  .bilgisayar {
    display: block
  }
  .bilgisayar2 {
    display: inherit
  }
  .telefon {
    display: none !important
  }
  .telefon2 {
    display: none !important
  }
}
@media (min-width: 992px) {
  .pc {
    display: block
  }
  .pc2 {
    display: inherit
  }
  .tablet {
    display: none !important
  }
  .tablet2 {
    display: none !important
  }
  
  .pc-pl0{
   padding-left:0px !important;
   }
}
@media (min-width: 1200px) {
  .nf10 {
    font-size: 10px
  }
  .nf11 {
    font-size: 11px
  }
  .nf12 {
    font-size: 12px
  }
  .nf13 {
    font-size: 13px
  }
  .nf14 {
    font-size: 14px
  }
  .nf15 {
    font-size: 15px
  }
  .nf16 {
    font-size: 16px
  }
  .nf17 {
    font-size: 17px
  }
  .nf18 {
    font-size: 18px
  }
  .nf19 {
    font-size: 19px
  }
  .nf20 {
    font-size: 20px
  }
  .nf21 {
    font-size: 21px
  }
  .nf22 {
    font-size: 22px
  }
  .nf23 {
    font-size: 23px
  }
  .nf24 {
    font-size: 24px
  }
  .nf25 {
    font-size: 25px
  }
  .nf26 {
    font-size: 26px
  }
  .nf27 {
    font-size: 27px
  }
  .nf28 {
    font-size: 28px
  }
  .nf29 {
    font-size: 29px
  }
  .nf30 {
    font-size: 30px
  }
  .nf31 {
    font-size: 31px
  }
  .nf32 {
    font-size: 32px
  }
  .nf33 {
    font-size: 33px
  }
  .nf34 {
    font-size: 34px
  }
  .nf35 {
    font-size: 35px
  }
  .nf36 {
    font-size: 36px
  }
  .nf37 {
    font-size: 37px
  }
  .nf38 {
    font-size: 38px
  }
  .nf39 {
    font-size: 39px
  }
  .nf40 {
    font-size: 40px
  }
  .nf41 {
    font-size: 41px
  }
  .nf42 {
    font-size: 42px
  }
  .nf43 {
    font-size: 43px
  }
  .nf44 {
    font-size: 44px
  }
  .nf45 {
    font-size: 45px
  }
  .nf46 {
    font-size: 46px
  }
  .nf47 {
    font-size: 47px
  }
  .nf48 {
    font-size: 48px
  }
  .nf49 {
    font-size: 49px
  }
  .nf50 {
    font-size: 50px
  }
  .nf60 {
    font-size: 60px
  }
  .nf70 {
    font-size: 70px
  }
  .nf80 {
    font-size: 80px
  }
  .nf90 {
    font-size: 90px
  }
  .nlh10 {
    line-height: 10px
  }
  .nlh11 {
    line-height: 11px
  }
  .nlh12 {
    line-height: 12px
  }
  .nlh13 {
    line-height: 13px
  }
  .nlh14 {
    line-height: 14px
  }
  .nlh15 {
    line-height: 15px
  }
  .nlh16 {
    line-height: 16px
  }
  .nlh17 {
    line-height: 17px
  }
  .nlh18 {
    line-height: 18px
  }
  .nlh19 {
    line-height: 19px
  }
  .nlh20 {
    line-height: 20px
  }
  .nlh21 {
    line-height: 21px
  }
  .nlh22 {
    line-height: 22px
  }
  .nlh23 {
    line-height: 23px
  }
  .nlh24 {
    line-height: 24px
  }
  .nlh25 {
    line-height: 25px
  }
  .nlh26 {
    line-height: 26px
  }
  .nlh27 {
    line-height: 27px
  }
  .nlh28 {
    line-height: 28px
  }
  .nlh29 {
    line-height: 29px
  }
  .nlh30 {
    line-height: 30px
  }
  .nlh31 {
    line-height: 31px
  }
  .nlh32 {
    line-height: 32px
  }
  .nlh33 {
    line-height: 33px
  }
  .nlh34 {
    line-height: 34px
  }
  .nlh35 {
    line-height: 35px
  }
  .nlh36 {
    line-height: 36px
  }
  .nlh37 {
    line-height: 37px
  }
  .nlh38 {
    line-height: 38px
  }
  .nlh39 {
    line-height: 39px
  }
  .nlh40 {
    line-height: 40px
  }
  .nlh41 {
    line-height: 41px
  }
  .nlh42 {
    line-height: 42px
  }
  .nlh43 {
    line-height: 43px
  }
  .nlh44 {
    line-height: 44px
  }
  .nlh45 {
    line-height: 45px
  }
  .nlh46 {
    line-height: 46px
  }
  .nlh47 {
    line-height: 47px
  }
  .nlh48 {
    line-height: 48px
  }
  .nlh49 {
    line-height: 49px
  }
  .nlh50 {
    line-height: 50px
  }
}
@media (max-width: 992px) {
  .pc {
    display: none
  }
  .pc2 {
    display: none
  }
  .tablet {
    display: block !important
  }
  .tablet2 {
    display: inherit !important
  }
  .mleft {
    text-align: left !important;
  }
  .mright {
    text-align: right !important;
  }
  .mcenter {
    text-align: center !important;
  }
  .mf10 {
    font-size: 10px
  }
  .mf11 {
    font-size: 11px
  }
  .mf12 {
    font-size: 12px
  }
  .mf13 {
    font-size: 13px
  }
  .mf14 {
    font-size: 14px
  }
  .mf15 {
    font-size: 15px
  }
  .mf16 {
    font-size: 16px
  }
  .mf17 {
    font-size: 17px
  }
  .mf18 {
    font-size: 18px
  }
  .mf19 {
    font-size: 19px
  }
  .mf20 {
    font-size: 20px
  }
  .mf21 {
    font-size: 21px
  }
  .mf22 {
    font-size: 22px
  }
  .mf23 {
    font-size: 23px
  }
  .mf24 {
    font-size: 24px
  }
  .mf25 {
    font-size: 25px
  }
  .mf26 {
    font-size: 26px
  }
  .mf27 {
    font-size: 27px
  }
  .mf28 {
    font-size: 28px
  }
  .mf29 {
    font-size: 29px
  }
  .mf30 {
    font-size: 30px
  }
  .mf31 {
    font-size: 31px
  }
  .mf32 {
    font-size: 32px
  }
  .mf33 {
    font-size: 33px
  }
  .mf34 {
    font-size: 34px
  }
  .mf35 {
    font-size: 35px
  }
  .mf36 {
    font-size: 36px
  }
  .mf37 {
    font-size: 37px
  }
  .mf38 {
    font-size: 38px
  }
  .mf39 {
    font-size: 39px
  }
  .mf40 {
    font-size: 40px
  }
  .mf41 {
    font-size: 41px
  }
  .mf42 {
    font-size: 42px
  }
  .mf43 {
    font-size: 43px
  }
  .mf44 {
    font-size: 44px
  }
  .mf45 {
    font-size: 45px
  }
  .mf46 {
    font-size: 46px
  }
  .mf47 {
    font-size: 47px
  }
  .mf48 {
    font-size: 48px
  }
  .mf49 {
    font-size: 49px
  }
  .mf50 {
    font-size: 50px
  }
  .mf60 {
    font-size: 60px
  }
  .mf70 {
    font-size: 70px
  }
  .mf80 {
    font-size: 80px
  }
  .mf90 {
    font-size: 90px
  }
  .mlh10 {
    line-height: 10px
  }
  .mlh11 {
    line-height: 11px
  }
  .mlh12 {
    line-height: 12px
  }
  .mlh13 {
    line-height: 13px
  }
  .mlh14 {
    line-height: 14px
  }
  .mlh15 {
    line-height: 15px
  }
  .mlh16 {
    line-height: 16px
  }
  .mlh17 {
    line-height: 17px
  }
  .mlh18 {
    line-height: 18px
  }
  .mlh19 {
    line-height: 19px
  }
  .mlh20 {
    line-height: 20px
  }
  .mlh21 {
    line-height: 21px
  }
  .mlh22 {
    line-height: 22px
  }
  .mlh23 {
    line-height: 23px
  }
  .mlh24 {
    line-height: 24px
  }
  .mlh25 {
    line-height: 25px
  }
  .mlh26 {
    line-height: 26px
  }
  .mlh27 {
    line-height: 27px
  }
  .mlh28 {
    line-height: 28px
  }
  .mlh29 {
    line-height: 29px
  }
  .mlh30 {
    line-height: 30px
  }
  .mlh31 {
    line-height: 31px
  }
  .mlh32 {
    line-height: 32px
  }
  .mlh33 {
    line-height: 33px
  }
  .mlh34 {
    line-height: 34px
  }
  .mlh35 {
    line-height: 35px
  }
  .mlh36 {
    line-height: 36px
  }
  .mlh37 {
    line-height: 37px
  }
  .mlh38 {
    line-height: 38px
  }
  .mlh39 {
    line-height: 39px
  }
  .mlh40 {
    line-height: 40px
  }
  .mlh41 {
    line-height: 41px
  }
  .mlh42 {
    line-height: 42px
  }
  .mlh43 {
    line-height: 43px
  }
  .mlh44 {
    line-height: 44px
  }
  .mlh45 {
    line-height: 45px
  }
  .mlh46 {
    line-height: 46px
  }
  .mlh47 {
    line-height: 47px
  }
  .mlh48 {
    line-height: 48px
  }
  .mlh49 {
    line-height: 49px
  }
  .mlh50 {
    line-height: 50px
  }
  
  .mh34{
  	height:34px ;
  }
   .mmb-2{
  	margin-bottom: .5em !important;
  }
}
@media (max-width: 768px) {
  .bilgisayar {
    display: none
  }
  .bilgisayar2 {
    display: none
  }
  .telefon {
    display: block !important
  }
  .telefon2 {
    display: inherit !important
  }
}

.float-left{
    float:left;
}
.float-right{
    float:right;
}