@font-face {
	font-family: 'ALSRublRegular';
	src: url('../fonts/rouble-webfont.eot');
	src: local('O'), url('../fonts/rouble-webfont.woff') format('woff'), url('../fonts/rouble-webfont.ttf') format('truetype'), url('../fonts/rouble-webfont.svg#webfontebzvbCHZ') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "MDicon";
	src: url("../fonts/mdicon.eot");
	src: url("../fonts/mdicon.eot#iefix") format("embedded-opentype"),
	url("../fonts/mdicon.woff") format("woff"),
	url("../fonts/mdicon.ttf") format("truetype"),
	url("../fonts/mdicon.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}
.left {float: left;}
.right {float: right;}

html {
	height: 100%;
}
.inline {display: inline-block;}
body {
	margin:0;
	color:#474747;
	font:16px/22px 'MyriadProRegular', sans-serif;
	/*background:#efe9cf url(../images/main-bg.png);*/
	min-width: 320px;
	height: 100%;
	-ms-text-size-adjust: none;
	-webkit-text-size-adjust: none;
}
img {
	border-style:none;
}
a {
	color:#b1312d;
	text-decoration: underline;
	outline:none;
	-webkit-transition: all 0.2s ease 0s;
	-moz-transition: all 0.2s ease 0s;
	-o-transition: all 0.2s ease 0s;
	transition: all 0.2s ease 0s;
}
/* a:visited {
	text-decoration: none;
	color: #6b0300;
} */
a:hover {
	text-decoration: none;
	color: #fe7309;
}
* {
	outline:none;
}
input, textarea, select, button {
	font:100% 'MyriadProRegular', sans-serif;
	vertical-align:middle;
}
form, fieldset {
	margin:0;
	padding:0;
	border-style:none;
}
header,
nav,
section,
article,
aside,
footer,
figure,
menu,
dialog {
	display: block;
}
p {
	margin: 0 0 22px;
}
h1 {
	font: 40px/44px 'myriadprothin', sans-serif;
	margin: 0 0 11px;
	color: #000;
}
h2 {
	font: 36px/40px 'myriadprothin', sans-serif;
	margin: 0 0 16px;
	color: #000;
}
h3 {
	font: 30px/34px 'myriadprothin', sans-serif
	margin: 0 0 15px;
	color: #000;
}
h4 {
	font: 26px/30px 'myriadprothin', sans-serif;
	margin: 0 0 10px;
	color: #000;
}
h5 {
	font: 24px/26px 'myriadprothin', sans-serif;
	margin: 0 0 20px;
	color: #000;
}
h6 {
	font: 22px/24px 'myriadprothin', sans-serif;
	margin: 0 0 20px;
	color: #000;
}
p + h2 {
	margin-top: 49px;
}
big {
	font-size: 18px;
}
small {
	font-size: 14px;
}
strong {
	font-weight: normal;
	font-family: 'MyriadProBold', sans-serif;
}

.red {color: #c14040;}
.bold{font-weight: bold;}

.filter-form form .brand-list {
	padding: 0px;
	list-style: none;
	column-count: 2;
}
	.filter-form form .brand-list li {
		position: relative;
	}
/* header */
#header {

}
.header-row {
    padding-top: 32px;
}
	.container {
		width: 1180px;
		margin: auto;		
	}
	.header-row .container {
		width: 1150px;
		position: relative;
	}
		.header-slogan {
			position: absolute;
			left: 212px;
			color: #0072a8;
			font-family: segoe script;
			font-size: 23px;
		}
		.small-cart {
			position: absolute;
			right: 102px;
			padding-left: 40px;
			font-size: 14px;
			display: none;
		}
			.small-cart:before {
				content: '';
				position: absolute;
				left: 0px;
				background: url(../images/small-cart.png) no-repeat;
				width: 36px;
				height: 30px;
				display: block;
				background-size: contain;
			}
			.small-cart .cart-quant {
				width: 9px;
				padding: 0px 12px;
				height: 16px;
				background: #a51919;
				border-radius: 10px;
				color: #FFF;
				font-size: 14px;
				line-height: 16px;
			}
		.header-info {
			float: right;
			margin-top: 33px;
			margin-top: 14px;
			text-align: right;
		}
			.header-col {
				/*display: inline-block;*/
				margin-left: 120px;
				vertical-align: middle;
				position: relative;
			}
			.header-col:first-child {
				margin-left: 0px;
			}		
			.header-col.search-block {
				display: none;
			}			
				.header-col div {
					display: inline-block;
				}
				.header-col img {
					vertical-align: middle;
				}
				.header-col.callback.fixed {
					position: fixed;
					right: -50px;
					transform: rotate(-90deg) translateY(-50%);
					top: 50%;
					z-index: 1000;
				}
				.header-col .callback-button {
					border: 1px solid #b95d45;
					border-radius: 6px;
					background: #fff;
					font-size: 15px;
					margin-left: 5px;
					transition: all 0.5s ease;
				}
				.header-col .callback-button:hover {
					background: #b95d45;
				}
					.header-col .callback-button a {
						display: block;
						color: #b95d45;
						text-decoration: none;
						padding: 6px 28px;
						font-size: 19px;
						transition: all 0.5s ease;
					}
					.header-col .callback-button:hover a {
						color: #FFF;
					}
				.header-col.phones {
					/*font-weight: bold;*/
					font-size: 28px;
					margin-left: 74px;
					margin-bottom: 14px;
				}
				.header-col.contact-info {
					font-size: 14px;
					line-height: 1.2em;
					padding-left: 35px;	
					display: none;					
				}
					.header-col.contact-info:before {
						content: '';
						position: absolute;
						left: 0px;
						width: 35px;
						height: 31px;
						background: url('../images/contact-icon.png') center center no-repeat;
						background-size: contain;
					}
					.header-col .input-field {
						border: 1px solid #b6b6b6;
						/* border-radius: 7px; */
						padding: 7px 10px;
						width: 184px;
						position: relative;
					}
						.header-col .input-field input {
							border: none;
							font-size: 15px;
							width: 140px;
							transition: all 0.5s ease;
						}
						.header-col .input-field input:focus {
							width: 184x;
						}
						.header-col  button.submit-button {
							height: calc(100% + 2px);
							border: none;
							position: absolute;
							right: 0px;
							top: -1px;
							background: #0066aa;
							padding: 0px 16px;
							cursor: pointer;
							transition: all 0.5s ease;
						}
						.header-col  button.submit-button:hover {
							background: #41abf2;
						}
						.header-col .input-field input:focus + button {
							right: -53px;
						}
#header .header-top-row .container {
    overflow:  hidden;
    width: 935px;
}
.header-left {
    float: left;
    width: calc(100% - 250px);
}
.header-left .header-link {
    padding-left: 40px;
}
.header-left .header-link a {
    color: #000;
    font-style: italic;
    font-size: 22px;
}
.header-left .header-col.callback {
    margin-left: 49%;
    margin-left: 57%;
}
.header-left .header-col.callback .callback-button {
/*    border-color: #f8be19;*/
}

.header-left .logo-block {
    margin-right: 21%;    
    position: relative;
    top: -11px;
}
.header-left .logo-block img {
    width: 321px;
    max-height: 112px;
}
.header-left .header-button {
    display: inline-block;
    margin-top: 23px;
    text-align: center;
    margin-right: 27px;
}
.header-left .header-button  img {
    margin-bottom: 5px;
}
.header-left .header-button a {
    color: #000;
    font-size: 17px;
    letter-spacing: 0.5px;

}
.header-right {
    float: right;
}
.header-right .header-phone {
    font-size: 28px;
    line-height: 1.25em;
}
.header-right .contact-link {
    text-transform: uppercase;
    display: block;
    text-align: center;
    font-style: italic;
    font-size: 25px;
    margin-top: 5px;
    color: #000;
    letter-spacing: 0.5px;
    margin-bottom: 8px;
}
.header-menu {
	background: #a51919;
	background: #deeaf6;
}
.header-menu.sticked {
    position: fixed !important;
    bottom: auto !important;
    top: 0px !important;
    z-index: 999;
	box-shadow: 0px 2px 3px rgba(0,0,0,.2);
}
	.header-menu .container {
		
	}
		.header-menu .main-menu {
			display: flex;
			list-style: none;
			align-items: center;
			text-align: center;
			font-size: 19px;
			padding-left: 0px;
			margin: 0px;
		}
			.header-menu .main-menu li {
				flex: 1 1 auto;
				position: relative;
				transition: all 0.5s ease;
			}
				.header-menu .main-menu li:before {
					content: '';
					position: absolute;
					bottom: 2px;
					left: 0px;
					width: 100%;
					height: 1px;
					background: #fff;
					transform: scale(0);
					transform-origin: center;
					transition: all 0.5s ease;
				}
				.header-menu .main-menu li:hover {
					background: #a6c6e6;
				}
				.header-menu .main-menu li:hover:before {
					transform: scale(1);
				}
				.header-menu .main-menu li a {
					color: #FFF;
					color: #1e0f52;
					text-decoration: none;
					display: block;
					width: 100%;
					padding: 11px 0px;
				}
				.header-menu .main-submenu {
					position: absolute;
					background: rgba(222, 234, 246, 0.90);
					list-style: none;
					padding-left: 0px;
					top: 44px;
					width: 350px;
					/*padding: 0 20px;*/
					text-align: left;
					z-index: 100;
					display: none;
					overflow: hidden;
					transition: all 0.5s ease-out;
				}
				.header-menu .main-submenu.visible {
					
				}
				.header-menu .main-menu li:hover .main-submenu {
					display: block;
				}
					.header-menu .main-submenu li {
						border-bottom: 1px solid #FFF;
						padding: 16px 20px;
					}
					.header-menu .main-submenu li:hover {
						background: #a5c6e6;
					}
					.header-menu .main-submenu li:before {
						content: none;
					}
					.header-menu .main-submenu li a {
						color: #1e0f52;
						text-decoration: none;
						padding: 0;
					}
.main-content {
	
}
	.banner-content .owl-controls {
		position: absolute;
		bottom: 20px;
		right: 30px;
	}
		.owl-dot {
			display: inline-block;
			margin: 0px 6px;
		}
			.owl-dot span {
				width: 15px;
				height: 15px;
				background: #eee;
				display: block;
				border-radius: 50%;
				border: 1px solid #999;
			}
			.owl-dot.active span {
				background: #be1b1b;
			}
	.features {
		font-size: 0px;
		margin: 25px 0;
	}
		.features-icon {
			display: inline-block;
			padding: 0px 20px;
			width: calc(20% - 46px);
			text-align: center;
			vertical-align: top;
			position: relative;
			margin: 0px 3px;
		}
			.features-icon a {
				text-decoration: none;
				color: #a51919;
			}
			.features-icon i:before {
				content: '';
				position: absolute;
				background: #a51919;
				width: 2px;
				height: 100%;
				top: 0px;
				left: 0px;
				transform-origin: top;
				transform: scale(0);
				transition: all 0.3s ease;
			}
				.features-icon i.bottom:before {
					left: auto;
					right: 0px;
					transform-origin: bottom;
				}
				.features-icon:hover i:before {
					transform: scale(1);
				}
				
			.features-icon i:after {
				content: '';
				position: absolute;
				background: #a51919;
				width: 100%;
				height: 2px;
				left: 0px;
				transform-origin: right;
				transform: scale(0);
				transition: all 0.3s ease 0.3s;
			}
				.features-icon i.bottom:after {
					bottom: 0px;
					top: auto;
					transform-origin: left;
				}
				.features-icon:hover i:after {
					transform: scale(1);
				}
			.features-pic {
				width: 100px;
				height: 85px;
				margin: auto;
				margin-top: 30px;
				margin-bottom: 30px;
				background-size: contain;
				background-repeat: no-repeat;
				background-position: center;
			}
		.features-popup {
			text-align: center;
		}
			.features-popup img {
				max-width: 135px;
				max-height: 125px;
				margin-bottom: 40px;
				margin-top: 40px;
			}
			.popup-text {
				text-indent: 15px;
				text-align: justify;
				font-size: 20px;
				line-height: 1.3em;
			}
 	.mainpage-catalog {
		
	}
		.section-catalog {
			font-size: 0px;
		}
			.section-item {
				width: calc(25% - 9px);
				height: 200px;
				margin-right: 12px;
				margin-bottom: 45px;
				display: inline-block;
				text-align: center;
				vertical-align: top;
				position: relative;
				overflow: hidden;
			}
			.section-item:nth-child(4n) {
				margin-right: 0px;
			}
				.section-picture {
					height: 100%;
					width: 100%;
					position: absolute;
					background-size: cover;
					transform-origin: center;
					transition: all 2.5s ease-in-out;
				}
				.section-item:hover .section-picture {
					transform: scale(1.2);
				}
				.title-area {
					height: 60px;
					line-height: 60px;
					background: #ffc000;
					opacity: 0.9;
					transition: all 0.5s ease;
				}
				.section-item:hover .title-area {
					background: #309dd2;
				}
					.title-area h6 {
					    font-weight: bold;
						color: #000;
						line-height: 60px;
						margin-bottom: 0px;
						transition: all 0.3s ease;
					}
					.title-area:hover h6 {
						color: #FFF;
					}	
						.title-area h6 span {
							line-height: 1.0em;
							display: inline-block;
							vertical-align: middle;
							position: relative;
							padding: 0px 10px;
							/*padding-top: 10px;*/
						}
							.title-area h6 span:before {
								content: '';
								position: absolute;
								bottom: -2px;
								left: 25%;
								width: 50%;
								height: 1px;
								background: #FFF;
								transform-origin: center;
								transform: scale(0);
								transition: all 0.5s ease;
							}
						.section-item:hover .title-area h6 span:before {
							transform: scale(1);
						}
	.text-content-block {
		overflow: hidden;
	}
	.catalog-elements .text-content-block {
		margin-top: 20px;
	}
		.text-content-block img {
			float: left;
		}
		.text-content-block .brand-description {
			margin-left: 220px;
		}
		
		.text-content {
			
		}
			.text-content p {
				text-indent: 20px;
				margin-bottom: 15px;
				font-size: 18px;
				line-height: 1.4em;
				text-align: justify;
			}
	.accessories-block {
		margin-top: 120px;
		margin-left: 23px;
		margin-bottom: 20px;
		font-size: 0px;
	}		
	.with-filter .accessories-block {
		margin-left: -12px;
	}
		.accessory-item {
			width: 249px;
			height: 240px;
			background-size: cover;
			position: relative;
			display: inline-block;
		}
		.with-filter .accessory-item {
			/*width: 100%;*/
		}
			.accessory-item  .title {
				position: absolute;
				bottom: 0px;
				left: 0px;
				width: 100%;
				text-align: center;
				background: rgba(255, 255, 255, 0.7);
				opacity: 0;
				transition: all 0.5s ease;
			}
			.accessory-item:hover .title {
				opacity: 1;
			}
				.accessory-item  .title a {
					text-decoration: none;
					color: #000;
					text-transform: uppercase;
					width: 100%;
					font-size: 16px;
					padding: 15px 0px;
					display: inline-block;
					
				}
		.accessories-block .owl-prev, 
		.accessories-block .owl-next ,
		.owl-prev, 
		.owl-next {
			position: absolute;
			top: 0%;
			left: 0px;
			height: 100%;
			width: 40px;
		}
		.accessories-block .owl-prev, 
		.accessories-block .owl-next {
			background: url(/local/templates/okna-grand/css/../images/big-arrow.png) center no-repeat;
		}
		.accessories-block .owl-prev, 
		.owl-prev {
			left: -55px;
		}
		.accessories-block .owl-next,
		.owl-next {
			right: -10px;
			left: auto;
			transform: rotate(180deg);
		}		
		
	.call-master-block {
		margin: 50px 0px;
		margin-bottom: 70px;
		position: relative;
		margin-bottom: 90px;
	}
		.call-master-block .form-block {
			
		}
			.call-master-block .form-block-wrapper {
				background: #ffc90d;
				overflow: hidden;
				padding: 0px 150px;
				padding-bottom: 0px;
				height: 0px;
				transition: all 0.8s ease-out;
			}
			.call-master-block.open .form-block-wrapper {
				height: auto;
			}
				.call-master-block .form-block .picture {
					float: left;
					margin-right: 150px;
					margin-top: 16px;
				}
				.call-master-block .form-block-content {
					margin-top: 70px;
					margin-bottom: 140px;
				}
					.call-master-block .form-block-content h3 {
						color: #fff;
						font-size: 33px;
						font-family: myriadprothin;
						margin-bottom: 55px;
						font-weight: normal;
					}
					.call-master-block .form-block-content h3 span {
						position: relative;
					}
					.call-master-block .form-block-content h3 span:before {
						content: '';
						position: absolute;
						width: 100%;
						height: 1px;
						background: #FFF;
						left: 0px;
						bottom: -17px;
					}
					.call-master-block .form-row {
						margin: 30px 0px;
					}
						.call-master-block input {
							border: none;
							border-bottom: 1px solid #309dd2;
							background: #ffe99b;
							font-family: myriadprothin;
							font-size: 25px;
							padding: 10px 15px;
							width: 380px;
							transition: all 0.3s ease;
						}
						.call-master-block input:focus {
							background: #fff5d3;
						}
		.call-master-wrapper {
			text-align: center;
			position: absolute;
			width: 100%;
			bottom: -40px;
		}
		.call-master-block.open .call-master-wrapper {
			bottom: 40px;
		}
			.call-master-wrapper,
			.call-master-button {
				transition: all 0.8s ease;
			}
			.call-master-button {
				padding: 18px 140px;
				display: inline-block;
				border-radius: 5px;
				font-size: 27px;
				background: #ffc90d;
				color: #FFF;
				font-family: myriadprothin;
				cursor: pointer;
				box-shadow: 1px 1px 5px rgba(100,100,100,.3);
			}
			.call-master-button:hover {
				background: #ffed0d;
				color: #333;
			}
			.call-master-block.open .call-master-button {
				background: #FFF;
				color: #888;
			}
			.call-master-block.open .call-master-button:hover {
				background: #fff1c0;
				color: #333;
			}
	.map-block {
		
	}
		.map-block-wrapper {
			
		}
			.map-block-wrapper img {
				max-width: 100%;
				margin-bottom: -7px;
			}
.clients-block {
   margin-top: 40px;
}
.clients-block .clients-list {
    text-align: center;
}
.clients-block .clients-list .clients-item {
    display: inline-block;
    margin: 0px 25px 15px;
}
.clients-block .clients-item a {
    display: inline-block;
}
.clients-block .clients-item img {
    max-width: 160px;
    max-height: 120px;
}


footer.footer {
	
}
	.top-footer {
		background: #0066aa;
		padding: 25px 0px;
		color: #fff;
	}
		.top-footer-wrapper {
			
		}
			.footer-menu {
				font-size: 0px;
			}
				.footer-col {
					display: inline-block;
					font-size: 14px;
					width: calc(14.27% - 15px);
					margin-left: 15px;
					vertical-align: top;
				}
				.footer-col:first-child {
					width: 14.27%;
					margin-left: 0px;
				}
					.footer-col-title span {
						border-bottom: 1px solid #FFF;
						text-transform: uppercase;
						font-size: 14px;
						font-family: myriadprothin;
						font-weight: bold;
					}
					.footer-col-content {
						
					}
						.footer-links-list {
							list-style: none;
							padding-left: 0px;
						}
							.footer-links-list li {
								margin-bottom: 0px;
							}
							.footer-links-list a {
								color: #fff;
								line-height: 1.0em;
								text-decoration: none;
								display: inline-block;
								position: relative;
							}
							.footer-links-list a:before {
								content: '';
								position: absolute;
								bottom: -3px;
								left: 0px;
								width: 0px;
								height: 1px;
								background: #ffc90d;
								transform-origin: left;
								transition: all 0.5s ease;
							}
							.footer-links-list li:hover a {
								color: #ffd74c;
							}
							.footer-links-list li:hover a:before {
								width: 100%;
							}
	.bottom-footer {
		padding-top: 25px;
	}
		.bottom-footer a {
			color: #444;
			text-decoration: none;
			font-size: 15px;
			transition: all 0.5s ease;
		}
		.bottom-footer a:hover {
			color: #f21207;
		}
		.bottom-footer-wrapper {
			text-align: center;
		}
			.bottom-footer-col {
				display: inline-block;
				font-size: 14.5px;
			}
			.bottom-footer-col.copyright {
				float: left;
			}
			.bottom-footer-col.social-links {
				
			}
				.social-list {
					list-style: none;
					padding-left: 0px;
					position: relative;
					overflow: hidden;
					height: 38px;
					margin: 0px;
				}
					.social-item {
						display: inline-block;
						margin: 0px 5px;
						position:relative;
					}
					.social-item:hover {
						top: -38px;
					}
			.bottom-footer-col.support-col {
				float: right;
				text-align: right;
			}
				.footer-row {
					margin-bottom: 5px;
				}
				.footer-phones {
					font-size: 20px;
					font-weight: bold;
				}
				.footer-home-link {
					font-weight: bold;
				}
.fl-right {
    float: right;
}
#callback-popup {
    padding: 20px 50px;
}
#make-order-form {
    padding: 20px 50px;
	width: 450px;
}
	#callback-popup h3,
	#make-order-form h3 {
		font-size: 23px;
		font-family: MyriadProThin;
		margin-bottom: 45px;
	}
	form#callback-form {
		font-size: 18px;
		overflow: hidden;
		width: 505px;
	}
		#callback-form .form-row,
		#make-order-form .form-row {
			margin: 25px 0px;
			line-height: 44px;
			overflow: hidden;
		}
			#callback-form .form-row .prefix {
				font-family: myriadprothin;
				font-size: 32px;
				display: inline-block;
				margin-right: -15px;
			}
			#callback-form input,
			#make-order-form input {
				border: none;
				border-bottom: 1px solid #ecaeae;
				background: #f3f3f3;
				font-size: 32px;
				margin-left: 25px;
				padding: 5px 15px;
				width: 350px;
				float: right;
				font-family: myriadprothin;
			}
			#make-order-form input {
				border-bottom: 1px solid #ffc90d;
			}
			#make-order-form textarea {
			    border: none;
				background: #f3f3f3;
				border-bottom: 1px solid #ffc90d;
				font-size: 30px;
				font-family: myriadprothin;
				padding: 5px 15px;
			}
			#callback-form input[type=submit],
			#make-order-form input[type=submit] {
				border: none;
				background: #a51919;
				margin-top: 15px;
				color: #FFF;
				padding: 12px 90px;
				cursor: pointer;
				float: right;
				transition: all 0.5s ease;
			}
			#make-order-form input[type=submit] {
				background: #ffc90d;
				border: 2px solid #ffc90d;
				padding: 8px 50px;
				font-size: 29px;
				width: auto;
			}
			#callback-form input[type=submit]:hover  {
				background: #ca230c;
			}
			#make-order-form input[type=submit]:hover {
				background: #FFF;
				color: #ffc90d;
			}
