@charset "UTF-8";
@font-face {
  font-family:hkgrotesk;
  src:url(../fonts/hkgrotesk-light.eot);
  src:local("hkgrotesk light"),
  url(../fonts/hkgrotesk-light.woff) format("woff");
  font-weight:300
}
@font-face {
  font-family:hkgrotesk;
  src:url(../fonts/hkgrotesk-regular.eot);
  src:local("hkgrotesk regular"),
  url(../fonts/hkgrotesk-regular.woff) format("woff");
  font-weight:400
}
@font-face {
  font-family:hkgrotesk;
  src:url(../fonts/hkgrotesk-medium.eot);
  src:local("hkgrotesk medium"),
  url(../fonts/hkgrotesk-medium.woff) format("woff");
  font-weight:500
}
@font-face {
  font-family:hkgrotesk;
  src:url(../fonts/hkgrotesk-semibold.eot);
  src:local("hkgrotesk semibold"),
  url(../fonts/hkgrotesk-semibold.woff) format("woff");
  font-weight:600
}
@font-face {
  font-family:hkgrotesk;
  src:url(../fonts/hkgrotesk-bold.eot);
  src:local("hkgrotesk bold"),
  url(../fonts/hkgrotesk-bold.woff) format("woff");
  font-weight:700
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(../fonts/poppins/v20/pxiByp8kv8JHgFVrLDz8V1s.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/poppins/v20/pxiEyp8kv8JHgFVrFJA.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/poppins/v20/pxiByp8kv8JHgFVrLGT9V1s.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/poppins/v20/pxiByp8kv8JHgFVrLEj6V1s.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/poppins/v20/pxiByp8kv8JHgFVrLCz7V1s.ttf) format('truetype');
}

