html, body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin: 0 auto;
}
#fullpage {
	width: 1000px;
	margin: 0 auto;
	text-align: left;
}
/*#search {
	text-align: right;
	padding: 5px 0;
	height: 25px;
	float: right;
clear: both;
}
#search label {

}*/

#query {
width: 260px;
height: 30px;
box-sizing: border-box;
}
/*#submit {
	background: #fff url('images/find.png') no-repeat top left;
	border: none;
	width: 20px;
	height: 16px;
}*/
a {
	color: #4463AA;
}
h1 {
	font-size: 25px;
}
#header {

}
.tags a {
    display: flex;
    text-align: center;
    padding: 6px 1px;
    font-size: 14px;
    color: #fff !important;
    border-radius: 2px;
    margin-top: 5px;
    background: linear-gradient(to top, #4f6eb6, #6e8fd9);
    border: 1px solid #4463aa;
    text-decoration: none;
    width: 23%;
    justify-content: center;
    align-items: center;
	    font-weight: 600;
}
.tags {
    display: flex;
    flex-wrap: wrap;
    gap: 1%;
}
#body {

}
#sidebar {
	width: 200px;
	float: left;
}
#news {
	font-size: 10px;
}
#news h2 {
	font-size: 11px;
	background: #4463aa;
	text-transform: uppercase;
	color: #fff;
	text-align: center;
	margin: 1px 0 0 0;
	padding: 3px 0;
}
#news span{
	background: #4463aa none repeat scroll 0 0;
    color: #fff;
	display:inline-block;
    font-size: 12px;
	font-weight:600;
    margin: 1px 0 0;
    padding: 3px 0;
    text-align: center;
    text-transform: uppercase;
	width:100%;
}
#news ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#news li {
	background: #e9e9e9;
	padding: 5px;
	margin-top: 1px;
}
#news a {
	font-size: 11px;
	font-weight: bold;
	color: #4463AA;
	text-decoration: none;
}
#news a:hover {
	color: #666;
	text-decoration: underline;
}
#contacts {
	margin-top: 20px;
	font-size: 15px;
}
#headmenu {
	font-size: 15px;
	text-transform: uppercase;
	font-weight: bold;
	background: #4463aa;
	color: #e9e9e9;
}
#headmenu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#headmenu li {
	display: block;
	float: left;
	padding: 6px 12px 7px 10px;
}
#headmenu a {
	color: #fff;
	text-decoration: none;
}
#headmenu a:hover {
	color: #ccc;
	text-decoration: underline;
}
#content {
	width: 800px;
	float: left;
}
#text {
	padding: 10px 0 0 20px;
	width: 750px;
	text-align: justify;
}
.clear {
	float: none;
	clear: both;
}
#footer {
	margin-top: 25px;
	text-align: center;
	padding: 10px;
	color: #999;
}
#footer a {
	color: #999;
}

