img.lazy {
  opacity: 0;
}
img:not(.initial) {
  transition: opacity 1s;
}
img.initial,
img.loaded,
img.error {
  opacity: 1;
}
.owl-carousel .owl-item .owl-lazy.loaded,.owl-carousel .owl-item .owl-lazy.loading {
opacity: 1;
}
.overflow-auto {
    overflow: auto!important;
}

.ornek-calisma {
    text-decoration: underline;
}

.wh-110 {
    width: 100px;
    height: 100px;
}

.camera {
    width: 18px;
    height: 14px;
    margin-top: -3px;
}

.overflow-hidden {
    overflow: hidden!important;
}
.wpp {
    position: fixed;
    bottom: 24px;
    left: 35px;
    z-index: 99999;
    width: 72px;
    height: 72px;
}
img{
    max-width: 100%;
    height: auto!important;
}



.buyut{
  width: 165px;
padding-left: 8px;
}


.uc-satir{
  height: 49px;
  margin-top: 0;
  margin-bottom: 9px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 16px;
}

.yeniKategori .card {
  overflow: hidden;
}

.yeniKategori img{
            transition: transform .5s cubic-bezier(0,0,.44,1.18);
}

.yeniKategori .card:hover img{
      transform: scale(1.09);
          transition: transform .5s cubic-bezier(0,0,.44,1.18);
}
.yeniKategori .card-body{
  position: absolute;
  bottom: 0px;
      padding: 21px;
}


.yeniKategori .card-body p{
  font-size: 13px; margin-top: 7px;
  color: #b1b1b1;
}

.yeniKategori .card-body span{
  font-size: 20px;     display: block;
    margin-bottom: 0;
    line-height: 1.3;
  color:#242424;
}

.yeniKategori .col-md-6{
  padding-right: 0px;
padding-left: 15px;
}


.yeniKategori .col-6{
  padding-right: 10px;
padding-left: 11px;
}


.yeniKategori .ikinciKisim .col-6:nth-child(even){
  padding-right: 15px;
  padding-left: 5px;
}

.yeniKategori .ikinciKisim .col-6{ margin-bottom: 10px}










.kategori-urun {
      transition: all 0.5s;
}

.kategori-urun:hover {
    border: solid 2px #f99c1a   !important;
    box-shadow: 0 10px 70px -30px rgba(0,0,0,.4);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.03);
}


.kategori-urun .text{
  margin-top: 23px
}

.kategori-urun .text h2{
margin-bottom: 4px
}

.kategori-urun .text h2 a{    height: 42px;
    margin-top: 0;
    margin-bottom: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}


.kategori-urun .text .leftArrow {
    width: 20px;
    height: 20px;
    background: url(/assets/left-arrow.png);
    display: inline-block;
    -webkit-animation: arrow-jump 1s infinite;
    -moz-animation: arrow-jump 1s infinite;
    -o-animation: arrow-jump 1s infinite;
    animation: arrow-jump 1s infinite;

    right: 18px;
    position: absolute;
}


@-webkit-keyframes arrow-jump {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(-10px);
        -moz-transform: translateX(-10px);
        -0-transform: translateX(-10px);
        transform: translateX(-10px);
    }
}



h2,h3,h4,h5,h6{
  line-height: 1.3;
margin: 0 0 0.75em;
letter-spacing: 0.2px;
    width: 100%;
}
h2{  font-size: 24px !important;  font-weight: 500!important;}
h3{  font-size: 18px !important;    font-weight: 500 !important;}
h4{ font-size: 1.2em !important;}
h5{ font-size: 1.1em !important;}
h6{ font-size: 14px !important; }
p{margin: 0 0 32px; letter-spacing: 0.2px; font-size: 16px; line-height: 24px;}

#hesabim, #menu,#sirala,#mobil-filitre {
  display: none;
}

.wc-25{
  width: calc(100% - 25px);
}
.badgee{
  background: #16e38a;
      padding: 3px 10px;
      border-radius: 20px;
      font-size: 10px;
      font-weight: 500;
      margin-left: 10px;
      color: #ffffff !important;
margin-left: 5px;
    border-radius: 12px!important;
}

