/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/


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

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

@font-face {
font-family: 'Raleway';
src: url('./fonts/Raleway-SemiBold.eot');
src: url('./fonts/Raleway-SemiBold.eot?#iefix') format('embedded-opentype'),
url('./fonts/Raleway-SemiBold.woff') format('woff'),
url('./fonts/Raleway-SemiBold.ttf') format('truetype');
font-weight:600;
font-style: normal;
}

@font-face {
font-family: 'Raleway';
src: url('./fonts/raleway-v18-cyrillic-600italic.eot');
src: url('./fonts/raleway-v18-cyrillic-600italic.eot?#iefix') format('embedded-opentype'),
url('./fonts/raleway-v18-cyrillic-600italic.woff') format('woff'),
url('./fonts/raleway-v18-cyrillic-600italic.ttf') format('truetype');
font-weight: 600;
font-style: italic;
}

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

@font-face {
font-family: 'Raleway Extra Bold';
src: url('./fonts/Raleway-ExtraBold.eot');
src: url('./fonts/Raleway-ExtraBold.eot?#iefix') format('embedded-opentype'),
url('./fonts/Raleway-ExtraBold.woff') format('woff'),
url('./fonts/Raleway-ExtraBold.ttf') format('truetype');
font-weight: 800;
font-style: normal;
}



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

@font-face {
    font-family: 'Montserrat';
    src: url('./fonts/Montserrat-ExtraBold.eot');
	src: url('./fonts/Montserrat-ExtraBold.eot?#iefix') format('embedded-opentype'),
    url('./fonts/Montserrat-ExtraBold.woff2') format('woff2'),
    url('./fonts/Montserrat-ExtraBold.woff') format('woff'),
    url('./fonts/Montserrat-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
  }

@font-face {
font-family: 'Montserrat';
src: url('./fonts/Montserrat-Black.eot');
src: url('./fonts/Montserrat-Black.eot?#iefix') format('embedded-opentype'),
url('./fonts/Montserrat-Black.woff') format('woff'),
url('./fonts/Montserrat-Black.ttf') format('truetype');
font-weight: 900;
font-style: normal;
}

/* montserrat-500italic - cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 500;
  src: url('./fonts/montserrat-v15-cyrillic-500italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('./fonts/montserrat-v15-cyrillic-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/montserrat-v15-cyrillic-500italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/montserrat-v15-cyrillic-500italic.woff') format('woff'), /* Modern Browsers */
       url('./fonts/montserrat-v15-cyrillic-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/montserrat-v15-cyrillic-500italic.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-700 - cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('./fonts/montserrat-v15-cyrillic-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('./fonts/montserrat-v15-cyrillic-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/montserrat-v15-cyrillic-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/montserrat-v15-cyrillic-700.woff') format('woff'), /* Modern Browsers */
       url('./fonts/montserrat-v15-cyrillic-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/montserrat-v15-cyrillic-700.svg#Montserrat') format('svg'); /* Legacy iOS */
}

body, a{
	font-family: 'Raleway';
}

a:hover,
a:focus,
a:active{
	text-decoration: none;
}

ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

h2{
	font-family: 'Montserrat';
	font-weight: 900;
	font-size: 42px;
	line-height: 60px;
	color: #262626;
	margin-bottom: 17px;
	
}


input {
	 appearance: none;
    -moz-appearance: none;
	-webkit-appearance: none;
}

*{
outline: none;
}


.hamburger{
	margin-top: 8px;
}

.menu-toggle{
	height: 18px;
	margin-right: auto;
}
.container{
	max-width: 1140px;
	width: 100%;
	padding: 0;
}

.header{
	padding-top: 10px;
	padding-bottom: 10px;
	width: 100%;
	background-color: #ffffff;
	z-index: 3;
	position: fixed;
	transition: box-shadow .2s linear;
}

.header.box-shadow{
	 -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,.3);
     -moz-box-shadow: 0px 0px 8px rgba(0,0,0,.3);
      -ms-box-shadow: 0px 0px 8px rgba(0,0,0,.3);
       -o-box-shadow: 0px 0px 8px rgba(0,0,0,.3);
      box-shadow: 0px 0px 8px rgba(0,0,0,.3);
}
.header > .container{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;

}
.content-wrap{
	background-color: #ffffff;
}

.logo{
	margin-right: 65px;
	padding: 0;
}

 .logo img{
	width: 174px;
}

 .raskroy-contacts{
	text-align: right;
}


 .raskroy-contacts .raskroy-contacts__tel,
 .raskroy-contacts .raskroy-contacts__email{
	display: block;
	font-family: 'Montserrat';
	
}

.raskroy-contacts .raskroy-contacts__tel{
	font-weight: 900;
	font-size: 18px;
	line-height: 18px;
	color: #221D1A;
	margin-bottom: 4px;
}

.raskroy-contacts .raskroy-contacts__email{
	font-weight: 500;
	font-size: 13px;
	line-height: 13px;
	color: #55CE37;
}

/*баннер*/

.main-banner{
	position: relative;
	z-index: 0;
	/*max-width: 1500px;*/
	margin: 0 auto;
}

.main-banner .banner-img{
	position: absolute;
	top: 0;
	right: 0;
}
.main-banner .banner-text{
	width: 615px;
	/*padding-top: 106px;*/
	padding-bottom: 45px;
	position: relative;
	z-index: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	    -ms-flex-align: end;
	        align-items: flex-end;
	/*height: 579px;*/
}

h1{
	font-family: 'Montserrat';
	font-weight: 900;
	font-size: 52px;
	line-height: 60px;
	text-transform: uppercase;
	color: #262626;
	margin-bottom: 19px;
	/*padding-top: 107px;*/
}

.banner-text p{
	font-family: 'Raleway';
	font-weight: 500;
	font-size: 24px;
	line-height: 32px;
	color: #262626;
	/*max-width: 320px;*/
	max-width: 600px;
	margin-top:0;
	margin-bottom: 73px;
}

.banner-text ul{
	font-family: 'Raleway';
	font-weight: 600;
	font-size: 14px;
	line-height: 16px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	color: #262626;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	margin-bottom: 70px;
}

.banner-text ul span{
	color: #6B6B6B;
	display: block;
	font-weight: 500;
}

.main-banner .calc-anchor{
	font-weight: 800;
	font-size: 14px;
	line-height: 16px;
	color: #FFFFFF;
	padding: 16px 33px 18px 63px;
	background-image: url('./icons/calc.svg');
	background-repeat: no-repeat;
	background-position: 16px center;
	background-color: #55CE37;
	display: inline-block;
	
}

.main-banner .calc-anchor:hover{
	text-decoration: none;
}

.banner-background{
	position: absolute;
	background-repeat: no-repeat;
	background-size: cover;
	right: 0;
	width: 44%;
	/*width: 678px;*/
	height: 100%;
	/*bottom:0;*/
	top:0px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
}

.banner-background img{
	/*height: 100%;*/
	width: 100%;
	max-width: 100%;
	max-height: 100%;
	margin-left: auto;
}

@media (min-width: 2550px){
	.banner-background{
		width: 47%;
	}
}