.section-list-block {
	display: none;
}
.breadcrumbs-block {
    margin-top: 10px;
	margin-bottom: 43px;
}
	.breadcrumbs {
		font-size: 0px;
		list-style: none;
		padding-left: 0px;
	}
		.breadcrumbs li {
			display: inline-block;
			font-size: 15px;
			letter-spacing: -0.5px;
			padding-left: 40px;
			position: relative;
		}
			.breadcrumbs li:before {
				content: '';
				background: url('../images/arrow.png') left center no-repeat;
				position: absolute;
				left: 10px;
				top: 7px;
				width: 20px;
				height: 8px;
			}
			.breadcrumbs li:first-child  {
				padding-left: 0px;
			}
			.breadcrumbs li:first-child:before {
				content: none;
			}
				.breadcrumbs li a {
					color: #000;
					text-decoration: none;
					transition: all 0.3s ease;
				}
				.breadcrumbs li a:hover {
					color: #b1312d;
				}
.catalog-block {
	
}
.catalog-block .section-filter {
    margin-bottom: 40px;
}
.catalog-block .section-filter .section-list {
    
}
.catalog-block .section-filter .section-row {
    background: #ebebeb;
}
.catalog-block .section-filter .section-item {
    text-align: left;
    background: #FFF;
    margin: 8px 2px;
    height: 262px;
    padding: 8px;
    width: calc(20% - 23px);
    width: calc(100% - 20px);
    overflow: visible;
    box-shadow: 0 0 3px rgba(0,0,0,.3);
    cursor: pointer;
    transition: all 0.3s ease;
}
.catalog-block .section-filter .section-item:hover {
    box-shadow: 0 0 8px rgba(0,0,0,.5);
}
.section-filter .section-item .title {
    margin-top: 5px;
    margin-bottom: 3px;
    font-size: 17px;
    min-height: 44px;
}
.section-filter .section-item .preview {
    font-size: 16px;
    line-height: 1.1em;
    margin-bottom: 7px;
}
.section-filter .section-item .info {
/*    overflow: hidden;*/
    margin-bottom: 15px;
    height: 120px;
}
.section-filter .section-item .picture {
    float: left;
    width: 35%;
    height: 120px;
}
.section-filter .section-item .picture img {
    max-width: 100%;
    max-height: 100%;
}
.section-filter .section-item .chars {
    margin-left: 40%;
}
.section-filter .section-item .stars-block {
}
.section-filter .section-item .stars-block .star {
    width: 11px;
    height: 14px;
    background: url(../images/star.png) center no-repeat;
    background-size: contain;
    display: inline-block;
}
.section-filter .section-item .feature-block {
}
.section-filter  .feature-block .feature-item {
    width: 25px;
    height: 25px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin-right: 5px;
    position: relative;
    display: inline-block;
}
.section-filter  .feature-block .feature-item .name {
    position: absolute;
    line-height: 1.2em;
    bottom: 38px;
    left: 50%;
    transform: translateX(-50%);
    background: #fff4d1;
    border: 1px solid #ddd;
    box-shadow: 0 0 3px rgba(0,0,0,.2);
    display: none;
    padding: 3px 5px;
    z-index: 100;
}
.section-filter  .feature-block .feature-item:hover .name {
    display: block;
}
.section-filter .section-item .price-block {
    margin-bottom: 5px;
    font-weight: bold;
}


	.catalog-block .categories-list {
		list-style: none;
		font-size: 0px;
		text-align: center;
		padding: 0px;
		margin-bottom: 30px;
		display: none;
	}
		.catalog-block .categories-list li {
			display: inline-block;
			font-size: 20px;
			padding-left: 40px;
			position: relative;
		}
			.catalog-block .categories-list li:before {
				content: '';
				/* background: url(../images/yellow-romb.png) left center no-repeat; */
				background: #ffc90d;
				position: absolute;
				left: 14px;
				top: 5px;
				width: 10px;
				height: 10px;
				border: 1px solid #ddd;
				transform: rotate(45deg);
				transition: all 0.5s ease;
			}
			.catalog-block .categories-list li:hover:before {
				transform: rotate(90deg);
			}
			.catalog-block  li a {
				color: #0072a8;
				text-decoration: none;
				position: relative;
				font-family: myriadprothin;
			}
				.catalog-block li a:before {
					content: '';
					position: absolute;
					bottom: -2px;
					width: 100%;
					height: 1px;
					background: #0072a8;
					transform-origin: center;
					transform: scale(0);
					transition: all 0.5s ease;
				} 
				.catalog-block li a:hover {
					font-weight: bold;
				}
				.catalog-block li a:hover:before {
					transform: scale(1);
				}
	.catalog,
	.certificate-catalog {
		font-size: 0px;
        padding-top: 2px;
		display: flex;
		flex-wrap: wrap;
	}
		.catalog .catalog-item,
		.certificate-catalog .catalog-item {
			display: inline-block;
			vertical-align: top;
			margin: 0px 8px;
			margin-bottom: 60px;
			width: 283px;
		}
		.catalog-elements .catalog .catalog-item {
			margin: 0px 8px;
			margin-bottom: 30px;
			width: calc(25% - 27px);		
		}
		
		.catalog .catalog-item:nth-child(4n+1),
		.certificate-catalog .catalog-item:nth-child(4n+1) {
			margin-left: 0px;
		}
		.catalog .catalog-item:nth-child(4n),
		.certificate-catalog .catalog-item:nth-child(4n) {
			margin-right: 0px;
		}
		.with-filter .catalog-elements .catalog .catalog-item,
		.with-filter .catalog-section .catalog .catalog-item {
			width: calc(33.33% - 30px);
			margin: 0px 17px;
			margin-bottom: 40px;
			min-height: 382px;
           
		}
