.t1 { border: 1px solid #ff0000; } .b1 { background-color: #ff0000; }
.t2 { border: 1px solid #00ff00; } .b2 { background-color: #00ff00; }
.t3 { border: 1px solid #0000ff; } .b3 { background-color: #0000ff; }
.t4 { border: 1px solid #ffff00; } .b4 { background-color: #ffff00; }
.t5 { border: 1px solid #00ffff; } .b5 { background-color: #00ffff; }
.t6 { border: 1px solid #ff00ff; } .b6 { background-color: #ff00ff; }
.t7 { border: 1px solid #ffffff; } .b7 { background-color: #ffffff; }

html,body
{
	color: #272727;
	font-size: 1rem;
	background-color: #e7e7e7;
	max-width: 1600px;
	margin-right: auto;
	margin-left: auto;
	font-size: 0.95rem;
}

a
{
	color: #003366;
	text-decoration: none;
}
a:hover
{
	color: blue;
	text-decoration: none;
}


.list-group-item {
  border: 0;
}

.form-control
{
	background-color: #f2f2f2;
}

.logo
{
	display: inline-block;
	text-align: center;
	padding: 0;
	width: 216px;
	height: 80px;
	font-size: 8pt;
}
.logo img
{
	margin: 0 0 -5px 0;
	opacity: 0.9;
	filter: alpha(opacity=90);
}
.logo a
{
	color: inherit;
	text-decoration: none;
	text-align: inherit;
	font-family: inherit;
	font-size: inherit;
}
.logo a:hover, .logo a:link, .logo a:active, .logo a:visited
{
	color: #272727;
}

.stamp img
{
	display: inline-block;
	width: 400px;
	height: 147px;
	position: absolute;
	float: right; 
    margin: 7px 7px 7px 7px;
	top: 40px;
    right: 30%; 
}
.stamp form
{
	display: inline-block;
	position: absolute;
	float: right; 
    margin: 7px 7px 7px 7px;
	top: 10px;
    right: 30%; 
}
.contacts
{
/*	border: 1px solid #cccccc;*/
	display: inline-block;
	text-align: right;
	padding: 0;
	width: 216px;
	height: 80px;
	font-size: 14pt;
	font-family: Arial;
	font-weight: normal;
}
.contacts a
{
	display: inline-block;
	color: #323232;
	text-decoration: none;
	text-align: inherit;
	font-family: inherit;
	font-size: inherit;
}
.contacts a:hover, .logo a:link, .logo a:active, .logo a:visited
{
	color: #323232;
}
.phone
{
	color: red;
	font-size: 18pt;
	font-family: Arial;
	font-weight: bold;
}
.cart-head
{
	color: red;
	font-size: 10pt;
	font-family: Arial;
}

/*
.phone span
{
	FONT-FAMILY: Arial;
	font-size: 20px;
	display: inline-block;
	margin: 7px 0 0 0;
}
.phone span span
{
	FONT-FAMILY: Arial;
	color: #FC0206;
	font-size: 24px;
	font-weight: bold;
	display: inline-block;
	margin: 7px 0 0 0;
}

.email span
{
	FONT-FAMILY: Arial;
	font-size: 16px;
	display: inline-block;
	margin: 7px 0 0 0;
}
*/

#SS0
{
	height: 180px;
}
#SS1
{
	height: 180px;
}
#SS2
{
	height: 180px;
}
#SS3
{
	height: 180px;
}
.slideshow
{
	background-color: #000000;
}

.bg-main
{
	background-color: #e7e7e7;
}

.bg-main-block
{
	background-color: #e1e1e1;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: #495057;
  background-color: #e3e3e3;
  border-color: #dee2e6 #dee2e6 #fff;
}

.box-main
{
	display: -ms-flexbox;
/*	display: flex;*/
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 0.75rem 1rem;
	margin-bottom: 1rem;
	list-style: none;
/*	background-color: #f8f9fa;*/
/*	background-color: #e7e7e7;*/
	border-radius: 0.25rem;
}

.box-price
{
	display: -ms-flexbox;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 0.75rem 1rem;
	margin-bottom: 1rem;
	list-style: none;
	background-color: #f0f0f0;
	border: 1px solid #e7e7e7;
	border-radius: 0.25rem;
}


.box-image-old
{
	display: -ms-flexbox;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 0.75rem 1rem;
	margin-bottom: 1rem;
	list-style: none;
	background-color: #e7e7e7;
	border-radius: 0.5rem;
}

.box-img-old
{
	display: -ms-flexbox;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	list-style: none;
	background-color: #e7e7e7;
	border-radius: 0.8rem;
	margin: 0 0.8rem 0 0;
	max-width: 20rem;
}


#toTop
{
	position: fixed;
	bottom: 10px;
/*	right: 10px;*/
	left: 10px;
	cursor: pointer;
	display: none;
	opacity: 0.7;
	filter: alpha(opacity=70);
}

.informers
{
	margin: 0 auto;
	text-align: center;
}


.banner
{
	margin: 0.4rem auto;
	text-align: center;
	display: block;
	float: left;
}
.banner img
{
	width: 10rem;
	height: 14.1875rem;
}

.copyright
{
	color: #272727;
}

.card-custom
{
	min-height: 10rem;
}

.card-custom2
{
	min-height: 20rem;
}

.card-custom3
{
	min-height: 30rem;
}

.content__title
{
	display: block;
/*	text-transform: lowercase;*/
	font-size: 26px;
	font-weight: 400;
	line-height: 1;
	color: #979797;
	display: -ms-flexbox;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 1rem;
	list-style: none;
	border-bottom: 2px solid #e3e3e3;
}

.content__title:first-letter
{
	text-transform: uppercase;
}


.content__body
{
	padding: 0.5rem;
}


.category__description
{
/*	text-indent: 15px;*/
	border-left: 30px solid #e3e3e3;
	padding: 0 0 0 10px;
	font-size: 0.85rem;
	display: block;
	min-height: 16rem;
}

.category__description p
{
	margin: 0 50px 20px 0;
}

.category__description img
{
	margin: 8px 8px 8px 0;
/*	max-width: 9rem;
	max-height: 9rem;*/
	float: left;
}

.category__description ul
{
	list-style: none;
	padding: 0;
	margin: 0;
}
.category__description li
{
	padding-left: 16px;
}
.category__description li:before
{
	content: "-";
	padding-right: 8px;
}


.breadcrumb
{
	background-color: #f8f9fa;
}

.breadcrumb-item a, .breadcrumb-item strong
{
	color: #002299;
}

#breadcrumb
{
	list-style: none;
	display: inline-block;
	padding: 0;
}
#breadcrumb .icon
{
	font-size: 14px;
}
#breadcrumb li
{
	float: left;
	margin: 0 0 3px 0;
}
#breadcrumb li a, #breadcrumb li strong
{
	color: #ffffff;
	display: block;
	background: #a7a7a7;
	text-decoration: none;
	position: relative;
	height: 32px;
	line-height: 32px;
	padding: 0 10px 0 5px;
	text-align: center;
	margin-right: 23px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	white-space: nowrap;
}
#breadcrumb li:first-child a, #breadcrumb li:first-child strong
{
	padding-left: 15px;
	-moz-border-radius: 4px 0 0 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px 0 0 4px;
}
#breadcrumb li:first-child a:before, #breadcrumb li:first-child strong:before
{
	border: none;
}
#breadcrumb li:last-child a, #breadcrumb li:last-child strong
{
	padding-right: 15px;
	-moz-border-radius: 0 4px 4px 0;
	-webkit-border-radius: 0;
	border-radius: 0 4px 4px 0;
}
#breadcrumb li:last-child a:after, #breadcrumb li:last-child strong:after
{
	border: none;
}
#breadcrumb li a:before, #breadcrumb li a:after, #breadcrumb li strong:before, #breadcrumb li strong:after
{
	content: "";
	position: absolute;
	top: 0;
	border: 0 solid #a7a7a7;
	border-width: 16px 10px;
	width: 0;
	height: 0;
}
#breadcrumb li a:before, #breadcrumb li strong:before
{
	left: -20px;
	border-left-color: transparent;
}
#breadcrumb li a:after, #breadcrumb li strong:after
{
	left: 100%;
	border-color: transparent;
	border-left-color: #a7a7a7;
}
#breadcrumb li a:hover, #breadcrumb li strong:hover
{
	background-color: #dc3545;
}
#breadcrumb li a:hover:before, #breadcrumb li strong:hover:before
{
	border-color: #dc3545;
	border-left-color: transparent;
}
#breadcrumb li a:hover:after, #breadcrumb li strong:hover:after
{
	border-left-color: #dc3545;
}
#breadcrumb li a:active, #breadcrumb li strong:active
{
	background-color: #ff0000;
}
#breadcrumb li a:active:before, #breadcrumb li strong:active:before
{
	border-color: #ff0000;
	border-left-color: transparent;
}
#breadcrumb li a:active:after, #breadcrumb li strong:active:after
{
	border-left-color: #ff0000;
}
#breadcrumb li.current a, #breadcrumb li.current strong
{
	pointer-events: none;
	cursor: not-allowed;
	filter: alpha(opacity=65);
	-webkit-box-shadow: none;
	box-shadow: none;
	opacity: .65;
}

.badge-main
{
	color: #6c757d;
	background-color: #dadada;
	border: 1px solid #e5e5e5;
/*	box-shadow: 2px 2px 1px rgba(0,0,0,0.1);*/
}

.badge-main[href]:hover, .badge-secondary[href]:focus
{
	color: #323232;
	text-decoration: none;
	background-color: #d0d0d0;
}

.no-picture
{
	background-image: url(/libs/octicons/circle-slash.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	opacity: 0.1;
	filter: alpha(opacity=10);
}

.required label
{
	color: red;
}
.required input
{
	background-color: #fffffc;
}
.required textarea
{
	background-color: #fffffc;
}



.cart_anchor
{
    float:right;
    vertical-align:top;
    width: 50px;
    height: 50px;
    margin-bottom: 50px;
}

.red
{
	color: red;
}

.table-hover2 tbody tr:hover {
  background-color: rgba(255, 255, 0, 0.075);
}


.page-link
{
	position: relative;
	display: block;
	padding: 0.5rem 0.75rem;
	margin-left: -1px;
	line-height: 1.25;
	color: #007bff;
	background-color: #d7d7d7;
	border: 1px solid #dee2e6;
}

.page-item.disabled .page-link {
  color: #6c757d;
  pointer-events: none;
  cursor: auto;
  background-color: #d7d7d7;
  border-color: #dee2e6;
}


/*
.category_tree li:hover
{
	background-color: #d6d6d6;
}
*/


@media (max-width: 576px)
{
	.mobile
	{
		display: none;
		visibility: hidden;
	}
	.logo
	{
		display: inline-block;
		text-align: center;
		padding: 0;
		margin: 0;
		width: 120px;
		height: 60px;
		font-size: 7pt;
	}
	.logo img
	{
		width: 120px;
		height: auto;
		margin: 0;
		opacity: 0.9;
		filter: alpha(opacity=90);
	}
	.slideshow
	{
		display: none;
		visibility: hidden;
	}
	#SS0
	{
		display: none;
		visibility: hidden;
	}
	.contacts
	{
	/*	border: 1px solid #cccccc;*/
		display: inline-block;
		text-align: right;
		padding: 0;
		margin: 0;
		width: 120px;
		height: 60px;
		font-size: 8pt;
		font-family: Arial;
		font-weight: normal;
	}
	.contacts img
	{
		width: 14px;
		height: 14px;
	}
	.contacts a
	{
		display: inline-block;
		color: #323232;
		text-decoration: none;
		text-align: inherit;
		font-family: inherit;
		font-size: inherit;
	}
	.contacts a:hover, .logo a:link, .logo a:active, .logo a:visited
	{
		color: #323232;
	}
	.phone
	{
		color: red;
		font-size: 10pt;
		font-weight: bold;
	}
}

@media (max-width: 768px)
{
	.mobile
	{
		display: none;
		visibility: hidden;
	}
	#SS1
	{
		display: none;
		visibility: hidden;
	}
	#toTop
	{
		position: fixed;
		bottom: 10px;
		left: auto;
		right: 10px;
		cursor: pointer;
		display: none;
		opacity: 0.7;
		filter: alpha(opacity=70);
	}
	#ad_auto_bill
	{
		display: none;
	}
}

@media (max-width: 992px)
{
	.mobile
	{
		display: none;
		visibility: hidden;
	}
	#SS2
	{
		display: none;
		visibility: hidden;
	}
}

@media (max-width: 1200px)
{
	.mobile
	{
		display: none;
		visibility: hidden;
	}
	#SS3
	{
		display: none;
		visibility: hidden;
	}
}
@media print
{
	.container
	{
		width: auto;
	}
	html, body
	{
		color: #000000;
		background-color: transparent;
		width: auto;
	}
}