@media (min-width: 1601px){
	.banner-background img{
		width: auto;
		margin-left: 0;
		margin-right: auto;
	}

	
}

@media (max-width: 1460px){

	.main-banner .banner-text{
		width: 55%;
	}

	.main-banner .banner-background{
		width: 45%;
	}

	.main-banner .banner-background img{
		margin-left: 0;
		margin-right: auto;
		width: 100%;
		height: 100%;
	}

	.banner-text ul{
		margin-bottom: 50px;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}

	.banner-text ul li{
		margin-bottom: 20px;
		width: 50%;
	}

	h1{
		font-size: 40px;
    	line-height: 48px;
    	padding-top: 0;
	}

	.banner-text p{
		font-size: 20px;
    	line-height: 28px;
    	margin-bottom: 30px;
	}

	h2{
		font-size: 37px;
		line-height: 45px;
	}
}

@media (max-width: 1300px){
	.main-banner .banner-text{
		padding-top: 0
	}
}

@media (max-width: 1170px){
	.container{
		padding: 0 20px;
	}

	 .logo{
		margin-right: 0;
		width: 174px;
    	-ms-flex-negative: 0;
    	    flex-shrink: 0;
	}

	.header-menu {
    	margin-right: 0px;
    	margin-left: 0px;
    	width: auto;
	}
	.raskroy-contacts .raskroy-contacts__tel {
		font-size: 16px;
	}

	 .raskroy-contacts{
		-ms-flex-negative: 0;
		    flex-shrink: 0;
	}

	/*#explore{
		display: none;
	}*/
}

@media (max-width: 900px){
	 .logo img,
	 .logo{
		width: 120px;
	}
	.raskroy-lk {
		margin-right: 5px;
    	padding: 3px;
	}
	.raskroy-lk a{
		font-size: 10px;
	}
	.header-menu {
    	margin-right: 10px;
    	margin-left: 10px;
    }

    .nav-list .nav-item .nav-item__link {
    	padding-left: 5px;
    	padding-right: 5px;
	}

	 .raskroy-contacts .raskroy-contacts__tel{
		font-size: 15px;
	}

	.header {
    	padding-top: 10px;
    	padding-bottom: 10px;
    	/*border-bottom: 2px solid #55CE37;*/
	}

	.nav-list{
		padding-top: 0;
	}

	.raskroy-contacts{
		padding-top: 0;
	}

	h1 {
    	font-size: 29px;
    	line-height: 38px;
	}

	h2{
		font-size: 26px;
    	line-height: 35px;
	}

	.main-banner .banner-background,
	.main-banner .banner-text {
    	width: 50%;
	}

	.banner-text p {
    font-size: 18px;
    line-height: 25px;
    margin-bottom: 20px;
	}

	.banner-text ul {
    	margin-bottom: 25px;
	}
}

@media (max-width: 790px){
	.banner-text ul {
    	margin-bottom: 5px;
	}

	h1 {
    	font-size: 27px;
    	line-height: 36px;
	}

	.banner-text p {
    	font-size: 17px;
    	line-height: 24px;
    	margin-bottom: 20px;
	}

	.main-banner .banner-text{
		padding-bottom: 30px;
	}
}

@media (max-width: 780px){
	.raskroy-contacts{
		margin-left: auto;
	}
}

@media (max-width: 768px){
	.content{
		/*z-index: 1;*/
		background-color: #ffffff;
	}

	.header > .container{
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}

	.header .logo img, 
	.header .logo{
		width: 174px;
		margin-right: auto;
    	margin-left: auto;
	}

	.header .raskroy-contacts{
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
	}

}

@media (max-width: 767px){
	.banner-background{
		display: none;
	}

	.main-banner .banner-text{
		width: 100%;
		max-width: 100%;
		text-align: center;
	}

	.main-banner .banner-text .text-wrap{
		width: 100%;
	}

	.banner-text p{
		width: 100%;
		max-width: 100%;
	}

	.banner-text ul li{
		margin-bottom: 20px;
	}

	.header .raskroy-contacts .raskroy-contacts__tel{
		font-size: 18px;
	}

	.header .raskroy-contacts{
		-ms-flex-item-align: center;
		    -ms-grid-row-align: center;
		    align-self: center;
	}

	.banner-text p{
		margin-bottom: 35px;
	}

	.banner-text ul{
		margin-bottom: 20px;
	}
}

@media (max-width: 450px){
	

	.banner-text ul li{
		text-align: center;
		/*width: 100%;*/
	}

	.about-photos .photos-list .photo:nth-child(3n){
		margin-right: auto;
	}

	.container{
		padding: 0 15px;
	}


}

@media (max-width: 435px){
	.header .raskroy-contacts .raskroy-contacts__tel{
		font-size: 14px;
		
		line-height: 14px;
	}

	.header .logo img, .header .logo{
		width: 140px;
		margin-left: 0;
	}
}

@media (max-width: 360px){
	.header .logo img, 
	.header .logo{
		width: 110px;
	}

	.header .raskroy-contacts .raskroy-contacts__tel{
		margin-bottom: 0;
	}

	.header .raskroy-contacts .raskroy-contacts__email{
		display: none;
	}

	.banner>.container{
		padding: 0 10px;
	}

	.banner-text ul{
		font-size: 12px;
	}
}