.with-filter .mk-dvery .catalog-elements .catalog .catalog-item {
    width: calc(25% - 22px);
    margin: 0px 1px;
    margin-bottom: 0px;
    padding: 10px;
    min-height: 335px;
    box-shadow: 0px 0px 3px rgba(0,0,0,.2);
}
		.with-filter .catalog .catalog-item:nth-child(4n+1),
		.with-filter .catalog .catalog-item:nth-child(4n) {
			margin: 0px 17px;
			margin-bottom: 40px;
		}
		.with-filter .catalog .catalog-item:nth-child(3n+1) {
			margin-left: 0px;
		}
		.with-filter .catalog .catalog-item:nth-child(3n) {
			margin-right: 0px;
		}
.with-filter .mk-dvery  .catalog .catalog-item:nth-child(4n+1),
.with-filter .mk-dvery .catalog .catalog-item:nth-child(4n) {
			margin: 0px 1px;
		}
.with-filter .mk-dvery .catalog .catalog-item:nth-child(3n+1) {
    margin-left: 1px;
}
.with-filter .mk-dvery .catalog .catalog-item:nth-child(3n) {
    margin-right: 1px;
}
		
			.catalog .catalog-item .item-picture,
			.certificate-catalog .catalog-item .item-picture {
				width: 100%;
				height: 232px;
				overflow: hidden;
				text-align: center;
				position: relative;
				background-size: cover;
				background-position: center;
			}
			.catalog-elements .catalog .item-picture {
				width: 263px;
				line-height: 232px;
			}
