/* Stylesheet: style Modified On 2024-09-09 19:57:20 */
/* general reset */
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, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, fieldset, form, label, legend, hr, button
{margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align: baseline; background:transparent;}
h1, h2, h3, h4, h5, h6{line-height:100%;}
blockquote, q {quotes:none;}
input, textarea, button {margin:0;font-family:inherit; font-size:1em;}
body,
html{
	height:100%;
}
/* font-face start*/
@font-face {
	font-family: 'PFSquareSansProRegular';
	src: url('../../fonts/pfsquaresanspro-regular-webfont.eot');
	src: url('../../fonts/pfsquaresanspro-regular-webfont.eot?#iefix') format('embedded-opentype'),
		url('../../fonts/pfsquaresanspro-regular-webfont.woff') format('woff'),
		url('../../fonts/pfsquaresanspro-regular-webfont.ttf') format('truetype'),
		url('../../fonts/pfsquaresanspro-regular-webfont.svg#PFSquareSansProRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}
/* font-face end */
body{
	font:14px/17px 'Trebuchet MS', Arial, sans-serif;
	color:#000;
	background:#fff;
}
.hp{
	background:#fff url(../../images/bg-body.jpg) no-repeat 50% 0;
}
/* general setings */
a{
	color:#d60a0f;
	text-decoration:none;
}
a:hover{text-decoration:underline;}
p{margin:0 0 20px;}
h1{
	font:35px/38px 'Trebuchet MS', Arial, sans-serif;
	color:#ce070b;
	margin:0 0 20px;
}
h2{
	font:30px/33px 'Trebuchet MS', Arial, sans-serif;
	color:#ce070b;
	margin:0 0 15px;
}
h3{
	font:25px/28px 'Trebuchet MS', Arial, sans-serif;
	color:#ce070b;
	margin:0 0 10px;
}
ol{
	counter-reset:section;
	padding:0;
	margin:0;
	list-style:none;
	overflow:visible;
}
ol li{
	padding:0 0 14px;
	vertical-align:top;
}
ol li:before,
ol li .list-item-before {
	content:counter(section)'.';
	counter-increment:section;
	float:left;
	position:relative;
	margin:0 3px 0 0;
}
* html ol li .list-item-before{margin-right:0;}
ol li li:before,
ol li li .list-item-before {
	display:none;
}
ol ul{
	padding:15px 0 0;
	margin:0 0 -15px;
}
.wrapper{
	width:865px;
	padding:0 0 0 45px;
	margin:0 auto;
}
#header{width:100%;}
.hp #header{height:422px;}
.nav-holder{
	width:100%;
	padding:41px 0 15px;
}
.nav-holder:after{
	clear: both;
	content:'';
	display: block;
}
.hp .nav-holder{padding-bottom:29px;}
.logo{
	overflow:hidden;
	background:url(../../images/logo.png) no-repeat;
	width:290px;
	height:61px;
	text-indent:-9999px;
	float:left;
	margin:-12px 0 0 -65px;
}
.logo a{
	height:100%;
	display:block;
}
#nav{
	float:right;
	background:url(../../images/bg-nav.png) no-repeat;
	padding:0 0 0 6px;
}
#nav ul{
	margin:0;
	padding:8px 0 0;
	list-style:none;
	float:left;
	background:url(../../images/bg-nav.png) no-repeat 100% -41px;
	height:33px;
	overflow:hidden;
}
#nav ul li{
	float:left;
	font-size:18px;
	line-height:21px;
	padding:0 22px;
	margin:0 1px 0 -1px;
	background:url(../../images/separator01.gif) no-repeat 0 3px;
}
#nav ul li a{color:#000;}
.header-holder{
	width:100%;
	padding:0 0 30px;
}
.header-holder:after{
	clear: both;
	content:'';
	display: block;
}
.header-holder h2{
	float:left;
	margin:0;
}
#header .info{
	float:right;
	padding:8px 0 0;
}
#header .info .phones{
	float:left;
	border:0;
	width:375px;
	padding:0;
	margin:0;
}
#header .info .address{
	padding:0;
	float:left;
	width:220px;
}
#main{
	width:100%;
	padding:0 0 30px;
}
#main:after{
	clear: both;
	content:'';
	display: block;
}
.services{
	background:url(../../images/bg-services.png) no-repeat;
	width:1031px;
	height:103px;
	margin:0 -108px 0 -153px;
	padding:0 0 0 95px;
	list-style:none;
}
.services li{
	float:left;
	font-size:17px;
	line-height:18px;
	padding:0 32px 0 0;
}
.services li{float:left;}
.services li a{
	float:left;
	width:152px;
	height:90px;
	padding:32px 0 0;
	color:#fff;
}
.services li a span{
	display:block;
	padding:0 0 13px 5px;
	background:url(../../images/separator02.png) repeat-x 0 100%;
}