/* блок о нас*/
.about{
	background: -webkit-gradient(linear, left top, right top, color-stop(51%, #55CE37), color-stop(49%, #ffffff));
	background: -o-linear-gradient(left, #55CE37 51%, #ffffff 49%);
	background: linear-gradient(to right, #55CE37 51%, #ffffff 49%);
	color: #ffffff;
	padding-bottom: 122px;
	margin-top: -68px;
}

.about .about-wrap{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 88px;
}

.about .about-wrap .about-accent{
	width: 51%;
	padding-top: 82px;
	

}

.about .mCSB_scrollTools .mCSB_dragger{
	height: 50px;
}

.about .about-wrap .about-accent .about-accent-text{
	font-style: italic;
	font-weight: 600;
	font-size: 14px;
	line-height: 26px;
	color: #FFFFFF;
	padding-left: 42px;
	/*border-left: 3px solid #FFFFFF;*/
	margin-bottom: 110px;
	max-width: 531px;
	position: relative;
}

.about .about-wrap .about-accent .about-accent-text:before{
	content: '';
	position: absolute;
	left: 0;
	top: 5px;
	width: 3px;
	height: 89px;
	background-color: #ffffff;
}



.about .about-wrap .about-story{
	width: 49%;
	padding-top: 88px;
	font-weight: 500;
	font-size: 14px;
	line-height: 26px;
	color: #6B6B6B;
	max-height: 605px;
	padding-left: 72px;
}

.about .about-wrap .about-story ul{
	list-style: disc;
	list-style-position: inside;
}

.about .about-wrap .about-story p + p{
	margin-top: 30px;
}

.about .about-wrap .about-story p{
	max-width: 420px;
	margin-right: 0;
}

.about h2{
	font-family: 'Montserrat';
	font-weight: 900;
	font-size: 42px;
	line-height: 52px;
	margin-bottom: 84px;
	color: #ffffff;
	text-transform: none;
}

.about .list-stats{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	/*justify-content: center;*/
}

.about .list-stats .list-stats-item{
	font-weight: 600;
	font-size: 18px;
	line-height: 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    margin-right: 84px;
	margin-bottom: 15px;
}

.about .list-stats .list-stats-item .numeral{
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 900;
	font-size: 72px;
	line-height: 60px;
	margin-right: 20px;
}

.about .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	/*height: 50px;*/
	width: 6px;
	background-color: #55CE37;
	border-radius: 3px;
}

.about .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:hover{
	background-color: #55CE37;
}

.about .mCS-dark.mCSB_scrollTools .mCSB_draggerRail{
	background: rgba(0, 0, 0, 0.05);
	border-radius: 3px;
	width: 4px;
}

.about .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
.about .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.about .mCS-dark.mCSB_scrollTools .mCSB_dragger:focus .mCSB_dragger_bar{
	background-color: #55CE37;
	outline: none;
}

/*.about .mCSB_scrollTools{
	right: -6px;
}*/

.about-photos{
	margin-top: -122px;
	margin-bottom: 130px;
}

.highlight{
	margin-top: 0;
}

.about-photos .photos-list{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-left: 11px;
}

 .about-photos .photos-list .photo{
	margin-right: 11px;
	margin-left: 11px;
}

@media (max-width: 1460px){
	.about .about-wrap .about-story{
		padding-left: 40px;
	}

	.about .about-wrap .about-story p{
		max-width: 100%;
	}

	.about .about-wrap .about-accent .about-accent-text:before{
		height: 100%;
	}

	.about-photos .photos-list{
		padding-left: 0;
	}

	.about-photos .photos-list .photo{
		width: calc(33.3% - 14px);
		margin-left: 0;
		margin-right: 21px;
	}

	.about-photos .photos-list .photo:nth-child(3n){
		margin-right: 0;
	}
}

@media (max-width: 1340px){
	.about{
		margin-top: 0;
	}

	.about .about-wrap .about-accent{
		padding-top: 40px;
		padding-right: 10px;
	}

	.about .about-wrap .about-story{
		padding-top: 50px;
	}
}

@media (max-width: 1024px){
	.about .list-stats .list-stats-item{
		margin-right: 30px;
	}

	.about .list-stats .list-stats-item:last-child{
		margin-right: 0;
	}

	.about h2{
		margin-bottom: 40px;
	}

	.about .about-wrap .about-accent .about-accent-text{
		margin-bottom: 40px;
		padding-right: 10px;
	}

	.about .about-wrap{
		margin-bottom: 40px;
	}

	.about-photos{
		margin-bottom: 25px;
	}
}

@media (max-width: 910px){
	.about .list-stats .list-stats-item{
		font-size: 16px;
    	line-height: 18px;
	}

	.about .list-stats .list-stats-item .numeral{
		font-size: 60px;
    	line-height: 48px;
    	margin-right: 10px;
	}

	.about h2{
		font-size: 26px;
		line-height: 32px;
	}
}

@media (max-width: 768px){
	/*.about .about-wrap .about-story{
		overflow-y: scroll;
	}*/
}

@media (max-width: 767px){
	.about .list-stats{
		display: block;
	}

	.about .list-stats .list-stats-item{
		margin-bottom: 20px;
	}	
}

@media (max-width: 650px){
	.about{
		background: none;
	}

	.about .about-wrap{
		display: block;

	}

	.about .about-wrap .about-accent{
		width: 100%;
	}

	.about .about-wrap .about-accent .about-accent-text{
		max-width: 100%;
		padding-right: 5px;
		padding-left: 20px;
	}

	.about .about-wrap .about-story{
		width: 100%;
		padding-right: 0;
		max-height: 400px;
		padding-top: 30px;
	}

	.about .about-wrap .about-story p + p{
		margin-top: 10px;
	}

	.about .about-wrap .about-accent{
		background-color: #55CE37;
		padding-left: 20px;
		padding-bottom: 30px;
		padding-right: 10px;
	}

	.about .about-wrap .about-story{
		padding-left: 0;
	}

	.about-photos .photos-list .photo{
		display: block;
	}

	.about-photos .photos-list{
		display: block;
	}

	.about-photos .photos-list .photo{
		width: auto;
		max-width: 100%;
		margin-bottom: 20px;
		margin-right: auto;
		margin-left: auto;

	}

	.about .list-stats{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}

	.about .mCSB_inside>.mCSB_container{
		margin-right: 20px;
	}

	.about-photos .photos-list .photo:nth-child(3n){
		margin-right: auto;
	}
}

/* footer*/
.footer{
	padding-top: 69px;
	position: relative;
    z-index: 1;
}

.footer .top-line{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	margin-bottom: 26px;
}

.footer .top-line h2{
	margin-right: auto;
}

.footer .top-line .contacts-list{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	padding-top: 10px;
}

.footer .top-line .contacts-list .contact-item + .contact-item{
	margin-left: 70px;
}

.footer .top-line .contacts-list .contact-name{
	font-family: Montserrat;
	font-weight: 500;
	font-size: 12px;
	line-height: 15px;
	text-transform: uppercase;
	color: #AFAFAF;
	margin-bottom: 12px;
}

.footer .top-line .contacts-list .contact-value{
	font-family: Montserrat;
	font-weight: 900;
	font-size: 18px;
	line-height: 22px;
	color: #221D1A;
}

#map{
	max-width: 100%;
	margin-bottom: 83px;
}

.footer .bottom-line{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	margin-bottom: 25px;
}

/*.footer .raskroy-contacts{
	padding-top: 32px;
}*/

.footer .logo{
	padding: 0;
}

.footer .copyright{
	text-align: center;
	font-family: Montserrat;
	font-weight: 500;
	font-size: 12px;
	line-height: 15px;
	color: #878787;
	
	margin-right: auto;
	margin-left: auto;
}

.footer .header-menu{
	margin-right: 0;
}

/*копирайт*/

  .footer-developer {
    /* font-weight: 300; */
    font-size: 12px;
    color: #777;
    
}

.footer-bottom{
	display: flex;
	align-items: center;
	margin-bottom: 44px;
}



.copyrights_author {
    -ms-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    font-size: 12px;
    font-weight: normal;
    color: rgb(160, 160, 160);
    line-height: 1.2;
    text-align: right;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none;
    -webkit-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    opacity: .75;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.copyrights_author img {
    width: 20px;
    margin-right: 5px;
}

.copyrights_author:hover {
    opacity: 1;
    color: rgb(160, 160, 160);
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}

@media (max-width: 1070px){
	.footer .top-line .contacts-list .contact-item + .contact-item {
    	margin-left: 30px;
	}

	.footer .raskroy-contacts{
		padding-top: 0;
	}
}

@media (max-width: 990px){
	.footer .top-line{
		display: block;
	}

	.footer .top-line .contacts-list .contact-value{
		font-size: 17px;
		line-height: 20px;
	}

	.footer{
		padding-top: 30px;
	}

	#map{
		margin-bottom: 30px;
	}
}

@media (max-width: 767px){
	.footer .top-line .contacts-list{
		display: block;
	}

	.footer .top-line .contacts-list .contact-item + .contact-item{
		margin-left: 0px;
		margin-top: 10px;
	}

	.footer .top-line .contacts-list .contact-name{
		margin-bottom: 5px;
	}

	footer .top-line .contacts-list .contact-value {
    font-size: 16px;
    line-height: 18px;
	}
}

@media (max-width: 750px){
	.footer .bottom-line{
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		margin-bottom: 20px;
	}

	.footer .footer-menu{
		margin-right: 0;
		margin-left: 0;
		margin-bottom: 10px;
	}

	.footer .logo{
		-webkit-box-ordinal-group: 2;
		    -ms-flex-order: 1;
		        order: 1;
	}

	.footer .raskroy-contacts{
		-webkit-box-ordinal-group: 3;
		    -ms-flex-order: 2;
		        order: 2;
	}

	.footer .nav-list{
		padding-top: 0;
	}
}

@media (max-width: 465px){
	.footer .footer-menu{
		display: none;
	}

	.footer .raskroy-contacts{
		-ms-flex-item-align: start;
		    align-self: flex-start;
	}

	.footer .bottom-line {
    	margin-bottom: 20px;
	}
}

@media (max-width: 445px){
	.footer-bottom{
		flex-direction: column;
		justify-content: flex-start;
	}

	.footer .copyright{
		margin-bottom: 10px;
	}
}

/* калькулятор*/
#explore{
	background: #FFFFFF;
	-webkit-box-shadow: 0px 1px 35px rgba(0, 0, 0, 0.06);
	        box-shadow: 0px 1px 35px rgba(0, 0, 0, 0.06);
	padding-top: 38px;
	margin-top: 99px;
	text-align: left;
	padding-left: 76px;
	padding-right: 73px;
	padding-bottom: 68px;
	z-index: 2;
    position: relative;

}

#explore h2{
	margin-bottom: 21px;
}

