@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css");

@font-face {
    font-family: 'Cera Pro';
    src: url('/css/fonts/CeraPro-Regular.eot');
    src: local('Cera Pro Regular'), local('CeraPro-Regular'),
        url('/css/fonts/CeraPro-Regular.eot?#iefix') format('embedded-opentype'),
        url('/css/fonts/CeraPro-Regular.woff') format('woff'),
        url('/css/fonts/CeraPro-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Cera Pro';
    src: url('/css/fonts/CeraPro-Medium.eot');
    src: local('Cera Pro Medium'), local('CeraPro-Medium'),
        url('/css/fonts/CeraPro-Medium.eot?#iefix') format('embedded-opentype'),
        url('/css/fonts/CeraPro-Medium.woff') format('woff'),
        url('/css/fonts/CeraPro-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Cera Pro';
    src: url('/css/fonts/CeraPro-Bold.eot');
    src: local('Cera Pro Bold'), local('CeraPro-Bold'),
        url('/css/fonts/CeraPro-Bold.eot?#iefix') format('embedded-opentype'),
        url('/css/fonts/CeraPro-Bold.woff') format('woff'),
        url('/css/fonts/CeraPro-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}


* {
	padding: 0px;
	margin: 0px;
	border:none;
	text-decoration: none;
	outline:none;
	background: none;
	box-sizing: border-box;
}

html { position: relative; min-height: 100%; }
body { min-width: 0px; background-color: #fff; font-family: "Cera Pro", "Arial", "Verdana", sans-serif; }
.header-background { background-color: #f3f1ec; }

.header-blocks, .center-blocks { text-align: center; }
.header-blocks { padding: 10px 0px; min-height: 120px; }

.left-header-block, .center-header-block, .right-header-block { display: inline-block; padding: 0px 5px; }

.left-header-block a { text-decoration: none; color: #000; }
.left-header-block td { text-align: center; padding-left: 10px; }
.left-header-block .logo-text { font-family: "Cera Pro", "Arial", "Verdana", sans-serif; font-weight: 400; color: #000; }

.center-header-block .phone { font-family: "Cera Pro", "Arial", "Verdana", sans-serif; font-weight: bold; color: #000; text-decoration: none; padding-left: 10px; }
.center-header-block .phone span { font-size: 20px; color: #afa79f; }

.right-header-block .korzina .cart_block_text b { font-family: "Cera Pro", "Arial", "Verdana", sans-serif; font-size: 24px; color: #000; font-weight: normal; }
.right-header-block .korzina { padding-left: 10px; }
.right-header-block .korzina a { color: #afa79f; text-decoration: none; }

.korzina span b { color:#000; display: block; }

.main-menu-color { background-color: #fff; border-bottom: 1px solid #f3f1ec; border-radius: 0px; margin: 0px; min-height: 40px; }
.main-menu-size { max-width: 1200px; margin: 0 auto; }

/* --- Неактивные элементы меню --- */
.main-menu-nav > li > a { color: #000; text-transform: uppercase; font-family: "Cera Pro", "Arial", "Verdana", sans-serif; }
/* --- Активные элементы меню --- */

/* --- Наведенные элементы меню --- */
.main-menu-nav > li > a:hover { color: #000; background-color: #fff; }

.navbar-default .navbar-toggle { background-color: #fff; color: #000; font-family: "Cera Pro", "Arial", "Verdana", sans-serif; font-weight: bold; padding: 2px 9px; }
.navbar-default .navbar-toggle p { margin: 0px; }

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #c31f1e; color: #000; }

.menu { display: none; position: absolute;  width: 200px; background-color: #fff; border: 1px solid #eee; padding: 5px 5px 10px 5px; z-index: 1000; }
.menu a { width: 100%; display: block; color: #000; }
.menu a:hover { color: #999; text-decoration: none; }

.parent:hover > .menu { display: block; }
    

/* --- Прячем всплывающую инфу при наведении на корзину --- */
#show_cart form { display: none; }


/* --- Баннер --- */
.banner { max-width: 1170px; margin: 0px auto; background-color: white; }
.banner .wrapper{ width: 100%; }
.banner #mp-slider .slide { background-size: 100%; background-repeat: no-repeat; }


/* --- Стили для контента --- */
.content { background-color: #fff; min-height: calc(100vh - 250px); padding: 20px; }
.catalog-tovarov { text-align: center; }
.noview { display: none; }

h1, h2, h3, h4, h5, h6 { font-family: "Cera Pro", "Arial", "Verdana", sans-serif; font-weight: normal; }

.block { background-color: #fff; }
.block h3 { text-align: center; background-color: #f3f1ec; color: #000; }

ul>li, ol>li { margin: 5px 15px; }

a, a:hover { color: #afa79f; }

.shop-like .fa, .fa-heart { color: red; }
.color-red { color: #afa79f; }

.shop_list .block_header { background-color: #fff; border-top: 2px solid #f3f1ec; border-bottom: 2px solid #f3f1ec; font-family: "Cera Pro", "Arial", "Verdana", sans-serif; text-transform: uppercase; }
.shop_list .block_header a { color: #000; }

.breadcrumb { text-align:left; }
.shop_cat_link { font-size: 20px; font-weight: normal; padding: 5px; background-color: #fff; }
.shop_cat_link a, .shop_cat_link a:link, .shop_cat_link a:visited { color: #4c4c58; font-weight: bold; font-family: "Cera Pro", "Arial", "Verdana", sans-serif; }
.shop_cat_link a:hover { color: #555; text-decoration: none; }

.shop_img .shop-photo-labels { top: 0!important; }

/* --- Базовый контейнер табов ---*/
.tabs {	min-width: 290px; padding: 0px; margin: 0 auto; text-align: center; }

/* Стили секций с содержанием */
.tabs>section {	display: none; padding: 15px; }
.tabs>section>p { margin: 0 0 5px; line-height: 1.5; color: #383838;-webkit-animation-duration: 1s;	animation-duration: 1s;	-webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeIn;	animation-name: fadeIn; }

/* Описываем анимацию свойства opacity */
 @-webkit-keyframes fadeIn {
	from { opacity: 0; }
	to { opacity: 1; }
}
@keyframes fadeIn {
	from { opacity: 0; }
	to { opacity: 1; }
}

/* Прячем чекбоксы */
.tabs>input { display: none; position: absolute; }

/* Стили переключателей вкладок (табов) */
.tabs>label { display: inline-block; margin: 0 0 -1px; padding: 10px 25px; font-family: "Cera Pro", "Arial", "Verdana", sans-serif; font-size: 16px; text-transform: uppercase; text-align: center; color: #aaa; border: 0px solid #ddd;	border-width: 1px 1px 1px 1px;	background: #f1f1f1; border-radius: 3px 3px 0 0; }
	
/* Шрифт-иконки от Font Awesome в формате Unicode */
.tabs>label:before { font-family: fontawesome; font-weight: normal; margin-right: 10px; }
.tabs>label[for*="1"]:before { content: "%"; }
.tabs>label[for*="2"]:before { content: "\f0a1"; }
.tabs>label[for*="3"]:before { content: "\f0a4"; }
.tabs>label[for*="4"]:before { content: "\f06b"; }

/* Изменения стиля переключателей вкладок при наведении */
.tabs>label:hover {	color: #888; cursor: pointer; }

/* Стили для активной вкладки */
.tabs>input:checked+label { color: #fff; background: #4f3e35; }

/* Активация секций с помощью псевдокласса :checked */
#tab1:checked~#content-tab1, #tab2:checked~#content-tab2, #tab3:checked~#content-tab3, #tab4:checked~#content-tab4 { display: block; }

/* Убираем текст с переключателей и оставляем иконки на малых экранах */
 @media screen and (max-width: 680px) { .tabs>label { font-size: 0; } .tabs>label:before { margin: 0; font-size: 18px;} }
/* Изменяем внутренние отступы переключателей для малых экранов */
@media screen and (max-width: 400px) { .tabs>label { padding: 15px; } }

/* --- Блоки выборки товаров --- */
.vyborka-tovarov-block { border-bottom: 1px dashed #666; text-align: center; }
.shop-h2 { padding: 0px 5px; background-color: #eed6bf; display: none; }
.input-title {
    display: block;
    font-weight: normal;
	border: 1px solid #afa79f;
    color: #afa79f;
    text-align: center;
    font-family: "Cera Pro", "Arial", "Verdana", sans-serif;
}
label { text-transform: uppercase; font-family: "Cera Pro", "Arial", "Verdana", sans-serif; }

/* --- Блок меню произвдителей --- */
.white-block { background-color: #fff; padding: 2px 2px 10px 2px; }
.menu-brand li { margin: 0px 25px; list-style-image: url('/themes/img/li.png'); }
.menu-brand li a { text-transform: uppercase; font-family: "Cera Pro", "Arial", "Verdana", sans-serif; color: #000; font-size: 12px; font-weight: bold; }

.js_shop_search_brand, .param-block { width: 170px; margin-right: 5px; display: inline-table; font-size: 12px; }

.js_shop_search_brand label, .param-block label { margin: 0px 0px 0px 2px; }
.js_shop_search_brand input[type="checkbox"], .param-block input[type="checkbox"] { margin: 2px 0px; width: 10px; float: left; }

.proizvoditeli { text-align: center; }
.proizvoditeli img { 
	border: 2px solid #ddd;
	border-radius: 50%;
	margin: 5px;
   -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
       -ms-transition: all 0.5s ease;
           transition: all 0.5s ease;
}
.proizvoditeli img:hover { 
	-webkit-transform: rotate(-10deg);
      -moz-transform: rotate(-10deg);
        -o-transform: rotate(-10deg);
       -ms-transform: rotate(-10deg);
           transform: rotate(-10deg);
}

/* --- Блоки новостей --- */
.news { padding: 5px 10px; background-color: #f1f1f1; border-radius: 10px; }

/* --- Картинки выбора цвета --- */
.ottenki-prjazi{ text-align: center; padding: 20px 0px; }
.color-block { width: 80px; height: 80px; display: inline-block; margin: 5px; }
.color-block span { width: 45px; height: 45px; display: block; margin: 0 auto; opacity: 0.8; }
.color-block span:hover { opacity: 1; }

.color-svetlyj span { background-image: url('/themes/img/color/svetlyj.png'); }
.color-seryj span { background-image: url('/themes/img/color/seryj.png'); }
/* .color-zeltyj span { background-image: url('/themes/img/color/zeltyj.png'); } */
.color-zeltyj span { background-image: url('/themes/img/color/zelto-ryzij.png'); }
.color-rozovyj span { background-image: url('/themes/img/color/rozovyj.png'); }
.color-fioletovyj span { background-image: url('/themes/img/color/fioletovyj.png'); }
.color-oranzhevyj span { background-image: url('/themes/img/color/oranzhevyj.png'); }
.color-krasnyj span { background-image: url('/themes/img/color/krasnyj.png'); }
.color-sinij span { background-image: url('/themes/img/color/sinij.png'); }
.color-zelenyj span { background-image: url('/themes/img/color/zelenyj.png'); }
.color-korichnevyj span { background-image: url('/themes/img/color/korichnevyj.png'); }
.color-temnyj span { background-image: url('/themes/img/color/temnyj.png'); }


.open-produkt { background-color: #eee; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
.open-produkt summary {
  font-family: "Cera Pro", "Arial", "Verdana", sans-serif; 
  font-size: 16px;
  text-transform: uppercase;
  font-weight: bold;
  background-color: #000;
  width: 290px;
  padding: 3px;
  text-align: center;
  color: #fff;
  border-radius: 5px;
}
.open-produkt li a { font-family: "Cera Pro", "Arial", "Verdana", sans-serif; text-transform: uppercase; font-weight: bold; }


/* --- Для превьюшек карточек товаров --- */
.shop-photo .js_shop_img { border-radius: 10px; /* border: 1px solid #ab938a; */ }
.shop-item-title, .shop-item-title:hover { font-family: "Cera Pro", "Arial", "Verdana", sans-serif; color: #000; text-decoration: none; }

.prew_discount { position: absolute; margin: -118px 0px 0px 45px; z-index: 1000; background-color: #ff0000; color: #fff; padding: 1px 5px; border-radius: 5px; font-size: 12px; cursor: none; }

.shop-item .shop_brand, .shop-item strong  { font-family: "Cera Pro", "Arial", "Verdana", sans-serif; font-weight: normal; }
/* .shop-item span { font-family: 'Arial', sans-serif; } */
.shop-item .shop_brand .useradmin_contener { font-weight: bold; }


.shop-item .shop_article { 
	display: none;
	font-family: "Cera Pro", "Arial", "Verdana", sans-serif; font-size: 12px; text-align: center; text-transform: uppercase; 
    width: 100px; position: absolute; z-index: 1; top: 15px; left: 47px;
	background-color: white; border: 1px solid #ac948c; border-radius: 5px;
}
.sostav strong { float:left; padding-right: 5px;}

.shop-item .shop_article .useradmin_contener { font-family: "Cera Pro", "Arial", "Verdana", sans-serif; }

.shop-item-price .price { color: #000; font-size: 14px; font-weight: bold; }

.shop-item .shop-item-price .price-old { float: left; padding: 5px 5px 0px 0px; }
.strike { margin: 0px 0px 0px 8px; }
.shop-pane .shop { text-align: left; /* border: 1px solid #ab938a; border-radius: 10px; */ margin: 3px; }

.shop-pane .shop-item:hover { border-color: #f5f5f5; box-shadow: none; border-radius: 10px; }

.addict-field { display:none; }

.error { width: 175px; padding: 0px; font-size: 10px; }
.findform { width: 80%; padding: 5px 0px 5px 10px!important; }
.shop_no_buy, .shop_no_buy_good { font-size: 10px!important; color: #fff!important; background-color: #afaeaa!important; padding: 0px!important; }

/* -- Цвета кнопок -- */
input[type=button].solid { background-color: #4f3e35; border: none; text-shadow: none; }
input[type=button].solid:hover, input[type=submit]:hover {  box-shadow: none; outline: none; }
input[type=submit], input[type=submit].solid, .button { background-color: #4f3e35; border: none; color: #fff; }


/* --- Вывод превьюшек на главной Интернет-магазина --- */
.category-block { width: 180px; height: 180px; border: 1px solid #bebebe; display: inline-table; margin: 5px; background-color: #fff; border-radius: 10px; overflow: hidden; }

/* --- Для карточки товаров --- */
.shop { border-bottom: none; }

.shop-item-right-table { width: 100%; }
.shop-item-right-table tr:nth-child(2n) { background-color: #f5f5f5; }
.shop-item-right-table td { text-align:left!important; }
.shop-item-right-table td:first-child { width: 70px; line-height: 14px; }

.shop-item-right-table td p { margin: 0px; }

.shop-item-artikul { font-size: 14px!important; font-weight: bold; }
.shop_brand { padding: 0px; }
.shop_brand a img, .icon-zoom { display: none; } /* скрываем лого производителя */
.shop-item-container { display: initial; }

.shop-item-info1 { height: auto; }
.shop-item-info2 .usl-dostavki, .shop-item-info2 .usl-vozvrata { display: none; } /* скрываем в карточке условия доставки и возврата */
.block.captcha { width: 100%; padding: 0px; }
.knopka-dobavit-k-sravneniy { display: none; } /* скрываем кнопку добавить к сравнению */
.social-btn { text-align: center; padding-top: 15px; }
/* --- убираем кнопку "купить в один клик" --- */
.shop_one_click { display: none!important; }
/*.js_shop_param_price .price { margin-left:-20px; } */
/*.shop_discount { position: absolute; margin-top:-10px; } */
.js_shop_img img, .js_shop_preview_img { border-radius: 10px; }


/* --- Страница оформления заказа (Корзины) --- */
table.cart th { text-align: center; background-color: #f5f5f5; }
table.cart td { padding: 5px; font-size: 14px; }
table.cart .cart_img { width: 120px; }
table.cart .cart_img img { border-radius: 10px; }

#show_cart .cart a { color: #929191; font-size: 14px; }

/* Авторизация и кабинет пользователя */
.user-box { 
    width: 220px;
	height: 100%;
    position: fixed;
    z-index: 100;
    background-color: #666;
	top: 0;
	right: -220px;
	transition: right .2s;
	-webkit-transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	 padding: 5px;
}
.btn-box {
  position: fixed;
  top: 10px;
  right: 0px;
  cursor: pointer;
  transition: left .23s;
  z-index: 3;
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
}
.btn-box p { font-size: 11px; }

.hidden-box-ticker { display: none; }
.hidden-box-ticker:checked ~ .btn-box { right: 220px; }
.hidden-box-ticker:checked ~ .user-box { right: 0; }

.user-box div { padding: 5px 10px; }


.order_form_param11 label, .order_form_param12 label, .order_form_param13 label,
.feedback_form_param13 label, .feedback_form_param14 label, .feedback_form_param15 label { margin-left: 5px; text-transform: none; }
.privacy { text-align: center; }
.privacy a { margin: 0 5px; }

/* --- Подвал --- */
#footer {
  width: 100%;
  /* Set the fixed height of the footer here */
  min-height: 100px;
  background-color: #4f3e35;
  padding: 20px 0px;
}
#footer h4 { font-size: 20px; }
.footer-block { text-align: center; }

.footer-logo { height: 70px; }
.pad10 { padding-left: 10px; }
.footer-text-logo { font-size: 20px; font-family: "Cera Pro", "Arial", "Verdana", sans-serif; text-decoration: none!important; }
.footer-tel { font-size: 20px; text-decoration: none!important; }

#footer a:hover { color: #c3a198; }

/* --- Убираем поля для расчета отправки(Вес, Длина, Ширина, Высота) в админке --- */
/* .unit #weight, .unit #length, .unit #width, .unit #height { display: none!important; } */



/* ====== Адаптация под разную ширину экранов ====== */

/* --- Адаптация под мобильные устройства --- */
@media (max-width: 575px) { 
	.left-header-block img { width: 50px; }
	.left-header-block .logo-text { font-size: 18px; line-height: 20px; }
	.right-header-block .korzina a { font-size: 14px; line-height: 14px; }
	.center-header-block img, .right-header-block img { width: 30px; }
	.center-header-block .phone { font-size: 18px; }
	
	.mobile-btn { margin: 0px!important; }
	.findform { width: 200px; }
	.banner #mp-slider { height: 110px; }
	
}
@media (min-width: 576px) and (max-width: 767px) { 

}
@media (min-width: 768px) and (max-width: 991px) { 

}
/* --- Адаптация под десктопные устройства --- */
@media (min-width: 992px) and (max-width: 1199px) {

}
@media (min-width: 1200px) {


}


@media (max-width: 767px) {
	.no-desktop { display: initial; }
	.nomobile { display: none; }
	.breadcrumb { display: none; }
	
	.main-menu-color .navbar-toggle { float: none!important; margin-left: 15px; }
	.btn-box img { display: none; }
	.btn-box { background-color: #fff; border-radius: 4px; padding: 2px 5px; top: 5px; right: 5px; text-align: center; }
	
	.banner { padding: 20px 10px 0px 10px; }
	
	.content { padding: 5px 15px; }
	.input-title { font-size: 16px;	margin-top: 0px; padding: 2px; }
	.block { margin: 2px 0px; padding: 2px; }
	.block h3 { font-size: 16px; font-weight: bold; padding: 2px;  margin: 2px 0px; }
	.shop_search_price, .shop_search_param8 { display: none; }
	.js_shop_search_brand, .param-block { width: 95px; margin-left: 8px; margin-right: 0px; }

	.main-menu-nav > li > a { font-size: 16px; padding: 0px; }
		
	.category-block { width: 130px; height: 145px; }	
	.category-block .shop_cat_link a { font-size: 14px; }
	.category-block	img { width: 80px; }
		
	h1 { font-size: 24px;  margin: 10px 0px 0px;}	
	h3, .block_header { margin: 5px 0px 10px 0px; }
	.shop_list .block_header { padding: 5px; }
	.shop-item-left, .shop-item-right, .shop_all_img { width: 290px; }
	
	.shop-pane .shop { padding-bottom: 5px; }
	.shop_list .shop-item { width: 136px; }
	.shop-item-title { font-size: 14px; }
	.shop-item { padding: 5px; }
	.shop-item .shop_brand, .shop-item strong { font-size: 13px; }	
	.shop-item .shop_article { left: 17px; top: 8px;}
	/* .shop-item-right-table tr:first-child { display: none; } */
	.shop-item-price .price { font-size: 12px; }
	
	.shop-item-info1, .shop-item-info2 { padding-left: 0px; }
	.shop-item-info1 { width: 100%; }
	.shop_search_param { margin-top: 5px; }

	.shop-like { top: 100px; right: 8px; }
	.shop-like .fa { font-size: 18px; }
	
}

@media (min-width: 768px) {
	.no-desktop { display: none; }
	.nomobile { display: initial; }
	.input-title { font-size: 20px; margin-top: 7px; padding: 0 5px; }
		
	.banner { padding: 30px 20px 0px 20px; }
			
	.left-header-block .logo-text { font-size: 20px; line-height: 24px; }
	.center-header-block .phone { font-size: 20px; }
	.right-header-block .korzina a { font-size: 16px; }
	
	.main-menu-nav > li > a { font-size: 16px; padding: 5px; }
	
	.category-block { width: 180px; height: 180px;}
	.category-block .shop_cat_link a { font-size: 16px; }
	
	.btn-menu { display: none; }
	.block { margin: 5px 0px; padding: 5px 10px; }
	.block h3 { font-size: 24px; padding: 5px; margin: 10px 0px; }
	.shop-item .shop_article { top: 15px; left: 47px; }
	.shop_search_price, .shop_search_param8 { display: initial; }
	.js_shop_search_brand, .param-block { width: 170px; }
	
	.shop-pane .shop { padding-bottom: 20px; }
	.shop-item-left, .shop_all_img { width: 350px; }
	.shop-item-right { width: 410px; margin: 0px 10px; }
	.shop-item-right .shop-item-right-table td { padding:5px 10px!important; }
	.shop-item-right-table td { padding: 0px!important; }
	.shop-item-info1 { width: 220px; padding-left: 20px; }
	.shop-item-title { font-size: 15px; line-height: 18px; padding-bottom: 5px; }	
	.shop_list .shop-item { width: 200px; margin: 4px; }	
	.shop-item .shop_brand, .shop-item strong  { font-size: 13px; }	
	table.cart .cart_count, table.cart .cart_price, table.cart .cart_summ, table.cart .cart_remove { width: 10%; text-align:center; }
}