.services li a.item02{width:170px;}
.services li a.item03{width:183px;}
.services li a.item04{width:176px;}
.services li a.item05{width:152px;}
.services li a:hover{text-decoration:none;}
.services li.active a.item01,
.services li a.item01:hover{background:url(../../images/bg-item01.jpg) no-repeat 16px 0;}
.services li.active a.item02,
.services li a.item02:hover{background:url(../../images/bg-item02.jpg) no-repeat 1px 0;}
.services li.active a.item03,
.services li a.item03:hover{background:url(../../images/bg-item03.jpg) no-repeat 16px 0;}
.services li.active a.item04,
.services li a.item04:hover{background:url(../../images/bg-item04.jpg) no-repeat 15px 0;}
.services li.active a.item05,
.services li a.item05:hover{background:url(../../images/bg-item05.jpg) no-repeat 24px 0;}
.services li.active a span,
.services li a:hover span{background:url(../../images/separator03.png) repeat-x 0 100%;}

.frames{
	background:url(https://chinim-vse.ru/images/bg-services.png) no-repeat;
	width:1031px;
	height:103px;
	margin:0 -108px 0 -113px;
	padding:0 0 0 95px;
	list-style:none;
}
.frames li{
	float:left;
	font-size:17px;
	line-height:18px;
	padding:0 32px 0 0;
}
.frames li{float:left;}
.frames li.item01{width:60px;}
.frames li.item02{width:54px;}
.frames li.item03{width:56px;}
.frames li.item04{width:82px;}
.frames li.item05{width:66px;}
.frames li.item06{width:76px;}
.frames li.item07{width:108px;}
.frames li.item08{width:80px;}
.frames li.item09{width:170px;}

.frames li a{
	float:left;
	height:90px;
	padding:32px 0 0;
	color:#fff;
}
.frames li a span{
	display:block;
	padding:0 5px 13px 5px;
	background:url(https://chinim-vse.ru/images/separator02.png) repeat-x 0 100%;
}
.frames li.active a span,
.frames li a:hover span{background:url(https://chinim-vse.ru/images/separator03.png) repeat-x 0 100%;}

.frames li a:hover{text-decoration:none;}

.main-holder{
	width:100%;
	padding:40px 0 0;
}
.main-holder:after{
	clear: both;
	content:'';
	display: block;
}
#sidebar{
	float:left;
	width:230px;
	margin:0 50px 0 0;
}
.phones{
	border-bottom:1px solid #ed1c24;
	width:214px;
	padding:0 0 20px 12px;
	margin:0 0 25px -12px;
}
.news{
	text-align: center;
	padding-top: 20px;
	font-size: 20px;
}
.news .list1{
	display: none;
}
.NewsSummaryMorelink, .NewsSummaryCategory, .NewsSummaryPostdate, .NewsSummaryAuthor{
	display: none;
}
#NewsPostDetailCategory, #NewsPostDetailCategory, #NewsPostDetailDate, #NewsPostDetailAuthor, #NewsPostDetailReturnLink, #NewsPostDetailSummary{
	display: none;
}
.NewsSummaryLink{
	margin-bottom: 10px;
	font-size: 27px;
}
.phones .ttl{
	display:block;
	font-size:14px;
	line-height:17px;
	color:#999;
	padding:0 0 5px;
}
.phone{
	display:block;
	font:26px/29px 'Trebuchet MS', Arial, sans-serif;
	color:#000;
}
.phone span{color:#cf070c;}
.wa{
	width:20px;
	background: url("/uploads/images/wa.png");
	background-size: 32px;
	background-repeat: no-repeat;
}
.phone a{color: black;}
.address{padding:0 0 65px;}
.address address{
	font-style:normal;
	padding:0 0 5px;
	font-size:16px;
	line-height:19px;
	color:#000;
}
.metro{
	background:url(../../images/ico-m.gif) no-repeat;
	padding:0 0 0 26px;
	font-size:14px;
	line-height:17px;
	color:#d60a0f;
}
.side-nav{
	margin:0 -15px 0 -45px;
	padding:0 0 30px;
	list-style:none;
	font:16px/19px 'Trebuchet MS', Arial, sans-serif;
	overflow:hidden;
	width:260px;
}
.side-nav li{
	border-top:1px solid #e7e7e7;
	padding:7px 0 9px 26px;
	margin:-1px 0 1px;
}
.side-nav li a{
	color:#ff6a0e;
	padding:0 0 0 20px;
	background:url(../../images/arrow01.gif) no-repeat 0 9px;
	display:inline-block;
}
.side-nav li a:hover,
.side-nav li.active a{
	text-decoration:none;
	background:url(../../images/arrow02.gif) no-repeat 0 9px;
	color:#000;
}
.side-nav li.active a{font-weight:bold;}
#content{overflow:hidden;}
.sub-ttl{
	display:block;
	font:19px/21px 'Trebuchet MS', Arial, sans-serif;
	padding:0 0 25px;
}

.list{
	margin:0;
	padding:0 0 20px;
	list-style:none;
	font:16px/19px 'Trebuchet MS', Arial, sans-serif;;
}
.list li{
	
}
.list li a{
	color:#d5282c;
	padding:0 0 0 20px;
	background:url(../../images/arrow01.gif) no-repeat 0 9px;
	display:inline-block;
}
.list li a:hover,
.list li.active a{
	text-decoration:none;
	background:url(../../images/arrow02.gif) no-repeat 0 9px;
	color:#000;
}

.columns{
	overflow:hidden;
	width:100%;
}
.columns .list{
	float:left;
	width:49.9%;
}
#footer{
	width:885px;
	margin:0 -33px 0 -58px;
	border-top:1px solid #d3d3d3;
	padding:40px 33px 40px 58px;
	font:13px/16px 'Trebuchet MS', Arial, sans-serif;
	color:#999;
}
#footer:after{
	clear: both;
	content:'';
	display: block;
}
#footer p{margin:0;}
.by{
	float:left;
	width:160px;
	margin:0 120px 0 0;
}
.by img{
	float:left;
	margin:0 8px 0 0;
}
.copy{
	float:left;
	width:310px;
}
.counter{float:right;}
.counter img{float:left;}

#sidebar ul.side-nav li span.red {
	color:#DD0000;
}
.price{
	width: 100%;
	border-collapse: collapse;
}
.price th{
	padding: 4px 0px 8px 0px;
}
.pshort th{
	width: 0px;
}
.price td{
	padding: 3px;
}
.price tr:nth-child(even){
	background: #f0f0f0;
}
table.partner, table.partner tbody, table.partner tr:first-child{
display: block;
}
.partner p{
font-weight: bold;
font-size: 22px;
}
.partner p{
	margin: 0 0 10px;
}
.partner th p:first-child{
font-size: 28px;
}
.partner li{
	padding: 0 0 8px;
}
.partner ol{
padding: 0 0 15px 20px;
}
.baget{
border-bottom: 1px solid #ed1c24;
}
.partn{
padding: 20px 0;
border-bottom: 1px solid #ed1c24;
}
.address{
padding: 20px 0px;
}
/*Media*/
#social{
margin: 0 -15px 0 -25px;
}
#price-m{
display: none;
}
#nav ul li{
padding: 0 10px;
}
.soc-bar{
display: none
}
.red{
color: red;
}
.e-media, .g-media{
display: none;
}
.logo{
	margin: -12px 0 0 -40px;
}
.services li a.item01:hover, .services li.active a.item01 {
    background: url(../../images/bg-item01.jpg) no-repeat 20px 0;
}
.services li a.item02:hover, .services li.active a.item02 {
    background: url(../../images/bg-item02.jpg) no-repeat 2px 0;
}
.services li a.item03:hover, .services li.active a.item03 {
    background: url(../../images/bg-item03.jpg) no-repeat 32px 0;
}
.services li a.item04:hover, .services li.active a.item04 {
    background: url(../../images/bg-item04.jpg) no-repeat 13px 0;
}
.services li a.item05:hover, .services li.active a.item05 {
    background: url(../../images/bg-item05.jpg) no-repeat 28px 0;
}
.wrapper{
	width:100%;
	padding: 0px;
	margin: 0px;
}
#header{
	width: 865px;
	margin: 0 auto;
	padding: 0 0 45px;
}
#m-nav{
	display: none;
}
#wrap_services, #wrap_frames{
	background: url(../../images/bg-services.png) no-repeat;
	width: 1126px;
	height: 103px;
	margin: 0 auto;
	padding: 0px;
}
.services{
	background: none;
	padding: 0px;
	width: 1000px;
	margin: 0 auto;
}
 .frames{
	background: none;
	padding: 0px;
	width: 960px;
	margin: 0 auto;
}
.services li{
	padding: 0 16px;
}
.frames li{
	padding: 0 11px;
}
.main-holder{
	width: 865px;
	margin: 0 auto;
}
#footer{
	margin: 0 auto;
}
#m-menu{
	display: none;
}
#info{
display: none;
}
#baget{
display: none;
}
.copy{
width: auto;
}
@media all and (max-width: 1125px){
	#wrap_services, #wrap_frames{
		background-position-x: center;
		width: 100%;
	}
}

