/*
#3276b1 - синий
#d2322d - красный
*/

body {
	font-size: 12px;
	font-family: Verdana;
}
a {
	color: #3276b1;
	text-decoration: underline;
}
a:hover {
	color: #d2322d;
	text-decoration: underline;
}
h1 {
	color: #d2322d;
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 15px 0; 
}
h2 {
	color: #444444;
	font-size: 14px;
	font-weight: bold;
}
input[type=text] {
	padding: 3px 10px;	
	height: auto;
	border: 1px solid #dddddd;
}
textarea {
	padding: 3px 10px;	
	border: 1px solid #dddddd;
}


.popup {
	display: none;
}


.promocode {
    position: fixed;
    bottom: 20px;
    left: 0px;
    margin-left: 0px;
    padding: 3px 10px;
    font-size: 12px;
    color: #ffffff;
    background: #3276b1;
	font-weight: bold;
	text-align: center;
    z-index: 999;
}


.main_container {
	width: 100%;
	margin: 0 auto;
	padding: 0 5px;
	text-align: left;
	/*box-shadow: 0 0 65px rgba(0,0,0,0.25);*/
	/*border-left: 1px solid #3276b1;*/
	/*border-right: 1px solid #3276b1;*/
}
@media (min-width: 992px) {
	.main_container {
		width: 981px;
		padding: 0px;
	}
}
@media (max-width: 767px) {
	.row {
		margin: 0px;
	}
}
.btn-close {
	cursor: pointer;
	width: 32px;
	height: 32px;
	background: url('/bitrix/templates/jupiter/images/icon_close_red.png') no-repeat center center;
}
.btn-close:hover {
	background: #d2322d url('/bitrix/templates/jupiter/images/icon_close_white.png') no-repeat center center;
}
.alertify-logs {
	top: 10px;
	bottom: auto;
	right: 10px;
}

/******************************** ШАПКА ********************************/
.main_container .header {
	position: relative;
	margin: 0px;
	padding: 20px 0 8px 0;
}


/* блоки шапки */
.main_container .header > div {
	/*border: 1px solid #eeeeee;*/
	margin: 0px !important;
	padding: 0px;
}


/*логотип*/
.main_container .header .headblock-1 img {
	width: 100%;
}


/*два средних блока шапки*/
.main_container .header .headblock-2 > div, .main_container .header .headblock-3 > div {
	position: relative;
	height: 32px;
}
.main_container .header img.icon { /*иконки*/
	position: absolute;
	top: 0px;
	left: 0px;
}


/*два средних блока шапки: текст справа от иконок*/
.main_container .header .phones, .main_container .header .schedule, .main_container .header .call_back, .main_container .header .delivery {
	margin-left: 34px;
}
.main_container .header .phones {
	color: #3276b1;
	font-weight: bold;
	font-size: 14px;
	line-height: 16px;
}
.main_container .header .schedule {
	color: #444444;
	font-weight: bold;
	font-size: 11px;
	line-height: 28px;
}
.main_container .header .call_back, .main_container .header .delivery {
	display: block;
	color: #444444;
	font-weight: bold;
	font-size: 11px;
	line-height: 11px;
	text-decoration: none;
}

.main_container .header .call_back, .main_container .header .delivery{
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.08);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.08);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.08);
color: #fff;
display:block;
width:150px;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
padding: 8px 12px;
margin: 0px auto;
text-decoration: none;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: background-color 0.1s linear;
-moz-transition: background-color 0.1s linear;
-o-transition: background-color 0.1s linear;
transition: background-color 0.1s linear;        
}
.main_container .header .call_back, .main_container .header .delivery {
background-color: rgb( 43, 153, 91 );
border: 1px solid rgb( 33, 126, 74 );
}
        
.main_container .header .call_back, .main_container .header .delivery:hover {
background-color: rgb( 75, 183, 141 );
}
.main_container .header .call_back span, .main_container .header .delivery span {
	color: #444444;
	font-weight: normal;
	font-size: 10px;
}

#delivery-2 {
	margin-left: 24px;
	font-size: 11px;
}

/*четвертый блок шапки*/
.submit-search {
	height: 24px;
	margin-top: -2px;
	line-height: 8px;
}