.mk-dvery .catalog-elements .catalog .item-picture {
    text-align: left;
}
				.catalog .item-picture img,
				.certificate-catalog .item-picture img{
					transform-origin: center;
					transition: all 2.5s ease-in-out;
					vertical-align: bottom;
					max-width: 263px;
				}
				.catalog-elements .element-description {
					position: absolute;
					width: 100%;
					height: 100%;
					line-height: 300px;
					top: 0px;
					left: 0px;
					opacity: 0;
					background: rgba(85, 176, 220, 0.85);
					transition: all 0.5s ease;
					cursor: pointer;
				}
					.catalog-elements .element-description p {
						color: #FFF;
						font-size: 18px;
						line-height: normal;
						position: absolute;
						width: calc(100% - 30px);
						text-align: center;
						top: 50%;
						padding: 0px 15px;
						transform: translateY(300px);
						transition: all 0.8s ease-out 0.1s;
					}
						.catalog-elements .element-description a {
							color: #FFF;
							font-size: 1.1em;
							letter-spacing: 1px;
							font-family: myriadprothin;
							position: relative;
							text-decoration: none;
						}
							.catalog-elements .element-description p a:before {
								content: '';
								position: absolute;
								width: 100%;
								height: 1px;
								left: 0px;
								bottom: 0px;
								background: #FFF;
								transform-origin: center;
								transform: scale(0);
								transition: all 0.5s ease;
							}
							.catalog-elements .element-description p a:hover:before {
								transform: scale(1);
							}
				.catalog-elements .catalog-item:hover .element-description {
					opacity: 1;
				}
				.catalog-elements .catalog-item:hover .element-description p {
					transform: translateY(-50%);
				}
				.catalog-elements .price-block {
					font-size: 24px;
					color: #a51919;
					text-align: center;
					padding-bottom: 5px;
				}
.mk-dvery .catalog-elements .price-block {
    text-align: center;
    padding-bottom: 5px;
    float: left;
    margin-top: 16px;
    color: #777;
    font-size: 20px;
    font-weight: bold;
}
				.catalog-elements .price-block.old-price{
					text-decoration: line-through;
					font-size: 18px;
					color: #999;
					margin-top: -10px;
					padding-bottom: 2px;
				} 
				.catalog-elements .price-block.discount-price {
					color: #1b9e04;
				} 
				.catalog-elements .item-chars,
				.detail-page .item-chars {
					margin-top: 15px;
				}
					.catalog-elements .chars-row,
					.detail-page .chars-row {
						font-size: 16px;
						text-transform: lowercase;
						margin: 2px 0px;
						width: 262px;
					}
						.catalog-elements .row-data,
						.detail-page .row-data {
							float: right;
						}
						.catalog-elements .row-title {
							
						}
						.catalog-elements .row-scale {
							
						}
							.catalog-elements .row-scale i,
							.detail-page .row-scale i {
								width: 15px;
								height: 15px;
								display: inline-block;
								margin: 0px 4px;
								background: #0072a8;
								transform: rotate(45deg);
							}
							.catalog-elements .row-scale i.filled,
							.detail-page .row-scale i.filled {
								background: #feef00;
							}
						
			.catalog .catalog-item .item-title,
			.certificate-catalog .catalog-item .item-title {
				min-height: 44px;
				font-size: 19px;
				font-family: myriadprothin;
				text-transform: uppercase;
				background: #a51919;
				padding: 10px 0px;
				margin-top: 10px;
				text-align: center;
				transition: all 0.5s ease;
			}
			.certificate-catalog .catalog-item .item-title {
				min-height: 64px;
				padding: 10px 15px;
			}
			.catalog-elements .catalog .catalog-item .item-title {
				background: transparent;
				font-family: myriadproregular;
				min-height: auto;
				margin-top: 0px;
			}
.mk-dvery .catalog-elements .catalog .catalog-item .item-title {
    text-transform: none;
    font-size: 17px;
    text-align: left;
    height: 44px;
}
.mk-dvery .catalog-elements .catalog .catalog-item .item-title a {
    color: #999;
}
			.catalog-sections .catalog .catalog-item:hover .item-title {
				background: #309dd2;
			}
			.catalog-section .catalog .catalog-item:hover img {
				transform: scale(1.2);
			}
				.catalog .item-title  a,
				.certificate-catalog .item-title  a {
					color: #FFF;
					text-decoration: none;
				}
				.catalog-elements .catalog .item-title  a {
					color: #0071a7;
				}
		.catalog-block .advantages-block {
			
		}
			.catalog-block .advantages-block h2 {
				margin-bottom: 50px;
			}
			.advantages-block .advantage-row {
				font-size: 0px;
				margin-bottom: 40px;
			}
				.advantages-block .advantage-item {
					font-size: 16px;
					display: inline-block;
					width: 33.3%;
					vertical-align: top;
				}
					.advantages-block .advantage-picture {
						float: left;
					}
					.advantages-block .advantage-desc {
						margin-left: 77px;
						width: calc(100% - 100px);
					}