@media all and (max-width: 999px){
#info, #remont{
padding-top: 5px;
display: block;;
}
.hp .nav-holder, .nav-holder{
padding: 0px;
}
.logo{
width: 240px;
height: 50px;
float: none;
background-position: center;
margin: 0px auto;
background-size: contain;
}
.main-holder{
padding: 55px 0 30px;
}	.hp #header, #header{
		width: 100%;
		height: 45px;
		padding: 0 0 5px;
		position: fixed;
		background: #fafafa;
		z-index: 10;
	}
	#m-nav{
		width: 48px;
		height: 36px;
		display: block;
		padding: 7px 1px;
		cursor: pointer;
		position: fixed;
	}
	#m-nav span{
		display: block;
		height: 5px;
		background-color: #9c9c9c;
		margin: 8px 0 0;
		transition: all.3s linear .1s;
		position: relative;
	}
	#m-nav span.l1{
		margin: 0px;
	}
	.hp{
		background: none;
	}
	#nav, .header-holder{
		display: none;
	}
.news{
padding-top: 60px;
}
#wrap_services, #wrap_frames{
background: none;
padding: 50px 0px 0px 0px;
position: fixed;
height: 100%;
background: #0808084d;
}
.services li a, .frames li a{
float: none;
color: #000;
width: 100% !important; 
}
.services, .frames{
background: #e0e0e0;
width: 100%;
height: auto;
}
.services li, .frames li{
width: auto !important;
float: none;
padding: 0px;
border-bottom: 1px solid #f4f4f4;
}
.services li:first-child, .frames li:first-child{
border-top: 1px solid #f4f4f4;
}                                                          
.services li a span, .services li.active a span, .frames li a span, .frames li.active a span{
padding: 8px 5px 8px 5px;
background: none;
transition: background .3s;
}
.services li a:hover span, .frames li a:hover span{
background: #f3f3f3;
}
#m-menu ~ div#main div#wrap_services, #m-menu ~ div#main div#wrap_frames{
	left: -100%;
	transition: left .4s;
}
#m-menu:checked ~ div#main div#wrap_services, #m-menu:checked ~ div#main div#wrap_frames{
	left: 0px;
}
#m-menu:checked ~ #header #m-nav span.l1 {
transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  top: 12.5px;
}
#m-menu:checked ~ #header #m-nav span.l2 {
  opacity: 0;
}
#m-menu:checked ~ #header #m-nav span.l3 {
transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  top: -13px;
}
#price-m{
padding-bottom: 5px;
display: block;
}

