@font-face {

    font-family: 'latoregular';

    src: url('../font/lato-regular-webfont.eot');

    src: url('../font/lato-regular-webfont.eot?#iefix') format('embedded-opentype'),

         url('../font/lato-regular-webfont.woff2') format('woff2'),

         url('../font/lato-regular-webfont.woff') format('woff'),

         url('../font/lato-regular-webfont.ttf') format('truetype');

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'latoblack';

    src: url('../font/lato-black-webfont.eot');

    src: url('../font/lato-black-webfont.eot?#iefix') format('embedded-opentype'),

         url('../font/lato-black-webfont.woff2') format('woff2'),

         url('../font/lato-black-webfont.woff') format('woff'),

         url('../font/lato-black-webfont.ttf') format('truetype');

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'latoheavy';

    src: url('../font/lato-heavy-webfont.eot');

    src: url('../font/lato-heavy-webfont.eot?#iefix') format('embedded-opentype'),

         url('../font/lato-heavy-webfont.woff2') format('woff2'),

         url('../font/lato-heavy-webfont.woff') format('woff'),

         url('../font/lato-heavy-webfont.ttf') format('truetype');

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'latolight';

    src: url('../font/lato-light-webfont.eot');

    src: url('../font/lato-light-webfont.eot?#iefix') format('embedded-opentype'),

         url('../font/lato-light-webfont.woff2') format('woff2'),

         url('../font/lato-light-webfont.woff') format('woff'),

         url('../font/lato-light-webfont.ttf') format('truetype');

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'latobold';

    src: url('../font/lato-bold-webfont.eot');

    src: url('../font/lato-bold-webfont.eot?#iefix') format('embedded-opentype'),

         url('../font/lato-bold-webfont.woff2') format('woff2'),

         url('../font/lato-bold-webfont.woff') format('woff'),

         url('../font/lato-bold-webfont.ttf') format('truetype');

    font-weight: normal;

    font-style: normal;

}



html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td,

article, aside, canvas, details, embed,

figure, figcaption, footer, header, hgroup,

menu, nav, output, ruby, section, summary,

time, mark, audio, video {

	margin: 0;

	padding: 0;

	border: 0;

	font-size: 100%;

	font: inherit;

	vertical-align: baseline;

}



*{

	box-sizing: border-box;

}



body{

	font-family: 'latoregular';

	font-size: 18px;

	line-height: 1.2;

}


/* Изменения внешнего вида изображений в "О компании" и "Сертификаты": начало */

.jcarousel li {
    list-style-type: none !important;
    display: inline;
    
    }

.jcarousel img {
    width: 220px;
    height: 300px;   
    margin-left: 30px;       
    }

/* Изменения внешнего вида изображений в "О компании" и "Сертификаты": конец */


.mob_menu

{

	position: absolute;

	top: 5px;

    left: 5px;

	display: none;

	z-index: 100;

	margin-top: 4px;

}



.container{

	margin: 0 auto;

	width: 1170px;

	padding: 0 30px;

}



ul{

	padding: 0;

	list-style-type: none;

}



.container:after, ul:after{

	content: '';

	display: block;

	clear: both;

	height: 0;

	visibility: hidden;

}



h3{

	position: relative;

	display: inline-block;

	font-size: 36px;

	color: #000;

	font-family: 'latoheavy';

}



	.header-decor-line:after{

		content: '';

		position: absolute;

		bottom: -12px;

		left: 50%;

		height: 3px;

		width: 70px;

		margin-left: -35px;

		background: #ffd838;

	}



	h3>span{

		color: #1e6b93;

	}



a{

	transition: all 0.3s ease;

}



/*====================================

              section

====================================*/



section{

	min-width: 1170px;

	max-width: 1400px;

	margin: 0 auto;

}



/*====================================

              header

====================================*/