.with-filter .catalog .catalog-item.entrance-door {
    width: 40%;
    margin: 0 40px 40px;
    position: relative;
}
.with-filter .catalog .catalog-item.entrance-door .pictures {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.entrance-door .pictures .front-picture {
    max-width: 50%;
    flex: 1 1 50%;
    line-height: 341px;
}
.entrance-door .pictures .front-picture img {
    max-width: 165px;
    max-height: 330px;
    vertical-align: bottom;
}
.entrance-door .pictures .back-picture {
    max-width: 47%;
    flex: 1 1 47%;
    line-height: 331px;
}
.entrance-door .pictures .back-picture img {
    max-width: 160px;
    max-height: 320px;
    vertical-align: bottom;
}
.entrance-door .price {
    font-size: 19px;
    float: right;
    font-weight: bold;
    margin-top: 10px;
    padding-top: 30px;
    margin-right: 35px;
    position: relative;
    white-space: nowrap;
}
.entrance-door .price .oldprice {
    position: absolute;
    top: 0px;
    text-decoration: line-through;
    font-size: 0.9em;
}
.entrance-door .price .newprice {
    color: #1b9e04;
}
.entrance-door .name {
    font-size: 17px;
    text-transform: uppercase;
    width: 50%;
    margin-top: 19px;
}
.entrance-door .name a {
    color: #6f9abc;
}
.entrance-door .sign {
    position: absolute;
    top: 12px;
    right: -10px;
    padding: 2px 0px;
    font-size: 14px;
    line-height: 1.5em;
    color: #FFF;
    width: 89px;
    text-align: center;
}
.entrance-door .new {
    background: #188ec5;
    color: #FFF;
}
.entrance-door .hit {
    background: #ffc90d;
    color: #000;
}
.entrance-door .new + .hit {
    right: auto;
    left: 10px;
    top: 16px;
} 
.entrance-door .exclusive {
    
}
.entrance-door .discount {
    position: absolute;
    width: 62px;
    height: 62px;
    background: #b90e0e;
    border-radius: 50%;
    color: #fff;
    font-size: 19px;
    bottom: 111px;
    right: -10px;
    line-height: 62px;
    text-align: center;
    top: auto;
}


.partners-list {
	
}	
	.partners-list .owl-stage-outer {
		z-index: 10;
	}
	.partners-list .owl-controls {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0px;
		left: 0px;
	}
		.partners-list .owl-nav {
			font-size: 0px;
		}
		.partners-list .owl-prev,
		.partners-list .owl-next {
			position: absolute;
			top: calc(50% - 20px);
			width: 35px;
			height: 40px;
		}
		.partners-list .owl-prev {
			left: -50px;
		}
		.partners-list .owl-next {
			right: -50px;
		}
			.partners-list .owl-prev:before,
			.partners-list .owl-prev:after,
			.partners-list .owl-next:before,
			.partners-list .owl-next:after {
				content: '';
				position: absolute;
				width: 30px;
				height: 2px;
				background: #999;
				transform: rotate(-51deg);
				transition: all 0.5s ease;
			}
			.partners-list .owl-prev:after,
			.partners-list .owl-next:after {
				transform: rotate(51deg);
			}
			.partners-list .owl-prev:before,
			.partners-list .owl-next:before {
				top: 8px
			}
			.partners-list .owl-prev:after,
			.partners-list .owl-next:after {
				top: 30px
			}
			.partners-list .owl-prev:before,
			.partners-list .owl-next:after {
				left: 0px
			}
			.partners-list .owl-next:before,
			.partners-list .owl-next:after {
				right: 5px;
			}
			.partners-list .owl-prev:hover:before {
				transform: rotate(129deg);
			}
			.partners-list .owl-next:hover:before {
				transform: rotate(129deg);
			}
			.partners-list .owl-prev:hover:after {
				transform: rotate(-129deg);
			}
			.partners-list .owl-next:hover:after {
				transform: rotate(-129deg);
			}
		
	.partners-list .owl-dots {
		display: none;
	}
	.partners-item {
		text-align: center;
	}

/* detail-page **/
.detail-page {
	margin-top: 75px;
}
.detail-page .work-page {
	margin-bottom: 85px;
}
	.detail-page .work-description {
		font-size: 19px;
		margin-bottom: 52px;
	}
	.detail-content {
		font-size: 20px;
		line-height: 1.4em;
	}
		.detail-content .top-content {
			overflow: hidden;
		}
		.detail-content .pictures-block {
			float: left;
			margin-right: 35px;
		}
			.detail-content .picture {
				width: 460px;
				height: 500px;
				position: relative;
				background-repeat: no-repeat;
				background-size: contain;
				background-position: center;
			}
				.detail-content .picture .meta-block,
				.catalog-elements .catalog-item .meta-block {
					position: absolute;
					left: 20px;
					top: 0px;
					padding: 2px 0px;
					font-size: 14px;
					line-height: 1.5em;
					color: #FFF;
					width: 89px;
					text-align: center;
				}
.mk-dvery .catalog-elements .catalog-item .meta-block {
    left: auto;
    right: 0px;
    top: 25px;
}
				.detail-content .picture .meta-block.new,
				.detail-content .picture .meta-block2.new,
				.catalog-elements .catalog-item .meta-block.new,
				.catalog-elements .catalog-item .meta-block2.new {
					background: #188ec5;
				}
				.detail-content .picture .meta-block.exclusive,
				.detail-content .picture .meta-block2.exclusive,
				.catalog-elements .catalog-item .meta-block.exclusive,
				.catalog-elements .catalog-item .meta-block2.exclusive {
					background: #e41818;
				}
				.detail-content .picture .meta-block.hit,
				.detail-content .picture .meta-block2.hit,
				.catalog-elements .catalog-item .meta-block2.hit,
				.catalog-elements .catalog-item .meta-block.hit {
					background: #ffc90d;
					color: #000;
				}
				.detail-content .picture .meta-block2,
				.catalog-elements .catalog-item .meta-block2 {
					position: absolute;
					right: 20px;
					top: 0px;
					padding: 5px 0px;
					font-size: 14px;
					line-height: 1.2em;
					color: #FFF;
					width: 115px;
					text-align: center;
				}
				
				.detail-content .picture .discount-block,
				.catalog-elements .catalog-item .discount-block {
					position: absolute;
					right: 20px;
					bottom: 14px;
					color: #fff;
					background: #b90e0e;
					border-radius: 50%;
					padding: 17px 10px;
					opacity: 0.9;
				}
				.catalog-elements .catalog-item .discount-block {
					font-size: 19px;
					line-height: 23px;
					padding: 19px 9px;
					bottom: 0px;
					right: 0px;
					opacity: 0.85;
				}
			.detail-content .preview-pictures {
				font-size: 0px;
				margin-top: 10px;
				width: 475px;
			}
				.preview-item {
					display: inline-block;
					margin: 0px 10px;
					width: 75px;
					height: 75px;
					background-repeat: no-repeat;
					background-size: contain;
					background-position: center;
					border: 1px solid #999;
					cursor: pointer;
				}
				.preview-item:nth-child(5n+1) {
					margin-left: 0px;
				}
				.preview-item.active {
					border-color: #F00;
				}
			.detail-content .pictures-block .product-colors-block  {
				font-size: 0px;
			}
				.detail-content .product-colors-block .color-item {
					display: inline-block;
					margin-right: 7px;
				}
					.detail-content .product-colors-block .color-item img {
						width: 50px;
						height: 50px;
						border: 1px solid #ddd;
					}
					.product-colors-block .color-item .button {
						position: relative;
						top: -15px;
						height: 20px;
						color: #333;
						font-size: 13px;
						cursor: pointer;
						transition: all 0.3s ease;
					}
					.product-colors-block .color-item .button:hover {
						color: #e42828;
					}
						.product-colors-block .color-item .button:before,
						.product-colors-block .color-item .button:after {
							content: 'Выбрать';
							position: absolute;
							width: 100%;
							height: 100%;
							text-align: center;
							transition: all 0.3s ease;
						}
						.product-colors-block .color-item .button:after {
							content: 'Выбрано';
							opacity: 0;
							color: #d01010;
						}
						.product-colors-block .color-item.checked .button:before {
							opacity: 0;
						}
						.product-colors-block .color-item.checked .button:after {
							opacity: 1;
						}
		.detail-content .top-description {
			margin-left: 495px;
		}
			.top-description .title-block {
				position: relative;
				width: 82%;
				left: 2%;
				text-align: center;
			}
				.top-description .title-block h1 {
					color: #0072a8;
					font-size: 36px;
					font-family: myriadproregular;
					text-transform: uppercase;
					position: relative;
					margin-bottom: 22px;
				}
					.top-description .title-block h1:before {
						content: '';
						position: absolute;
						width: 100%;
						height: 1px;
						background: #0072a8;
						left: 0px;
						bottom: 0px;
					}
			.top-description .preview-text {
				color: #0072a8;
				font-size: 24px;
				margin-bottom: 33px;
				min-height: 1px;
			}
		.top-description .montage-chars {
			font-size: 19px;
			line-height: 1.4em;
			margin-bottom: 30px;
		}
		.top-description .item-chars {
			margin-bottom: 29px;
		}
			.top-description .chars-row	{
				width: 350px;
				margin: 5px 0px;
			}
			.top-description .item-chars .row-data,
			.top-description .item-chars .row-title {
				font-size: 18px;
			}
			.top-description .item-chars .row-scale i {
				width: 18px;
				height: 18px;
				margin: 0px 6px;
			}
		.top-description .price-block {
			font-size: 45px;
			font-weight: bold;
			color: #a51919;
			margin-bottom: 29px;
		}
		.top-description .price-block.old-price {
			font-size: 35px;
			color: #777;
			text-decoration: line-through;
		}
		.top-description .price-block.discount-price {
			color: #1b9e04;
		}
			.top-description .price-block span {
				
			}
		.top-description .buy-button {
			background: #ffc90d;
			width: 84%;
			height: 59px;
			text-align: center;
			line-height: 63px;
			margin-bottom: 35px;
			border: 2px solid #ffc90d;
			transition: all 0.5s ease;
		}
		.top-description .buy-button:hover {
			background: #FFF;
		}
			.top-description .buy-button a {
				font-size: 27px;
				color: #fff;
				text-decoration: none;
				width: 100%;
				height: 100%;
				display: block;
				transition: all 0.5s ease;
			}
			.top-description .buy-button:hover a {
				color: #ffc90d;
			}
	.middle-content {
		clear: both;
	}
		.middle-content .marketing-chars {
			margin-bottom: 85px;
		}
			.middle-content .marketing-chars ul {
				list-style: none;
				padding-left: 23px;
			}
				.middle-content .marketing-chars li {
					position: relative;
					margin: 6px 0px;
				}
					.middle-content .marketing-chars li:before {
						content: '';
						position: absolute;
						width: 11px;
						height: 11px;
						top: 8px;
						left: -25px;
						background: #0072a7;
						border-radius: 50%;
					}
		.middle-content .advance-chars {
			background: #0072a7;
			color: #FFF;
			text-align: center;
			height: 126px;
			line-height: 126px;
			margin-bottom: 100px;
		}
			.middle-content .char-item {
				line-height: normal;
				display: inline-block;
				vertical-align: middle;
				margin: 0 70px;
				font-family: myriadprothin;
			}
				.middle-content .char-item .big {
					font-size: 48px;
					padding-left: 11px;
				}
				.middle-content .char-item .small {
					margin-top: -10px;
					display: block;
					font-size: 17.5px;
				}
		.middle-content .detail-text {
			position: relative;
			padding: 61px 0px;
			line-height: 1.5em;
		}
			.middle-content .detail-text:before,
			.middle-content .detail-text:after {
				content: '';
				position: absolute;
				top: 0px;
				left: calc(50% - 256px);
				width: 502px;
				height: 1px;
				background: #0072a7;
			}
			.middle-content .detail-text:after {
				top: auto;
				bottom: 0px;
			}
		.middle-content .advance-options {
			text-align: center;
			margin: 40px 0px;
		}
			.middle-content .advance-options h2 {
				text-align: left;
				font-size: 24px;
				font-family: myriadproregular;
				color: #555;
				margin-bottom: 40px;
			}
			.option-container {
				display: inline-block;
				border: 1px solid #aaa;
				position: relative;
				padding-bottom: 33px;
			}
				.middle-content .option-item {
					display: inline-block;
					width: 133px;
					margin: 0px 10px;
					vertical-align: top;
					cursor: pointer;
					transition: all 0.5s ease;
				}
				.middle-content .option-item  i {
					font-size: 21px;
					color: #a51919;
					font-family: MDicon;
					opacity: 0;
					transition: all 0.3s ease;
				}
				.middle-content .option-item.checked i {
					opacity: 1;
				}
					.middle-content .option-item  i:before {
						content: "\e18e";
					}
				.middle-content .option-item a {
					text-decoration: none;
				}
				.middle-content .option-item a:hover {
					box-shadow: inset 0px 5px 5px rgba(200,220,255,0.9);
				}
					.middle-content .option-item:before {
						content: '';
						position: absolute;
						width: 1px;
						height: 100%;
						top: 0px;
						background: #aaa;
						transform: translateX(-71px);
					}
					.middle-content .option-item:first-child:before {
						content: none;
					}
					.middle-content .option-item .button {
						font-size: 15px;
						position: absolute;
						bottom: 0px;
						transform: translateX(13px);
						transition: all 0.3s ease;
					}
					.middle-content .option-item .button:hover {
						color: #e80000;
					}
					.middle-content .option-picture {
						line-height: 130px;
						height: 130px;
					}
						.option-picture img {
							width: 130px;
							/*height: 130px*/
						}
					.middle-content .option-item  h3 {
						margin: 0px;
						font-size: 14px;
						font-weight: normal;
						line-height: 1.3em;
					}
	.similar-block {
		margin: 60px 0px;
		text-align: center;
		font-size: 0px;
	}	
		.similar-block h2 {
			margin-bottom: 50px;
			text-align: center;
		}
		.similar-block  .similar-item {
			position: relative;
			display: inline-block;
			width: 294px;
		}
			.similar-item .similar-pic {
			    text-align: center;
				overflow: hidden;
				height: 210px;
				line-height: 210px;
			}
				.similar-item .similar-pic img {
					max-height: 210px;
					vertical-align: bottom;
				}
			.similar-item .similar-name {
				position: absolute;
				bottom: 0px;
				width: 100%;
				padding: 10px 0;
				text-align: center;
				background: rgba(255,255,255,.5);
				transform: translateY(100%);
				transition: all 0.5s ease;
			}
			.similar-block  .similar-item:hover .similar-name {
				transform: translateY(0);
			}
				.similar-block  .similar-item  a {
					color: #000;
					font-size: 20px;
					text-decoration: none;
				}
	#add-to-cart-popup {
		padding: 40px 50px;
		overflow: hidden;
	}
		#add-to-cart-popup .title {
			font-size: 30px;
			text-align: center;
			margin-bottom: 50px;
			color: #000;
			font-family: myriadprothin;
		}
		#add-to-cart-popup .row {
			font-size: 20px;
			color: #000;
			width: 775px;
			padding: 20px;
			border: 1px solid #bbb;
			border-left: none;
			border-right: none;
		}
			#add-to-cart-popup .col {
				display: inline-block;
				vertical-align: middle;
				margin-right: 20px;
				text-align: center;
			}
			#add-to-cart-popup .col:last-child{
				margin-right: 0px;
			}
			#add-to-cart-popup .col.pic-col {
				width: 200px;
			}
			#add-to-cart-popup .col.name-col {
				width: 300px;
				text-align: left;
			}
				#add-to-cart-popup .col.name-col .advance {
					margin: 0px;
					font-size: .8em;
					padding-left: 14px;
					color: #777;
				}
			#add-to-cart-popup .col.quant-col {
				width: 71px;
			}
			#add-to-cart-popup .col.quant-col .num {
				padding: 0px 6px;
				font-size: 27px;
				color: rgba(216, 145, 95, 0.93);
			}
			#add-to-cart-popup .col.quant-col .action {
				color: #f5451d;
				font-size: 23px;
				padding: 0px 3px;
				cursor: pointer;
			}
			#add-to-cart-popup .col.price-col {
				width: 90px;
			}
				#add-to-cart-popup .col img {
					max-height: 160px;
					max-width: 200px;
				}
				#add-to-cart-popup .col span {
					padding-bottom: 5px;
					display: inline-block;
				}
		#add-to-cart-popup .add-button {
			float: right;
			margin-top: 30px;
			padding: 8px 45px;
			border: 2px solid #ffc90d;
			background: #ffc90d;
			color: #FFF;
			font-size: 21px;
			cursor: pointer;
			transition: all 0.5s ease;
		}
		#add-to-cart-popup .add-button:hover {
			background: #fff;
			color: #333;
		}
				
