﻿.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-link:hover { text-decoration: none; }
.catalogItemBox.selected { background-color: #f3f3f3; }
.catalogItemBox { height: 100%; position: relative; }
.catalogItemBox-Container.qHeight { padding: 0; }
.doubleItem .catalogItemBox-Container.qHeight { height: 26.042vw; width: 25vw; }
.first-category-line, .catalogItemsList { margin: 0; }

.catalogItemBox a { position: absolute; top: 0; bottom: 0; left: 0; right: 0; color: #fff; }

.catalogItemBox-link .catalogItemBox-image, .catalogItemBox-link .catalogItemBox-image > div { position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-size: cover; background-repeat: no-repeat; background-position: center center; transition: all 800ms ease-out; -webkit-transition: all 800ms ease-out; }
.catalogItemBox-link:not(.no-hover):hover .catalogItemBox-image { background-image: none !important; }
.catalogItemBox-link .catalogItemBox-image-hover { opacity: 0; transition: all 800ms ease-out; -webkit-transition: all 800ms ease-out; }
.catalogItemBox-link .catalogItemBox-image-nohover { opacity: 1; transition: all 800ms ease-out; -webkit-transition: all 800ms ease-out; }
.catalogItemBox-link:hover .catalogItemBox-image-hover { opacity: 1 }
.catalogItemBox-link:not(.no-hover):hover .catalogItemBox-image-nohover { opacity: 0 }
.catalogItemBox .catalogItemBox-title { font-size: 65%; position: absolute; bottom: 8px; width: 100%; text-align: center; line-height: 1.08; letter-spacing: 0.33px; font-family: 'CalvertMTProLight'; }
    .catalogItemBox .catalogItemBox-title span { display: block; text-decoration: underline; }
.catalogItemBox .catalogItemBox-price:hover { text-decoration: none; }
.catelogItemView-Box { clear: both; width: 100%; margin-bottom: 40px; }
.catalogItemView { width: 100vw; margin: 0; color: #fff; }
    .catalogItemView .catalogItemView-image img { width: 100%; }
    .catalogItemView .catalogItemView-close { float: left; margin-top: 10px; }
        .catalogItemView .catalogItemView-close img { width: 26px; }
    .catalogItemView .catalogItemView-afterbuy { display: none; margin-top: 30px; }
.catalogItemBox-Container .dealImg { position: absolute; right: 20px; z-index: 2; max-width: 70px; }

.catalogItemView-title { position: relative; font-family: 'CalvertMTProLight'; font-size: 150%; min-height: 13.021vw; padding: 3.1vw; }
    .catalogItemView-title.withLogo img { max-height: 8vw; display: block; margin: 0 auto; }
.catalogItemView-desc { position: relative; font-size: 110%; line-height: 1.36; padding: 3.1vw; }

@media(max-width:991px) {
    .catalogItemView .catalogItemView-button { text-align: center !important; }
    .catalogItemBox-Container .dealImg { right: 10px; }
    .doubleItem .catalogItemBox-Container.qHeight { height: 84.44vw; width: 50vw; }
    .catalogItemView-desc { padding: 15px; }
    .catalogItemView-title { padding: 15px; min-height: 0; }
    .catalogItemView-title.withLogo img { /* margin: 0; */ max-height: 120px; }
}

.catalogItemsList .catalogItemBox-price-deal { text-decoration: line-through; color: #A9A9AA; font-size: 80%; }


.category-out-standing .first-category-line { width: 25%; float: right; }
    .category-out-standing .first-category-line .qHeight { height: 26.042vw; }
.category-out-standing .second-section { width: 50%; float: left; margin: 0; }
    .category-out-standing .second-section .catalogItemBox-Container.qHeight { width: 50%; }
.category-out-standing .videoHolder { width: 100%; height: 52.084vw; float: left; position: relative; background-size: cover; }
    .category-out-standing .videoHolder video { width: 100%; }
    .category-out-standing .videoHolder iframe { width: 100%; position: absolute; height: 100%; }
.category-out-standing .third-section { width: 50%; float: right; margin: 0; /* margin-top: -13.021vw; */ }

    .category-out-standing .third-section .catalogItemBox-Container.qHeight { width: 50%; }
    .category-out-standing .third-section .videoHolder { height: 39.063vw; }

.category-out-standing .forth-section { width: 50%; float: right; margin: 0; }
.category-out-standing .fifth-section { width: 50%; float: right; margin: 0; }
    .category-out-standing .fifth-section .videoHolder { width: 50%; }

@media(min-width:992px) {
    .category-out-standing .third-section .catalogItemBox-Container.qHeight:nth-child(2) { clear: both; }
    .videoHolder3 { display: none }
    .category-out-standing .third-section { margin-top: -13.021vw; }
    .category-out-standing .fifth-section { height: 26.042vw; }
    .category-out-standing .forth-section { height: 26.042vw; }
}

@media(max-width:991px) {
    .videoHolder1 { display: none }
    .category-out-standing .third-section .videoHolder3 { height: 84.44vw; width: 50%; }
    .category-out-standing .first-category-line { width: 100%; }
        .category-out-standing .first-category-line .qHeight { display: block; width: 50%; float: right; height: 42.22vw; }
    .category-out-standing .third-section { width: 100%; }
        .category-out-standing .third-section .videoHolder2 { height: 84.44vw; }
    .category-out-standing .forth-section { width: 100%; }
    .doubleItem .forth-section .catalogItemBox-Container.qHeight { width: 50vw; }
    .category-out-standing .fifth-section { width: 100%; }
    .doubleItem .fifth-section .catalogItemBox-Container.qHeight { }
}


@media(max-width:767px) {
    .catalogItemView-title.withLogo img {max-height: 90px; }
}