@charset "utf-8";

body {font-size: 14px; font-family: Verdana; color:#000; margin-Left:0px;margin-Top:0px;margin-Bottom:0px;margin-Right:0px;}
*,*::after,*::after{box-sizing: border-box;}

svg{fill: #004080;}

a {color: #004080; text-decoration: none;}
/*a:visited {color:#004080;}
a:hover {color: #0961b3; text-decoration: none;}*/
a:hover {opacity: .8;}

b{color:#545454; font-weight:normal;}

hr {border: none; background-color: #4169E0; color: #4169E0; height: 1px;}
h4{font-weight: normal; color: #0B759B; margin-top: 5px; margin-bottom: 5px; font-size: 16px;}
h5{margin-bottom:5px !important; margin-top:5px; font-weight:normal; color:#545454; font-size:15px;}
dt{font-size: 15px; color: #545454;}

figure{margin: 5px; padding: 5px; text-align: center;}
figcaption{font-size: 16px;}

.smenu{display:inline-block; vertical-align:top; font-size:16px; margin-left:10px; padding:1px; color: #84E3F3; cursor:pointer; margin-top:5px;}
.smenu:hover{color: #fff;}
.smenu ul{display:none; position:absolute; width:400px; background:#fff; list-style:none; padding:5px; margin-top:2px; border-radius:5px; box-shadow:0 0 3px inset #888; z-index:9999999; border:1px solid #777;}
.smenu ul li{margin:5px; list-style:none;}
.smenu ul a{padding:2px; display:block; margin:5px; line-height:16px; font-size:16px;}
.smenu ul a img, .smenu ul a svg{width:32px; height:32px;}
.smenu ul a i{display:table-cell; vertical-align:top; padding-right:5px; font-size:32px; padding-top: 5px;}
.smenu ul a span{display:table-cell; vertical-align:top; line-height:15px;}
.smenu ul a:hover{ background:#eee;}
.smenu:hover ul{display:block;}

.a_img{display:inline-block; vertical-align:top; margin:5px; padding: 5px;}
.a_img img{float: left; margin-right: 5px; margin-top: 5px;}
.a_img svg{float: left; margin-right: 5px; margin-top: 5px;}
.a_img i{float: left; margin-left: 5px;}
.a_img span{display: table-cell; vertical-align: top; font-size: 16px; line-height: 16px; white-space: normal !important;}
.a_img div{display:none;}
.a_img:hover div{display: block; padding:5px; line-height:14px; color:#000; position:absolute; background:#fff; font-size:13px; border-radius:5px; box-shadow:0 0 2px inset rgba(0,0,0,.5); margin-top:2px;}


.div_kd21 a{display:inline-block; vertical-align:top; margin:5px; position: relative;}
.div_kd21 video{display: inline-block; margin: 5px; height:150px; width:200px; border:1px solid #ddd; border-radius:5px; vertical-align: top; object-fit: cover;}
.div_kd21 a img{display:block; margin:0 auto; height:150px; width:200px; border:1px solid #ddd; border-radius:5px; float:left; padding:1px; object-fit: cover;}
.div_kd21 a span{display:none; width:150px; padding:5px; line-height:14px; color:#000; position:absolute; background:#fff; font-size:13px; border-radius:5px; box-shadow:0 0 2px inset rgba(0,0,0,.5); margin-top:2px;}
.div_kd21 a:hover span{display: block;}

.fa-48 i {font-size: 48px;}
.fa-32 i{font-size: 32px;}
.fa-24 i{font-size: 24px;}
.fa-20 i {font-size: 20px;}
.fa-18 i{font-size: 18px;}
.ich i{color: #004080; text-shadow: 2px 2px 2px rgba(0,0,0,.3);}
.ic i{color: #fff; border-radius: 5px; box-shadow: 2px 2px 2px rgba(0,0,0,.3); background: linear-gradient(45deg,#004080,#0961b3);}

.ul_ban{padding:10px;}
.ul_ban li {padding:5px; margin-left:5px; margin-top:5px; list-style:none; background: #fff;}
.ul_ban li span{display:table-cell; vertical-align:top; padding:5px;}
.ul_ban li i{display: table-cell; vertical-align: top; padding:5px;}

.ul-eee{background: #eee;}
.ul-eee li{border: 1px solid #888; border-radius: 5px;}

.ebor5s{border-radius: 5px; box-shadow: 0 5px 10px rgba(0,0,0,.3); padding: 5px; margin: 5px;}
.ebor5{border-radius: 5px; border: 1px solid #ADADAD; padding: 5px; margin: 5px;}
.lh15{line-height: 1.5;}

.img-70{width:70px; border:0; border-radius:5px;}
.img-100{width:100px; border:0; border-radius:5px;}
.img-24x24{width: 24px; height: 24px; padding: 1px;}
.img-32x32{width: 32px; height: 32px; padding: 1px;}
.img-48x48{width: 48px; height: 48px; padding: 1px; object-fit: cover;}
.img-48{width: 48px; padding: 1px;}
.img-48x48r{width: 48px; height: 48px; padding: 1px; object-fit: cover; border-radius:50%;}
.img-64x64r{width: 64px; height: 64px; padding: 1px; object-fit: cover; border-radius:50%; border: 2px solid #eee;}
.img-72x72{width: 72px; height: 72px; padding: 1px; object-fit: cover;}
.img-96x72{width: 72px; height: 96px; padding: 1px; object-fit: cover;}
.img-64x48{width: 64px; height: 48px; object-fit: cover;}
.img_news{object-fit: cover; margin:5px; border-radius:5px; height: 320px; width: 426px;}
.img_newsi{object-fit: cover; margin:2px auto; border-radius:5px; height: 200px; width: 260px; display: block;}
.img_oz{display:inline-block; margin:5px; border:0; box-shadow:0 0 3px rgba(0,0,0,.5); border-radius:5px; height:150px; object-fit: cover; width:200px;}
.img-200x150{ width:200px; height: 150px; object-fit: cover; border-radius: 5px; border: 1px solid #eee;}
.img-200x150s{ width:200px; height: 150px; object-fit: cover; border-radius: 5px; border: 1px solid #eee; box-shadow: 0 5px 10px rgba(0,0,0,.3);}
.video200{display: inline-block; margin: 5px; height:150px; width:200px; border:1px solid #ddd; border-radius:5px; vertical-align: top; object-fit: cover;}

.l_tel{display: block; margin: 3px;}
.l_tel div{display: table-cell; vertical-align: top;}
.l_tel span{display: table-cell; vertical-align: top;}
.l_tel b{display: table-cell; vertical-align: top; padding:5px;}

.div_m{display:inline-block; vertical-align:top; width:400px; border:1px solid #39F; border-radius:5px; margin:5px;}
.div_m span{display:table-cell; vertical-align:top; padding:5px;}
.div_m i{display: table-cell; vertical-align: top; padding:5px; font-size:48px;}

.div_t{display: table-cell; vertical-align:top;}

.div_scr{display:block; position:absolute; margin-top:25px; width:calc(100% - 20px); height:calc(100% - 40px); border-top: 2px solid #eee; margin-left:5px; overflow:auto;}
.div_scr:before {margin-top: -30px; color: #031E2D; content:attr(x); font-size:24px; display:block; position:fixed; font-weight: bolder;}

.div_ban{padding: 5px;}
.div_ban img{display:inline-block; margin:5px; border:0; box-shadow:0 0 3px rgba(0,0,0,.5); border-radius:5px; height:150px; width: 240px; object-fit: cover;}

.uld{margin:5px; padding:0;}
.uld:before{content:attr(x); display:block; font-size:16px; color:#0B759B;}
.li_d{list-style:none; margin:5px 0 5px 0; background-image: url("../buttons/sicon7.svg") !important; background-repeat: no-repeat !important; background-size: 24px 24px !important; padding-bottom: 15px !important; padding-top: 3px !important; background-position: 3px 3px;}
/*.li_d:before{display: table-cell; vertical-align: top; content:"\f0f6"; font-size:24px; font-family: 'FontAwesome'; color:#888; padding-right:5px;}*/
.li_d a{display: table-cell; vertical-align: top; padding-left: 30px; padding-right: 10px;}
.li_d:hover{box-shadow: 0 0 3px rgba(0,0,0,.3);}

.ulmb{display:block; padding:5px; list-style: none; border:1px solid #ddd; border-radius:5px; width:300px; position:fixed; margin-left:5px; margin-top:5px;}
.ulmb li {margin:3px; padding:2px;}
.ulmb li ul{display:none; padding:5px; background:#fff; border:1px solid #888; position:absolute; margin-left:30px; box-shadow: 0 0 3px inset rgba(0,0,0,.3); width:300px;}
.ulmb li:hover{background:#eee;}
.ulmb li:hover ul{display:block; list-style:none;}
.ulmb li a {font-size:16px;}
.ulmb li a i{display:table-cell; vertical-align:top; padding: 5px;}
.ulmb li a span{display:table-cell; vertical-align:top; line-height:16px;}

.div_mu{margin-left:330px; margin-top:5px}
.div_mu dt{color:#117FC5; font-size: 15px;}
.div_mu dd{margin-bottom:2px; margin-top:3px;}
.div_mu dd:before{content:attr(x); display:table-cell; vertical-align:top; padding-right:10px; color: #888; padding-top: 5px;}
.div_co dd span{display:table-cell; vertical-align:top;}

.div_fix{display: block; position: fixed; width:480px; padding:5px;}
.div-inbl{display: inline-block; vertical-align: top;}

.divflex{display: flex; flex-wrap: wrap;}
.divflex-c{display: flex; flex-wrap: wrap; justify-content: center;}
.divflex-sb{display: flex; flex-wrap: wrap; justify-content: space-between;}

.block_ovz{margin:10px; padding:5px; display:block;}
.block_ovz i, span{display: table-cell; padding:5px; vertical-align:top;}
.block_ovz:before{content:attr(x); display:block; width:50%; margin:5px; padding:5px; font-size:16px; color:#5e6f7f;}

.vdivgr{display: none; overflow: auto;}

.hide_po {display: none;}
.hide_po + label ~ div{display: none;}
.hide_po + label {padding: 5px; font-size:15px; color:#035ea8; cursor: pointer; display: block; border-bottom: 1px dashed #035ea8; margin: 5px;}
.hide_po:checked + label {color:#888; border-bottom: 1px dashed #888;}
.hide_po:checked + label + div { margin-left:20px; display: block; padding: 5px;}

.wpo-150{width: 150px;}
.wpo-250{width: 250px;}
.wpo-200{width: 200px;}
.wpo-400{width: 400px;}
.wpo-300{width: 400px;}

ol {list-style-type: none; counter-reset: num; margin: 0 0 0 5px; padding: 5px 0 5px 0;}
ol li {position: relative; margin: 0 0 0 10px; padding: 0 0 10px 0;}
ol li:before {content: counter(num) '.'; counter-increment: num; display: inline-block;	position: absolute;	top: 0px; left: -26px; width: 20px; color: #06F;	text-align: right;}

.out_ifr{background-color:transparent; border:2px solid #EEE; padding:5px; width:calc(100% - 20px); height:calc(100% - 40px);}

.close {background: #EEE; color: #000 !important; line-height: 25px; position: absolute; right: -12px; text-align: center; top: -10px; width: 24px; text-decoration: none; font-weight: bold; -webkit-border-radius: 12px; 	-moz-border-radius: 12px; border-radius: 12px; -moz-box-shadow: 1px 1px 3px #000; -webkit-box-shadow: 1px 1px 3px #000; box-shadow: 1px 1px 3px #000; display:block;}
.close:hover { color:#000; background: #FFF; text-decoration:none;}

.b21{float:left; margin-right:5px; padding:2px; display:block; border:2px groove #AAA; margin-bottom:10px; cursor:pointer; margin-left:5px;  clear:both; border-radius:5px;}
.b21:hover{border:2px groove #06C;}
.b21:hover:before{background:url("./../buttons/icon122.png");width:24px; height:24px; background-size:100% 100%; margin:0px 2px 0px 2px; content:""; position:absolute;}
.b21>img{width:70px; border:0px; height:70px; border-radius:5px;}

.b22{padding:2px; width: 80px;}
.b22 img{width:70px; border:0px; height:70px; border-radius:5px; box-shadow: 0 0px 3px rgba(0,0,0,.5); padding: 2px; margin: 0 auto; display: block;}
.b22 img:hover{ cursor: pointer;}
.b22:hover:after{display: block; padding: 5px; background:rgba(0,0,0,.7); border: 1px solid #888; position: absolute; content: "Показать фото"; font-size: 13px; width: 100px; box-shadow: 2px 2px 2px rgba(0,0,0,.5); color: #fff;}
/*-----------------------------------------*/
.modalDialogd {	position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.2); z-index: 99999;	-webkit-transition: opacity 400ms ease-in; -moz-transition: opacity 400ms ease-in; transition: opacity 400ms ease-in; display: none; pointer-events: none;}
.modalDialogd:target {display: block; pointer-events: auto;}
.modalDialogd > div {width:75%; height:80%; position: relative; margin: 5% auto; padding: 5px 20px 13px 20px; border-radius: 10px; background: #fff;}
/*--------------------------------------------------------*/
.div_gr { display:block; position:relative;}
.div_gr div{overflow-x: hidden; overflow-y: hidden; white-space: nowrap; word-wrap: normal; scrollbar-width:none; margin-left:60px; margin-right:60px;}
.div_bottl{display:block; width:48px; height:48px; position: absolute; border-radius:50%; box-shadow:0 0 3px rgba(0,0,0,.5); font-size:32px; text-align:center; top:calc(50% - 28px); background:#fff; left:5px; color:#000 !important;}

.div_bottl:hover{background:#eee;}
.div_bottr{display:block; width:48px; height:48px; position: absolute; border-radius:50%; box-shadow:0 0 3px rgba(0,0,0,.5); font-size:32px; text-align:center; left:calc(100% - 55px); top:calc(50% - 28px); background:#fff; color:#000 !important;}
.div_bottr:hover{background:#eee;}

.botton24{background: #eee; display: inline-block; width:32px; height:32px; border-radius:50%; box-shadow:0 0 3px rgba(0,0,0,.5); font-size:24px; text-align:center; margin: 5px;}

/*---------------------------------------------------------------*/
.modalDialog2 {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.2);
	z-index: 99999;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	display: none;
	pointer-events: none;
}

.modalDialog2:focus,
.modalDialog2:target {
	display: block;
	pointer-events: auto;
}


.win2{
	width:75%; height:80%;
	position: relative;
	margin: 5% auto;
	padding: 5px 20px 13px 20px;
	border-radius: 10px;
	background: #FFF;
}
.win2 div{position: absolute; top: 30px; bottom: 0; left: 0; right: 0; width: calc(100% - 90px); height:calc(100% - 60px);  padding: 10px; border: 1px solid #eee; margin: auto; overflow: auto;}

.close1 {
	color: #000 !important; float:right; display:block; margin:10px; font-size:24px;
}
.close1:hover { color:#888; text-decoration:none !important;}