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

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

@font-face {
  font-family: 'Roboto-Medium';
  src:  url('../fonts/Roboto-Medium/Roboto-Medium.eot?#iefix') format('embedded-opentype'),  
	    url('../fonts/Roboto-Medium/Roboto-Medium.woff') format('woff'), 
	    url('../fonts/Roboto-Medium/Roboto-Medium.ttf')  format('truetype'), 
	    url('../fonts/Roboto-Medium/Roboto-Medium.svg#Roboto-Medium') format('svg');
  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;
}

html {height: 100%;}

body {
	height: 100%;
	font: 14px/18px Days, 
					'Roboto-Regular', 
					'Roboto-Bold', 
					'Roboto-Italic', 
					'Roboto-Light', 
					'Roboto-LightItalic', 
					'Roboto-Medium',
					'Roboto-MediumItalic', Arial, Tahoma, sans-serif;
	background-color: #fff;
}

body input:focus:required:invalid,
body textarea:focus:required:invalid {
	
}
body input:required:valid,
body textarea:required:valid {
	
}

ol, ul {list-style: none;}

* {
	margin: 0;
	padding: 0;
	outline: none;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

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


.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}

.clearfix:after {clear: both;}

/*------------------------------*/

.container {position: relative;}


.t--right {text-align: right;}
.t--left {text-align: left;}

.padd-bott-null {padding-bottom: 0;}

/*------------------------------*/




/*---------------------------------------------------------------*/

								/*----- HEADER -----*/

/*---------------------------------------*/

/*------------------- верхнея панель*/