.mw-115{max-width: 115px}
.mw-285{max-width: 285px}

.owl-carousel .owl-stage, .owl-carousel.owl-drag .owl-item{
    -ms-touch-action: auto !important;
        touch-action: auto  !important;
}
.modal:nth-of-type(even) {
    z-index: 10400 !important;
}
.modal-backdrop.show:nth-of-type(even) {
    z-index:  10401 !important;
}

.modal.fade {
background: rgba(0, 0, 0, 0.5);
}

.d-grid{display: grid !important;}

.modal-backdrop.fade {
opacity: 0;
}

.modal-backdrop.fade.show.stacked{display: none }
.bg-uyari{
  background-color: #fff8ee;
}
.bg-turuncu {
    background: #fbae06;
}
.bg-sari {
    background: #fff800 !important;
}

.turuncu {
    color: #f99c1a !important;
}

a.btn.bg-sari{
  border-color: #fff800 !important;
background-color: #fff800 !important;
color: #4a4a56 !important;
}

.alan-kucuk{
  height: 100px;
  overflow: auto;
}

.alan-kucuk-2{
  height: 350px;
  overflow: auto;
}

.scroll-at::-webkit-scrollbar {
  width: 5px;
}

.scroll-at::-webkit-scrollbar-track {
  background: rgba(34, 34, 34, 0.1);
}

.scroll-at::-webkit-scrollbar-thumb {
  background: rgba(99, 99, 99, 0.2);
}

.scroll-at::-webkit-scrollbar-thumb:hover {
  background: rgba(34, 45, 45, 0.4);
}

.scroll-at::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(0, 0, 0, 0.05);
}


.urun img{ max-width: 100% !important; height: auto !important;}

