body {margin:0px;font-family:Tahoma, Arial, Helvetica;font-size:16px;background:url(../img/fon.png) no-repeat;background-size:cover;background-attachment:fixed;}

header {position:sticky;top:0px;z-index:999;}
.logo-img {float: left;padding: 0px 10px 0px 10px;}
.search {padding:0px 5px 0px 3px;margin:0px;display:flex;justify-content:space-between;align-items:center;background-image:linear-gradient(rgba(255,247,239,1) 1px, rgba(255,255,255,0.9) 90%);font-size:12px;box-shadow:0px 2px 2px 0px rgba(0,0,0,0.2);}
.ya-site-form {width:254px;}
.breadcrumbs li { display: inline-block; /* Выстраиваем по горизонтали */ }
.breadcrumbs li::before { content: '»'; /* Разделитель */ margin: 0px 1px; color: #ff6600; /* Цвет разделителя */ }
.breadcrumbs li:first-child::before { content: ''; /* Убираем разделитель для первого пункта */}
.breadcrumbs a:link {color:#000;text-decoration: none;}
.breadcrumbs a:visited {color:#000;}
.breadcrumbs a:hover {color:#ff6600;}
.wid {padding: 0px 5px;color:#ff6600;}

main {width: 100%;}
main a:link {color:#227DAF;font-weight:bold;padding:0px 5px;}
main a:visited {color:#000000;font-weight:bold;}
main a:hover {color:#FF6600;font-weight:bold;}
main ul {margin: 30px auto;border-top:2px solid #ffdfcc;border-bottom:2px solid #ffdfcc;padding:20px;overflow:hidden;position:relative;width:90%;}
main li::before {content: "💗";padding-right:10px;font-style:normal;}
main li {padding:10px 0px 10px 0px;font-style:italic;list-style-type:none;}

blockquote {color:#905020;text-align:right;font-weight:bolder;margin:0px 0px 0px 30%;}
cite {font-weight:normal;}
h1 {text-align:center;font-size:26px;}
h2 {font-size:22px;}
h3 {font-size:18px;}

.slideshow {height: 180px;position: relative;overflow: hidden; box-shadow: 0px 1px 5px rgba(0,0,0,0.5);border-radius: 10px;}
.slideshow-item {width: 100%;height: 100%;position: absolute;opacity: 0;animation: slideanim 30s infinite;}
.slideshow-item:nth-child(1), .slideshow-item:nth-child(1) img {animation-delay: 0s;}
.slideshow-item:nth-child(2), .slideshow-item:nth-child(2) img {animation-delay: 10s;}
.slideshow-item:nth-child(3), .slideshow-item:nth-child(3) img {animation-delay: 20s;}
.slideshow-item img {width: 100%;height: 100%;object-fit: cover;animation: zoom 30s infinite;}
.slideshow-item-text {max-width: 50%;position: absolute;bottom: 5px;left: 5px;background-color: rgba(0,0,0,0.5);color: #FFF;padding: 10px;1border: 1px solid #ffdfcc;}
.slideshow-item-text .slide-zag {text-transform:uppercase;color: #FF6600;}
@keyframes slideanim {16.67%{opacity: 1;} 33.34%{opacity: 1;} 55.01%{opacity: 0;}}
@keyframes zoom {50%{transform: scale(1.2);}}

footer a:link {color:#227DAF;font-weight:bold;text-decoration:none;}
footer a:visited {color:#000;font-weight:bold;}
footer a:hover {color:#FF6600;font-weight:bold;}
footer {background-color:#fff7ef;font-size:12px;color:#000;padding:20px;}
.footer-links {list-style:none;padding:0;display:flex;}
.footer-links li {margin:0 0px;padding:0 20px 0 0px;}

footer, main {margin:10px;padding:10px;border:1px solid #ffdfcc;background-color: rgba(255,255,255,0.9);}

aside {margin:10px;width:300px;float:right;}
.styl {padding:10px;margin-bottom:20px;background:#FFF;	border:1px solid #ffdfcc;}
.styl-rbt {margin-bottom:20px;background:#FFF;border:1px solid #ffdfcc;}
.sticky-left {position:sticky;top:110px;z-index:2;}
.menu-styl {padding:0px;margin:0px;font-size:14px;list-style-type:none;}
.menu-styl ul {margin:0px;padding:0px 0px 10px 10px;overflow:hidden;}
.menu-styl > li > a {text-decoration: none;background-image:linear-gradient(rgba(255,247,239,1) 1px, rgba(255,255,255,0.9) 90%);border-bottom: 1px solid #33373d;box-shadow: inset 0px 1px 0px 0px #878e98;text-shadow: 0px 1px 0px rgba(0,0,0,.1);font-size:16px;width: 100%;line-height: 1.75em;text-indent: 1.75em;  display: block;}
.menu-styl a:link {color:#000;text-decoration: none;}
.menu-styl a:visited {color:#000;}
.menu-styl a:hover {color:#ff6600;}

.container {display:flex;}

.img_v {padding:20px;width:calc(100% - 40px);height:auto;box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);border-radius: 10px;margin:20px 0px 20px 0px;}
.img_s {margin:5px 10px 5px 1px;width:310px;height:auto;float:left;padding:5px;border:1px solid #227DAF;border-radius: 10px;}
a:hover .img_s {border:1px solid #FF6600;}

.div_stat {border:none;box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);padding: 5px 10px 5px 10px;background-color: #fff;border-radius:10px;margin: 40px 0;overflow:hidden;}
.div_blue {margin:20px 0px;background:#fff9f5;padding:50px;color:#3F484D;position:relative;text-align:center;}
.div_blue:before, .div_blue:after {font-size:45px;color:#227DAF;position:absolute;height:2px;left:40px;right:40px;line-height:.5;background:linear-gradient(to right, #227DAF 45%, transparent 45%, transparent), linear-gradient(to right, transparent, transparent 55%, #227DAF 55%);font-family:serif;}
.div_blue:before {content:"“";top:30px;}
.div_blue:after {content:"”";bottom:30px;}

.thumb-wrap {position: relative;padding-bottom: 57.25%; /* задаёт высоту контейнера для 16:9 (если 4:3 — поставьте 75%) */ height: 0;overflow: hidden;}
.thumb-wrap iframe {position: absolute;height: calc(100% - 24px);border-width: 1px;padding:10px; width: calc(100% - 24px);box-shadow: 0px 1px 5px rgba(0,0,0,0.5);border-radius: 10px;}

main span {color:#008000;padding:0px 5px 0px 5px;}
i {color:#905020;padding:0px 5px 0px 5px;}
b {padding:0px 5px 0px 5px;}
strong {color:#FF6600;padding:0px 5px 0px 5px;}
hr {height:2px;margin:30px auto;width:90%;background-image: radial-gradient(farthest-side at 50% -50%, rgba(255,102,0, 1), rgba(0, 0, 0, 0));position:relative;border:none;}
pre {font-size:17px;}

.block-rek {font-style:italic;overflow:hidden;border-top:1px solid #227DAF;border-bottom:1px solid #227DAF;margin:20px 0px 20px 0px;color:#227DAF;}
.img_l {padding:2px;overflow:hidden;width: calc(32% - 8px); border:1px solid #227DAF;}
a:hover .img_l {border:1px solid #FF6600;}

.center {text-align:center;margin:40px 0px 40px 0px;}

.menu-container {background: #fff7ef;}
.menu-mobile:after {content:"≡";font-size:38px;padding:0;float:right;position:relative;}
.menu-dropdown-icon:before {content:"▼";display:none;cursor:pointer;float:right;padding:10px 20px;margin:10px;background:#000;color: #FFF;}
.menu > ul {margin:0 auto;width:100%;list-style:none;padding:0;box-sizing: border-box;}
.menu > ul:before, .menu > ul:after {content: "";display: table;}
.menu > ul:after {clear:both;}
.menu > ul > li {float:left;padding:0;margin:0;transition:.2s ease-in-out;}
.menu > ul > li a, .menu-mobile {text-decoration:none;padding:18px;display:block;color:#000;line-height:18px;text-transform:uppercase;}
.menu-mobile {display:none;}
.menu > ul > li:hover {background:#FF6600;}
.menu > ul > li > ul {display:none;width:100%;background:#fff7ef;border:1px solid #ff6600;padding:20px;position:absolute;z-index:99;left:0;margin:0;list-style:none;box-sizing:border-box;}
.menu > ul > li > ul:before, .menu > ul > li > ul:after {content:"";display:table;}
.menu > ul > li > ul:after {clear:both;}
.menu > ul > li > ul > li a:hover {color: #FF6600;}
.menu > ul > li > ul.normal-sub {width:300px;left:auto;padding:20px;}
.menu > ul > li > ul.normal-sub > li {width:100%;}
.menu > ul > li > ul.normal-sub > li a {border:0;padding:10px;}
a.active {color:#FF6600;font-weight:bolder;}

@media only screen and (max-width: 768px) {
.menu-container {width:100%;overflow:hidden;}
.menu-mobile {display:block;}
.menu-dropdown-icon:before {display:block;}
.menu > ul {display:none;}
.menu > ul > li {width:100%;float:none;display:block;background:#fff7ef;border-top:2px solid #FFF;border-bottom:2px solid #FFF;}
.menu > ul > li a {padding:20px;width:100%;display:block;color:#000;}
.menu > ul > li > ul {position:relative;}
.menu > ul > li > ul.normal-sub {width:100%;}
.menu > ul > li > ul > li {float:none;width:100%;}
.menu > ul > li > ul:not(.normal-sub) > li {margin-top: 20px;}  
.menu > ul > li > ul > li:first-child {margin:0;}
.menu .show-on-mobile {display: block;}

main, aside, footer {margin:1px;padding:5px;width:calc(100% - 14px);overflow:hidden;}

.container {display:inline-block;}

.div_stat {border:none;overflow:hidden;}
.img_s {margin:5px 10px 5px 0px;padding:1px;border:1px solid #227DAF;}
.img_s:hover {border:1px solid #FF6600;}
.img_v {border:none;padding:0px;width:calc(100% - 2px);height:auto;}

.thumb-wrap iframe {position: absolute;height: calc(100% - 7px);padding:0px; width: calc(100% - 7px);}

.styl {padding:5px;margin:0px;}
.styl-rbt {margin:0px;}
.sticky-left {position:relative;z-index:2;}
}