#explore .site-calc{
	margin-bottom: 14px;
}

#explore #raschet{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 30px;
	/*flex-wrap: wrap;*/
}

.wrap .chosen-single{
	width: 193px;
}

#explore .wrap .chosen-container-single .chosen-drop{
	width: 193px;
}

#raschet .chosen-container{
	width: 193px !important;
	font-family: Montserrat;
	font-weight: 500;
	font-size: 12px;
	line-height: 20px;
	color: #6B6B6B;
}

.as-seen-on{
	margin-bottom: 0;
}

#raschet  #edge_chosen,
#raschet  #torec_val_chosen{
	width: 115px !important;
}

#edge_chosen .chosen-single,
#torec_val_chosen .chosen-single{
	width: 115px;
}

#explore .as-seen-on{
	border-bottom: 0;
	font-family: Montserrat;
	font-weight: 800;
	font-size: 12px;
	line-height: 20px;
	color: #262626;
	margin-top:0;
	margin-bottom: 15px;
}

#explore #dekor_kromka{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}


/*.plita_size{
	position: absolute;
	display: none;
}*/

#explore .wrap{
	margin-right: 14px;
	margin-top: 10px;
}

#dekor_plita{
	margin-right: 54px;
}

#explore .action_td{

}

#dekor_plita .chosen-container,
#dekor_plita .chosen-single,
#dekor_plita .chosen-drop,
#kromka_val_chosen .chosen-container,
#kromka_val_chosen .chosen-single,
#kromka_val_chosen .chosen-drop{
	width: 277px !important;
}

#dekor_plita .choice{
	font-family: Montserrat;
	font-weight: 500;
	font-size: 13px;
	line-height: 15px;
	color: #C7C7C7;
	padding-left: 14px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}


#dekor_plita .choice span{
	font-family: Montserrat;
	font-weight: 500;
	font-size: 13px;
	line-height: 15px;
	color: #C7C7C7;
}

#dekor_plita .choice #auth-link{
	-webkit-text-decoration-line: underline;
	        text-decoration-line: underline;
	color: #106F25;
	font-family: 'Montserrat';
	font-weight: 500;
	border-bottom: none;
	font-size: 13px;
	line-height: 15px;
}

.chosen-container-single .chosen-single span{
	font-family: 'Montserrat';
font-style: normal;
font-weight: 500;
font-size: 12px;
line-height: 20px;
color: #6B6B6B;
}

#width_plita{
	margin-right: 12px;
}

#explore .select_div{
	width: auto;
	margin-top: 10px;
}

#explore{
	max-width: 1290px;
}


.kromka_opt-wrap{
	margin-right: 13px;
}


.select2-dropdown .mCSB_scrollTools .mCSB_dragger{


width: 6px;
height: 20px;

background: #D2B894;
-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);
        box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);
border-radius: 3px;
right: 4px;
}

.select2-dropdown .mCSB_scrollTools{
	width: 13px;
}

.select2-dropdown .mCSB_inside>.mCSB_container {
    margin-right: 14px;
}

.select2-dropdown .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	background: #D2B894;
	width: 6px;
}

.select2-dropdown  .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	background-color: #D2B894;
}

.select2-dropdown  .mCSB_inside>.mCSB_container{
	margin-right: 18px;
}

.chosen-container-single .chosen-search{
	margin-bottom: 10px;
}

.select2-dropdown .mCSB_scrollTools .mCSB_draggerRail{
	background: rgba(0, 0, 0, 0.08);
	/*height: 96px;*/
}

.select2-dropdow .select2-container--default .select2-search--dropdown .select2-search__field{

}



.mat_edge{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}



#explore .table .form-control{
	background: #F9FBFB;
/*border: 1.2px solid rgba(85, 206, 55, 0.08);*/
border: 1px solid #D2B894;
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.03);
        box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.03);
border-radius: 0;
height: 37px;
font-family: Montserrat;
font-weight: 500;
font-size: 12px;
line-height: 20px;
color: #6B6B6B;
/*margin-left: 12px;*/
/*margin-left: 5px;*/
}


#explore .table .form-control:-internal-autofill-selected{
	background-color: #F9FBFB !important;
}


#explore .table .form-control.text_input{
	width: 179px;
	/*margin-right: 9px;*/
}

#explore .table .chosen-container-single .chosen-single,
#explore .table .chosen-container-single .chosen-drop{
	width: 99px;
}

#explore .table .form-control.len_input,
#explore .table .form-control.width_input,
#explore .table .form-control.count_input{
	width: 63px;
}

#explore .table .form-control.width_input{
	/*margin-right: 2px;*/
}

#explore .table .texture .chosen-single,
#explore .table .texture .chosen-drop
/*#explore .table .chosen-container-single-nosearch .chosen-single,
#explore .table .chosen-container-single-nosearch .chosen-drop*/{
	width: 147px;
}

#explore #auth-link,
#explore p a{
	color: inherit;
	-webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    color: #55CE37;
}

