@charset "utf-8";
@import url(robo/fonts.css?family=Roboto+Condensed:400,300,700&subset=latin,cyrillic-ext,cyrillic,latin-ext);
@import url('fira/fonts.css?family=Fira+Sans+Condensed:100,200,300,400,500,600,700,800,900&subset=cyrillic,cyrillic-ext,latin-ext');
@import url('https://fonts.googleapis.com/css2?family=Lobster&display=swap');
@import "icon/icon.css";
html, body {text-align: center;margin:0;padding:0;width:100%;height:100%;font-size:15px;line-height:1.3em;color: #474747;font-weight: 400;cursor:default;overflow-x:hidden;background: #fff;
	//font-family: 'Fira Sans Condensed', sans-serif;
	font-family:'Roboto Condensed', sans-serif;
}
img {border:none; max-width:100%;}
*, *::before, *::after{box-sizing:border-box;}
address, article, aside, figcaption, figure, footer, header, main, nav, section, ol{display:block; margin:0; padding:0;}
h1,h2,h3,h4,h5, dl, p{margin:0;padding:0;}
input, textarea, select {font-family:'Roboto Condensed', sans-serif;font-size:15px; font-weight:400; -webkit-user-select: auto;  -moz-user-select: auto;  -ms-user-select: auto; user-select: auto;}
button{font-family:'Roboto Condensed', sans-serif;-webkit-user-select: none;  -moz-user-select: none;  -ms-user-select: none; user-select: none;}
*:focus {outline: none;}
iframe{max-width:100% !important;border:none;}
a{text-decoration:none;color: #000;}
.clear {clear:both;}

[ff]{font-family: 'Fira Sans Condensed', sans-serif;}
[rf]{font-family:'Roboto Condensed', sans-serif;}
[rw]{font-family: 'Lobster', cursive;}

[w1]{width:100%;}
[hf]{height:100%;}
[wbox5]{width:100%;max-width:500px;margin:0 auto;}
.wbox{width:100%;max-width:1200px;margin:0 auto;}
.wbox1{width:100%;max-width:1220px;margin:0 auto;}

[w20]{width:20%;}[w30]{width:30%;}[w40]{width:40%;}[w50]{width:50%;}[w60]{width:60%;}[w70]{width:70%;}[w80]{width:80%;}[w90]{width:90%;}
[fh]{height:100%;}[fhmn]{min-height:100%;}
[fw1]{font-weight:100;}[fw2]{font-weight:200;}[fw3]{font-weight:300;}[fw4]{font-weight:400;}[fw5]{font-weight:500;}[fw6]{font-weight:600;}[fw7]{font-weight:700;}[fw8]{font-weight:800;}[fw9]{font-weight:900;}[fb]{font-weight:bold;}
[fs12]{font-size:12px;}[fs12]{font-size:12px;}[fs13]{font-size:13px;}[fs14]{font-size:14px;}[fs15]{font-size:15px;}[fs16]{font-size:16px;}[fs17]{font-size:17px;}[fs10]{font-size:10px;}
[fs18]{font-size:18px;}[fs19]{font-size:19px;}[fs20]{font-size:20px;}[fs25]{font-size:25px;}[fs28]{font-size:28px;}
[cm]{display:flex;align-items: center;justify-content: center;}
[cml]{display:flex;align-items: center;justify-content: left;}
[cmr]{display:flex;align-items: center;justify-content: right;}
[tb]{display:table;}
[tc]{display:table-cell;}
[vm]{vertical-align:middle;}
[vt]{vertical-align:top;}
[vb]{vertical-align:bottom;}
[dn]{display:none;}
[db]{display:block;}
[df]{display:flex;}
[di]{display:inline-block;}
[ula]{margin:0;padding:0;}
[ula] li{display:inline-block;}
[ulb]{margin:0;padding:0;}
[ulb] li{display:block;}
[dlb]{margin:0;padding:0;}
[dlb] dd, [dlb] dt {display:block;}
[dla]{margin:0;padding:0;}
[dla] dd, [dla] dt {display:inline-block;margin:0;}
[txl]{text-align:left;}
[txr]{text-align:right;}
[txc]{text-align:center;}
[txj]{text-align:justify;}
[pr]{position:relative;}
[pa]{position:absolute;}
[pf]{position:fixed;}
[ps]{position:sticky;}
[tp]{text-transform:uppercase;}
[z2]{z-index:2;}
[fl]{float:left;}
[fr]{float:right;}
[cp]{cursor:pointer;}
[wsnw]{white-space:nowrap;}
[flexSt]{align-items: flex-start;}
[lp]{letter-spacing:2px;}
[p10]{padding:10px;}
[p010]{padding:0 10px;}
[p020]{padding:20px 0;}
[mrg150]{margin:15px 0;}
[mrg200]{margin:20px 0;}
[swa]{box-shadow: 0 0 40px -2px rgba(0,0,0,0.4);}
[swb]{box-shadow: 0px 0 12px -4px rgb(0 0 0 / 10%);}
[br7]{border-radius:7px;}
[wlr]{writing-mode: vertical-lr;}

[twda] tr{display: flex;}
[twda] tr td{display:flex;align-items: center;justify-content: center;}
[twda] tr [fllw]{flex: 1;}

[bg]{background: #003087;}
[bg1]{background: #fff;}


[bs]{background-position:50% 50% !important;background-size:cover !important;}
[cf]{color: #fff;}
[c1]{color: #00a96b;}
[c2]{color: #ff3737;}


.inpt input{padding:10px 12px;border:1px solid #e1e1e1;border-radius:3px;background: #f4f4f4;}
.inpt input:hover{background: #f9f9f9;}
.inpt input:focus{border:2px solid #777;padding:9px 11px;transition:all 0.4s ease;background: #f3ffd2;}
.inpt label{color: #555;font-weight:400;display:block;padding:0 0 2px 0;font-size:14px;}


.headerbg{padding:10px 0;background: rgba(0,48,135,1);}
.wlogo{width:110px;}
.wlogo a{width:100px;height:100px;background: rgba(255,255,255,0.0);border-radius:50%;}
.wlogo img{width:80px;}
.wText{width:calc(500% - 110px);}
.wText strong{font-size:16px;color: rgba(255,255,255,0.7);font-weight:400;display:inline-block;word-spacing: 1px;}
.wText strong span{color: #ffdc36;}
.wText h1{color: #fff;padding:2px 0 0 0;letter-spacing:1.4px;word-spacing: 5px;}
.omenu{width:50%;}



.wmenu{box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.07);position:sticky;top:0;z-index:120;}
.kmenu ul{margin:0;padding:0;}
.kmenu ul li{display:inline-block;list-style:none;}
.kmenu ul li a{text-transform:uppercase;display:block;color:#003087;padding:18px 10px 16px 10px;font-size:13.5px;font-weight:500;position:relative;font-weight:700;}
.kmenu ul li a:before{content: '';position: absolute;width: 1px;height: 14px;left:-1px;top: calc(50% - 7px);background: rgba(255,255,255,0.2);}
.kmenu ul li a:hover{color: #2457a4;}
.kmenu ul li:nth-child(1) a:before{display:none;}
.kmenu li ul{display:none;position:absolute; text-align:left;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3);border-bottom:2px solid #3056ac;min-width:270px;background: #fff;}
.kmenu li ul:before{content:'';width:40px;height:4px;background: #f2b900;top:0;left:0;position:absolute;}
.kmenu li ul li ul{left:100%;top:0;}
.kmenu li ul [hvmenu]:before{font-family:"icomoon"; content:'\e902'; color: #ccc; position: absolute; right:5px; top:5px;}
.kmenu li ul li{display:block; position:relative;}
.kmenu li ul a:before{display:none;}
.kmenu li ul li a{padding:7px 15px; text-transform:none; opacity:1; font-weight:400; font-size:15px; color: #04448e;line-height:17px;}
.kmenu [hvmenu]:hover > ul{display:block;padding:15px 0;}
.kmenu li ul [hvmenu]:hover > a{color: #000;}
.kmenu li ul li a:hover{color: #000;}

.omenu{padding-right:8px;}
.omenu ul li{vertical-align:middle;padding:8px 0 7px 0;}
.omenu ul [iconh] a{height:35px;width:35px;background: rgba(255,255,255,0.4);border-radius:5px;color: #003087;}
.omenu ul [hrefh] a{height:35px;background: rgba(255,255,255,0.4);border-radius:5px;color: #003087;padding:0 12px;}
.omenu ul li a:hover{color: #2457a4;background: rgba(255,255,255,0.8);}
.omenu ul li [icnn]{font-size:14px;}
.omenu ul li [monn]{font-size:22px;}

@font-face {font-family: 'mongol';src:local('mongol'),url('mnglwhiteotf.ttf') format('truetype');}
[fmont]{font-family: mongol;}

.homein{padding:0 0 0 0;}
.mediatp{padding:0 14px 0 10px;}
.topnews{width:100%;height:400px;overflow:hidden;border-radius:5px;}

.wboxpd{padding:30px 0;}

[tptitle]{top:20px;left:0;z-index:50;font-size:13px;display:inline-block;padding:8px 25px;color: #fff;font-weight:400;}
.sliden{width:100%;height:100%;top:0;left:0;text-align:left;}
.sliden article{width:100%;height:50%;bottom:0;left:0;position:absolute;background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.08) 14%, rgba(0,0,0,0.46) 77%, rgba(0,0,0,0.6) 100%);}
.sliden article h1{color: #fff;font-size:19px;bottom:0;position:absolute;line-height:24px;font-weight:500;padding:22px 20px 30px 25px;}
.sliden article h1 strong{color: rgba(255,255,255,0.8);font-size:14px;display:block;font-weight:400;}
.sliden article h1:hover{text-decoration:underline;}
.newsct{position:absolute;width:38px;height:40px;top:calc(50% - 20px);z-index:50;border:none;font-size:22px;background: rgba(36,87,164,0.55);color:#fff;}
.newsct:hover{background: rgba(36,87,164,0.9);color:#fff;}
.leftbn{left:0;}
.rightbn{right:0;}

.contbox{bottom:12px;left:0;z-index:40;left:25px;}
.contbox li{width:20px;height:5px;background: rgba(255,255,255,0.4);margin:0 2px;}
.contbox .actv{background: rgba(255,255,255,1);}


.homwnews{padding:10px 0 10px 0;border-right:5px solid #fff;}
.homwnews dl{padding:12px 0 14px 0;display:inline-block;width:calc(33.33% - 20px);vertical-align:top;margin:10px;}
.homwnews dl a{width:100%;height:100%;top:0;left:0;z-index:2;}
.homwnews dl:hover h1{color: #004fc7;}
.homwnews dl dd{width:100%;padding:0 0 8px 0;}
.homwnews dl dd article{width:100%;height:155px;border-radius:1px;overflow:hidden;background: #efeeec;font-size:70px;border-radius:5px;color: #c1c1c1;transition:0.1s ease;position:relative;}
.homwnews dl:hover article{transform:scale(1.02);}
.homwnews dl h1{font-size:17.5px;font-weight:500;color: #222;padding-top:4px;color: #222;line-height:20px;}


[daten]{font-size:14px;font-weight:400;color: #808080;display:block;padding:2px 0 0 18px;}
[daten]:before{content:'\ea58';font-family:icomoon;position:absolute;left:0;top:2px;}
[datena]{font-size:14px;font-weight:400;color: #808080;display:block;padding:2px 0 0 0px;}


.zarhw{padding:0 0 25px 0;}
.zarhw .btopn{border-top:1px dashed #e1e1e1;padding:7px 0;}
.zarhw .btopn:nth-child(2){border-top:none;}
.zarhw dl dd{width:50px;margin:0;padding:0;vertical-align:top;}
.zarhw dl dd article{width:50px;height:50px;background: #f2f2f2;border-radius:5px;}
.zarhw dl dd article i{font-size:22px;color: #fb3e2f;}
.zarhw dl dt{width:calc(100% - 60px);padding:4px 0 0 15px;vertical-align:top;}
.zarhw dl dt h1{font-size:16px;font-weight:700;line-height:17px;color: #474747;padding-bottom:2px;}
.zarhw dl dt h1 a:hover{color: #1b52dd;text-decoration:underline;}
.zarhw [pdaa]{padding:0 0 24px 0;}

.nmnewsot{padding:40px 15px 0 10px;}
[titlenn]{position:relative;text-align:left;padding:12px 0 0 0;}
[titlenn] label{font-size:17px;text-align:left;color: #255dc4;text-transform:uppercase;display:inline-block;}
[titlenn]:after{content:'';position:absolute;background: #255dc4;width:100%;height:5px;top:0;left:0;border-radius:5px;}

.homebna{background: #255dc4;padding:30px 30px 15px 30px;border-radius:5px;min-height:400px;margin-bottom:40px;}
.homebna img{max-width:74%;max-height:270px;margin:0 auto;transition:0.2s ease;background:none;border-radius:5px;}
.homebna h1{font-size:18px;font-weight:300;color: #fff;padding:15px 0 0 0;}
.homebna a{width:100%;height:100%;top:0;left:0;z-index:2;}
.homebna:hover img{transform:scale(1.05);}


.mcontnt{width:calc(100% - 400px);}
.linksb{width:400px;padding:0 5px 30px 15px;}
.pageCola{width:220px;}
.caolmn{width:100%;padding:0 5px 0 25px;}


.pageCola{padding:0 25px 20px 25px;position:sticky;top:0;}
.pageCola ul li a{display:block;padding:9px 0;border-bottom:0.5pt solid #e1e1e1;color: #555;line-height:16px;transition:all 0.2s ease;}
.pageCola ul li a:hover{color: #3b65c3;border-bottom:0.5pt solid #9dc9ff;padding:9px 0 9px 2px;}
.pageCola ul li .thss{color: #3b65c3;font-weight:500;}

.ptitlext{padding:15px 25px 10px 25px}
.ptitlext h1{font-size:18px;border-bottom:2px solid rgba(0,0,0,0.1);padding:0 0 15px 0;}


.wtnews iframe{width:100% !important;}

.offerhm{padding:20px 10px 15px 10px;}



.tabw{display:block;width:100%;border-bottom:0.5pt solid #e1e1e1;padding:15px 0;}
.tabc{display:table;width:100%;border-bottom:0.5pt solid #e1e1e1;padding:15px 0;}
.tabc .tbcola{width:220px;display:table-cell;vertical-align:top;}
.tabc .tbcola .newsimg{width:205px;height:140px;}
.tabc .cintron{width:calc(100% - 220px);display:table-cell;vertical-align:middle;padding:0 0 0 10px;}
.newsimgw{width:100%;margin:0 0 10px 0;}
.newsvid iframe{width:100%;height:140px;}

[ptitlen]{padding:0 0 4px 0;}
[ptitlen] a{font-size:17px;font-weight:700;color: #222;}
[cdate]{display:block;font-size:15px;position:relative;padding:0 0 2px 19px;color: #a37f6e;}
[cdate]:before{content:'\ea58';font-family:icomoon;font-size:15px;position:absolute;left:0;top:0;}

.readcnews{padding:15px 5px 0 5px;}
[titleb]{font-size:20px;font-weight:700;color: #222;line-height:24px;padding:0 0 10px 0;display:block;}
.mrimg{width:100%;text-align:center;background: #f1f1f1;margin:20px 0;overflow:hidden;}
.mrimg img{position:relative;z-index:5;}
.mrimg label{position:absolute;width:100%;height:100%;display:block;top:0;left:0;filter: blur(8px);transform: scale(1.1);}

[gridpd]{padding:15px 0 20px 0;border-bottom:0.5pt solid rgba(0,0,0,0.1);}
.tmtext table{max-width:100%;border-collapse:collapse;width:100%;}
.tmtext table tr td{padding:5px 7px;border:0.5pt solid #ccc;}
.tmtext a{color:#045bdd;text-decoration:underline;}
.tmtext a:hover{text-decoration:underline;color: #000;}

.tmtext iframe{width:100%;margin:10px 0 0 0;}
.tmtext img{max-width:100%;height:auto;}


.sharescl{padding:0 0 5px 0;margin-bottom:15px;text-align:right;border-bottom:2px solid #e1e1e1;}

.ltmn{line-height:35px;font-size:34px;}
.lten{line-height:24px;font-size:25px;max-width:450px;}



@font-face {font-family: 'mongol';src:local('mongol'),url('mnglwhiteotf.ttf') format('truetype');}
@font-face {font-family: 'mongolz';src:local('mongolz'),url('mngltitleotf.ttf') format('truetype');}
@font-face {font-family: 'mongolw';src:local('mongolw'),url('mnglwritingotf.ttf') format('truetype');}
[fmon]{font-family: mongol;}
[fmoni]{font-family: mongolw;}
.xscroll{overflow-x:auto;}

.lefthead{width:140px;height:100%;padding:0 0 0 0;background: #fff;}
.lefthead aside{width:40px;padding:20px 0 0 9px;}
.lefthead aside h1{white-space:nowrap;font-size:17px;font-weight:400;color: #555;}
.monheader{width:100px;height:100%;padding:20px 0 0 0;text-align:center;}
.monlogo{padding:0;}
.monlogo img{width:60px;}
.monlogo h1{font-weight:400;writing-mode: vertical-lr;/*text-orientation: upright;*/height:100px;color: #fff;width:100%;padding:0 0 0 19px;font-size:24px;}

.monslog h1{padding:30px 0 0 0;color: #fff;font-size:22px;}

.monmenu{padding:15px 5px 15px 5px;width:50px;background: #fff;height:100%;border-right:2px solid #487dcc;box-shadow: 2px 0px 5px 0px rgba(0,0,0,0.2);position:sticky;left:0;z-index:10;}
.monmenu ul{margin:0;padding:0;list-style:none;}
.monmenu ul li a{color:#2457a4;font-weight:400;display:block;padding:14px 10px;position:relative;font-size:20px;border-radius:9px;}
.monmenu ul li a:before{content:'';position:absolute;width:15px;height:1pt;background: #aeaeae;top:0;left:0;right:0;margin:0 auto;}
.monmenu ul li:nth-child(1) a:before{display:none;}
.monmenu ul li a:hover{color: #fff;background: #2457a4;}
.monmenu ul li [rf]{font-size:14px;padding:10px 10px;}

.monbodypd{padding:0 0 0 50px;}
.monbody{height:100%;max-height:80%;border-radius:8px;padding:20px;background: #fff url(../../images/bgrp.png) repeat 0 0;}
.monbody img{max-height:70%;}




.voterk{padding:20px 0 0 0;background: #fff;border-radius:5px;}
.voterk h1{font-size:17px;font-weight:400;color: #343434;padding-bottom:2px;}
.voterk section{padding-top:10px;}

.votme{padding:15px 0 0 0;border-top:.5pt solid #c1c1c1; margin-top:15px;}
.votme a{display:inline-block;padding:8px 15px;background: #2e6eff;color: #fff;border-radius:5px;text-align:center;cursor:pointer;}
.votme a:nth-child(2){margin-left:10px;}
.polltble{border-collapse:collapse;}
.polltble tr td{vertical-align:middle;padding:0 0;border-top:0.5pt dashed rgba(0,0,0,0.1);}
.polltble tr [pptop]{}
.polltble tr td [arbg]{width:100%;height:8px;border-radius:4px;background: #ccc;position:relative;}
.polltble tr td [arbg] span{height:8px;left:0;top:0;position:absolute;background: #2e6eff;border-radius:4px;}
.polltble tr [ckck] article{padding:7px 7px 7px 27px;display:inline-block;}
.polltble tr td [arbg] .scwid{animation:owdru 0.4s linear;}
@keyframes arbg {0% {width:0%; } 100% {width:auto;}}
.lodvt{width:100%;height:100%;background: #eee;top:0;left:0;border-radius:7px;z-index:50;display:none;}
.lodvt i{font-size:25px;animation: spinn 1.2s infinite linear;color: #2d4a7e}
@keyframes spinn { from { transform:rotate(0);} to { transform:rotate(359deg);} }

.confmsj{background:#ffe3c2;padding:10px;margin:15px 0;display:none;border:0.5pt dashed rgba(0,0,0,0.2);}
.confmsj h5{font-size:17px;font-weight:400;color: #000;}
.visttd{padding:20px 0 0 0;}

.vttlista{width:100%;max-width:1000px;margin:0 auto;padding:10px 0;}
.atvot{padding:20px;margin:15px 0;}
.atvot h1{font-size:18px;}
.atvot .votme a{display:block;padding:7px 15px;background: #274286;color: #fff;border-radius:5px;text-align:center;cursor:pointer;}




footer{width:100%;background: #f2f2f2;margin-top:20px;}
.ftrtot{width:100%;padding:0 10px 20px 10px;}
.ftrt{width:100%;height:5px;background: #255dc4;display:block;border-radius:5px;}
.footerM{padding:15px 10px 0 10px;text-align:left}
.footerM section{display:inline-block;vertical-align:top;padding:10px;}
.footerM section h1{font-size:20px;font-weight:500;padding:0 0 10px 0;}
.footerM .ft1{width:350px;border-right:1px solid #ccc;}
.footerM .ft1 h2{font-size:14px;font-weight:400;color: #707070;}
.footerM .ft1 .sndmlk{display:block;padding:5px 0 5px 0;color: #0f4287;font-weight:500;}
.footerM .ft1 .sndmlk i{display:inline-block;padding-right:10px;font-size:12px;}
.footerM .ft1 p, .footerM .ft1, .footerM .ft1 span, .footerM .ft1 strong{color: #707070;}

.footerM .ft2{width:calc(100% - 610px);border-right:1px solid #ccc;}
.footerM .ft3{width:250px;}
.footerM .ft2 ul{list-style:none;width:100%;margin:0;padding:0;}
.footerM .ft2 ul li{float:left; width:50%;padding:1px 0;}
.footerM .ft2 ul li a{display:block;color: #707070;font-size:15px;font-weight:400;position:relative;padding:2px 5px 2px 25px;}
.footerM .ft2 ul li a:before{font-family: icomoon;position:absolute;content:'\eaaf';font-size:14px;left:5px;}
.footerM .ft2 ul li a:hover{text-decoration:underline;color: #0f4287;}
.footerM .ft1 h1, .footerM .ft2 h1, .footerM .ft3 h1{font-weight:700;color: #555;}

.footerbttom h1{font-size:14px;font-weight:400;padding:30px 0 10px 0}


.videobg{width: 100vw;height: 100vh;object-fit: cover;position: fixed;left: 0;right: 0;top: 0;bottom: 0;z-index:1;}
.homelinks{position:absolute;z-index:5;width:100%;height:100%;margin:0 auto;text-align:center;left:0;top:0;text-align:center;}
.homelinks dl{padding-top:40px;}
.homelinks dl dt{padding:2px;}
.homelinks dl dt a{display:block;backdrop-filter: blur(4px);padding:16px;background: rgba(255,255,255,0.5);font-weight:700;font-size:17px 15px;border-radius:5px;box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);color:#000;}
.homelinks dl dt a:hover{background: rgba(255,255,255,0.9);color:#003087;}

.logodon{padding-bottom:30px;}
.logodon li{padding:0 5px;}
.logodon li article{width:120px;height:120px;background: rgba(255,255,255,0.2);display:block;backdrop-filter: blur(3px);border-radius:50%;}
.logodon li img{width:100px;}
.logodon li:nth-child(2) article{padding-top:5px;}

.homelinks h1{color: #fff;font-size:26px;font-weight:700;}
.homelinks h2{color: #fff;font-size:60px;font-weight:700;line-height:70px;}

.ugbg{position:fixed;width:100%;height:100%;top:0;left:0;z-index:340;background: rgba(255,255,255,0.7);display:none;}
.sendug{position:fixed;z-index:350;background: #fff;padding:40px 30px 30px 30px;width:100%;max-width:450px;margin:0 auto;left:0;right:0;top:3%;border-radius:10px;max-height:94%;overflow-y:auto;box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.5);display:none;}
.sendug .closen{position:absolute;width:40px;height:40px;top:0;right:0;background: #fff;border:none;font-size:18px;}
.sendug .closen:hover{font-size:20px;color: red;}
.sendug h1{font-size:22px;color: #222;padding:0 0 15px 0;}
.sendug dl input, .sendug dl textarea{width:100%;padding:10px 10px;background: #f4f4f4;border:1px solid rgba(0,0,0,0.1);border-radius:4px;}
.sendug dl select{width:100%;padding:9px 7px;background: #f4f4f4;border:1px solid rgba(0,0,0,0.1);border-radius:4px;}
.sendug dl{padding:5px 0;}
.sendug [btnb]{margin-top:10px;}
.redw{border:1px solid red !important;}


.sendugs{position:fixed;z-index:350;background: #fff;padding:40px 30px 30px 30px;width:100%;max-width:450px;margin:0 auto;left:0;right:0;top:3%;border-radius:10px;max-height:94%;overflow-y:auto;box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.5);display:none;}
.sendugs .closen{position:absolute;width:40px;height:40px;top:0;right:0;background: #fff;border:none;font-size:18px;}
.sendugs .closen:hover{font-size:20px;color: red;}
.succss{width:100%;text-align:center;}
.succss span{font-size:36px;color: green;}
.succss h4{font-size:20px;color: green;padding-top:20px;}

[btna]{background: #4388f0;padding:11px 40px;cursor:pointer;border-radius:3px;color: #fff;display:block;font-size:15px;cursor:pointer;}
[btna] i{width:40px;top:0;right:0;height:100%;color: rgba(0,0,0,0.2);}
[btna]:hover{background: #226edf;}

[btnb]{display:inline-block;position:relative;padding:5px 0 5px 30px;font-size:14px;color: #0069ea;cursor:pointer;}
[btnb] i{width:25px;position:absolute;left:0;top:0;height:100%;}


.scmain{scrollbar-color: #7f7f7f rgba(0,0,0,0); scrollbar-width: thin;height:calc(100% - 50px);overflow-y:auto;}
.scmain::-webkit-scrollbar {width: 10px;border-radius:0;} 
.scmain::-webkit-scrollbar-track {background: none;border-radius:0;} 
.scmain::-webkit-scrollbar-thumb {background-color: #808080;border-radius:0;border:2pt solid #f1f5f9;border-radius:6px;}
.scmain::-webkit-scrollbar-thumb:hover { background-color: #555;border:0.5pt solid #f1f5f9;}
[scp0]{padding:0 0 0 10px;}
[scp1]{padding:15px 10px 15px 20px;}
[scp2]{padding:20px 15px 20px 25px;}
.scmainb{scrollbar-color: #4680d8 rgba(0,0,0,0); scrollbar-width: thin;overflow-y:auto;}
.scmainb::-webkit-scrollbar {width: 10px;border-radius:0;} 
.scmainb::-webkit-scrollbar-track {background: none;border-radius:0;} 
.scmainb::-webkit-scrollbar-thumb {background-color: #4680d8;border-radius:0;border:2pt solid #2457a4;border-radius:6px;}
.scmainb::-webkit-scrollbar-thumb:hover { background-color: #555;border:0.5pt solid #2457a4;}


.scrollm{scrollbar-color: rgba(0,0,0,0) #ccc; scrollbar-width: thin;overflow-y:auto;}
.scrollm::-webkit-scrollbar {width: 10px;border-radius:0;} 
.scrollm::-webkit-scrollbar-track {background: rgba(0,0,0,0);} 
.scrollm::-webkit-scrollbar-thumb {background-color: rgba(0,0,0,0);border-radius:0;border:3px solid #fff;border-radius:4px;}
.scrollm:hover::-webkit-scrollbar-thumb {background-color: #ccc;border-radius:0;border:3px solid #fff;border-radius:4px;}
.scrollm:hover::-webkit-scrollbar-thumb:hover { background-color: #999;border:1px solid #fff;}

.scrollw{scrollbar-color: rgba(0,0,0,0) #ccc; scrollbar-width: thin;overflow-y:auto;}
.scrollw::-webkit-scrollbar {width: 5px;border-radius:0;} 
.scrollw::-webkit-scrollbar-track {background: rgba(0,0,0,0);} 
.scrollw::-webkit-scrollbar-thumb {background-color: rgba(0,0,0,0.2);border-radius:0;border-radius:4px;border-right:1px solid #fff;}
.scrollw:hover::-webkit-scrollbar-thumb {background-color: #ccc;border-radius:0;border-radius:4px;border-right:1px solid #fff;}
.scrollw:hover::-webkit-scrollbar-thumb:hover { background-color: #999;}


[p150]{padding:15px;}

.slidebt{animation:fbot 0.5s;}
.fmtop{animation:ftop 0.35s;}
@keyframes ftop {
  0% {-webkit-transform: translate3d(0, -150%, 0); transform: translate3d(0, -150%, 0); visibility: visible; }
  100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);  }
}
.fmbot{animation:fbot 0.35s;}
@keyframes fbot {
  0% {-webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; }
  100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);  }
}
.fmbotz{animation:fbotz 0.35s;}
@keyframes fbotz {
  0% {-webkit-transform: translate3d(0, 30%, 0) scale3d(0.8, 0.8, 0.8); transform: translate3d(0, 30%, 0) scale3d(0.8, 0.8, 0.8); visibility: visible; }
  100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);  }
}
.zmot{-webkit-animation-fill-mode: both;  animation-fill-mode: both;  -webkit-animation-name: zmot;  animation-name: zmot;animation-duration: 0.15s;}
@keyframes zmot {
	from {opacity: 0;-webkit-transform: scale3d(1.5, 1.5, 1.5);transform: scale3d(1.5, 1.5, 1.5);}
	50% {opacity: 1;}
}




.loginbox{width:100%;max-width:400px;margin:0 auto;border-radius:8px;overflow:hidden;box-shadow: 0px 0px 35px -1px rgba(0,0,0,0.05);margin-top:200px;background: #fff;position:relative;z-index:5;}
.loginbox .loghead{width:100%;height:150px;background: linear-gradient(135deg, rgba(31,93,169,1) 0%, rgba(23,95,189,1) 100%);}
.loginbox .loghead h1{color:#fff;font-size:22px;font-weight:300;padding:25px 15px 0 15px;line-height:25px;}
.loginbox .loghead article{width:110px;height:110px;border-radius:50%;border:10px solid #fff;bottom:-55px;left:calc(50% - 55px);z-index:4;background: #1760bd;}
.loginbox .loghead article i{color: #fff;font-size:30px;}
.loginbox .reglog{padding:70px 50px 40px 50px;}
.loginbox .reglog dl{padding:8px 0;}
.loginbox .reglog [btna]{margin:15px 0 0 0;}
.lgli{padding:15px 0 0 0;}
.lgli li{padding:2px 0;}


.loginbg{height:100%;position:absolute;top:0;left:0;overflow:hidden;}

.box1{width:250px;height:250px;clip-path: polygon(0% 0%, 0% 100%, 25% 100%, 25% 25%, 75% 25%, 75% 75%, 25% 75%, 25% 100%, 100% 100%, 100% 0%);background: #e0efff;top:25%;left:10%;transform:rotate(35deg);animation:box1 35s linear infinite;}
.box2{width:120px;height:120px;clip-path: polygon(20% 0%, 0% 20%, 30% 50%, 0% 80%, 20% 100%, 50% 70%, 80% 100%, 100% 80%, 70% 50%, 100% 20%, 80% 0%, 50% 30%);background: #fff2e0;top:50%;left:50%;transform:rotate(45deg);}
.box3{width:200px;height:200px;clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 25% 50%, 0% 0%);background: #e5f7f1;top:30%;left:70%;}
.box4{width:250px;height:250px;clip-path: circle(50% at 50% 50%);background: #f1e8ea;top:70%;left:35%;}
.box5{width:250px;height:180px;clip-path: polygon(100% 0, 0% 100%, 100% 100%);background: #f1e8ea;top:70%;left:85%;transform:rotate(35deg);animation:box5 55s linear infinite;}
@keyframes box1{0%{top:25%;transform:rotate(35deg);width:250px;height:250px;} 50%{top:35%;transform:rotate(100deg);width:350px;height:350px;} 100%{top:25%;transform:rotate(35deg);width:250px;height:250px;}}
@keyframes box5{0%{top:10%;transform:rotate(35deg);} 50%{top:90%;transform:rotate(100deg);} 100%{top:10%;transform:rotate(35deg);}}



.checkm[type=checkbox]:not(old),
.checkm[type=radio   ]:not(old){position:absolute;width:100%;height:100%;margin:0;left:0;top:0;z-index:1;padding:0;opacity:0;vertical-align:middle;cursor:pointer;}
.checkm[type=checkbox]:not(old) + label,
.checkm[type=radio   ]:not(old) + label{
	padding:0;position:absolute;left:0;top:0;font-weight:normal;width:100%;height:100%;	
}
.checkm[type=checkbox]:not(old) + label:after,
.checkm[type=radio   ]:not(old) + label:after{
	font-family:icomoon;content:'\ea4b'; position:absolute;top:0;left:0;color: #acacac; font-size:18px;display:flex;align-items: center;justify-content: left;width:100%;height:100%;
}
.checkm[type=checkbox]:not(old):hover + label:after,
.checkm[type=radio   ]:not(old):hover + label:after{
	color: #2e6eff;
}
.checkm[type=checkbox]:not(old):checked + label:after,
.checkm[type=radio   ]:not(old):checked + label:after{
	font-family:icomoon;content:'\e9e3'; position:absolute;color: #2e6eff;font-size:22px;left:-2px;top:-1px;
}