.header{
	position: relative;

}



	.block-nav{

		background: #fff;

		overflow: hidden;

		position: absolute;

		z-index: 2;

		top: 20px;

		width: 1108px;

		padding: 10px 52px 18px 17px;

		box-shadow: 0 1px 4px rgba(0, 0, 0, .3), -13px 0 20px -13px rgba(0, 0, 0, .8), 13px 0 20px -13px rgba(0, 0, 0, .8), 0 0 40px rgba(0, 0, 0, .1) inset;

	}

	/*.block-nav.fixed
	{
	    position: fixed;
	    top: 0;
	    left: 0;
	    width: 100%;
	    z-index: 100;
	    padding-left: 10%;
	    padding-right: 10%
	}*/

	.block-nav.fixed
	{
	    
	}

	.block-nav:after{

		content: '';

		width: 74%;

		height: 3px;

		position: absolute;

		right: 0;

		bottom: 0;

		background: #fdd93a;

		background: linear-gradient(to right,  #fdd93a 0%,#fdd93a 68%,#fdd93a 68%,#80c1e1 68%,#80c1e1 100%);

	}



		.logo{

			float: left;

		}



		.ul-menu{

			float: left;

			margin: 12px 0 0 66px;

		}



			.ul-menu li{

				float: left;

			    width: 25.0%;

			    margin-bottom: 6px;

			}



			.ul-menu li a{

				position: relative;

				text-transform: uppercase;

				font-family: 'latoblack';

				color: #000;

				text-decoration: none;

				border-bottom: 1px solid #686868;

				font-size: 14px;

				line-height: 1;

			}



			.ul-menu li a:before{

				content: '';

				display: block;

				width: 5px;

				height: 5px;

				position: absolute;

				left: -12px;

				top: 4px;

				background: #ffd838;

			}



			.ul-menu li a:hover{

				border-bottom: none;

			}



		.icon-decor{

			position: relative;

		}



		.icon-decor:before{

			content: '';

			background: url(/images/spritesheet.png) no-repeat;

			position: absolute;

		}



		.block-phone{

			float: right;

			font-size: 24px;

			font-family: 'latoheavy';

			color: #000;

			margin-top: 10px;

		}



		.block-phone:before{

			width: 26px;

		    height: 27px;

		    background-position: -5px -5px;

	        left: -36px;

		    top: -4px;

		}



		.call-decor{

			float: right;

			text-decoration: none;

			border-bottom: 1px dotted #000;

			font-size: 16px;

			font-family: 'latoregular';

		    color: #000;

		    margin: 4px 48px 0 0;

		    line-height: 0.9;

		}

		/*.header .container.fixed
		{
			position: absolute;
		    padding: 0;
		    width: 100%;
		    margin: 0 auto;
		}*/

		.block-nav.fixed
		{
			position: fixed;
			top: 0;
			z-index: 100;
		}
		
		.call-decor
		{
			    top: 48px;
		   		position: absolute;
		    	right: 6px;

		}

		.call-decor:hover{

			border-bottom: none;

		}




	.wrapper-top-slider{

		overflow: hidden;

	}



	.wrapper-top-slider-inner{

		height: 562px;

		overflow: hidden;

		margin-bottom: 5px;

	}



		.wrapper-top-slider .container{

		    position: relative;

		}



		.wrapper-top-slider .container:before{

			content: '';

		    display: block;

		    background: url(/images/img-cont-before.png);

		    width: 31px;

		    height: 250px;

		    position: absolute;

		    top: -40px;

		    left: 0;

	        visibility: visible;

		}



		.wrapper-top-slider .container:after{

			content: '';

		    display: block;

		    background: url(/images/img-cont-after.png);

		    width: 30px;

		    height: 280px;

		    position: absolute;

		    top: -40px;

		    right: 0;

		    visibility: visible;

		}



		.bx-wrapper .bx-viewport{

			border: none;

			box-shadow: none;

			background: transparent;

			left: 0;

		}



		.bx-wrapper{

			margin-bottom: 0;

		}



		.bx-wrapper .bx-pager{

			display: none; 

		}



		.wrapper-top-slider .bx-wrapper .bx-pager{

			display: block;

			bottom: 184px;

			right: 0;

		    width: 170px;

		    text-align: right;

		    margin: 0px 0px 0px 400px;

		    left: 50%;

		    padding-right: 27px;

		}



			.wrapper-top-slider .bx-wrapper .bx-pager.bx-default-pager a{

				text-indent: 9999px;

				width: 14px;

				height: 14px;

				border-radius: 50%;

				border: 3px solid #fff;

				background: transparent;

				margin-left: 1px;

			}



			.bx-wrapper .bx-pager.bx-default-pager a:hover, 

			.bx-wrapper .bx-pager.bx-default-pager a.active{

				background: #ffd838;

				border: 3px solid #ffd838;

			}



		.wrapper-top-slider .bx-wrapper .bx-controls-direction a{

			background: url(/images/spritesheet.png) no-repeat;

			width: 50px;

		    height: 50px;

		    z-index: 99;

		    margin-top: 0;

		    top: 45%;

		}



		.wrapper-top-slider .bx-wrapper .bx-controls-direction a:hover{

			opacity: 0.7;

		}



		.wrapper-top-slider .bx-wrapper a.bx-prev, .wrapper-top-slider .bx-wrapper a.bx-prev:hover{

			background-position: -105px -5px;

			left: 4%;

		}



		.wrapper-top-slider .bx-wrapper a.bx-next, .wrapper-top-slider .bx-wrapper a.bx-next:hover{

			background-position: -5px -65px;

			right: 4%;

		}



		.top-slide-item{

			padding-top: 155px;

		}



			.top-slider-item .container{

				position: relative;

			}



			.top-slider-img{

				float: left;

				width: 33%;

				text-align: center;

				padding: 6px 0 0 27px;

			}



				.wrapper-top-slider .bx-wrapper img{

					display: inline;

				    max-width: inherit;

				}



			.top-slider-description{

				float: left;

				width: 67%;

				position: relative;

			}



				.top-slider-header{

					font-size: 60px;

					color: #000;

					font-family: 'latolight';

					line-height: 1.4;

					letter-spacing: -1.7px;

					padding-left: 51px;

				}



					.top-slider-header span{

						display: block;

						font-family: 'latoheavy';

						letter-spacing: 0;

					}



				.top-slider-action{

					position: absolute;

					right: 64px;

					top: 24px;

					color: #fff;

				}



					.top-slider-action:before{

						width: 28px;

					    height: 28px;

					    background-position: -67px -5px;

				        left: -37px;

					    top: -7px;

					}



				.top-slider-header-slogan{

					color: #fff;

				    margin: 24px 0 0 32px;

				    letter-spacing: -0.1px;

				}



					.top-slider-header-slogan span{

						font-family: 'latoheavy';

					}



				.slider-description-benefits{

					overflow: hidden;

					min-height: 70px;

					margin: 15px 0 0 26px;

				}



					.description-benefits-item{

						float: left;

						width: 30%;

						font-family: 'latoheavy';

						color: #fff;

						padding: 15px 0 0 86px;

					}



					.benefits-price{

						margin-right: 16px;

					}



						.benefits-price:before{

							width: 66px;

						    height: 69px;

						    background-position: -202px -82px;

						    top: 0;

						    left: 6px;

						}



					.benefits-mounting{

						width: 23%;

					}



						.benefits-mounting:before{

							width: 74px;

						    height: 67px;

						    background-position: -195px -5px;

						    top: 0;

						    left: 0;

						}



					.benefits-guarantee{

					    margin-left: 25px;

					    width: 26%;

					}



						.benefits-guarantee:before{

							width: 74px;

						    height: 65px;

						    background-position: -118px -125px;

						    top: 0;

						    left: 5px;

						}



				.link-reserve{

					text-decoration: none;

					font-size: 20px;

					color: #000;

					font-family: 'latoblack';

					background: #ffe838;

					background: linear-gradient(to bottom,  #ffe838 0%,#ffd838 100%);

				    margin: 20px 0 0 31px;

				    float: left;

				    padding: 14px 25px;

				    border-radius: 25px;

				    box-shadow: 0 5px 7px rgba(55, 56, 58, 0.5);

				}



				.link-reserve:hover{

					opacity: 0.8;
                    animation: none;

				}



		.slide-item-1{

			background: url(/images/top-slider/img-bg-slide-1.jpg) center top no-repeat;

			height: 696px;

		}



			.slide-item-1 .top-slider-header{

				background: url(/images/img-bg-header-slide-1.png) no-repeat;

				width: 606px;

				height: 166px;

			}



		.slide-item-2{

			background: url(/images/top-slider/img-bg-slide-2.jpg) center top no-repeat;

			height: 696px;

		}



			.slide-item-2 .top-slider-header{

				background: url(/images/img-bg-header-slide-2.png) no-repeat;

				width: 732px;

				height: 166px;

			}



			.slide-item-2 .top-slider-img{

				padding: 0 0 0 40px;

			}



		.slide-item-3{

			background: url(/images/top-slider/img-bg-slide-3.jpg) center top no-repeat;

			height: 696px;

		}



			.slide-item-3 .top-slider-img{

				padding: 5px 0 0 50px;

			}



		.slide-item-4{

			background: url(/images/top-slider/img-bg-slide-4.jpg) center top no-repeat;

			height: 696px;

		}



			.slide-item-4 .top-slider-img{

				padding: 27px 0 0 26px;

			}



		.slide-item-5{

			background: url(/images/top-slider/img-bg-slide-5.jpg) center top no-repeat;

			height: 696px;

		}



			.slide-item-5 .top-slider-header{

				background: url(/images/img-bg-header-slide-5.png) no-repeat;

				width: 701px;

				height: 166px;

			}



		.slide-item-6{

			background: url(/images/top-slider/img-bg-slide-6.jpg) center top no-repeat;

			height: 696px;

		}



			.slide-item-6 .top-slider-img{

			    padding: 11px 0 0 0px;

			}



			.slide-item-6 .top-slider-header{

				background: url(/images/img-bg-header-slide-6.png) no-repeat;

				width: 515px;

				height: 166px;

			}



			.slide-item-3 .top-slider-header, 

			.slide-item-4 .top-slider-header{

				background: url(/images/img-bg-header-slide-3.png) no-repeat;

				width: 515px;

				height: 166px;

			}



/*====================================

              wrapper-advantages

====================================*/

.wrapper-advantages{

	margin-top: -10px;

    padding-bottom: 46px;

}



.wrapper-advantages-home{

	margin-top: -134px;

	padding-bottom: 0;

}



	.advantages-home-bg{

		background: rgba(255, 255, 255, 0.2);

		border-top: 3px solid #fff;

		position: relative;

		padding-top: 27px;

		position: relative;

	}



	.advantages-home-bg:before{

		content: '';

		display: block;

		width: 100%;

		height: 10px;

		position: absolute;

		top: -3px;

		left: 0;

		box-shadow: 0 -3px 7px rgba(0, 0, 0, 0.3);

	}



	.wrapper-advantages-home h3{

		color: #fff;

	    text-align: center;

	    display: inherit;

	}



	.ul-advantages{

		text-align: justify;

		line-height: 0;

        font-size: 1px;

        width: 94%;

	    margin: 18px auto 0;

	}



	.ul-advantages:after{

		content: '';

		width: 100%;

        height: 0;

        visibility: hidden;

        overflow: hidden;

        display: inline-block;

	}



		.ul-advantages li{

			display: inline-block;

			line-height: normal;

			vertical-align: top;

			width: 17%;

		}



			.advantages-img{

				background: #fff;

				width: 125px;

				height: 125px;

				border-radius: 50%;

				text-align: center;

				margin: 0 auto 0;

				padding-top: 34px;

			}



			.ul-advantages li>span{

				display: block;

				text-align: center;

				font-size: 18px;

			    margin-top: -11px;

			    line-height: 1.2;

			}



/*====================================

              wrapper-price

====================================*/

.wrapper-price{

	padding: 31px 0 74px;

}



	.wrapper-header{

		text-align: center;

	}



		.wrapper-header h3{}



	.block-price{		

		border: 3px solid #faf4d5;

		margin-top: 47px;

		height: 506px;

		position: relative;

		border-radius: 7px;

	}



		.wrapper-calc-price{

			background: url(/images/img-bg-block-calc.jpg) no-repeat;

			height: 308px;

			padding-top: 32px;

			position: relative;

		}



			.block-calc{

				background: #fff;

				border-top: 3px solid #1e6b93;

			    min-height: 110px;

			    margin: 0 auto 0;

			    width: 95.4%;

			    border-radius: 5px;

		        position: relative;

			    z-index: 2;

			    padding-top: 27px;

			    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);

			}



			.block-calc-before{

				width: 125px;

				height: 125px;

				border-radius: 50%;

				border: 3px solid #1e6b93;

				border-bottom: none;

				position: absolute;

				left: 50%;

				margin-left: -64px;

				top: -15px;

				background: #fff;

			}



				.block-calc-before:before{

					width: 30px;

				    height: 37px;

				    background-position: -78px -125px;

				    left: 44px;

				    top: 20px;

				    z-index: 4;

				}



				.block-calc-before:after{

					content: '';

					border-bottom: 3px solid #fff;

					position: absolute;

					left: 2px;

					top: 44px;

					width: 115px;

					z-index: 3;

				}



				.block-calc-range{

					float: left;

					width: 528px;

					padding-left: 30px;

				}





					.calc-range{

						float: left;

					}



						.calc-range>span{

							float: left;

							margin-top: 15px;

							margin-right: 20px;

						}



						.range-services-item{

							float: left;

							margin-top: 5px;

						}



							.range-services-item>div{

								float: left;

							}



							.range-services-item input{

								background: #fff;

								width: 59px;

								height: 38px;

								border: 1px solid #d8e2e6;

								border-radius: 3px;

								text-align: center;

								float: right;

								font-size: 16px;

								font-weight: 600;

								margin-top: -5px;

							}



								.ui-slider-horizontal{

									height: 3px;

									background: #d8e2e6;

									width: 175px;

									margin-top: 11px;

									border: none;

								}



								.ui-state-default, .ui-widget-content .ui-state-default, 

								.ui-widget-header .ui-state-default{

									outline: none;

									cursor: pointer;

									background: url(/images/icon-range.png);

									width: 11px;

									height: 25px;

									top: -8px;

									/*left: 16px;*/

									margin-left: 0;

									border-radius: 0 0 6px 6px;

									border: none;

								}



								.ui-widget-header{

									background: #faf4d5;

									box-shadow: inset 0 2px 3px #d7d2b7;

								}



								.ui-slider-horizontal{

									height: 9px;

									width: 250px;

									margin-top: 17px;

								}



								.range-services-item input{

									margin-left: 22px;

									width: 85px;

									height: 50px;

								}



					.calc-input{

						float: right;

						padding-right: 5px;

					}



						.input-range{

							border: 1px solid #d3cfbc;

							border-radius: 5px;

							background: #fff;

							height: 50px;

							width: 84px;

							float: left;

							margin-right: 14px;

							padding: 0 5px;

						}



							.calc-input>span{

								margin-top: 15px;

								float: right;

							}



							.calc-input span sup{

								vertical-align: top;

								font-size: 14px;

							}



				.calc-price{

					width: 25%;

					float: left;

					padding-left: 24px;

				}



					.calc-price span{

						float: left;

						margin-top: 15px;

					}



					.calc-price-summ{}



					.calc-price-decor{

						position: relative;

						color: #000;

						font-family: 'latoheavy';

						padding: 12px 0 12px 0;

						background: #ffd838;

						float: right;

						padding: 16px 17px 12px 0;

					}



					.calc-price-decor:before{

						content: '';

					    display: block;

					    width: 0;

					    height: 0;

					    border-top: 25px solid transparent;

					    border-right: 25px solid #ffd838;

					    border-bottom: 25px solid transparent;

					    position: absolute;

					    left: -25px;

					    top: 0;

					}



				.calc-price-mounting{

					float: right;

					width: 19%;

					margin-right: 32px;

				}



					.calc-price-mounting span{

						float: left;

						margin-top: 15px;

					}



					.calc-price-mounting-summ{}



			.ul-calc-price-list{

			    width: 95%;

			    margin: 24px auto 0;

			    padding-left: 10%;

			}



				.ul-calc-price-list li{
				    
                    display: block;

					color: #010101;

					margin-bottom: 10px;
                    
                    width: 28%;

					float: left;

				}



				.ul-calc-price-list li:nth-child(1n+2){

					margin-right: 51px;

				}



				.ul-calc-price-list li:nth-child(3n+3){

					float: right;

					margin-right: 0;

				}


                
				.ul-calc-price-list li a{

						color: #0061a0;

						margin-right: 0px;

					}



					.ul-calc-price-list li a:hover{
					   
						text-decoration: none;

					}



					.ul-calc-price-list li a:before{

						width: 16px;

					    height: 13px;

					    background-position: -41px -5px;

				        left: -23px;

					    top: 1px;

					}



		.block-shares{

			margin-top: 24px;

		}



			.ul-shares{

				width: 82%;

				margin: 40px auto 0; 

			}



				.ul-shares li{

					float: left;

					width: 34%;

					margin-bottom: 9px;

				}



				.ul-shares li:nth-child(3n+2){

				    margin-left: 64px;

				    width: 22%;

				}



				.ul-shares li:nth-child(3n+3){

					float: right;

					width: 31%;

				}



					.ul-shares li a{

						color: #0061a0;

					}



					.ul-shares li a:hover{

						text-decoration: none;

					}



					.ul-shares li a:before{

						width: 16px;

					    height: 13px;

					    background-position: -41px -5px;

					    left: -19px;

					    top: 1px;

					}



		.wrapper-center{

			text-align: center;

		}



			.link-calc-action{

				font-size: 20px;

				color: #fff !important;

				text-decoration: none;

				font-family: 'latoblack';

				background: #1572d2;

				background: linear-gradient(to bottom,  #1572d2 0%,#014aa7 100%);

			    margin-top: 17px;

			    display: inline-block;

			    padding: 13px 30px;

			    border-radius: 30px;

			    box-shadow: 0 10px 10px #dae5f3;

			}



			.link-calc-action:hover{

				opacity: 0.8;

			}



/*====================================

              wrapper-selection

====================================*/

.wrapper-selection{

	background: url(/images/img-bg-selection.jpg);

	padding: 37px 0 11px;

}



.wrapper-selection-inner{

	padding: 37px 0 20px;

}



	.wrapper-selection .container>.wrapper-header{

		margin-bottom: 53px;

	}



	.wrapper-selection-inner .container>.wrapper-header{

		margin-bottom: 43px;

	}



	.wrapper-header h5{

		position: relative;

		font-size: 24px;

		font-family: 'latoheavy';

	}



	h5.header-decor-line:after{

		bottom: -16px;

		width: 30px;

		margin-left: -15px;

	}



	.header-decor{

		background: url(/images/img-bg-subheader.png);

		width: 400px;

		height: 55px;

		text-align: center;

		display: inline-block;

		padding-top: 12px;

	}



	.wrapper-slider-goods{

		margin-bottom: 34px;

	}



	.wrapper-selection-inner .wrapper-slider-goods{

		margin-bottom: 25px;

	}



		.wrapper-slider-goods .wrapper-header{

			margin-bottom: 19px;

		}



	.ul-slider-goods{

		/*margin-top: 20px;*/

	}



		.ul-slider-goods li{

			position: relative;

			padding-bottom: 25px;

		}

        .ul-slider-goods li img {

            width: 254px;

            height: 220px;

            border-radius: 5px;

        }



			.wrapper-slider-goods .bx-wrapper .bx-viewport{}



			.wrapper-slider-goods .bx-wrapper .bx-controls-direction a{

				background: url(/images/spritesheet.png) no-repeat;

				width: 50px;

			    height: 50px;

			    z-index: 99;

			    margin-top: 0;

			    top: 45%;

			}



			.wrapper-slider-goods .bx-wrapper .bx-controls-direction a:hover{

				opacity: 0.7;

			}



			.wrapper-slider-goods .bx-wrapper a.bx-prev, .wrapper-slider-goods .bx-wrapper a.bx-prev:hover{

				background-position: -65px -65px;

				left: -25px;

			}



			.wrapper-slider-goods .bx-wrapper a.bx-next, .wrapper-slider-goods .bx-wrapper a.bx-next:hover{

				background-position: -125px -65px;

				right: -25px;

			}



			.wrapper-slider-goods .bx-wrapper img{

				max-width: inherit;

			    display: inline;

			}





			.ul-slider-goods li>a{

				color: #0061a0;

				font-size: 22px;

				margin-bottom: 7px;

				display: inline-block;

				font-family: 'latobold';

			}



			.ul-slider-goods li>a:hover{

				text-decoration: none;

			}



			.slider-goods-price{

				background: #fff;

				position: absolute;

				bottom: 1px;

				left: 20%;

			    box-shadow: 0 1px 2px rgba(35, 34, 32, 0.5);

			    border-radius: 2px 5px 5px 2px;

			}



			.slider-goods-price:before{

				content: '';

				display: block;

				width: 0;

				height: 0;

				border-top: 25px solid transparent;

				border-right: 25px solid #fff;

				border-bottom: 25px solid transparent;

				position: absolute;

				left: -24px;

				top: 0;

			}



				.old-goods-price{

					color: #000;

					display: inline-block;

					padding: 15px 0;

					margin: 0 31px 0 -5px;

					position: relative;

				}


				.new-old-goods-price {
					position: relative;
					font-family: 'latoheavy';
					background: #ffd838;
					display: inline-block;
					padding: 15px 20px 15px 0;
					color: #000;
					border-radius: 0 5px 5px 0;
				}
                
				.new-old-goods-price-up {
					position: relative;
					font-family: 'latoheavy';
					background: #ffd838;
					display: inline-block;
					padding: 15px 20px 15px 0;
					color: #000;
					border-radius: 0 5px 5px 0;
				}
                
                .new-old-goods-price a {
                    color: #000;
                    text-decoration: underline !important;
                }

                .new-old-goods-price-up a {
                    color: #000;
                    text-decoration: underline !important;
                }

				.new-old-goods-price:before{
					content: '';
					display: block;
					width: 0;
					height: 0;
					border-top: 25px solid transparent;
					border-right: 25px solid #ffd838;
					border-bottom: 25px solid transparent;
					position: absolute;
					left: -24px;
					top: 0;
				}
                
				.new-old-goods-price-up:before{
					content: '';
					display: block;
					width: 0;
					height: 0;
					border-top: 25px solid transparent;
					border-right: 25px solid #ffd838;
					border-bottom: 25px solid transparent;
					position: absolute;
					left: -24px;
					top: 0;
				}



/*====================================

              color-ceiling

====================================*/

.color-ceiling
{
	background: none;
    padding: 38px 0 75px;
    background: url(/images/img-bg-reviews.jpg);
}

.color-ceiling .active
{
	display: inline-block;
    line-height: 0;
    box-shadow: 0px 0px 0px 3px #ffbd33 inset;
}

.color-ceiling h3
{
	color: #fff;
}

.color-ceiling .block-record
{
	box-shadow: none;
	height: 633px;
	background: #fff;
}

.color-ceiling .tabs
{
	width: 99.999999%;
	margin: 0 auto;
}

.color-ceiling .tabs li
{
	width: 33.333333%;
}

.color-ceiling .tabs li.current:after, .color-ceiling .tabs li:hover {
    z-index: 1;
}

.color-ceiling .box
{
	padding: 0;
}

.color-ceiling .block-record-work
{
	position: relative;
	margin: 0;
	width: 100%;
	height: 633px;
}

.color-ceiling .room
{
	position: absolute;
	left: 0;
	width: 100%;
	height: 633px;
	background: url('/images/room.png');
}

.color-ceiling .gloss .ceiling
{
	position: absolute;
	left: 0;
	width: 100%;
	height: 633px;
	background: #85c6cc url('/images/ceiling.png');
}

.color-ceiling .photoprint .ceiling
{
	position: absolute;
	left: 0;
	width: 100%;
	height: 633px;
	opacity: 0.15;
	background: url('/images/ceiling.png');
}

.color-ceiling .bg-photo
{
	position: absolute;
	left: 0;
	width: 100%;
	height: 633px;
	background: url('/images/photoprint/1.png');
}

.color-ceiling .shadow
{
	position: absolute;
	left: 0;
	width: 100%;
	height: 633px;
	background: #85c6cc url('/images/shadow.png');
}



.bordertop
{
	height: 4px;
	background: #fff;
}

/*.borderbottom
{
	height: 4px;
	background: #ffffff;
	background: -moz-linear-gradient(left, #ffffff 0%, #ffffff 22%, #80c1e1 22%, #80c1e1 22%, #80c1e1 81%, #fdd93a 81%, #fdd93a 81%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(22%,#ffffff), color-stop(22%,#80c1e1), color-stop(22%,#80c1e1), color-stop(81%,#80c1e1), color-stop(81%,#fdd93a), color-stop(81%,#fdd93a)); 
	background: -webkit-linear-gradient(left, #ffffff 0%,#ffffff 22%,#80c1e1 22%,#80c1e1 22%,#80c1e1 81%,#fdd93a 81%,#fdd93a 81%);
	background: -o-linear-gradient(left, #ffffff 0%,#ffffff 22%,#80c1e1 22%,#80c1e1 22%,#80c1e1 81%,#fdd93a 81%,#fdd93a 81%);
	background: -ms-linear-gradient(left, #ffffff 0%,#ffffff 22%,#80c1e1 22%,#80c1e1 22%,#80c1e1 81%,#fdd93a 81%,#fdd93a 81%);
	background: linear-gradient(to right, #ffffff 0%,#ffffff 22%,#80c1e1 22%,#80c1e1 22%,#80c1e1 81%,#fdd93a 81%,#fdd93a 81%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fdd93a',GradientType=1 );
}*/


.borderbottom
{
	height: 4px;
	background: #ffffff;
	background: -moz-linear-gradient(left, #ffffff 0%, #ffffff 22%, #fdd93a 22%, #fdd93a 22%, #fdd93a 81%, #80c1e1 81%, #80c1e1 81%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(22%,#ffffff), color-stop(22%,#80c1e1), color-stop(22%,#80c1e1), color-stop(81%,#80c1e1), color-stop(81%,#fdd93a), color-stop(81%,#fdd93a)); 
	background: -webkit-linear-gradient(left, #ffffff 0%, #ffffff 22%, #fdd93a 22%, #fdd93a 22%, #fdd93a 81%, #80c1e1 81%, #80c1e1 81%);
	background: -o-linear-gradient(left, #ffffff 0%, #ffffff 22%, #fdd93a 22%, #fdd93a 22%, #fdd93a 81%, #80c1e1 81%, #80c1e1 81%);
	background: -ms-linear-gradient(left, #ffffff 0%, #ffffff 22%, #fdd93a 22%, #fdd93a 22%, #fdd93a 81%, #80c1e1 81%, #80c1e1 81%);
	background: linear-gradient(left, #ffffff 0%, #ffffff 22%, #fdd93a 22%, #fdd93a 22%, #fdd93a 81%, #80c1e1 81%, #80c1e1 81%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#80c1e1',GradientType=1 );
}

.box-colors
{
    width: 900px;
    margin: 0 auto;
    height: 90px;
    opacity: 0.8;
    bottom: 60px;
    position: relative;
    top: 463px;
}

.box-colors > .block
{
	display: flex;
	flex-direction: row;
	justify-content: space-around;
    align-items: center;
    height: 86px;
    background: #fff;
    opacity: 0.8;
}

.box-colors > .block > div
{
	margin-left: 4px;
	width: 30px;
	height: 20px;
	cursor: pointer;

}

.box.photoprint .block > div
{
    margin-left: 0;
    width: 60px;
    height: 40px;
}

.box-colors > .block > div > img
{
	width: 100%;
	height: 100%;
	position: relative;
    z-index: -1;
}

.c85c6cc{background: #85c6cc}
.c946ba6{background: #946ba6}
.c5a3a39{background: #5a3a39}
.c066a51{background: #066a51}
.cd5417d{background: #d5417d}
.c099a5f{background: #099a5f}
.cdcae82{background: #dcae82}
.c9a634b{background: #9a634b}
.cf7c200{background: #f7c200}
.c2faca4{background: #2faca4}
.cdebc79{background: #debc79}
.c837ab3{background: #837ab3}
.cbcc5c4{background: #bcc5c4}
.ceeecd7{background: #eeecd7}
.c885130{background: #885130}
.cfff56c{background: #fff56c}
.cbc5848{background: #bc5848}
.cc3e4e6{background: #c3e4e6}
.cdc2727{background: #dc2727}
.c7a2641{background: #7a2641}
.c48697a{background: #48697a}
.c31277c{background: #31277c}

.bg-ceiling-1{background: url('/images/photoprint/mini/1.png')}
.bg-ceiling-2{background: url('/images/photoprint/mini/2.png')}
.bg-ceiling-3{background: url('/images/photoprint/mini/3.png')}
.bg-ceiling-4{background: url('/images/photoprint/mini/4.png')}
.bg-ceiling-5{background: url('/images/photoprint/mini/5.png')}
.bg-ceiling-6{background: url('/images/photoprint/mini/6.png')}
.bg-ceiling-7{background: url('/images/photoprint/mini/7.png')}
.bg-ceiling-8{background: url('/images/photoprint/mini/8.png')}







/*====================================

              free-offer

====================================*/

.free-offer{

	background: url(/images/img-bg-free-offer.jpg) center top no-repeat;

	height: 263px;

}



	.free-offer>.container{

		position: relative;

	}



	.free-offer>.container>img{

		position: absolute;

		left: 73px;

		top: -23px;

	}



	.free-offer-text{

		float: left;

	    margin: 46px 0 0 283px;

	    letter-spacing: -0.1px;

	}



	.free-offer-text-subheader{

		background: url(/images/img-bg-free-offer-header.png) no-repeat;

		height: 111px;

		float: left;

		width: 100%;

		margin-top: 15px;

		padding: 3px 0 0 25.3%;

	}



		.free-offer-text-subheader h6{

			color: #010101;

			font-size: 36px;

			font-family: 'latoheavy';

		}



		.free-offer-phone{

			font-size: 18px;

		    text-align: right;

		    margin: 29px 111px 0 0;

		}

			

			.free-offer-phone p

			{

				position: absolute;

				left: 622px;

			}

				

			.free-offer-phone span{

				font-family: 'latoheavy';

				font-size: 36px;

				float: right;

			    margin: -10px 0 0 59px;

			}



			.free-offer-phone span:before{

				width: 27px;

			    height: 26px;

			    background-position: -5px -125px;

			    left: -35px;

			    top: 4px;

			}



/*====================================

              wrapper-reviews

====================================*/

.wrapper-reviews{

	background: url(/images/img-bg-reviews.jpg);

	padding: 38px 0 155px;

}



	.wrapper-reviews h3{

		color: #fff;

	}



	.link-reviews-all{

		color: #fff;

		font-size: 14px;

		margin-left: 30px;

	}



		.link-reviews-all:hover{

			text-decoration: none;

		}



	.ul-reviews{

		text-align: justify;

		line-height: 0;

        font-size: 1px;

        margin-top: 48px;

	}



	.ul-reviews:after{

		content: '';

		width: 100%;

        height: 0;

        visibility: hidden;

        overflow: hidden;

        display: inline-block;

	}



		.ul-reviews li{

			display: inline-block;

			line-height: normal;

			vertical-align: top;

			width: 31.5%;

		}



			.ul-reviews li>a{

				color: #fff;

				font-size: 18px;

				text-align: left;

				display: inline-block;

				line-height: 1.2;

			}



			.reviews-block{

				border-radius: 7px;

				margin-top: 6px;

				min-height: 508px;

				position: relative;

				background: #fff;

				box-shadow: 3px 4px 7px rgba(51, 53, 53, 0.6);

			}



				.reviews-block>img{

					border-radius: 7px 7px 0 0;

					max-width: 100%;

				}



				.reviews-description{

					background: #fff;

				}



					.reviews-description>img{

						width: 85px;

						height: 85px;

						border-radius: 50%;

						border: 7px solid #fff;

						margin: -41px auto 0;

						display: block;

					}



					.customer-name{

						text-align: center;

						font-family: 'latoheavy';

						font-size: 18px;

						margin-top: 5px;

					}



					.number-contract{

						color: #1e6b93;

						font-family: 'latoheavy';

						display: block;

						font-size: 18px;

						text-align: center;

						margin-top: 4px;

					}



					.reviews-description p{

						color: #010101;

						font-size: 18px;

						text-align: left;

					    margin-top: 21px;

					    padding: 0 20px 0 30px;

					    line-height: 21px;

					}



					.reviews-time-cost{

						font-family: 'latoheavy';

						color: #000;

						background: #ffd838;

						font-size: 18px;

						position: absolute;

						bottom: -24px;

						display: inline-block;

						left: 50%;

						padding: 16px 5px;

						border-radius: 2px 5px 5px 2px;

						margin-left: -75px;

						box-shadow: 3px 4px 7px rgba(51, 53, 53, 0.6);

						height: 50px;

					}



					.reviews-time-cost:before{

						content: '';

						display: block;

						width: 0;

						height: 0;

						border-top: 25px solid transparent;

						border-right: 25px solid #ffd838;

						border-bottom: 25px solid transparent;

						position: absolute;

						left: -25px;

						top: 0;

					}



/*====================================

              wrapper-measurement

====================================*/

.wrapper-measurement{

	background: url(/images/img-bg-measurement.jpg) center top no-repeat;

	height: 483px;

	padding-top: 37px;

}



	.block-record{

	    background: url(/images/img-bg-block-record-1.jpg) 30px bottom no-repeat,

	    			url(/images/img-bg-block-record-2.jpg) 95.1% bottom no-repeat, 

	    			#fff;

	    border-top: 3px solid #1e6b93;

	    min-height: 351px;

	    border-radius: 5px;

        box-shadow: 0 0 15px #DFE1E2;

	    overflow: hidden;

	    margin-top: 52px;

	}



		.tabs{

			text-align: center;

			display: table;

			width: 100%;

		}



			.tabs li{

				transition: all 0.3s ease;

				position: relative;

				cursor: pointer;

				height: 73px;

				background: #faf4d5;

				border-right: 1px solid #ebe6c9;

				display: table-cell;

				vertical-align: middle;

				width: 20%;

			}



				.tabs li span{

					color: #0061a0;

					font-size: 18px;

					border-bottom: 1px dotted #0061a0;

				}



			.tabs li:last-child{

				border-right: none;

			}



			.tabs li:hover{

				background: #ffd838;

			}



				.tabs li:hover span{

					color: #000;

					font-family: 'latoheavy';

					border-bottom: none;

				}



				.tabs li:hover:after{

					content: '';

					display: block;

					width: 0;

					height: 0;

					border-left: 10px solid transparent;

					border-right: 10px solid transparent;

					border-top: 10px solid #ffd838;

					position: absolute;

					bottom: -10px;

					left: 50%;

					margin-left: -5px;

				}



			.tabs li.current{

				background: #ffd838;

			}



				.tabs li.current span{

					color: #000;

					font-family: 'latoheavy';

					border-bottom: none;

				}



			.tabs li.current:after{

				content: '';

				display: block;

				width: 0;

				height: 0;

				border-left: 10px solid transparent;

				border-right: 10px solid transparent;

				border-top: 10px solid #ffd838;

				position: absolute;

				bottom: -10px;

				left: 50%;

				margin-left: -5px;

			}



		.box{

			display: none;

			padding-top: 35px;

		}



		.visible{

			display: block;

		}



			.block-record-work{

				text-align: center;

				width: 57%;

				margin: 0 auto 17px;

			}



				.record-work-item{

					display: inline-block;

					text-align: center;

					position: relative;

					width: 32%;

					vertical-align: top;

				}



				.record-work-item:after{

					content: '';

					display: block;

					background: url(/images/img-record-date-after.png) no-repeat;

					width: 84px;

					height: 3px;

					position: absolute;

					right: -40px;

					top: 30px;

				}



				.record-work-item:last-of-type:after{

					content: none;

					display: none;

				}



					.record-work-item span{

						display: block;

						color: #1e6b93;

						font-size: 60px;

						font-family: 'latoheavy';

						line-height: 1;

					}



					.record-work-item p{

						color: #010101;

						padding: 0 10px;

						margin-top: 4px;

					}



/*====================================

              wrapper-maps

====================================*/

.wrapper-maps{

    border-top: 3px solid #1e6b93;

    height: 435px;

    position: relative;

}



	.contact-wrapper{

		background: #fff;

		border: 1px solid #f0f0f0;

		box-shadow: 0 0 10px #BDBBBB;

	    width: 66%;

	    margin: 98px auto 0;

	    position: relative;

	    z-index: 2;

	}



		.contact-wrapper h3{

			background: #faf4d5;

		    padding: 17px 0;

		    text-align: center;

		}



		.contact-info{

			padding: 26px 0 24px 42px;

			overflow: hidden;

		}



			.contact-info-item{

				float: left;

				padding-left: 28px;

				width: 33%;

			}



			.info-item-adress:before{

				width: 20px;

			    height: 27px;

			    background-position: -165px -5px;

			    left: -2px;

			    top: -2px;

			}



			.info-item-phone{

				padding-left: 69px;

			}



				.info-item-phone:before{

					width: 27px;

				    height: 26px;

				    background-position: -5px -125px;

			        left: 32px;

				    top: -8px;

				}



			.info-item-email{

				padding-left: 64px;

			}



				.info-item-email a{

					color: #0061A0;

					font-family: 'latobold';

				}



				.info-item-email:before{

					width: 26px;

				    height: 20px;

				    background-position: -42px -125px;

				    left: 27px;

				}



					.contact-info-item span{

						font-family: 'latoheavy';

						color: #000;

						display: block;

					}



					.contact-info-item span.info-item-header{

						color: #1e6b93;

						font-family: 'latoregular';

					}



.block-maps{

	position: absolute;

	height: 100%;

	width: 100%;

    top: 0;

    left: 0;

}


/*====================================

              wrapper-projects

====================================*/

.wrapper-projects{

	background: url(/images/img-bg-reviews.jpg);

	padding: 38px 0 50px;

}



	.wrapper-projects h3{

		color: #fff;

	}



	.wrapper-projects .link-calc-action{

		box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5);

	}



	.carousel-container{

		position: relative;

		min-height: 575px;

		margin-top: 23px;

	}



		.carousel-nav{

			background: url(/images/spritesheet.png) no-repeat;

			width: 50px;

			height: 50px;

			position: absolute;

			top: 49%;

			cursor: pointer;

			z-index: 5;

		}



		.carousel-nav:hover{

			opacity: 0.8;

		}



			.carousel-nav-left{

				left: -25px;

				background-position: -65px -65px;

			}



			.carousel-nav-right{

				right: -25px;

				background-position: -125px -65px;

			}



		.carousel-feature{

			overflow: visible !important;

			opacity: 1 !important;

		}



			.carousel-feature a{

				text-decoration: none;

			}



			.tracker-summation-container{

				display: none;

			}



			.tracker-individual-container{

				display: none !important;

				opacity: 1 !important;

			}



			.carousel-image{

				border-radius: 7px;

                width: 540px;

                /* max-height: 440px; 
                */
			}



		.carousel-feature .slider-goods-price{

			left: 50%;

			bottom: -85px;

			margin-left: -85px;

		}



		.name-project{

			color: #fff;

			font-size: 21px;

			font-family: 'latoheavy';

		}



			.name-project sup{

				vertical-align: top;

			}



		.name-materials{

			color: #fff;

			display: block;

			font-size: 18px;

			margin: 3px 0 9px;

		}



/*====================================

              footer

====================================*/

.footer{

	background: url(/images/img-bg-footer.jpg) center top no-repeat;

	height: 158px;

	color: #fff;

	padding-top: 27px;

}



	.block-copyright{

		font-size: 16px;
		float: left;

		margin-top: 14px;

	}
	
	.block-copyright a:hover{

 text-decoration: none;

 }
.block-copyright a{

 color: #fff; 

 }



	.footer .ul-menu{

		margin: 12px 0 0 246px;

	}



		.footer .ul-menu li{

			margin-bottom: 1px;

		    width: 28.2%;

		}



			.footer .ul-menu li a{

				color: #fff;

				border-bottom: 1px solid #fff;

				font-size: 12px;

			}



			.footer .ul-menu li a:hover{

				border-bottom: none;

			}



			.footer .ul-menu li a:before{

				content: none;

				display: none;

			}



	.link-creation{

		float: right;

		font-size: 16px;

		margin-top: 14px;

	}



		.link-creation a{

			color: #fff;

			

		}



		.link-creation a:hover{

			text-decoration: none;

		}



/*====================================

              modal

====================================*/



.modal-block{

	display: none;

	width: 400px;

	background: #fff;

	border: 3px solid #1e6b93;

	padding: 15px 10px 20px;

	text-align: center;

	border-radius: 5px;

}



	.modal-block form{

		width: 95%;

		margin: 20px auto 0;

	}



	.modal-block h6{

		font-size: 28px;

	}



	.modal-block .input-decor{

		width: 100%;

	    padding: 15px 5px;

	    margin-bottom: 15px;

	    border: 1px solid #d3cfbc;

	    border-radius: 5px;

	    background: #fff;

	    font-family: 'latoregular';

	    font-size: 18px;

	}



	::-webkit-input-placeholder{ font-size: 18px; font-family: 'latoregular'; color: #000;}

	:-moz-placeholder{ font-size: 18px; font-family: 'latoregular'; color: #000;}

	::-moz-placeholder{ font-size: 18px; font-family: 'latoregular'; color: #000;}

	:-ms-input-placeholder{ font-size: 18px; font-family: 'latoregular'; color: #000;}



	.modal-block .submit-decor{

		width: 100%;

		padding: 15px 0px;

		background: #1e6b93;

	    line-height: 1.2;

	    border: none;

	    border-radius: 5px;

	    color: #fff;

	    font-family: 'latobold';

	    cursor: pointer;

	    font-size: 22px;

	}



	.modal-block .submit-decor:hover{

		opacity: 0.8;

	}



/*fancybox*/

.fancybox-lock body{

	overflow-y: scroll;

}



.fancybox-opened .fancybox-skin{

	box-shadow: none;

	border: none;

}



.fancybox-skin{

	background: none;

}

.main-content {

    padding: 0px 0px 20px 0px;

}



.main-content h1 {

    position: relative;

	display: inline-block;

	font-size: 36px;

	color: #000;

	font-family: 'latoheavy';

    text-align: center;

    margin: 40px auto;

    display: block;

    padding: 20px 0px 0px 0px; 

}

 h1 {

    position: relative;

	display: inline-block;

	font-size: 36px;

	color: #000;

	font-family: 'latoheavy';

    text-align: center;

    margin: 40px auto;

    display: block;

    padding: 20px 0px 0px 0px; 

}



.main-content h2 {

    position: relative;

	display: inline-block;

	font-size: 30px;

	color: #000;

	font-family: 'latoheavy';

    text-align: center;

    margin: 20px auto;

    display: block;

    padding: 20px 0px 0px 0px; 

}

h2 {

    position: relative;

	display: inline-block;

	font-size: 30px;

	color: #000;

	font-family: 'latoheavy';

    text-align: center;

    margin: 20px auto;

    display: block;

    padding: 20px 0px 0px 0px; 

}


.main-content h3 

{

	display: block;

    text-align: center;

	margin: 20px 0;

}

h4 {
	font-family: 'latoheavy';
    font-size: 30px;
	color: #000;
}

/* .main-content .container ul {
    padding: 10px 0px 0px 30px !important; 
} отключено при редактировании страницы с галереей работ */

.main-content .container li {
    list-style: disc;
    padding: 0px 0px 10px 0px !important;
}

.kont-info

{

	width: 50%;

	float: left;

}



.kont-map

{

	width: 50%;

	float: right;

}



.main-content h1:after{

		content: '';

		position: absolute;

		bottom: -12px;

		left: 50%;

		height: 3px;

		width: 70px;

		margin-left: -35px;

		background: #ffd838;  

}

.main-content a {

    color: #0061a0;

}

.main-content p {

    padding: 10px 0px 0px 0px!important;

}

.page-content-right-block1-right { 

    position: absolute;

    margin-left: 900px;

    margin-top: 15px;

}

.page-content-right-block1-right-link { 

    position: absolute;

    margin-left: 1030px;

    margin-top: 20px;

    font-size: 16px !important;

}



.page-content-right-block1-right{

				background: #fff;  

			    box-shadow: 0 1px 2px rgba(35, 34, 32, 0.5);

			    border-radius: 2px 5px 5px 2px;

                line-height: 1;

                

			}



			.page-content-right-block1-right:before{

				content: '';

				display: block;

				width: 0;

				height: 0;

				border-top: 25px solid transparent;

				border-right: 25px solid #fff;

				border-bottom: 25px solid transparent;

				position: absolute;

				left: -25px; 

				top: 0;

			}



				.old-goods-price{

					color: #000;

					display: inline-block;

					padding: 15px 0;

					margin: 0 31px 0 -5px;

					position: relative;

				}



				.new-old-goods-price {
					position: relative;
					font-family: 'latoheavy';
					background: #ffd838;
					display: inline-block;
					padding: 15px 20px 15px 0;
					color: #000;
					border-radius: 0 5px 5px 0;
				}               
				
                .new-old-goods-price-up {
					position: relative;
					font-family: 'latoheavy';
					background: #ffd838;
					display: inline-block;
					padding: 15px 20px 15px 0;
					color: #000;
					border-radius: 0 5px 5px 0;
				}                

				.new-old-goods-price:before{
					content: '';
					display: block;
					width: 0;
					height: 0;
					border-top: 25px solid transparent;
					border-right: 25px solid #ffd838;
					border-bottom: 25px solid transparent;
					position: absolute;
					left: -25px;
					top: 0;
				}
                
				.new-old-goods-price-up:before{
					content: '';
					display: block;
					width: 0;
					height: 0;
					border-top: 25px solid transparent;
					border-right: 25px solid #ffd838;
					border-bottom: 25px solid transparent;
					position: absolute;
					left: -25px;
					top: 0;
				}

.images_left {

    float: left;

    margin:  0px 10px 0px 0px;

}

.page-content-right-block table {

    width: 100%;

}

.page-content-right-block td {

    padding: 10px;

    background: #f3f3f3;
    vertical-align: top;

}

.page-content-right-block tr:hover td {

    background: #fff;

}

.content-block-table-th td, .content-block-table-th:hover td {

    background: #3f90b5 !important;

    color: #fff;

}

#blue td{  

}

b {

    font-weight: bold !important;

}



.akc-border

{

	display: table;

    width: 25%;

    float: left;

    height: 325px;

}



.akc-border-image

{

	display: table-cell;

}



.akc-border-text

{

	display: table-cell;
    padding: 0 10px;
    font-size: 16px;

}

.akc-border-text h3

{

	margin: 0;
	text-align: left;
	font-size: 18px;
	

}



.akc-border:nth-child(2n+1)

{



}



.akc-border img

{

	width: 100%;
	
}



.akc-border:nth-child(2n)

{



}

/*.akc div{

    vertical-align: top;

    padding: 10px;

    width: 25%;

    float: left;

    min-height: 300px;

}



.akc div img{

    width: 100%;

	float: left;


}*/
.bottom-regions { 
text-align: center;
margin: 0px auto;
max-width: 1024px;
}

.bottom-regions li{
display: inline;
}
.bottom-regions li a{
color: #0061a0;
font-size: 10px;
}

#carousel-mob
{
	display: none;
}
.ul-offer {
    padding: 30px;
    padding-top: 40px;
}
.ul-offer li {
    list-style-type: disc;
    padding-bottom: 10px;
}
.eco-ico {
    clear: both;
    padding-left: 100px;
}
.eco-ico img {
    width: 80px; 
    float: left;
    padding-right: 15px;
    padding-top: 10px;
}

.content-left-menu-ul-out { 
    padding-top: 30px;
    margin: 0px auto;
    max-width: 1070px;
    
}
.content-left-menu-ul{
    display: inline;
    padding: 0px 0px 0px 0px;
    /* display: block;
    float: left; 
    padding: 15px 0px 15px 0px; */
}
.content-left-menu-ul li {
    display: inline;
    /* display: block;
    float: left; */
    width: 140px;
    padding: 0px 0px 0px 0px;
}
.content-left-menu-ul li ul li{ /*12345*/
padding: 0px 0px 0px 0px;   


}
.content-left-menu-ul a {
color: #0061a0;
font-size: 14px;
} 

.clear {
    clear: both;
}
.mens .slider-goods-price{
font-size: 14px;
padding: 5px 10px 5px 10px;
text-align: center;
}
.colors {
    /* width: 1000px !important;
    */
    width: 90%;
    margin: 0px auto; 
}
.block-reviews { 
    display: block !important;
    padding: 10px; 
}
.section-reviews a{
    font-family: "latobold";
    color: #1e6b93;
}
.section-reviews {
    padding: 0px 0px 30px 0px;
}
.section-reviews h3 {
    padding: 20px 0px 10px 0px;
}
.column {
    -webkit-column-width: 200px;
    -moz-column-width: 200px;
    column-width: 200px;
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px; 
   }
   .mobile {
    
   }
.mobile .container{
    background: url(/images/mobile.jpg) 740px 0px no-repeat !important;
    padding: 0px 400px 0px 30px; 
}
.mobile h3 {
    color: #105e85;
    font-size: 50px;
}
.ul-slider-goods {
    width: 1124px;
}

.ul-slider-goods li {
    width: 250px;
    float: left;
    margin-bottom: 40px !important;
    list-style-type: none !important;
}
#slider-goods-3 li, #slider-goods-4 li, #slider-goods-5 li, #slider-goods-6 li {
    width: 250px;
    float: none;
    margin-bottom: 40px !important;
}
#slider-goods-3, #slider-goods-4, #slider-goods-5, #slider-goods-6{
 
}

/* Блок перелинковки: начало */
.perelink-width { 
        width: 100%;
        background: #ffffff;
    }
    
    .perelink-container {
        max-width: 1110px;
        margin: 0 auto;
        padding: 50px 0px 50px 0px;
        text-align: center;
        padding-left: 5px;
    }
        
    .perelink-block {
        display: inline-block;
        text-align: center;
        float: left;
        width: 254px;
        margin-left: 16px;
        margin-bottom: 16px;
        padding: 0 auto;
        height: 220px;
        border-radius: 5px;
    }
    
    .perelink-block img {
        display: block;
        width: 254px !important;
        height: 220px;
        border-radius: 5px;
    }
    
    .perelink-block a {
        color: #ffffff;
        font-size: 14px;
        font-family: tahoma, sans-serif;
        font-weight: bold;
    }
    
    .perelink-block a:hover {
        text-decoration: none;
    }

    .perelink-link {
        position: relative;
        background-color: rgba(75, 176, 216, 0.8);
        border-radius: 0 0 5px 5px;
        width: 254px;
        padding: 15px 0;
        top: -45px;
    }

/* Блок перелинковки: конец */  

.hnyb2018 img {opacity:1.0;}
.hnyb2018 img:hover {opacity:0.8;}

    .center-block {
    display: inline-block; 
    text-align: center;       
    }
    
    .center-pic {
    width: 300px;
    padding: 0px;
    display: inline-block;
    margin-top: 10px;
    margin-left: 20px;
    margin-bottom: 10px;   
    }

    .center-pic img{
    width: 300px;
    height: auto;
    }

    strong {
    font-weight:bold;        
    }
    
    /*.spisok {
    list-style-type: disc;
    margin-left: 30px;        
    }*/
    
    .ctr-phone {
    color: #000000;
    }
    .ctr-phoneDEL {
    color: #000000;
    }
    
    .ctr-phone:hover {
	text-decoration: none;
	}
    .ctr-phoneDEL:hover {
	text-decoration: none;
	}
    
    .block-copyright .ctr-phone a {
    color: #ffffff;
    }
    
    .block-phone .ctr-phone {
    text-decoration: none;
    }
     
    .spisok-pb ol {
    list-style-type: none;
    counter-reset: spisok-pb;
    }
    
    .spisok-pb li {
    list-style-type: none;
    color: #ffffff;
    counter-increment: spisok-pb;
    margin: 0.25rem;
    }
    
    .spisok-pb p {
    color: #000000;
    display: block;
    }
    
    .spisok-pb li p {
    margin-left: 40px;
    }
    
    .spisok-pb strong {
    font-weight: bold;
    color: #000000;
    display: inline;
    }
    
    .spisok-pb a:hover {
    text-decoration: none;
    }
    
    .spisok-pb li:before {
    content: counter(spisok-pb);
    background: #007abd;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    display: inline-block;
    line-height: 2rem;
    color: white;
    text-align: center;
    margin-right: 0.5rem;
    }
    
    #banner-pb:hover {opacity:0.8;}
    
    .potolki-pb { 
    margin-top: 40px; 
    text-align: center; 
    font-size: 30px; 
    color: #007abd;
    }
    
    .potolki-pb span{ 
    margin-top: 10px; 
    text-align: center; 
    font-size: 30px; 
    color: #f5851c;
    }
    
    .potolki-pb a{
    text-decoration: underline;
    color: #007abd;
    font-size: 36px;
    }

    .potolki-pb a:hover{
    text-decoration: none;
    }
    
    small {
    font-size: 90%;
    }
    
/* Закрепленный блок: начало */
.perezvon-block {
    width: 165px;
    height: 213px;
    opacity: 0.85;    
    position: fixed;
    right: 10px;
    bottom: -10px;
    z-index: 1000;
    /*box-shadow: 10px 10px 20px -5px #939393*/
}
.promocode-block {
    width: 88px;
    height: 48px;
    opacity: 0.60;    
    position: fixed;
    left: 10px;
    bottom: 10px;
    z-index: 1000;
    border: 3px solid red;
    color: red;
    border-radius: 5px;
    font-size: 16px;
    text-align: center;
    background: white;
}
.promocode-block:hover {
    opacity: 1;
}
.promocode-block span {
    font-weight: bold;
    font-size: 22px;
}

.perezvon-block:hover {
    opacity: 1;
}

.perezvon-block img{
    width: 165px;
    height: 200px;
}

.perezvon-block-n {
    position: fixed;
    right: 67px;
    bottom: 118px;
    font-family: 'latoheavy';
    font-weight: bold;
    color: #e6a800;
    
}
/* Закрепленный блок: конец */

/* Баннер на всю страницу: начало */
.wbanner {
    margin-top: 30px;
    margin-bottom: 30px;
}
    
.wbanner img {
    max-width: 100%; 
    height: auto; 
    display: block;
}

.wbanner img:hover {
opacity: 0.9;
}
/* Баннер на всю страницу: конец */

#rent {
    position: fixed;
    border: 4px solid red;
    bottom: 10px;
    width: 370px;
    height: 90px;
    opacity: 0.85;    
    position: fixed;
    left: 50%; 
    z-index: 1000;
    margin: 0px 0px 0px -185px;
    background: white;
    padding: 10px;
    font-weight: bold;
    border-radius: 9px;
}


/* Анимация кнопок: начало */
/* Качели  */
.btn-amim1 {
-webkit-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-animation: swinging 1.5s ease-in-out forwards infinite;
animation: swinging 1.5s ease-in-out forwards infinite;
}

@-webkit-keyframes swinging {
0%{-webkit-transform: rotate(6deg);}
50%{-webkit-transform: rotate(-2deg)}
100%{-webkit-transform: rotate(6deg);}
}
 
@keyframes swinging{
0%{transform: rotate(6deg);}
50%{transform: rotate(-2deg)}
100%{transform: rotate(6deg);}
}


/* Мерцание */
.btn-amim2 {
animation-name: blink;
animation-timing-function: linear;
animation-duration: 1s;
animation-iteration-count: infinite;
}

@keyframes blink {
50% {opacity: 0.4;}
}

/* Свинг */
.btn-amim3 {
  -webkit-animation: swing 0.8s ease;
  animation: swing 0.8s ease;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: infinite;
}

@-webkit-keyframes swing {
  15% {
    -webkit-transform: translateX(9px);
    transform: translateX(9px);
  }
  30% {
    -webkit-transform: translateX(-9px);
    transform: translateX(-9px);
  }
  40% {
    -webkit-transform: translateX(6px);
    transform: translateX(6px);
  }
  50% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px);
  }
  65% {
    -webkit-transform: translateX(3px);
    transform: translateX(3px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
 
@keyframes swing {
  15% {
    -webkit-transform: translateX(9px);
    transform: translateX(9px);
  }
  30% {
    -webkit-transform: translateX(-9px);
    transform: translateX(-9px);
  }
  40% {
    -webkit-transform: translateX(6px);
    transform: translateX(6px);
  }
  50% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px);
  }
  65% {
    -webkit-transform: translateX(3px);
    transform: translateX(3px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
 
/* Анимация кнопок: конец */


/*slide-7 styles*/
.slide-item-7{
	background: url(/images/top-slider/img-bg-slide-7.jpg) center top no-repeat;

	height: 696px;
}
.slide-item-7 .top-slider-header{
	background: url(/images/img-bg-header-slide-7.png) no-repeat;
	width: 732px;
	height: 220px;
	position: relative;
}
.slide-item-7 .top-slider-header span{
	position: absolute;
	font-size: 45px;
}
.slide-item-7 .top-slider-header span:first-child{
	right: 85px;
}
.slide-item-7 .top-slider-header span:nth-child(2){
	top: 71px;
	right: 227px;
}
.slide-item-7 .top-slider-header span:last-child{
	bottom: 0;
	left: 16px;
}
.slide-item-7 .top-slider-header span:not(:first-child){
	font-family: 'latolight';
}
.slide-item-7 .top-slider-img img{
	height: 410px;
}
.slide-7__wrap{
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 40px;
}
.slide-7__wrap p{
	font-family: 'latoblack';
	font-size: 20px;
	color: #fff;
	display: flex;
	align-items: center;
	margin-left: 25px;
}

.slide-7__wrap span{
	color: #000;
	height: 50px;
	width: 50px;
	text-align: center;
	background: url(/images/s7-lil-bg.png) center top no-repeat;
	border-radius: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 10px;
}
.slide-7__wrap .list{
	font-family: 'latoregular';
	font-size: 20px;
	color: #fff;
	margin-left: 15px;
}
.slide-7__wrap .hide{
	font-family: 'latoregular';
	font-size: 15px;
	color: #fff;
	margin-top: 10px;
	display: inline-block;
	width: 100%;
	text-align: center;
}
.slide-item-7 .desclaim{
	font-family: 'latoregular';
	font-size: 18px;
	color: #fff;
	display: inline-block;
	margin-top: 29px;
}

.slide-7__wrap .link-reserve{
	margin: 0;
}
.slide-item-7 .top-slider-header .instead_image{
	display: none;
}
.slide-item-7 .top-slider-img{
	padding-top: 0;
}
.list_inner{
	position: absolute;
	bottom: 95px;
	right: 25px;
	width: 175px;

	font-size: 15px;
	color: #fff;
	background-color: #17587E;
}
.list_inner ul{
	height: 205px;
	overflow-y: scroll;
}
.list_inner li:not(:first-child){
	margin-top: 15px;
}
.slide-7__wrap .list_inner button{
	margin-top: 20px;
	margin-left: 22px;
}



@media screen and (max-width: 1023px){
	.slide-item-7 .top-slider-call{
		flex: 0 0 164px;
	}
	.slide-7__wrap span{
		flex: 0 0 50px;
	}
	.slide-7__wrap .link-reserve{
		padding: 14px 0;
	}
	.list_inner{
		right: -1px;
		bottom: 102px;
	}
}
@media screen and (max-width: 959px){
	.list_inner{
		right: -18px;
	}
}
@media screen and (max-width: 767px){
	.slide-item-7 .top-slider-header span{
		position: static;
	}
	.slide-item-7 .top-slider-call{
		flex: 0 0 175px;
	}
	.slide-item-7 .top-slider-call a{
		padding: 14px 5px;
	}
	.slide-7__wrap span{
		flex: 0 0 50px;
	}
	.slide-7__wrap{
		margin-top: 0;
	}
	.slide-item-7 .desclaim{
		margin-top: 13px;
	}
	.slide-item-7 .top-slider-header .instead_image{
		display: block;
	}
	.top-slide-item.slide-item-7{
		padding-top: 11px;
	}
	.list_inner{
		right: -86px;
	}
	.list_inner ul{
		height: 130px;
	}
}
@media screen and (max-width: 479px){
	.slide-item-7 .top-slider-header span{
		font-size: 27px;
	}
	.slide-7__wrap{
		flex-wrap: wrap;
		margin-top: 20px;
	}
	.slide-7__wrap p{
		margin-top: 25px;
	}
	.slide-item-7 .top-slider-call a{
		padding: 14px 20px;
	}
	.list_inner{
		bottom: 60px;
		right: 133px;
	}
}
@media screen and (max-width: 375px){
	.list_inner{
		right: 82px;
	}
}
@media screen and (max-width: 320px){
	.list_inner{
		right: 54px;
	}
}