/* Very small devices (up to 767px) */
@media (max-width: 767px) {
	.main_container .header {
		display: none;
	}
}

/* Small devices (768px and up) */
@media (min-width: 768px) {
	.main_container .header .headblock-1 {
		width: 310px;
	}
	.main_container .header .headblock-2 {
		width: 210px;
		padding-left: 20px;
	}
	.main_container .header .headblock-3 {
		width: 210px;
		padding-left: 10px;
	}
	.main_container .header .headblock-4 > div {
		float: left;
	}
	#title-search-input {
		width: 480px;
	}
	.share42init {
		margin: 6px 15px 0 0;
	}
}

/* Medium devices (992px and up) */
@media (min-width: 992px) {
	.main_container .header .headblock-4 {
		position: absolute;
		top: 18px;
		right: 0px;
		width: auto;
	}
	.main_container .header .headblock-4 > div {
		float: none;
	}
	#title-search-input {
		width: 174px;
	}
	.share42init {
		margin: 0px;
	}

}

/* Large devices (1200px and up) */
@media (min-width: @screen-lg-min) {
}




/********************************** БЛОКИ *********************************/
.sidebar-block {
	background: rgb(250,250,255);
	margin-bottom: 15px !important;
}
.sidebar-block .panel-body {
	padding: 0 8px;
}

@media (max-width: 767px) {
	.sidebar-block .block-title {
		color: #d2322d;
		font-weight: bold;
		font-size: 16px;
	}
}
@media (min-width: 768px) {
	.sidebar-block .block-title {
		color: #d2322d;
		font-weight: bold;
		font-size: 14px;
	}
}




/********************************** МЕНЮ *********************************/
.menu-classic ul {
    margin: 0px !important;
	padding: 0px !important;
	width: 100% !important;
}

@media (max-width: 767px) {
	.menu-classic {
		margin: 0px;
		padding: 0px;
	}
	.menu-classic .block-title {
		padding: 12px 10px 12px 8px;
	}
	
	/* границы пунктов */
	.menu-classic ul li {
		border-top: 1px solid #dddddd;
		width: 100% !important;
	}
	.menu-classic ul li.first {
		border-top: none;
	}
	
	/* пункты */
	.menu-classic ul li a, .menu-classic ul li span {
		display: block;
		font-size: 14px;
		line-height: 12px;
		padding: 12px 10px 12px 10px;
		color: #444444;
		text-decoration: none;
	}
	.menu-classic ul li a:hover {
		background: #eeeeee;
		color: #d2322d !important;
	}
}

@media (min-width: 768px) {
	.menu-classic {
		margin: 0px;
		padding: 8px 0 8px 0;
	}
	.menu-classic .block-title {
		padding: 3px 10px 3px 15px;
	}

	/* пункты */
	.menu-classic ul li {
		width: 100% !important;
	}
	.menu-classic ul li a, .menu-classic ul li span {
		width: 100% !important;
		font-size: 12px;
		line-height: 12px;
		padding: 3px 10px 3px 10px;
		color: #444444;
		text-decoration: none;
	}
	.menu-classic ul li a:hover {
		text-decoration: underline;
		color: #d2322d;
		background: none;
	}
}





/********************************** ГЛАВНОЕ МЕНЮ *********************************/
.main-menu-bar .navbar-brand img {
	height: 100%;
}
.main-menu-bar .navbar-brand {
	display: block;
	padding: 12px;
}
@media (min-width: 768px) {
	.main-menu-bar .navbar {
	  min-height: 30px;
	  height: 30px;
	  margin-bottom: 20px;
	  border: 1px solid transparent;
	}
	.main-menu-bar .container-fluid {
		padding: 0 5px;
	}
	.main-menu-bar .navbar-collapse {
	  padding-right: 5px;
	  padding-left: 5px;
	}
	.main-menu-bar .navbar-nav > li > a {
	  padding-top: 10px;
	  padding-bottom: 10px;
	  line-height: 10px;
	  text-decoration: underline;
	}
	.main-menu-bar .navbar-nav > li > a:hover {
		color: #d2322d !important;
		text-decoration: underline;
	}

}

