﻿.CategoreyBox { margin-bottom: 25px; padding: 5px; text-align: center; border-bottom: 1px solid silver; cursor: pointer; }
.CategoreyBox .CategoreyBox-image { padding-bottom: 100%; position: relative; overflow: hidden; }
.CategoreyBox .CategoreyBox-image-link { display: block; position: absolute; left: 0px; bottom: 0px; right: 0px; top: 0px; }
.CategoreyBox .CategoreyBox-title { font-size: 130%; line-height: 22px; margin: 10px auto; }
.CategoreyBox .CategoreyBox-image-table { display: table; }
.CategoreyBox .CategoreyBox-image-table-cell { display: table-cell; }

#categoryView-items { padding-bottom: 80px; margin-top: 100px; }

.catalogItemBox { margin-bottom: 25px; padding: 5px; }
.catalogItemBox-link:hover { text-decoration: none; }
.catalogItemBox.selected { background-color: #f3f3f3; }
.catalogItemBox .catalogItemBox-image { padding-bottom: 85%; position: relative; background-size: contain; background-repeat: no-repeat; background-position: center center; margin-bottom: 10px; background-color: #ffffff; }
.skinstars-grid-boxes .catalogItemBox .catalogItemBox-image { background-color: transparent; }
.catalogItemBox .catalogItemBox-title { font-size: 90%; font-family: 'opensans-semibold'; text-align: center; }
.catalogItemBox .catalogItemBox-price { color: #757373; font-family: 'opensans-light'; font-size: 80%; text-align: center; margin-top: 10px; }
.catalogItemBox .catalogItemBox-price .price-sale { text-decoration: line-through; color: #A9A9AA; font-size: 80%; }
.catalogItemBox-Container .catalogItemBox .catalogItemBox-button { text-align: center; opacity: 0; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; transition-delay: .3s; }
.catalogItemBox-Container:hover .catalogItemBox .catalogItemBox-button { opacity: 1; }
.catalogItemBox .catalogItemBox-button button { font-size: 75%; position: relative; background-color: transparent; color: #333; padding: 0; font-family: inherit; }
.catalogItemBox .catalogItemBox-button button:before { content: ""; position: absolute; bottom: -5px; left: 50%; width: 90%; height: 2px; -webkit-transform: translateX(-50%); transform: translateX(-50%); background: linear-gradient(-45deg, #f1d7a0, #e2b86e, #f1d7a0, #e2b86e); background-size: 400% 400%; -webkit-animation: Gradient 15s ease infinite; -moz-animation: Gradient 15s ease infinite; animation: Gradient 15s ease infinite; }
.catalogItemBox .catalogItemBox-price:hover { text-decoration: none; }
.catalogItemBox .offer-circle { background-color: #231f20; width: 66px; height: 66px; border-radius: 50%; position: absolute; z-index: 99; color: #fff; font-weight: 500; right: 12%; font-size: 90%; }
.catalogItemBox .offer-circle .inner-Deal-text { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 100%; text-align: center; font-family: "futura-pt-condensed"; font-size: 111%; padding: 10px; line-height: 1; text-transform: uppercase; }
.catalogItemBox .offer-circle.offer-circle-sale .inner-Deal-text { font-size: 90%; }
.catalogItemBox .offer-circle .inner-Deal-text span.offTxt { font-size: 70%; display: inline-block; vertical-align: middle; max-width: 20px; line-height: 0.9; text-align: center; margin-left: 4px; }
.catalogItemBox-Container { padding-right: 25px; padding-left: 25px; float: none !important; display: inline-block; margin-right: -4px; }
.catalogItemsList.row { text-align: center; }
.catalogItemBox-Container.hideBox { opacity: 0; transition: all 350ms ease-in-out; -webkit-transition: all 350ms ease-in-out; animation: fadeElements .5s forwards; -webkit-animation: fadeElements .5s forwards; }
#categoryView { max-width: 1084px; }
#categoryView .CatBanner { text-align: center; /*margin-bottom:100px;*/ padding-bottom: 20.5%; position: relative; overflow: hidden; margin-top: 50px; }
#categoryView .CatBanner img { position: absolute; left: 0; top: 0; bottom: 0; right: 0; width: 100%; }
.catelogItemView-Box { clear: both; width: 100%; margin-bottom: 40px; }
.catalogItemBox .offer-circle .inner-Deal-text span.discountPercent { display: inline-block; vertical-align: middle; font-size: 155%; width: 20px; }

.catalogItemView-buyzone span.priceSign { color: #A9A9AA; font-size: 70%; }
.catalogItemView .catalogItemBox-price-deal span.priceSign { font-size: 90%; }
.catalogItemView-buyzone span.catalogItemBox-price-regular span.priceSign { color: inherit; font-size: inherit; }

.catalogItemView { text-align: right; position: relative; padding: 0; }

.catalogItemView .textSide { padding-right: 65px; }
.catalogItemView .catalogItemView-image { margin-top: 0; z-index: 0; margin-bottom: 0; max-width: 720px; margin: 0 auto; }
.catalogItemView .catalogItemView-image img { /*width:70%;*/ margin: auto; width: auto; height: 100%; }
.catalogItemView .catalogItemView-close { float: left; margin-top: 10px; }
.catalogItemView .catalogItemView-close img { width: 26px; }
.catalogItemView .catalogItemView-title { font-size: 200%; font-weight: 500; margin-bottom: 0px; line-height: 1; text-transform: uppercase; }

.catalogItemView .catalogItemView-desc { margin-bottom: 0px; }
.catalogItemView-desc p { color: #757373; font-size: 60%; max-width: 540px; }
.catalogItemView .catalogItemView-price { font-size: 110%; display: inline-block; background-color: #eeeff2; vertical-align: top; height: 38px; padding: 3px 10px; margin-left: 9px; direction: ltr; }
.catalogItemView .catalogItemView-quatity { display: inline-block; border: solid 1px #cccccc; }

.catalogItemView .changeQuantButton { background-color: transparent; color: #fff; cursor: pointer; border: 0px; -webkit-appearance: none; display: inline-block; width: 36px; padding: 0; height: 36px; margin: 0; vertical-align: top; }
.catalogItemView .catalogItemView-quatity .changeQuantButton svg { vertical-align: baseline; cursor: pointer; width: 12px; fill: #121212; }
.catalogItemView .scr-reader-only { width: 1px !important; border: 0 !important; clip: rect(0 0 0 0); margin: -1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important }
.catalogItemView .offer-circle { background-color: #231f20; width: 66px; height: 66px; border-radius: 50%; position: absolute; z-index: 99; color: #fff; font-weight: 500; left: 10px; top: 10px; font-size: 90%; }
.catalogItemView .offer-circle .inner-Deal-text { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 100%; text-align: center; font-family: "futura-pt-condensed"; font-size: 111%; padding: 10px; line-height: 1; text-transform: uppercase; }
.catalogItemView .offer-circle .inner-Deal-text span.offTxt { font-size: 70%; display: inline-block; vertical-align: middle; max-width: 20px; line-height: 0.9; text-align: center; margin-left: 4px; }


.catalogItemView .addToCart-container { /*border-bottom: 1px solid #d1d1d1;*/ padding-bottom: 15px; margin-top: 30px; }
.catalogItemView .catalogItemView-quatity > span { height: 100%; }
.catalogItemView .catalogItemView-quatity > span > span { vertical-align: middle; position: relative; top: 4px; }
.catalogItemView .catalogItemView-quatity > span > span.ui-selectmenu-icon.ui-icon.ui-icon-triangle-1-s { top: -2px; }
.catalogItemView .catalogItemView-button { }
.catalogItemView .catalogItemView-button button { display: inline-block; margin: 0; width: 340px; height: 50px; font-weight: 500; -webkit-appearance: none; font-size: 110%; }
.catalogItemView .catalogItemView-button button.outOfStock { opacity: 0.5; pointer-events:none; }
.catalogItemView .catalogItemView-button button.outOfStock span { display:none;}
.catalogItemView .catalogItemView-button button.outOfStock::before { content: "Out Of Stock"; }
.catalogItemView .catalogItemView-button a { padding: 5px 20px 3px 20px; color: #fff; background-color: #F68B1F; display: inline-block; border-radius: 5px; text-decoration: none; margin-bottom: 5px; }
.catalogItemView .catalogItemView-button button:before { padding-top: 10px; }
.catalogItemView .catalogItemView-afterbuy { display: none; margin-top: 30px; }
.catalogItemView .catalogItemBox-price-deal { text-decoration: line-through; color: #A9A9AA; font-size: 80%; font-family: 'opensans-light'; }
.catalogItemView .itemCapacity { font-family: 'opensans'; font-size: 90%; margin-bottom: 15px; direction: ltr;clear:both; }
.catalogItemView .infoWrapper { max-width: 90vw; margin: auto; }

.catalogItemView .productInfo { padding-right: 50px; }
.catalogItemView button.zoomImage { position: absolute; left: 9px; bottom: 9px; width: 22px; height: 22px; -webkit-appearance: none; background: transparent; padding: 0; margin: 0; display: none; }
#GridContent .catalogItemView .owl-item .item { height: 100%; width: 100%; }
#GridContent .catalogItemView .item-f-vert { height: 100%; }
#GridContent .catalogItemView .item-c-vert { height: 100%; }
#GridContent .catalogItemView .item-c-vert-img-continer { height: 100%; }

.catalogItemView .owl-thumbs { text-align: center; }
.catalogItemView .owl-thumbs button.owl-thumb-item { -webkit-appearance: none; background: transparent; padding: 0; width: 70px !important; height: 80px; overflow: hidden; margin: 0; margin-right: 10px; display: inline-block; background: #ffffff; padding: 5px; }

.catalogItemView .slick-slide img { margin-right: auto; margin-left: auto; }
.catalogItemView .owl-thumbs button.owl-thumb-item img { max-height: 100%; width: auto; }
.catalogItemView .owl-thumbs button.owl-thumb-item:last-child { margin-right: 0; }
.catalogItemView .owl-thumbs button.owl-thumb-item.video-owl:before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; pointer-events: none; background-color: #000; opacity: 0.2; }
.catalogItemView .owl-thumbs .slick-slide.slick-current.slick-active { border-color: #221e1f; display: block; }
.catalogItemView .playIcon svg { width: 50px; height: 50px; }
.catalogItemView .owl-thumbs .playIcon svg { width: 17px; height: 17px; }
.catalogItemView .playIcon { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); pointer-events: none; }

.catalogItemBox-Container .dealImg { position: absolute; right: 20px; z-index: 2; max-width: 70px; }
button.readMoreBtn { background: transparent; padding: 0; -webkit-appearance: none; color: inherit; font-size: 105%; display: inline; line-height: 1; border-bottom: 1px solid #D2D2D2; margin-left: 5px; color: #231f20; }

.catalogItemView .row { max-width: 100%; }
.catalogItemView .imagesSide { background: #ffffff; min-height: 400px; padding: 50px; }
.slider-for.catalogItemView-image .item.slick-slide, .catalogItemView .catalogItemView-image img { height: 400px; }

.relatedItemsContainer { float: left; width: 100%; padding: 50px 25px 70px; margin-top: 20px; }
.relatedItemsTitle { text-align: center; text-transform: uppercase; margin-bottom: 50px; }
.relatedItemsContainer .catalogItemsList.row { max-width: 1000px; }

.catalogItemView .catalogItemView-makats { display: block; max-width: 215px; margin: 0 auto 24px; position: relative; border-bottom: 1px solid #ccc; font-family: "futura-pt",'almoni-neue-aaa-400'; }
.catalogItemView .catalogItemView-makats .MaketLabel { font-size: 86%; text-transform: uppercase; }
.catalogItemView .catalogItemView-makats:after { content: ""; display: block; width: 100%; position: absolute; z-index: 1; bottom: 0; }
.catalogItemView .catalogItemView-makats > span.ui-selectmenu-button.ui-button { margin-left: 0; border-radius: 0; margin-right: 0; border: 0; background: #ffffff; width: 100%; text-align: center; font-family: inherit; padding-right: 0px; }
.catalogItemView .catalogItemView-makats > span.ui-selectmenu-button.ui-button:focus { outline-color: transparent; }
.catalogItemView .catalogItemView-makats > span > span { vertical-align: middle; }
.catalogItemView #makat-button .ui-icon { background-image: url(../../../000Frames/site/images/arrow_right.svg); transform: rotate(90deg); right: -10px; }
.catalogItemView .catalogItemView-makats > span > span.ui-selectmenu-text { display: inline-block; vertical-align: middle; margin-left: 0; font-family: inherit; font-size: 77%; margin-right: 0; text-transform: uppercase; font-weight: 500; color: #231f20; }
#makat-menu { text-align: center; font-family: inherit; border: none; border-bottom: 1px solid #ccc; }
#makat-menu li { font-family: "futura-pt"; text-align: center; padding-right: 10px; }
.ui-menu .ui-menu-item-wrapper { border-bottom: 1px solid #ccc; }
.ui-selectmenu-open #makat-menu { height: auto; text-align: center; overflow: hidden; text-transform: uppercase; }
.ui-widget.ui-widget-content#makat-menu { text-align: center; font-family: inherit; border: none; border: 1px solid transparent; border-bottom-color: #ccc; transition-delay: 0s; transition: all 0s ease-in; -webkit-transition: all 0s ease-in; max-height: 0; }
.ui-selectmenu-open .ui-widget.ui-widget-content#makat-menu { height: auto; text-align: left; overflow: hidden; text-transform: uppercase; padding-left: 0; border-color: #ccc; transition-delay: .2s; transition: all 0.5s ease-in; -webkit-transition: all 0.5s ease-in; max-height: 200px; }

#quick-view-pop .catalogItemView .catalogItemView-price { display: block; margin: 0; background-color: transparent; font-size: 145%; margin-bottom: 10px; font-family: OpenSans; margin-top: 8px; height: auto; vertical-align: middle; padding: 0; }
#quick-view-pop .catalogItemView .catalogItemView-quatity { border: none; border-bottom: 1px solid #d1d1d1; border-top: 1px solid #d1d1d1; display: block; padding-top: 12px; padding-bottom: 12px; margin-bottom: 12px; }
#quick-view-pop .catalogItemView .addToCart-container { margin-top: 0; }
#quick-view-pop .catalogItemView:before { content: ""; position: absolute; top: 50%; left: 50%; width: 2px; height: 100%; border-left: 1px solid #ccc; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1; }
#quick-view-pop .catalogItemView .imagesSide { padding: 0; }
#quick-view-pop .catalogItemView .textSide { min-height: 0; padding-top: 0; padding-left: 30px; }
#quick-view-pop .catalogItemView .catalogItemView-button button { width: 190px; height: 44px; }
#quick-view-pop .catalogItemView .catalogItemView-button button:before { padding-top: 8px; }
#quick-view-pop .catalogItemView .catalogItemView-quatity > span > span { margin-right: 5px; }
#quick-view-pop .catalogItemView .catalogItemView-makats { max-width: 100%; }

@media(max-width:1280px) {
    .slider-for.catalogItemView-image .item.slick-slide, .catalogItemView .catalogItemView-image img { height: 260px; }
    .catalogItemView .imagesSide { min-height: 260px; padding: 10px 20px; }
}

@media(max-width:1025px) {
    .catalogItemView .row, .catalogItemView .infoWrapper { max-width: 90vw; margin-right: auto; margin-left: auto; }
}

@media(min-width:992px) {
    /*.slick-slider .slick-track, .slick-slider .slick-list { transform: translate3d(0, 0, 0) !important; }*/
    button.slick-next.slick-arrow { right: -40px; }
    button.slick-prev.slick-arrow { left: -40px; }
    button.slick-prev.slick-arrow:after { content: ""; background-image: url('../../../000Frames/site/images/arrow_left.svg'); width: 16px; height: 30px; background-size: cover; display: inline-block; }
    button.slick-next.slick-arrow:after { content: ""; background-image: url('../../../000Frames/site/images/arrow_right.svg'); width: 16px; height: 30px; background-size: cover; display: inline-block; }
    button.slick-prev.slick-arrow, button.slick-next.slick-arrow { position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); background: transparent; width: auto; padding: 0; font-size: 0; }
    .smallThumbs { position: absolute; right: 40px; top: 65px; width: 70px; }
    .catalogItemView .slick-track { margin: 0; }
    .catalogItemView .owl-thumbs button.owl-thumb-item { clear: both; margin: 8px 0 7px; border: 1px solid #cccccc; }
    .catalogItemView .textSide { min-height: calc(100vh - 113px); padding-top: 80px; }

    .catalogItemView .imagesSide { text-align: center; width: 50%; height: calc(100vh - 113px); position: fixed; bottom: 0; right: 0; float: none; top: var(--headerHeight);; }
    .catalogItemView .imagesSide.sticky { position: absolute; }
    #quick-view-pop .catalogItemView .imagesSide { height: auto; position: unset; }
}

@media(max-width:991px) {
    .catalogItemView .catalogItemView-makats { margin-top: 15px; }
    .catalogItemView .catalogItemView-button { text-align: center !important; }
    .catalogItemBox-Container .dealImg { right: 10px; }
    #categoryView .CatBanner { margin-bottom: 30px; }
    .catalogItemBox-Container { margin-bottom: 40px; }
    .catalogItemBox .catalogItemBox-image { padding-bottom: 80%; }

    .catalogItemView .owl-thumbs { margin-top: 50%; transform: translateY(25%); -webkit-transform: translateY(25%); }
    .catalogItemView .imagesSide { width: 100%; text-align: center; }
    /*.catalogItemView .owl-thumbs .slick-list.draggable { top: 50%; transform: translateY(-50%) !important;-webkit-transform:translateY(-50%) !important; }*/
    .catalogItemView .owl-thumbs button.owl-thumb-item { margin-bottom: 12px; margin-right: 0; }
    .catalogItemView .owl-thumbs button.owl-thumb-item:last-child { margin-bottom: 0; }
    button.slick-prev.slick-arrow, button.slick-next.slick-arrow { position: absolute; transform: translateX(-50%); -webkit-transform: translateX(-50%); left: 50%; font-size: 0; background: transparent; padding: 0; width: auto; }
    button.slick-prev.slick-arrow { top: -60px; }
    button.slick-next.slick-arrow { bottom: -60px; }
    button.slick-prev.slick-arrow:after { content: ""; background-image: url('../../../000Frames/site/images/arrow_up.svg'); height: 16px; width: 30px; background-size: cover; display: inline-block; }
    button.slick-next.slick-arrow:after { content: ""; background-image: url('../../../000Frames/site/images/arrow_down.svg'); height: 16px; width: 30px; background-size: cover; display: inline-block; }
    .catalogItemView .row { max-width: 100%; padding-bottom:120px;}
    #item-wrapper { padding-bottom: 0; }
}

@media(max-width:991px) and (min-width:768px) {
    .catalogItemView .smallThumbs { width: 80px; padding: 0; height: 400px; position: absolute; left: 30px; }
}

@media(min-width:768px) {
    .catalogItemView .catalogItemView-title:after { content: ""; display: block; width: 80px; height: 4px; background-image: linear-gradient(to left, #f1d7a0, #e2b86e); margin-bottom: 20px; margin-top: 15px; }
    #quick-view-pop .catalogItemView .catalogItemView-title:after { height: 8px }
}

@media(max-width:767px) {
    #categoryView .CatBanner { margin-top: 20px; margin-bottom: 20px; padding-bottom: 31.5%; }
    .catalogItemBox .catalogItemBox-image { padding-bottom: 75%; }
    .row > div.catalogItemBox-Container { border-bottom: 1px solid #cccccc; margin-bottom: 0; padding: 25px 25px; }
    .catalogItemBox { margin-bottom: 0; }
    .catalogItemBox .offer-circle { width: 55px; height: 55px; }
    .catalogItemBox .offer-circle.offer-circle-sale .inner-Deal-text { font-size: 73%; line-height: 1.1; }
    .row > div.catalogItemBox-Container:last-child { border-bottom: 0; }
    .catalogItemView .imagesSide { width: 100%; min-height: 250px; padding: 20px; margin-left: 0; }
    .slider-for.catalogItemView-image .item.slick-slide, .catalogItemView .catalogItemView-image img { height: 250px; }
    .catalogItemView .catalogItemView-title { font-size: 140%; }
    button.slick-next.slick-arrow { right: 0; }
    button.slick-prev.slick-arrow { left: 0; }
    button.openVideoMobile { background: #ffffff; color: inherit; width: 100%; margin-top: 10px; padding: 15px; margin-bottom: 0; font-weight: 500; font-family: inherit; font-size: 100%; }
    .videoContainer { padding: 0; position: absolute; top: 63px; left: 15px; }
    .videoContainer button { width: 44px; height: 44px; border-radius: 50%; display: inline-block; text-align: center; position: relative; background: #ffffff; border: 1px solid #DBDDDC; z-index: 1; -webkit-appearance: none; padding: 0; color: #000000; vertical-align: middle; margin: 0; }
    .catalogItemView .playIcon svg .playIconSvg { fill: #000000; }
    .catalogItemView .playIcon svg { width: 19px; height: 18px; }
    .catalogItemView .playIcon { position: relative; top: auto; left: auto; transform: translate(0%,0%); -webkit-transform: translate(0%,0%); display: inline-block; vertical-align: middle; margin-left: 4px; margin-top: 2px; }
    .catalogItemView .textSide { margin-top: 0; padding-left: 5px; padding: 0 20px; }
    .catalogItemView .catalogItemView-desc { margin-top: 30px; }
    .catalogItemView .infoWrapper.row { margin-top: 30px; padding-bottom: 0; }
    button.slick-prev.slick-arrow, button.slick-next.slick-arrow { position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); z-index: 9999; }
    button.slick-prev.slick-arrow { left: -5px; }
    button.slick-next.slick-arrow { right: -5px; bottom: auto; left: auto; }
    button.slick-prev.slick-arrow:after { content: ""; background-image: url('../../../000Frames/site/images/arrow_left.svg'); width: 16px; height: 30px; background-size: cover; display: inline-block; }
    button.slick-next.slick-arrow:after { content: ""; background-image: url('../../../000Frames/site/images/arrow_right.svg'); width: 16px; height: 30px; background-size: cover; display: inline-block; }
    .catalogItemView .itemCapacity { margin-top: 40px; }
}

@media(max-width:767px) {
    .catalogItemView .catalogItemView-button { width: 100%; }
    .catalogItemView .catalogItemView-button button { width: 100%; }
}

.catalogItemsList .catalogItemBox-price-deal { text-decoration: line-through; color: #A9A9AA; font-size: 80%; }

ul.slick-dots { position: absolute; bottom: -30px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); margin-left: 0; }
ul.slick-dots li { display: inline-block; }
ul.slick-dots li button { background: transparent; width: 13px; height: 13px; background: #e1e1e1; border-radius: 50%; padding: 0; border: 0; font-size: 0; margin: 0px 3px; }
ul.slick-dots li.slick-active button { background: #1E191A; }



@media(max-width:767px) {
    #video-pop .dialog__content { width: 90vw; background: transparent; }
    #video-pop ul.slick-dots { bottom: -50px; }
    #video-pop ul.slick-dots li button { background: #ffffff; }
    #video-pop ul.slick-dots li.slick-active button { background: #EAC786; }
}
