@font-face {font-family: "abs"; src: url("img/myr.woff") format("woff");}
body {caret-color: transparent; cursor: default; 
margin: 0; font-family: Arial; font-weight: 100;font-size:16px; text-align:center; position: relative;/*background-color: #f7f5ff;*/
-moz-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%;}
h1 {font-weight: 700; font-size: 26px;color: #00a; text-transform: uppercase;transition: all 0.3s linear; text-shadow: 0px 0px 2px #fff, 0px 0px 4px #fff;
padding: 12px 0px 9px 0px;text-align: center; margin: 25px 0 15px 0; width: 100%; border-bottom: 8px double #99f;}
h2 {margin: 0; transition: all 0.3s linear; font-weight: 700; font-size: 19px;color: #00a; text-align: left; display: inline;text-transform: uppercase;}
h3 {color: #fff;font-size: 19px; margin:0;padding:0;}
.p_txtz h3, .p_txtz h4 {color: #00a;font-size: 17px;font-weight: 700;text-transform: uppercase; border-bottom: 2px solid #99f;}
.spo_tit8 h3 {border-bottom: 0;}
.p_txtz h4 {border-bottom: 1px solid #99f;}

@keyframes hhz {0% {opacity: 0;} 20% {opacity: 0;} 100% {opacity: 1;} }
@keyframes hhzo {0% {opacity: 1;} 20% {opacity: 1;} 100% {opacity: 0;} }
p {font-weight: 100;}
main {margin: 0 0px 0 20%; padding: 0 10px 5px 10px; display: block;height: auto; overflow: clip;}
footer {margin-top: 15px;}
table {border-spacing: 0px;}
table td, th {padding: 0px;}
header {display: inline;}
.sticky {position: sticky; top: 5px; z-index: 2;}
.vk_log4p {margin: 0px 5px 0px 7px; }
b, strong {font-weight: 700;}
ul {margin: 0;list-style-position: outside;padding: 0;}
li {margin-left:20px;}
ul li::marker {color: #00f;}
.vyb1 ul li::marker {color: #fff;}
ol {list-style-type: none;counter-reset: num;margin: 0px 0 0 40px;padding: 0px 0 0px 0;}
ol li {position: relative;margin: 8px 0 0 0;padding: 0 0 0px 0;/*line-height: 1.4;*/}
ol li:before {content: counter(num);counter-increment: num;display: inline-block;position: absolute;top: -2px;left: -38px;width: 28px;height: 28px;
background: #99f;color: #fff;text-align: center;line-height: 28px;border-radius: 50%;/*border: 2px solid #00a;*/}
.ramka_s li:before {width: 24px;height: 24px;line-height: 24px;font-weight: 700;color: #66b;background: #fff;border: 2px solid #66b;}

.fo_txt, .fo_txt1 {color: #fff; background: #66b;padding: 2px 8px 2px 8px;}
.fo_txt1 {background: #99f;}
.fo_izo {background: #66b;padding: 3px 8px 3px 8px; margin-bottom: -5px;}

a {text-decoration:none; color: inherit; transition: all 0.3s ease; }
hr {border: 0; border-top: 1px solid #9999ff66; box-shadow: none; width:100%; margin:0;}

#scro1 {position: fixed;display: block; top: 131px; bottom:0px;margin: 0px 0px 0 0px; width: calc(20% - 0px); overflow-y: scroll;text-align: left; padding:0;
z-index: 4;}
#scro1::-webkit-scrollbar {width: 3px;}
#scro1::-webkit-scrollbar-track {background: #eef;}
#scro1::-webkit-scrollbar-thumb {background-color: #99f; border: 0px solid #ccf;}
#scro1 p {margin:0; padding: 2px 2px 2px 5px; text-align: left;}
#scro1 p a {color: #00e;}
.scro2 {position: fixed;display: block; top: 83px; margin: 0px 0px 0 0px; width: calc(20% - 0px); text-align: center; padding:15px 0 15px 0;
z-index: 2; background-color: #99f; color: #fff;font-size: 16px; }
.scro3 {position: fixed;display: block; top: 0px; margin: 0px 0px 0 0px; width: calc(20% - 0px); height:82px;text-align: center; padding-top:30px;
z-index: -1; background-size: cover; background-repeat: no-repeat;background-position: center center;}
.sticky22 {position: fixed;float: left; left: 4px; }
.stop {position: absolute;}

.geo {display:inline-block; position: relative;width: 100%; margin: -5px 0 0px 0; padding-top:15px; 
color: #036; text-align: center; border-radius: 0 0 10px 10px;box-shadow: 0px 5px 10px -6px #aaa; 
 /*background: linear-gradient(to right, #eef, #ffffff00 5% 95%, #eef), repeating-linear-gradient(to bottom, transparent 0 2px, #f4f4ff 6px 7px);*/}

.fig_pri {float:left; margin: 0px 20px 5px 20px;line-height: 0; position: relative; outline: 2px solid #bbbbff55; outline-offset: -8px;
box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;z-index:1;}
.fig_pri1, .fig_pri1s {float:left; margin: 25px 20px 0px 20px; line-height: 0; position: relative; width: 360px; background-color: #f8f7ff; 
border-radius: 8px; box-shadow: 0px 5px 15px -6px #668; z-index:1;}
.fig_pri1f {/*display: inline-table;*/ text-align: center; margin: 5px 5px 5px 5px; line-height: 0; width: 360px; 
background-color: #f8f7ff; border-radius: 8px; }
.fig_pri1f img {margin: 0; width: 100%;height: auto;}
.fig_sld {position: relative; text-align: center;width: 500px;height: auto; padding:0; /*margin:0 auto;*/line-height: 1; overflow: hidden;
box-shadow: 0px 5px 15px -6px #668; border-radius: 8px; 
/*-webkit-animation: hhz 3s forwards;-moz-animation: hhz 3s forwards;-o-animation: hhz 3s forwards;animation: hhz 3s forwards;*/}
.otst_marg {margin: 0px 20px 0px 20px;}
.otst_marg1 {min-height:255px; margin-bottom: 0; background: linear-gradient(to right, #eef, #ffffff00, #eef), repeating-linear-gradient(to bottom, transparent 0 6px, #f4f4ff 6px 7px);
box-shadow: 0px 0px 6px #fff inset, 0px 0px 18px #fff inset, 0px 0px 36px #fff inset, 0px 0px 54px #fff inset;}
.otst_marg2p {margin: 0px 0px 0px 15px;}
.otst_marg2l {margin: 0px 15px 0px 0px;}
.vyb6 {padding: 10px 15px 10px 15px; border-radius: 10px;padding: 1px;background-clip: content-box;margin-top: 15px;}
.vyb7 {padding: 10px 15px 10px 15px; border-radius: 8px;margin: 30px;background-color:#fff; box-shadow: 0px 5px 15px -6px #668;}

.fig_pri1 p, .fig_pri1f p, .fig_pri1s p {text-align: left; color: #036; font-size: 14px; line-height: 14px; margin: 5px 10px 5px 10px;}
.fig_pri1 img, .fig_pri1f img, .fig_pri3 img, .fig_pri1s img {border-radius: 8px; border-bottom: 1px solid #ccc;}
.spravo0 {float:right;}
.fig_pri2 {line-height: 0; position: relative; margin: 0px 0px 10px 0px;display: inline-block;text-align: center; filter: drop-shadow(0px 2px 4px #00000066);}
.fig_pri2 img {width: 100%; height: auto;}
.fig_pri22, .fig_pri23 {position: absolute; margin: -485px 0 0px 0; width: calc(80% - 20px); height:380px; animation: hhpr1 3s forwards;opacity: 0;
background-size: cover; background-repeat: no-repeat;background-position: center;background-image: url(img/fon_sea.jpg);z-index:-1;
box-shadow: 0px 0px 40px 40px #fff inset, 0px 0px 20px #fff inset, 0px 0px 40px #fff inset; padding: 1px;background-clip: content-box;}
.fig_pri23 {background-image: url(img/fon_mount.jpg);}
/*@keyframes hhpr1 {20% {opacity: 0;border-radius: 100%;} 60% {opacity: 0.5;border-radius: 100%;} 100% {opacity: 1;border-radius:60px;} }*/
@keyframes hhpr1 {0% {opacity: 0;border-radius: 100%;} 100% {opacity: 0.7;border-radius:60px;} }
.fig_pri3 {margin: 0px -20px 0px -20px;border-radius: 8px;box-shadow: 0px 5px 15px -6px #668;
background-color: #f8f7ff;}
.fig_pri3 img {width: 100%; height: auto;}
.fig_pri3 p {text-align: left; color: #036; font-size: 14px; line-height: 18px; margin: 0; padding: 5px 10px 10px 10px;}

.podzag2 {color: #eef;font-size: 17px;text-shadow: 0px 0px 2px #112;}
.podzag {color: #eef;font-weight: 100; font-size: 19px;background: #66b;padding: 15px 6px 1px 6px; box-shadow: 0px 2px 8px #999;}
.sttvit, .sttlaz, .sttadl, .sttsir, .stt1, .stt2, .stt3, .stt4, .stt5, .stt6, .stt7, 
.stt8, .stt9, .stt10, .stt11, .stt12 {color: #00a; background: #ddf;padding: 0px 5px 0px 5px; margin-left: 5px;}

.p_txt0, .p_txt00, .p_txtz, .p_txt1, .m_txt1,  .m_txt0,
.p_txt2, .p_txtg {margin: 10px 0px 10px 0px; padding: 15px 20px 15px 20px; text-align: justify; 
position: relative; line-height: 26px; box-shadow: 0px 5px 10px -6px #aaa; }
.footer2 {position: relative; display: inline-block; text-align: left; background-color: #036;width: 100%; padding: 10px 0px 10px 0px; 
color: #ccf; font-size: 15px; border-top: 2px solid #258; z-index:5;}
.footer3 {position: relative; display: inline-block;float: left; text-align: left; left: 10px;padding-top: -20px; 
line-height: 22px;margin-right: 20px;}
.footer4 {position: relative; display: inline-block;text-align: left; max-width: 450px;padding: 0 10px 0 10px;
line-height: 22px;}
.footer5 {display: none; position: relative; float: right; text-align: right; margin-right: 10px;width: 100px;}
.footer3 a, .footer4 a {background: linear-gradient(#fff 0 0) 0 100% /var(--d, 0) 1px no-repeat; transition: 0.5s ;
padding: 2px 5px 2px 5px;border-bottom: 1px solid #66b}
.footer3 a:hover, .footer4 a:hover {--d: 100%; color: #fff;}

.zagmen0 {position: relative; display: block; padding: 5px 10px 5px 10px; margin: 0px 0 0px 0; color: #fff; background-color: #036;
box-shadow: 0px 5px 10px -6px #aaa; /*border-radius: 4px;*/transition: all 0.5s linear;cursor: pointer;}
.zagmen {position: relative; display: block; padding: 5px 10px 5px 10px; margin: 0px 0 0px 0; color: #036; background-color: #f8f8ff;
box-shadow: 0px 5px 10px -6px #aaa; /*border-radius: 4px;*/cursor: pointer;transition: all 0.3s linear;border-top:1px solid #ddf;}
.bb-tab2, .bb-tab3 {float: right; position: absolute; right:10px; margin: 3px 0px 0 0; cursor: pointer; 
height:6px; width:6px; border-bottom: 2px solid #036; border-right: 2px solid #036; 
transition: all 0.3s linear; transform: rotate(45deg);}
.bb-tab3 {margin: 8px 0px 0 0;border-bottom: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(-135deg);}
.zagmen:hover {color: #00e; background-color: #ddf;}
.zagmen0:hover {background-color: #00c;}
.zagmen:hover .bb-tab2 {border-bottom: 2px solid #00e; border-right: 2px solid #00e;}
.spo_w {margin: 0px 0 5px 0;}
.spo_w.active .spo_con {max-height: 800px !important;padding-bottom: 0px;transition: max-height 0.9s ease;}
.spo_w.active .spo_tit {color: #00a;transition: all 0.3s linear;background-color: #ddf;}
.spo_con {max-height: 0;overflow: hidden;transition: max-height 0.9s ease;}
.pl-min {cursor: pointer;height: 12px;position: absolute;width: 12px;left: 4px;top: 45%;z-index: 2; }
.pl-min:before, .pl-min:after {background: #00e;content: '';height: 2px;left: 0;position: absolute;top: 0;width: 12px;transition: transform 0.5s ease;}
.pl-min:after {transform-origin: center;}
.pl-min.collapsed:after {transform: rotate(90deg);}
.pl-min.collapsed:before {transform: rotate(180deg);}
.spo_tit {color: #036;position: relative;cursor: pointer;background-color: #f8f8ff; padding: 3px 2px 3px 20px;border-radius: 4px;transition: all 0.3s linear;}
.spo_tit:hover {color: #00e; background-color: #ddf;}

.spo_w8 {margin: 0px 0px 5px 0;border-bottom: 1px solid #ddd;}
.spo_w8.active .spo_con8, .spo_w8.active .spo_con9 {max-height: 1800px !important;padding-bottom: 0px;transition: max-height 1.9s ease;}
.spo_w8.active .spo_tit8, .spo_w8.active .spo_tit8 h3 {color: #00a;transition: all 0.3s linear;background-color: #eef;border-radius: 4px;}
.spo_w8.active .spo_tit8 {border-left: 4px solid #00a;}
.spo_con8, .spo_con9 {max-height: 0;overflow: hidden;transition: max-height 0.9s ease;}
.pl-min8 {cursor: pointer;height: 16px;position: absolute;width: 16px;right: 10px;top: 45%;/*z-index: 2;*/}
.pl-min8:before, .pl-min8:after {background: #036;content: '';height: 2px;left: 0;position: absolute;top: 0;width: 16px;transition: transform 0.5s ease;}
.pl-min8:after {transform-origin: center;}
.pl-min8.collapsed:after {transform: rotate(90deg);}
.pl-min8.collapsed:before {transform: rotate(180deg);}
.spo_tit8, .spo_tit8 h3 {color: #036;position: relative;cursor: pointer; padding: 5px 20px 3px 5px;transition: all 0.3s linear; 
font-size: 17px; font-weight: 700; text-transform: uppercase;}
.spo_tit8 {border-left: 4px solid #fff;}
.spo_tit8:hover, .spo_tit8:hover h3 {color: #00f;}
.spo_con8 ul {list-style-type: "\272A";margin-left: 4px; margin-bottom: 5px;}
.spo_con8 li::marker {color: #99f; font-size: 19px;}
.spo_con8 li {padding:0 8px 0 10px; }

.zvezd {color: #00a;font-size: 24px; margin: 0 0 25px 0; padding: 0;}
.p_txt0 {background-color: #6666bb; text-align: left; margin-top: -15px;border-radius: 4px;}
.p_txt00 {text-align: left; margin-top: 10px; padding-bottom: 10px; background-color: #66b;
border-radius: 4px; box-shadow: 0px 5px 10px -6px #000;}
.rozzag {background: linear-gradient(160deg, #fcf, 20%, #66b, 40%, #66b, 95%, #fcf);}
.rozzag2 {background: linear-gradient(20deg, #fcf, 5%, #66b, 60%, #66b, 80%, #fcf);}
.golzag {background: linear-gradient(160deg, #ddf, 20%, #66b, 40%, #66b, 95%, #ddf);}
.golzag2 {background: linear-gradient(20deg, #ddf, 5%, #66b, 60%, #66b, 80%, #ddf);}
.zelzag {background: linear-gradient(160deg, #cfc, 20%, #66b, 40%, #66b, 95%, #cfc);}
.zelzag2 {background: linear-gradient(20deg, #cfc, 5%, #66b, 60%, #66b, 80%, #cfc);}
.p_txt00 h2, .p_txt0 h3 {color: #fff;text-shadow: 0px 0px 2px #224;}
.p_txtz {margin: -10px 0 10px 0; color: #036; border-radius: 0 0 10px 10px; font-size: 17px;}
.rozov0 {background: linear-gradient(to bottom, #ffffff00, #fef);}
.golub0 {background: linear-gradient(to bottom, #ffffff00, #eef);}
.zelen0 {background: linear-gradient(to bottom, #ffffff00, #efe);}
.verh {margin: 15px 10px 5px 10px;}
.p_txt1 {color: #036; border-radius: 0 0 10px 10px;}
.m_txt1, .m_txt0 {color: #036; border-radius: 0 0 6px 6px;margin: 0px 0px 5px 0px; padding: 7px 5px 5px 5px; text-align: left; font-size: 15px; 
line-height: 20px; display: none; box-shadow: none;}
.m_txt0 {display: block;}
.p_txt2 {background: linear-gradient(to bottom, #fff, #cdccff); border-left: 5px solid #66b; border-radius: 0 0 8px 8px;}
.p_txt22 {background: linear-gradient(to bottom, #fff, 80%, #ddf); border-left: 5px solid #66b; padding: 5px 10px;border-radius: 0 0 8px 8px;
box-shadow: 0px 5px 10px -6px #aaa;}
.p_txt222 {background: linear-gradient(to bottom, #fff, 80%, #ddf); /*border-left: 5px solid #66b;*/ padding: 5px 10px;border-radius: 0 0 8px 8px;
box-shadow: 0px 5px 10px -6px #aaa;}
/*.p_txt3 {margin: 10px 0 10px 0; padding: 9px 20px 9px 20px; background-color: #fff; text-align: left;border-bottom: 4px solid #99f;}*/
.p_txt3, .zagolinf {position: relative; margin: 10px 0 10px 0; padding: 9px 5px 9px 10px; background-color: #fff; text-align: left;border-bottom: 4px solid #99f;}
.zagolinf {border:none;box-shadow: 0px 5px 10px -6px #aaa; background-color: #ccf; border-radius: 4px;}
.zagolinf h2 {cursor: pointer;}
.zagolinf h2:hover {color: #66f;}
	
.p_txt1 a, .p_txtz a, .p_txt2 a {color: #00a; background: linear-gradient(#00a 0 0) 50% calc(-1px - 100%) /var(--d, 0%) 200% no-repeat;
transition: 0.3s, background-size 0.3s 0.3s; padding: 3px 5px 3px 5px;border-bottom: 1px dashed #00a;}
.p_txt1 a:hover, .p_txtz a:hover, .p_txt2 a:hover {--d: 100%; background-position: 50% 0%; 
transition: 0.3s, background-position 0.3s 0.3s, color 0.3s 0.3s; color: #fff;}
.m_txt1 a, .m_txt0 a {background: linear-gradient(#036 0 0) left /100% var(--d, 0%) no-repeat; transition: all 0.3s linear;padding: 3px 0px 3px 0px;}
.m_txt1 a:hover, .m_txt0 a:hover {--d: 100%; color: #fff !important;}
.z_ttxt {color: #00a;font-size: 17px;text-align: justify;margin: 10px 25px; padding: 10px; background: linear-gradient(to bottom, #eef, #fff);
border-radius: 8px; box-shadow: 0px 5px 10px -6px #aaa;line-height: 24px;}

.p_txtk {font-weight: 700; font-size: 17px;text-transform: uppercase; margin:0px 0 0 0; padding:0; text-align: center;
width: 100%; line-height: 16px;}
.p_txtk1 {background-color: #fff; color: #00a;margin: 10px 0 0px 0; padding: 8px 5px 5px 5px; box-shadow: 0px 2px 4px #00000011;}
.p_txtk2 {background-color: #66b; color: #fff;margin: 8px 0 0 0; padding: 8px 5px 7px 5px; border-radius: 0px 0px 6px 6px;box-shadow: 0px 2px 4px #00000044;}

.p_txtg {display: block; text-align: center; margin: 0; padding: 0 5px 0 5px;border-radius: 0 0 10px 10px; }
.blgr {position: relative; overflow: hidden; display: inline-block; background-color: #fff; width: 74px; min-height: 34px; border: 1px solid #66b;
 box-shadow: 0px 5px 10px -6px #668;margin: 0px 2px 5px 2px; padding: 0 0 0 0;}
.blgr:hover {box-shadow: none;}
.blgr1, .blgr2, .blgr3, .blgr4, .blgr5, .blgr6, .blgr7, .blgr8, .blgr9 {display: table-cell; background-color: #66b; height: 34px; width: 40px;
color: #eef; vertical-align: middle; font-size:16px; margin: 0;text-align: center;}
.blgr1 img, .blgr2 img, .blgr3 img, .blgr4 img, .blgr5 img, .blgr6 img, .blgr7 img {margin: 4px 0 -4px 0;}
.g1_0, .g2_0, .g3_0, .g4_0, .g5_0, .g6_0, .g7_0, .g8_0, .g9_0 {position: absolute; right: 5px; top: 5px; display: none; cursor: pointer;}
.g1_1, .g2_1, .g3_1, .g4_1, .g5_1, .g6_1, .g7_1, .g8_1, .g9_1 {position: absolute; right: 5px; top: 5px; display: block;cursor: pointer;}

.vyb1 {margin-top: 0;font-size: 18px; background-color: #66b; color: #fff; padding: 10px 15px; border-radius: 10px;}
.vyb2 {margin-bottom:0;background: linear-gradient(to bottom, #eef, #fff);}
.vyb22 {margin-bottom:0;border-bottom: 2px solid #99f;}
.vyb3 {background-color: #eef; color: #008;padding: 10px 15px; border-radius: 10px;}
.vyb4 {margin-bottom: 0;font-size: 18px; color: #00a; text-align: center;}
.vyb5 {padding: 10px 15px 10px 15px; border-radius: 10px;border: 2px solid #99f;margin-top: 15px;background-color:#fff;}
.vyb8 {border-radius: 10px;text-align: center;padding: 5px 10px;background-color: #e00; color: #fff;text-transform: uppercase; margin: 10px;}
.ksi_me {margin: 0;background-color: #eef;}
.ksi_pri {margin: 29px 0 30px 0; box-shadow: 0px 5px 10px -6px #aaa; border-radius: 10px; padding: 10px 15px;min-height: 160px;background-color: #f6f5ff;}
.verh_p {margin: 15px 15px 5px 0px;background-color: none; }
.ksi_ray {margin-bottom:0;margin-top:0;}
.ksi_tb {padding: 5px 10px;margin: 0;text-align: justify;background: linear-gradient(to bottom, #ddf, #fbfbff);}

.tab_00 {text-align: center; /*border-top: 3px solid #99f;*//*border-radius: 0 0 10px 10px;*/
margin: 10px 0 5px 0;/*box-shadow: 0px 5px 10px -6px #aaa;*//*background-color: #fbfbff;*/}
.tab_0 {display: inline-table; text-align: center; width: 150px; margin: 0px 5px 0 5px; padding: 0 0 0px 0; }
.tab_1 {display: inline-block; width: 30px;height: 30px;background-color: #00a; border-radius: 50%;padding: 5px 5px 5px 5px;}
.tab_2 {display: grid;border: 0px solid #00a !important; background-color: #eef !important;width: 150px;height: 40px; align-content: center;
margin: -10px 0 -5px 0; padding: 0 0 0 0;border-radius: 6px;line-height: 18px;}
.knop0, .knop1 {display: inline-block;margin: 10px 2px 0px 2px; padding: 12px 5px; border: 1px solid #00a;border-radius: 6px; min-width: 226px;}
.knop0 {color: #00a;text-transform: uppercase;}
.knop1 {color: #fff; background: linear-gradient(#fff 0 0) top /100% var(--d, 0%) no-repeat; transition: all 0.3s linear;background-color: #036;}
.knop1:hover {color: #00a; --d: 100%; }
.knop11 {display: inline-block;margin: 0; padding: 0;}

#ppp7 {margin: 0px 0 0 10%; padding: 0px 0 0 0; display: flex; align-self: flex-start; justify-content: center; width: 100%; 
/*position: relative;*/ background-color: #fff; box-shadow: 0px 5px 10px -6px #668;}
.log51 {position: absolute; margin-left: auto; margin-right:auto; padding: 4px 10px 2px 0px; background-color: #036; 
border-radius: 0 0 5px 5px;box-shadow: 0px 5px 10px -6px #668;font-weight: 100; font-size: 16px;color: #ddf; /*min-width: 20px;*/ }
.log51:before {content:''; width:8px; height:8px;background: radial-gradient(at right bottom, #ff000000 0% 70%, #036 72%);
position:absolute; top:0px; right:-8px; z-index:1;}
.log51:after {content:''; width:8px; height:8px; background: radial-gradient(at left bottom, #ff000000 0% 70%, #036 72%);
position:absolute; top:0px; left:-8px; z-index:1;}
.stt0 { margin: 0px 0px 0px 0px;}
.stt00 {margin: 3px 5px -1px 10px; }

.blo_zz {position: relative; display: inline-block; width: 100%; padding: 0; margin: 0;
background: linear-gradient(45deg, #005 0%,#33b 29%,#99f 66%,#038 100%);
background-size: 400% 400%;
animation: gradient 30s ease infinite;
/*background-position: 60% 50%;*/
  /*align-items: stretch;
  justify-content: space-evenly;
  overflow: hidden;*/
}
@keyframes gradient {
  0% {background-position: 0 50%;}
  50% {background-position: 100% 0%;}
  100% {background-position: 0 50%;}
}
.blo_z {padding-left: 15px; float: left; text-align: left; display: inline-block; position: relative;}
.blo_z1 {width: 336px; background-image: url(img/inf.png);background-repeat: repeat-x; background-position: center left;
background-size: 16px 16px; padding: 0px 14px 2px 14px;vertical-align: bottom; text-align: center;}
.blo_z1t { font-weight: 900; color: #bbf; font-size: 26px; text-decoration: none;text-shadow: 2px 2px #002;transition: all 0.3s linear;}
.blo_z1t:hover {color: #fff;}
.blo_z2 {width: 100%; margin-top: -7px; font-weight: 100; font-size: 23px;color: #fff; text-shadow: 2px 2px #002;transition: all 0.3s ease;}
.blo_z2:hover {color: #ccf;}
.blo_z3 {padding: 0; color: #bbf; font-size: 14px; vertical-align: top;min-height: 25px;}
.blo_y {position: relative; display: inline-block;text-align: left; max-width: 460px;padding: 4px 15px 0 0px;
line-height: 25px;color: #ddf; font-size: 15px;float: right; }
.blo_y a {background: linear-gradient(#fff 0 0) 0 100% /var(--d, 0) 1px no-repeat; transition: 0.5s ;
padding: 2px 5px 2px 5px;border-bottom: 1px solid #bbf;}
.blo_y a:hover {--d: 100%; color: #fff;}

/*.zagolinf {position: relative; text-align: left;  display: block; overflow: hidden; 
box-shadow: 0px 5px 10px -6px #aaa; background-color: #ccf; border-radius: 4px;}*/

/*.blo1 {position: absolute; display:inline-block; margin: -3px 0 0 -10px;padding:0;
width: 31px; height: 31px; background-color: #00a; border-radius: 15px;}*/
.blo1 {position: absolute; /*display:block; */
width: 31px; height: 31px; background-color: #00a; border-radius: 15px;
top: 0; bottom: 0; margin: auto 0; }
.blo1_str {position: absolute; /*display:block; */
width: 31px; height: 31px; background-color: #ddf; border-radius: 15px;
top: 0; bottom: 0; margin: auto 0; right:10px;}


.infimg {padding: 0px 0px 0px 0px; margin: 7px 0 0 5px; }
.infimgi {padding: 2px 6px 2px 6px;  display:block; margin:0 auto; }
.infimgt {padding: 2px 9px 2px 9px; display:block; margin:0 auto; }
.sod2 {color: #00e !important;}

.blo3 {position: relative; display:inline-block; transition: all 0.3s linear;
padding: 2px 0px 0px 0px; margin: 0px 50px 0px 25px;  font-weight: 100; font-size: 19px; /*color: #048;*/}
.blo3t {position: relative; display:inline-block; transition: all 0.3s linear;
padding: 2px 0px 0px 0px; margin: 0px 50px 0px 36px; font-weight: 100; font-size: 19px; /*color: #048;*/}


.blo3 {margin-top: 1px;}
.blo3:hover h2 {cursor:pointer; color: #08f;}
	
/*.bb-tab1 {float: right; position: absolute; margin: 10px -10px 0 0; cursor: pointer; 
height:10px; width:10px; border-bottom: 2px solid #00a; border-right: 2px solid #00a; 
transition: all 0.3s linear; transform: rotate(-135deg);}
.bb-tab1:hover {border-bottom: 2px solid #08f; border-right: 2px solid #08f;}*/
.bb-tab1 {float: right; position: absolute; margin: 12px 0px 0px 9px; cursor: pointer; 
height:10px; width:10px; border-bottom: 2px solid #00a; border-right: 2px solid #00a; 
transition: all 0.3s linear; transform: rotate(-135deg);}
.bb-tab1:hover {border-bottom: 2px solid #66f; border-right: 2px solid #66f;}


.perehna {display:block; margin-top:-30%;padding-top:30%; }

img.ani {cursor: pointer; vertical-align:bottom; transition: all 1s ease;box-shadow: 2px 0px 4px 0px rgba(0,0,0,0.2), -2px 0px 4px 0px rgba(0,0,0,0.2); }
img.ani:hover {box-shadow: 1px 2px 3px 0px rgba(0,0,0,0.4); transform: scale(3) translate(41px, -31px);}

.mapfl11, .mapfl22 { font-size: 14px;color: #fff; background-color:#66b;padding: 0px 6px 0px 6px;
display: flex; justify-content: center; margin-bottom:-16px;}
.mapfl11 {background-color:#f39;}
.mapfl33 {font-size: 12px;color: #00a; border-radius: 4px; border: 1px solid #ccf; padding: 3px 6px 2px 6px; transition: all 0.3s ease;}
.mapfl33:hover {color:#fff;background-color:#99f; box-shadow: 0px 0px 7px 0px #bbf inset;}

.mapf1r, .mapf1g, .mapf1b {font-size: 14px;color: #fff; padding: 0px 6px 0px 6px;display: flex; justify-content: center;}
.mapf1r {background-color:#e36;}
.mapf1g {background-color:#6b6;}
.mapf1b {background-color:#66b;}
.mapfd33 {font-size: 12px;margin: 5px 0 1px 0;text-transform: uppercase;}
#maplaz a {color: #00a; border-radius: 4px; background-color:#eef;border: none;padding: 3px 6px 2px 6px;transition: all 0.5s ease;}
#maplaz a:hover {color:#fff;}

.bb {text-decoration:none;cursor: pointer; padding: 8px 12px 8px 12px; font-size: 16px;
font-stretch: normal; 
 background:
linear-gradient(#99f 0 0) 0 0,
linear-gradient(#99f 0 0) 0 0,
linear-gradient(#99f 0 0) 100% 100%,
linear-gradient(#99f 0 0) 100% 100%;
  background-size: var(--d, 0) 2px, 2px var(--d, 0);
  background-repeat: no-repeat; background-color:#eef; 
  transition: all 0.4s linear;
 box-shadow: 0px 5px 10px -6px #00002288;}
.bb:hover {--d: 100%; background-color:#fff; box-shadow: 0 0 0;}

.bv {cursor: pointer; padding: 5px 8px 6px 8px; font-size: 15px; 
color: #666;box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.4); background-color:#fff; border-radius:3px; 
transition: all 0.3s ease; }
.bv:hover {color:#fff;background-color:#99f; box-shadow: 0px 0px 7px 0px #bbf inset;}

#maplaz {width: 100%;height: 400px; border: 2px solid #99f; margin: 15px 0 15px 0;box-shadow: 0px 5px 15px -6px #668;}
#mapk {width: 100%;height: 92%; border:2px solid #99f; background: #99f; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);margin-top: -5px; z-index: 0;}
#ppp1 {position: fixed; width: 62%; height: 48%; margin-left: -31%; margin-top:0px; z-index: 4; top: 48%; left: 50%; display:none; }
#ppp2 {position: relative; width: 100%; height: 100%; margin-top: 0px; }
.ymaps-2-1-79-gototech {display: none!important;}

.navbar {overflow: hidden;background-color: #036; font-size: 16px; justify-content: center;  align-items: center; line-height: 0; /*text-align: left;*/
display: inline-block; box-shadow: 0px 5px 10px -6px #668; margin: -5px 0 -5px 20%;width:80%; padding: 0;}
.dropdown {overflow: hidden; margin: 0 0px 0 0; max-width: 300px; display: inline-block; 
line-height: 20px;}
.bi {float: right; position: absolute; right: 0px; top:-5px; }
.bi2 {float: left; position: absolute; left: 0px; top:-5px; width: 20%;color: #ddf;padding: 14px 3px;
font-size: 16px;background-color: #036;box-shadow: 0px 5px 10px -6px #668, 2px 0px 0px 0px #002, 4px 0px 0px 0px #258;}
.dropdown .dropbtn3, .dropdown .dropbtn1 {cursor: pointer;  border: none; outline: none;  color: #fff;  padding: 14px 14px;  
background-color: #036; margin: 0px;transition: all 0.3s ease;font-size: 16px;}
.dropdown .dropbtn1 {padding: 15px 10px 15px 10px; margin-bottom: -2px;background: none;}
.navbar a:hover, .dropbtn3:hover, .dropdown:hover .dropbtn1, .dropbtn3:focus, .dropbtn1:focus {
background-color: #99f;}
.dropdown-content3, .dropdown-content1  {overflow: auto; overflow-x: hidden; max-height: 80vh; scrollbar-color: #036 #99f; scrollbar-width: thin;
-webkit-animation: hhz 0.8s forwards;-moz-animation: hhz 0.8s forwards;-o-animation: hhz 0.8s forwards;animation: hhz 0.8s forwards;
display: none; position: absolute;  background-color: #fff; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 3;}
.dropdown-content1  {right: 0px; padding: 0px 0px 0px 0px; margin: 0px; }
.dropdown-content3 a, .dropdown-content1 a {color: #036; 
float: none; background-repeat: no-repeat;  font-size: 16px; padding: 2px 10px;  text-decoration: none;  display: block;  text-align: left;}
.dropdown-content3 a:hover, .dropdown-content1 a:hover {background-color: #99f; color: #fff !important; }
.show {display: block;}
.tabsoder {width: 380px;}
.tabsoder tbody td:nth-child(1) {background-color: #036; color: #ddf; text-align: center;}
.nona20 {font-size: 16px; color: #00a; background-color: #eef; padding: 2px 8px; display: block; text-align: left;}
.nona21 {font-size: 16px; color: #ddf; padding: 14px 0 14px 0; margin: 0px 0 0px ; }
.nona22 {font-size: 16px; color: #ddf; padding: 2px 8px; display: block; text-align: left;}
.blank_row {line-height: 8px;}

.tablesorter {background-color: #dfdfff; margin: 0px 0 20px 0; font-size: 18px; font-weight:normal; line-height: 16px;
color: #048; width: 100%; text-align: center; counter-reset: schetchik;width: 100%; padding-top: 0;}
.tablesorter td, th {padding: 2px;}
.tablesorter tbody tr {font-family: "abs";}
.tablesorter tbody tr:hover td{color: #40f;box-shadow: 0px 3px 0px 0px #00a inset, 0px -3px 0px 0px #00a inset;}
.tablesorter thead tr th, .tablesorter tfoot tr th {font-stretch: normal;
background-color: #66b; font-size: 16px; font-weight:normal; height: 34px; padding-right: 10px; color: #eef;}
.tablesorter .header,
.tablesorter .tablesorter-header {background-image: url(img/2s.png); background-repeat: no-repeat; background-position: center right; cursor: pointer;}
.tablesorter tbody td {color: #048; padding-bottom: 2px; vertical-align: middle; }
.tablesorter .headerSortUp, .tablesorter .tablesorter-headerSortUp,
.tablesorter .tablesorter-headerAsc {background-image: url(img/as.png);background-color: #99f;color: #fff; box-shadow: 0px 0px 7px 0px #bbf inset;}
.tablesorter .headerSortDown, .tablesorter .tablesorter-headerSortDown,
.tablesorter .tablesorter-headerDesc {background-image: url(img/ds.png);background-color: #99f;color: #fff; box-shadow: 0px 0px 7px 0px #bbf inset;}
.tablesorter thead th {position: sticky; top: 48px; border-right: 1px solid #dfdfff;box-shadow: 0px 5px 10px -6px #000022aa;}
.tablesorter thead th:last-of-type {border-right: none;}
.tablesorter tbody tr:nth-child(odd) {background-color: #f4f2ff;}
.tablesorter tbody tr:nth-child(even) {background-color: #ddf;}
.tablesorter tbody td:nth-child(1) {min-width: 124px; font-size: 10px;}
.tablesorter tbody td:nth-child(4) {display:none;}
.tablesorter thead th:nth-child(4) {display:none;}
.tablesorter tbody td:nth-child(5) {text-align: left; }
.tablesorter tbody td:nth-child(6) {min-width: 120px;}
.tablesorter tfoot tr td {text-align: right; font-size: 16px;background-color: #fff; border-top:2px solid #ccf; border-bottom:2px solid #ccf;}
.hover_color {}
.click_color {background-color: #d0ffd0 !important; box-shadow: 0px 1px 0px 0px #fff inset;}
.tablesorter tbody tr {counter-increment: schetchik;}
.tablesorter b:after {content: counter(schetchik); font-weight: 300;}

.tablesor { background-color: #dfdfff; margin: 0px 0 20px 0; font-size: 18px; font-weight:normal; line-height: 16px;
color: #048; width: 100%; text-align: center; 
counter-reset: schetchik;width: 100%; padding-top: 0;}
.tablesor td, th {padding: 2px;}
.tablesor tbody tr {font-family: "abs"; }
.tablesor tbody tr:hover td {color: #40f; box-shadow: 0px 3px 0px 0px #00a inset, 0px -3px 0px 0px #00a inset; }
.tablesor thead tr th, .tablesor tfoot tr th {font-stretch: normal;
background-color: #66b; font-size: 16px; font-weight:normal; height: 34px; padding-right: 10px; color: #eef;}
.tablesor .header,
.tablesor .tablesorter-header {background-image: url(img/2s.png); background-repeat: no-repeat; background-position: center right; cursor: pointer;}
.tablesor tbody td {color: #048; padding-bottom: 2px; vertical-align: middle; }
.tablesor .headerSortUp, .tablesor .tablesorter-headerSortUp,
.tablesor .tablesorter-headerAsc {background-image: url(img/as.png);background-color: #99f;color: #fff; box-shadow: 0px 0px 7px 0px #bbf inset;}
.tablesor .headerSortDown, .tablesor .tablesorter-headerSortDown,
.tablesor .tablesorter-headerDesc {background-image: url(img/ds.png);background-color: #99f;color: #fff; box-shadow: 0px 0px 7px 0px #bbf inset;}
.tablesor thead th {position: sticky; top: 44px; border-right: 1px solid #dfdfff;box-shadow: 0px 5px 10px -6px #000022aa;}
.tablesor thead th:last-of-type {border-right: none;}
.tablesor tbody tr:nth-child(odd) {background-color: #f4f2ff;}
.tablesor tbody tr:nth-child(even) {background-color: #ddf;}
.tablesor tbody td:nth-child(1) {min-width: 124px;font-size: 10px;}
.tablesor tbody td:nth-child(4) {display:table-cell;}
.tablesor thead th:nth-child(4) {display:table-cell;}
.tablesor tbody td:nth-child(6) {min-width: 2px;}
.tablesor tbody td:nth-child(5) {text-align: center; }
.tablesor tbody td:nth-child(4) {background-color: #e3e3ff66;}
.tablesor tbody td:nth-child(6) {background-color: #e3e3ff66;}
.tablesor tbody td:nth-child(8) {background-color: #e3e3ff66;}
.tablesor tbody td:nth-child(10) {background-color: #e3e3ff66;}
.tablesor tbody td:nth-child(11) {text-align: left; }
.tablesor tbody td:nth-child(12) {min-width: 120px;*/}
.tablesor tfoot tr td {text-align: right; font-size: 16px;background-color: #fff; border-top:2px solid #ccf; border-bottom:2px solid #ccf;}
.hover_color2 {}
.click_color2 {background-color: #d0ffd0 !important; box-shadow: 0px 1px 0px 0px #fff inset; }
.tablesor tbody tr {counter-increment: schetchik;}
.tablesor b:after {content: counter(schetchik); font-weight: 300;}

body {min-height: 1500px;}
.btn-up {position: fixed; right: 1px; bottom: 5px; border-radius: 20px; cursor: pointer; display: flex; align-items: center; background-color: #ccccff66;
justify-content: center; width: 40px; height: 40px; z-index: 6; box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.3);animation: hhzy 1s forwards;}
.btn-up::before {content: ""; width: 40px; height: 40px; background: transparent no-repeat center center; background-size: 100% 100%; background-image: url(img/vv1.svg); }
.btn-up_hide {animation: hhzx 1s forwards;}
@keyframes hhzy {0% {right: -50px;} 80% {right: 6px;} 100% {right: 1px;} }
@keyframes hhzx {0% {opacity: 1;} 10% {opacity: 1;} 100% {opacity: 0; display: none;} }
@media (hover: hover) and (pointer: fine) {.btn-up:hover {box-shadow: none; background-color: #eef; } }

* {scrollbar-color: #bbf #eef; scrollbar-width: thin;}
*::-webkit-scrollbar {width: 14px;}
*::-webkit-scrollbar-track {background: #eef;}
*::-webkit-scrollbar-thumb {background-color: #bbf; border: 3px solid #eef;}
.dropdown-content1::-webkit-scrollbar {width: 10px;}
.dropdown-content1::-webkit-scrollbar-track {background: #ccf;}
.dropdown-content1::-webkit-scrollbar-thumb {background-color: #048; border: 3px solid #ccf;}

.plavd {position: -webkit-sticky; position: sticky; bottom: 5px; margin: 20px 0 4px 0; }
.plav {background-color: #6666bbcc; padding: 6px 12px 6px 12px; color: #fff; outline: 1px solid #ffffff44; outline-offset: -1px;
border-top-left-radius: 6px; border-top-right-radius: 6px;transition: all 0.3s linear; cursor: pointer; font-size: 15px;}
.plav:hover {background-color: #66b;box-shadow: 0px 0px 8px 2px #fff;}

@media screen and (max-width: 599px) {
h1 {font-size: 24px;}
/*.p_txt3 {margin: 10px 0px 10px 0px;padding: 9px 10px 9px 10px;}*/
/*.blo1 {margin-left: -5px;}*/
/*.blo3, .blo3t {margin-left: 30px;}*/
.blo3 {margin-left: 30px;}
/*.bb-tab1 {margin-right: -5px;}*/
.blo_z3 {display: none !important;}
.blo_z {width: 100%; padding-left: 0px !important; text-align: center;}
.blo_z1, .blo_z2 {display:inline-block;}
.tab_imgpo {width: 99%; height: auto; }
.fig_pri {width:100%; height: auto; margin: 5px 0px 0px 0px;display: inline-block;text-align: center;float:none;border: none;}
.fig_pri img {width:100%; height: auto;float:none;border: none;}
.fig_pri1, .fig_pri1s {margin: 10px 0px 10px 0px; display: inline-block; text-align: center;width:100%; height: auto;}
.fig_pri1 img, .fig_pri1s img {width:100%; height: auto;margin: 0px 0px 0px 0px;}
.p_txt00 {margin: 0px 0px 0px 0px;text-align: center;}
.geo {text-align: center;}
.fig_pri2 {margin: 0px 5px 15px 5px;display: inline-block;text-align: center;float:none;border: none; width: calc(100% - 5px)%;}
.p_txtz, .p_txt0, .p_txt1, .p_txt2 {margin: 10px 0px 10px 0px;padding: 10px 10px 10px 10px;text-align: left;}
.p_txtz {margin-top: 0;}
.p_txt0 {margin-top: -5px;}
.tabsoder {width: 370px;}
.tablesor thead th:nth-child(4) {display: none;}
.tablesor tbody td:nth-child(4) {display: none;}
.tablesor thead th:nth-child(5) {display: none;}
.tablesor tbody td:nth-child(5) {display: none;}
.tablesor thead th:nth-child(6) {display: none;}
.tablesor tbody td:nth-child(6) {display: none;}
.tablesor thead th:nth-child(7) {display: none;}
.tablesor tbody td:nth-child(7) {display: none;}
.tablesor thead th:nth-child(8) {display: none;}
.tablesor tbody td:nth-child(8) {display: none;}
.tablesor thead th:nth-child(9) {display: none;}
.tablesor tbody td:nth-child(9) {display: none;}
.tablesor thead th:nth-child(10) {display: none;}
.tablesor tbody td:nth-child(10) {display: none;}
.tablesor thead th:nth-child(11) {display: none;}
.tablesor tbody td:nth-child(11) {display: none;}
.tablesor thead th:nth-child(12) {display: none;}
.tablesor tbody td:nth-child(12) {display: none;}
.tablesorter thead th:nth-child(5) {display: none;}
.tablesorter tbody td:nth-child(5) {display: none;}
.tablesorter thead th:nth-child(6) {display: none;}
.tablesorter tbody td:nth-child(6) {display: none;}
.blgr1 {background-color: #888;}
.blgr2 {background-color: #888;}
.blgr3 {background-color: #888;}
.blgr4 {background-color: #888;}
.blgr5 {background-color: #888;}
.blgr6 {background-color: #888;}
.blgr7 {background-color: #888;}
.blgr8 {background-color: #888;}
.blgr9 {background-color: #888;}
.g1_0 {display: block;}
.g1_1 {display: none;}
.g2_0 {display: block;}
.g2_1 {display: none;}
.g3_0 {display: block;}
.g3_1 {display: none;}
.g4_0 {display: block;}
.g4_1 {display: none;}
.g5_0 {display: block;}
.g5_1 {display: none;}
.g6_0 {display: block;}
.g6_1 {display: none;}
.g7_0 {display: block;}
.g7_1 {display: none;}
.g8_0 {display: block;}
.g8_1 {display: none;}
.g9_0 {display: block;}
.g9_1 {display: none;}
.podzag {padding: 3px 6px 3px 6px;}
.navbar, .z_ttxt {text-align: left;}
.geo {width: 100%; margin: 0;}
/*.zagolinf {margin: 15px 0px 0px 0px;padding: 8px 0 8px 10px;}*/
/*.bb-tab1 {right: 13px;}*/
.fig_pri22, .fig_pri23 {display: none;}
.fig_sld {margin: 10px 1% 10px 1%;width: 98%;}
.otst_marg1 {background: none !important; box-shadow: none;}
.vyb7 {padding: 10px; margin: 10px 0;}
.otst_marg2p, .otst_marg2l {margin: 0;}
.fig_pri3 {margin: 0px -10px 0px -10px;}
}
@media screen and (min-width: 600px) and (max-width: 930px) {
/*.p_txt3 {margin: 10px 0% 10px 0%;padding: 9px 15px 9px 15px;}*/
.p_txtk1, .p_txtk2 {padding-left: 15px;}
.blo_z {width: 100%; padding-left: 0px !important; text-align: center;}
.blo_z1, .blo_z2, .blo_z3 {display:inline-block;}
.fig_pri {margin: 15px 10px 5px 10px;}
.fig_pri1 {margin: 25px 5px 5px 5px;}
.fig_pri2 {margin: 15px 0px 0px 0px;}
.p_txtz, .p_txt0, .p_txt1, .p_txt2 {margin: 10px 0px 10px 0px;padding: 15px 15px 15px 15px;text-align: left;}
.p_txtz {margin: 0;}
.p_txt0 {margin-top: 0;}
.tablesor thead th:nth-child(12) {display: none;}
.tablesor tbody td:nth-child(12) {display: none;}
.blgr9 {background-color: #888;}
.g9_0 {display: block;}
.g9_1 {display: none;}
.geo {width: 100%; margin: 0;}
/*.zagolinf {margin: 15px 0 0px 0;padding: 8px 0 8px 15px;}*/
/*.bb-tab1 {right: 18px;}*/
.fig_pri22, .fig_pri23 {display: none;}
.vyb7 {padding: 10px 15px 10px 15px; margin: 30px 0 10px 0;}
.verh {margin: 0px 10px 5px 15px;}
.z_ttxt {text-align: left;}
.vyb8 {display: none !important;}
}
@media screen and (min-width: 931px) {
/*.zagolinf {margin: 15px 0 0px 0;padding: 8px 0 8px 20px;}*/
/*.bb-tab1 {right: 23px;}*/
.vyb8 {display: none !important;}
}
@media screen and (max-width: 1050px) {
.blo_y {display: none !important;}
}
@media screen and (max-width: 1150px) {
main {margin: 0 0px 0; padding: 0 0px 5px 0px;}
#scro1, .bi2, .scro2, .scro3 {display: none;}
.navbar {margin-left: 0;width:100%;}
#ppp7 {margin: 0;}
.fig_pri22 {width: 100%;}
}