.main-menu-bar .cart1 {
	display: block;
	float: right;
    position: relative;
    padding: 4px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid #dddddd;
    border-radius: 4px;
}
.main-menu-bar .cart2 {
	display: block;
	float: right;
    position: relative;
    padding: 3px 10px 2px 10px;
    margin: 0px;
    background-color: transparent;
    background-image: none;
	line-height: 12px;
}
.main-menu-bar .cart1:hover, .main-menu-bar .cart2:hover {
    background-color: #dddddd;
}
a.cart1, a.cart2 {
	text-decoration: none;
}
a.cart1:hover, a.cart2:hover {
    text-decoration: none;
	color: #3276b1;
}
.main-menu-bar .navbar-default .navbar-toggle .icon-bar {
	background-color: #3276b1;
}
.main-menu-bar .sidebar-phones {
	color: #3276b1;
	font-weight: bold;
	font-size: 16px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.main-menu-bar .sidebar-phones .promocode1 {
	color: #d2322d;
	font-weight: bold;
	font-size: 12px;
}
@media (max-width: 767px) {
	.main-menu-bar .main-menu-dropprd {
		box-shadow: 0 0 65px rgba(0,0,0,0.5);
	}
	.main-menu {
		border: 1px solid #337ab7;
		border-radius: 4px;
		background: rgb(250,250,255);
		margin-bottom: 15px;
		padding: 0px;
	}
	
	.main-menu ul {
		padding: 0;
		margin: 0;
	}
	
	/* границы пунктов */
	.main-menu ul li {
		border-top: 1px solid #dddddd;
	}
	.main-menu ul li.first {
		border-top: none;
	}
	
	/* пункты */
	.main-menu ul li a, .main-menu ul li span {
		display: block;
		font-size: 14px;
		line-height: 12px;
		padding: 12px 10px 12px 10px;
		color: #444444;
	}
	.main-menu ul li a:hover {
		background: #eeeeee !important;
		color: #d2322d !important;
	}
}




/********************************** LEFT SIDEBAR *********************************/
.btn-close-sidebar {
	position: absolute;
	top: 5px;
	right: 4px;
}
.sidebar-left .sidebar-logo {
	float: left;
	padding: 8px 8px 8px 1px;
}
.sidebar-left .sidebar-logo img {
	height: 26px;
}
.sidebar-left .sidebar-phones {
	float: left;
	padding: 5px;
	color: #3276b1;
	font-weight: bold;
	font-size: 14px;
	line-height: 15px;
}
.keysearch {
	margin-top: 10px;
	margin-bottom: 15px;
}
.menu-catalog ul {
    margin: 0px;
	padding: 0px;
}
				
@media (max-width: 767px) {
	.sidebar-left {
		border: none;
		padding: 0 5px;
		box-shadow: 0 0 65px rgba(0,0,0,0.5);
		/*border-left: 1px solid #3276b1;*/
		/*border-right: 1px solid #3276b1;*/
	}
	.menu-catalog {
		padding: 0;
	}

	/* границы пунктов */
	.menu-catalog ul li {
		border-top: 1px solid #dddddd;
	}
	.menu-catalog ul li.first {
		border-top: none;
	}

	/*пункты*/
	.menu-catalog ul li.depthlevel-1 a, .menu-catalog ul li.depthlevel-1 span {
		display: block;
		font-size: 16px;
		font-weight: bold;
		line-height: 12px;
		padding: 12px 10px 12px 8px;
		color: #d2322d !important;
		text-decoration: none;
	}
	.menu-catalog ul li.depthlevel-1 a:hover {
		background: #eeeeee;
		color: #d2322d !important;
	}
	.menu-catalog ul li.depthlevel-1 a:before, .menu-catalog ul li.depthlevel-1 span:before  {
		content: "● ";
		font-size: 16px;
		color: #d2322d;
		font-weight: bold;
		text-decoration: none;
	}
	
	/*сабпункты*/
	.menu-catalog ul li.depthlevel-2 a, .menu-catalog ul li.depthlevel-2 span {
		font-size: 14px;
		line-height: 12px;
		padding: 12px 10px 12px 15px;
		color: #444444;
		text-decoration: none !important;
	}
	.menu-catalog ul li.depthlevel-2 a:hover {
		background: #eeeeee;
		color: #d2322d !important;
	}
	.menu-catalog ul li.depthlevel-2 a:before {
		content: "› ";
		font-size: 14px;
		color: #d2322d;
		font-weight: bold;
		text-decoration: none !important;
	}
}

@media (min-width: 768px) {
	
	.navmenu-fixed-left, .navmenu-fixed-right, .navbar-offcanvas {
		position: static;
		overflow-y: auto;
	}
	.sidebar-left {
		width: 240px;
		display: table-cell;
		background: none;
		border: none;
	}
	.menu-catalog {
		padding: 8px 0 8px 0;
	}

	/*пункты*/
	.menu-catalog ul li.depthlevel-1 a, .menu-catalog ul li.depthlevel-1 span {
		font-size: 14px;
		font-weight: bold;
		line-height: 12px;
		padding: 4px 10px 4px 8px;
		color: #d2322d !important;
		text-decoration: none;
	}
	.menu-catalog ul li.depthlevel-1 a:hover {
		background: none;
		text-decoration: underline;
		color: #d2322d !important;
	}
	.menu-catalog ul li.depthlevel-1 a:before, .menu-catalog ul li.depthlevel-1 span:before  {
		content: "● ";
		font-size: 16px;
		color: #d2322d;
		font-weight: bold;
		text-decoration: none !important;
	}
	
	/*сабпункты*/
	.menu-catalog ul li.depthlevel-2 a, .menu-catalog ul li.depthlevel-2 span {
		font-size: 12px;
		line-height: 12px;
		padding: 3px 10px 3px 15px;
		color: #444444;
		text-decoration: none;
	}
	.menu-catalog ul li.depthlevel-2 a:hover {
		text-decoration: underline;
		color: #d2322d !important;
	}
	.menu-catalog ul li.depthlevel-2 a:before {
		content: "› ";
		font-size: 14px;
		color: #d2322d;
		font-weight: bold;
	}
}




/********************************** FOOTER *********************************/
.footer {
	padding: 10px 10px 0 10px;
}
.footer ul {
	padding: 0px;
	margin: 0px;
}
.footer ul li {
	list-style: none;
}
.footer .row > div {
	padding-bottom: 10px;
}
.footer .navbar-brand img {
	height: 26px;
}
.footer .navbar-brand {
	padding: 0px;
}




/********************************** CONTENT *********************************/
@media (max-width: 768px) {
	.content {
		padding: 0 0 15px 0;
	}
}
@media (min-width: 768px) {
	.content {
		display: table-cell;
		width: auto;
		padding: 0 0 15px 15px;
	}
}

table.docs-download {
	width: 100%;
}
table.docs-download tr {
	border-bottom: 1px solid #eeeeee;
}
table.docs-download td {
	padding: 5px;
}
.download-file {
	height: 28px;
}
.download-icon {
	border: 1px solid #ffffff;
}
.download-icon:hover {
	border: 1px solid #d2322d;
}







/********************************** ТОВАР В СПИСКЕ *********************************/
.item_list .item {
	transition: box-shadow 0.2s;
	box-sizing: border-box !important;
}
.item_list .item  .panel-body {
	height: 100%;
	
}
.item_list .item .item-1 {
	text-align: center;
}
.item_list .item .item-2 {
	text-align: left;
}
.item_list .item .item-3 {
	text-align: right;
}

.item_list .item:hover {
	transition: box-shadow 0.2s;
	box-shadow: 0 0 15px rgba(0,0,0,0.2);
}
.item_list .item .price_basket {
	position: relative;
}
.item_list .item .price_basket .sold-out {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 120px;
}
.item_list .item .price_basket .price {
	display: block;
	color: #444444;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 5px;
}
.item_list .item .price_basket .cur-price {
	display: block;
	color: #d2322d;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 5px;
}
.item_list .item .price_basket .del-price {
	display: block;
	color: #cccccc;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 5px;
}
.item_list .item .price_basket .old-price {
	display: block;
	color: #999999;
	font-size: 14px;
	text-decoration: line-through;
}
.item_list .item .price_basket .add2basket {
	font-size: 12px;
	padding: 4px 8px 3px 8px;
	text-decoration: none;
}
@media (max-width: 767px) {
	.item_list .item .price_basket .price, .item_list .item .price_basket .cur-price, .item_list .item .price_basket .old-price {
		display: inline;
		margin-right: 10px;
	}
}
.item_list .item .image {
	
}
.item_list .item .prod-name {
	display: block;
	color: #444444;
	font-size: 14px;
	font-weight: bold;
}
.item_list .item .prod-name:hover {
	color: #d2322d;
}






/********************************** ВИДЖЕТ ТОВАРА *********************************/
.widget {
	display: block;
	transition: box-shadow 0.2s;
	box-sizing: border-box !important;
	float: left;
	width: 135px;
	height: 235px;
	margin: 5px;
	position: relative;
	overflow: hidden;
}
@media (max-width: 991px) {
	.widget {
		width: 164px;
		height: 200px;
		margin: 5px;
	}
}
@media (max-width: 350px) {
	.widget {
		float: none;
		margin: 5px auto;
		width: 100%;
	}
}
.widget:hover {
	transition: box-shadow 0.2s;
	box-shadow: 0 0 15px rgba(0,0,0,0.2);
}
.widget .image {
	position: relative;
	height: 150px;
	text-align: ctnter;
	overflow-x: hidden;
}
.widget .image img {
	position: absolute;
	top: 0px;
	left: 50%;
	transform: translateX(-50%) !important;
	-webkit-transform: translateX(-50%) !important;
	height: 150px;
}
.widget .caption {
	height: 10px;
	padding: 5px;
}
.widget .prod-name {
	display: block;
	height: auto;
	font-size: 10px;
	/*font-weight: bold;*/
	overflow: visible;
	color: #444444;
	text-decoration: none;
}
.widget:hover .prod-name {
	color: #d2322d;
	text-decoration: none;
}

.widget .price_basket {
	position: absolute;
	text-align: right;
	bottom: 5px;
	right: 5px;
	background: rgba(255,255,255,0.5)
}
.widget .sold-out {
	position: absolute;
	bottom: 5px;
	right: 5px;
	width: 120px;
}
.widget .price_basket .price, .widget .price_basket .cur-price, .widget .price_basket .del-price {
	display: block;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 0px;
}
.widget .price_basket .price {
	/*color: #3276b1;*/
	color: #d2322d;
}
.widget .price_basket .cur-price {
	color: #d2322d;
}
.widget .price_basket .del-price {
	color: #cccccc;
}
/*
.widget .price_basket .old-price {
	display: block;
	color: #999999;
	font-size: 14px;
	text-decoration: line-through;
}
.widget .price_basket .add2basket {
	font-size: 12px;
	padding: 4px 8px 3px 8px;
}
*/




/********************************** КОРЗИНА *********************************/
.big-basket{
	/*margin-top: 40px;*/
	/*border: 1px solid #dddddd;*/
}
.big-basket table {
	width: 100%;
}
.big-basket th {
	background: #3276b1;
	color: #ffffff;
	border: 1px solid #ffffff;
	border-radius: 4px;
	padding: 5px;
	text-align: center;
}
.big-basket td {
	padding: 5px;
	background: #eeeeee;
	border: 1px solid #ffffff;
	border-radius: 4px;
}

/*товары*/
.big-basket a.delete_item {
	color: #d2322d;
}
.big-basket .total {
	font-size: 14px;
}
.big-basket .quantity {
    text-align: center;
    max-width: 50px;
}
.big-basket .quantity .change_quantity {
	position: relative;
}
.big-basket .quantity .change_quantity input{
	border: 1px solid #dddddd;
    font-size: 14px;
	padding-left: 5px;
    width: 100%;
}
.big-basket .quantity .change_quantity a {
	background: url("images/count_arrow.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    height: 6px;
    position: absolute;
    right: 3px;
    text-decoration: none;
    width: 11px;
}
.big-basket .quantity .change_quantity a.up{
	top: 3px;
}
.big-basket .quantity .change_quantity a.down{
	background-position: 0 bottom;
    top: 15px;
}

/*форма корзины*/
.basket-form td.form-title {
	width: 110px;
	font-weight: bold;
}
.basket-form td.form-value {
	
}
.star {
	color: #d2322d;
	font-weight: bold;
}





/********************************** ВСПЛЫВАЮЩИЕ ОКНА *********************************/
.puu {
	position: fixed;
	top: 100px;
	width: 100%;
	height: 1px;
	text-align: center;
	z-index: 1000;
}
.pu {
	position: relative;
	background: #fff;
	border-radius: 10px;
	/*box-shadow: 0 10px 30px rgba(0,0,0,0.7);*/
	box-shadow: 0 0 15px rgba(0,0,0,0.2);
	width: 100%;
	max-width: 400px;
	padding: 15px;
	margin: 0 auto;
}
.btn-close-popup {
	position: absolute;
	top: 5px;
	right: 5px;
	z-index: 20;
}
.highlight div {
	margin: 5px;
}
/*
.pu .title{ font-size: 24px; font-weight: bold; }
.pu form{ margin: 0px; padding: 0px; border:0px; }
.pu form fieldset{ margin: 0px; padding: 0px; border:0px; }
.pu .highlight{ background: #e5e5e5; border-radius: 7px; padding: 30px 40px 10px 40px; margin-top: 20px; }
.pu .highlight input[type=text]{ transition: box-shadow 0.3s; border-radius: 7px; background: #fff; height: 40px; line-height: 40px; font-size: 16px; font-weight: bold; border:1px solid #919191; margin-bottom: 20px; padding-left: 20px; width: 298px; }
.pu .highlight input[type=text]:hover{ border: 3px solid #FF9100; margin: -2px -2px 18px -2px; }
.pu .highlight input[type=text]:focus{ transition: box-shadow 0.3s; border: 3px solid #FF9100; margin: -2px -2px 18px -2px; box-shadow: 0 5px 10px rgba(0,0,0,0.5); }
.pu .highlight input[type=password]{ transition: box-shadow 0.3s; border-radius: 7px; background: #fff; height: 40px; line-height: 40px; font-size: 16px; font-weight: bold; border:1px solid #919191; margin-bottom: 20px; padding-left: 20px; width: 298px; }
.pu .highlight input[type=password]:hover{ border: 3px solid #FF9100; margin: -2px -2px 18px -2px; }
.pu .highlight input[type=password]:focus{ transition: box-shadow 0.3s; border: 3px solid #FF9100; margin: -2px -2px 18px -2px; box-shadow: 0 5px 10px rgba(0,0,0,0.5); }
.pu .highlight textarea{ transition: box-shadow 0.3s; border-radius: 7px; background: #fff; height: 200px; line-height: 40px; font-size: 16px; font-weight: bold; border:1px solid #919191; margin-bottom: 20px; padding-left: 20px; width: 298px; }
.pu .highlight textarea:hover{ border: 3px solid #FF9100; margin: -2px -2px 18px -2px; }
.pu .highlight textarea:focus{ transition: box-shadow 0.3s; border: 3px solid #FF9100; margin: -2px -2px 18px -2px; box-shadow: 0 5px 10px rgba(0,0,0,0.5); }


.pu.payment_stat{ padding-left: 30px; padding-right: 30px; width: 420px; }

.pu.payment_stat input[type=text]{ width: 130px; }
.pu.payment_stat input[type=text].pin{ margin-left: 15px;  width: 50px; }
.pu.payment_stat input[type=text].pin:hover{ margin-left: 13px; }
.pu.payment_stat input[type=text].pin:focus{ margin-left: 13px; }
.pu.payment_stat input[type=password].pin{ margin-left: 15px; width: 50px; }
.pu.payment_stat input[type=password].pin:hover{ margin-left: 13px; }
.pu.payment_stat input[type=password].pin:focus{ margin-left: 13px; }

.pu input[type=submit]{ background: url('images/buy_but_det_spl.jpg'); height: 40px; text-shadow: 0 1px 1px #bb620f; color: #fff; font-weight: bold; font-size: 18px; padding: 0 20px 0 20px; line-height: 40px; border: 1px solid #DB7B00; border-radius: 5px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4), 0 2px 3px rgba(0,0,0,0) inset; margin: 20px 0 0 0; cursor: pointer; }
.pu input[type=submit].pay{ margin-left: 15px; }
.pu input[type=submit]:hover{ transition: box-shadow 0.2s, line-height 0.2s; background-position: left bottom;  }
.pu input[type=submit]:active{ transition: box-shadow 0.2s, line-height 0.2s; box-shadow: 0 0px 0px rgba(0,0,0,0), 0 2px 3px rgba(0,0,0,0.4) inset; transition: box-shadow 0.1s; line-height: 42px; }

.pu.payment_stat input[type=submit]{ padding: 0px; width: 150px; }

.pu .subtext{ font-size: 12px; color: #515151; margin: 20px 0 -20px 0; }
.pu .subtext a{ color: #000; font-weight: bold; border-bottom: 1px solid #999999; text-decoration: none; }
.pu .subtext a:hover{ border-color: #FFC880; color: #FF9101; cursor: pointer; }
.pu .close{ background: url('images/pu_close_ico.png') left top no-repeat transparent; width: 20px; height: 20px; position: absolute; top: 20px; right: 20px; }
.pu .close:hover{ background-position: left -20px; }

.pu .payment_sys{ margin: 30px 0 -10px 0; }
*/


/********************************** BOODSTRAP *********************************/
a.btn {
	text-decoration: none;
}

/*
.menu_type{ list-style:none; margin:0px; padding:0px; }
.menu_type li{ float:left; margin:0px; padding:0px; }
*/



/********************************** СЛАЙДЕР *********************************/
.main_banner {
	border: 1px solid #dddddd;
	border-radius: 6px;
	position: relative;
	border-radius: 7px;
	padding: 20px 0 20px 0;
	margin-bottom: 20px;
}
.main_banner .lighter{ background: url('images/main_banner_lighter.png'); width: 393px; height: 280px; position: absolute; left: 0px; top: 0; z-index: 10; }
.main_banner .image{ text-align: center; width: 35%; float: left; position: relative; z-index: 20; }
.main_banner .info{ text-align: left; width: 60%; float: left; color: #fff; text-shadow: 0 1px #212b3f; position: relative; z-index: 20; }
.main_banner .info .price_basket{ margin: 20px 0 30px 0; width: 60%; }
.main_banner .info .price_basket .price {
	display: block;
	float: left;
	color: #d2322d;
	font-size: 24px;
	line-height: 37px;
	font-weight: bold;
}

.main_banner .info .title {
	display: block;
	margin-top: 10px;
	color: #444444;
	font-size: 20px;
	line-height: 20px;
	font-weight: bold;
}
.main_banner .info .preview{ font-size: 12px; color: #c1cbe0; overflow: hidden; margin-right: 20px; }
.main_banner .info .preview .pr1{ float: left; margin-right: 3%; }
.main_banner .info .preview .pr2{ float: left; }
.main_banner .info .preview ul{ margin: 0px; padding: 0px; list-style: none; }
.main_banner .info .preview ul li{ padding-left: 25px; background: url('images/main_banner_li_bg.jpg') left 8px no-repeat transparent; }

.main_banner .man {
	position: absolute;
	top: 20px;
	right: 20px;
	margin: 0px;
	padding: 0px;
	list-style: none;
	z-index: 30;
}
.main_banner .man li {
	margin: 0 0 15px 0;
	padding: 0px;
}
.main_banner .man li a {
	border: 2px solid #3276b1;
	border-radius: 50%;
	display: block;
	width: 20px;
	height: 20px;
	text-decoration: none;
}
.main_banner .man li a:hover {
	background: #3276b1;
}
.main_banner .man li.active a {
	background: #3276b1;
}





/* product  filter */
.bx_filter_vertical {
	display: none;
}
.bx_filter_on, .bx_filter_off {
	margin: 10px 0 5px 0;
}
.bx_filter_on {
	display: block;
}
.bx_filter_off {
	display: none;
}

@media (max-width: 991px) {
	.bx_filter_vertical {
		display: none;
	}
	.bx_filter_on {
		display: block;
	}
	.bx_filter_off {
		display: none;
	}
}