/* catalog brand header cont */
.catalog-header-brand-wrap { display: flex; align-items: flex-start; justify-content: space-between; padding-bottom: 40px; margin-bottom:30px; border-bottom: 2px solid var(--white-gray); }
.catalog-header-brand-wrap img { width:50%; height: auto; }
.catalog-brand-content { width:calc(50% - 40px); display: flex; flex-direction: column; align-items: center; justify-content: center; }
.catalog-brand-title { margin-bottom: 20px; display: flex; align-items: center; justify-content: center; font-size: 36px; text-transform: uppercase; font-weight: bold; color: var(--gray-dark); }
.catalog-brand-text { font-size: 13px; line-height: 21px; width: 100%; text-align: left; color:var(--gray-dark); }

.catalog-title-wrapper { display: flex; align-items: center; justify-content: space-between; margin-bottom: 40px; }
.catalog-title-wrapper h1.catalog-title { width:calc(100% - 320px); font-size: 36px; font-weight: normal; text-transform: uppercase; color:var(--gray-dark); }

/* catalog select sort */
.catalog-sel-sort { background-color: var(--white-gray); height: 40px; border-radius:50px; width:300px; margin:30px 0; }
.catalog-sel-sort-list { position: relative; width: 100%; height: 40px; }
.catalog-sel-sort-list-tit { cursor:pointer; width: 100%; position: absolute; z-index: 10; display: flex; align-items: center; justify-content: space-between; height: 40px; border-radius: 50px; }
.catalog-sel-sort-list-tit .inf { text-align: left; display: flex; align-items: center; justify-content: flex-start; width:calc(100% - 45px); }
.catalog-sel-sort-list-tit .inf .inf-name { font-size: 14px; color:var(--gray); margin:0 10px 0 20px; }
.catalog-sel-sort-list-tit .inf .inf-value { font-size: 14px; color:var(--gray-dark); font-weight: bold; }
.catalog-sel-sort-list-tit svg.svg_darr { height: 12px; width: 12px; margin: 15px; fill: var(--black); transition: .2s; }
.catalog-sel-sort-list.open .catalog-sel-sort-list-tit svg.svg_darr { transition: .2s; transform: rotate(-180deg);}

.catalog-sel-sort-list-items { height:auto; max-height:350px; width:300px; padding-top: 20px; padding-right: 0px; overflow-x: hidden; overflow-y: auto; position: absolute; z-index: 9; top:0px; left:0px; background-color: var(--white-gray); border-radius: 0px 0px 20px 20px; }
.catalog-sort-item { color: var(--black1); cursor:pointer; font-size: 14px; transition: .2s; width:calc(100% - 0px); padding: 0 20px; display: flex; align-items: center; justify-content: space-between; height: 40px; border-top:1px solid var(--white-gray-hover); }
.catalog-sort-item:hover { background-color:var(--white-gray-hover); color: var(--pink); transition: .2s; }

