html{scroll-behavior:smooth}
body{background:url(remont5_files/fon2.jpg) #fff9c8;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:16px}
header,aside,footer,section,article,nav{display:block}
#button{width:200px;font-weight:700;background:#f0dca4;padding:0;text-shadow:#fdf3b9 1px 1px 3px;box-shadow:0 3px 8px rgba(150,129,100,0.75)}
#button ul{list-style:none;border:none;margin:0;padding:0;line-height:1.7}
#button li{border-top:1px solid #f5cb9a;margin:0}
#button li a{text-decoration:none;display:block;padding:5px;font-size:18px;font-weight:700;color:#600;background:#f0dca4;background:linear-gradient(0deg,#bd8051,#fdf3b9);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdf3b9',endColorstr='#bd8051',GradientType=0);border-left:6px solid #cd9767;border-right:2px solid #cd9767;transition:border .3s}
#button li a:hover{border-left:12px solid #cd9767;background:#ff8d4a;background:linear-gradient(0deg,#fe7936,#fff7cc);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff7cc',endColorstr='#fe7936',GradientType=0)}
#button li a:active{color:#ff8d4a}
.buttonmenu{display:block;padding:5px;font-size:18px;font-weight:700;color:#ac6d3e;background:#f0dca4;background:linear-gradient(0deg,#bd8051,#fdf3b9);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdf3b9',endColorstr='#bd8051',GradientType=0);border-left:6px solid #cd9767;border-right:2px solid #cd9767;border-top:1px solid #f5cb9a}
h1,h2,h3,h5,h6{color:#600;text-align:center}
h1{font-size:2em}
h2{font-size:1.5em}
h3{font-size:1.1em}
h4{font-size:.68em;color:#930;font-weight:700}
h5{font-size:.88em}
h6{font-size:.8em;font-weight:700}
p{font-size:1em;font-weight:400;line-height:1.6;color:#212121}
hr{color:#cd9767;background-color:#cd9767;height:4px;border-width:0}
table{border-spacing:1.3em}
.calisto{font-family:Calisto MT,Georgia,serif;color:#933e00;text-shadow:2px 2px 3px rgba(150,129,100,0.5)}
.atten{margin:.6em;padding:.6em;background:#fdf385;border-radius:5px;box-shadow:0 1px 4px rgba(150,129,100,0.75)}
.foto,#remkv{max-width:776px;margin:0 auto;text-align:center}
.foto td{width:230px}
.foto p{text-align:left}
.fotost{display:inline-block;width:206px;margin:1.3em;vertical-align:middle}
.fotostmed{display:inline-block;margin:1em;vertical-align:middle}
.one{text-decoration:none;font-size:1em;font-weight:700;color:#600}
.small{font-size:.8em;font-weight:400;line-height:1.3}
.smallit,figcaption{font-size:.8em;font-weight:600;color:#5c4e46;font-style:italic}
.bor,.bor a:hover,.bor a img,.bor a:hover img,.bor a:active img,.bor a:visited img{border:none;background:none;background-image:none;box-shadow:none}
.smallbr,.smallbr a,.smallbr p{font-size:13px;background:none;color:#600;font-weight:700;line-height:normal}
.smallbr a:hover{font-size:13px;background:none;color:#f60;font-weight:700}
.bigh2{text-decoration:none;font-size:1.5em;font-weight:700;color:#600}
.bigh3{text-decoration:none;font-size:1.1em;font-weight:700;color:#600}
.beige{color:#960}
.green{color:#34c924;font-weight:700}
.red{color:#f80000;font-weight:700}
a{font-weight:700;color:#5c4e46;text-decoration:underline;transition:.3s}
a:hover{color:#f60}
a img{border:solid;background:none;border-color:#cd9767 #600 #600 #cd9767;border-width:3px;box-shadow:0 5px 10px rgba(150,129,100,0.5);transition:.5s}
a:hover img{border-color:#ff8d4a #f33014 #f33014 #ff8d4a;box-shadow:none;filter:saturate(1.5);-webkit-filter:saturate(1.5)}
a:active img{border-color:#f33014 #ff8d4a #ff8d4a #f33014}
ul{list-style-image:url(remont5_files/marker.png);font-size:.96em;line-height:1.5}
.list{font-weight:400;color:#1a0000;background:none #fffcf2;border:medium solid;border-color:#cd9767 #600 #600 #cd9767;padding:1.3em 8%;box-shadow:0 5px 10px rgba(150,129,100,0.5);min-width:270px}
.listsm{font-weight:600;color:#7a220f;background:none #fff;border:medium solid;border-color:#f28b00;padding:6px;margin:30px 2px;border-radius:5px;box-shadow:0 5px 10px rgba(150,129,100,0.5)}
.listbar{font-size:16px;width:196px;text-align:center;background:none #fef8e8;padding:10px;margin:30px 2px;border-radius:5px;box-shadow:0 3px 8px rgba(150,129,100,0.75)}
.listbar1{font-size:16px;display:inline-block;width:250px;text-align:center;background:none #fef8e8;padding:10px;margin:30px 10px;border-radius:5px;box-shadow:0 3px 8px rgba(150,129,100,0.75)}
.listbar a,.listbar1 a{text-decoration:none}
.links,.links a{font-size:1.1em;color:#600;font-weight:700;text-decoration:none;line-height:1.4}
.links a:hover{background:#feb678;background:linear-gradient(0deg,#ff8d4a,#fff7cc);border-radius:5px;padding:2px;box-shadow:0 1px 6px rgba(150,129,100,0.75)}
.links a:active{color:#ff8d4a}
.links a:visited{color:#800}
.links h3{color:#6d6552;margin:.65em;padding:.3em;background:#fef8e8;border:1px solid #ffa000;border-radius:5px;box-shadow:0 1px 4px rgba(150,129,100,0.75)}
.pict{border:solid;border-color:#cd9767 #600 #600 #cd9767;border-width:medium;box-shadow:0 5px 10px rgba(150,129,100,0.5)}
.picbar{width:190px;height:146px}
.leftimg{float:left;margin:1em 1em 1em 0}
.rightimg{float:right;margin:1em 0 1em 1em}
.floatl{float:left;margin:5px;padding:5px}
.floatr{float:right;margin:5px;padding:5px}
.clear{clear:both}
.center{display:table;margin:0 auto;text-align:center}
.itwhite{margin:.6em;padding:.6em;background:#fff;border:1px solid #ff4500;border-radius:5px;box-shadow:0 1px 4px rgba(150,129,100,0.75);font-style:italic}
.container{display:inline-block;position:relative;width:250px;height:220px;border:3px solid #f28b00;border-radius:5px;box-shadow:0 5px 10px rgba(150,129,100,0.5)}       	
.container div{display:inline-block;position:absolute;top:10px;left:0px;padding:5px 5px 5px 10px}
label{font-size:.88em;color:#600;font-weight:700}
textarea,input{padding:.88em;border:2px solid #cd9767}
textarea:focus,input:focus{border:2px solid #900}
#area,#adres,#name,#epost,#phone,#message{width:450px}
#test1,#test2,#test3{margin:1em auto;border:solid;border-width:medium;border-color:#cd9767 #600 #600 #cd9767;box-shadow:0 5px 10px rgba(150,129,100,0.5);overflow:hidden}
#test1{width:328px;height:120px}
#test2,#test3{width:336px;height:448px;z-index:-1}
#slideshow div,#slideshow2 div{position:relative}
#slideshow div img,#slideshow2 div img {position:absolute;left:0;top:0;}
.knopka{margin:1.3em 0;line-height:2.2;text-align:center}
#tel{margin:3px 0}
#tel a{font-size:18px;color:#ffe4b5;padding:4px 8px;border:1px solid #8f5f1d;border-radius:4px;background:#860000;background:linear-gradient(0deg,#b30202,#ff6c3b);box-shadow:0 1px 3px #bababa,inset 0 0 1px #fff9d4;text-decoration:none;vertical-align:middle;white-space:nowrap}
#tel a:hover{background:#ff8d4a;background:linear-gradient(0deg,#5e0000,#fc8760);box-shadow:inset 0 0 1px #fff9d4;text-shadow:0 0 2px rgba(255,255,255,0.7)}
.knopka a,#subm{font-size:1.1em;color:#600;padding:4px 8px;border:1px solid #8f5f1d;border-radius:4px;background:#dfb664;background:linear-gradient(0deg,#c78654,#f0d66e);box-shadow:0 1px 3px #bababa,inset 0 0 1px #fff9d4;text-shadow:#f0d66e 1px 1px 3px;text-decoration:none;vertical-align:middle;white-space:nowrap;transition:all .3s}
.knopka a:hover,#subm:hover{background:#ff8d4a;background:linear-gradient(0deg,#ff8d4a 40%,#fcf4bb);box-shadow:rgba(150,129,100,0.4) -1px -1px 3px}
.knopka a:active,#subm:active{border:solid 1px #cd9767}
.knopka span{font-size:1.1em;font-weight:700;color:#963;padding:4px 8px;border:1px solid #8f5f1d;border-radius:4px;background:#f0d66e;background:linear-gradient(0deg,#ff8d4a,#f0d66e);box-shadow:0 1px 3px #bababa;vertical-align:middle}
.knopspan{white-space:nowrap;color:#963;background:none;border:none}
.stamp{width:196px;z-index:1;font-family:Courier New,monospace;font-weight:700;transform:rotate(-3deg);font-size:20px;color:#c00;border:solid 4px #c00;padding:5px;border-radius:5px;filter:alpha(opacity=20);opacity:.2;text-shadow:0 0 2px #c00;box-shadow:0 0 2px #c00}
#header{background:url(remont5_files/header.png) repeat-x #cd9767;width:100%;height:145px;margin:5px 5px 5px 0}
#remont5{position:absolute;left:5px;width:340px;z-index:3}
#logo{position:absolute;left:45%;width:120px;z-index:1}
#kont{position:absolute;right:5px;width:300px;z-index:2}
#kont:hover img{filter:saturate(1.5)}
#strem{width:163px;height:381px;margin:20px 17px}
#sidebar{float:left;width:200px;padding:0;margin:0;height:100%}
#main{max-width:1400px;min-width:230px;margin:20px 20px 20px 220px;padding:10px}
#land{background-image:linear-gradient(0deg,#7b2e00,#fed6a5,#7b2e00);background-color:#cd9767;width:100%;height:1.3em;clear:both;text-align:center;overflow:hidden}
#footer{margin:10px 0;padding:5px}
#menuright,#email{display:none}
#pro{margin:0 auto;max-width:800px}
.myvideo{text-align:center}
.menu{text-align:left}
.menu__icon{display:none;width:45px;height:35px;position:relative;cursor:pointer}
.menu__icon span{display:block;position:absolute;height:9px;width:100%;background:#ff4d00;border-radius:3px;opacity:1;left:0;transform:rotate(0deg);transition:.3s ease-in-out}
.menu__icon span:nth-child(1){top:0}
.menu__icon span:nth-child(2),.menu__icon span:nth-child(3){top:13px}
.menu__icon span:nth-child(4){top:26px}
.menu.menu_state_open .menu__icon span:nth-child(1){top:18px;width:0;left:50%}
.menu.menu_state_open .menu__icon span:nth-child(2){transform:rotate(45deg)}
.menu.menu_state_open .menu__icon span:nth-child(3){transform:rotate(-45deg)}
.menu.menu_state_open .menu__icon span:nth-child(4){top:18px;width:0;left:50%}
.menu.menu_state_open .menu__links{display:block}
@media screen and (min-width:1880px) {
#menuleft{display:none}
#main{float:left;margin:20px;width:1400px}
#menuright{display:block;margin-top:100px;padding:4px;overflow:hidden}
.list{padding:1.3em 10%}
}
@media screen and (max-width:1280px) {
#vst td{display:block}
.myvideo{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden}
.myvideo iframe,.myvideo object,.myvideo embed{position:absolute;top:0;left:0;width:100%;height:100%}
}
@media screen and (max-width:1100px) {
.list td{display:block}
}
@media screen and (max-width: 800px) {
#strem,#logo,#land,#menuleft,.del3{display:none}
#sidebar{float:none;clear:both}
#main{margin:0;padding:5px}
.list{padding:4%}
table{border-spacing:.5em}
.menu__icon{display:block}
.menu__links{position:relative;display:none;margin-top:5px;z-index:1000;overflow:auto}
}
@media screen and (max-width:640px) {
#kont,#menukapr,.del2{display:none}
#main{margin:.3em 0;padding:3px}
.list{padding:2%}
body{font-size:90%}
img{max-width:100%;height:auto;width:auto}
table{border-spacing:.2em}
table td{display:block}
}
@media screen and (max-width:480px) {
.del1{display:none}
#main{float:none;clear:both;padding:0}
.list{border:none}
.leftimg,.rightimg{float:none}
.links,.links a{line-height:1.8}
#test2,#test3{height:360px;width:270px}
#area,#adres,#name,#epost,#phone,#message{width:100%}
#remont5{width:95%}
}
@media (prefers-color-scheme: dark){	
body{background:#140f0b}
a img,.list,.listsm,.listbar,.listbar1,.atten,.itwhite,#button,.knopka a,.knopka span,#subm,#test1,#test2,#test3,.container{box-shadow:none}
h1,h2,h3,h4,h5,h6,.bigh2,.bigh3,.one,label{color:#ffec9f}
.container img{opacity:0.4} 
a{color:#ffa161}
.links,.links a,.smallbr,.smallbr a,.smallbr p{color:#a69879}
.list,.listbar,.listbar1{background:none #212121;border:1px solid #333333}
.atten,.itwhite,.listsm{background:none #343e40}
.atten{border:1px solid #ffcf48}
p, li, div{color:#fcfcd0}
figcaption{color:#dcdcdc}
}