﻿.popup__btn_order {
	padding: 0 10px 0 10px;
	width: unset;
	line-height: 39px;
	position: relative;
	top: 1px;
}

span.question span.podsk1, 
div.question span.podsk2,
span.question span.podsk3,
span.question span.podsk4 {
  margin-left: -999em;
  position: absolute;
  z-index: 5000000;	
}

.clb {
	width: 150px;
}
span.podsk1, span.podsk2, span.podsk3, span.podsk4 { 
	padding: 2.2em 0.4em; 
	background: #FFFFFF; border: 1px solid #cccccc; 
	border-radius: 5px 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
/*	-webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);*/
	-moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
	cursor: pointer;
}

div.question {
	height: 100px;
} 

span.question:hover span.podsk4 {
	display: block;
	font-size: 12px;
	position: relative;
	z-index: 5000000;	
	top: 5px;
	padding-top: 10px;
	margin-left: 0px;
	color: black;
	text-align: center;
	height: 20px;
	width: 150px;
}

span.question:hover span.podsk3 {
	display: block;
	font-size: 12px;
	position: relative;
	z-index: 5000000;	
	padding-top: 5px;
	top: 0px;
	margin-left: 0px;
	color: black;
	text-align: center;
	height: 30px;
	width: 150px;
}

div.question:hover span.podsk2 {
	display: block;
	font-size: 12px;
	position: absolute;
	z-index: 5000000;	
	margin-left: -10px;
	padding-top: 7px;
	color: black;
	text-align: center;
	height: 30px;
	width: 150px;
	top: 125px;
}

span.question:hover span.podsk1 {
	display: block;
	font-size: 12px;
	position: absolute;
	z-index: 5000000;	
	top: 50px;
	margin-left: -13px;
	color: black;
	text-align: center;
	padding-top: 7px;
	height: 30px;
	width: 150px;
}

p.gosreestr, p.gosreestr ~ ul {
	padding-bottom: 10px;
}


div.rs {
	color: white;
	padding: 5px 5px 5px 5px;
	font-size: 13px;
}
button.emb {
	height: 30px;
	width: 30px;
	border-radius: 7px;
	border: 0px;
	cursor: pointer;
	margin-left: 1px;
}
input.em {
    width: 250px;
    height: 30px;
    font-size: 13px;
    font-family: Verdana, arial;
    line-height: 1.2;
    border: 1px solid #b6b6b6;
    border-radius: 7px;
    padding-left: 10px;
    box-sizing: border-box;
}

.sub_foto {
	font-size: 9px;
	padding: 10px 10px 10px 10px;
	text-align: center;
}
h2 {
   
    font-size: 19px;
    font-weight: 500;
    padding: 15px 0 15px 0;

/*
	display: inline;
	font-size: 17px;
*/
}
.more_button, .more_button_cats {
	max-width: 1200px;
	cursor: pointer;
	text-align: right;
/*	margin: 5px 3px 10px 0;*/
	margin: 0 auto;
	vertical-align: middle;
	white-space: nowrap;
}
.more_button span, .more_button_cats span {
	border-bottom: 1px dashed black;
	font-size: 13px;
	font-family: Verdana, Arial;
}

.more_button:active ~ .srez {
	height: auto;
}

.more_button_cats:active ~ .srez_cats {
	height: auto;
}

.srez2 {
	height: auto;
}
.srez_block a {

}
/*раскрытие среза, коммент 70px*/

.srez_block {
	position: relative;
}

.srez_block:after {
	content: "";
	text-align: center;
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 10px;
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0), white 100%);
	pointer-events: none;
}


.srez_cats {
	width: 100%;
	height: 80px;
	display: flex;
	flex-wrap: wrap;
	overflow: hidden;
}

.no_srez_cats {
	max-width: 1200px;
	display: flex;
	flex-wrap: wrap;
	overflow: hidden;
	margin: 0 0 0 10px;

}
	

.srez {
	width: 100%;
	height: 70px;
//	max-height: 100px;
//	height: auto;
//	padding: 20px 20px 20px 20px;
	display: flex;
	flex-wrap: wrap;
	overflow: hidden;
}
.srez a {
    padding: 6px 16px;
    margin: 10px 6px 6px 0;
    box-sizing: border-box;
    font-size: 12px;
    border-radius: 16px;
    height: 32px;
    background: #f2f3f5;
    display: flex;
    align-items: center;
    border: 1px solid hsla(0,0%,100%,0);
    border-color: #d1d1d1;
}
/*
.srez a {
	height: 13px;
	padding: 5px 5px;
	border-radius: 20px;	
	border: 1px solid hsla(0,0%,100%,0);
	border-color: #d1d1d1;
	margin: 5px 5px 5px 5px;
	font-size: 12px;
}
*/
.srez a:hover {
	border-color: #194b9f;
	text-decoration: none;	
}