.top-panel {background: #000;}

/*меню*/
.bl-menu-top {float: left;}
.bl-menu-top ul {max-width: 700px; }
.bl-menu-top li {float: left;}
.bl-menu-top li:last-child {margin-right: 0;}

.bl-menu-top ul a {
	display: block;
	padding: 15px 12px;
	font: 16px/24px 'Roboto-Regular', sans-serif; 
	color: #fff;

	-webkit-transition: all 0.4s ease;
	   -moz-transition: all 0.4s ease;
	    -ms-transition: all 0.4s ease;
	     -o-transition: all 0.4s ease;
	        transition: all 0.4s ease;
}

.bl-menu-top ul a:hover {
	background: #660033;
	color: #fff;
	text-decoration: none;

	-webkit-transition: all 0.4s ease;
	   -moz-transition: all 0.4s ease;
	    -ms-transition: all 0.4s ease;
	     -o-transition: all 0.4s ease;
	        transition: all 0.4s ease;
}

/*активный пункт меню*/
.bl-menu-top .active a {background: #660033; color: #fff;}

/*кнопка - закрыть боковое меню*/
.bl-menu-top .close {
	display: none;
	float: right; 
	padding-right: 5px; 
	padding-top: 5px;
	border: none;
	background-color: transparent;
}
.bl-menu-top .close i {
	display: block;
	width: 33px;
	height: 34px;
	background: url(../images/close.png) no-repeat 0 0;
}

body:before{
	content:'';
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:100;
	display:none;
	cursor:pointer;
	background:rgba(0,0,0,0.65);
}

/*поиск*/
.search {
	float: right;
	max-width: 357px;
	width: 100%;
	height: 50px;
	padding-top: 18px;
}

.search form {
	position: relative;
	width: 100%;
	padding-right: 40px;
}

.search input[type='search'] {
	width: 100%;
	padding-bottom: 2px;
	font: italic 13px/18px 'Roboto-Regular', sans-serif; 
	color: #fff;
	background-color: transparent;
	border: none;
	border-bottom: 1px solid #fff;
}

*.search input[type='search']::-webkit-input-placeholder {color: #fff; opacity: 1;}
*.search input[type='search']:-moz-placeholder {color: #fff; opacity: 1;}
*.search input[type='search']::-moz-placeholder {color: #fff; opacity: 1;}
*.search input[type='search']:-ms-input-placeholder {color: #fff; opacity: 1;}

/*кнопка поиска*/
.search input[type='submit'] {
	position: absolute;
	right: 0;
	top: 50%;
	width: 19px;
	height: 19px;
	margin-top: -9px;
	border: none;
	background: transparent url(../images/sprite.png) no-repeat -89px 0;
	text-indent: -9999px;
}

/*кнопки - при малых разрешениях*/
.butt-win-small {float: left; padding-top: 15px;}

.butt-win-small a {float: left;  margin-right: 25px;}
.butt-win-small a:last-child {margin: 0;}

.butt-win-small .menu-left,
.butt-win-small .phone,
.butt-win-small .email {display: none;}

.butt-win-small .menu-left i {
	display: block;	
	width: 23px;	
	height: 25px;	
	background: url(../images/sprite.png) no-repeat -79px -30px;
}

.butt-win-small .phone i {
	display: block;	
	width: 24px;	
	height: 24px;	
	background: url(../images/sprite.png) no-repeat -31px -29px;
}

.butt-win-small .email i {
	display: block;	
	width: 24px;	
	height: 17px;	
	background: url(../images/sprite.png) no-repeat -55px -29px;
}

/*----------------------- инфо панель*/
.info-panel {padding-top: 15px; padding-bottom: 15px;}

/*логотип*/
.logo-h {display: block; float: left; max-width: 415px; width: 100%;}

/*----------------- график работы*/
.schedule-h {
	position: relative;
	float: left;
	max-width: 175px;
	width: 100%;
	margin-left: 65px;
	padding-left: 40px;
}

.schedule-h i {
	position: absolute;
	left: 0;
	top: 50%;
	width: 31px;
	height: 31px;
	margin-top: -15px;
	background: url(../images/sprite.png) no-repeat 0 -41px;
}

.schedule-h p {font: 16px/18px 'Roboto-Regular', sans-serif;  color: #000;}
.schedule-h p span {display: block; padding-bottom: 3px; font-size: 18px;}

/*---------------- контакты*/
.contact-h {float: right; max-width: 400px;}
.contact-h span {position: relative; display: block; padding-left: 50px;}

/*номер*/
.contact-h .number p {font: 34px/38px Days, sans-serif; color: #603;}
.contact-h .number i {
	position: absolute;
	left: 0;
	top: 50%;
	width: 29px;
	height: 29px;
	margin-top: -14px;
	background: url(../images/sprite.png) no-repeat -58px 0;
}

/*email*/
.contact-h span.email p {font: 18px/24px 'Roboto-Regular', sans-serif; color: #000;}
.contact-h span.email i {
	position: absolute;
	left: 0;
	top: 50%;
	width: 29px;
	height: 20px;
	margin-top: -10px;
	background: url(../images/sprite.png) no-repeat 0 -20px;
}

/*кнопка - обратный звонок*/
.pad-lef {padding-left: 50px;}
.butt-back-call-h {
	width: 100%;
	margin-top: 10px;
	padding: 5px 15px;
	font: 18px/24px 'Roboto-Regular', sans-serif;
	color: #fff;
	background-color: #603;
	border: 3px solid #c9c8c8;

	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	    -ms-border-radius: 5px;
	     -o-border-radius: 5px;
	        border-radius: 5px;

	-webkit-transition: all 0.4s ease-in-out;
	   -moz-transition: all 0.4s ease-in-out;
	    -ms-transition: all 0.4s ease-in-out;
	     -o-transition: all 0.4s ease-in-out;
	        transition: all 0.4s ease-in-out;
	
}

.butt-back-call-h:hover {
	color: #603;
	border: 3px solid #603;
	background-color: #fff;

	-webkit-transition: all 0.4s ease-in-out;
	   -moz-transition: all 0.4s ease-in-out;
	    -ms-transition: all 0.4s ease-in-out;
	     -o-transition: all 0.4s ease-in-out;
	        transition: all 0.4s ease-in-out;
}

/*кнопки - контактов при малых разрешениях*/
.contact-h .butt {display: none;}
.contact-h .phone,
.contact-h .email {float: left;}

.contact-h .phone {margin-right: 25px;}
.contact-h .phone i {
	display: block;	
	width: 29px;	
	height: 29px;	
	background: url(../images/sprite.png) no-repeat -29px 0;
}

.contact-h .email {margin-top: 5px;}
.contact-h .email i {
	display: block;	
	width: 29px;	
	height: 20px;	
	background: url(../images/sprite.png) no-repeat 0 0;
}


/*---------------------------------------------------------------*/

								/*----- CONTENT - reviews.html -----*/

/*---------------------------------------*/

/*-------------------- главный слайдер*/

.main-slider {max-height: 593px;}
.main-slider .item {position: relative;}

/*фон слева слайдера*/
.main-slider .bg-left {
	position: absolute;
	left: 0;
	width: 38%;
	height: 100%;
	background: #474747;
}


/*картинка большая*/
.main-slider img {float: right;}

/*позиционируем абсолютно*/
.main-slider .pos-abs {position: absolute; width: 100%;}

/*------------- информация слева*/
.main-slider .info-left {
	float: left;
	z-index: 999;
	height: 100%;
	max-width: 320px;
	padding: 10px 0 15px 0;
	background: #474747;
}

.main-slider .info-left h4 {
	padding-bottom: 30px;
	font: 40px/44px 'Roboto-Regular', sans-serif;
	color: #fff;
}

.main-slider .info-left p {
	padding-bottom: 30px;
	font: 18px/22px 'Roboto-Light', sans-serif;
	color: #fff;
}

.main-slider .info-left .price {
	display: block;
	padding-bottom: 30px;
	font: 50px/54px 'Roboto-Regular', sans-serif;
	color: #fff;
}

.main-slider .info-left a {
	display: block;
	padding-top: 15px;
	padding-bottom: 15px;
	font: 23px/28px 'Roboto-Regular', sans-serif;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	background-color: #603;

	-webkit-transition: all 0.4s ease;
	   -moz-transition: all 0.4s ease;
	    -ms-transition: all 0.4s ease;
	     -o-transition: all 0.4s ease;
	        transition: all 0.4s ease;
}

.main-slider .info-left a:hover {
	color: #603;
	text-decoration: none;
	background-color: #fff;

	-webkit-transition: all 0.4s ease-in;
	   -moz-transition: all 0.4s ease-in;
	    -ms-transition: all 0.4s ease-in;
	     -o-transition: all 0.4s ease-in;
	        transition: all 0.4s ease-in;

	-webkit-border-radius: 10px;
	   -moz-border-radius: 10px;
	    -ms-border-radius: 10px;
	     -o-border-radius: 10px;
	        border-radius: 10px;
}


/*----------- информация справа*/
.main-slider .info-right {
	position: absolute;
	right: 30px;
	top: 56px;
}

/*до какого числа*/
.main-slider .info-right .date {
	display: table;
	text-align: center;
	width: 123px;
	height: 123px;
	background: rgba(0,0,0,0.7);

	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
	    -ms-border-radius: 50%;
	     -o-border-radius: 50%;
	        border-radius: 50%;
}

.main-slider .info-right .date span {
	display: table-cell; 
	vertical-align: middle;
	font: 17px/24px 'Roboto-Regular', sans-serif;
	color: #fff;
	text-transform: uppercase;
}

/*до какого числа*/
.main-slider .info-right .discount {
	display: table;
	text-align: center;
	width: 153px;
	height: 153px;
	margin-top: -20px;
	margin-left: -25px;
	background-color: #603;

	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
	    -ms-border-radius: 50%;
	     -o-border-radius: 50%;
	        border-radius: 50%;
}

.main-slider .info-right .discount span {
	display: table-cell; 
	vertical-align: middle;
	font: 51px/54px 'Roboto-Light', sans-serif;
	color: #fff;
	text-transform: uppercase;
}

/*навигация*/
.main-slider .slick-dots {bottom: 60px; right: 15%; text-align: right;}
.main-slider .slick-dots li {margin-right: 5px; margin-bottom: 0; width: 29px; height: 29px;}
.main-slider .slick-dots li button:before {
	opacity: 9;
	content: '';
	width: 29px;
	height: 29px;
	background: url(../images/sprite.png) no-repeat -137px 0;
}

.main-slider .slick-dots li.slick-active button:before {
    opacity: 1;
    color: #fff;
    width: 29px;
	height: 29px;
    background: url(../images/sprite.png) no-repeat -108px 0;
}


/*----------------------- главное меню контента */

.bg-menu-content {position: relative; background-color: #603;}

.menu-content {text-align: center;}
.menu-content li {display: inline-block; margin-right: -3px;}
.menu-content a {
	display: block;
	padding: 15px 10px;
	font: 19px/24px 'Roboto-Regular', sans-serif;
	color: #fff;
}

.menu-content a:hover {
	color: #fff;
	text-decoration: none;
	background: #420121;

	-webkit-transition: all 0.4s ease;
	   -moz-transition: all 0.4s ease;
	    -ms-transition: all 0.4s ease;
	     -o-transition: all 0.4s ease;
	        transition: all 0.4s ease;
}

.menu-content .active a {
	color: #fff;
	text-decoration: none;
	background: #420121;
}


/*кнопка меню контента при малых разрешениях*/
.butt-menu-content {
	display: none;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;

	-webkit-transition: all 0.4s ease;
	   -moz-transition: all 0.4s ease;
	    -ms-transition: all 0.4s ease;
	     -o-transition: all 0.4s ease;
	        transition: all 0.4s ease;
}

.butt-menu-content span {
	position: relative;
	display: inline-block;
	padding-left: 40px;
	font: 19px/24px 'Roboto-Regular', sans-serif;
	color: #fff;
	text-align: center;
}

.butt-menu-content i {
	position: absolute;
	left: 0;
	top: 50%;
	width: 24px;
	height: 25px;
	margin-top: -12px;
	background: url(../images/sprite.png) no-repeat -79px -30px;
}


.butt-menu-content:hover {
	color: #fff;
	text-decoration: none;
	background: #420121;

	-webkit-transition: all 0.4s ease;
	   -moz-transition: all 0.4s ease;
	    -ms-transition: all 0.4s ease;
	     -o-transition: all 0.4s ease;
	        transition: all 0.4s ease;
}


/*-------------------------- категории разделов*/

.categor-sections {padding-top: 20px; text-align: center;}
.categor-sections a {
	position: relative;
	display: inline-block;
	height: 242px;
	width: 263px;
	padding: 15px 15px 50px;
	margin: 15px 10px;
	text-align: center;
	border: 2px solid #c9c8c8;

	-webkit-transition: all 0.8s ease;
	   -moz-transition: all 0.8s ease;
	    -ms-transition: all 0.8s ease;
	     -o-transition: all 0.8s ease;
	        transition: all 0.8s ease;
}

.categor-sections img {margin: auto;}
.categor-sections p {
	position: absolute;
	bottom: 10px;
	left: 0;
	right: 0;
	margin: auto;
	font: 18px/24px 'Roboto-Regular', sans-serif;
	color: #000;
}

.categor-sections a:hover {
	text-decoration: none;
	border: 2px solid #420121;

	-webkit-transition: all 0.8s ease;
	   -moz-transition: all 0.8s ease;
	    -ms-transition: all 0.8s ease;
	     -o-transition: all 0.8s ease;
	        transition: all 0.8s ease;
}

/*-------------------------- список отзывов*/

.reviews {padding-top: 5px;}
.reviews h4 {
	padding-bottom: 25px;
	font: 36px/42px 'Roboto-Medium', sans-serif;
	color: #323232;
	text-align: center;
}

.reviews .review {padding-top: 35px; padding-bottom: 35px; background: #fff;}
.reviews .review:nth-child(2n) {background: #ecebe9;}

/*имя и дата*/
.reviews .top-info {padding-bottom: 15px;}
.reviews .top-info .name, .reviews .top-info .name a {font: 20px/24px 'Roboto-Bold', sans-serif; color: #603;} 
.reviews .top-info .date {font: 18px/24px 'Roboto-Regular', sans-serif; color: #999;}

.reviews .top-info p {font: 15px/18px 'Roboto-Regular', sans-serif; color: #000;} 



/*---------------------------------------------------------------*/

								/*----- CONTENT - contacts.html -----*/

/*---------------------------------------*/

/*Контакты*/
.bl-contacts {padding-top: 40px; padding-bottom: 50px;}

.bl-contacts .part-left {
	float: left;
	max-width: 540px;
	padding-left: 45px;
	padding-right: 100px;
}

/*контакты - номер, адрес, e-mail*/
.bl-contacts .contacts {padding-bottom: 25px;}
.bl-contacts .contacts span {
	position: relative;
	display: block;
	padding-left: 30px;
	margin-bottom: 5px;
	font: 18px/22px 'Roboto-Regular', sans-serif;
	color: #333;
}
.bl-contacts .contacts span span{padding-left: 0px;}
.invalid{color: #f00;}
.bl-contacts .contacts i {
	position: absolute;
	left: 0;
	top: 50%;
	width: 23px;
	height: 22px;
	margin-top: -12px;
	background: url(../images/sprite.png) no-repeat -39px -86px;
}

.bl-contacts .contacts i.ic-2 {width: 17px; height: 22px; margin-left: 4px; background-position: -22px -85px;}
.bl-contacts .contacts i.ic-3 {width: 22px; height: 15px; margin-top: -7px; background-position: 0 -86px;}


/*формы для заполнения данных*/
.bl-contacts form {width: 100%;}
.bl-contacts input {
	height: 41px;
	width: 100%;
	margin-bottom: 12px;
	padding: 10px 25px;
	font: 16px/18px 'Roboto-Regular', sans-serif;
	color: #000;
	background-color: white;
	border: 1px solid #a3a2a2;
}


*.bl-contacts input::-webkit-input-placeholder {color: #000; opacity: 9;}
*.bl-contacts input:-moz-placeholder {color: #000; opacity: 9;}
*.bl-contacts input::-moz-placeholder {color: #000; opacity: 9;}
*.bl-contacts input:-ms-input-placeholder {color: #000; opacity: 9;}

.bl-contacts textarea {
	height: 90px;
	width: 100%;
	margin-bottom: 25px;
	padding: 10px 25px;
	font: 16px/18px 'Roboto-Regular', sans-serif;
	color: #000;
	background-color: white;
	border: 1px solid #a3a2a2;
}

*.bl-contacts textarea::-webkit-input-placeholder {color: #000; opacity: 9;}
*.bl-contacts textarea:-moz-placeholder {color: #000; opacity: 9;}
*.bl-contacts textarea::-moz-placeholder {color: #000; opacity: 9;}
*.bl-contacts textarea:-ms-input-placeholder {color: #000; opacity: 9;}

/*кнопка*/
.bl-contacts button[type='button'], .bl-contacts input[type='submit'] {
	height: auto;
	width: 100%;
	margin-bottom: 0;
	padding: 10px 25px;
	color: #fff;
	background-color: #603;
	border: 1px solid #a3a2a2;

	-webkit-transition: all 0.4s ease;
	   -moz-transition: all 0.4s ease;
	    -ms-transition: all 0.4s ease;
	     -o-transition: all 0.4s ease;
	        transition: all 0.4s ease;
}

.k2Pagination, .itemCommentsPagination{
    text-align: center;
    display: block; margin-bottom: 40px;
}
.formRecaptcha, .phrases, .only, .result-created{display: none;}

.result-text{margin-bottom: 20px;}
.k2Pagination ul li, .itemCommentsPagination ul li{list-style: none; display: inline-block; margin: 0px 3px; font-size: 15px;}
.k2Pagination ul li a, .itemCommentsPagination ul li a{font-size: 15px;    color: #660033;}
#formLog{color: #f00;}

.bl-contacts button[type='button']:hover, .bl-contacts input[type='submit']:hover {
	color: #603;
	background: #fff;
	border: 1px solid #603;

	-webkit-transition: all 0.4s ease;
	   -moz-transition: all 0.4s ease;
	    -ms-transition: all 0.4s ease;
	     -o-transition: all 0.4s ease;
	        transition: all 0.4s ease;
}


/*карта*/
.map {
	float: left;
	width: 585px;
	height: 505px;
	padding-right: 30px;
}

h1.itemTitle sup, .bl-contacts .itemToolbar, .info-about-company .itemIntroText{display: none;}
.info-about-company .bl-contacts{padding: 0px;}

/*---------------------------------------------------------------*/

								/*----- CONTENT - about-company.html -----*/

/*---------------------------------------*/

.info-about-company {padding-bottom: 30px;}
.info-about-company.padd-bott-null {padding-bottom: 0;}
.info-about-company p {font: 15px/21px 'Roboto-Regular', sans-serif; color: #000;}
.info-about-company h3 {
	padding-bottom: 30px;
	font: 36px/40px 'Roboto-Medium', sans-serif;
	color: #323232;
	text-align: center;
}
.info-about-company .img--tc {margin: 25px auto;}

/*о компании*/
.bg-about-company {
	position: relative;
	margin-top: 20px; 
	padding-top: 35px; 
	padding-bottom: 35px; 
	background: #ecebe9;
}
.itemFullText p{margin-bottom: 15px;}

.itemImageBlock{text-align: center;}

.bg-about-company h3, .bl-contacts h3, .bl-contacts h1 {
	padding-bottom: 30px; 
	font: 36px/40px 'Roboto-Medium', sans-serif; 
	color: #323232;
	text-align: center; margin: 0px;
}

/*--------------- предложение о услуге*/
.bl-prop-servs {
	margin-top: 30px;
	margin-bottom: 30px;
	padding-top: 10px; 
	padding-bottom: 15px; 
	background: #660033;
}

.bl-prop-servs .info-text {
	float: left;
	width: 685px;
	text-align: center;
}

.bl-prop-servs .info-text span {
	display: block;
	font: 30px/36px 'Roboto-Medium', sans-serif; 
	color: #fff;
}

.bl-prop-servs .info-text .number p {font: 34px/38px Days, sans-serif; padding: 0px;}
.bl-prop-servs .info-text .email p{font: 18px/24px 'Roboto-Regular', sans-serif;padding: 0px; }

/*кнопка - написать нам*/
.bl-prop-servs .write {
	float: left;
	display: block;
	padding: 0 20px;
	margin-top: 33px;
	border: 2px solid white;

	-webkit-transition: all 0.4s ease;
	   -moz-transition: all 0.4s ease;
	    -ms-transition: all 0.4s ease;
	     -o-transition: all 0.4s ease;
	        transition: all 0.4s ease;
	

	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	    -ms-border-radius: 5px;
	     -o-border-radius: 5px;
	        border-radius: 5px;
}

.bl-prop-servs .write span {
	position: relative;
	padding-left: 38px;
	font: 18px/36px 'Roboto-Medium', sans-serif; 
	color: #fff;

	-webkit-transition: all 0.4s ease;
	   -moz-transition: all 0.4s ease;
	    -ms-transition: all 0.4s ease;
	     -o-transition: all 0.4s ease;
	        transition: all 0.4s ease;
}

.bl-prop-servs .write span i {
	position: absolute;
	left: 0;
	top: 50%;
	width: 21px;
	height: 17px;
	margin-top: -8px;
	background: url(../images/sprite.png) no-repeat -62px -57px;
}

.bl-prop-servs .write:hover {
	
	background: #fff;
	text-decoration: none;
	border: 2px solid #660033;

	-webkit-transition: all 0.4s ease;
	   -moz-transition: all 0.4s ease;
	    -ms-transition: all 0.4s ease;
	     -o-transition: all 0.4s ease;
	        transition: all 0.4s ease;
}

.bl-prop-servs .write:hover span {
	color: #660033;

	-webkit-transition: all 0.4s ease;
	   -moz-transition: all 0.4s ease;
	    -ms-transition: all 0.4s ease;
	     -o-transition: all 0.4s ease;
	        transition: all 0.4s ease;
}

.bl-prop-servs .write:hover span i {
	width: 22px;
	height: 15px;
	background-position: 0 -85px;
}

.bl-prop-servs p {
	padding-top: 15px;
	padding-bottom: 15px;
	color: #fff;
}

/*--------------------- пролезные материалы*/
.usef--mater { margin-bottom: 30px;}
.usef--mater .img {float:  left; width: 50%;}

.bl-usef-mater {float: left; width: 50%; padding-top: 60px;}
.bl-usef-mater .part-top {padding-bottom: 30px; text-align: center;}
.bl-usef-mater .part-top h3 {
	padding-bottom: 20px;
	font: 36px/40px 'Roboto-Medium', sans-serif; 
	color: #323232;
}

/*описание*/
.descript {
	padding-top: 15px;
	padding-bottom: 25px;
	margin-bottom: 30px;
	border-top: 2px solid #c9c8c8;
	border-bottom: 2px solid #c9c8c8;
}

.bl-usef-mater .contact-h {margin-right: 40px;}

/*список*/
.info-about-company .list {margin-bottom: 35px;font: 15px/21px 'Roboto-Regular', sans-serif; color: #000;}
.info-about-company .list li {
	padding-left: 30px;
	margin-bottom: 4px;
	background: url(../images/sprite.png) no-repeat -83px -57px;
}

/*обтекание текстом картинку*/
.info-about-company .fl {float: left; margin-right: 45px;}

/*заголовки*/
.info-about-company .text-bold {
	display: block;
	padding-top: 20px;
	padding-bottom: 20px;
	font: 18px/24px 'Roboto-Bold', sans-serif; 
	color: #603;
}


/*---------------------------------------------------------------*/

								/*----- CONTENT - index.html -----*/

/*---------------------------------------*/

/*описание раздела*/
.descrip-seacti {text-align: center;}
.descrip-seacti p {font-size: 16px; max-width: 745px; display: inline-block;}
.descrip-seacti h3 {
	padding-bottom: 30px;
	font: 36px/40px 'Roboto-Medium', sans-serif;
	color: #323232;
	text-align: center;
}

/*список категорий*/
.list-catedor {padding-top: 50px;}

.list-catedor .list {position: relative;}

.list-catedor .list a:nth-child(5) {position: absolute; right: 0; top: 0; text-align: left;}
.list-catedor .list a:nth-child(6) {position: absolute; right: 0; top: 140px; text-align: left;}
.list-catedor .list a:nth-child(7) {position: absolute; right: 0; top: 265px; text-align: left;}


.list-catedor .list a {display: block; width: 295px; padding-bottom: 20px; }
.categor h4 {
	padding-bottom: 10px;
	font: 20px/24px 'Roboto-Medium', sans-serif; 
	color: #323232;
	text-transform: uppercase;
max-height: 52px;
overflow: hidden;
	-webkit-transition: all 0.4s ease;
	   -moz-transition: all 0.4s ease;
	    -ms-transition: all 0.4s ease;
	     -o-transition: all 0.4s ease;
	        transition: all 0.4s ease;
}

.categor p {
	font: 14px/22px 'Roboto-Regular', sans-serif;  
	color: #787878;

	-webkit-transition: all 0.4s ease;
	   -moz-transition: all 0.4s ease;
	    -ms-transition: all 0.4s ease;
	     -o-transition: all 0.4s ease;
	        transition: all 0.4s ease;
}

.categor:hover {text-decoration: none;}
.categor:hover h4 {
	color: #603;

	-webkit-transition: all 0.4s ease;
	   -moz-transition: all 0.4s ease;
	    -ms-transition: all 0.4s ease;
	     -o-transition: all 0.4s ease;
	        transition: all 0.4s ease;
}

.categor:hover p {
	color: #603;

	-webkit-transition: all 0.4s ease;
	   -moz-transition: all 0.4s ease;
	    -ms-transition: all 0.4s ease;
	     -o-transition: all 0.4s ease;
	        transition: all 0.4s ease;
}

/*картинка по центру*/
.list-catedor img {
	position: absolute;
	left: 50%;
	top: 50%;
	max-width: 500px;

	-webkit-transform: translate(-50%, -50%);
	   -moz-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	     -o-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
}

/*картинка справа внизу*/
.bg-about-company .r-b {position: absolute; right: 0; top: 86%; z-index: 999;}

/*-------------- полезные материалы*/
.usef--mater.padd-top {padding-top: 30px;}

/*-------------- каталог продукций - слайдер*/
.responsive {padding-top: 30px; }
.responsive .section {
	position: relative;
	display: block;
	overflow: hidden;
	width: 263px;
	height: 470px;
	padding: 18px 12px 12px;
	text-align: center;
	background-color: white;
	border: 2px solid #c9c8c8;
	border-top: 12px solid #660033;
}

.responsive .section:hover {text-decoration: none;}

.responsive .section img {margin: 0 auto;}
.responsive .section h5 {
	padding-bottom: 10px;
	padding-top: 10px;
	font: 17px/20px 'Roboto-Medium', sans-serif;  
	color: #000;
	text-align: center;
}

.responsive .section p {font: 15px/20px 'Roboto-Regular', sans-serif; color: #000; text-align: left;}

/*дополнительная инфа при наведении*/
.responsive .info-more {
	position: absolute;
	top: -100%;
	left: 0;
	display: block;
	height: 100%;
	padding: 12px;
	background: #660033;
	opacity: 0;

	-webkit-transition: all 0.9s ease-in-out;
	   -moz-transition: all 0.9s ease-in-out;
	    -ms-transition: all 0.9s ease-in-out;
	     -o-transition: all 0.9s ease-in-out;
	        transition: all 0.9s ease-in-out;
}

.responsive .section .info-more h5,
.responsive .section .info-more p {
	margin-left: -240px;
	color: #fff;
	opacity: 0;

	-webkit-transition: all 0.5s ease;
	   -moz-transition: all 0.5s ease;
	    -ms-transition: all 0.5s ease;
	     -o-transition: all 0.5s ease;
	        transition: all 0.5s ease;
}

.responsive .section .info-more p {text-align: left;}

/*эффект при наведении*/
.responsive .section:hover .info-more {
	top: 0;
	opacity: 9;

	-webkit-transition: all 0.4s ease-in;
	   -moz-transition: all 0.4s ease-in;
	    -ms-transition: all 0.4s ease-in;
	     -o-transition: all 0.4s ease-in;
	        transition: all 0.4s ease-in;
}

.responsive .section:hover .info-more p,
.responsive .section:hover .info-more h5 {
	margin-left: 0;
	opacity: 9;

	-webkit-transition: all 1.5s ease;
	   -moz-transition: all 1.5s ease;
	    -ms-transition: all 1.5s ease;
	     -o-transition: all 1.5s ease;
	        transition: all 1.5s ease;
}


/*стрелочки в слайдере*/
.responsive .slick-next {right: 0%;}
.responsive .slick-prev {left: 0%;}

.responsive .slick-prev, 
.responsive .slick-next {
    position: absolute;
    top: 50%;
    z-index: 99999;
	width: 51px;
	height: 46px;
}

.responsive .slick-prev {background: url(../images/sprite.png) no-repeat 0 -154px;}
.responsive .slick-next {background: url(../images/sprite.png) no-repeat 0 -108px;}

.slick-prev:before, 
.slick-next:before {display: none;}

.responsive .slick-prev:hover, 
.responsive .slick-prev:focus {background: url(../images/sprite.png) no-repeat 0 -154px;}
.responsive .slick-next:hover, 
.responsive .slick-next:focus {background: url(../images/sprite.png) no-repeat 0 -108px;}

.italic {
	padding-bottom: 15px;
	font: 15px/18px 'Roboto-LightItalic', sans-serif !important;  
	color: #000;
}


/*----------------- блок с фоновой картинкой*/
.bl-bg-img {position: relative;}
.bl-bg-img p {
	position: relative;
	z-index: 2;
	max-width: 785px;
}
.bl-bg-img img {position: absolute; right: 0; bottom: -30px; z-index: 1;}


/*----------------- наши партнеры*/
.bg-about-company .bg-r-t {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
}

/*логотипы компаний*/
.responsive-logo { padding-top: 35px; text-align: center;}
.responsive-logo .item {text-align: center;}
.responsive-logo img {display: inline-block !important;}


/*------------------------ отзывы клиентов*/
.reviews-cliens {padding-top: 30px;}
.reviews-cliens .slid-reviews {
	position: relative; 
	float: left; 
	max-width: 680px; 
	padding-top: 135px;
}

.reviews-cliens .slid-reviews .part-top {padding-bottom: 10px;}
.reviews-cliens .slid-reviews .name {font: 22px/28px 'Roboto-Medium', sans-serif; color: #323232;}
.reviews-cliens .slid-reviews .position {font: 18px/24px 'Roboto-Regular', sans-serif; color: #323232;}

/*стрелочки в слайдере*/
.slid-reviews .slick-next {right: 0%;}
.slid-reviews .slick-prev {left: 82%;}

.slid-reviews .slick-prev, 
.slid-reviews .slick-next {
    position: absolute;
    top: 13%;
    z-index: 99999;
	width: 51px;
	height: 46px;
}

.slid-reviews .slick-prev {background: url(../images/sprite.png) no-repeat 0 -154px;}
.slid-reviews .slick-next {background: url(../images/sprite.png) no-repeat 0 -108px;}

.slid-reviews .slick-prev:hover, 
.slid-reviews .slick-prev:focus {background: url(../images/sprite.png) no-repeat 0 -154px;}
.slid-reviews .slick-next:hover, 
.slid-reviews .slick-next:focus {background: url(../images/sprite.png) no-repeat 0 -108px;}

.reviews-cliens img {float: right;}



/*---------------------------------------------------------------*/

								/*----- FOOTER -----*/

/*---------------------------------------*/

.bg-part-footer {padding-top: 30px; padding-bottom: 30px; background-color: #333;}

/*логотип*/
.logo-f {float: left;}

/*--------------- меню в футере*/
.menu-footer {float: left; padding-left: 70px;}
.menu-footer ul {float: left;}
.menu-footer li {margin-bottom: 5px;}
.menu-footer li:last-child {margin-bottom: 0;}
.menu-footer a {
	font: 16px/18px 'Roboto-Regular', sans-serif;
	color: #fff;

	-webkit-transition: all 0.4s ease;
	   -moz-transition: all 0.4s ease;
	    -ms-transition: all 0.4s ease;
	     -o-transition: all 0.4s ease;
	        transition: all 0.4s ease;
}
.menu-footer a:hover {
	color: #936;
	text-decoration: none;

	-webkit-transition: all 0.4s ease;
	   -moz-transition: all 0.4s ease;
	    -ms-transition: all 0.4s ease;
	     -o-transition: all 0.4s ease;
	        transition: all 0.4s ease;
}
/*активный пункт меню*/
.menu-footer .active a {color: #936;}
/*послений список*/
.footer .menu-footer .last {padding-left: 105px;}

/*--------------- контакты футер*/
.contact-f {float: right; max-width: 350px;}
.contact-f span { display: block;}
/*номер*/
.contact-f .number p{font: 34px/38px Days, sans-serif; color: #fff;}
/*email*/
.contact-f span.email p{font: 18px/24px 'Roboto-Regular', sans-serif; color: #fff;}
/*кнопка - обратный звонок*/
.butt-back-call-f {
	width: 100%;
	margin-top: 10px;
	padding: 5px 15px;
	font: 18px/24px 'Roboto-Regular', sans-serif;
	color: #fff;
	background-color: #993366;
	border: 3px solid #c9c8c8;

	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	    -ms-border-radius: 5px;
	     -o-border-radius: 5px;
	        border-radius: 5px;

	-webkit-transition: all 0.4s ease-in-out;
	   -moz-transition: all 0.4s ease-in-out;
	    -ms-transition: all 0.4s ease-in-out;
	     -o-transition: all 0.4s ease-in-out;
	        transition: all 0.4s ease-in-out;
	
}

.butt-back-call-f:hover {
	color: #603;
	border: 3px solid #993366;
	background-color: #fff;

	-webkit-transition: all 0.4s ease-in-out;
	   -moz-transition: all 0.4s ease-in-out;
	    -ms-transition: all 0.4s ease-in-out;
	     -o-transition: all 0.4s ease-in-out;
	        transition: all 0.4s ease-in-out;
}

/*кнопки - контактов при малых разрешениях*/
.contact-f .butt {display: none;}
.contact-f .phone,
.contact-f .email {float: left;}

.contact-f .phone {margin-right: 25px;}
.contact-f .phone i {
	display: block;	
	width: 29px;	
	height: 29px;	
	background: url(../images/sprite.png) no-repeat -29px 0;
}

.contact-f .email {margin-top: 5px;}
.contact-f .email i {
	display: block;	
	width: 29px;	
	height: 20px;	
	background: url(../images/sprite.png) no-repeat 0 0;
}

/*--------------- копирайт*/
.cope {
	padding-top: 5px;
	padding-bottom: 5px;
	font: 16px/24px 'Roboto-Regular', sans-serif;
	color: #000;
	text-align: center;
}

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

/*-------------------- всплывающите окна - обратного звонка ---------------------*/ 

/*=====================================*/ /*=====================================*/
.pop-page {
	position: fixed;
	top: 15px;
	left: 0;
	right: 0;
	display: none;
	z-index: 99999;
	width: 664px;
	margin: auto;
	padding: 25px 20px;
	overflow-y: auto;
	background-color: #603;

}

.pop-page-2 {
	position: fixed;
	top: 15px;
	left: 0;
	right: 0;
	display: none;
	z-index: 9999;
	width: 664px;
	margin: auto;
	padding: 25px 20px;
	overflow-y: auto;
	background-color: #603;

}

.nav-opened2 .pop-page,
.nav-opened3 .pop-page-2 {
	display: block;
	opacity: 9;

	-webkit-transition: all .25s linear;
	-moz-transition: all .25s linear;
	-ms-transition: all .25s linear;
	transition: all .25s linear;
}
.nav-opened2:before,
.nav-opened3:before {display:block}

body:before{
	content:'';
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index: 9999;
	display:none;
	cursor:pointer;
	background:rgba(0,0,0,0.65);
}

/*кнопка закрыть окно*/
.pop-page .close,
.pop-page-2 .close {position: absolute; right: 15px; top: 20px;}

.pop-page .close i,
.pop-page-2 .close i {
	display: block;
	width: 28px;
	height: 28px;
	background: url(../images/sprite.png) no-repeat -32px -54px;
}

/*заголовок*/
.pop-page-2 p {padding: 25px 25px;}

.pop-page p,
.pop-page-2 p {
	font: 20px/28px 'Roboto-Regular', sans-serif;
	color: #fff;
	text-align: center;
}
.pop-page p span,
.pop-page-2 p span {font-size: 30px;}

/*блок с формами и картинкой*/
.bl-forms {position: relative; margin-top: 7px; padding-right: 230px;}
.bl-forms img {position: absolute; right: 0; top: 0;}
.bl-forms form {width: 100%;}
.bl-forms form input {
	width: 100%;
	height: 41px;
	padding: 5px 20px;
	margin-bottom: 15px;
	font: 16px/18px 'Roboto-Regular', sans-serif;
	color: #000;
	border: 1px solid #a3a2a2;
	background: #fff;
}


*.bl-forms form input::-webkit-input-placeholder {color: #000; opacity: 9;}
*.bl-forms form input:-moz-placeholder {color: #000; opacity: 9;}
*.bl-forms form input::-moz-placeholder {color: #000; opacity: 9;}
*.bl-forms form input:-ms-input-placeholder {color: #000; opacity: 9;}

/*кнопка*/
.bl-forms form input[type='submit'] {
	display: block;
	height: auto;
	margin-bottom: 0;
	margin-top: 20px;
	padding: 10px 20px;
	color: #fff;
	text-align: center;
	background-color: #603;
	border: 2px solid white;

	-webkit-transition: all 0.4s ease;
	   -moz-transition: all 0.4s ease;
	    -ms-transition: all 0.4s ease;
	     -o-transition: all 0.4s ease;
	        transition: all 0.4s ease;
}

.bl-forms form input[type='submit']:hover {
	color: #603;
	background-color: #fff;
	border: 2px solid #603;

	-webkit-transition: all 0.4s ease;
	   -moz-transition: all 0.4s ease;
	    -ms-transition: all 0.4s ease;
	     -o-transition: all 0.4s ease;
	        transition: all 0.4s ease;
}

.categor-sections img{max-width: 85%;}
.itemBody img{max-width: 35%;}

.page-header h2{display: none;}





















.k2Anchor, .searchintro, .btn-toolbar, .form-limit{display: none;}
.itemFullText ul{padding-left: 15px; list-style: disc;}
.itemFullText h2{
    font-size: 20px; margin: 10px 0px 5px;
}























