/* Список товаров */
.catalog-itembox {padding: 0;}
.catalog-itembox .catalog-itembox-item {position: relative; float: left; text-align: center; box-shadow: 0 5px 10px 5px rgba(0,0,0,0.15);}

.catalog-itembox .catalog-itembox-item-slider {margin: 15px 15px 20px;}

.catalog-itembox .catalog-itembox-item-list {margin: 15px 5px 20px;}
.catalog-itembox .catalog-itembox-item-list img {width: 100%; height: auto;}


.catalog-itembox .catalog-itembox-item .item-name {position: relative; float: left; width: 100%; padding: 15px 15px; color: #000; text-align: left; font-size: 18px; line-height: 1.1;}
.catalog-itembox .catalog-itembox-item .item-name a {color: #000;}

.catalog-itembox .catalog-itembox-item .item-preview {position: relative; float: left; width: 100%; padding: 15px 15px; color: #7c7c7c; text-align: left; font-size: 15px; line-height: 1.1; }

.catalog-itembox .catalog-itembox-item .item-price  {position: relative; float: left; width: 50%; padding: 15px 15px 10px; color: #0f7fcb; font-family: 'FuturaMediumC', sans-serif; text-align: left; font-size: 18px;}
.catalog-itembox .catalog-itembox-item .item-cart  {position: relative; float: left; width: 50%;}
.catalog-itembox .catalog-itembox-item .item-price .item-price-old {color: #777; font-family: 'FuturaMediumC', sans-serif; text-align: left; font-size: 15px; text-decoration: line-through;}

.catalog-itembox .catalog-itembox-item .item-tags {position: absolute; top: 4px; left: 4px; z-index: 10; width: 100%;}
.catalog-itembox .catalog-itembox-item .item-tags .item-tags-new {position: relative; float: left; padding: 3px 7px; background-color: #00a550; text-transform: uppercase; color: #fff; font-size: 12px; margin: 1px;}
.catalog-itembox .catalog-itembox-item .item-tags .item-tags-hit {position: relative; float: left; padding: 3px 7px; background-color: #ffa000; text-transform: uppercase; color: #fff; font-size: 12px; margin: 1px;}
.catalog-itembox .catalog-itembox-item .item-tags .item-tags-sale {position: relative; float: left; padding: 3px 7px; background-color: #ff2400; text-transform: uppercase; color: #fff; font-size: 12px; margin: 1px;}
.catalog-itembox .catalog-itembox-item:hover {box-shadow: 0 5px 10px 5px rgba(0,0,0,0.3);}

/* Список групп */
.catalog-menu {border-bottom: 1px solid #e0e0e0; margin-top: 15px; margin-bottom: 10px;}
.catalog-menu .index-catalog-box {position: relative; float: left; text-align: center; border: 7px solid #fff; box-shadow: 0 5px 25px 5px rgba(0,0,0,0.15); margin-bottom: 30px;}
.catalog-menu .index-catalog-box:hover {border: 7px solid #0f7fcb;}
.catalog-menu .index-catalog-box img {width: 100%; height: auto;}
.catalog-menu .index-catalog-box .catalog-name {position: relative; float: left; width: 100%; height: auto; font-size: 15px; color: #000; text-align: center; display: block; margin-bottom: 10px; line-height: 1.1;}
.catalog-menu .index-catalog-box .catalog-name a {font-size: 15px; color: #000; text-decoration: none;}

/* Бренды */
.catalog-brends {}
.catalog-brends .item {width: 100%; text-align: center; margin-top: 10px; margin-bottom: 10px;}
.catalog-brends .item img {width: auto; display: inline!important;}


/* Выпадающее меню каталога */ 
@keyframes opct{0%{opacity:0}100%{opacity:1}}
.catalogMenu {height: 60px; padding: 0; box-shadow: 0 5px 25px 5px rgba(0,0,0,0.1); background-color: #fff; }
.catalogMenu .catalogMenuContent {/*position: relative; float: left; width: 100%; padding: 0 30px;*/  list-style: none; height: 60px;  padding: 0; background: none;}
.catalogMenu .catalogMenuContent .catalogMenuBtn {width: 14%; font-size: 14px; margin: 0; position: relative; float: left; text-align: center; padding: 0; z-index: 100; background: none;}
.catalogMenu .catalogMenuContent .catalogMenuBtn a {/*padding: 22px 29px 19px 29px;*/ height: 60px; font-size: 14px; text-decoration: none; display: block; width: 100%; color: #000; display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
	-webkit-box-align: center; 
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;}
.catalogMenu .catalogMenuContent .catalogMenuBtn:hover {color: #fff;
    background-color: #0f7fcb;
    border-radius: 0;}
	.catalogMenu .catalogMenuContent .catalogMenuBtnNoSub:hover {color: #fff;
    background-color: #0f7fcb;
    border-radius: 0;}
.catalogMenu .catalogMenuContent .catalogMenuBtn:hover a {color: #fff;}
.catalogMenu .catalogMenuContent .catalogMenuBtn:hover .submenu {
    /* Show submenu */
	display: block;
	animation: opct .3s;
	z-index: 25;
}

.catalogMenu .catalogMenuContent .submenu {
    position: absolute;
    margin: -10px 0 0 0;
    padding: 0;
    background: #0f7fcb;
    list-style: none;
    width: 300px;
    /* Hide submenu */
	display:  none;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}

/*.catalogMenu .catalogMenuContent .submenu::before {
	content: '';
    position: absolute;
    bottom: 100%;
    left: 25px;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 5px 6px 5px;
    border-color: transparent transparent #0f7fcb transparent;
	z-index: 105;
}*/
.catalogMenu .catalogMenuContent .submenu-item {text-align: left; margin-left: 10px;}
.catalogMenu .catalogMenuContent .submenu-item-arrow {background: url('/i/submenu-item-arrow.png') 235px 18px no-repeat;}
/*.catalogMenu .catalogMenuContent .submenu-item-arrow:hover {background: url('/i/submenu-item-arrow-hover.png') 235px 18px no-repeat #fdfdfd!important;}*/
.catalogMenu .catalogMenuContent .submenu-item:first-child {margin-top: 15px;}
.catalogMenu .catalogMenuContent .submenu-item:last-child {margin-bottom: 15px;}
.catalogMenu .catalogMenuContent .submenu-item:hover {}
.catalogMenu .catalogMenuContent .submenu-item a {text-align: left; display: inline-block; word-wrap: break-word; width: 280px;
	color: #fff; font-size: 14px; padding: 5px 10px 5px 10px; border-radius: 5px; height: auto;} 
.catalogMenu .catalogMenuContent .submenu-item a:hover {text-decoration: underline;}

.catalogMenu .catalogMenuContent .submenu2 {
    position: absolute;
    margin: -42px 0 0 250px;
    padding: 0;
    background: #fdfdfd;
    list-style: none;
    width: 200px;
	display: none;
	z-index: 25;
	box-shadow: 3px 0 6px 2px rgba(167,167,167,.13);
}
.catalogMenu .catalogMenuContent .submenu2-col2 {width: 400px!important;}
.catalogMenu .catalogMenuContent .submenu-item:hover .submenu2 {
	display: block;
	animation: opct .3s;
	z-index: 25;
}
.catalogMenu .catalogMenuContent .submenu-item2 {

width: 200px;
}

.catalogMenu .catalogMenuContent .submenu-item2-col2 {display: inline-block;}
.catalogMenu .catalogMenuContent .submenu-item2:hover {background: #fdfdfd;}
.catalogMenu .catalogMenuContent .submenu-item2:hover a {color: #262626!important; background: #f6f7f9;}
.catalogMenu .catalogMenuContent .submenu-item2 a {
	color: #777!important; font-size: 13px; background: url('/i/x.gif') repeat; display: block;  padding: 12px 20px;
} 

/* Меню каталога на странице */
.index-catalog-menu {}
.index-catalog-menu .index-catalog-box {position: relative; float: left; text-align: center; border: 7px solid #fff; box-shadow: 0 5px 25px 5px rgba(0,0,0,0.15); margin-bottom: 30px;}
.index-catalog-menu .index-catalog-box:hover {border: 7px solid #0f7fcb;}
.index-catalog-menu .index-catalog-box img {width: 100%; height: auto;}
.index-catalog-menu .index-catalog-box .catalog-name {position: relative; float: left; width: 100%; height: auto; font-size: 20px; color: #000; text-align: center; display: block; margin-bottom: 10px;}
.index-catalog-menu .index-catalog-box .catalog-name a {font-size: 20px; color: #000; text-decoration: none;}

.index-catalog-menu .IndexCatalogBox {position: relative; float: left; width: 269px; margin: 20px 20px 35px 20px;}
.index-catalog-menu .IndexCatalogBox .image {position: relative; float: left; width: 269px; border: 6px solid #fff; box-shadow: 0 3px 15px rgba(0,0,0,0.3);}
.index-catalog-menu .IndexCatalogBox .image:hover {border: 6px solid #f8b977;}
.index-catalog-menu .IndexCatalogBox .name {position: relative; float: left; width: 100%; margin-top: 10px; margin-bottom: 5px; padding: 0 5%; font-size: 24px; color: #944935; line-height: 1.2; font-family: 'Nautilus', "Times New Roman", serif;}
.index-catalog-menu .IndexCatalogBox .name a {font-size: 22px; color: #944935; text-decoration: underline;}
.index-catalog-menu .IndexCatalogBox .name a:hover {font-size: 22px; color: #682112; text-decoration: none;}
.index-catalog-menu .IndexCatalogBox .preview {width: 100%; padding: 0 5%;}

/* Весь каталог */
.catalog-full-menu {
	position: fixed; 
	z-index: 1500; 
	height: 100%; 
	background-color: rgba(15, 127, 203, 0.9);
	overflow: hidden;
    visibility: hidden;
    opacity: 0;
    width: 100%;
    top: 0;
    left: 0;
	padding: 0;
	margin: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    display: none;
	line-height: 1.1;
	}
.catalog-full-menu .close-catalog-menu {position: fixed; background: url(/i/catalog-menu-close.png) 0 center no-repeat; color: #fff; font-size: 15px; top: 30px; right: 30px; cursor: pointer; z-index: 1520; padding: 5px 0px 0px 26px;}
.catalog-full-menu h1 {color: #fff; line-height: 1.1; padding: 0;}
.catalog-full-menu h2, h3 {color: #fff; line-height: 1.1;}
.catalog-full-menu .catalog-full-menu-box {position: relative; z-index: 1510; overflow-y: auto; overflow-x: hidden; height: 100vh; width: 100%; padding-top: 30px; padding-bottom: 80px;}
.catalog-full-menu .catalog-full-menu-box a {color: #fff; text-decoration: none;}
.catalog-full-menu .catalog-full-menu-box a:hover {color: #fff; text-decoration: underline;}
.catalog-full-menu .catalog-full-menu-box .catalog-full-menu-group {border-bottom: 1px solid #e0e0e0; padding-right: 30px; height: 100%; position: relative; float: left;}
.catalog-full-menu .catalog-full-menu-box .catalog-full-menu-group .catalog-full-menu-li-group {list-style: none; background: none; font-size: 22px; padding: 0; margin: 25px 0 10px 0;}
.catalog-full-menu .catalog-full-menu-box .catalog-full-menu-group .catalog-full-menu-li-item {list-style: none; background: none; font-size: 16px; padding: 0; margin: 0 0 5px 0;}
.open-full-catalog-btn {cursor: pointer; width: 16%; background: url(/i/catalog.png) 35px 22px no-repeat #0f7fcb; list-style: none; color: #fff; font-size: 14px; text-align: center; padding: 21px 0 21px; margin: 0; position: relative; float: left;}
.open-full-catalog-btn:hover {background: url(/i/catalog.png) 35px 22px no-repeat #7c7c7c;}
/* Страница товара */
.catalog-item {}
.catalog-item .item_images {position: relative; float: left; width: 100%; margin-right: 25px; margin-bottom: 15px;}
.catalog-item .item_images .new {position: absolute; top: 2px; left: 2px; width: 80px; text-transform: uppercase; color: #fff; background-color: #e21c2a; font-size: 12px; text-align: center; padding: 3px 0 3px 0; z-index: 10; }

.catalog-item .image {position: relative; float: left; width: 100%; margin-bottom: 10px; border: 1px solid #fff; padding: 15px 0; text-align: center;}
.catalog-item .image:hover {border: 1px solid #e8ecf0;}
.catalog-item .image img {width: 100%; max-width: 300px; height: auto;}
.catalog-item .price {position: relative; float: left; width: 100%; color: #0f7fcb; font-family: 'FuturaMediumC', sans-serif; text-align: left; font-size: 22px; margin-top: 20px;}
.catalog-item .old-price {color: #777; font-family: 'FuturaMediumC', sans-serif; text-align: left; font-size: 18px; text-decoration: line-through;}

.catalog-item .fast-order  {position: relative; float: left; text-align: center; height: 38px; padding: 0; margin: 10px 0 1px 3%; width: 46%; color: #777; border: 1px solid #a2a2a2; text-decoration: none; font-size: 0px;cursor: pointer;}
.catalog-item .fast-order  .fast-order-icon {display: inline-block; vertical-align: middle; width: 15%; height: 38px; background:  url(/i/fast-order.png) center center no-repeat;}
.catalog-item .fast-order  .caption {display: inline-block; vertical-align: middle; display: text-align: left; max-width: 80%; height: 38px; padding: 10px 2% 7px 0; font-size: 15px;}
.catalog-item .fast-order:hover {color: #fff; background: #0f7fcb; border: 1px solid #0f7fcb;}
.catalog-item .fast-order:hover .fast-order-icon {color: #fff; background:  url(/i/fast-order-hover.png) center center no-repeat;}

.catalog-item .cart {position: relative; float: left; width: 50%; height: 40px; margin: 5px 0 12px 0;}

.catalog-item .item-text {position: relative; float: left; font-size: 16px; line-height: 1.3; width: 100%; margin-top: 10px;}

.catalog-item .item-tags {position: absolute; top: 4px; left: 4px; z-index: 10; width: 100%;}
.catalog-item .item-tags .item-tags-new {position: relative; float: left; padding: 3px 7px; background-color: #00a550; text-transform: uppercase; color: #fff; font-size: 12px; margin: 1px;}
.catalog-item .item-tags .item-tags-hit {position: relative; float: left; padding: 3px 7px; background-color: #ffa000; text-transform: uppercase; color: #fff; font-size: 12px; margin: 1px;}
.catalog-item .item-tags .item-tags-sale {position: relative; float: left; padding: 3px 7px; background-color: #ff2400; text-transform: uppercase; color: #fff; font-size: 12px; margin: 1px;}