::-webkit-scrollbar {
  width: 10px;
  height: 10px !important
}
::-webkit-scrollbar-track-piece {
  background: var(--alti);
}
::-webkit-scrollbar-thumb:vertical {
  background: var(--uc);
  background: var(--yirmidokuz);
}
::-moz-selection, ::selection {
  background: var(--bir);
  color: var(--alti)
}
::-webkit-scrollbar {
  width: 1em
}
::-webkit-scrollbar-track {
  background-color: rgba(246, 246, 246);
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .3) !important;
  border-radius: 1px 0 0 1px !important
}
::-webkit-scrollbar-thumb {
  background: var(--yirmidokuz);
  outline: 1px solid rgba(246, 246, 246);
  border-top: 0;
  border-bottom: 0;
  border-radius: 0 !important;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .5) !important;
}
.justify, .align-justify {
  text-align: justify
}
.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
}
.k {
  font-weight: 700 !important
}
.n {
  font-weight: 400 !important
}
.i {
  font-style: italic !important
}
.u {
  text-decoration: underline !important
}
.un {
  text-decoration: none !important
}
.center {
  text-align: center !important
}
.justify {
  text-align: justify !important
}
.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
}
.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
}
.beyaz, .beyaz a, .beyaz li a {
  color: #fff !important
}
.bbeyaz, .bbeyaz a, .bbeyaz a:hover, .bbeyaz li a, .bbeyaz li a:hover, .bbeyaz:hover {
  color: #fff !important
}
.siyah, .siyah a, .siyah li a {
  color: var(--siyah) !important
}
.mavi, .mavi a, .mavi li a {
  color: var(--bir)
}
.text-right {
  text-align: right !important
}
.middle {
  display: flex;
  align-items: center
}
.btn-check:focus + .btn-outline-primary, .btn-group > .btn:active, .btn-outline-primary.dropdown-toggle.show:focus, .btn-outline-primary:active:focus, .btn-outline-primary:focus {
  box-shadow: none
}
.btn-check:focus + .btn, .btn:focus {
  outline: 0;
  box-shadow: none
}
.bgw {
  background: #fff !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 !important
}
.f12 {
  font-size: 12px !important
}
.f13 {
  font-size: 13px !important
}
.f14 {
  font-size: 14px !important
}
.f15 {
  font-size: 15px !important
}
.f16 {
  font-size: 16px !important
}
.f17 {
  font-size: 17px !important
}
.f18 {
  font-size: 18px !important
}
.f19 {
  font-size: 19px !important
}
.f20 {
  font-size: 20px !important
}
.f21 {
  font-size: 21px !important
}
.f22 {
  font-size: 22px !important
}
.f23 {
  font-size: 23px !important
}
.f24 {
  font-size: 24px !important
}
.f25 {
  font-size: 25px !important
}
.f26 {
  font-size: 26px !important
}
.f27 {
  font-size: 27px !important
}
.f28 {
  font-size: 28px !important
}
.f29 {
  font-size: 29px !important
}
.f30 {
  font-size: 30px !important
}
.f31 {
  font-size: 31px !important
}
.f32 {
  font-size: 32px !important
}
.f33 {
  font-size: 33px !important
}
.f34 {
  font-size: 34px !important
}
.f35 {
  font-size: 35px !important
}
.f36 {
  font-size: 36px !important
}
.f37 {
  font-size: 37px !important
}
.f38 {
  font-size: 38px !important
}
.f39 {
  font-size: 39px !important
}
.f40 {
  font-size: 40px !important
}
.f41 {
  font-size: 41px !important
}
.f42 {
  font-size: 42px !important
}
.f43 {
  font-size: 43px !important
}
.f44 {
  font-size: 44px !important
}
.f45 {
  font-size: 45px !important
}
.f46 {
  font-size: 46px !important
}
.f47 {
  font-size: 47px !important
}
.f48 {
  font-size: 48px !important
}
.f49 {
  font-size: 49px !important
}
.f50 {
  font-size: 50px !important
}
.f60 {
  font-size: 60px !important
}
.f70 {
  font-size: 70px !important
}
.f80 {
  font-size: 80px !important
}
.f90 {
  font-size: 90px !important
}
.f100 {
  font-weight: 100 !important
}
.f200 {
  font-weight: 200 !important
}
.f300 {
  font-weight: 300 !important
}
.f400 {
  font-weight: 400 !important
}
.f500 {
  font-weight: 500 !important
}
.f600 {
  font-weight: 600 !important
}
.f700 {
  font-weight: 700 !important
}
.f800 {
  font-weight: 800 !important
}
.f900 {
  font-weight: 900 !important
}
.lh10 {
  line-height: 10px !important
}
.lh11 {
  line-height: 11px !important
}
.lh12 {
  line-height: 12px !important
}
.lh13 {
  line-height: 13px !important
}
.lh14 {
  line-height: 14px !important
}
.lh15 {
  line-height: 15px !important
}
.lh16 {
  line-height: 16px !important
}
.lh17 {
  line-height: 17px !important
}
.lh18 {
  line-height: 18px !important
}
.lh19 {
  line-height: 19px !important
}
.lh20 {
  line-height: 20px !important
}
.lh21 {
  line-height: 21px !important
}
.lh22 {
  line-height: 22px !important
}
.lh23 {
  line-height: 23px !important
}
.lh24 {
  line-height: 24px !important
}
.lh25 {
  line-height: 25px !important
}
.lh26 {
  line-height: 26px !important
}
.lh27 {
  line-height: 27px !important
}
.lh28 {
  line-height: 28px !important
}
.lh29 {
  line-height: 29px !important
}
.lh30 {
  line-height: 30px !important
}
.lh31 {
  line-height: 31px !important
}
.lh32 {
  line-height: 32px !important
}
.lh33 {
  line-height: 33px !important
}
.lh34 {
  line-height: 34px !important
}
.lh35 {
  line-height: 35px !important
}
.lh36 {
  line-height: 36px !important
}
.lh37 {
  line-height: 37px !important
}
.lh38 {
  line-height: 38px !important
}
.lh39 {
  line-height: 39px !important
}
.lh40 {
  line-height: 40px !important
}
.lh41 {
  line-height: 41px !important
}
.lh42 {
  line-height: 42px !important
}
.lh43 {
  line-height: 43px !important
}
.lh44 {
  line-height: 44px !important
}
.lh45 {
  line-height: 45px !important
}
.lh46 {
  line-height: 46px !important
}
.lh47 {
  line-height: 47px !important
}
.lh48 {
  line-height: 48px !important
}
.lh49 {
  line-height: 49px !important
}
.lh50 {
  line-height: 50px !important
}
.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
}
.nobr, .nowrap {
  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 !important
}
.ls2 {
  letter-spacing: .2px !important
}
.ls3 {
  letter-spacing: .3px !important
}
.ls4 {
  letter-spacing: .4px !important
}
.ls5 {
  letter-spacing: .5px !important
}
.ls6 {
  letter-spacing: .6px !important
}
.ls7 {
  letter-spacing: .7px !important
}
.ls8 {
  letter-spacing: .8px !important
}
.ls9 {
  letter-spacing: .9px !important
}
.ls10 {
  letter-spacing: 1px !important
}
@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
  }
}
@media (min-width:1200px) {
  .nf10 {
    font-size: 10px !important
  }
  .nf11 {
    font-size: 11px !important
  }
  .nf12 {
    font-size: 12px !important
  }
  .nf13 {
    font-size: 13px !important
  }
  .nf14 {
    font-size: 14px !important
  }
  .nf15 {
    font-size: 15px !important
  }
  .nf16 {
    font-size: 16px !important
  }
  .nf17 {
    font-size: 17px !important
  }
  .nf18 {
    font-size: 18px !important
  }
  .nf19 {
    font-size: 19px !important
  }
  .nf20 {
    font-size: 20px !important
  }
  .nf21 {
    font-size: 21px !important
  }
  .nf22 {
    font-size: 22px !important
  }
  .nf23 {
    font-size: 23px !important
  }
  .nf24 {
    font-size: 24px !important
  }
  .nf25 {
    font-size: 25px !important
  }
  .nf26 {
    font-size: 26px !important
  }
  .nf27 {
    font-size: 27px !important
  }
  .nf28 {
    font-size: 28px !important
  }
  .nf29 {
    font-size: 29px !important
  }
  .nf30 {
    font-size: 30px !important
  }
  .nf31 {
    font-size: 31px !important
  }
  .nf32 {
    font-size: 32px !important
  }
  .nf33 {
    font-size: 33px !important
  }
  .nf34 {
    font-size: 34px !important
  }
  .nf35 {
    font-size: 35px !important
  }
  .nf36 {
    font-size: 36px !important
  }
  .nf37 {
    font-size: 37px !important
  }
  .nf38 {
    font-size: 38px !important
  }
  .nf39 {
    font-size: 39px !important
  }
  .nf40 {
    font-size: 40px !important
  }
  .nf41 {
    font-size: 41px !important
  }
  .nf42 {
    font-size: 42px !important
  }
  .nf43 {
    font-size: 43px !important
  }
  .nf44 {
    font-size: 44px !important
  }
  .nf45 {
    font-size: 45px !important
  }
  .nf46 {
    font-size: 46px !important
  }
  .nf47 {
    font-size: 47px !important
  }
  .nf48 {
    font-size: 48px !important
  }
  .nf49 {
    font-size: 49px !important
  }
  .nf50 {
    font-size: 50px !important
  }
  .nf60 {
    font-size: 60px !important
  }
  .nf70 {
    font-size: 70px !important
  }
  .nf80 {
    font-size: 80px !important
  }
  .nf90 {
    font-size: 90px !important
  }
  .nlh10 {
    line-height: 10px !important
  }
  .nlh11 {
    line-height: 11px !important
  }
  .nlh12 {
    line-height: 12px !important
  }
  .nlh13 {
    line-height: 13px !important
  }
  .nlh14 {
    line-height: 14px !important
  }
  .nlh15 {
    line-height: 15px !important
  }
  .nlh16 {
    line-height: 16px !important
  }
  .nlh17 {
    line-height: 17px !important
  }
  .nlh18 {
    line-height: 18px !important
  }
  .nlh19 {
    line-height: 19px !important
  }
  .nlh20 {
    line-height: 20px !important
  }
  .nlh21 {
    line-height: 21px !important
  }
  .nlh22 {
    line-height: 22px !important
  }
  .nlh23 {
    line-height: 23px !important
  }
  .nlh24 {
    line-height: 24px !important
  }
  .nlh25 {
    line-height: 25px !important
  }
  .nlh26 {
    line-height: 26px !important
  }
  .nlh27 {
    line-height: 27px !important
  }
  .nlh28 {
    line-height: 28px !important
  }
  .nlh29 {
    line-height: 29px !important
  }
  .nlh30 {
    line-height: 30px !important
  }
  .nlh31 {
    line-height: 31px !important
  }
  .nlh32 {
    line-height: 32px !important
  }
  .nlh33 {
    line-height: 33px !important
  }
  .nlh34 {
    line-height: 34px !important
  }
  .nlh35 {
    line-height: 35px !important
  }
  .nlh36 {
    line-height: 36px !important
  }
  .nlh37 {
    line-height: 37px !important
  }
  .nlh38 {
    line-height: 38px !important
  }
  .nlh39 {
    line-height: 39px !important
  }
  .nlh40 {
    line-height: 40px !important
  }
  .nlh41 {
    line-height: 41px !important
  }
  .nlh42 {
    line-height: 42px !important
  }
  .nlh43 {
    line-height: 43px !important
  }
  .nlh44 {
    line-height: 44px !important
  }
  .nlh45 {
    line-height: 45px !important
  }
  .nlh46 {
    line-height: 46px !important
  }
  .nlh47 {
    line-height: 47px !important
  }
  .nlh48 {
    line-height: 48px !important
  }
  .nlh49 {
    line-height: 49px !important
  }
  .nlh50 {
    line-height: 50px !important
  }
}
@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
  }
  .mf10 {
    font-size: 10px !important
  }
  .mf11 {
    font-size: 11px !important
  }
  .mf12 {
    font-size: 12px !important
  }
  .mf13 {
    font-size: 13px !important
  }
  .mf14 {
    font-size: 14px !important
  }
  .mf15 {
    font-size: 15px !important
  }
  .mf16 {
    font-size: 16px !important
  }
  .mf17 {
    font-size: 17px !important
  }
  .mf18 {
    font-size: 18px !important
  }
  .mf19 {
    font-size: 19px !important
  }
  .mf20 {
    font-size: 20px !important
  }
  .mf21 {
    font-size: 21px !important
  }
  .mf22 {
    font-size: 22px !important
  }
  .mf23 {
    font-size: 23px !important
  }
  .mf24 {
    font-size: 24px !important
  }
  .mf25 {
    font-size: 25px !important
  }
  .mf26 {
    font-size: 26px !important
  }
  .mf27 {
    font-size: 27px !important
  }
  .mf28 {
    font-size: 28px !important
  }
  .mf29 {
    font-size: 29px !important
  }
  .mf30 {
    font-size: 30px !important
  }
  .mf31 {
    font-size: 31px !important
  }
  .mf32 {
    font-size: 32px !important
  }
  .mf33 {
    font-size: 33px !important
  }
  .mf34 {
    font-size: 34px !important
  }
  .mf35 {
    font-size: 35px !important
  }
  .mf36 {
    font-size: 36px !important
  }
  .mf37 {
    font-size: 37px !important
  }
  .mf38 {
    font-size: 38px !important
  }
  .mf39 {
    font-size: 39px !important
  }
  .mf40 {
    font-size: 40px !important
  }
  .mf41 {
    font-size: 41px !important
  }
  .mf42 {
    font-size: 42px !important
  }
  .mf43 {
    font-size: 43px !important
  }
  .mf44 {
    font-size: 44px !important
  }
  .mf45 {
    font-size: 45px !important
  }
  .mf46 {
    font-size: 46px !important
  }
  .mf47 {
    font-size: 47px !important
  }
  .mf48 {
    font-size: 48px !important
  }
  .mf49 {
    font-size: 49px !important
  }
  .mf50 {
    font-size: 50px !important
  }
  .mf60 {
    font-size: 60px !important
  }
  .mf70 {
    font-size: 70px !important
  }
  .mf80 {
    font-size: 80px !important
  }
  .mf90 {
    font-size: 90px !important
  }
  .mlh10 {
    line-height: 10px !important
  }
  .mlh11 {
    line-height: 11px !important
  }
  .mlh12 {
    line-height: 12px !important
  }
  .mlh13 {
    line-height: 13px !important
  }
  .mlh14 {
    line-height: 14px !important
  }
  .mlh15 {
    line-height: 15px !important
  }
  .mlh16 {
    line-height: 16px !important
  }
  .mlh17 {
    line-height: 17px !important
  }
  .mlh18 {
    line-height: 18px !important
  }
  .mlh19 {
    line-height: 19px !important
  }
  .mlh20 {
    line-height: 20px !important
  }
  .mlh21 {
    line-height: 21px !important
  }
  .mlh22 {
    line-height: 22px !important
  }
  .mlh23 {
    line-height: 23px !important
  }
  .mlh24 {
    line-height: 24px !important
  }
  .mlh25 {
    line-height: 25px !important
  }
  .mlh26 {
    line-height: 26px !important
  }
  .mlh27 {
    line-height: 27px !important
  }
  .mlh28 {
    line-height: 28px !important
  }
  .mlh29 {
    line-height: 29px !important
  }
  .mlh30 {
    line-height: 30px !important
  }
  .mlh31 {
    line-height: 31px !important
  }
  .mlh32 {
    line-height: 32px !important
  }
  .mlh33 {
    line-height: 33px !important
  }
  .mlh34 {
    line-height: 34px !important
  }
  .mlh35 {
    line-height: 35px !important
  }
  .mlh36 {
    line-height: 36px !important
  }
  .mlh37 {
    line-height: 37px !important
  }
  .mlh38 {
    line-height: 38px !important
  }
  .mlh39 {
    line-height: 39px !important
  }
  .mlh40 {
    line-height: 40px !important
  }
  .mlh41 {
    line-height: 41px !important
  }
  .mlh42 {
    line-height: 42px !important
  }
  .mlh43 {
    line-height: 43px !important
  }
  .mlh44 {
    line-height: 44px !important
  }
  .mlh45 {
    line-height: 45px !important
  }
  .mlh46 {
    line-height: 46px !important
  }
  .mlh47 {
    line-height: 47px !important
  }
  .mlh48 {
    line-height: 48px !important
  }
  .mlh49 {
    line-height: 49px !important
  }
  .mlh50 {
    line-height: 50px !important
  }
}
@media (max-width:768px) {
  .bilgisayar {
    display: none
  }
  .bilgisayar2 {
    display: none
  }
  .telefon {
    display: block !important
  }
  .telefon2 {
    display: inherit !important
  }
}