/*
@media (min-width: 1150px) {
	.banner_5 {
	    background: url(../img/banner/905_100.png) center top;
	    width: 905px;
            height: 100px;
	}
}
*/

/*@media (max-width: 1150px) {


@media (min-width: 400px) and (max-width: 1150px) {*/
@media (min-width: 768px) {

.header__search {
	display: flex;
}


	.banner_4 {
		display: none;
	}
	.wrapper_5 {
		overflow: hidden;
	}

.banner_6 {
	width: 100%;
	text-align: center;
}

	.banner_6 img.img_6{
		max-width: 905px !important;
		width: 100%;

-webkit-transition: -webkit-transform .3s ease-in-out;
  transition: transform .3s ease-in-out;

	}
	.banner_6 img.img_6:hover {
	-webkit-transform: scale(1);
	 transform: scale(1);

		}

	.banner_5 {
//        	background: url(/dist/img/banner/905_100.png) center top;
        	background-image: url(/dist/img/banner/905_100.png);
		background-position: center center;
//		text-align: center;
		max-width: 100%;
		height: 100px;
//	        background-repeat: no-repeat;
		background-size: cover;
/*
		-webkit-transition: all .5s ease-in-out;
                -moz-transition: all .5s ease-in-out;
	        -o-transition: all .5s ease-in-out;
	         transition: all .5s ease-in-out;
*/
-webkit-transition: -webkit-transform .3s ease-in-out;
  transition: transform .3s ease-in-out;


	}
	.banner_5:hover {
	-webkit-transform: scale(1);
	 transform: scale(1);
/*
		-ms-transform: scale(1.02);
		    -moz-transform: scale(1.02);
		    -webkit-transform: scale(1.02);
		    -o-transform: scale(1.02);
		    transform: scale(1.02);
*/
	}
}
/*}*/


@media (max-width: 425px) {

	.banner_4 {

        	background: url(/dist/img/banner/400_165.png) center top;
		width: 100%;
		height: 165px;
	        background-repeat: no-repeat;
		background-size: contain;

	}


	.banner_5 {
		display: none;
	}
}

@media  (max-width: 768px) {

.header__search {
	left: 20px;
	top: 5px;
}

.wrapper_5 {
	display: none;
}


}

@media (min-width: 426px) and (max-width: 768px) {



.banner_6 {
	width: 100%;
	text-align: center;
}

	.banner_6 img.img_6{
		min-width: 426px;


-webkit-transition: -webkit-transform .3s ease-in-out;
  transition: transform .3s ease-in-out;

	}
	.banner_6 img.img_6:hover {
	-webkit-transform: scale(1);
	 transform: scale(1);

		}








	.banner_4 {

        	background: url(/dist/img/banner/905_100.png) center top;
		width: 100%;
		height: 105px;
	        background-repeat: no-repeat;
		background-size: contain;

	}


	.banner_5, .banner_6 {
		display: none;
	}
}



.managers {
	display: flex;
	flex-wrap: wrap;
}
.text-title-managers {
	font-size:19px;
	font-family:VerdanaBold,arial;
	line-height:1;
	color:#002447;
	margin-top: 20px;
}
div#old span, div.old1 span {
	font-size: 14px;
	color: #999999;
}
div#old span.product-page-product-price-string__rubles, 
	div#old span.product-page-product-price-string__kopeykas, 
	div#old span.product-page-product-price-string_smaller__rubles, 
	div#old span.product-page-product-price-string_smaller__kopeykas {
	text-decoration: line-through;
}


span.catalog-product-card__price-full-price#old, 
span.catalog-product-card__price-kopeykas#old {
	text-decoration: line-through;
	font-size: 14px;
	
}

@media (min-width: 768px) {
	div.header__center {
		min-width: 560px;
		width: auto;
		left: -7px;
	}
}


@media (max-width: 768px) {
	div.header__center {
		width:100%;
	}
}


div.action_type { 
//	border: 1px solid #cccccc;
//	margin: 0 auto;
//	float: none !important;
}

div.action {
	display: inline;
	position: relative;	
	text-align: right;
	left: 30px;
	top: -12px;
//	top: 10px;
}
a.btn_action {
	padding: 9px 35px;
}
table.to_name tr td a span {
//	color: #015bb7 !important;
}

p.dop_files a:hover {
	color: #fd7842;
}
p.dop_files a {
	color: #015bb7;
}
img.article {
	width: 313px !important;
	height: 250px !important;
	display: block;
}
div.news-detail table {
	width: 100%;
}
div.news-detail table tr td {
	padding: 3px 3px 3px 3px;
}