.bg-yesil{background: #87b54e }
.bg-yesil-2{background: #16e38a !important }
.yesil-2{color: #16e38a!important }
.bg-gri {
    background: #efedee;
}
.bg-a-sari{
  background-color: #fffad7;
}
.bg-a-mavi{
    background-color:#f99c1a 1A;
}

.bg-a-gri{
background:#FAFAFA
}

.bg-k-gri{
  background:#F0F0F4
}

.bg-gri2{
  background:#f4f9fb
}

.ls-14{
      letter-spacing: .14px;
}

.ls-12{
      letter-spacing: .12px;
}

.bg-gri3{background: #fafafc}

.bg-gri4{background:#f8f8f8}

.vid{background: #f8faf5}

.vid .owl-dots{margin-top: 40px !important}

.vid  .owl-carousel .owl-video-tn { background-size: cover;}

.owl-carousel .item-video{height:242px}
#hesabim,#menu{display: none;}
a {text-decoration: none !important;}
.dropdown, .dropup{position: inherit;}
.navbar-expand-lg .navbar-nav .dropdown-menu{width: 100%}
.kucuk{    width: 210px !important; left: inherit;  margin-left: -1px;}
.buyuk li{   float: left}
.buyuk li ul li{width: 100%; display: block;    list-style: none; }
form{
  display: -webkit-box;
}

form#kargo_form{display: block;}
#talep_formu input[type=file]::file-selector-button {
  border: none;

  border-radius: 4px;
  background-color: #f99c1a ;
  transition: .3s;
  height: 34px;
  color: #fff;
  font-weight: 500;
  margin: 2px 5px 2px 2px;
  line-height: 34px;
  cursor: pointer;
  padding: 0 8px;

}
.modal{z-index: 1058}

.pt-35{padding-top: 45px;}
.pb-35{padding-bottom: 45px;}
.mt--5{margin-top: -5px;}
.mtt-5{margin-top: 5px !important;}
.mt--8{margin-top: -8px;}
.mt-6{margin-top: 6px;}

.m-t-1{margin-top: 1px}
.mt-13{margin-top: 13px}
.mb-13{margin-bottom: 13px}
.ml-11{margin-left: 11px}
.mr-11{margin-right: 11px}


.w-15{width: 15%}
.w-33{width: 33% !important}

.height-97{height: 97px !important;}
.height-51{height: 51px !important;}

.pt-16{padding-top: 16px;}
.pt-25{padding-top: 25px;}
.pb-25{padding-bottom: 25px;}
.pb-29{padding-bottom: 29px;}

.f-500{font-weight: 500 !important;}

.dropdown-menu ul li{list-style: none}
.dropdown-menu li ul{float: left;}

.line-normal{line-height: normal;}
.line-inherit{line-height: inherit;}






        .yardim-2 #accordion .btn-link{color: #212121 !important;
        font-size: 14px !important;
        padding-bottom: 5px;
    font-family: 'Roboto', sans-serif;
        border-radius: 1px !important;
        border: 1px solid #e2e6eb !important;
        background-color: #fff !important;
        border-radius: 1px !important;
        width: 100%;
        text-align: left;}

        .yardim-2 #accordion  .card-header {
        padding: 0;
        margin-bottom: 0;
        background-color: initial;
        border-bottom: none;
    }


    .yardim-2 #accordion .card{border:none;    margin-bottom: 14px;}

    .yardim-2 #accordion .collapse {    text-align: left;
        border-top: 0;}

    .yardim-2 #accordion  .card-body{   text-align: left;  border-left: 1px solid #e2e6eb;  border-right: 1px solid #e2e6eb;   border-bottom:  1px solid #e2e6eb;  }


        .yardim-2 #accordion .collapse p{  padding: 0 !important}

      .yardim-2 #accordion .btn-link,  .yardim-2 #accordion .btn-link.collapsed:hover{background: #f5bf4a !important;}
        .yardim-2 #accordion .btn-link.collapsed{background-color: #fff !important; color: #000 !important}

    .yardim-2 #accordion .btn-link .iki{display: inline-block;}
    .yardim-2 #accordion .btn-link .bir{display: none;}

      .yardim-2 #accordion .btn-link.collapsed .bir{display: inline-block; color: #000 !important}
      .yardim-2 #accordion .btn-link.collapsed .iki{display: none;}



      .yardim-2 p,.yardim-2 span,  .yardim-2 a, .yardim-2 ul {    color: #666;
          font-size: 15px;
          line-height: 1.7;
          -ms-word-wrap: break-word;
          word-wrap: break-word;}

.deg-90{   -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Safari 3-8 */
    transform: rotate(90deg);}

 .resimli li {display: inline-block !important;    float: left;}
.resimli li a img{display: block; width: 100%}
.resimli ul{padding: 0}
.dropdown-submenu{position: relative;}
.dropdown-submenu>.dropdown-menu{    left: 208px;
     margin-top: -42px !important;
    margin-left: -10px;
    border-left: 0;
    box-shadow:  6px 3px 11px -3px rgba(0,0,0,0.2) !important;     margin-top: -41px !important;}

.alan-kucuk-2 ul{width: 100%}

.dropdown:hover>.dropdown-menu,.dropdown-submenu:hover>.dropdown-menu{display: block !important;  }


.navbar .dropdown:hover>.dropdown-menu,.navbar .dropdown-submenu:hover>.dropdown-menu{ display: block !important; top: 100% !important}



.navbar-expand-lg .navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}
.dropdown-menu.buyuk .yaziiki span{    height: 35px;
  line-height: 1.2 !important;
    overflow: hidden;
    text-overflow: ellipsis;

    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: grid !important;
    align-content: end;
 }

    .owl-carousel .owl-nav {
        position: absolute;
        right: 0;
        left: 0;
        top: calc(50% - 24px);
    }

    .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {
    height: 48px;
    width: 24px;

    transition: background-color .2s linear, box-shadow .2s linear;
    background: transparent  !important;
    color: #D9D9E1 !important;
}


  .owl-carousel .owl-nav button i{
      font-size: 48px;

      color: #D9D9E1 !important;
}

.owl-carousel .owl-nav button.owl-next {
    position: absolute;
    right: -25px;
}

.owl-carousel .owl-nav button.owl-prev {
    position: absolute;
    left: -25px;
}


.kaydir.owl-carousel .owl-nav button.owl-next {
    position: absolute;
    right: -40px;
}

.kaydir.owl-carousel .owl-nav button.owl-prev {
    position: absolute;
    left: -40px;
}



.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled{display: none !important;}
.owl-theme .owl-nav [class*=owl-]:hover {  opacity: 1;}
.yapim{background-image: url(/assets/images/yapim.jpg);}

.reklam-alani p {
  margin: 0px!important;
}

.fixed {
    position: fixed;
    width: 100%;
    z-index: 99999;
    top: 0 !important;
}


.blog .owl-theme .owl-nav.disabled+.owl-dots{   z-index: 9999 !important;  position: absolute;}

#return-to-top{position: fixed;
    bottom: 60px;
    right: 50px;
    width: 40px;
    height: 40px;
    color: #fff;
    line-height: 40px;
    font-size: 17px;
    background: #000000;
    z-index: 116;
    cursor: pointer;
    border-radius: 3px;
    box-shadow: 0px 0px 0px 7px rgb(224, 220, 219);
    -webkit-transform: translate3d(0,0,0);
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;}
  #return-to-top i{margin-left: 14px;}

  .facebook-messenger-acik{bottom:33px!important;right:104px!important;}

  .lh-12{line-height: 12px}
  .lh-13{line-height: 13px}
  .lh-14{line-height: 14px}
  .lh-16{line-height: 16px}
  .lh-19{line-height: 19px}
  .lh-15{line-height: 15px}
  .lh-25{line-height: 25px !important}
  .lh-27{line-height: 27px !important}
  .lh-28{line-height: 28px !important}

  .f-9{font-size: 9px !important}
  .f-10{font-size: 10px !important}
  .f-11{font-size: 11px !important}
  .f-12{font-size: 12px !important}
  .f-13{font-size: 13px !important}
  .f-14{font-size: 14px !important}
  .f-15{font-size: 15px !important}
  .f-16{font-size: 16px !important}
  .f-17{font-size: 17px !important}
  .f-18{font-size: 18px !important}
  .f-19{font-size: 19px !important}
  .f-20{font-size: 20px !important}
  .f-21{font-size: 21px !important}
  .f-22{font-size: 22px !important}
  .f-23{font-size: 23px !important}
  .f-24{font-size: 24px !important}
  .f-25{font-size: 25px !important}
  .f-26{font-size: 26px !important}
  .f-27{font-size: 27px !important}
  .f-28{font-size: 28px !important}
  .f-29{font-size: 29px !important}
  .f-30{font-size: 30px !important}
  .f-32{font-size: 32px !important}
  .f-33{font-size: 33px !important}
  .f-36{font-size: 36px !important}
  .f-40{font-size: 40px !important}
  .f-45{font-size: 45px !important}
  .f-43{font-size: 43px !important}
  .f-48{font-size: 48px !important}
  .f-74{font-size: 74px !important}

  .f-300{font-weight: 300 !important}
  .f-400{font-weight: 400 !important}
  .y-500,.f-500{font-weight: 500 !important}
  .f-600{font-weight: 600 !important}
  .f-700{font-weight: 700 !important}
