/*.list-group .cur-cat {color: #FFF; background-color: #BAC;}*/
    /*.list-group .cur-cat {background-color: #A0C5E8; border-color: transparent;}*/

    .category-list > li.list-group-item {padding: 20px; cursor: pointer; }
    .category-list > li.list-group-item:hover {color: #FFF; background-color: #BAC;}
    .category-list > li.list-group-link {padding: 0; cursor: pointer;}
    .category-list > li.list-group-item > a {padding: 20px; text-decoration: none;}
    .category-list > li.list-group-item > a:hover {color: #FFF;}

    .sub-cat > li  {padding: 0 15px; border-radius: 0 !important; color: #FFF; background-color: #BAC;}
    .sub-cat > li:hover {color: #BAC; background-color: #FFF;}
    .sub-cat > li > a {color: #FFF; padding: 8px; text-decoration: none;}
    .sub-cat > li > a:hover {color: #BAC;}

    .sub-cat > a {padding-left: 45px;}

    .catalog-filter-wrapper .btn{width: 64px;}
    #catalogFilterShowList {border-right: 0; border-bottom-right-radius: 0; border-top-right-radius: 0;}
    #catalogFilterShowBlocks {margin-left: -8px; border-left: 0; border-bottom-left-radius: 0; border-top-left-radius: 0;}

    .no-cat-mat {padding: 15px; border: solid 4px #BAC;}
    .no-cat-mat i {font-size: 40px; color: #FC0;}

    .prod-item {margin-bottom: 30px; font-size: 1em; overflow: hidden; border: solid 1px #CCC; border-bottom: 3px solid #BAC;}
    .prod-item .prod-title {width: 100%; height: 96px; line-height: 24px; padding: 0 15px; display: table-cell; vertical-align: middle; cursor: pointer;}
    .prod-item .prod-img-wrapper img, .prod-item-min .prod-img-wrapper img {width: 100%; border: solid 1px #BAC; border-left: 0; border-right: 0;}
	.prod-item .prod-img-wrapper .prod-img-cover {width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
    .prod-item a {color: #768; text-decoration: none;}
    .prod-item a:hover {color: #BAC;}
    .prod-item .prod-options {line-height: 60px; }
    .prod-item .prod-mat {font-size: 1em; color: #555;}
    .prod-item .prod-cart-btn {width: 16.66666667%; padding: 0; border: 0;}
    .prod-item .prod-cart-btn:hover {border: 0;}
    .prod-item .prod-cart-btn i {line-height: 60px; font-size: 24px;}

    .prod-item-min {width: 12.5%; overflow: hidden; position: relative; border: solid 2px #EEE; opacity: 0.5; cursor: pointer;}
    .prod-item-selected {border-color: #28F; opacity: 1;}
    .prod-item-min:hover {opacity: 1; border-color: #DDD;}
    .prod-item-selected:hover {border-color: #248;}
    .prod-item-selected:hover .prod-item-rem {display: block;}
    .prod-item-min .prod-title {width: 100%; height: 48px; line-height: 24px; font-size: 0.5em; padding: 0 15px; display: table-cell; vertical-align: middle; cursor: pointer;}
    .prod-item-min .prod-img-wrapper img {border: 0; }
    .prod-item-min .prod-opt-order-frame {padding: 8px; border: 1px solid #CCC; background-color: rgba(0, 0, 0, 0.5);}
    .prod-item-min .prod-item-rem {width: 100%; height: 100%; line-height: 100%; font-size: 6em; color: #FFF; position: absolute; top: 0; left: 0; display: none; background-color: rgba(0, 0, 0, 0.75);}
    .prod-item-min .prod-item-rem > div {position: relative; top: 50%; margin-top: -0.5em;}

    #prodSelFrame {width: 300px; padding: 8px; position: absolute; background-color: rgba(255, 255, 255, 0.95); border-radius: 12px; box-shadow: 0 8px 16px rgba(0, 0, 0, 0.5);}
    #prodSelFrame > input {margin-top: 8px; width: 64px;}
    #prodSelFrame > .__ttl {line-height: 40px; margin-top: -8px;}

    .prod-cart-btn {color: #BAC; font-weight: bold; cursor: pointer;}
    .prod-cart-btn:hover {background-color: #BAC;}
    .prod-cart-btn:hover > i {color: #FFF;}


    /*.prod-single {border-bottom: 3px solid #BAC;}*/
    .prod-single .prod-title {font-size: 1em;}
    .prod-single .prod-cart-btn {padding: 24px; font-weight: bold; background-color: #FFF; cursor: pointer; border: solid 1px #CCC;}
    .prod-single .prod-cart-btn:hover {background-color: #BAC; border: solid 1px #BAC;}
    .prod-single .prod-cart-btn > i {margin-right: 12px;}
    .prod-single .prod-mat-img {width: 40px; height: 40px; margin-right: 15px; border-radius: 40px; background-size: cover; background-position: 50% 50%; box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.25);}
    .prod-single .prod-img-wrapper .prod-main-img {width: 100%; margin-bottom: 30px;}
    .prod-single .prod-img-wrapper .prod-additional-img {cursor: pointer; border: 1px solid #CCC;}
    /*.prod-single .prod-img-wrapper .prod-additional-img > img {width: 33.3333%;}*/
    .prod-single .prod-img-wrapper .prod-additional-img > img:hover {opacity: 0.5;}

    .prod-single .prod-options {font-size: 1.5em;}
    .prod-single .prod-options td {line-height: 40px;}
    /*.prod-single .btn-cart {border-radius: 16px; border: solid 5px #EEE;}*/


    .prod-order-amt-btn {min-width: 44px !important; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; user-select: none; cursor: pointer;}
    .prod-order-amt-btn:hover {transition: all 0.5s; color: #FFF; background-color: #BAC;}
    #cartOrderAmountMinus {border-right: 0;}


    #prodMaterials .badge, #prodCategories .badge {background-color: #BAC; font-size: 14px; box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.25);}


.prod-list-min {height: 600px; overflow-y: scroll; border: 1px solid #CCC; border-radius: 4px;}
.prod-list-min-src {display: none;}


.prod-other-materials {width: 100%; height: 500px; overflow-y: auto;}
.prod-other-materials > .prod-other-materials-cat {width: 25%; float: left;}
.prod-other-materials > .prod-other-materials-cat > h3 {float: left; width: 100%;}
.prod-other-materials > .prod-other-materials-cat > a {width: 100%; line-height: 100px; color: #000; font-weight: bold; font-size: 1.25em; border: 4px solid #FFF; border-radius: 2rem; opacity: 0.75; background-color: #BAC; background-size: 100% 100%;}
.prod-other-materials > .oth {float: right;}
.prod-other-materials > .prod-other-materials-cat > a:hover {opacity: 1;}
    .prod-other-materials > .prod-other-materials-cat .btn-set-mat-gabardine {background-image: url(https://harmofemb.com.ua/theme/img/materials/gabardine.jpg);}
    .prod-other-materials > .prod-other-materials-cat .btn-set-mat-dnepr {background-image: url(https://harmofemb.com.ua/theme/img/materials/dnepr.jpg);}
    .prod-other-materials > .prod-other-materials-cat .btn-set-mat-linen {background-image: url(https://harmofemb.com.ua/theme/img/materials/linen.jpg);}
    .prod-other-materials > .prod-other-materials-cat .btn-set-mat-cotton {background-image: url(https://harmofemb.com.ua/theme/img/materials/cotton.jpg);}
    .prod-other-materials > .prod-other-materials-cat .btn-set-mat-gabardine-linen {background-image: url(https://harmofemb.com.ua/theme/img/materials/gabardine-linen.jpg);}
    .prod-other-materials > .prod-other-materials-cat .btn-set-mat-satin {background-image: url(https://harmofemb.com.ua/theme/img/materials/satin.jpg);}
    .prod-other-materials > .prod-other-materials-cat .btn-set-mat-satin-royal {background-image: url(https://harmofemb.com.ua/theme/img/materials/satin-royal.jpg);}
    .prod-other-materials > .prod-other-materials-cat .btn-set-mat-maya {background-image: url(https://harmofemb.com.ua/theme/img/materials/maya.jpg);}
    .prod-other-materials > .prod-other-materials-cat .btn-set-mat-flizelin {background-image: url(https://harmofemb.com.ua/theme/img/materials/flizelin.jpg);}
    .prod-other-materials > .prod-other-materials-cat > .btn-set-mat-gabardine-milk {background-image: url(https://harmofemb.com.ua/theme/img/materials/gabardine-milk.jpg);}
    .prod-other-materials > .prod-other-materials-cat > .btn-set-mat-gabardine-creme {background-image: url(https://harmofemb.com.ua/theme/img/materials/gabardine-creme.jpg);}
    .prod-other-materials > .prod-other-materials-cat > .btn-set-mat-gabardine-black {background-image: url(https://harmofemb.com.ua/theme/img/materials/gabardine-black.jpg); color: #FFF;}
    .prod-other-materials > .prod-other-materials-cat > .btn-set-mat-gabardine-black-strech {background-image: url(https://harmofemb.com.ua/theme/img/materials/gabardine-black.jpg); color: #FFF;}
    .prod-other-materials > .prod-other-materials-cat > .btn-set-mat-gabardine-yellow {background-image: url(https://harmofemb.com.ua/theme/img/materials/gabardine-yellow.jpg);}
    .prod-other-materials > .prod-other-materials-cat > .btn-set-mat-gabardine-mustard {background-image: url(https://harmofemb.com.ua/theme/img/materials/gabardine-mustard.jpg); color: #FFF;}
    .prod-other-materials > .prod-other-materials-cat > .btn-set-mat-gabardine-grass {background-image: url(https://harmofemb.com.ua/theme/img/materials/gabardine-grass.jpg); color: #FFF;}
    .prod-other-materials > .prod-other-materials-cat > .btn-set-mat-gabardine-mint {background-image: url(https://harmofemb.com.ua/theme/img/materials/gabardine-mint.jpg);}
    .prod-other-materials > .prod-other-materials-cat > .btn-set-mat-gabardine-blue {background-image: url(https://harmofemb.com.ua/theme/img/materials/gabardine-blue.jpg);}
    .prod-other-materials > .prod-other-materials-cat > .btn-set-mat-gabardine-skyblue {background-image: url(https://harmofemb.com.ua/theme/img/materials/gabardine-skyblue.jpg);}
    .prod-other-materials > .prod-other-materials-cat > .btn-set-mat-gabardine-electric {background-image: url(https://harmofemb.com.ua/theme/img/materials/gabardine-electric.jpg); color: #FFF;}
    .prod-other-materials > .prod-other-materials-cat > .btn-set-mat-gabardine-purple {background-image: url(https://harmofemb.com.ua/theme/img/materials/gabardine-purple.jpg); color: #FFF;}
    .prod-other-materials > .prod-other-materials-cat > .btn-set-mat-gabardine-bordo {background-image: url(https://harmofemb.com.ua/theme/img/materials/gabardine-bordo.jpg); color: #FFF;}
    .prod-other-materials > .prod-other-materials-cat > .btn-set-mat-gabardine-red {background-image: url(https://harmofemb.com.ua/theme/img/materials/gabardine-red.jpg); color: #FFF;}
    .prod-other-materials > .prod-other-materials-cat > .btn-set-mat-gabardine-peach {background-image: url(https://harmofemb.com.ua/theme/img/materials/gabardine-peach.jpg);}
    .prod-other-materials > .prod-other-materials-cat > .btn-set-mat-gabardine-pink {background-image: url(https://harmofemb.com.ua/theme/img/materials/gabardine-pink.jpg);}
    .prod-other-materials > .prod-other-materials-cat .btn-set-mat-gabardine-linen-jeans {background-image: url(https://harmofemb.com.ua/theme/img/materials/gabardine-linen-jeans.jpg); color: #FFF;}
    .prod-other-materials > .prod-other-materials-cat .btn-set-mat-gabardine-linen-ljeans {background-image: url(https://harmofemb.com.ua/theme/img/materials/gabardine-linen-ljeans.jpg); color: #FFF;}
    .prod-other-materials > .prod-other-materials-cat .btn-set-mat-gabardine-linen-purple-jeans {background-image: url(https://harmofemb.com.ua/theme/img/materials/gabardine-linen-purple-jeans.jpg);}
    .prod-other-materials > .prod-other-materials-cat .btn-set-mat-gabardine-linen-malinen {background-image: url(https://harmofemb.com.ua/theme/img/materials/gabardine-linen-malinen.jpg); color: #FFF;}
    .prod-other-materials > .prod-other-materials-cat .btn-set-mat-gabardine-linen-coral {background-image: url(https://harmofemb.com.ua/theme/img/materials/gabardine-linen-coral.jpg);}

#modalProdSetMaterial {padding: 8px;}

    .jumbotron-slider {}
    .jumbotron-slider > div > div > div {width: 360px; height: 120px; line-height: 120px; color: #000; font-weight: bold; font-size: 1.5em; text-align: center; white-space: nowrap; vertical-align: middle; border: 0; background-size: 100% 100%; cursor: default;}

#prodImportListCheckTable {max-height: 500px; overflow-y: scroll;}
@media screen and (max-width: 1800px) {
    /*.prod-item {font-size: 0.75em;}*/

}

@media screen and (max-width: 1400px) {
    /*.prod-item {font-size: 1em;}*/
    .prod-item .prod-options > div {width: 40%;}
    .prod-item .prod-options > .prod-mat {width: 60%;}

    .prod-item .prod-cart-btn {width: 100% !important; }

    .prod-item-min {width: 20%;}

}

@media screen and (max-width: 1366px) {
    /*.prod-item {font-size: 0.6em;}*/
	.prod-other-materials > .prod-other-materials-cat {width: 33.33333333%;}
	.prod-other-materials > .prod-other-materials-cat > a {font-size: 1em;}

}

@media screen and (max-width: 1280px) {
    #modalOrder {width: 75%;}
}

@media screen and (max-width: 991px) {
    .prod-item {font-size: 1em;}
    .prod-item .prod-options > div {width: 100%;}
}

@media screen and (max-width: 769px) {
	#prodItems > div {width: 100%;}
}