div.news-detail__info p {
	margin: 10px 0 10px 0 !important;
}

div.news-detail__info p a, div.news-detail__info ul li a {
	text-decoration: underline !important;
}
div.header.fixed a#spec {
	margin-left: 4px !important;
	padding: 8px 27px 8px 27px !important;
}


div.popup-search {
	top: 41px;
	z-index: 190;
}

@media (max-width:768px){

div.popup-search {
	top: 40px;
}

.header__search {
/*	left: 20px;*/
/*	position:relative;*/
	float:left;
	width:100%;
	width:calc(100% - 20px);
	display:block;
	margin-top:8px;
}
.search__input { 
	width: 100% !important;
}
}
.search__input {
/*	width: 560px;*/
	width: 527px;
}
.contacts__text span {
	display: inline;
	padding: 0;
}






#list, #tile {
	cursor: pointer;
}


.product1 {
    width: 215px !important;
	height: 350px;
//    border-right: 1px solid #dddddd;
//    border-bottom: 1px solid #dddddd;
	border: 1px solid #dddddd;
    display: flex;
    flex-direction: column;

        background-color: #fff;
        -webkit-border-radius: 10px;
        border-radius: 10px;
	margin: 5px;
//        overflow: hidden;
//        padding: 20px;
//        position: relative;

	padding-bottom: 20px;
}

/*.productContainer1 .product1:not(:only-of-type) {*/
/*.productContainer1 .product1:only-of-type {*/
/*
    border-right: none;
}
*/

.productContainer1 .product1:nth-child(4n) {
//    border-right: none;
	width: 212px;
}


.productImg {
   max-width: 180px;
   height: 180px;

    overflow: hidden;
    margin: 0 auto;
    margin-bottom: 7px;
}

.productImg img.tr_all_hover {
	width: 180px;
}

.productName {
	height: 50px;
    max-width: 180px;
    margin: 0 auto;
    text-align: left;
    margin-bottom: 30px;
    font-size: 1em;
}

.productName span a,
a:link a:visited,
a:hover {
/*    color: #114ea2;*/
    text-decoration: underline;
}

.artikul {
    width: 180px;
    margin: 0 auto;
    text-align: left;
    margin-bottom: 30px;
    font-size: 0.9em;
    color: #999;
}

.oldPrice {
    width: 180px;
    margin: 0 auto;
    text-align: left;
    text-decoration: line-through;
    color: #999;
    font-size: 0.9em;
}
.newPrice span.nds {
    font-size: 0.6em;
}

.newPrice {
    width: 180px;
    margin: 0 auto;
    text-align: left;
    color: #333;
    font-size: 1em;
}

.newPrice span {
    font-weight: bold;
    font-size: 0.9em;
}

.availability {
    width: 180px;
    margin: 0 auto;
    text-align: left;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.availability span {
    font-size: 0.8em;
    color: #114ea2;
    padding-right: 10px;
}

.availability p {
    font-size: 0.9em;
    color: #999;
}

.countCart {
    width: 180px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.countCart_price {
    white-space: nowrap;
    width: 190px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;

}


.count_n_price {
    height: 25px;
    border: 8px solid #ededed;
    border-radius: 2px;
    display: flex;
}

.count_n {
    height: 25px;
    border: 8px solid #ededed;
//    border: 8px solid red;
    border-radius: 2px;
    display: flex;
	
}

input.js-quantity {
	width: 25px;
	text-align: center;
//	vertical-align: top;
	padding-top: 2px;
}


.count_n div, .count_n_price div{

    width: 25px;
    height: 25px;
    box-sizing: border-box;
    border: 1px solid #dddddd;

//    border-right: none;
    text-align: center;
    align-items: center;
    cursor: pointer;

}

.count_n .countNum, .count_n_price .countNum {
    width: 35px;
	font-size: 1em;

}


.count_n div:nth-child(1) {
/*
    border-radius: 3px 0 0 3px;
    padding-top: 1px;
*/
}

.count_n a.minus div, .count_n_price a.minus div {
    border-radius: 3px 0 0 3px;
}

.count_n a.plus div, .count_n_price a.plus div {
    border-radius: 0 3px 3px 0;
}
.count_n div:nth-child(2) {
/*
    border-radius: 0 30px 30px 0;
    padding-top: 1px;
*/
}



.productContainer1 {

    width: 100%;
    box-sizing: border-box;
    border: 1px solid #dddddd;
    display: flex;
	flex-wrap: wrap;
	margin-left: 7px;
}