/******* страница корзины ************/
.basket-page {
	
}
	.basket-page h2 {
		color: #0072a9;
	}
	.basket-table {
		margin-top: 44px;
		border-bottom: 1px solid #0072a8;
	}
		.basket-table .basket-row {
			font-size: 0px;
			padding: 25px 0px;
			position: relative;
		}
		.basket-table .basket-row:before {
			content: '';
			position: absolute;
			width: 40%;
			height: 1px;
			bottom: 0px;
			left: 30%;
			background: #aaa;
		}
		.basket-table .basket-row.header-row {
			padding: 0px;
			padding-bottom: 5px;
			border-bottom: 1px solid #0072a8;
			color: #000;
		}
		.basket-table .basket-row.header-row:before,
		.basket-table .basket-row:last-child:before{
			content: none;
		}
			.basket-table .basket-col {
				font-size: 18px;
				display: inline-block;
				text-align: center;
				vertical-align: middle;
			}
			.basket-table .basket-col.name-col {
				width: 50%;
			}
			.basket-table .basket-col.del-col {
				width: 9%;
			}
			.basket-table .basket-col.price-col {
				width: 13%;
			}
			.basket-table .basket-col.quant-col {
				width: 15%;
			}
			.basket-table .basket-col.sum-col {
				width: 13%;
			}
				.basket-item-pic {
					float: left;
					margin-right: 25px;
				}
					.basket-item-pic img {
						max-width: 160px;
						max-height: 230px;
					}
				.basket-item-desc {
					text-align: left;
				}
					.basket-item-desc a {
						text-decoration: none;
					}
					.basket-item-desc h3 {
						color: #0072a8;
						text-align: center;
						text-transform: uppercase;
						font-family: myriadprothin;
					}
					.basket-item-desc .advance {
						font-size: 0.85em;
						color: #999;
					}
				.basket-col.del-col .sign {
					display: inline-block;
					cursor: pointer;    
					height: 24px;
				}
					.basket-col.del-col .sign:before,
					.basket-col.del-col .sign:after {
						content: '';
						position: relative;
						display: block;
						top: 11px;
						width: 25px;
						height: 1px;
						background: #000;
						transform: rotate(45deg);
						transition: all 0.5s ease;
					}
					.basket-col.del-col .sign:after {
						transform: rotate(-45deg);
						left: 0px;
						top: 10px;
					}
					.basket-col.del-col .sign:hover:before,
					.basket-col.del-col .sign:hover:after {
						transform: rotate(0);
					}
				.basket-col.quant-col span {
					display: inline-block;
					vertical-align: middle;
				}
				.basket-col.quant-col .sign {
					margin: 0px 9px;
					height: 26px;
					cursor: pointer;
				}
					.basket-col.quant-col .sign:before,
					.basket-col.quant-col .sign.plus:after {
						content: '';
						position: relative;
						top: 11px;
						display: block;
						width: 19px;
						height: 1px;
						background: #000;
						transition: all 0.3s ease;
					}
					.basket-col.quant-col .sign.plus:after {
						transform: rotate(90deg);
					}
					.basket-col.quant-col .sign:hover:before,
					.basket-col.quant-col .sign:hover:after {
						background: #e41f1f;
					}
				.basket-col.quant-col .data {
					border: 1px solid #777;
					width: 45px;
					height: 24px;
					line-height: 25px;
				}
	.basket-page .bottom-table {
		padding: 60px 0px;
		margin-bottom: 65px;
		font-size: 20px;
		color: #000;
		border-bottom: 1px solid #0072a8;
	}
		.bottom-table .summ-block {
			float: right;
			width: 19%;    
			padding-right: 4%;
			line-height: 40px;
		}
		.bottom-table .coupon-block {
			
		}
			.bottom-table .coupon-block span {
				margin: 0px 25px;
			}
			.bottom-table .coupon-block input {
				border: 1px solid #000;
				font-size: 18px;
				padding: 9px 0px;
				width: 170px;
				text-align: center;
				transition: all 0.5s ease;
			}
			.bottom-table .coupon-block input:focus {
				border-color: #ffc90d;
			}
	.basket-page .button-block {
		margin-bottom: 42px;
	}
		.button-block .button {
			width: 380px;
			padding: 24px 0px;
			text-align: center;
			background: #ffc90d;
			color: #FFF;
			font-size: 24px;
			cursor: pointer;
			border: 2px solid #ffc90d;
			transition: all 0.5s ease;
		}
			.button-block .button a {
				text-decoration: none;
				color: #FFF;
				transition: all 0.5s ease;
			}
			.button-block .button:hover a {
				color: #ffc90d;
			}
		.button-block .button.make-order {
			float: right;
			background: #0172aa;
			border: 2px solid #0172aa;
		}
		.button-block .button:hover {
			background: #fff;
		}
		.button-block .button.make-order:hover {
			color: #0172aa;
		}
