@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
body { /*background: url('../images/bg.png') repeat;*/ font-family: 'Poppins', sans-serif !important; }
.bg-white { background-color: #fff; }
.text-white { color: #fff; }
.text-color { color: #373f50; }
.yayik-green { color: #899664; }
.mobile-show { display: none; }
.relative-z { position: relative; z-index: 100; }
.bg-secondary-2 { background-color: #717980; }
.btn-yayik { color: #fff;  background-color: #899664; border-color: #7a8759; box-shadow: unset; }
.bg-yayik { background-color: #899664; }
.topbar .topbar-link { margin-right: 15px; }
.topbar .topbar-link { margin-right: 15px; }
.slider-cont { position: relative; }
.slider-cont img { height: 507px; width: 100%; overflow: hidden; object-fit: cover; }
.slider-cont .item { position: relative; }
.slider-cont .slide-text { position: absolute; text-align: center; left: 0; right: 0; margin-top: 100px; color: #000; text-shadow: 0 0 4px #aaa; font-weight: 700; font-size: 18px;  }
.slider-cont .slide-text h3 { color: #000 !important; font-size: 32px; font-weight: 400; line-height: 2; }
.slider-cont .slide-text .btn { color: #000 !important; font-weight: 500; text-shadow: 0 0 4px #aaa; border: 2px solid #333; font-size: 14px !important; }
.slider-cont .slide-text.white { color: #fff; text-shadow: 0 0 4px #999; }
.slider-cont .slide-text.white h3 { color: #fff !important; }
.slider-cont .slide-text.white .btn { color: #fff !important; text-shadow: 0 0 4px #999; border: 2px solid #fff; }

.slider-cont .nav-cont { display: flex; justify-content: center; position: absolute; bottom: 0; left: 0; width: 100%; }
.slider-cont .nav-cont .tns-nav { position: relative !important; display: inline-block; background-color: rgba(0,0,0,.40); padding: 6px 12px 10px; width: auto; border-radius: 8px; }
.navbar-sticky { z-index: 99; position: relative; }
.navbar { z-index: 99; position: relative; }
.desc-menu { position: relative; z-index: 0; background-color: #fff; border-left: 3px solid #899664; min-height: 530px; padding-top: 30px; margin-top: -23px; }
.desc-menu ul { margin: 0; padding: 0; }
.desc-menu ul li { list-style-type: none; }
.desc-menu ul li a { display: flex; padding: 10px 15px; font-size: 13px; align-items: center; color: #373f50; border-bottom: 1px solid #dae1e7; }
.desc-menu ul li a:hover { color: #899664; }
.desc-menu ul li .icon { margin-right: 12px; width: 24px; }
.desc-menu ul li:last-child a { border-bottom: none; }

.mobile-head-bg { position: absolute; top: 0; height: 130px; left: 0; right: 0; background-image: linear-gradient(rgba(255,255,255,1) 10%, rgba(255,255,255,0) 100% ); z-index: 98; display: none; }
.mobile-header { position: absolute; z-index: 99; top: 0; padding: 20px 15px 0; height: 60px; align-items: center; left: 0; right: 0; display: flex; justify-content: space-between; display: none; }
.mobile-header.sub { position: relative; }
.mobile-header img { height: 26px; width: auto; }
.mobile-header .left { display: flex; align-items: center; }
.mobile-header .left .menu-icon { margin-right: 20px; }
.mobile-header .left .logo { margin-right: 20px; }
.mobile-header .left .logo img { height: 42px; }
.mobile-header .right { display: flex; align-items: center; }
.mobile-header .right .basket { margin-left: 20px; font-size: 14px; display: flex; flex-direction: column; justify-content: center; }
.mobile-header .right .login a { color: #373f50; font-size: 14px; margin: 0 10px; position: relative; }
.mobile-header .right .login a:first-child::after { position: absolute; content: ""; width: 1px; height: 26px; background: #b0bad1; right: -10px; }
.mobile-header.mobile-sticky { position: fixed; z-index: 999; background: #fff; padding-bottom: 20px; border-bottom: 1px solid #ddd; }

.mobile-menu-cont { position: fixed; top: 0; bottom: 0; width: 320px; left: -420px; background: #fff; z-index: 999999; overflow-y: auto; padding: 20px 0 0; transition: 0.3s; }
.mobile-menu-cont .menu-bg { background-color: rgba(137, 150, 100, .20); }
.mobile-menu-cont .close { position: absolute; width: 30px; font-size: 18px; height: 30px; display: flex; justify-content: center; align-items: center; background-color: #899664; color: #fff; right: 10px; top: 10px; border-radius: 4px; }
.mobile-menu-cont .user { display: flex; flex-direction: column; align-items: center; padding: 20px; }
.mobile-menu-cont .user .avatar { width: 120px; padding: 6px; border-radius: 50%; border: 1px solid #cfd3d6; margin-bottom: 15px; }
.mobile-menu-cont .user .avatar img { border: 1px solid #cfd3d6; border-radius: 50%; }
.mobile-menu-cont .user .name { font-size: 18px; font-weight: 600; color: #899664; margin-bottom: 10px; }
.mobile-menu-cont .user .address { text-align: center; }
.mobile-menu-cont .amount { padding: 10px 20px; }
.mobile-menu-cont .amount span { color: #899664; display: block; font-size: 18px; font-weight: 600; }
.mobile-menu-cont .menu { padding: 10px 20px; }
.mobile-menu-cont .menu ul { margin: 0 -20px; padding: 0; }
.mobile-menu-cont .menu ul li { list-style: none; }
.mobile-menu-cont .menu ul li a { display: block; padding: 10px 20px; border-bottom: 1px solid #e5e8e9; font-size: 16px; font-weight: 600; }
.mobile-menu-cont .menu ul li:last-child a { border-bottom: none; }
.mobile-menu-cont .menu-bg ul li a { border-bottom: 1px solid rgba(137, 150, 100, .30);  }
.mobile-menu-cont .social { padding: 20px; border-bottom: 3px solid #899664; }
.mobile-menu-cont .social a { margin-right: 15px; }

.basket-cont { position: fixed; top: 0; bottom: 0; width: 320px; right: -420px; background: #fff; z-index: 999999; overflow-y: auto; padding: 20px; transition: 0.3s; }
.basket-cont .basket-title { display: flex; justify-content: center; align-items: center; background-color: #fff; color: #899664; font-size: 18px; padding: 0 20px; font-weight: 600; height: 60px; margin: -20px -20px 20px; }
.basket-cont .close { position: absolute; width: 30px; font-size: 18px; height: 30px; display: flex; justify-content: center; align-items: center; background-color: #899664; color: #fff; left: 10px; top: 10px; border-radius: 10px; }
.basket-cont .basket-item { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #e8ebed; display: flex; justify-content: space-between; }
.basket-cont .basket-item:last-child { border-bottom: none; margin-bottom: 0; background-color: #989eac; }
.basket-cont .basket-item .left { display: flex; }
.basket-cont .basket-item .left .img { width: 80px; margin-right: 5px; }
.basket-cont .basket-item .left .info { font-size: 12px; }
.basket-cont .basket-item .left .info .name {  font-size: 13px; font-weight: 500; }
.basket-cont .basket-item .left .info .price { font-size: 14px; font-weight: 600; color: #899664; }
.basket-cont .basket-item .left .info .quantity { color: #989eac; margin-bottom: 5px; }
.basket-cont .basket-item .right { margin-left: 15px; display: flex; flex-direction: column; align-items: flex-end; }
.basket-cont .basket-item .right .remove { margin-bottom: 15px; }
.basket-cont .basket-item .right .remove a { padding: .200rem .600rem; border-radius: 4px; }
.basket-cont .basket-item .right .plus-minus { display: flex; }
.basket-cont .basket-item .right .plus-minus .btn-sm { padding: .400rem; }
.basket-cont .basket-item .right .plus-minus #minus { border-radius:.25rem 0 0 .25rem ; }
.basket-cont .basket-item .right .plus-minus #plus { border-radius:0 .25rem .25rem 0; }
.basket-cont .basket-item .right .plus-minus .form-control { width: 40px; border-radius: 0; text-align: center; }
.basket-cont .item span { display: inline-block; width: 100px; color: #373f50; font-weight: 400; font-size: 13px; }
.basket-cont .sub-total, .basket-cont .total { background-color: rgb(137, 150, 100, .20); padding: 20px; margin: 0 -20px; font-size: 15px; font-weight: 600; color: #899664; }
.basket-cont .cargo { font-size: 14px; padding: 20px 0; color: #899664; font-size: 15px; font-weight: 600; }
.basket-cont .cargo .info { font-size: 12px; margin-top: 5px; font-weight: 400; }
.basket-cont .btn-complete { padding: 20px 0; }
.steps-yayik .step-label { color: #485268; }
.steps-yayik .active .step-label { color: #899664; }
.checked-icon { font-size: 72px; }
.h3 { color: #899664; }
.form-select { border-left: 3px solid #899664;  }
form .form-select { border-left: 1px solid #dae1e7;  }

.overlay { position: fixed; z-index: 9998; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0,0,0,.60); display: none; }

.menu-show .mobile-menu-cont { left: 0; }
.basket-show .basket-cont { right: 0; }
.menu-show .overlay, .basket-show .overlay { display: block; }
.product-icons { display: flex; justify-content: space-around; margin-bottom: 10px; }
.product-icons img { width: 30px; margin: 0 5px; }
.product-icons.detail img { width: 60px; margin: 0 5px; }
.product-card { background: url(../images/bg.png) repeat; padding-bottom: 5px; }
.product-card .card-body { background: url(../images/bg.png) repeat; }
.product-card .btn-height { height: 50px; }
.product-card .btn-height .btn { white-space: normal; line-height: 1.2; }

.card-body .product-title { height: 34px; overflow: hidden; }
.card .card-img-top { text-align: center; }
.card .card-img-top img { height: 170px; object-fit: contain; }
.image-zoom { max-height: 500px; object-fit: contain; }

@media( max-width: 768px ){  
    .card .card-img-top img { height: 120px; object-fit: contain; }
    .image-zoom { height: 300px; object-fit: contain; }
}

.mobile-carousel-container { width: auto; overflow-y: scroll; padding-bottom: 10px; }
.mobile-carousel-container .item { width: 140px !important; margin-right: 15px; }
.mobile-carousel-container .item .card-img-top { width: 120px !important; }

.certificate-logos { padding: 10px 0; max-width: 500px; width: 100%; margin: 0 auto; }
.certificate-logos img { height: auto; width: 100%;  }

.search-popup { display: flex; }
.search-popup .form-control { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.search-popup .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; }
.mobile-show-body {  overflow: hidden; }

.product-card .plus-minus { display: flex; justify-content: center; align-items: center; }
.product-card .plus-minus .btn-sm { padding: .400rem; }
.product-card .plus-minus #minus { border-radius: .25rem 0 0 .25rem ; }
.product-card .plus-minus #plus { border-radius: 0 .25rem .25rem 0; }
.product-card .plus-minus .form-control { width: 54px; border-radius: 0; text-align: center; }

.address-cont .item { border-bottom: 1px dashed #ccc; padding-bottom: 15px; margin-bottom: 15px; display: flex; }
.address-cont .item .icon { margin-right: 15px; width: 40px !important; }
.address-cont .item .icon img { width: 40px !important; height: 40px; }
.address-cont .item .info { width: 80%; }
.address-cont .item .title { font-size: 16px; font-weight: 600; }
.address-cont .item .desc { font-size: 14px; }

.about-list h2 { margin-bottom: 30px; }
.about-list .item { padding-bottom: 15px; }
.about-list .img { margin-bottom: 20px; }
.about-list .title { margin-bottom: 20px; font-size: 1.6rem; font-weight: 600; }

footer { background-color: #717980; color: #fff; }
footer a { color: #fff !important; }
footer .widget-title { color: #9cc6bb; }
footer .footer-top { display: flex; justify-content: space-between; align-items: center; padding-bottom: 20px; border-bottom: 1px solid #989eac; margin-bottom: 20px; }
footer .footer-top .social a { margin-left: 10px; color: #717980 !important; }

h1.h3 { color: #fff; }

.img-cover { height: 200px; overflow: hidden; object-fit: cover; }

.modal .popup-img { width: 70%; padding: 15px; border: 1px solid #ddd; border-radius: 8px; overflow: hidden; margin: 0 auto 15px; }
.popup-text { text-align: center; }
.popup-footer { display: flex; justify-content: space-between; }
.popup-footer button { width: 46%; }

.cookie-text { position: fixed; bottom: 15px; left: 15px; right: 15px; z-index: 99999; background: rgba(0,0,0,.90); color: #fff; padding: 20px; border-radius: 6px; }

.bg-danger { background-color: #a3aab1 !important; }
.btn-danger { background-color: #a3aab1 !important; }
.btn-danger { border-color: #a3aab1 !important; }
.btn-danger { border-color: rgb(163, 170, 177) !important; }
.btn-danger.btn-shadow { box-shadow: 0 0.5rem 1.125rem -0.5rem rgb(163 170 177 / 90%); }
.bg-danger.badge-shadow { box-shadow: 0 0.5rem 1.125rem -0.5rem rgb(163 170 177 / 90%); }

.resp-sharing-button__link,
.resp-sharing-button__icon {
  display: inline-block
}

.resp-sharing-button__link {
  text-decoration: none;
  color: #fff;
  margin: 0.5em
}

.resp-sharing-button {
  border-radius: 5px;
  transition: 25ms ease-out;
  padding: 0.5em 0.75em;
  font-family: Helvetica Neue,Helvetica,Arial,sans-serif
}

.resp-sharing-button__icon svg {
  width: 1em;
  height: 1em;
  margin-right: 0.4em;
  vertical-align: top
}

.resp-sharing-button--small svg {
  margin: 0;
  vertical-align: middle
}

/* Non solid icons get a stroke */
.resp-sharing-button__icon {
  stroke: #fff;
  fill: none
}

/* Solid icons get a fill */
.resp-sharing-button__icon--solid,
.resp-sharing-button__icon--solidcircle {
  fill: #fff;
  stroke: none
}

.resp-sharing-button--twitter {
  background-color: #55acee
}

.resp-sharing-button--twitter:hover {
  background-color: #2795e9
}

.resp-sharing-button--pinterest {
  background-color: #bd081c
}

.resp-sharing-button--pinterest:hover {
  background-color: #8c0615
}

.resp-sharing-button--facebook {
  background-color: #3b5998
}

.resp-sharing-button--facebook:hover {
  background-color: #2d4373
}

.resp-sharing-button--tumblr {
  background-color: #35465C
}

.resp-sharing-button--tumblr:hover {
  background-color: #222d3c
}

.resp-sharing-button--reddit {
  background-color: #5f99cf
}

.resp-sharing-button--reddit:hover {
  background-color: #3a80c1
}

.resp-sharing-button--google {
  background-color: #dd4b39
}

.resp-sharing-button--google:hover {
  background-color: #c23321
}

.resp-sharing-button--linkedin {
  background-color: #0077b5
}

.resp-sharing-button--linkedin:hover {
  background-color: #046293
}

.resp-sharing-button--email {
  background-color: #777
}

.resp-sharing-button--email:hover {
  background-color: #5e5e5e
}

.resp-sharing-button--xing {
  background-color: #1a7576
}

.resp-sharing-button--xing:hover {
  background-color: #114c4c
}

.resp-sharing-button--whatsapp {
  background-color: #25D366
}

.resp-sharing-button--whatsapp:hover {
  background-color: #1da851
}

.resp-sharing-button--hackernews {
background-color: #FF6600
}
.resp-sharing-button--hackernews:hover, .resp-sharing-button--hackernews:focus {   background-color: #FB6200 }

.resp-sharing-button--vk {
  background-color: #507299
}

.resp-sharing-button--vk:hover {
  background-color: #43648c
}

.resp-sharing-button--facebook {
  background-color: #3b5998;
  border-color: #3b5998;
}

.resp-sharing-button--facebook:hover,
.resp-sharing-button--facebook:active {
  background-color: #2d4373;
  border-color: #2d4373;
}

.resp-sharing-button--twitter {
  background-color: #55acee;
  border-color: #55acee;
}

.resp-sharing-button--twitter:hover,
.resp-sharing-button--twitter:active {
  background-color: #2795e9;
  border-color: #2795e9;
}

.resp-sharing-button--tumblr {
  background-color: #35465C;
  border-color: #35465C;
}

.resp-sharing-button--tumblr:hover,
.resp-sharing-button--tumblr:active {
  background-color: #222d3c;
  border-color: #222d3c;
}

.resp-sharing-button--email {
  background-color: #777777;
  border-color: #777777;
}

.resp-sharing-button--email:hover,
.resp-sharing-button--email:active {
  background-color: #5e5e5e;
  border-color: #5e5e5e;
}

.resp-sharing-button--pinterest {
  background-color: #bd081c;
  border-color: #bd081c;
}

.resp-sharing-button--pinterest:hover,
.resp-sharing-button--pinterest:active {
  background-color: #8c0615;
  border-color: #8c0615;
}


@media(max-width: 990px){
    .desc-menu { display: none; }
    .mobile-head-bg { display: block; }
    .mobile-header { display: flex; }
    .slider-cont { margin: -15px -15px 0; }
}

@media(max-width: 768px){
    .mobile-hidden { display: none; }
    .mobile-show { display: flex; }
    .mobile-center { text-align: center !important; justify-content: center !important; }
    .slider-cont img { height: 670px; width: 100%; overflow: hidden; object-fit: cover; }
    .slider-cont .tns-controls { display: none; }
    .product-icons.detail img { width: 40px; }
    .no-bullet .nav-cont { display: none; }
    .btn-yayik-outline { color: #899664; padding: 0; }
    .btn-yayik-outline i { padding-top: 3px; font-size: 16px; padding-left: 5px;  }
    .border-bottom { border-bottom: none !important; padding-bottom: 0 !important; margin-bottom: 10px !important; }
    .border-show .border-bottom { border-bottom: 1px solid #e8ebed !important; }
    .bg-yayik { background: url(../images/bg.png) repeat; }
    h1, h2, h3, h4, h5 { color: #899664 !important; }
    .logo-mobile-hidden { display: none; }
    .logo-mobile-show { display: block; }
    h1.h3 { color: #899664; }
    .product-gallery-thumblist-item { width: 20% !important; height: auto; }
}

@media(max-width: 480px){
    .mobile-header img { height: 18px;  }
    .mobile-header .left .menu-icon { margin-right: 15px; }
    .mobile-header .left .logo { margin-right: 15px; }
    .mobile-header .left .logo img { height: 30px; }
    .mobile-header .right .basket { font-size: 12px; margin-left: 15px; }
    .mobile-hidden { display: none; }
    .tns-item .card-body { padding: 5px !important; }
    .mobile-carousel-container .item .card-body { padding: 5px !important; }
    .nav-tabs .nav-link { padding: .75rem .75rem; }
    .product-card .badge { left: 0; }
    .product-card .card-body { padding: 5px !important; }
    .h3 { font-size: 16px; }
    .breadcrumb li a { color: #485268 !important; }
    .about-list .title { font-size: 1.4rem; }
}