body {line-height: 1.5 !important;font-family: 'Poppins', sans-serif !important;font-size: 13px !important;font-weight: 400 !important;overflow-x: hidden !important;background: #fefefe !important}

:root {
  --bi-color-primary:#2082d9; /*alternatif renk #1951a0 - Mavi ef7b14 - Turuncu*/
  --bi-color-secondary:#fff2e9; /*alternatif renk #eff6ff */
  --bi-color-danger:#fb0606;
  --bi-color-green:#119744;
  --bi-color-white:#ffffff;
  --bi-search-input:rgba(0,0,0,0); /*alternatif renk --bi-color-primary*/
}

ul {list-style: none !important;margin:0 !important;padding:0 !important;}
a {color:#333 !important;text-decoration: none !important;}
a:hover {color:var(--bi-color-primary) !important}


#preloader{background: #ffffff url(../images/spinner.gif) no-repeat center center;background-size: 64px;height: 100vh;width: 100%;position: fixed;z-index: 9999999;}

.bi-h100 {height: 100%;}
.bi-color-white {color: #ffffff;}
.bi-color-primary {color: var(--bi-color-primary) !important}
.bi-color-secondary {color: var(--bi-color-secondary) !important}
.bi-color-green {color: var(--bi-color-green) !important}
.bi-prosess-load {width: 60px !important;height: 60px !important;margin-bottom: 15px}

.bi-nav-section {width: 100%;background: #ffffff;}

.bi-nav-section.active {position: fixed;right: 0;top: 0;z-index: 999;border-bottom: solid 1px #ebebeb;/*animation: sticky-transition-show .3s forwards linear;*/}

.bi-nav-section.active .header {
	display: none;
}

.bi-nav {display: flex;width: 100%;height: 65px;align-items: center;justify-content: space-between;}
.bi-nav-left a img {width: 190px;height: 100%}
.bi-nav-right {display: flex;justify-content: flex-end;flex-direction: row;width: 300px;position: relative;}

.bi-search-section {width: 600px;position: relative;margin: 0 30px;}
.bi-search-section .bi-search-zone {display: -webkit-box;display: -ms-flexbox;display: flex;}
.bi-search-section .bi-search-zone .bi-search {height: auto;line-height: unset;-webkit-box-flex: 1;-ms-flex: 1;flex: 1;font-size: 12px;color: #333;background-color: #f3f3f3;border: 2px solid var(--bi-search-input);border-radius: 6px;padding: 10px 40px 10px 15px;-webkit-box-sizing: border-box;box-sizing: border-box;outline: none;-webkit-transition: all ease .3s;transition: all ease .3s;line-height: 0;height: 42px;}
.bi-search-section .bi-search-zone .bi-search.active{border: 2px solid var(--bi-color-primary);}
.bi-search-section .bi-search-zone .bi-search-icon {width: 18px;height: 18px;position: absolute;right: 15px;bottom: calc(50% - 9px);cursor: pointer;background-image: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2718%27 height=%2718%27 viewBox=%270 0 18 18%27%3E%3Cpath fill=%27%232082d9%27 d=%27M18.711 17.306l-4.684-4.703a7.49 7.49 0 0 0 1.864-4.932C15.891 3.441 12.327 0 7.946 0S0 3.441 0 7.671s3.565 7.671 7.946 7.671a8.056 8.056 0 0 0 4.552-1.388l4.72 4.74c.197.197.462.306.746.306.27 0 .525-.1.718-.28a.977.977 0 0 0 .03-1.414zM7.946 2.001c3.238 0 5.873 2.544 5.873 5.67 0 3.127-2.635 5.67-5.873 5.67-3.239 0-5.873-2.543-5.873-5.67 0-3.126 2.634-5.67 5.873-5.67z%27/%3E%3C/svg%3E");}

.bi-account-nav-item {display: flex;align-items: center;}
.bi-account-nav-item a{display: flex;align-items: center;position: relative;height: 40px;margin-left: 14px;font-size: 12px;}
.bi-account-nav-item a:hover {color: var(--bi-color-primary) !important; fill: var(--bi-color-primary)}
.bi-account-nav-item a svg {margin-right: 5px}
.bi-account-nav-item a .bi-my-basket {display: flex;align-items: center;}
.bi-account-nav-item a .bi-my-basket .bi-my-basket-count{background-color: var(--bi-color-primary);color: #fff;font-size: 11px;width: 16px;height: 16px;line-height: 16px;text-align: center;margin-left: 3px;border-radius: 50%;}

.bi-advert {width: 100%;background: var(--bi-color-primary);color: #ffffff;text-align: center;font-size: 14px;padding: 10px;margin-bottom: 20px;}
.bi-advert-section {display: flex;align-items: center;justify-content: space-between;}
.bi-advert-section .bi-right {font-size: 16px;font-weight: 500;}
.bi-advert-section .bi-right a {display: flex;align-items: center;color: #ffffff !important;}
.bi-advert-section .bi-right a img {width: 24px; height: 24px; margin-right: 10px}

.bi-text-right {text-align: right;}

.bi-fw-300 {font-weight: 300 !important}
.bi-fw-400 {font-weight: 400 !important}
.bi-fw-500 {font-weight: 500 !important}
.bi-fw-600 {font-weight: 600 !important}
.bi-color-999 {color: #999 !important}

/* header */
.header{display: block;width: 100%;position: relative;z-index: 99;padding:5px;background: #fefefe;border-bottom: 1px solid #e8e8e8;/*box-shadow: 0 3px 11px 0 rgba(0, 0, 0, 0.1);*/}
.header .item-left{flex:0 0 17%;}
.header .logo a{font-size: 30px;color:#000000;font-weight: 700;text-decoration: none;}
.header .item-center{/*flex:0 0 99%;*/}
.header .item-right{flex:0 0 17%;display: flex;justify-content: flex-end;}
.header .item-right a{ text-decoration: none;font-size: 13px;color:#555555;display: inline-block;margin-left: 10px;transition: color 0.3s ease;}
.header .menu > ul > li{display: inline-block;line-height: 50px;margin-right: 15px;}
.header .menu > ul > li > a{font-size: 13px;font-weight: 500;color:#555555 !important;position: relative;transition: color 0.3s ease;}
.header .menu > ul > li .sub-menu {position: absolute;z-index: 500;background-color:#ffffff;padding: 20px 30px;transition: all 0.5s ease;margin-top:25px;opacity:0;visibility: hidden;border: 1px solid #e8e8e8;border-radius: 6px;transition-delay: 0.1s}

@media(min-width: 992px){.header .menu > ul > li.menu-item-has-children:hover .sub-menu{margin-top: 0;visibility: visible;opacity: 1;transition-delay: 0.8s}}

.header .menu > ul > li .sub-menu > ul > li{line-height: 1;}
.header .menu > ul > li .sub-menu > ul > li > a{display: inline-block;padding: 10px 0;font-size: 13px;color: #555555 !important;transition: color 0.3s ease;text-decoration: none;text-transform: capitalize;}
.header .menu > ul > li .single-column-menu{min-width: 280px;max-width: 350px;
}
.header .menu > ul > li .sub-menu.mega-menu > .list-item > ul > li{line-height: 1;display: block; }
.header .menu > ul > li .sub-menu.mega-menu > .list-item > ul > li > a {padding:10px 0;display: inline-block;font-size: 13px;color:#555555;transition: color 0.3s ease;}
.header .menu > ul > li .sub-menu.mega-menu{ left: 50%;transform: translateX(-50%);}
.header .menu > ul > li .sub-menu.mega-menu-column-4{max-width: 1200px;width: 100%;max-height: 300px;display: flex;flex-wrap: wrap;padding:20px 15px;overflow: hidden;overflow-y: auto;}
.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item{flex:0 0 25%;padding:0 15px;}
.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item .title{font-size: 16px;color:var(--bi-color-primary);font-weight: 500;line-height: 1;padding:10px 0px 10px 0;border-bottom: 1px solid #e8e8e8;margin-bottom: 5px;}
.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item.text-center .title{text-align: center;}
.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item h4 a{color: var(--bi-color-primary) !important}
.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item img{max-width: 100%;width: 100%;vertical-align: middle;margin-top: 10px;}

.header .menu > ul > li .sub-menu.mega-menu-column-3{max-width: 1200px;width: 100%;display: flex;flex-wrap: wrap;padding:20px 15px;}
.header .menu > ul > li .sub-menu.mega-menu-column-3 > .list-item{flex:0 0 33.33333333%;padding:0 15px;}
.header .menu > ul > li .sub-menu.mega-menu-column-3 > .list-item .title{font-size: 16px;color:var(--bi-color-primary);font-weight: 500;line-height: 1;padding:10px 0px 10px 0;border-bottom: 1px solid #e8e8e8;margin-bottom: 5px;}
.header .menu > ul > li .sub-menu.mega-menu-column-3 > .list-item.text-center .title{text-align: center;}
.header .menu > ul > li .sub-menu.mega-menu-column-3 > .list-item h4 a{color: var(--bi-color-primary) !important}
.header .menu > ul > li .sub-menu.mega-menu-column-3 > .list-item img{max-width: 100%;width: 100%;vertical-align: middle;margin-top: 10px;}

.header .menu > ul > li .sub-menu.mega-menu > .list-item > ul > li > a:hover,
.header .menu > ul > li .sub-menu > ul > li > a:hover,
.header .item-right a:hover,
.header .menu > ul > li:hover > a{color:var(--bi-color-primary) !important;}
.mobile-menu-head,
.mobile-menu-trigger, .mobile-basket{display: none;}

#search_result{position: absolute;width: 100%;background: #ffffff;padding: 5px 15px;border: 2px solid var(--bi-color-primary);margin-top: 38px;z-index: 9999;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px; display: none}
#search_result.active{display: block}
.search-not-found{display: flex;align-items: center;justify-content: center;padding: 10px;font-weight: 500;}
.lastresult{border-bottom: 1px solid #e8e8e8;}
.lastresult a {width: 100%;color: #333;font-size: 13px;text-decoration: none;padding: 8px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-box-align: center;-ms-flex-align: center;align-items: center;justify-content: space-between;line-height: 1.3467;}
.lastresult a:hover{background: #e8e8e8 !important;color: #333 !important}

.search-popular h2 {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;padding: 10px 0;font-size: 14px;line-height: 20px;font-weight: 600;color: #333;}
.search-popular-list a {display: inline-block;vertical-align: middle;width: -webkit-fit-content;width: -moz-fit-content;width: fit-content;border-radius: 4px;border: solid 1px #e6e6e6;padding: 8px 10px 8px 10px;cursor: pointer;margin: 0 5px 10px 0;color: #333;}
.search-popular-list a:hover {border: solid 1px var(--bi-color-primary);color: var(--bi-color-primary) !important;}
.search-popular-list a .search-popular-link {display: -webkit-box;display: -ms-flexbox;display: flex;}
.search-popular-list a .search-popular-link .search-popular-span {font-size: 11px;height: 14px;}

/*Category Showcase*/
.bi-category-showcase{border-radius: 0.3rem !important;overflow: hidden !important;border: 1px solid #e8e8e8;}
.bi-category-showcase img{width: 100%; height: auto; vertical-align: middle;}
.bi-category-showcase .bi-category-showcase-title {border-bottom: 1px solid #e8e8e8;}
.bi-category-showcase .bi-category-showcase-title h3{font-size: 18px;font-weight: 600;padding: 20px 15px;margin-bottom: 0}
.bi-category-showcase ul{padding: 5px 15px 0px 15px !important}
.bi-category-showcase li{display: flex;align-items: center;padding: 10px 0;border-bottom: 1px dotted #aaa;}
.bi-category-showcase li i{margin-right: 10px;margin-bottom: 1px}
.bi-category-showcase li:last-child{border-bottom: 0 !important}

.bi-showcase-product-mini{width: 100%;text-align: center;background-color:#ffffff;margin-bottom: 15px;border-radius: 0.3rem !important;border: 1px solid #e8e8e8;}
.bi-showcase-product-mini-image img{width: 100%; height: auto;vertical-align: middle;border-radius: 0.3rem 0.3rem 0 0 !important;border-bottom: 1px solid #e8e8e8;}
.bi-showcase-product-mini:hover{border-color: var(--bi-color-primary)}
.bi-showcase-product-mini-title{font-size: 13px;width: 180px;padding: 5px 0;overflow: hidden;position: relative;display: inline-block;margin: 5px 0px 0px 0px;text-align: center;text-decoration: none;text-overflow: ellipsis;white-space: nowrap;}
/*.bi-showcase-product-mini-title{font-size: 13px;display: flex;align-items: center;justify-content: center;min-height: 60px;text-align: center;padding: 0 10px}*/
.bi-showcase-product-mini-price{width: 100%;font-size: 18px;font-weight: 600;color: var(--bi-color-primary);padding: 0 0px 5px 0}

.bi-showcase-product-footer{border-top: 1px solid #e8e8e8;display: flex;align-items: center;justify-content: center;padding: 10px 0;}
.bi-showcase-product-footer .bi-showcase-product-price{width: 100%;color: var(--bi-color-primary);font-size: 20px;font-weight: 600;text-align: center;}
.bi-showcase-product-footer-button{width: 50%;text-align: center;border-left: 1px solid #e8e8e8;}
.bi-showcase-product-footer-button a{background-color: #333;color: #ffffff;padding: 6px 10px 6px 10px; border-radius: 4px;font-size: 12px}
.bi-showcase-product-footer-button a:hover{background-color: var(--bi-color-primary);color: #ffffff;}

.bi-category-showcase .bi-category-showcase-content-top {position: absolute;z-index: 1;top: 2.7rem;left: 9.1%;right: 9.1%;}
.bi-category-showcase .bi-category-showcase-content-bottom {position: absolute;z-index: 1;bottom: 2.7rem;left: 9.1%;right: 9.1%;}
.bi-category-showcase-content-title{font-size: 20px;margin-bottom: 10px}
.bi-category-showcase-content-title-sub{font-size: 14px;margin-bottom: 3px}
.bi-category-showcase-content-info{font-size: 24px;margin: 6px 0 15px 0}

.product-label-group {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;position: absolute;left: 9px;top: 9px;max-width: 11rem;z-index: 1;}

.btn-primary {background: var(--bi-color-primary) !important;color: #ffffff !important;border-color: var(--bi-color-primary) !important}
.btn-primary:hover {background: #333 !important;color: #ffffff !important;border-color: #333 !important}

.btn-secondary {background: #333 !important;color: #ffffff !important;border-color: #333 !important}
.btn-secondary:hover {background: var(--bi-color-primary) !important;color: #ffffff !important;border-color: var(--bi-color-primary) !important}

.swiper-navBtn{color: #878a99 !important;transition: color 0.3s ease;}
.swiper-navBtn:hover{color: var(--bi-color-primary) !important;}

.swiper-navBtn::before,
.swiper-navBtn::after{font-size: 14px !important;font-weight: 600 !important}

.swiper-button-next{right: -10px !important;border: 1px solid #e8e8e8;width: 35px !important;height: 35px !important;border-top-left-radius: 2rem;border-bottom-left-radius: 2rem;box-shadow: 0 0 8px rgba(0,0,0,.06);background: #ffffff;margin-top: calc(0px - (35px/ 2)) !important;}
.swiper-button-prev{left: -10px !important;border: 1px solid #e8e8e8;width: 35px !important;height: 35px !important;border-top-right-radius: 2rem;border-bottom-right-radius: 2rem;box-shadow: 0 0 8px rgba(0,0,0,.06);background: #ffffff;margin-top: calc(0px - (35px/ 2)) !important;}

.product-label {display: flex;align-items: center;text-align: left;font-size: 10px;color: #ffffff;line-height: 11px;padding: 5px 10px;border-radius: 0.3rem;width: 80px;}
.product-label svg{margin-right: 5px;}
.product-label.label-sale {background-color: #0bc15c;}
.mobile-showcase-category {margin-bottom: 20px}
.mobile-showcase-category .bi-h100 {height: 102%}

.showcase-section {display: flex;align-items: center;justify-content: space-between;margin-bottom: 15px;border-bottom: 1px solid #d3d3d3;padding-bottom: 10px;}
.bi-showcase-title h3 {font-size: 18px;font-weight: 500;margin-bottom: 0}

.bi-showcase-widget {border: 1px solid #e8e8e8; border-radius: 6px;padding: 15px;margin-bottom: 15px; background: rgb(232,232,232);background: linear-gradient(180deg, rgba(232,232,232,1) 0%, rgba(232,232,232,1) 10%, rgba(255,255,255,1) 90%);}

.bi-footer {background-color: #f5f5f5;width: 100%;padding: 50px 0;margin-top: 20px;border-top: 1px solid #e8e8e8;}
.bi-footer-bottom {width: 100%;font-size: 13px;font-weight: 600;background: #1c1c1c;color: #ffffff;text-align: center;margin: auto;padding: 15px 0;box-sizing: border-box;}
.bi-footer-bottom span{font-weight: 400}

.bi-footer-content {}
.bi-footer-widget {margin: 10px 0;border-top: 1px solid #e8e8e8;padding-top: 10px}
.bi-footer-widget ul {padding-left: 0 !important}
.bi-footer-widget li {font-size: 13px;margin-bottom: 10px;}
.bi-footer-section {border: 1px solid #e8e8e8;border-radius: 6px;padding: 10px;margin-bottom: 10px}
.bi-footer-content .bi-footer-call {border: 1px solid #e8e8e8;border-radius: 6px;display: flex;align-items: center;justify-content: center;padding: 10px;margin-bottom: 10px}
.bi-footer-content .bi-footer-call img {width: 60px; height: 100%;margin-right: 10px}
.bi-footer-content .bi-footer-call a {font-size: 18px;font-weight: 600;color: var(--bi-color-primary) !important}
.bi-footer-content .bi-footer-call a:hover {color: #333333 !important}
.bi-footer-content .bi-footer-call .bi-footer-call-picture {text-align: center}
.bi-footer-content .bi-footer-call .bi-footer-call-text {text-align: center}
.bi-footer-content .bi-footer-title {font-size: 18px;font-weight: 600;}
.bi-footer-content .bi-footer-safe-payment img{width: 100%; height: 100%;padding: 4px}

.bi-footer-social ul{display: flex;align-items: center;justify-content: center;padding: 4px !important}
.bi-footer-social li{display: flex;align-items: center;justify-content: center;}
.bi-footer-social li img{width: 25px;height: 25px;margin: 0 5px}

.bi-footer-safe-payment {text-align: center;padding: 10px}

.bi-footer-content .bi-footer-brand ul {width: 100%;display: flex;align-items: center;flex-wrap: wrap;margin: 10px 0 !important;border-top: 1px solid #e8e8e8;padding-top: 10px !important;}
.bi-footer-content .bi-footer-brand ul li {border: 2px solid #e8e8e8;border-radius: 6px;margin: 5px 5px 5px 0; padding: 3px 5px}
.bi-footer-content .bi-footer-brand ul li:hover {border-color: var(--bi-color-primary)}

/*.bi-footer-content .bi-footer-brand ul li:after{content: ''}
.bi-footer-content .bi-footer-brand ul li:not(:last-child):after {content: ','}*/

.bi-go-top {position: fixed;bottom: 30px;right: 30px;cursor: pointer;border: 1px solid #e8e8e8;border-radius: 20px;background: #ffffff;color: #333333;width: 110px;height: 40px;line-height: 35px;display: none;align-items: center;justify-content: center;box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);z-index: 999;}
.bi-go-top:hover{border-color: var(--bi-color-primary);}
.bi-go-top img {width: 15px; height: 100%;margin-right: 5px;rotate: 180deg;}

.bi-showcase-stabil {border: 1px solid #ededed;border-radius: 6px;margin-bottom: 15px;padding: 15px;}
.bi-showcase-stabil-header {display: flex;align-items: center;justify-content: space-between;margin-bottom: 15px;border-bottom: 1px solid #e8e8e8;padding-bottom: 10px;}
.bi-showcase-stabil-product {width: 100%;display: flex;background-color: #ffffff;border-radius: 0.3rem !important;border: 1px solid #e8e8e8;padding: 10px;margin-bottom: 5px;}
.bi-showcase-stabil-product:hover{border-color: var(--bi-color-primary)}
.bi-showcase-stabil-product .stabil-product-image {border: 1px solid #e8e8e8;border-radius: 6px;margin-right: 20px}
.bi-showcase-stabil-product .stabil-product-image img {width: 100px;height: 100%;border-radius: 6px}
.stabil-product-content {}
.stabil-product-content .stabil-product-name {width: 100%;display: flex;min-height: 50px;font-size: 14px;margin-top: 5px;}
.stabil-product-footer {display: flex;align-items: center;justify-content: space-between;margin-top: 10px}
.stabil-product-footer .stabil-product-price {color: var(--bi-color-primary);font-size: 18px;font-weight: 600}
.stabil-product-footer .stabil-product-ship {}

.bi-brand-section {border: 1px solid #e8e8e8;border-radius: 6px;padding: 15px;margin-bottom: 15px}
.bi-brand-section .bi-brand-title {font-size: 18px; font-weight: 600;margin-bottom: 15px;border-bottom: 1px solid #e8e8e8;padding-bottom: 10px;display: flex;align-items: center;justify-content: space-between;}
.bi-brand-section .bi-brands-home {border: 1px solid #e8e8e8;border-radius: 6px;text-align: center;}
.bi-brand-section .bi-brands-home:hover {border-color: var(--bi-color-primary)}
.bi-brand-section .bi-brands-home img {height: 100%}

.bi-recommended-section {border: 1px solid #e8e8e8;border-radius: 6px;padding: 15px;margin-bottom: 15px}
.bi-recommended-section .bi-recommended-title {font-size: 18px; font-weight: 600;margin-bottom: 15px;border-bottom: 1px solid #e8e8e8;padding-bottom: 10px;display: flex;align-items: center;justify-content: space-between;}
.bi-recommended-section .bi-recommended-home {display: flex;align-items: center;justify-content: center;text-align: center;width: 100%;min-height: 85px;border: 1px solid #e8e8e8;border-radius: 6px;overflow: hidden;flex-wrap: wrap;font-weight: 500;}
.bi-recommended-section .bi-recommended-home:hover {border-color: var(--bi-color-primary)}
.bi-recommended-home .recommended-name {width: 110px}

.bi-banner-showcase {
  margin-bottom: 15px;
}

.bi-banner-showcase img{
  width: 100%;
  height: 100%;
  border-radius: 6px;
}

.swalfire-message {
  font-size: 15px;
  font-weight: 400;
}

.bi-mobile-footer {display: none;}

.bi-basket-login {
  width: 100%;
  margin-top: -20px;
  padding: 0 15px;
}

.bi-basket-login .bi-basket-login-tab {
  display: flex;
  align-items: center;
  background: #e2e2e2;
  border-radius: 8px;
}

.bi-basket-login .bi-basket-login-tab .bi-basket-login-tab-select {
  border: 1px solid #e2e2e2;
  padding: 15px;
  width: 50%;
  text-align: center;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  transition: all .2s ease;
}

.bi-basket-login .bi-basket-login-tab .bi-basket-login-tab-select:last-child {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.bi-basket-login .bi-basket-login-tab .bi-basket-login-tab-select.active {
  background: #fff;
  color: var(--bi-color-primary);
}

.bi-basket-login .bi-basket-login-content .modal-login-content {
  margin: 20px 0 10px 0px
}

.address-group {
  margin-bottom: 15px;
}
.address-group label {
  font-size: 13px;
  line-height: 18px;
  font-weight: 500;
  margin-bottom: 10px;
}

.address-group .description {
  display: block;
  color: #666666;
  font-size: 11px;
  font-weight: 400;
  line-height: 16px;
  margin-bottom: 10px;
}

.address-group input {
  width: 100%;
  height: 42px;
  padding: 8px 10px;
  border: solid 1px #e8e8e8;
  border-radius: 6px !important;
  box-sizing: border-box;
  transition: all .3s ease;
  outline: 0;
  background-color: #fbfbfb;
}

.address-group input:focus {
  background-color:#fff;
  border:solid 1px #d2d2d2;
  box-shadow:0 2px 4px 0 rgba(0,0,0,.1)
}

.address-group input::placeholder {
  color: #999;
}

.address-group select {
  width: 100%;
  height: 42px;
  padding: 8px 10px;
  border: solid 1px #e8e8e8;
  border-radius: 6px !important;
  box-sizing: border-box;
  transition: all .3s ease;
  outline: 0;
  background-color: #fbfbfb;
  font-size: 13px;
}

.address-group select:focus {
  background-color:#fff;
  border:solid 1px #d2d2d2;
  box-shadow:0 2px 4px 0 rgba(0,0,0,.1)
}

.address-group textarea {
  width: 100%;
  height: calc(3em + 4px*3 + 20px);
  padding: 5px 8px;
  border: solid 1px #e8e8e8;
  border-radius: 6px !important;
  box-sizing: border-box;
  transition: all .3s ease;
  outline: 0;
  background-color: #fbfbfb;
  font-size: 13px;
}
.address-group textarea:focus {
  background-color:#fff;
  border:solid 1px #d2d2d2;
  box-shadow:0 2px 4px 0 rgba(0,0,0,.1)
}
.address-group textarea::placeholder {
  color: #999;
}

.address-save {width: 100%;margin-top: 25px}
.address-save button {
  border-radius: 6px;
  width: 100%;
  height: 48px;
  font-size: 14px;
}
.address-save button:hover {
  background: var(--bi-color-primary) !important;
  border-color: var(--bi-color-primary) !important;
  opacity: .8;
  transition: 200ms;
}

.modal-header.bi-guest-user {border-bottom: 0}
.modal-header.bi-guest-user .btn-close {z-index: 999}
.modal-header.bi-guest-user .btn-close:focus {
  box-shadow: none !important;
}

.bi-contact-wrapper {
  margin: 20px 0;
}

.bi-contact-wrapper .bi-contact-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #e2e2e2;
  border-radius: 6px;
  padding: 5px 5px 5px 15px;
  margin-bottom: 15px;
  height: 44px;
  font-size: 16px;
  font-weight: 500;
}

.bi-contact-center {
  width: 100%;
}
.bi-contact-center .section {
  width: 100%;
  border: 1px solid #e2e2e2;
  border-radius: 6px;
  padding: 15px;
  margin-bottom: 15px;
}
.bi-contact-center .section .title {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 15px;
}

.bi-contact-center .section .text {
  margin-bottom: 15px;
}

.bi-contact-center .section .text span {
  font-weight: 600;
}

.bi-bank-section {
  width: 100%;
  margin-bottom: 20px;
}

.bi-bank-section .bi-bank-content {
  width: 100%;
  transition:.3s ease-in;
  margin-top:10px;
  padding:10px 20px;
  min-height:110px;
  border-radius:6px;
  position:relative;
  border:solid 2px #e6e6e6;
  box-sizing:border-box;
  background-image:linear-gradient(to bottom,#fefdfd,#fcfbfa);
  cursor:pointer;
}

.bi-bank-section .bi-bank-content:hover {
  border:solid 2px #c3c3c3;
  background:#fff;
  transition:.3s ease-in;
  box-shadow:0 1px 3px rgba(0,0,0,.1);
}

.bi-bank-section .bi-bank-content.active {
  border:solid 2px var(--bi-color-primary);
  box-shadow:0 1px 3px rgba(0,0,0,.1);
}

.bi-bank-section .bi-bank-content .bi-bank-logo {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 25px;
}
.bi-bank-section .bi-bank-content .bi-bank-logo img {
  width: 100px;
  height: 100%;
}

.bi-bank-section .bi-bank-content .bi-bank-middle {
  width: 100%;
  margin-bottom: 20px;
}

.bi-bank-section .bi-bank-content .bi-bank-middle .bi-bank-iban {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  font-weight: 600;
}

.modal-body .contract-text {
  max-height: 500px;
  overflow-y: auto;
  /*scrollbar-width: thin;*/
  scrollbar-width: none;
  border: 1px solid #e2e2e2;
  border-radius: 6px;
  padding: 10px;
}

.btn-close:focus {
  box-shadow: none !important;
}

.password-info-text {font-size: 12px; color: #666;margin-bottom: 15px}
.password-info-text span {font-weight: 600}

.bi-register-approve .bi-contract {display: flex;align-items: center;}
.bi-register-approve .bi-contract input {width: 25px;height: 25px;cursor: pointer;}
.bi-register-approve .bi-contract input[type="checkbox"] {accent-color: black;}
.bi-register-approve .bi-contract .text {width: 100%;margin-left: 10px;font-size: 11px;line-height: 15px}
.bi-register-approve .bi-contract .text a {font-weight: 600}

.address-save .btn:disabled {
  pointer-events: none;
  background-color: #999999 !important;
  border-color: #999999 !important;
}



.modal-body .bi-activation-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 20px;
}

.bi-activation-wrapper .icon {
  width: 94px;
  height: 94px;
  background-color: #fff4ec;
  border-radius: 50%;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.bi-activation-wrapper .icon svg {
  fill: var(--bi-color-primary);
}

.bi-activation-wrapper .title {
  font-size: 22px;
  font-weight: 600;
  color: #666;
  margin: 5px 0 20px 0;
}

.bi-activation-wrapper .info {
  font-size: 13px;
  color: #666;
  text-align: center;
}

@keyframes sticky-transition-show {
  from {
    transform:translateY(-100%);
  }
  to {
    transform:translateY(0);
  }
}
@keyframes sticky-transition-hide {
  from {
    transform:translateY(0)
  }
  to {
    transform:translateY(-100%)
  }
}

@media (max-width: 600px){
	.mobile-none {display: none !important}
	.bi-only-desktop {display: none !important}
	.bi-nav-bottom {border-bottom: 1px solid #e8e8e8 !important;margin-top: 45px;}
	.bi-advert {margin-bottom: 3px}
	.bi-advert-section .bi-left {width: 100%;text-align: center;}
	.bi-advert-section .bi-right {display: none}
	.bi-nav-right {display: none}
	.header {border-bottom: 0}
	.header .mobile-menu-trigger {margin-top: -65px}
	.bi-nav {align-items: start;flex-direction: column;}
  .bi-nav-left {margin-bottom: 3px;}
	.bi-nav-center {width:100%;text-align: center;}
	.bi-search-section {width: 100% !important;margin: 0}
	.search-popular-list {text-align: left}
	.search-popular-list a {padding: 6px 8px 6px 8px;}
	.search-popular-list a .search-popular-link .search-popular-span {font-size: 10px;}

	.bi-slider-section{margin-bottom: 20px}
	.bi-showcase-product-mini-title{font-size: 12px;width: 125px;}
	.bi-showcase-title h3 {font-size: 15px;font-weight: 500;}
	.bi-showcase-button a {font-size: 11px}
	.bi-category-showcase .bi-category-showcase-title h3{font-size: 14px;}

	.bi-footer-bottom {font-size: 11px}
	.bi-go-top {width: 40px;height: 40px;right: 9px;bottom: 90px}
	.bi-go-top img {margin-right: 0px;}
	.go-top-text {display: none}

	.bi-footer-content .bi-footer-title {font-size: 14px;font-weight: 500;}
	.bi-footer-content .bi-footer-safe-payment img{width: 100%;height: 100%}
	.bi-footer-content .bi-footer-social li img{width: 30px;height: 30px;}

	.bi-recommended-home .recommended-name {width: 90px}
	.bi-nav-section.active {border-bottom: 0;}
}

@media (max-width: 991px){
	.header .item-center{order:3;flex:0 0 100%;}
	.header .item-left,
	.header .item-right{flex:0 0 auto;}
	.v-center{justify-content: space-between;}
	.header .mobile-menu-trigger{display: flex;height: 30px;width: 30px;cursor: pointer;align-items: center;justify-content: center;margin-top: -70px;}

.header .mobile-basket{display: flex;cursor: pointer;align-items: center;justify-content: center;margin-top: -70px;margin-right: 10px}
.header .mobile-basket a{display: flex;cursor: pointer;align-items: center;}
.header .mobile-basket a .bi-my-basket-count{background-color: var(--bi-color-primary);color: #fff;font-size: 11px;width: 16px;height: 16px;line-height: 16px;text-align: center;margin-left: 3px;border-radius: 50%;}

	.header .mobile-menu-trigger span{display: block;height: 2px;background-color: #333;width: 24px;position: relative;}
	.header .mobile-menu-trigger span:before,
	.header .mobile-menu-trigger span:after{content: '';position: absolute;left:0;width: 100%;height: 100%;background-color: #333;}
	.header .mobile-menu-trigger span:before{top:-6px;}
	.header .mobile-menu-trigger span:after{top:6px;}
	.header .item-right{align-items: center;}
	.header .menu{position: fixed;width: 320px;background-color:#ffffff;left:0;top:0;height: 100%;overflow: hidden;transform: translate(-100%);transition: all 0.5s ease;z-index: 1099;}
	.header .menu.active{transform: translate(0%);	}
	.header .menu > ul > li{line-height: 1;margin:0;display: block;}
	.header .menu > ul > li > a{line-height: 50px;height: 50px;padding:0 50px 0 15px;display: block;border-bottom: 1px solid rgba(0,0,0,0.1);color: #333}
	.header .menu > ul > li > a i{position: absolute;height: 50px;width: 50px;top:0;right: 0;text-align: center;line-height: 50px;transform: rotate(-90deg);}
	.header .menu .mobile-menu-head{display: flex;height: 50px;border-bottom: 1px solid rgba(0,0,0,0.1);justify-content: space-between;align-items: center;position: relative;z-index: 501;position: sticky;background-color: #ffffff;top:0;}
	.header .menu .mobile-menu-head .go-back{height: 50px;width: 50px;border-right: 1px solid rgba(0,0,0,0.1);cursor: pointer;line-height: 50px;text-align: center;color:#000000;font-size: 16px;display: none;}
	.header .menu .mobile-menu-head.active .go-back{display: block;}
	.header .menu .mobile-menu-head .current-menu-title{font-size: 14px;font-weight: 500;color:#555555;text-align: center;}
	.header .menu .mobile-menu-head .mobile-menu-close{height: 50px;width: 50px;border-left: 1px solid rgba(0,0,0,0.1);cursor: pointer;line-height: 50px;text-align: center;color:#555555;font-size: 25px;}
	.header .menu .menu-main{height: 100%;overflow-x: hidden;overflow-y: auto;}
	.header .menu > ul > li .sub-menu.mega-menu,
	.header .menu > ul > li .sub-menu{visibility: visible;opacity: 1;position: absolute;box-shadow: none;margin:0;padding:15px;top:0;left:0;width: 100%;height: 100%;padding-top: 65px;max-width: none;min-width: auto;display: none;transform: translateX(0%);overflow-y: auto;max-height: 100%}
	.header .menu > ul > li .sub-menu.active{display: block;}
	@keyframes slideLeft{0%{opacity:0;transform: translateX(100%);}100%{opacity:1;transform: translateX(0%);	}}
	@keyframes slideRight{0%{opacity:1;transform: translateX(0%);}100%{opacity:0;transform: translateX(100%);	}}
	.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item img{margin-top:0;}
	.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item.text-center .title{margin-bottom: 20px;}
	.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item.text-center:last-child .title{margin-bottom:0px;}
	.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item{flex: 0 0 100%;padding: 0px;}
	.header .menu > ul > li .sub-menu > ul > li > a,
	.header .menu > ul > li .sub-menu.mega-menu > .list-item > ul > li > a{display: block;}
	.header .menu > ul > li .sub-menu.mega-menu > .list-item > ul {margin-bottom: 15px;}
	.menu-overlay{position: fixed;background-color: rgba(0,0,0,0.5);left:0;top:0;width: 100%;height: 100%;z-index: 1098;visibility: hidden;opacity:0;transition: all 0.5s ease;}
	.menu-overlay.active{visibility: visible;opacity:1;	}
	.bi-search-section {width: 350px;}
	.bi-account-nav-item {display: none}
	.header {padding: 0}

	.mobile-showcase-category {margin-bottom: 10px}
	.bi-category-showcase {background: #e8e8e8}
	.bi-category-showcase .bi-category-showcase-title {border-bottom: 0;}
	.bi-category-showcase .bi-category-showcase-title h3 {padding: 10px 15px}
	.bi-category-showcase ul{display: none}
	.bi-only-desktop {display: none !important}
	.bi-footer-content .bi-footer-social li img{width: 30px;height: 30px;}

	.bi-nav-section.active .header {
		display: block;
		border-bottom: 0;
	}

  .bi-mobile-footer {
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99;
    background: #eaeaea;
    min-height: 60px;
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-top: 1px solid #e2e2e2;
  }

  .bi-mobile-footer .bi-mobile-footer-section {
    padding: 11px 0 4px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }

  .bi-mobile-footer .bi-mobile-footer-section a svg {
    margin-bottom: 5px;
  }
}

@media (min-width: 992px) and (max-width: 1180px){
	.header .menu > ul > li .sub-menu.mega-menu-column-4 {max-width: 960px !important;}
	.bi-search-section {width: 425px;}
}

@media (min-width: 1181px) and (max-width: 1400px){
	.bi-search-section {width: 581px;margin: 0 20px;}
}

@media (min-width: 1600px) {
	/*.bi-account-nav-item a{margin-left: 30px;}*/
  .search-popular-list a {
    /*padding: 8px 20px 8px 20px;*/
  }
}