#explore .table-hover>tbody>tr:hover>td, 
#explore .table-hover>tbody>tr:hover>th,
#explore .table-hover>tbody>tr>td, 
#explore .table-hover>tbody>tr>th{
	background-color: transparent;
}
#explore .table-hover>tbody>tr.saw.control .forloopcounter{
	width: 37px;
	/*height: 39px;*/
	background-color: #D2B894;
	font-family: Montserrat;
	font-weight: 800;
	font-size: 12px;
	line-height: 20px;
	color: #FFFFFF;
	margin-right: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	text-align: center;
	height: 37px;
}

#explore .table.table-hover th{
	font-family: Montserrat;
	font-weight: 700;
	font-size: 13px;
	line-height: 16px;
	color: #262626;
	padding-right: 0;
	padding-left: 0;
	border-bottom: 0;
	vertical-align: top;
	padding-bottom: 5px;
}



#explore .table.table-hover th:first-child{
	font-size: 12px;
	padding-right: 0;
	padding-left: 0;
}

#explore .table.table-hover tr td:first-child{
	padding-left: 0;
}

#explore th.name{
	width: 192px;
}

#explore .table>tbody>tr>td{
	/*padding: 0;*/
	/*margin-bottom: 10px;*/
}

#explore .table>tbody>tr>td,
#explore .table.table-hover tr th{
	border-top: 0;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-right: 6px;
	padding-left: 6px;
}

#explore .table.table-hover tr th{
	padding-bottom: 3px;
}

#explore .table .edge-td .chosen-container,
#explore .table .texture .chosen-container{
	width: auto !important;
	/*margin-right: 6px;*/
}

#explore .table .form-control.count_input{
	/*margin-right: 5px;*/
}

#explore .result{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-right: auto;
	/*justify-content: space-between;*/
	align-items: flex-start;
}

#explore .result .btn-wrap{
	margin-left: auto;
}

#explore .result #printsaw,
#explore #orderbtn{
	font-weight: 800;
	font-size: 14px;
	line-height: 16px;
	color: #FFFFFF;
	background: #55CE37;
	border: 1.2px solid #55CE37;
	-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.03);
	        box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.03);
	width: 192px !important;
	padding-top: 15px;
	padding-bottom: 15px;
	border-radius: 0;
	margin-left: auto;
}

#explore .result .errors{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	/*-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	    /*width: 100%;*/
}

#explore .result .errors p{
	font-family: Montserrat;
	font-weight: 500;
	font-size: 12px;
	line-height: 15px;
	color: #FFFFFF;
	padding: 7px 5px 11px 11px;
	width: 237px;
	background-color: #E22626;
	-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.03);
	        box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.03);
	margin-top: 0;
	margin-right: 10px;


}

#explore .result .errors .kromkasize_error{
	width: 281px;
}

#explore div.column-2{
	/*margin-left: auto;*/
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	padding: 0;
	
}

#explore div.column-2 .task_result{
	width: 540px;
	background: #55CE37;
	-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.03);
	        box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.03);
	-webkit-box-ordinal-group: 2;
	    -ms-flex-order: 1;
	        order: 1;
	padding: 14px;
	max-width: 100%;
	position: relative;
}

#explore div.column-2 .task_result a,
#explore div.column-2 .task_result{
	font-family: Montserrat;
	font-weight: 500;
	font-size: 14px;
	line-height: 26px;
	color: #FFFFFF;	
}

#explore div.column-2 .task_result a{
	padding: 15px 30px;
	color:  #55CE37;
	background-color: #ffffff;
	display: inline-block;
    margin-top: 35px;
    font-weight: bold;
    line-height: 1;
}

/*#explore div.column-2 .task_result a{
	font-weight: 800;
    font-size: 14px;
    line-height: 16px;
    color: #FFFFFF;
    background: #55CE37;
    border: 1.2px solid #55CE37;
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.03);
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.03);
    width: 192px !important;
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 0;
    margin-left: auto;
    position: absolute;
	bottom: -20px;
}*/



/*#explore .errors + .column-2{
	width: 100%;
}*/

#explore .btn:focus, .btn:active:focus, .btn.active:focus{
	outline: none;
	outline-offset:0;
}

#explore div.column-2 #orderpanel,
#explore div.column-2 #orderpanel #auth-link{
	font-family: Montserrat;
font-weight: 600;
font-size: 12px;
line-height: 15px;
color: #262626;
margin-bottom: 6px;
}

#explore .table{
	padding-bottom: 12px;
}

#explore div.column-2 #orderpanel p{
	margin-top: 0;
	margin-bottom: 65px;
}

#explore div.column-2 #orderpanel #auth-link{
	color: #55CE37;
}

.chosen-container{
	width: auto !important;
}

#explore .table .action_td{
	display: flex;
	padding-left: 5px;
	padding-right: 8px;
	align-items: center;
	justify-content: space-between;
	height: 46px;
	width: 45px;
}
#explore .btn-primary, #explore .btn-edit-go1,
#explore .btn-rmv-go{
	
	background-repeat: no-repeat;
	background-position: center;
	border: none;
	-webkit-box-shadow: none;
	        box-shadow: none;
	border-radius: 0;
	background-color: transparent;

}
#explore .btn-primary{	
	background-image: url(/include/img/check-green.svg);
	width: 14px;
	height: 10px;
	padding:0;
}

#explore tr:hover .btn-primary{
	background-image: url(/include/img/check-white.svg);
}

#explore .edit{
	width: 18px;
	height: 18px;
	background-image: url(/include/img/edit-green.png);
	background-repeat: no-repeat;

}

#explore tr:hover .edit{
	background-image: url(/include/img/edit-white.png);
}

#explore .btn-edit{
	position: relative;
}

#explore .btn-edit:hover{
	cursor: pointer;
}

#explore .btn-edit:after{
	content: ''; 
    position: absolute; 
    left: 7px; 
    top: -19px;
    border: 4px solid transparent;
    border-top: 4px solid #55CE37;
    /*opacity: 0;
    transition: opacity .2s; */
    visibility: hidden;
    transition: hidden .2s;


}

#explore .btn-edit:before{
	width: 96px;
	height: 36px;
	background-color: #55CE37;
	position: absolute;
	top: -55px;
	left: -36px;
	font-family: Montserrat;
	font-style: normal;
	font-weight: 700;
	font-size: 10px;
	line-height: 12px;
	text-align: center;
	color: #FFFFFF;
	display: flex;
	align-items: center;
	justify-content: center;
	/*opacity: 0;
    transition: opacity .2s;*/
    visibility: hidden;
}

#explore .btn-edit:hover:after,
#explore .btn-edit:hover:before{
	/*opacity: 1;*/
	visibility: visible;
}

#explore .edit.btn-edit:before{
	content: 'Редактировать деталь';

}

#explore .loading.btn-edit:before{
	content: 'Загрузить файл';
}

#explore .btn-add-go.btn-edit:before{
	content: 'Добавить';
	top: -59px;
}

#explore .btn-add-go.btn-edit:after{
	top: -23px;
}

#explore .btn-rmv-go.btn-edit:before{
	content: 'Удалить';
}

#explore .loading{
	width: 18px;
	height: 18px;
	background-image: url(/include/img/upload-green.svg);
	background-repeat: no-repeat;

}

#explore tr:hover .loading{
	background-image: url(/include/img/upload-white.svg);
}