table.price {}
table.price td {background:#e9e9e9; text-align:center; padding:1px 0; }
table.price td.img2{ text-align:left;border: 0px; }
.tal{-ms-text-align-last:justify;
text-align-last: justify;}
table.price td.first_td {text-align:left; background:#e9e9e9;}


#header {
  position: relative;
  width: 1000px;
  padding-top: 15px;
  margin: 0 auto;
  overflow: hidden;
  z-index: 0;
  padding-bottom: 13px;
  }

.logo {color: rgb(68, 99, 170);
font-weight: bold;
font-style: italic;
text-align: left;
line-height: 30px;
}

.logo a{text-decoration:none;}

.first_l {font-size: 30px;}
.second_l {font-size: 18px;}


.phone img {width: 200px;padding: 5px 0px;}
.phone2 img {width: 200px;padding: 5px 0px;}

.phone {
color: #000000;
font-weight:bold;
text-align:right;}
.phone2 {
color: #000000;
font-weight:bold;
text-align:right;}


.phone_1 {font-size: 14px;}
.phone_2 {font-size: 24px;}

.callme {background: #4463AA none repeat scroll 0% 0%;
width: 200px;
float: right;
text-align: center;
height: 20px;
padding: 6px 1px;
font-size: 14px;
color:#fff!important;
border-radius: 2px;
margin-top: 5px;
background: linear-gradient(to top, #4f6eb6, #6e8fd9);
border: 1px solid #4463aa;}


.callme2 {
background: #4463AA none repeat scroll 0% 0%;
width: 200px;
float: left;
text-align: center;
height: 20px;
padding: 6px 1px;
font-size: 14px;
border-radius: 2px;
margin-top: 5px;
background: linear-gradient(to top, #4f6eb6, #6e8fd9);
border: 1px solid #4463aa;}

.phone a{text-decoration: none;
color: #000;}

.phone2 a{text-decoration: none;
color: rgb(255, 255, 255);}

#search input[type="submit"] {
background: linear-gradient(to top, #4f6eb6, #6e8fd9);
border: 1px solid #4463aa;
color:#fff;
font-family: Arial,Helvetica,sans-serif;
font-weight: bold;
font-size: 12px;
letter-spacing: 1px;
height: 22px;
box-sizing: border-box;
}
#search label[for="query"] {background-image: url("/images/search.png");
display: block;
width: 32px;
height: 23px;
padding: 0px -4px;
float: left;
background-repeat: no-repeat;background-size: 21px;}


.bomwid {
	width:220px;
}

.supeed {    width: 145px;
    height: 115px; }








		ul.price-list {
		list-style-type: none;
		margin: 0;
		padding:0;
		text-align: center;
	}

	ul.price-list>li {
		display: inline-block;
		position: relative;
		width: 200px;
		margin: 0 10px 60px 10px;
		height: 100px;
		color: #FFF;
		text-shadow: 1px 1px 0 #000;
		font-size: 24px;
		font-weight: bold;
		vertical-align: top;
		padding: 15px;
		box-sizing: border-box;
		line-height: 1;

		background-position: center center;
		background-repeat: no-repeat;

	}


	li.item1 {
		background-image: url(images/colc.jpg);
	}
	li.item2 {
		background-image: url(images/colc2.jpg);
	}
	li.item3 {
		background-image: url(images/colc3.jpg);
	}
	li.item4 {
		background-image: url(images/colc4.jpg);
	}


	.cost {
		position: absolute;
		left: 5px; right: -20px;
		top: 100%;
		box-shadow: 0 0 10px rgba(0,0,0,.5);
		padding: 15px;
		background: #464C56;
	}

	.cost:before, .cost:after {
		content: '';
		display: block;
		position: absolute;
		top: -20px;
		border: 10px solid;
	}

	.cost:before {
		left: 0;
		border-color: transparent #333 #333 transparent;
	}

	.cost:after {
		right: 0;
		border-color: transparent transparent #333 #333;
	}
	.cost a{
		color:#fff;
		font-size:14px;
	}

.advantage {text-align: center;font-size: 11px;}

.advantage .item {display: inline-block;width:40%;margin:1% 1% 20px; vertical-align: top;}

.advantage .item img {width:75%;display: block;margin: 0 auto;}

.advantage .item p {text-align: center;text-transform: uppercase;}

.contact_block {background: #4d87d1;height: 150px;}

.contact_block p {margin:0;color:#ffffff;}

.contact_block > img {float:left;height: 150px;width:157px;margin-right:10px;}

.contact_block .answer {width:calc(100% - 187px);background-color: #ffffff;margin:10px 0 10px 167px;position: relative;top: 10px;padding:10px;}

.contact_block .answer p {text-align: center;color:#4d87d1;font-weight: bold;text-transform: uppercase;font-size:13px;}

.contact_block .contacts_area {display: inline-block;width:calc(50% - 50px);vertical-align: top;}

.contact_block .contacts_area div {margin:7px 0;}

.contact_block .yellow {color:#e5d3a7;}
.contact_block .yellow a{color:#e5d3a7;}
.mail_icon a{
	color:#000;
}
.contact_block .phone_place > p:first-child {display: inline-block;width:200px;vertical-align: middle;}

.contact_block .phone_place > p:last-child {display: inline-block;width:125px;vertical-align: middle;}

.contact_block .phone_place > p > span {display: block;}

.contact_block .callback_area {display: inline-block;width:calc(50% - 145px);vertical-align: top;border-left:1px dashed #ffffff;margin:15px 0;height:60px;padding:10px;text-align: center;}

.contact_block .callback_area p {text-transform: uppercase;font-size: 10px;margin:10px 0 ;}

.contact_block .callback_button div {border:1px solid #ffffff;border-radius: 10px;width:130px;padding:5px;margin: 0 auto;background-color: #286abe;}

.contact_block .callback_button div span {text-transform: uppercase;font-weight: bold;color:#ffffff;}

.contact_block .callback_button a, .contact_block .callback_button a:hover, .contact_block .callback_button a:active, .contact_block .callback_button a:link, .contact_block .callback_button a:focus, .contact_block .callback_button a:visited {text-decoration: none;color:#ffffff;}

.contact_block .mail_place a, .contact_block .mail_place a:hover, .contact_block .mail_place a:active, .contact_block .mail_place a:link, .contact_block .mail_place a:focus, .contact_block .mail_place a:visited {color:#e5d3a7;}

.like_h2 {display: block; font-size: 1.5em; -webkit-margin-before: 0.83em; -webkit-margin-after: 0.83em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; font-weight: bold;}

.like_h3 {
	display: block;
    font-size: 1.17em;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: bold;
}

.fl_left {float:left;margin:0 15px 15px 0;}

.image_gal img {width:300px;height:200px;object-fit: cover;}

.img_b2 img{ width: 300px;height: 250px; object-fit:cover;}
.img_b3 img{ width: 200px;height: 150px; object-fit:cover; padding: 5px;}
.fll{ float: left; padding: 6px; width: 220px;}
.cl_b{clear: both;
}

.img_left {
	width: 190px;
	height: 130px;
	float: left;
	margin-right: 10px;
	object-fit: cover;
}
.img_left2 {
	width: 163px;
	height: 135px;
	float: left;
	margin-right: 10px;
	object-fit: cover;
}
.new_table {
	width: 100%;

}
.new_table td {
	text-align: center;
	background: #e9e9e9;
	border: 1px solid #e9e9e9;
}
.td_bold {
	font-weight: bold;
}
.new_table td:nth-child(3) {
	width: 16%;
}
.new_table td:nth-child(4) {
	width: 16%;
}

/* for page /catalogue/show/plitka-trotuarnaya */
table.trotuarnaya{
	border-collapse: collapse;
	background-color: rgba(220, 220, 220, 0.4);
	width: 100%;
}

table.trotuarnaya td, table.trotuarnaya th{
	border: 2px solid #000;
	text-align: center;
}

table.trotuarnaya td:first-child{
	text-align: left;
}

table.trotuarnaya img{
	width:150px;
}

table.trotuarnaya p{
	margin: 0;
}

table.trotuarnaya a{
	float: left;
	color: #fff;
	text-decoration: none;
}
/*===end===*/

/* for page /catalogue/show/stroitelniy-pesok */
table.stroi-pesok{
	border-collapse: collapse;
	background-color: rgba(220, 220, 220, 0.4);
	width: 100%;
}

table.stroi-pesok td{
	border: 2px solid #000;
	text-align: center;
}

.new-table{
	border: 1px solid
}


/*===end===*/


.like-weight {font-weight: bold;}

li.item5 {
	background-image: url(images/pic-01.png); }
li.item6 {
	background-image: url(images/pic-021.jpg);
background-size: 124px;}
li.item7 {
	background-image: url(images/pic-03.png); }
li.item8 {
	background-image: url(images/pic-4.png);
	background-size: 166px; }
li.item9 {
	background-image: url(images/698.750x0@2x.png);
	background-size: 166px;
 }

.cost {    height: 26px; }

.table-price-all {
	width: 96%;
    margin: 0 auto;
    border-collapse: collapse;
    text-align: center;
    background: #efeeee;}



.table-price-all tr td {
	border: 2px solid #000;
    padding: 0;}
.table-price-all tr th {}
.margin-like {margin: 10px 7px;}

.table-price-all a { color: #fff;
text-decoration: none;  font-weight: bold; }

.table-price-all tr td img {
	width: 195px;
    height: 113px;
    object-fit: contain;
    margin-top: 9px; }

.list-advantag {list-style: none;}

.img-small {}
.like-size-img {
	width: 50px !important;
    margin: 2px;
    padding: 0;
    height: 50px !important;}
    .name-titl {margin: 0;}
    .previwe-images-block img {
     width: 200px;
    float: left;
    margin: 0px 20px 20px 0px; }

 .previwe-images-block {height: 140px;}

.characteristic {list-style: none;}

    .like-h2 {
      font-family: Arial, Helvetica, sans-serif;
      font-size: 1.5em;
          font-weight: bold; }

  .btn-stl {margin: 10px 23px !important;}

  .table-price-all p {    margin-bottom: 2px;}

  .like-bold-one {font-weight: bold;}

  .content_header div {
  	display: inline-block;
  	width: 29.5%;
  }
  .content_header div:first-child {
  	width: 40%;
  }
.adress {
	margin-left: 30px;
}
.phone {
	margin-left: 17px;
}

.phone2 {
	text-align: center;
}
.content_header div:last-child {
  	width: 25%;
  }
.adress p {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	padding-left: 30px;
	font-size: 14px;
}
.adress img {
	width: 32px;
	height: 23px;
	margin-right: 15px;
}
.form-container {
	margin: 0 auto;
	width: 1000px;
}
.localization_icon,.mail_icon {
	position: relative;
}
.localization_icon:before,.mail_icon:before {
    content: "";
    position: absolute;
    left: 0px;
    top: -5px;
    display: inline-block;
    width: 23px;
    height: 23px;
    background: url(../images/css_sprites.png);
    background-position: -115px -38px;
}
.mail_icon:before {
	 background-position: -115px -5px;
}
.headmenu_form {
    padding: 0.5em 1em;
    background: #4463AA;
    margin-bottom: 10px;
    position: relative;
}
.headmenu_form div {
	display: inline-block;
}
.headmenu_form form {
	position: relative;
}
.headmenu_form form>span {
    position: absolute;
    display: block;
    width: 22px;
    height: 22px;
    background: url(../images/css_sprites.png);
    background-position: -115px -71px;
    top: 4px;
    right: 4px;
}
#search {
    position: relative;
    float: right;
}
.advantage .item {
	position: relative;
}
/*.advantage .item:before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    display: inline-block;
    width: 100px;
    height: 100px;
    background: url(../images/css_sprites.png);
    background-position: -5px -5px;
}*/

.top_text {
	width: 50%;
    margin-left: 10%;
}
.block-prod-flex{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 15px;
}
.block-prod-flex > div{
	width: 230px;
}
.block-prod-flex > div > a > img{
width: 100%;
    object-fit: contain;
}
.block-prod-flex > div > p{
text-align: center;
}
.bl-i{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.bl-i > img{
	width: 230px;
	height: 200px;
	object-fit: cover;
}
.v-btn{
	    width: 95px;
    float: right;
    text-align: center;
    height: 20px;
    padding: 6px 1px;
    font-size: 14px;
    border-radius: 2px;
    margin-top: 5px;
    background: linear-gradient(to top, #4f6eb6, #6e8fd9);
    border: 1px solid #4463aa;
        text-decoration: none;
    color: rgb(255, 255, 255);
}

.rmnk_product_wrapper {
	display: flex;
	/* justify-content: space-between; */
	flex-wrap: wrap;
}

.rmnk_product {
	width: 30%;
	margin-bottom: 20px;
	margin-right: 10px;
	margin-left: 10px;
}

.rmnk_product img {
	display: block;
	margin: 0 auto;
	margin-bottom: 10px;
	width: 100%;
}

.rmnk_product p {
	text-align: center;
}

.rmnk_product a {
	display: block;
	text-align: center;
}

.my-gallery {
	display: flex;
}
.my-gallery_text {
	text-align:center;
}
.my-gallery_btn {
	text-decoration: none;
    color: rgb(255, 255, 255);
	display:block;
	width: 55px;
    text-align: center;
    height: 20px;
    padding: 6px 18px;
    font-size: 14px;
    border-radius: 2px;
    margin: 5px auto;
    background: linear-gradient(to top, #4f6eb6, #6e8fd9);
    border: 1px solid #4463aa
}
.btn-delete {
	-webkit-appearance: push-button;
	user-select: none;
	white-space: pre;
	align-items: flex-start;
	text-align: center;
	color: buttontext;
	background-color: buttonface;
	box-sizing: border-box;
	padding: 1px 6px;
	border-width: 2px;
	border-style: outset;
	border-color: buttonface;
	border-image: initial;
	-webkit-writing-mode: horizontal-tb !important;
	text-rendering: auto;
	text-decoration: none;
	letter-spacing: normal;
	word-spacing: normal;
	text-transform: none;
	text-indent: 0px;
	text-shadow: none;
	display: inline-block;
	-webkit-rtl-ordering: logical;
	margin: 0em;
	font: 400 13.3333px Arial;
}
ul.new_cat{
	display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    list-style-type: none;
}
ul.new_cat li{
	width: 23%;
	margin-bottom: 30px;
    text-align: center;
}
ul.new_cat li img{
	width: 100%;
}
ul.new_cat li:nth-child(2) {
    display: none;
}
.spcepricetext a{
	font-size:14px;
	font-weight:600;
	color:#000;
	
}
.plita_card{
display:flex;
justify-content:center;

}
.plita_item{
	display: flex;
	flex-direction: column;
    justify-content: space-between;
  text-align: center;
border: 1px solid ;
margin: 5px;
}
.plita_info{
display: flex;
align-items: center;
justify-content: space-around;
} 
.plita_text{
text-align: center;
}

.plita_card.cust {
	flex-wrap: wrap;
	justify-content: left;
	margin-left: -5px;
	margin-right: -5px;
}

.plita_card.cust .plita_item {
	width: 240px;
}

.plita_card.cust .plita_item p {
	text-align: left;
	padding: 5px;
	line-height: 2;
}

.plita_card.cust .plita_item img {
	width: 200px;
	height: 150px;
}

.text-just {
	text-align: justify;
}

.block-prod-flex1 div {
	text-align: center;
}
.block-prod-flex1 a {
	text-decoration: none;
}

.plita_card1 a {
	text-decoration: none;
}
.left {
	float: left;
    padding: 0 10px 10px 10px;
}