﻿.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;}


.catalogItemBox { margin-bottom:25px; padding:5px; background-color:#eee; }
.catalogItemBox-link:hover {text-decoration:none;}
.catalogItemBox.selected { background-color:#f3f3f3; }
.catalogItemBox .catalogItemBox-image       { padding-bottom:100%; position:relative; background-size:contain; background-repeat:no-repeat; background-position:center center; margin-bottom:10px; }
.catalogItemBox .catalogItemBox-title       { font-size:130%; line-height:22px; }
.catalogItemBox .catalogItemBox-price       { font-size:130%; line-height:22px; color:#F68B1F; padding-bottom:5px; border-bottom:1px solid silver; margin-bottom:10px; }
.catalogItemBox .catalogItemBox-price .price-sale { text-decoration: line-through; color: #A9A9AA; font-size: 80%; }
.catalogItemBox .catalogItemBox-button      { }
.catalogItemBox .catalogItemBox-button a    { padding:5px 20px 3px 20px; color:#fff; background-color:#F68B1F; display:inline-block; border-radius:5px; text-decoration:none; margin-bottom:5px; }
.catalogItemBox .catalogItemBox-price:hover { text-decoration: none; }
.catalogItemBox .offer-circle {background-color: #f68b1f; width: 60px; height: 60px; border-radius: 50%; position: absolute; z-index: 99; color: #fff; font-weight: bold; }
.catalogItemBox .offer-circle .inner-Deal-text { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); }


#categoryView   {  }
.catelogItemView-Box    { clear:both; width:100%; margin-bottom:40px; }


.catalogItemView    { text-align:right; }
.catalogItemView .catalogItemView-image         { }
.catalogItemView .catalogItemView-image img     { width:100%; }
.catalogItemView .catalogItemView-close         { float:left; margin-top:10px; }
.catalogItemView .catalogItemView-close img     { width:26px; }
.catalogItemView .catalogItemView-title         { font-size:200%; color:#F68B1F; margin-bottom:0px; }
.catalogItemView .catalogItemView-desc          { margin-bottom:0px; }
.catalogItemView .catalogItemView-price         { font-size:200%; margin-bottom:10px; }
.catalogItemView .catalogItemView-quatity       { border-bottom:1px solid silver; border-top:1px solid silver; padding-top:20px; padding-bottom:20px; margin-bottom:20px; }
.catalogItemView .catalogItemView-quatity > span    { margin-left:20px; }
.catalogItemView .catalogItemView-quatity > span > span { margin-left:5px; }
.catalogItemView .catalogItemView-button        { text-align:right; }
.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-afterbuy {display:none;margin-top:30px;}
.catalogItemView .catalogItemBox-price-deal { text-decoration: line-through; color: #A9A9AA; font-size:80%;}


.catalogItemBox-Container .dealImg { position: absolute; right: 20px; z-index: 2; max-width: 70px; }
@media(max-width:991px){
    .catalogItemView .catalogItemView-button {text-align:center !important;}
    .catalogItemBox-Container .dealImg { right: 10px; }
}


.catalogItemsList .catalogItemBox-price-deal { text-decoration: line-through; color: #A9A9AA; font-size:80%; }

.showItemBox { margin-bottom: 30px; padding: 0; background-color: #ffffff; padding-bottom: 40px; -webkit-transition: box-shadow .3s ease; transition: box-shadow .3s ease; }
.showItemBox-Container { opacity: 0; transition: all 350ms ease-in-out; -webkit-transition: all 350ms ease-in-out; max-height: 760px; }
.showItemBox-Container.canAnimate { animation: fadeElements .5s forwards; -webkit-animation: fadeElements .5s forwards; -webkit-animation-delay: 1s; animation-delay: 1s; }
.showItemBox:hover { box-shadow: 0 7px 30px 0 rgba(54, 54, 54, 0.25); }
.showItemBox-link:hover { text-decoration: none; }
.showItemBox.selected { background-color: #f3f3f3; }
.showItemBox .showItemBox-image { position: relative; background-size: cover; background-repeat: no-repeat; background-position: center center; height: 400px; }
.showItemBox .showItemBox-image img { height: 100%; object-fit: cover; width: 100%; }
.showItemBox .showItemBox-title { font-size: 153%; line-height: 28px; font-family: 'almoni-tzar-aaa-bold'; margin-bottom: 15px; margin-top:0px;}
.showItemBox .showItemBox-Content { padding: 23px 20px 0px; max-height: 204px; min-height: 170px; }
.showItemBox .showItemBox-summary { font-size: 95%; line-height: 1.2; max-width: 95%; margin-bottom: 15px; height: 38px; overflow: hidden; }
.showItemBox .showItemBox-nextShow { margin-bottom: 15px; font-family: 'almoni-tzar-aaa-regular'; font-size: 110%; height: 26px;}
.showItemBox .buttonHover { min-width: 140px; }
    .showItemBox .buttonHover.trailerBtn { margin-right: 15px; min-width: 120px; padding: 0; }
.showItemBox .showLabel { position: absolute; background: #3d8525; color: #ffffff; z-index: 1; right: 25px; top: 10px; font-size: 90%; padding: 0px 10px; white-space: nowrap; }
.showItemBox a.showItemBox-link { display: block; }
@media(min-width: 991px) {
    /*.showItemBox-Container { min-height: 690px; }*/
}

@media(max-width:1200px) {
    .showItemBox .showItemBox-image { height: calc(30vw - 1.66vw - -30px); }
}


@media(max-width:767px) {
    .showItemBox .showItemBox-nextShow { font-size: 105% }
    .showItemBox .buttonHover { min-width: 45%; font-size: 100%; }
        .showItemBox .buttonHover.trailerBtn { min-width: 42%; margin-right: 5px; padding: 0 8px; }
    .showItemBox .showItemBox-summary { display: none; }
    .showItemBox .showItemBox-title { font-size: 175%; }
    .showItemBox .showItemBox-image { height: calc(100vw - 17px); }
}



@keyframes fadeElements {
    100% { opacity: 1; }
}

@-webkit-keyframes fadeElements {
    100% { opacity: 1; }
}