#explore .glyphicon:before{
	display: none;
	content: '';
}

#explore .btn-rmv-go{
	background-image: url(/include/img/x-red.svg);
	width: 10px;
	height: 11px;
	background-repeat: no-repeat;
	padding: 0;
}


#explore .btn-edit-go1{
	background-image: url(/include/img/p-red.svg);
	width: 10px;
	height: 11px;
	background-repeat: no-repeat;
	padding: 0;
}

#explore tr:hover .btn-rmv-go{
	background-image: url(/include/img/x-white.svg);
}

#explore tr:hover .btn-edit-go1{
	background-image: url(/include/img/p-white.svg);
}

#explore .action_td{
	text-align: right !important;
}

#explore .table tbody tr:hover{
	background: #D2B894;
}
 .select2-container--default .select2-search--dropdown .select2-search__field{
	background: url(/upload/icons/loupe.svg);
	background-repeat: no-repeat;
	background-position: 96% center;
	background-color: #ffffff;
	border: 1.2px solid rgba(210, 184, 148, 0.08);
	-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.03);
	        box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.03);
	padding: 9px 31px 9px 9px;
	height: 32px;
}

.select2-container--default .select2-search--dropdown .select2-search__field:active,
.select2-container--default .select2-search--dropdown .select2-search__field:focus{
	outline: none;
}

/*.chosen-search input[placeholder],          
.chosen-search input::-moz-placeholder,      
.chosen-search input:-moz-placeholder,       
.chosen-search input:-ms-input-placeholder,
.chosen-search input::placeholder,*/
 .select2-container--default .select2-search--dropdown .select2-search__field::-webkit-input-placeholder {
	font-family: Montserrat;
font-style: italic;
font-weight: 500;
font-size: 12px;
line-height: 20px;
color: #C7C7C7;
}    

.select2-search--dropdown{
	padding-left: 14px;
	padding-right: 8px;
	padding-top: 0px;
	padding-bottom: 15px;
}

#explore .chosen-container-single .chosen-single span{
	margin-right: 0;
	padding-right: 26px;
	position: relative;
}

#explore .chosen-container-single .chosen-single{
	position: relative;
}

#explore .chosen-container-single.chosen-with-drop .chosen-single:after{
	content: '';
	width: 90%;
	height: 8px;
	position: absolute;
	margin-right: 8px;
	left: 14px;
	bottom:0;
	border-bottom: 1px solid rgba(0, 0, 0, 0.08);
	/*box-sizing: border-box;*/
}

#explore .chosen-container-single.chosen-with-drop{
	border-bottom: none;
}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active  {
    background-color: #F9FBFB !important;
}

#explore .chosen-container-single .chosen-search{
	padding: 3px 10px;
}

#explore .chosen-container .chosen-results li{
	padding: 5px 5px 10px 15px;
}

#edge-modal{
	font-family: Montserrat;
}
#edge-modal .uk-modal-dialog{
	border-radius: 0;
	padding-left: 34px;
	padding-right: 12px;
}

#edge-modal .modal_mat_id{
	border: 1px solid rgba(0, 0, 0, 0.04);
	margin-right: 20px;
	width: calc(25% - 15px);
}

#edge-modal .modal_mat_id img{
	height: 71px;
	border: none;
	margin-bottom: 5px;
}

#edge-modal .mat_list{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}

#edge-modal .mat_list .modal_mat_id:nth-child(4n){
	margin-right: 0;
}

#edge-modal h3{
	font-weight: 800;
	font-size: 19px;
	line-height: 20px;
	color: #262626;
	margin-top: 10px;
	margin-bottom: 38px;
}

#edge-modal.uk-modal.uk-open{
	display: flex !important;
	align-items: center;
}

.modal_mat_id p{
font-weight: 500;
font-size: 10px;
line-height: 16px;
text-align: center;
color: #000000;

}

.modal_mat_id a{
	font-family: Montserrat;
	font-weight: 600;
	font-size: 13px;
	line-height: 16px;
	text-align: center;
	-webkit-text-decoration-line: underline;
	        text-decoration-line: underline;
	color: #D2B894;
}

#edge-modal .uk-close:after{
	content: '';
	background-image: url(/upload/icons/x-2.svg);
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
	background-position: center;

}

#edge-modal .uk-modal-dialog .uk-modal-content{
	overflow: auto;
}