/**** страница отзывов ****/
.feedbacks-block {
	
}
	.feedbacks-block h2,
	h2.page-title {
		color: #0072a7;
		font-weight: bold;
		margin-bottom: 56px;
	}
	.feedbacks-block .preview-page {
		margin-bottom: 28px;
	}
	
	.feedbacks-block .new-feedback-block {
		margin-bottom: 74px;
	}
	.feedbacks-block .new-feedback-block .button-block {
		height: 120px;
		background: #ffc90d;
		position: relative;
		transition: all 0.8s ease;
	}
	.feedbacks-block .active .button-block {
		height: 133px;
	}
		.feedbacks-block .new-feedback-block .add-button {
			position: absolute;
			left: 50%;
			transform: translateX(-50%);
			color: FFF;
			font-size: 24px;
			top: 12px;
			cursor: pointer;
			transition: all 0.5s ease;
		}
		.feedbacks-block .active .add-button  {
			color: #ffc90d;
		}
			.feedbacks-block .add-button .letter {
				width: 105px;
				height: 70px;
				position: relative;
				margin: auto;
				margin-bottom: 5px;
				border: 3px solid #FFF;
				border-radius: 4px;
				perspective: 1200px;
				transition: all 0.5s ease;
			}
			.feedbacks-block .active .letter {
				transform: translateY(32px);
			}
				.feedbacks-block .letter .angle {
					height: 40px;
					display: block;
					transform-origin: top;
					transition: all 0.8s ease-in-out;
				}
				.feedbacks-block .active  .angle {
					transform: rotateX(180deg);
				}
					.feedbacks-block .letter .angle:before,
					.feedbacks-block .letter .angle:after {
						content: '';
						display: block;
						position: relative;
						top: 18px;
						left: -7px;
						width: 62%;
						height: 2px;
						background: #FFF;
						transform: rotate(35deg);
					}
					.feedbacks-block .letter .angle:after {
						transform: rotate(-35deg);
						top: 15px;
						left: auto;
						right: -46px;
					}
	.new-feedback-block .feedback-form  {
		margin: 20px 0px;
		height: 0px;
		overflow: hidden;
		transition: all 0.8s ease-out;
	}
	.new-feedback-block.active .feedback-form {
		height: 368px;
	}
		.new-feedback-block .feedback-form  .rating-block {
			margin-bottom: 15px;
			margin-top: 5px;
			padding-left: 50px;
			color: #000;
		}
		.new-feedback-block .rating-block .sign-area {
			display: inline-block;
			margin-left: 20px;
		}
			.feedback-form .sign-area i {
				cursor: pointer;
			}
		.new-feedback-block .feedback-form  .form-row {
			margin-bottom: 10px;
		}
			.new-feedback-block .form-row input {
				width: 495px;
				padding: 12px 8px;
			}
			.new-feedback-block .form-row textarea {
				width: 100%;
				height: 158px;
				padding: 12px 8px;
			}
			.new-feedback-block  .add-feedback-button {
				float: right;
				width: 190px;
				text-align: center;
				background: #ffc90d;
				color: #FFF;
				padding: 12px 0px;
				font-size: 18px;
				cursor: pointer;
				border: 2px solid #ffc90d;
				transition: all 0.5s ease;
			}
			.new-feedback-block .add-feedback-button:hover {
				background: #FFF;
				color: #ffc90d;
			}
	.feedbacks-block .feedbacks-list {
		padding: 0px 115px;
	}
		.feedbacks-block .feedback-item {
			padding-bottom: 50px;
			margin-bottom: 42px;
			position: relative;
		}
		.feedbacks-block .feedback-item:before {
			content: '';
			position: absolute;
			bottom: 0px;
			left: 14%;
			width: 72%;
			height: 1px;
			background: #0072a7;
		}
			.feedbacks-block .feedback-item .meta-data {
				color: #a51919;
				margin-bottom: 26px;
			}
				.feedback-item .meta-data .feedback-author {
					font-size: 22px;
					display: inline-block;
					margin-right: 20px;
					margin-bottom: 5px;
				}
					.feedback-item .meta-data .raiting i,
					.feedback-form .rating-block i{
						width: 15px;
						height: 15px;
						margin-right: 8px;
						background: #0072a7;
						display: inline-block;
						transform: rotate(45deg);
						transition: all 0.15s ease;
					}
					.feedback-item .meta-data .raiting i.active,
					.feedback-form .rating-block i.active {
						background: #ffee02;
					}
				.feedback-item .meta-data .timestamp {
					font-size: 14px;
				}
			.feedbacks-block .feedback-item .feedback-content {
				font-size: 18px;
			}
.info-message {
    font-size: 30px;
    text-align: center;
    margin: 50px 0px;
    color: #000;
    font-family: myriadprothin;
}
.order-page {
	padding: 100px 0px;
	text-align: center;
}
	.order-page h2 {
		font-family: myriadprothin;
		margin-bottom: 60px;
	}
	.order-page p {
		font-size: 22px;
	}
.search-result-block {
	margin-top: 80px;
}
	.search-result-block .search-page {
		display: none;
	}
	.search-result-block .search-result-description {
		padding: 0px 40px;
		font-size: 21px;
		margin-bottom: 50px;
	}
		.search-result-block .search-result-description span {
			font-size: 33px;
			font-family: myriadprothin;
			color: #000;
		}
	
.certificate-item-list {
	font-size: 0px;
}
	.certificate-item-list .certificate-item {
		width: calc(33.333% - 40px);
		margin: 20px 0px;
		display: inline-block;
		vertical-align: top;
		text-align: center;
		margin-left: 60px;
	}
	.certificate-item-list .certificate-item:nth-child(3n+1) {
		margin-left: 0px;
	}
		.certificate-item-list .certificate-item img {
			max-width: 100%;
			max-height: 400px;
		}
.news-item {
    margin: 50px 0px;
}
.news-list img.preview_picture {
    max-width: 275px;
	margin-right: 30px !important;
}
.news-title a {
	color: #000;
    text-decoration: none;
    font-family: myriadprothin;
    font-style: italic;
    font-size: 25px;
    transition: all 0.2s ease;
}
.news-title a:hover {
	color: #da0a0a;
}
.news-date-block {
    font-size: 14px;
    font-style: italic;
}
.news-preview-text {
    color: #777;
}
.news-detail img.detail_picture {
    margin-right: 40px !important;
}

.offices-map {
	position: relative;
}
	.offices-map .office-select {
		position: absolute;
		left: 10px;
		top: 10px;
		z-index: 10;
	}

.services-page {
	top: calc(50% - 18px);
} 
	.services-page .services-list-block {
		margin-bottom: 50px;
	}
	.services-list .owl-nav .owl-prev:before,
	.services-list .owl-nav .owl-next:before {
		content: "\e0c7";
		font-family: 'MDicon';
		position: absolute;
		font-size: 40px;
		color: #aaa;
		top: calc(50% - 20px);
	}
	.services-list .owl-nav .owl-prev {
		left: -40px;
	}
	.services-list .owl-nav .owl-next {
		right: -40px;
	}
		.services-page .service-item {
			display: inline-block;
			border: 1px solid #EEE;
			width: 14.666%;
			width: 165px;
			margin: 0px 0.5%;
			vertical-align: middle;
			cursor: pointer;
		}
			.services-page .service-item .service-icon {
				width: 100%;
				height: 115px;
				background-position: center;
				background-repeat: no-repeat;
				background-size: 80px 85px;
			}
			.services-page .service-item .service-title {
				text-align: center;
				line-height: 1.0em;
				padding: 10px;
				height: 45px;
				background: #a51919;
				color: #fff;
				display: table;
				width: calc(100% - 20px);
			}
				.service-title div {
					display: table-cell;
					vertical-align: middle;
				}
	.service-description {
		width: calc(95% - 80px);
		margin: auto;
		background: #f4f4f4;
		border: 1px solid #ccc;
		padding: 50px 40px;
		margin-bottom: 76px;
	}
		.service-description .description-block {
			
		}
			.service-description .description-block h2 {
				text-align: center;    
				margin-bottom: 40px;
			}
			.service-description .description-block .description-text {
				font-size: 19px;
			}