.catalog-sel-sort-list-items::-webkit-scrollbar { width: 8px; }
.catalog-sel-sort-list-items::-webkit-scrollbar-track { background: var(--light-gray); box-shadow:inset -4px 0px 0px 1px #fff, inset 1px 0px 0px 1px #fff; }
.catalog-sel-sort-list-items::-webkit-scrollbar-button {background: #fff; height: 3px;}
.catalog-sel-sort-list-items::-webkit-scrollbar-thumb { background: var(--blue-shadow); box-shadow:inset -3px 0px 0px 0px #fff; border-radius:16px; }

.catalog-sel-sort-list-items { visibility: hidden; opacity: 0; top:0px; transition: .2s; }
.catalog-sel-sort-list.open .catalog-sel-sort-list-items { visibility: visible; opacity: 1; top:20px; transition: .2s; }

/* catalog main content */
.catalog-content {  }
.catalog-content .prod-list { justify-content: flex-start; width: 100%; }
/*.catalog-content .prod-list .prod-item:nth-child(1n + 1) + .prod-item { margin-left: 19px; }*/
.catalog-content .prod-list .prod-item:nth-child(3n + 1) { margin-left: 0px !important; }
.catalog-content .prod-list .prod-item { width: calc(33.3333% - 13px); min-width: calc(33.3333% - 13px); margin-bottom: 20px; margin-left: 19px; }

/* all-brands page */
.catalog-all-brand-header .catalog-title-wrapper { margin-bottom: 0; }
.all-brands {  }
.first-letters { width: 100%; display: flex; align-items: center; justify-content: flex-start; overflow-x: auto; overflow-y: hidden; height:60px; margin-bottom: 40px; border-top:1px solid var(--white-gray); border-bottom: 1px solid var(--white-gray); }
.first-letters a { display: flex; align-items: center; justify-content: center; text-decoration: none; min-height: 50px; min-width:50px; font-size: 19px; color:var(--gray-dark); }
.letter-title { height: 50px; background-color: var(--white-gray); padding: 0 15px; width: calc(100% - 30px); display: flex; align-items: center; justify-content: flex-start; font-size: 32px; font-weight: bold; color:var(--gray-dark); }
.letter-items { display: flex; flex-direction: column; }
.letter-items a { display: flex; align-items: center; justify-content: flex-start; font-size: 14px; color:var(--gray-dark); text-decoration: none; height: 40px; margin-left: 15px; }


/* category filters */
#cat-filter { margin-bottom: 20px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); border-radius: 3px; display: flex; flex-direction: column; align-items: stretch; }
.cat-ftr { height:auto; max-height:100%; border-top:2px solid var(--white-gray); position: relative; margin-bottom: 0px; padding:40px 30px 40px 30px; /*align-self: stretch; flex:1; */}
.cat-ftr:first-child { border-top:2px solid transparent; }
.cat-ftr-title { cursor:pointer; height:30px; margin-bottom: 20px; display: flex;align-items: center;justify-content:space-between;}
.cat-ftr-title span { color:var(--gray-dark); font-size: 16px; font-weight: bold; text-transform:uppercase; display:block; }
.cat-ftr-title svg { fill:var(--dark-gray); display: block; width:16px; height:16px; margin:10px; transform: rotate(180deg); transition: .2s; }

.cat-ftr-it, a.cat-ftr-it {display: flex; align-items:center; justify-content: flex-start; transition: .2s; height:20px; font-size:14px; color:var(--gray-dark); position: relative; margin-top: 12px;}
a.cat-ftr-it:hover { color:var(--pink); transition: .2s; }

.cat-ftr #price-range { display: block; align-items: center; width:calc(100% - 0px); height: 100px; transition: .2s; margin-bottom: 0; }

.cat-ftr-it-cnt {color:var(--gray); font-size: 13px; font-weight: 600; margin-left:10px;}

.cat-ftr-it-radio { display: flex; align-items: center; justify-content: center; position: relative; width:16px; height:16px; background-color: var(--white-gray); border:1px solid transparent; border-radius: 10px; margin-right: 15px; transition: 0s; }
.cat-ftr-it-radio .radio-circle { display: none; width: 9px; height: 9px; border-radius: 5px; background-color: var(--pink); }
.cat-ftr-it-radio-act { border:1px solid var(--gray); }
/*.cat-ftr-it-radio-act:after {left: 12px;top: 7px;width: 5px;height: 10px;border: solid red;border-width: 0 3px 3px 0;transform: rotate(45deg);content: "";position: absolute;}*/
.cat-ftr-it-radio-act .radio-circle { display: block; }

.cat-ftr-it-check { display: flex; align-items: center; justify-content: center; position: relative; border: 1px solid var(--gray-light); width:16px; height:16px; background-color: var(--white-gray); border-radius: 3px; margin-right: 15px; transition: 0s; }
.cat-ftr-it-check-act { border:1px solid var(--gray); }
/*.cat-ftr-it-check-act:after {left: 12px;top: 7px;width: 5px;height: 10px;border: solid red;border-width: 0 3px 3px 0;transform: rotate(45deg);content: "";position: absolute;}*/
.cat-ftr-it-check svg { width:10px; height: 10px; fill:var(--pink); display: none; }
.cat-ftr-it-check-act svg { display: block; }

a.cat-ftr-it:hover .cat-ftr-it-radio {  border:1px solid var(--gray); transition: .2s; }
a.cat-ftr-it:hover .cat-ftr-it-check {  border:1px solid var(--gray); transition: .2s; }

a#gotoftr { display: none; position: absolute; right:-110px; transform: translateY(-40px); z-index: 999; border-radius: 5px; font-size:14px; color:#fff; box-shadow: 0px 0px 10px 10px #fff; background-color:#003E7C; text-decoration: none; text-align: center; width:160px; height:40px; line-height: 40px; }

/*#price-range { display: block; height:145px; width: calc(100% - 15px); }*/
#price-range-form { display: flex; height:20px; }
#price-range-form span { display: inline-block; height:20px; line-height: 20px; font-size: 13px; color:var(--gray-dark); padding-left: 5px; }
#price-range-form input { height:20px; transition: .1s; display: flex; width: 50px; padding: 0; border: 0; font-size: 14px; color:var(--gray-dark); text-align: right; }

#price-range-apply { margin:10px auto 0 auto; display: block; }

.cat-ftr-close { height:42px; border-top:2px solid var(--white-gray); margin: 0; overflow:hidden; transition: .2s; }
.cat-ftr-close .cat-ftr-title { background-color: var(--white); transition: .2s; }
.cat-ftr-close .cat-ftr-title svg { transform: rotate(0deg); transition: .2s; }
.cat-ftr-close .cat-ftr-it { overflow:hidden; height: 0; opacity: 0; visibility: hidden; transition: .2s; }
.cat-ftr-close #price-range { overflow:hidden; height: 0; opacity: 0; visibility: hidden; transition: .2s; }


/* UNREVIEWED */
/* cat slider */
.set-slider { padding-top:0px; margin-bottom: 16px; margin-top:0px; }
.set-slider .slider-items { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: flex-start; }
a.set-slider-item { display: flex; align-items: center; position: relative; margin-right:15px; margin-bottom: 15px; height:100px; width: calc(16.66666% - 45px); border-radius: 3px; background-color:var(--light-bg); padding:15px; display: flex; flex-direction: column; align-items: center; }
a.set-slider-item img  {mix-blend-mode: multiply; max-width: 75px; max-height: 75px; display: block; margin:0px auto 0 auto; }
/*a.set-slider-item i  { width:35px; height: 35px; display: block; margin-top: 10px; }
a.set-slider-item i svg { width: 35px; height: 35px; display: block; fill:var(--red); }*/
a.set-slider-item .set-slider-item-tit { width: 100%; transition: .2s; text-align: center; font-size: 13px; color:var(--black); text-shadow: var(--light-bg) 1px -3px 10px;  /*background-color: var(--light-bg);*/ padding:5px 0; position: absolute; bottom:5px; left:50%; transform: translateX(-50%); }
a.set-slider-item:last-child { margin-right:0; }
a.set-slider-item:hover { background-color: var(--light-bg-hover); }
a.set-slider-item:hover .set-slider-item-tit { color: var(--blue); /*background-color: var(--light-bg-hover); */ }

/* line slider for brands */
.slider-line { height: 60px; margin-bottom:36px; background-color: var(--light-bg); position: relative; display: flex; align-items: center; justify-content: center; border-radius: 3px; }
.slider-line-items { height: 60px; display: flex; align-items: center; justify-content: space-between; }
.slider-line-items a { /*display: block;*/ background-color: var(--light-bg); }
.slider-line-items a img { height: 40px; width: auto; max-width: calc(100% - 10px); display: block; margin:10px 25px; mix-blend-mode: multiply; }
.slider-line button.arr { width:34px; height:34px; position: absolute; top:13px; }
.slider-line button i { display: block; width:14px; height:14px; margin:10px; }
.slider-line button i svg { display:block; width:14px; height:14px; fill:var(--blue); }
.slider-line button.arr-prev { left:13px; }
.slider-line button.arr-prev i { transform: rotate(-180deg); }
.slider-line button.arr-next { right:13px; }
.slider-line button:hover i svg { fill:var(--deep-blue); }
.slider-line button:active i svg { fill:var(--deep-blue); }

.slider-line .swiper-container { width:calc(100% - 80px); display: flex; align-items: center; }
.slider-line .swiper-container .swiper-slide { width: auto; }

.two-c { display: flex; justify-content: space-between; margin-bottom: 70px; }
.two-c-lt { width:calc(25% - 10px); }
.two-c-rt { width:calc(75% - 10px); }

.sel-ftrs { border-radius: 5px; background-color: var(--white-gray); margin-bottom: 20px; }
.sel-ftrs-hd { display: flex; justify-content: space-between; align-items: center; height: 50px; border-bottom: 1px solid var(--light-gray); }
.sel-ftrs-hd .sel-ftrs-tit { font-size: 13px; font-weight: 500; color:var(--deep-gray); padding:0 10px; }
.sel-ftrs-hd a { display: flex; align-items: center; justify-content: flex-end; }
.sel-ftrs-hd a .text{ font-size: 13px; font-weight: 500; color:var(--black); }
.sel-ftrs-hd a svg { display: block; width: 10px; height: 10px; margin: 10px; fill:var(--black); }
.sel-ftrs-hd a:hover .text { color: var(--pink); }
.sel-ftrs-hd a:hover svg { fill: var(--pink); }
/*.sel-ftrs-hd a i svg { display: block; width:10px; height: 10px; margin:10px; fill:var(--deep-blue); }*/

.sel-ftrs-items {  }
.sel-ftrs-items a { display: flex; align-items: center; justify-content: space-between; height: 50px;  }
.sel-ftrs-items a .text{ font-size: 12px; font-weight: 500; color:var(--black); padding:0 10px; max-width: calc(100% - 50px); text-overflow: ellipsis; overflow: hidden; }
.sel-ftrs-items a svg { display: block; width: 10px; height: 10px; margin: 10px; fill:var(--black); }
.sel-ftrs-items a:hover .text { color:var(--pink); }
.sel-ftrs-items a:hover svg { fill:var(--pink); }
/*.sel-ftrs-items a i svg { display: block; width:10px; height: 10px; margin:10px; fill:var(--deep-blue); }*/

/*#cat-filter { width:calc(100% - 22px); margin-bottom: 20px; padding:10px 10px 10px 10px; border: 1px solid var(--light-gray); display: flex; flex-direction: column; align-items: stretch; }
*/

/* left top prods */
.lt-top-prods { width:calc(100% - 22px); padding:10px 10px 10px 10px; border: 1px solid var(--light-gray); display: flex; flex-direction: column; align-items: stretch; }
.lt-top-prods-tit { height:42px; cursor: pointer; background-color: var(--deep-blue); display: flex;align-items: center;justify-content:space-between; }
.lt-top-prods-tit span { color:var(--white); font-size: 11px; font-weight: bold; padding:0 14px; text-transform:uppercase; display:block; }
.lt-top-prods-tit i { width:30px; height:30px; transform: rotate(180deg); display: block; transition: .2s; }
.lt-top-prods-tit i svg { fill:var(--white); display: block; width:10px; height: 10px; margin:10px; }
.lt-top-prods-items {  }
.lt-top-prods-items a { border-bottom:1px solid var(--light-gray); display: flex; align-items:center; justify-content: flex-start; height:40px; padding:10px 0; position: relative; }
.lt-top-prods-items a .text { color:var(--deep-blue); font-size:12px; line-height: 16px; font-weight: 500; width: calc(100% - 60px); }
.lt-top-prods-items a .price { color:var(--black); font-size:12px; font-weight: 600; width: 60px; display: block; margin:0; }

.lt-top-prods-close {  }
.lt-top-prods-close .lt-top-prods-tit { transition: .2s; }
.lt-top-prods-close .lt-top-prods-tit i { transform: rotate(0deg); transition: .2s; }
.lt-top-prods-close .lt-top-prods-items { overflow:hidden; height: 0; opacity: 0; visibility: hidden; transition: .2s; }

.cat-srt { display: flex; align-items: center; justify-content: flex-start; height: 50px; margin-bottom: 20px; border-radius: 5px; background-color: var(--light-bg); padding:0 15px; width:calc(100% - 30px); }
.cat-srt .text { font-size: 13px; color:var(--deep-gray); }
.cat-srt a { font-size: 13px; color:var(--blue); display: block; margin-left: 15px; }
.cat-srt a:hover { text-decoration: underline; }
.cat-srt a.act { font-weight: 600; color:var(--deep-blue); text-decoration: underline; }

/*.prod-list {margin-bottom: 36px; display: flex; flex-wrap: wrap; border:1px solid var(--light-bg); border-right:0; border-bottom:0;}*/
/*.prod-list .prod-item { width:calc(33.33333% - 1px); border-bottom:1px solid var(--light-bg); }*/


.cat-price-table { width:calc(100% - 20px); margin-top:30px; padding:10px; border:1px solid var(--light-gray); }
.cat-price-table h3 { padding-left:10px; color: var(--blue); }
.cat-price-table table { width:100%; }
.cat-price-table table thead {  }
.cat-price-table table thead tr {  }
.cat-price-table table thead tr td { font-weight: bold; padding:5px 10px; }
.cat-price-table table tbody {  }
.cat-price-table table tbody tr {  }
.cat-price-table table tbody tr td { padding:8px 10px; border-bottom: 1px solid var(--light-gray);  }
.cat-price-table table tbody tr:last-child td { border-bottom: 0px;  }
.cat-price-table table tbody tr td:nth-child(1) { color: var(--black); font-size: 14px; line-height: 16px; font-weight: 500;  width: 100%;
 }
.cat-price-table table tbody tr td:nth-child(2) { white-space: nowrap; }

/* review slider bottom */

.rev-slider { margin-bottom: 50px; }
.rev-slider .swiper-container { border: 1px solid var(--light-gray); }
.rev-slider .slider-items { display: flex; }
.rev-slider-item { border-right: 1px solid var(--light-gray); width:calc(100% - 40px); padding:20px; }
.rev-slider-item:first-child { border-left:0; }
.rev-item-link { display: block; margin-bottom: 10px; color:var(--deep-blue); height: 20px; overflow: hidden; font-size: 13px; font-weight: 500; }
.rev-item-inf { display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; }

.rev-item-inf-lt { display: flex; justify-content: flex-start; align-items: center; }
.rev-item-inf-lt .stars { margin-right: 20px; }
.rev-item-inf-lt .rev-item-buyer { display: flex; align-items: center; }
.rev-item-inf-lt .rev-item-buyer i { display:block; width:14px; height: 14px; margin-right: 5px; }
.rev-item-inf-lt .rev-item-buyer i svg { display:block; width:14px; height: 14px; fill:var(--red); }
.rev-item-inf-lt .rev-item-buyer .text { font-size: 10px; font-weight: 500; color:var(--red); }

.rev-item-inf-rt { display: flex; justify-content: flex-end; align-items: center; }
.rev-item-dt { font-size: 11px; color:var(--deep-gray); }

.rev-item-text { font-size: 13px; line-height: 22px; color:var(--black); height:110px; overflow: hidden;  }