.uk-modal-dialog>.uk-close:first-child {
    margin: -4px -5px 0 0;
    }

    #explore #edge-modal .mCSB_scrollTools .mCSB_dragger{
    	width: 7px;
    	height: 40px;
    }

    #edge-modal .mCS-dark.mCSB_scrollTools .mCSB_draggerRail{
    	width: 4px;
	background: rgba(0, 0, 0, 0.03);
	border-radius: 3px;
    }

    #explore #edge-modal .mCSB_inside>.mCSB_container{
    	margin-right: 24px;
    }

    .plita_size{
    	/*display: none;*/
    	position: absolute;
    left: 0;
    bottom: -26px;
    }

    #explore #raschet{
    	position: relative;
    	padding-bottom: 50px;
    	margin-bottom: 20px;
    }

    #edge-modal .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    	background: #D2B894;
    	width: 8px;
    	left: 1px;
    }

    @media(max-width: 1400px){
    	/*.table-wrap{
    	overflow-x: scroll;
    	overflow-y: auto;
    	}*/

    	#explore{
    		padding-right: 20px;
    		padding-left: 20px;
    		margin-top: 0;
    	}

    	#explore .site-calc {
    margin-bottom: 10px;
}

    	.table-wrap .table{
    		/*overflow-x: scroll;*/
    		-webkit-box-sizing: border-box;
    		        box-sizing: border-box;
    		overflow-y: auto;
    		display: inline-block;
    		position: relative;

    	}
    }

    #explore .select2-dropdown{
    	z-index: 2;
    }

  .select2-container--default .select2-selection--single{
    	background: #F9FBFB;
    	/*border: 1px solid rgba(85, 206, 55, 0.08);*/
    	border: 1px solid #D2B894;
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.03);
            box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.03);
    border-radius: 0;
    height: 38px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-left: 13px;
    outline: none;
    }

    .wrap .select2-container--default .select2-selection--single{
    	width: 195px;
    }

    #explore .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{
    	border-color: transparent transparent #D2B894 transparent;
    	border-width: 0 6px 7px 6px;
    	margin-left: -11px;
    	margin-top: 1px;
    }

     #explore .select2-container--default .select2-selection--single .select2-selection__arrow b{
    	border-color: #D2B894 transparent  transparent transparent;
    	margin-left: -10px;
    	margin-top: 2px;
    	border-width: 7px 6px 0 6px;
    }

    #explore .select2-container .select2-selection--single .select2-selection__rendered{
		padding-right: 25px;
	}


      .select2-container--default .select2-results > .select2-results__options{
     	max-height: 100%;
     }

    #explore .select2-results{
    	background: #F9FBFB;
    /*border: 1px solid #D2B894;
    box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.03);*/
    border-radius: 0;
    border-top: none;
    padding-top: 7px;
    text-align: left;
    }

    .select2-dropdown{
    	
    	background: #F9FBFB;
    border-color: #D2B894;
    -webkit-box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.03);
            box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.03);
    border-radius: 0;
    border-top: none;
    padding-top: 10px;
    margin-top: -1px;
    padding-bottom: 10px;
    }

    .select2-results__option--selectable,
    .select2-results__option--disabled{
    	font-family: Montserrat;
    font-weight: 500;
    font-size: 12px;
    line-height: 12px;
    color: #6B6B6B;
    padding: 5px 5px 10px 15px;
    }

    .select2{
    	font-family: Montserrat;
    font-weight: 500;
    font-size: 12px;
    line-height: 12px;
    color: #6B6B6B;
    }
    .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{
    	background-color:  #D2B894;
    }

    

    .select2-container.select2-container--open .select2-selection--single .select2-selection__rendered:before{
    	
    	content: '';
    	width: 96%;
    	height: 1px;
    	position: absolute;
    	bottom: 0;
    	left: 3px;

    	border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    }

    .select2-container.select2-container--default.select2-container--open .select2-selection--single{
    	outline: none;
    	border-color: #D2B894;

    }

    .select2-container--default.select2-container--disabled .select2-selection--single{
    	background-color: #F9FBFB;
    }

    .select2-container .select2-selection--single .select2-selection__rendered{
    	padding-left: 0;
    	width: 100%;
    	position: relative;
    	height: 100%;
    	padding-top: 4px;
    }

    .edge-td .select2-container{
    	width: 99px !important;
    }

    .texture .select2-container{
    	width: 147px !important;
    }

 		.select2-results{
    	/*max-height: 173px;*/
    	max-height: 240px;
    	
    }

    .kromka_opt-wrap .select2-container,
    .mat_edge .select2-container{
    	width: 277px !important;

    }

    .torec_opt-wrap .select2-container{
    	width: 114px !important;
    }

    #width_plita .select2-container{
    	width: 114px !important;
    }

    .wrap .select2-container.select2-container--open .select2-selection--single .select2-selection__rendered:before{
    	width: 91%;
    }

    .wrap .select2-results__option--selectable, 
    .wrap .select2-results__option--disabled{
    	padding-top: 0;
    	padding-bottom: 2px;
    	padding-top: 1px;
    }

    @media(max-width: 1170px){
    	#explore{
    		padding-bottom: 50px;
    	}
    	#explore #raschet{
    		-ms-flex-wrap: wrap;
    		    flex-wrap: wrap;
    		    /*margin-bottom: 10px;*/
    	}

    	#explore .as-seen-on{
    		padding-top: 0;
    		margin-bottom: 10px;
    	}

    	#explore .select2{
    		/*width: 100%;*/
    		/*margin-bottom: 20px;*/
    	}

    	#dekor_plita{
    		margin-right: 20px;

    	}


    	/*.wrap{
    		margin-bottom: 20px;
    	}*/
    }

    @media(max-width: 1024px){
    	#explore .result .errors{
    		-ms-flex-wrap: wrap;
    		    flex-wrap: wrap;
    	}
    }

    @media(max-width: 800px){
    	/*#explore #raschet{
    		-webkit-box-pack: center;
    		    -ms-flex-pack: center;
    		        justify-content: center;
    	}*/
    	/*#explore #dekor_kromka{
    		-webkit-box-orient: vertical;
    		-webkit-box-direction: normal;
    		    -ms-flex-direction: column;
    		        flex-direction: column;
    	}*/



    	/*.mat_edge{
    		-webkit-box-pack: center;
    		    -ms-flex-pack: center;
    		        justify-content: center;
    	}*/

    	
    }


    @media(max-width: 530px){
    	#edge-modal .modal_mat_id{
    		width: calc(33.3% - 7px);
    		margin-right: 10px;
    	}

    	#edge-modal .mat_list .modal_mat_id:nth-child(4n) {
    		margin-right: 10px;
		}

		#edge-modal .mat_list .modal_mat_id:nth-child(3n) {
    		margin-right: 0;
		}

		#explore .select_div{
			width: 100%;
		}

		#dekor_kromka{
			flex-wrap: wrap;
		}

		#dekor_kromka .torec_opt-wrap{
			margin-top: 10px;
		}
    }

    @media(max-width: 570px){
    		#explore div.column-2 .task_result{
    			width: 100%;
    		}
    }

    @media(max-width: 480px){

    	#explore .result .errors{
    		justify-content: center;
    	}
    	#explore .result{
    		display: block;
    	}

    	#explore .result .btn-wrap{
    		margin-right: auto;
    	}

    }

    @media(max-width: 385px){
    	#edge-modal .modal_mat_id{
    		width: calc(50% - 5px);
    	}

		#edge-modal .mat_list .modal_mat_id:nth-child(3n) {
    		margin-right: 10px;
		}

		#edge-modal .mat_list .modal_mat_id:nth-child(2n) {
    		margin-right: 0;
		}
    }

    @media(max-width: 370px){
    	.mat_edge .select2-container{
    		width: 225px !important;
    	}
    }

    .progress_div{
    	width: 100%;
    	height: 56px;
    	background-color: #ffffff;
    	background-image: url('/include/img/progress.gif');
    background-repeat: no-repeat;
    background-size: 295px auto;
    background-position: center;
    }

    .progress_gif {
    height: 77px;
    padding: 0;
    background-image: url('/include/img/progress.gif');
    background-repeat: no-repeat;
    background-size: auto 77px;
    background-position: center;
}

.errorbar {
    text-align: center;
    vertical-align: middle;
    font-size: 14px;
    color: #adadad;
    font-family: Roboto sans-serif;
}

    .task_result .progress_div{
    	position: absolute;
    	top: 0;
    	left: 0;
    	-webkit-box-shadow: none;
    	        box-shadow: none;
    	border: none;
    }

/*.uk-modal-page, .uk-modal-page body{
	overflow: scroll !important;
}*/

  /*форма авторизации*/
  .uk-modal-dialog{
  	border-radius: 0;

  }

  .uk-form input[type=text],
  .uk-form input[type=password]{
  	border-radius: 0;
  	background: #F9FBFB;
    border: 1.2px solid rgba(85, 206, 55, 0.08);
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.03);
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.03);
  }

  .uk-button-primary.uk-active, 
  .uk-button-primary:active,
  .uk-button-primary:focus, 
  .uk-button-primary:hover,
  .uk-button-primary{
  	font-weight: 800;
    font-size: 14px;
    line-height: 16px;
    color: #FFFFFF;
    background: #55CE37;
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.03);
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.03);
    border-radius: 0;
    border: none;
  }

  #auth-modal .ajax-link,
  #auth-modal a{
  	outline: none;
  	color: #106F25;
  	border: none;
  }

  #auth-modal .ajax-link{
  	text-decoration: underline;
  }

  #auth-modal .ajax-link:hover,
  #auth-modal a:hover{
  	border: none;
  }

  .uk-modal.uk-open{
  	display: flex !important;
  	align-items: center;
  }

  .uk-modal-dialog{
  	position: static;
  }

  #explore .table .form-control.input-has-error,  #explore .table .form-control.has-error {
	  border-color: #e22626 !important;
	  box-shadow: 0 0 2px rgba(226, 38, 38, 1) !important;
  }

  #explore .table .form-control.input-has-success{
	  border-color: #55ce37 ;
	  box-shadow: 0 0 2px rgba(85, 206, 55, 1);
  }



