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:none; position:fixed; background:#fff; top:0; z-index:9999; }
h1 { color:#000; font-weight:600; font-size:1.4em; margin: 0 0 30px 0; line-height:1.4em; }
p { margin:0 0 20px 0; line-height:1.4em; }
p:last-child { margin:0; }
p.strong { font-weight:600; }
ul { margin:0 0 20px 0; list-style-position:inside; }
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; }
/* 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; }
/* 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:#000; 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 0 0 0px; padding:10px 20px; }
.menusand-main { margin:0 0 0 0px; display:none; padding:0px 20px; }
.menusand { align-items:center; cursor:pointer; }
.menusand-div { display: block; width:25px; min-width:25px; cursor: pointer; padding:15px 0 15px 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; behavior: url(../scripts/border-radius.htc); }
.menusand-div .divide { display: block; height: 4px; margin-bottom: 6px; background: #fff; }
.menusand-div .divide:last-child { margin-bottom:0px; }
.menusand:hover { background:#840c15; }
.menusand-text { color:#fff; font-size:0.9em; font-weight:600; margin: 5px 0px 0 16px; }
.menusand-main .menusand-text { color:#000; }
.menusand-main .menusand-div .divide { background: #000; }
.menusand-fixed:hover { background:#000; }
.menusand-fixed:hover .menusand-text { color:#f99b06; }
.menusand-fixed:hover .menusand-div .divide { background: #f99b06; }
.menusand:hover { background:#000; }
.menusand:hover .menusand-text { color:#f99b06; }
.menusand:hover .menusand-div .divide { background: #f99b06; }
/* topshapka */
.topshapka { flex:0 0 auto; width:100%; min-width:100%; background:url('../images/mainback05.jpg') left top; background-size:cover; flex-direction:column; padding:0 0px; }
.topshapka-inside { flex-direction:column; flex:1 0 auto; }
/* topper */
.topper { padding:0 20px; align-items:center; background:rgba(0,0,0,0.6); }
.topper-inside { padding:20px 0; align-items:center; }
.toplogo { padding:0; align-items:center; margin:0 20px 0 0; }
.toplogo-short { width:50px; margin:0 10px 0 0; } .toplogo-short img { width:100%; display:block; }
.toplogo-long { width:160px; } .toplogo-long img { width:100%; display:block; }
.postlogo { border-left:2px #fff solid; padding:0 0 0 10px; margin:0px 0 0 0; }
.postlogo > div { line-height:1em; font-size:0.8em; color:#fff; }
.postlogo > div:last-child { margin:5px 0 0 0; }
.topcall-adres { color:#fff; margin:7px 0 0 60px; font-weight:600; }
.topcall { margin:8px 0 0 30px; }
.topcall-number, .topcall-number a { color:#fff; font-weight:600; font-size:1.3em; text-align:right; }
.topcall-time { color:#fff; font-weight:500; font-size:0.8em; text-align:right; }
.topanons { padding:0 20px; flex:1 0 auto; align-items:center; }
.topanons-inside { padding:100px 0; }
.topanons-block { flex-direction:column; padding:0 0 0 10px; background:rgba(0,0,0,0.6); padding:20px 20px; }
.topanons-block h1 { font-size:1.8em; font-weight:600; color:#fff; line-height:1.4em; width:700px; margin:0 0 10px 0; padding:0; }
.topanons-market { color:#fdf572; font-size:1.2em; font-weight:600; line-height:1.4em; }
/* topmenu */
.topmenu { background:#f99b06; flex: 0 0 auto; width:100%; min-width:100%; padding:0 20px; }
.topmenu-inside { align-items:center; }
.topmenu-link { color:#000; padding:15px 10px; flex:1 0 auto; text-align:center; font-weight:500; }
.topmenu-link:hover { background:#000; color:#fff; }
.topmenu-call, .topmenu-call a { margin:0 20px 0 0; color:#000; font-size:1.1em; font-weight:600; text-decoration:none; }
/* mainabout */
.maintovar { padding:0 20px; flex: 0 0 auto; width:100%; min-width:100%; background:#fff; background:#eee; }
.maintovar-inside { padding:50px 0 30px 0; flex-direction:column; }
.maintovar-head { text-transform:uppercase; font-size:1.6em; line-height:1.4em; text-align:center; font-weight:600; margin:0 0 20px 0; color:#975d01; }
.maintovar-subhead { text-align:center; width:80%; margin:0 auto 30px; line-height:1.4em; font-weight:500; }
.maintovar-metro { display:grid; grid-template-columns: repeat(4, 1fr); gap:30px; margin:0 0 20px 0; }
.maintovar-metro-block { background:#000; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; behavior: url(../scripts/border-radius.htc); }
.maintovar-metro-block:hover { background:#e18a01; }
.maintovar-metro-pic { }
.maintovar-metro-pic img { display:block; width:100%; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; behavior: url(../scripts/border-radius.htc); }
.maintovar-metro-text { padding:15px; }
.maintovar-metro-text-head { font-weight:500; line-height:1.4em; color:#fff; }
.maintovar-metro-text-price { font-weight:600; line-height:1.4em; font-size:1.2em; color:#fff; }
.maintovar-metro-block:hover .maintovar-metro-text-price { color:#000; }
.postaboutus { padding:0 20px; flex: 0 0 auto; width:100%; min-width:100%; background:#fff; }
.postaboutus-inside { padding:40px 0; }
/* artstat */
.artstat { flex:0 0 auto; width:100%; min-width:100%; padding:0 20px; background:#f5f5f5; }
.artstat-inside { padding:30px 0; }
.artstat-inside h2 { font-weight:600; font-size:1.4em; margin: 0 0 20px 0; }
.artstat-metro { display:grid; grid-template-columns: repeat(4, 1fr); gap:20px; }
.artstat-metro-block { background:#fff; border:1px #dcdcdc solid; }
.artstat-metro-block:hover { border:1px #a60c0e solid; }
.artstat-metro-block-pic { }
.artstat-metro-block-pic img { width:100%; display:block; }
.artstat-metro-block-head { padding:10px 20px 5px; }
.artstat-metro-block-head span { color:#a60c0e; font-weight:600; border-bottom:1px #a60c0e dotted; font-size:1.1em; }
.artstat-metro-block:hover .artstat-metro-block-head span { color:#000; font-weight:600; border-bottom:1px #fff dotted; }
.artstat-metro-block-anons { padding:0 20px 15px; }
/* logowork */
.logowork { flex:0 0 auto; width:100%; min-width:100%; padding:0 20px; }
.logowork-inside { padding:30px 0; }
.logowork-inside h2 { font-weight:600; font-size:1.4em; margin: 0 0 20px 0; }
.logowork-metro { display:grid; grid-template-columns: repeat(7, 1fr); gap:20px; padding:30px 0; }
.logowork-metro-block { }
.logowork-metro-block img { width:80%; display:block; margin:0 auto; }
/* bottom */
.bottom { flex: 0 0 auto; width:100%; min-width:100%; background:#aa0b0b; padding:0 20px; }
.bottom-inside { padding:40px 0; }
/* yandexmap */
.yandexmap { flex:0 0 auto; width:100%; min-width:100%; }
/* fotometro */
.fotometro { padding:0 20px; flex: 0 0 auto; width:100%; min-width:100%; background:#eee; }
.fotometro-inside { display:grid; gap:30px; grid-template-columns: repeat(4, 1fr); padding:30px 0; }
.fotometro-block {}
.fotometro-block img { width:100%; display:block; }
/* openpricebutton */
.openpricebutton { background:#000; padding:20px 30px; margin:0 0 20px 0; text-align:center; color:#f99b06; line-height:1.4em; font-size:1.2em; font-weight:600; }
.openpricebutton:hover { background:#f99b06; color:#000; }
.picinside { }
.picinside img { display:block; width:100%; }
/* advanmetro */
.advanmetro { flex:0 0 auto; width:100%; min-width:100%; padding:0 20px; }
.advanmetro-inside { padding:30px; margin:0 auto 30px; }
.advanmetro-head { font-size:1.4em; font-weight:600; line-height:1.4em; }
.advanmetro-grid { display:grid; grid-template-columns: repeat(4, 1fr); gap:30px; margin:20px 0 0 0; }
.advanmetro-grid-block { }
.advanmetro-grid-icon { width:100%; margin:0 0 10px 0; }
.advanmetro-grid-icon img { display:block; width:30%; margin:0 auto; }
.advanmetro-grid-head { text-align:center; font-weight:600; font-size:1.2em; line-height:1.3em; margin:10px 0 5px 0; }
.advanmetro-grid-text { text-align:center; font-size:0.9em; line-height:1.3em; }
/* mainabout */
.mainabout { padding:0 20px; flex: 1 0 auto; width:100%; min-width:100%; background:#fff; }
.mainabout-inside { padding:60px 0; flex-direction:column; }
/* footer */
.footer { flex:0 0 auto; width:100%; min-width:100%; background:#000; flex-direction:column; padding:0 20px; }
.footer-inside { padding:30px 0; }
.footer-logo { width:230px; margin:0 100px 0 0; }
.footer-logopic { margin:0 0 10px 0; }
.footer-logopic img { width:40%; display:block; margin:0 auto; }
.footer-logotext { text-align:center; color:#fff; font-size:0.8em; }
.footer-navserv { flex-direction:column; margin:0 60px 0 0; }
.footer-navserv-head { color:#fff; font-weight:700; margin:0 0 10px 0; border-bottom:2px #fff solid; font-size:0.9em; }
.footer-navserv-link { text-decoration:none; color:#fff; margin:0 0 5px 0; font-size:0.9em; }
.footer-navserv-link span { border-bottom:1px #fff dotted; }
.footer-navmat { flex-direction:column; margin:0 60px 0 0; }
.footer-navmat-head { color:#fff; font-weight:700; margin:0 0 10px 0; border-bottom:2px #fff solid; font-size:0.9em; }
.footer-navmat-link { text-decoration:none; margin:0 0 5px 0; }
.footer-navmat-link span { border-bottom:1px #fff dotted; color:#fff; font-size:0.9em; }
.footer-navmat-link:hover span { border-bottom:0; color:#f99b06; font-size:0.9em; }
.footer-contact { flex-direction:column; align-items:flex-end; }
.footer-contact-call, .footer-contact-call a { color:#fff; font-weight:700; font-size:1.5em; text-align:right; margin:0 0 10px 0; line-height:1.6em;}
.footer-contact-adres { color:#fff; text-align:right; line-height:1.4em; }
.footer-contact-mail { color:#fff; text-align:right; line-height:1.4em; }
.footer-contact-vk { line-height:1.4em; }
.footer-contact-vk span { color:#fff; text-align:right; border-bottom:1px #fff dotted; }
.footer-contact-vk:hover span { color:#f99b06; border-bottom:0; }
/* 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; }
}
/* 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; }
.topshapka-inside { justify-content:center; }
.menusand-main { display:-webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; }
.maintovar-metro { display:grid; grid-template-columns: repeat(4, 1fr); gap:10px; margin:0 0 20px 0; }
.topcall-adres { text-align:right; }
}
/* 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; }
.artstat-metro { display:grid; grid-template-columns: repeat(2, 1fr); gap:20px; }
.logowork-metro { display:grid; grid-template-columns: repeat(4, 1fr); gap:20px; padding:30px 0; }
}
/* display 900 display 900 display 900 display 900 display 900 */
@media (max-width: 900px) {
.dis900 { display: block; }
.disnone900 { display: none; }
.maintovar-metro { display:grid; grid-template-columns: repeat(3, 1fr); gap:10px; margin:0 0 20px 0; }
.fotometro-inside { display:grid; gap:20px; grid-template-columns: repeat(3, 1fr); padding:30px 0; }
.advanmetro-grid { display:grid; grid-template-columns: repeat(3, 1fr); gap:30px; margin:20px 0 0 0; }
.topanons-inside { padding:100px 0; }
.topanons-block { flex-direction:column; padding:20px 20px; }
.topanons-block h1 { font-size:1.6em; width:auto; }
.topanons-market { font-size:1.1em; font-weight:600; line-height:1.4em; }
}
/* display 800 display 800 display 800 display 800 display 800 */
@media (max-width: 800px) {
.dis800 { display: block; }
.disnone800 { display: none; }
.artstat-metro { display:grid; grid-template-columns: repeat(2, 1fr); gap:10px; }
.topanons-block h1 { font-size:2.2em; font-weight:600; color:#fff; line-height:1.4em; width:auto; margin:0 0 10px 0; padding:0; color:#fcfec4; }
.maintovar-head { text-transform:uppercase; font-size:1.2em; line-height:1.4em; text-align:center; font-weight:600; margin:0 0 20px 0; color:#e62323; }
.maintovar-subhead { text-align:center; width:auto; margin:0 auto 30px; line-height:1.4em; font-weight:500; }
}
/* display 700 display 700 display 700 display 700 display 700 */
@media (max-width: 700px) {
.dis700 { display: block; }
.disnone700 { display: none; }
.artstat-metro { display:grid; grid-template-columns: repeat(1, 1fr); gap:10px; }
.maintovar-metro { display:grid; grid-template-columns: repeat(2, 1fr); gap:10px; margin:0 0 20px 0; }
.footer-inside { flex-direction:column; align-items:center; }
.footer-logo { width:230px; margin:0 0 20px 0; }
.footer-contact { align-items:center; }
.footer-contact-call, .footer-contact-call a { color:#fff; font-weight:700; font-size:1.5em; text-align:center; margin:0 0 10px 0; }
.footer-contact-adres { color:#fff; text-align:center; }
.footer-contact-mail { color:#fff; text-align:center; }
.footer-contact-vk { color:#fff; text-align:center; }
.advanmetro-grid { display:grid; grid-template-columns: repeat(2, 1fr); gap:20px; margin:20px 0 0 0; }
.topanons-inside { padding:80px 0; }
.topanons-block { flex-direction:column; padding:20px 20px; }
.topanons-block h1 { font-size:1.4em; width:auto; }
.topanons-market { font-size:1.1em; font-weight:600; line-height:1.4em; }
}
/* 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; }
.topper { flex-direction:column; margin:0 0 10px 0; }
.postlogo { border-left:0; padding:0; }
.topcall-adres { text-align:center; margin:10px 0 0 0; }
.topanons-block h1 { font-size:1.6em; font-weight:600; color:#fff; line-height:1.4em; width:auto; margin:0 0 10px 0; padding:0; color:#fcfec4; }
.fotometro-inside { display:grid; gap:10px; grid-template-columns: repeat(2, 1fr); padding:30px 0; }
/* padding */
.artstat { padding:0 10px; }
.logowork { padding:0 10px; }
.postaboutus { padding:0 10px; }
.maintovar { padding:0 10px; }
.fotometro { padding:0 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; }
.logowork-metro { display:grid; grid-template-columns: repeat(3, 1fr); gap:20px; padding:30px 0; }
.maintovar-metro { display:grid; grid-template-columns: repeat(1, 1fr); gap:10px; margin:0 0 20px 0; }
.topanons-block h1 { font-size:1.1em; font-weight:600; color:#fff; line-height:1.4em; width:auto; margin:0 0 10px 0; padding:0; color:#fcfec4; }
.topper-inside { flex-direction:column; align-items:center; }
.toplogo { margin:0 0 20px 0; }
.topcall { margin:0; text-align:center; }
.postlogo { text-align:center; border:0; margin:0 0 10px 0; }
.topcall-adres { margin:0 0 20px 0; }
.topcall-number, .topcall-time { text-align:center; }
}
/* display 400 display 400 display 400 display 400 */
@media (max-width: 400px) {
.dis400 { display: block; }
.disnone400 { display: none; }
.logowork-metro { display:grid; grid-template-columns: repeat(2, 1fr); gap:20px; padding:30px 0; }
.advanmetro-grid { display:grid; grid-template-columns: repeat(1, 1fr); gap:20px; margin:20px 0 0 0; }
}