#footer{
width: auto;
}
}
@media all and (max-width: 920px){
.partn{
display: none;
}
#content h1, #content h2{
text-align: center;
}
.e-media, .g-media{
display: block;
}
.phones .side-nav{
display: none
}
.news{
width: inherit;
}
.phones{
float: left;
width: 152px;
padding: 0px 4px 4px 4px;
margin: 0 0 4px 0px;
}
.phone{
font-size: 18px;
}
.address{
padding: 0px 4px 4px;
}
.address address{
float: left;
padding: 0 0 5px;
font-size: 14px;
line-height: 17px;
}
.metro{
padding: 0 0 0 25px;
font-size: 14px;
line-height: 17px;
margin: 0 0 0 10px;
}
.baget{
display: none;
}
#sidebar h2{
display: none;
}
#baget{
padding-top: 5px;
display: block;
}
.main-holder{
width: auto;
}
#sidebar{
    float: none;
    width: 100%;
    margin: 0px;
}
#sidebar .side-nav{
display:none;
}
#sidebar h3{
display: none;
}
#content{
/*margin: 0px 12px;*/
width: 100%;
}
#content p, #content h2, #content h1,  #content h3{
padding: 0px 12px;
}
#social{
display: inline-block;
margin: -35px 0px 0 0px;
}
}
@media all and (max-width: 496px){
#social{
margin: 0px -5px 0 0px;
}
}
@media all and (min-width: 593px) and (max-width: 624px){
#social{
margin: -30px 0px 0 10px;
}
}
@media all and (min-width: 625px) and (max-width: 630px){
#social{
margin: -5px 0px 0 10px;
}
}
@media all and (min-width: 631px) and (max-width: 920px){
#social{
margin: 5px 0px 0 -310px;
}
}

@media all and (max-width: 359px){
.logo{
width: 200px;
}
}
@media all and (max-height: 445px) and  (max-width: 999px){
.frames{
 list-style-position: inside;
-moz-column-count:2;
-webkit-column-count:2;
column-count:2;
}
@media all and (max-height: 418px) and  (max-width: 999px){
#info{
 list-style-position: inside;
-moz-column-count:2;
-webkit-column-count:2;
column-count:2;
}
.services li a span, .services li.active a span, .frames li a span, .frames li.active a span {
    padding: 7px 5px 6px 5px;
}
.services li:first-child, .frames li:first-child{
border-top: none;
}
#info li:nth-child(2){
border: none;
}
}
}