/* Стили для таблицы пазов */
  #groovesTable {
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
  }
  
  #groovesTable thead {
    background: #f8f9fa;
    font-weight: 600;
  }
  
  #groovesTable tbody tr {
    transition: background-color 0.2s;
  }
  
  #groovesTable tbody tr.table-danger {
    background: #ffebee;
  }
  
  #groovesTable input.form-control,
  #groovesTable select.form-control {
    border: 1px solid #dee2e6;
    border-radius: 4px;
  }
  
  #groovesTable input.form-control:focus,
  #groovesTable select.form-control:focus {
    border-color: #2196f3;
    box-shadow: 0 0 0 0.2rem rgba(33,150,243,0.25);
  }
  
  #groovesTable input.form-control.is-invalid {
    border-color: #dc3545;
  }
  
  /* Схема детали */
  #schemeContainer {
    background: #fff;
    border: 1px solid #dee2e6;
    border-radius: 5px;
    box-shadow: inset 0 1px 3px rgba(0,0,0,0.1);
  }
  
  /* SVG стили */
  .detail-rect {
    fill: #e3f2fd;
    stroke: #2196f3;
    stroke-width: 2;
  }
  
  .groove-rect {
    fill: #ffc107;
    stroke: #ff9800;
    stroke-width: 1;
  }
  
  .dimension-text {
    font-size: 14px;
    font-weight: bold;
    fill: #2196f3;
  }
  
  .groove-text {
    font-size: 12px;
    fill: #ff9800;
  }
  
  /* Кнопки */
  .btn-add-groove {
    margin-top: 10px;
  }
  
  /* Сообщения об ошибках */
  #validationErrors {
    font-size: 14px;
  }
  
  /* Адаптивность таблицы */
  .table-responsive {
    border: 1px solid #dee2e6;
    border-radius: 5px;
  }

.detail-rect {
  fill: #e3f2fd;
  stroke: #2196f3;
  stroke-width: 2;
}

.groove-rect {
  fill: #ff9800;
  opacity: 0.7;
}

.groove-text {
  font-size: 12px;
  fill: #ff9800;
  font-weight: 600;
}

.header {
    position: static !important;
}

.bx_catalog_tile {
    margin-top: 30px;
}
.bx_catalog_tile .bx_catalog_tile_img
 {
     background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.product-item-title {
    overflow: unset  !important;
    margin-bottom: 15px;
    text-overflow: unset  !important;
    white-space: unset  !important;
}


/* Обёртка для таблиц с горизонтальной прокруткой */
.table-wrapper {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
margin: 30px 0;
}

.table-wrapper::-webkit-scrollbar {
height: 8px;
}

.table-wrapper::-webkit-scrollbar-track {
background: #f1f1f1;
border-radius: 4px;
}

.table-wrapper::-webkit-scrollbar-thumb {
background: #888;
border-radius: 4px;
}

.table-wrapper::-webkit-scrollbar-thumb:hover {
background: #555;
}

/* Стили для таблицы сравнения */
.blog-comparison-table {
width: 100%;
min-width: 600px;
border-collapse: collapse;
font-size: 15px;
box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.blog-comparison-table th {
background: #2b7a31;
color: #fff;
padding: 15px;
text-align: left;
font-weight: 600;
white-space: nowrap;
}

.blog-comparison-table td {
padding: 15px;
border-bottom: 1px solid #eee;
vertical-align: top;
}

.blog-comparison-table tr:nth-child(even) {
background: #f9f9f9;
}

.blog-comparison-table tr:hover {
background: #f1f1f1;
}

@media (max-width: 768px) {
.blog-comparison-table {
font-size: 13px;
}
.blog-comparison-table th,
.blog-comparison-table td {
padding: 10px;
}
}

/* ===== ШАПКА ===== */
.header > .container {
    max-width: 1300px;      /* было 1140 — меню не помещалось */
    gap: 20px;
    flex-wrap: nowrap;
}

/* 1. Логотип больше и не сжимается */
.logo {
    margin-right: 0;
    flex-shrink: 0;
}
.logo img,
.header .logo img {
    width: 150px;           /* можно 250–260 */
    max-width: none;
    height: auto;
}

/* 2. Меню занимает оставшееся место и не наезжает на кнопку */
.header .header-menu {
    flex: 1 1 auto;
    min-width: 0;
    margin: 0;
}
.header .nav-list {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    gap: 4px;
}
.header .nav-list .nav-item {
    flex-shrink: 0;
    white-space: nowrap;
}
.header .nav-list .nav-item .nav-item__link {
    padding-left: 8px;
    padding-right: 8px;
    font-size: 14px;
}

/* Кнопка «Личный кабинет» — отдельный блок со своим отступом */
.header .raskroy-lk {
    flex-shrink: 0;
    margin-left: 10px;
    margin-right: 10px;
    white-space: nowrap;
    position: static;       /* если у неё absolute/float — это и даёт наезд */
    float: none;
}

/* 3. Контакты: email чёрным, блок не сжимается */
.header .raskroy-contacts {
    flex-shrink: 0;
}
.raskroy-contacts .raskroy-contacts__email,
.raskroy-contacts .raskroy-contacts__email a,
.header .raskroy-contacts a[href^="mailto"] {
    color: #221D1A !important;
}

@media (max-width: 768px) {
    .header > .container {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        gap: 10px;
        padding: 0 12px;
    }

    /* бургер — слева, в потоке, не поверх логотипа */
    .header .menu-toggle {
        position: static !important;
        flex: 0 0 28px;
        margin: 0;
        height: auto;
    }

    /* логотип рядом с бургером */
    .header .logo {
        flex: 0 0 auto;
        width: auto;
        margin: 0;
    }
    .header .logo img {
        width: 120px;
        max-width: none;
        height: auto;
    }

    /* контакты справа, компактно */
    .header .raskroy-contacts {
        margin-left: auto;
        min-width: 0;
        text-align: right;
        align-self: center;
    }
    .header .raskroy-contacts .raskroy-contacts__tel {
        font-size: 14px;
        line-height: 16px;
        white-space: nowrap;
    }
    .header .raskroy-contacts .raskroy-contacts__email {
        font-size: 12px;
        line-height: 14px;
    }

    /* кнопка «В личный кабинет» под email */
    .header .raskroy-lk {
        display: inline-block;
        margin: 4px 0 0;
        padding: 3px 6px;
        position: static;
        float: none;
    }
    .header .raskroy-lk a { font-size: 11px; }
}

@media (max-width: 380px) {
    .header .logo img { width: 100px; }
    .header .raskroy-contacts .raskroy-contacts__tel { font-size: 13px; }
    .header .raskroy-contacts .raskroy-contacts__email { display: none; } /* уже есть в меню/футере */
}

.header .nav-list .nav-item .nav-item__link {
    padding-top: 20px;
    padding-bottom: 0px;
}