.option-description {
    max-width: 1000px;
	padding: 50px 35px;
}
.roof-facture-block {
}
	.roof-title {
	}
	.roof-facture-block .roof-facture-item {
		margin: 25px 0px;
	}
		.roof-facture-item .roof-colors .color-item{
			display: inline-block;
			margin: 10px 5px;
		}
			.roof-facture-item .roof-colors .color-item img{
				width: 90px;
				height: 90px;
			}
			.roof-facture-item .roof-colors .color-item .button {
				position: relative;
				height: 20px;
				font-size: 15px;
				text-align: center;
				top: -5px;
				cursor: pointer;
			}
				.roof-facture-item .roof-colors .color-item .button:before,
				.roof-facture-item .roof-colors .color-item .button:after {
					content: 'Выбрать цвет';
					position: absolute;
					width: 100%;
					left: 0px;
					transition: all 0.3s ease;
				}
				.roof-facture-item .roof-colors .color-item .button:hover:before {
					color: #a51919;
					text-decoration: underline;
				}
				.roof-facture-item .roof-colors .color-item .button:after{
					content: 'Выбран';
					color: #a51919;
					opacity: 0;
				}
				.roof-facture-item .roof-colors .color-item.checked .button:after {
					opacity: 1;
				}
				.roof-facture-item .roof-colors .color-item.checked .button:before {
					opacity: 0;
				}
			.big-color img {
				width: 450px;
				max-height: 450px;
			}
.row.with-filter {
	overflow: hidden;
}
.filter-block {
	float: left;
	width: 330px;
	position: relative;
	z-index: 90;
	min-height: 352px;
}
.filter-form {
	background: #fff4d1;
    border: 1px solid #ccc;
    padding: 15px 10px;
}
.filter-form form {
    position: relative;
}
.filter-form .filter-title {
    margin: 0px;
    color: #a51919;
    margin-bottom: 10px;
}
.filter-block.fixed .filter-form{
	position: fixed;
    top: 49px;
    width: 308px;
    max-height: calc(100% - 60px);
    overflow-y: auto;
	box-shadow: 1px 2px 13px -1px rgba(0, 0, 0, 1);
}
	.filter-form .filter-section {
		position: relative;
		margin-bottom: 15px;
		padding-bottom: 15px;
	}	
	.filter-section:before {
		content: '';
		position: absolute;
		width: 100%;
		height: 1px;
		background: #d7d7d7;
		bottom: -2px;
		left: 0px;
	}
	.filter-section.opened:before {
		content: none;
	}
		.filter-section .block-label {
			cursor: pointer;
		}
			.filter-section .block-label h2 {
				font-size: 17px;
				line-height: 25px;
				font-weight: bold;
				margin-bottom: 0px;
				text-transform: uppercase;
			}
			.filter-section.opened .block-label h2 {
				color: #a51919;
			}
		.filter-section .block-content {
			/*height: 0px;*/
			/*overflow: hidden;*/			
		}
			.filter-section .block-content .button {
				margin-right: 12px;
			}
			.filter-section .block-content .price-slider {
				
			}
				.filter-section .block-content .price-slider .value {
					margin-bottom: 10px;
				}
				.filter-section .block-content .price-slider .value input {
					padding: 5px;
					width: 75px;
					font-size: 15px;
				}
			.filter-section .block-content label {
				font-size: 15px;
				letter-spacing: 0.5px;
			}
			.filter-section .block-content select {
				min-width: 150px;
			}
			.filter-section .block-content h3 {
				font-size: 16px;
				margin-bottom: 0px;
				margin-top: 10px;
			}
		.filter-section.opened .block-content {
			height: auto;
			margin-bottom: 12px;
		}
			.filter-section.opened .block-content h3 {
				margin-bottom: 2px;
			}
			.filter-section.opened .block-content .section-label:first-child h3 {
				margin-top: 0px;
			}
.filter-section .block-content .input-item.color {
    line-height: 32px;
    display: inline-block;
    width: 40%;
    margin-right: 5%;
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 0px 5px;
    margin-bottom: 5px;
    background: #fff;
    cursor: pointer;
}
.filter-section .block-content .input-item.color.selected {
    border: 2px solid #15a3e4;
}
.filter-section .block-content .input-item.color .color-pic {
    width: 18px;
    height: 18px;
    background-size: cover;
    background-position: center;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
    border: 1px solid #ddd;
}
.filter-section .block-content .input-item.color input[type=checkbox] {
    display: none;
}
.filter-section .block-content .input-item.color span {
    font-size: 15px;
}
.filter-form form .tip-block {
    position: absolute;
    background: #188ec4;
    color: #FFF;
    font-size: 14px;
    padding: 5px 10px;
    line-height: 16px;
    text-align: center;
    display: none;
    right: -11px;
}
.filter-form form .tip-block.show {
    display: block;
}
.filter-form .tip-block .top {
}
.filter-form .tip-block .num {
}
.filter-form .tip-block .apply-filter {
    color :#ffc90c;
}
.main-content .row .catalog-section-block {
	margin-left: 350px;
}
.faq-page {
	padding-bottom: 50px;
}
	.faq-page .faq-list {
		
	}
		.faq-page .faq-list h3 {
			background: rgb(76, 172, 218);
		}
		.faq-page .faq-item {
			
		}
			.faq-page .faq-item a {
				
			}
			.faq-page .faq-item p {
				
			}
.detail-page .work-detail .pictures-block {
	margin-bottom: 33px;
}
.detail-page .work-detail .top-description {
	margin-left: 0px;

}
.detail-page .work-detail .work-description {
	margin-bottom: 50px;
	text-align: justify;
}
	.detail-page .work-detail .work-description p {
		margin-bottom: 7px;
	}
.offices-list  h3.ui-accordion-header-collapsed {
	margin-bottom: 18px;
}
.offices-list .office-description  {
	margin-bottom: 30px;
}
	.offices-list .office-description .office-picture {
		float: left;
		margin-right: 20px;
		margin-bottom: 20px;
		width: 200px;
	}
.sections-block .view-2 {
	
}
	.view-2 h1 {
		text-align: center;
		margin-bottom: 40px;
		font-weight: bold;
		text-transform: uppercase;	
	}
	.view-2 .preview-text {
		font-size: 20px;
		margin-bottom: 40px;
	}
	.view-2 .catalog-rows {
		
	}
		.view-2 .catalog-row {
			padding-bottom: 45px;
			position: relative;
		}
			.view-2 .catalog-row:before {
				content: '';
				position: absolute;
				width: 100%;
				height: 1px;
				background: #ccc;
				left: 0px;
				bottom: 0px;
			}
			.view-2 .catalog-row:last-child:before {
				content: none;
			}
			.view-2 .catalog-row h3 {
				font: bold 30px 'myriadprothin';
				text-align: center;
				color: #444;
				margin-bottom: 24px;
				margin-top: 36px;
			}
				.view-2 .catalog-row h3 span {
					background: #a51919;
					color: #FFF;
					padding: 4px 30px;
					border-radius: 5px;
				}
			.view-2 .catalog-row .section-data {
				text-align: center;
			}
				.view-2 .section-data .col {
					display: inline-block;
					font-size: 25px;
					background: #92d14f;
					color: #FFF;
					margin-left: 45px;
					line-height: 38px;
					margin-bottom: 18px;
				}
				.view-2 .section-data .col:first-child {
					margin-left: 0px;
				}
					.view-2 .catalog-row .col .title {
						background: #00af50;
						padding: 5px 20px;
					}
					.view-2 .catalog-row .col .value {
						padding: 5px 20px;
					}
			.view-2 .catalog-row .element-list {
				    margin-bottom: 20px;
			}
				.view-2 .element-list .element-item {
					
				}
					.view-2 .element-item .picture-block {
						padding: 7px;
						border-radius: 5px;
						border: 2px solid #f2bb82;
						text-align: center;
						height: 300px;
						line-height: 300px;
					}
						.view-2 .element-item .picture-block img {
							max-width: calc(100% - 14px);
							vertical-align: middle;
						}
					.view-2 .element-item .price-block {
						font-size: 48px;
						font-weight: bold;
						color: #b50800;
						line-height: normal;
						margin: 20px 0px;
						text-shadow: -1px 0px 2px rgba(0,0,0,.5);
					}
					.view-2 .element-item h4 {
						font-weight: bold;
					}
					.view-2 .element-item .element-desc {
						text-align: left;
						margin-bottom: 20px;
					}
					.view-2 .element-item .button-block {
						
					}
						.view-2 .element-item .button-block a {
							background: #ffc01a;
							font-size: 23px;
							font-weight: bold;
							width: 200px;
							text-align: center;
							padding: 13px 0px;
							color: #FFF;
							display: inline-block;
							text-decoration: none;
							text-transform: uppercase;
							border-radius: 6px;

						}
			.view-2 .catalog-row .advance-services {
				background: #d9d9d9;
				text-align: center;
				font-size: 23px;
				padding: 10px 0px;
			}
				.view-2 .advance-services a {
					font-size: 20px;
					text-decoration: none;
				}