html, body { padding: 0; margin: 0;	outline: none;	-webkit-box-sizing: border-box;	-moz-box-sizing: border-box; box-sizing: border-box;	 color: #000000; min-width: 300px;  height: 100%; }


html, body { font-family:'SF Pro Display'; font-size: 16px;	font-weight: n; line-height:1.4em; }
html, body { font-family:'HeliosCond'; font-size: 16px;	font-weight: 400; line-height:1.4em; }


/*  200, 300, normal, bold, 600, 900 */
html, body { font-family:'Mayonez'; font-size: 16px;	font-weight: 300; line-height:1.4em; }




/* html, body { font-family:'Minion Pro'; } */



/* targetdigit */
.targetspec { display:block; position:fixed; background:#fff; top:0; z-index:9999; } 


.supertopmargin { margin:70px 0 0 0; }



/* block css */
.prewrap { display:block; width:100%; height:100%; }
.wrap {  min-height: 100%;  min-width: 280px; max-width:100%; background:#fff;  margin: 0 auto; display: flex; align-items:flex-start;  flex-direction:column; }

/* main config */
.disnone { display:none; }
.boxsize { -webkit-box-sizing: border-box;	-moz-box-sizing: border-box; box-sizing: border-box; }
.flexdisplay { display:-webkit-flex; display: -moz-flex;  display: -ms-flex;  display: -o-flex; display: flex;  }
.mainwidth {  width:100%;  min-width: 280px; margin:0 auto; max-width: 1300px;  }
.transition { -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out;  -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
.divider { flex-grow:1; }



p { margin:20px 0 0 0; line-height:1.5em; font-size:1em; text-align:left; }
p:first-child { margin:0; }
p strong { font-weight:500; }
p.posthead { font-weight:600; }


ul  { list-style-position:inside; margin:20px 0 0 0; }
ul li { list-style-type: disc; margin:0 0 10px 0; line-height:1.4em; }
ul li span { font-weight:500; }
ul li strong { font-weight:600; }


ol  { list-style-position:inside; padding:0 0 20px 0; }
ol li { list-style-type: decimal; margin:0 0 10px 0; line-height:1.4em; }


h2 { font-size:1.3em; font-weight:600; margin:20px 0 0 0; color:#835324; }


.textlink { color:#135c74; }
.textlink span { border-bottom:1px #135c74 dotted; }
.textlink:hover { color:#000; }
.textlink:hover span { border-bottom:0px; }

/*  darkoverlay darkoverlay darkoverlay   */
#overlay {	z-index: 3000; position: fixed; background-color: #000; opacity: 0.8; width: 100%; height: 100%; top: 0; left: 0; cursor: pointer; display:none; } 





/**************** topfixed **********/
.topfixed { width:100%; min-width:100%; background:#c81b1b; position:fixed; top:-200px; left:0; padding:0px 20px 0 0; }

.topfixed { -webkit-box-shadow: 0px 3px 10px 4px rgba(34, 50, 80, 0.7);
-moz-box-shadow: 0px 3px 10px 4px rgba(34, 50, 80, 0.7);
box-shadow: 0px 3px 10px 4px rgba(34, 50, 80, 0.7); }

.topfixed-inside { align-items:center; }
.topfixed-call, .topfixed-call a { color:#fff; font-weight:600; font-size:1.2em; }




/**************** leftmenu **********/
.leftmenu-modal { width:400px; z-index: 4000; position: fixed; top:0; height:100%; background:#fff; left:-420px; overflow-y: auto; display:none; }
.leftmenu-modal-widthfull { width:100%; }
.close-leftmenu-modal { display:block; text-align:center; padding:20px 0; border-bottom:1px #e0e0e0 solid; color:#bbb; justify-content:center; line-height:1em; font-weight:600; text-decoration:none; }
.close-leftmenu-modal:hover { color:#000; }

.leftmenu-modal-block { flex-direction:column; padding:0 0 30px 0; }
.leftmenu-modal-block-link { padding:20px 30px; border-bottom:1px #c4c4c4 dotted; font-size:1.2em; font-weight:500; }
.leftmenu-modal-block-link:hover { background:rgba(0,0,0,0.1); }

.leftmenu-modal-contact { padding:20px 30px 50px 30px; }
.leftmenu-modal-contact span { display:block; font-size:1.4em; font-weight:600; color:#4c4c4c; line-height:1.4em; }
.leftmenu-modal-contact span:first-child { margin:0 0 10px 0; }






/* menusand-fixed */
.menusand-fixed { margin:0;  }
.menusand-main { margin:0; display:none;  -moz-border-radius: 5px; -webkit-border-radius: 5px;  border-radius: 5px;  behavior: url(../scripts/border-radius.htc); }

.menusand { align-items:center;  cursor:pointer; background:#fff; padding:12px 10px; }
.menusand-div { display: block; width:18px; min-width:18px;	cursor: pointer;  }
.menusand-div .divide { display: block; height: 4px; margin-bottom: 4px; background: #a26528; }
.menusand-div .divide:last-child { margin-bottom:0px; }
.menusand:hover {  }
.menusand:hover .menusand-div .divide { background: #000; }
.menusand-text { color:#fff; font-size:0.9em; font-weight:600; margin: 5px 0px 0 16px; }
.menusand-text { display:none; }








.topperup { -webkit-box-shadow: 0px 3px 10px 4px rgba(34, 50, 80, 0.1); -moz-box-shadow: 0px 3px 10px 4px rgba(34, 50, 80, 0.1); box-shadow: 0px 3px 10px 4px rgba(34, 50, 80, 0.1); background:#c7c3bc; }








/* subtopshapka */
.subtopshapka { background:rgba(150,75,0,0.8); background:#835324; padding:0 20px;  }
.subtopshapka { position:fixed; top:0; left:0; width:100%; }
.subtopshapka-inside { padding:17px 0; align-items:center; }

.toplogo { width:50px; }
.toplogo img { display:block; width:100%; }
.topadres { text-align:center;  color:#fff; margin:0 0 0 20px; font-weight:500; }

.topmenu { align-items:center;  justify-content:center; gap:30px; }
.topmenu-link {  }
.topmenu-link span { border-bottom:1px #fff dotted; color:#fff; }
.topmenu-link:hover span { border-bottom:0px; }

.topcall { font-size:1.2em; font-weight:600; color:#fff; margin:0 0 0 50px; }





/* topshapka */
.topshapka { flex:0 0 auto; width:100%; min-width:100%; background:#d2cec7; flex-direction:column; padding:0 0 0 20px; }
.topshapka-inside { flex-direction:column; background:url('../images/mainfoto.jpg') bottom right no-repeat; height:600px; }
.topshapka-inside-second { flex-direction:column; background:#d2cec7; padding:95px 0 15px 0; }


.topshapka-name { padding:100px 0 0 0; }
.topshapka-name-pre { font-size:1.2em; color:#724519; font-weight:600; line-height:1.4em; }
.topshapka-name-value { font-size:2.0em; font-weight:600; line-height:1.4em; margin:10px 0 0 0; }
.topshapka-name-data { line-height:1.4em; margin:10px 0 0 0; font-size:1.2em;}




.topanons { align-items:flex-start; flex-direction:column; width:750px;  }

.topanons-head { font-size:2.4em; font-weight:500; line-height:1.2em; margin:40px 0 0 0;  width:100%; color:#835324; color:#724519; }
.topanons-posthead { font-size:1.1em; font-weight:500; line-height:1.4em; margin:0 0 30px 0; width:100%; }

.topanons-adv { display:grid; gap:10px; grid-template-columns: repeat(3, 1fr); margin:0 0 30px 0; width:100%;  }
.topanons-adv-block { background:rgba(175,100,40,0.6); padding:20px; -moz-border-radius: 8px; -webkit-border-radius: 8px;  border-radius: 8px;  behavior: url(../scripts/border-radius.htc);  }
.topanons-adv-block-head { text-align:center; font-size:1.6em; font-weight:600; }
.topanons-adv-block-post { text-align:center; font-size:0.8em; }



.topanons-foto { width:100%; min-width:100%;  }
.topanons-foto img { width:80%; display:block; margin:0 auto; }

.topanons-connect { margin:0 0 20px 0; width:100%; }
.topanons-connect-call { text-align:center; line-height:1.4em; font-size:1.6em; font-weight:600; }
.topanons-connect-adres { text-align:center; line-height:1.4em; font-weight:0.8em; }


/* textbody */
.mainservice { flex:0 0 auto; width:100%; min-width:100%; padding:0 20px; background:#f4f4f4; }
.mainservice-inside { padding:50px 0; }

.mainservice-inside h1 { color:#6f3c42; font-size:1.6em; font-weight:600; line-height:1.4em; text-align:center; text-transform:uppercase; margin:0 0 20px 0; }
.mainservice-subhead { text-align:center; margin:0 0 20px 0; }

/* advserv */
.advserv { display:grid; gap:30px; grid-template-columns: repeat(3, 1fr); margin:30px 0 0 0; }
.advserv-block { /* border:1px #ae6b29 solid;  padding:10px;*/ background:#fff; -moz-border-radius: 15px; -webkit-border-radius: 15px;  border-radius: 15px;  behavior: url(../scripts/border-radius.htc); }
.advserv-image { margin:0;  }
.advserv-image img { width:100%; display:block; -moz-border-radius: 15px 15px 0 0; -webkit-border-radius: 15px 15px 0 0;  border-radius: 15px 15px 0 0;  behavior: url(../scripts/border-radius.htc); }
.advserv-about { padding:20px; }
.advserv-head { margin:0 0 10px 0; font-size:1.3em; font-weight:500;  }
.advserv-text { margin:0 0 10px 0; padding:0 0 10px 0; }
.advserv-podrob { background:#835324; color:#fff; text-align:center; padding:15px 0; -moz-border-radius: 7px; -webkit-border-radius: 7px;  border-radius: 7px;  behavior: url(../scripts/border-radius.htc); }
.advserv-block:hover .advserv-podrob { background:#d2cec7; color:#000; font-weight:500; }






/* mainabout */
.mainabout { background:#e8e8e8; flex:1 0 auto; width:100%; min-width:100%; padding:0 20px; }
.mainabout-inside { padding:30px 0; }
.aboutmetro {  gap:30px; }
.aboutmetro-pic { width:300px; min-width:300px; }
.aboutmetro-pic img { display:block; width:100%; -moz-border-radius: 15px; -webkit-border-radius: 15px;  border-radius: 15px;  behavior: url(../scripts/border-radius.htc); }
.aboutmetro-text { padding:40px; flex-direction:column; align-items:flex-start; background:#fff; -moz-border-radius: 15px; -webkit-border-radius: 15px;  border-radius: 15px;  behavior: url(../scripts/border-radius.htc); }

.aboutmetro-text h1 { color:#6e242d; font-size:1.6em; font-weight:600; line-height:1.4em; text-align:left; text-transform:uppercase; margin:0 0 0px 0; }

.aboutmetro-button {  background:#835324; color:#fff; text-align:center; padding:15px 30px; margin:30px 0 0 0; -moz-border-radius: 7px; -webkit-border-radius: 7px;  border-radius: 7px;  behavior: url(../scripts/border-radius.htc); }
.aboutmetro-button:hover { background:#d2cec7; color:#000; font-weight:500; }











/* subsection */
.subsection-cover { display:grid; gap:40px; grid-template-columns: 1fr 30%; }

.subsection-right { margin:20px 0 0 0;   }
.subsection-right-pic {  }
.subsection-right-pic img { width:100%; display:block; -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0;  border-radius: 10px 10px 0 0;  behavior: url(../scripts/border-radius.htc); }


.subsection-right-about { background:#fff; -moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px;  border-radius: 0 0 10px 10px;  behavior: url(../scripts/border-radius.htc); padding:30px; }
.sra-position { color:#835324; font-weight:500; line-height:1.4em; }
.sra-name { margin:10px 0 0 0; line-height:1.4em; font-size:1.4em; font-weight:500; }
.sra-id { margin:10px 0 0 0; line-height:1.4em; }
.sra-call { margin:10px 0 0 0; line-height:1.4em; }
.sra-call span { display:block; color:#835324; font-weight:500; }
.sra-mail { margin:10px 0 0 0; line-height:1.4em; }
.sra-mail span { display:block; color:#835324; font-weight:500; }


.subsection-head { background:#fff; -moz-border-radius: 10px; -webkit-border-radius: 10px;  border-radius: 10px;  behavior: url(../scripts/border-radius.htc); padding:30px 30px; }
.subsection-head h1 { font-size:1.4em; color:#724519; font-weight:600; line-height:1em;  }

.subsection { padding:0px 0; background:#fff;  -moz-border-radius: 10px; -webkit-border-radius: 10px;  border-radius: 10px;  behavior: url(../scripts/border-radius.htc); padding:30px 30px; margin:20px 0 0 0; }


.subsection-2-columns { display:grid; gap:40px; grid-template-columns: repeat(2, 1fr); margin:40px 0 40px 0; }
.pricetable {  }
.pricetable-row-head { font-size:1.2em; font-weight:600; color:#895828; padding:15px 0 0 0; }
.pricetable-row-head-nopad { padding:0; }


.pricetable-row-value { font-weight:500;  padding:0 10px 0 0; }
.pricetable-row-price { text-align:right;  }

.pricetable-column { padding:8px 0;  }
.pricetable-column-dotted { border-bottom:1px #bdb8aa dotted; }
.pricetable-column-grid { display:grid; gap:0px; grid-template-columns: 70% 30%; align-items:end;  }









/* callme */
.callme { flex:0 0 auto; width:100%; min-width:100%; padding:0 20px; background:url('../images/callmefon.jpg')center; background-size:cover; }
.callme-inside { padding:60px 0; }
.callme-head { text-align:center; font-size:2em; font-weight:500; color:#f0cfb4; margin:0 0 20px 0; line-height:1.4em; } 
.callme-head  span { border-bottom:2px #f0cfb4 solid; }
.callme-call, .callme-call a { text-align:center; font-size:1.6em; font-weight:500; line-height:1.4em; color:#fff; }



/* coop */
.coop { flex:0 0 auto; width:100%; min-width:100%; padding:0 20px;  }
.coop-inside { padding:60px 0; }

.coop-head { color:#6e242d; font-size:1.6em; font-weight:600; line-height:1.4em; text-align:left; text-transform:uppercase; margin:0 0 20px 0; }
.coop-metro {  display:grid; gap:30px; grid-template-columns: repeat(3, 1fr); }
.coop-metro-block {  }
.coop-metro-pic { margin:0 0 10px 0; }
.coop-metro-pic img { width:100%; display:block; -moz-border-radius: 10px; -webkit-border-radius: 10px;  border-radius: 10px;  behavior: url(../scripts/border-radius.htc); }
.coop-metro-text { line-height:1.4em; }




/* texting */
.texting { flex:0 0 auto; width:100%; min-width:100%; padding:0 20px; background:#fff; }
.texting-inside { padding:50px 0 50px 0;  }

.texting-head { color:#6e242d; font-size:1.6em; font-weight:600; line-height:1.4em; text-align:left; text-transform:uppercase; margin:0 0 20px 0; }
.texting-inside p { line-height:1.4em; margin:0 0 20px 0; }
.texting-inside p:last-child { line-height:1.4em; margin:0 0 0 0; }






/* bottom */
.bottom { flex:0 0 auto; width:100%; min-width:100%; padding:0 20px; background:#d2cec7; }
.bottom-inside { padding:50px 0 20px 0; border-bottom:1px #85827e solid; }

.bottom-logo-pic { width:85px; min-width:85px; margin:0 20px 0 0; }
.bottom-logo-pic img { width:100%; display:block; }

.bottom-about { line-height:1.4em; }
.bottom-adres { text-align:right; line-height:1.4em; }

.bottom-about span, .bottom-adres span { font-weight:600; }



/* subbottom */
.subbottom { flex:0 0 auto; width:100%; min-width:100%; padding:0 20px; background:#d2cec7; }
.subbottom-inside { flex-direction:column; padding:20px 0; }
.subbottom-link { text-align:center; line-height:1.4em; margin:0 0 10px 0; font-size:0.9em; }
.subbottom-link span { border-bottom:1px #000 dotted; }
.subbottom-link:hover span { border-bottom:0px; }









/*  display 1300 display 1300 display 1300 display 1300 display 1300 display 1300 display 1300   */
@media (max-width: 1300px) {

	.dis1300 { display: block; }
	.disnone1300 { display: none; }
	.flex1300 { display:-webkit-flex; display: -moz-flex;  display: -ms-flex;  display: -o-flex; display: flex; }


}






/*  display 1200 display 1200 display 1200 display 1200 display 1200     */
@media (max-width: 1200px) {

	.dis1200 { display: block; }
	.disnone1200 { display: none; }


	.topadres {  }
}






/*  display 1150 display 1150 display 1150 display 1150 display 1150    */
@media (max-width: 1150px) {

	.dis1150 { display: block; }
	.disnone1150 { display: none; }




}






/*  display 1100 display 1100 display 1100 display 1100 display 1100    */
@media (max-width: 1100px) {

	.dis1100 { display: block; }
	.disnone1100 { display: none; }

	.menusand-main { display:-webkit-flex; display: -moz-flex;  display: -ms-flex;  display: -o-flex; display: flex;  }


	
	.coop-metro {  display:grid; gap:30px; grid-template-columns: repeat(2, 1fr); }

	.subtopshapka-inside { padding:12px 0; align-items:center; }
	.subtopshapka { padding:0 20px 0 10px;  }
}





/*  display 1000 display 1000 display 1000 display 1000    */
@media (max-width: 1000px) {

	.dis1000 { display: block; }
	.disnone1000 { display: none; }
	.flex1000 { display:-webkit-flex; display: -moz-flex;  display: -ms-flex;  display: -o-flex; display: flex; }


	.advserv { display:grid; gap:10px; grid-template-columns: repeat(3, 1fr); margin:30px 0 0 0; }
	.advserv-head { margin:0 0 10px 0; font-size:1.2em; font-weight:500;  }
	.advserv-text { margin:0 0 10px 0; font-size:0.9em; padding:0 0 10px 0; }	

	.topshapka-inside { flex-direction:column; background:url('../images/mainfoto900.jpg') bottom right no-repeat;  }


	.bottom-inside { flex-direction:column; }
	.bottom-about { margin:0 0 20px 0; }
	.bottom-about, .bottom-adres { text-align:center; }


	.topanons-head { font-size:2.0em; }	
	.topanons { width:650px;  }	
	
	
	.subsection-cover { display:grid; gap:20px; grid-template-columns: 1fr 40%; }
}







/*  display 900 display 900 display 900 display 900 display 900    */
@media (max-width: 900px) {

	.dis900 { display: block; }
	.disnone900 { display: none; }




	.aboutmetro-pic { width:250px; min-width:250px; }

	
	.subsection-2-columns { display:grid; gap:70px; grid-template-columns: repeat(1, 1fr); margin:40px 0 40px 0; }	
}





/*  display 800 display 800 display 800 display 800 display 800    */
@media (max-width: 800px) {

	.dis800 { display: block; }
	.disnone800 { display: none; }


	.topanons-head { font-size:1.6em; }	


	

	.advserv { display:grid; gap:10px; grid-template-columns: repeat(2, 1fr); margin:30px 0 0 0; }
	.advserv-head { margin:0 0 10px 0; font-size:1.2em; font-weight:500;  }
	.advserv-text { margin:0 0 10px 0; font-size:0.9em; padding:0 0 10px 0; }	
	
}



/*  display 700 display 700 display 700 display 700 display 700    */
@media (max-width: 700px) {

	.dis700 { display: block; }
	.disnone700 { display: none; }
	
	
	.topshapka-inside { flex-direction:column; background:none;  }

	.topshapka-inside { height:auto; }
	.topanons { width:auto; min-width:auto; }
	.topanons-head { text-align:center; margin:20px 0 0 0; }	
	.topshapka-name-pre, .topshapka-name-value, .topshapka-name-data { text-align:center; }
	
	
	
	.aboutmetro { flex-direction:column;  }	
	.aboutmetro-pic { width:100%; min-width:100%; }

	.coop-metro {  display:grid; gap:20px; grid-template-columns: repeat(2, 1fr); }


	.subsection-cover { display:grid; gap:20px; grid-template-columns: 1fr; }

}










/*  display 600 display 600 display 600 display 600 display 600 display 600     */
@media (max-width: 600px) {

	.dis600 { display: block; }
	.disnone600 { display: none; }
	.flex600 { display:-webkit-flex; display: -moz-flex;  display: -ms-flex;  display: -o-flex; display: flex; }



.callme-head { font-size:1.8em; } 
.callme-call { font-size:1.4em; }



.aboutmetro-text h1 { font-size:1.3em;  }


.coop-metro {  display:grid; gap:20px; grid-template-columns: 1fr; }

/* padding */

.topshapka { padding:0 0 0 10px; }
.topanons { padding:0 10px 0 10px; }
.mainservice { padding:0 10px; }
.mainabout { padding:0 10px;  }
.callme { padding:0 10px; }
.subsection { padding:30px 10px; }

}





/*  display 500 display 500 display 500 display 500 display 500    */
@media (max-width: 500px) {


	.dis500 { display: block; }
	.disnone500 { display: none; }
	.flex500 { display:-webkit-flex; display: -moz-flex;  display: -ms-flex;  display: -o-flex; display: flex; }




	.advserv { display:grid; gap:10px; grid-template-columns: 1fr; margin:30px 0 0 0; }
	.advserv-head { margin:0 0 10px 0; font-size:1.2em; font-weight:500;  }
	.advserv-text { margin:0 0 10px 0; font-size:0.9em; padding:0 0 10px 0; }


}	



/*  display 400 display 400 display 400 display 400     */
@media (max-width: 400px) {

	.dis400 { display: block; }
	.disnone400 { display: none; }
	
	.callme-inside { padding:30px 0; }
	.callme-head { font-size:1.4em; } 
	.callme-call { font-size:1.2em; }

}