.bg-yesil{    background: #51b549 !important;}
.bg-beyaz{background: #fff !important}
.beyaz{color:  #fff !important}
.bg-siyah{background: #000 !important}
.bg-mavi{background: #f99c1a  !important}
.siyah{color:  #000 !important}
.gri{color: #92929b !important;}
.k-gri{color: #5f6471 !important;}
.a-gri{color: #d9d9e1 !important;}
.gri2{color: #838386 !important;}
.gri3{color: #7e858a !important;}
.gri4{color: #8c8c8c !important;}
.amavi{color: #f99c1a  !important}
 .kargo i {
width: 30px
}

.kargo span {
width: calc(100% - 30px)
}




.yazi,span.yazi{color: #4a4a56 !important;}
.a-mavi,#menu a.a-mavi, #menu i.a-mavi{ color: #f99c1a  !important;}
.pembe,#menu a.pembe, #menu i.pembe{    color: #fb197b !important;}

.h-18{height: 18px}
.modal-content {
    border-radius: 8px !important;}

    .disabled {
  cursor: not-allowed !important;
  pointer-events: all !important;
}

.sticky-top {
    z-index: 99;
}

.swal2-container { z-index: 999060 !important;}

.pembe-border{    border: 1px solid #fb197b !important;}
.pembe-border-2{    border-color: #fb197b !important;}

.yesil{color:  #87B54E  !important}
.wyesil{color:  #25D366  !important}

.kirmizi{color:  #e11f10  !important}

.icon-yesil{color:  #f99c1a  !important}

  .l-37{left: 37px !important;}

  .c-pointer {cursor: pointer;}

  .bg-beyaz{background: #fff}

    .bg-yok{background: initial !important}


.mavi-hvr:hover,.mavi-hvr:hover i{
  color:#f99c1a  !important
}

.loader {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(255,255,255,.7) url(/assets/ajax-loader.gif) no-repeat center;
    display: none;
    z-index: 9999999;
}

.loading-bar{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
    background: rgb(0 0 0 / 52%) no-repeat center;
        z-index: 9999;
        display: none;
}

.loading-bar .progress-bar span{
  width: 51px;
    background: #fff;
    border-radius: 20px;
    right: -12px;
    position: absolute;
    text-align: center;
}

.loading-bar .yukleme-bar{
  top: calc(50% - 21px);
  position: absolute;
  width: 250px;
  left: calc(50% - 125px) !important;
}


.yesil-hvr:hover,.yesil-hvr:hover i{
  color:#f99c1a  !important
}


.glow,span.glow,.glow span{color:#fbae06;-webkit-animation:glow 1s ease-in-out infinite alternate;-moz-animation:glow 1s ease-in-out infinite alternate;animation:glow 1s ease-in-out infinite alternate}
@-webkit-keyframes glow {
from{color:#fbae06 }
to{color:#464f5a}
}



  .zebra:nth-child(even){ background:#fafafc }

  .a-1{-webkit-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;}

.l-yok li{list-style: none}
    .t-e-20{top: -20%}
    .t-e-28{top: -28%}

    .r-0{right: 0}
    .l-0{left: 0}
    .t-0{top: 0}
    .l-yok{left: initial;}
    .r-yok{right: initial;}

    .roww{    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;}

    .w-auto{width: auto;}

    .cursor-pointer{cursor: pointer}
    .buyuk-yap{ text-transform:uppercase }

    .dropdown-menu{z-index:99999 }
    .l-style-yok li{ list-style: none}

    .mmt-6{margin-top: -6px}
      .mmt-4{margin-top: -4px}
    .m-acik{display: none !important}



.kategori a span{position: absolute; bottom: 15px; width: calc(100% - 30px); left: 15px; height: 27px;
  overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
}

.kategori a{
  position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
      overflow: hidden;
}

.kategori a img{
  position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    transition: .4s;
}

.kategori a:hover img{
  transform: translate(-50%, -50%) rotate(-12.5deg) scale(1.4);
  transition: .4s;

}

.kategori a:hover span{
 color: #fff !important;
 background: #f99c1a  !important
}

.p-10 {
    padding: 10px;
}

.referanslar .alan{
  position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
      overflow: hidden;
}

.referanslar .alan img{
  position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    transition: .4s;
}

.referanslar .alan:hover img{
  transform: translate(-50%, -50%) rotate(-12.5deg) scale(1.4);
  transition: .4s;

}

.alt-cizgi-ekle-2:after {
    width: 40px;
    height: 2px;
    background-color: #f99c1a ;
    display: block;
    content: "";
    margin-top: 10px;
}


.border-ekle{
  border: 2px solid #f0f0f4;
}

.border-ekle-2{
  border: 2px solid #d9d9e1;
}

.border-ekle-3{
  border: 3px solid #f0f0f4;
}

.guven-bg{
  height: 140px;
    border-radius: 4px 4px 0 0;
    background: rgb(0, 255, 241);
    background: linear-gradient(61deg, rgba(0, 255, 241, 1) 0%, rgba(0, 212, 255, 1) 100%);
    padding: 30px;
    text-align: center;
    color: white;
    text-shadow: 0px 3px 6px #3CAEF7;
    font-size: 60px;
    margin: unset !important;
}

.kampanyalar{
  -webkit-transition: all .3s ease-in-out 0s;
-o-transition: all .3s ease-in-out 0s;
transition: all .3s ease-in-out 0s;
border: solid 2px #f0f0f4;
padding: 15px;
}


.kampanyalar:hover{
border: solid 2px #f99c1a  ;

}

.kampanyalar .aciklama{height: 50px;
  overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;}


    .sari-alan{
        background: #ffe84e;
    display: inline-block;
    text-align: center;
    padding: 4px 18px;
    border-radius: 30px;
    font-size: 15px;
    font-weight: 500;
    color: #3a4354;
    margin: 10px 0px;
      }

      .kampanyalar .btn-4{
        border: 2px solid #4a4a56;
border-radius: 5px;
font-size: 16px;
text-transform: uppercase;
padding: 11px 20px;
margin: 10px 0 20px;
display: inline-block;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
text-decoration: none;
font-weight: 500;
color: #4a4a56;
      }

      .kampanyalar .btn-4:hover{
        box-shadow: 0px 14px 16px -10px rgba(0,0,0,0.14);
      -webkit-transition: all 300ms ease;
      -moz-transition: all 300ms ease;
      -ms-transition: all 300ms ease;
      -o-transition: all 300ms ease;
      transition: all 300ms ease;
      }

      .kampanyalar .alt-aciklama{
        font-size: 10px;
            color: #666;
            line-height: 12px;
 height: 45px;
 display: table-cell;
 vertical-align: bottom;
      }

      .numune img{margin: -32px}


        .numune select{max-width: 350px;min-width: 266px;}



ul#countdown {

  width: 240px;
   overflow: hidden;
  font-weight: bold;
  right: 0;
  margin: 8px 8px 0 0;
}

ul#countdown li {
  margin: 0 1px 0 0;
  padding: 0;
  display: inline-block;
  font-size: 18px;
  text-align: center;
  font-weight: 400;
   width:38px;
       line-height: 15px;
}

ul#countdown li:nth-child(1) {
      margin-top: -4px;
 width: 76px !important
}
ul#countdown li .label {
  font-size: 10px;
  font-weight: 300
}



.kargo-adim img{max-width: 60px; max-height: 60px}
.kargo-adim .kutu{
      padding: 24px 28px;
      border: solid 1px #e5e5e5;
}
.kargo-adim .kutu span:nth-child(1){
  font-size: 16px;
      font-weight: bold;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.5;
      letter-spacing: -0.32px;
      color: #484848;
      display: flex;
      align-items: center;
          height: 38px;
          width: 100% !important
}
.kargo-adim .kutu span:nth-child(2){
  font-size: 14px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.5;
letter-spacing: -0.28px;
margin-top: 8px;
color: #646464;
      width: 100% !important
}

.dd-container, .dd-select{width: 100% !important}
.dd-select {

    border: solid 1px #e5e5e5;
    background: #fff !important;
    border-radius: 0.25rem!important;
}

.dd-options{width: 100% !important; border: solid 1px #e5e5e5!important;    background: #fff !important;}
.dd-options label,.dd-selected label{
      width: calc(100% - 70px);
}



.kargo-adim .kutu:hover {
    box-shadow: 0 8px 32px 0 rgba(0,0,0,.08);
}

.kargo-adim .fa-check{position: absolute; height: 35px; width: 35px; border-radius: 500px; right: 0; top: -11px; opacity: 0}
.kargo-adim .sec .fa-check{ opacity: 1}



@media (min-width: 1200px){
.col-xl.kategori{
  webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}
}
.golge{
  -webkit-box-shadow: 0 20px 34px -15px rgb(0 0 0 / 10%);
box-shadow: 0 20px 34px -15px rgb(0 0 0 / 10%);
}

.golge-2 {
    -webkit-box-shadow: 0px 10px 27px -15px rgb(0 0 0 / 30%);
    box-shadow: 0px 10px 27px -15px rgb(0 0 0 / 30%);
}


.golge-hvr:hover {
    -webkit-box-shadow: 0px 10px 22px -15px rgb(0 0 0 / 30%);
    box-shadow: 0px 10px 22px -15px rgb(0 0 0 / 30%);
}

.btn-golge{
  box-shadow: 0px 12px 20px 0 rgba(64,187,244,0.36);
}
.btn-golge:hover{
  box-shadow: none
}



.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #f99c1a  !important;
}

.blog .owl-dots{    margin-top: 21px !important;}


@media (max-width:1325px) {
 .owl-carousel .owl-nav button.owl-prev{left: 10px!important}
   .owl-carousel .owl-nav button.owl-next {right: 10px!important}
}



        @media (max-width:992px) {
        .mobil-w-101{width: 100% !important}
        .tablet-kapali{display: none !important}

        }

    @media (max-width:768px) {
      .mobil-position-relative{position: relative !important;}
      .modal-title{font-size: 14px;    line-height: 17px;}
.modal-header{padding: 5px}
.modal-body{padding-top:5px; padding-bottom: 5px}
.modal-content {  padding: 10px 7px!important;}
      .f-30.f-500.pt-5.mb-1{font-size: 21px !important;padding-top: 10px!important; }
      .alan-kucuk h2,.alan-kucuk h2 span,  .alan-kucuk h4,.alan-kucuk h4 span,.alan-kucuk-2 h2,.alan-kucuk-2 h2 span,  .alan-kucuk-2 h4,.alan-kucuk-2 h4 span{font-size: 17px!important;
    line-height: 19px !important;
    display: block;}
    .alan-kucuk  p,.alan-kucuk-2  p {
    margin: 0 0 21px;
    letter-spacing: 0.2px;
    font-size: 12px;
    line-height: 17px;
        margin-bottom: 7px;
}
.alan-kucuk ul li{font-size: 12px}

.d-block.f-30.mb-4{font-size: 14px !important; line-height: 0px}
h1.d-block.f-400.f-24.mb-1,span.d-block.f-24.mb-5{font-size: 20px !important;
    line-height: 19px!important;}
    span.d-block.f-14{font-size: 12px!important;    line-height: 16px;}


      .numune select{
        max-width: calc(100% - 170px);
min-width: calc(100% - 170px);
      }

      .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7,
      .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11,
      .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7,
      .col-xl-8, .col-xl-9, .col-xl-auto{padding-right:5px;padding-left:5px;}

      .m-row{    margin-right: 5px;margin-left: 5px;}
      .m-roww{    margin-right: 0px;margin-left: 0px;}
      .m-rowww{    margin-right: -5px;margin-left: -5px;}
      .m-rowwww{    margin-right: -10px;margin-left: -10px;}
      .m-rowwwww{    margin-right: -15px;margin-left: -15px;}
    .m-kapali{display: none !important}
    .m-acik{display: block  !important}

    .mobil-border-yok{border: none !important}
    .mobil-bg-beyaz{background-color:#fff !important}
        a.mobil-mavi{color:#40bbee  !important}
.mobil-w-100{width: 100% !important}
.mobil-w-87{width: 87% !important}

    .mobil-f-9{font-size: 9px !important}
    .mobil-f-10{font-size: 10px !important}
    .mobil-f-11{font-size: 11px !important}
    .mobil-f-12{font-size: 12px !important}
    .mobil-f-13{font-size: 13px !important}
    .mobil-f-14{font-size: 14px !important}
    .mobil-f-16{font-size: 16px !important}
    .mobil-f-17{font-size: 17px !important}
    .mobil-f-18{font-size: 18px !important}
    .mobil-f-21{font-size: 21px !important}
    .mobil-f-24{font-size: 24px !important}
    .mobil-f-74{font-size: 74px !important}
 .mobil-lh-9{line-height: 9px !important}
  .mobil-lh-14{line-height: 14px !important}
    .mobil-lh-16{line-height: 16px !important}

    .mt-5,.mobil-mt-5{    margin-top: 1.5rem !important;}
    .mb-5,.mobil-mb-5{    margin-bottom: 1.5rem !important;}
    .mr-5,.mobil-mr-5{    margin-right:1.5rem !important;}
    .ml-5,.mobil-ml-5{    margin-left: 1.5rem !important;}


.mt-4,.mobil-mt-4{    margin-top: 1rem !important;}
.mb-4,.mobil-mb-4{    margin-bottom: 1rem !important;}
.mr-4,.mobil-mr-4{    margin-right:1rem !important;}
.ml-4,.mobil-ml-4{    margin-left: 1rem !important;}

.mt-3,.mobil-mt-3{    margin-top: 0.7rem !important;}
.mb-3,.mobil-mb-3{    margin-bottom: 0.7rem !important;}
.mr-3,.mobil-mr-3{    margin-right:0.7rem !important;}
.ml-3,.mobil-ml-3{    margin-left: 0.7rem !important;}


.mt-2,.mobil-mt-2{    margin-top: 0.4rem !important;}
.mb-2,.mobil-mb-2{    margin-bottom: 0.4rem !important;}
.mr-2,.mobil-mr-2{    margin-right:0.4rem !important;}
.ml-2,.mobil-ml-2{    margin-left: 0.4rem !important;}



.mt-1,.mobil-mt-1{    margin-top: 0.17rem !important;}
.mb-1,.mobil-mb-1{    margin-bottom: 0.17rem !important;}
.mr-1,.mobil-mr-1{    margin-right:0.17rem !important;}
.ml-1,.mobil-ml-1{    margin-left: 0.17rem !important;}



.pt-5,.mobil-pt-5{    padding-top: 1.5rem !important;}
.pb-5,.mobil-pb-5{    padding-bottom: 1.5rem !important;}
.pr-5,.mobil-pr-5{    padding-right:1.5rem !important;}
.pl-5,.mobil-pl-5{    padding-left: 1.5rem !important;}


.pt-4,.mobil-pt-4{    padding-top: 1rem !important;}
.pb-4,.mobil-pb-4{    padding-bottom: 1rem !important;}
.pr-4,.mobil-pr-4{    padding-right:1rem !important;}
.pl-4,.mobil-pl-4{    padding-left: 1rem !important;}


.pt-2,.mobil-pt-2{    padding-top: 0.4rem !important;}
.pb-2,.mobil-pb-2{    padding-bottom: 0.4rem !important;}
.pr-2,.mobil-pr-2{    padding-right:0.4rem !important;}
.pl-2,.mobil-pl-2{    padding-left: 0.4rem !important;}


.pt-1,.mobil-pt-1{    padding-top: 0.17rem !important;}
.pb-1,.mobil-pb-1{    padding-bottom: 0.17rem !important;}
.pr-1,.mobil-pr-1{    padding-right:0.17rem !important;}
.pl-1,.mobil-pl-1{    padding-left: 0.17rem !important;}


.mobil-p-0{padding: 0 !important}
.mobil-m-0{margin: 0 !important}
.mobil-mr-0{margin-right: 0 !important}
.mobil-ml-0{margin-left: 0 !important}
.mobil-mt-0{margin-top: 0 !important}
.mobil-mb-0{margin-bottom: 0 !important}


.mobil-pt-0{padding-top: 0 !important}
.mobil-pl-0{padding-left: 0 !important}
.mobil-pr-0{padding-right: 0 !important}
.mobil-pb-0{padding-bottom: 0 !important}

.mobil-p-1{padding: 0.17rem !important}


.mobil-pt-0{padding-top: 0 !important}
.mobil-pl-0{padding-left: 0 !important}
.mobil-pr-0{padding-right: 0 !important}
.mobil-pb-0{padding-bottom: 0 !important}


.mobil-text-center{text-align: center;}
.mobil-float-right-yok{float: none;}

.mobil-roww{    display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: 0;
margin-right: 0;}
    }