html,body{background:url(/bj.webp);padding:0;margin:0;height:100%;font-family:'Open Sans';font-size:13px;}
body{padding: 270px 0 0; position: relative;}
a{transition-duration:1s;transition-property:color;}
a:hover{transition-duration:1s;transition-property:color;}
#wrapper{width:1100px;min-height:1000px;margin:0 auto;position:relative;}
#menu-box{background: rgba(0, 0, 0, 0.65);
-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .79);
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .71);
-webkit-transform: skew(-8deg);
-ms-transform: skew(-8deg);
transform: skew(-8deg);
width: 100%;
margin: 0 auto;
height:40px;
position:relative;}
#header{background:#fff;width:1100px;height:58px;margin-bottom:0px;position:relative;}
#logo a{background:url(../images/logo.png) no-repeat top center;width:350px;height:90px;display:block;position:absolute;margin-top:15px;margin-left:25px;}
#logo a:hover{background-position:bottom center;}
h2{height:25px;line-height:40px;font-size:14px;text-transform:uppercase;margin:0px;color:#FFF;}
#announce{width:300px;height:98px;float:right;margin:0px 460px 0px 0px;}
#announce-text{background:#ecf0f1;width:500px;height:98px;padding:10px;line-height:18px;color:#818181;letter-spacing:0.2px;}
#headtitle{width:1100px;height:48px;margin-top:20px;}
#newtitle{background:#4e4e4e;min-width:409px;width:100%;height:48px;line-height:48px;text-transform:uppercase;color:#fff;padding:0px 0px 0px 9px;margin:0px 0px 10px -10px;border-radius: 4px;}
#newtitle2{background:#4c6587;min-width:409px;width:100%;height:48px;line-height:48px;text-transform:uppercase;color:#fff;padding:0px 0px 0px 20px;margin:0px 0px 10px -20px;}
#openedtitle{background:#4c6587;min-width:409px;width:95%;height:48px;line-height:48px;text-transform:uppercase;color:#fff;border-left:1px solid #020202;padding:0px 0px 0px 19px;margin:0px 0px 10px -4px;}
#chronicletitle{background:#3c3c3c;width:222px;height:40px;line-height:40px;text-transform:uppercase;color:#fff;float:left;padding:0px 0px 0px 20px;border-radius: 0px;}
#righttitle{background:#3c3c3c;width:222px;height:48px;line-height:48px;text-transform:uppercase;color:#fff;padding:0px 0px 0px 20px;}
#left{background:#fff;width:858px;min-height:700px;margin-bottom:2px;padding-bottom:1px;float:left;position:relative;}
#right{width:242px;min-height:700px;margin-bottom:20px;padding-bottom:1px;float:left;}
#newserv{min-width:410px;min-height:auto;float:left;margin:0px 0px 0px 10px;display:block;}
#opened{width:410px;min-height:auto;float:left;margin:0px 0px 0px 5px;}
#servVIP-GREEN{background:#fff;width:415px;height:30px;line-height:30px;border-bottom:1px solid #fff;transition-duration:0.5s;transition-property:background-color;}
#servVIP-GREEN:hover{background:#e4e4e480;transition-duration:0.5s;transition-property:background-color;border-radius: 0px;}
#statusservVIP-GREEN{background:#dae1e9;width:40px;height:30px;line-height:30px;color:#ffffff;text-transform:uppercase;text-align:center;font-weight:900;float:left;font-size:12px;border-radius: 0px;}
#statusserv span{display:none;}
#donmainservVIP-GREEN{width:175px;height:30px;line-height:30px;color:#fceba8;text-transform:uppercase;float:left;text-indent:10px;font-size:12px;}
#donmainservVIP-GREEN a{width:175px;height:30px;line-height:30px;color:#fceba8;text-transform:uppercase;float:left;text-indent:10px;text-decoration:none;font-size:12px;}
#donmainservVIP-GREEN a:hover{color:#fff568;}
#donmainopenVIP-GREEN{width:175px;height:30px;line-height:30px;color:#fceba8;text-transform:uppercase;float:left;text-indent:10px;font-size:12px;}
#donmainopenVIP-GREEN a{width:175px;height:30px;line-height:30px;color:#507298;text-transform:uppercase;float:left;text-indent:10px;text-decoration:none;font-size:12px;font-weight: 900;}
#donmainopenVIP-GREEN a:hover{color:#6e9ec3;}
#donmain{width:130px;height:30px;line-height:30px;color:#fceba8;text-transform:uppercase;float:left;text-indent:10px;font-size:12px;}
#donmain a{width:130px;height:30px;line-height:30px;color:#fceba8;text-transform:uppercase;float:left;text-indent:10px;text-decoration:none;font-size:12px;}
#donmain a:hover{color:#fff568;}
#rates{width:65px;height:30px;line-height:30px;color:#fff;text-transform:uppercase;float:left;text-indent:10px;font-size:12px;}
#ratesservVIP-GREEN{width:55px;height:30px;line-height:30px;color:#000;text-transform:initial;float:left;text-indent:10px;font-size:12px;cursor: default;font-weight: 600;}
#chronicle{width:70px;height:30px;line-height:30px;color:#000;text-transform:uppercase;float:left;text-indent:10px;font-size:12px;}
#chronicleservVIP-GREEN{width:85px;height:30px;line-height:30px;color:#000;text-transform:initial;float:left;text-indent:10px;font-size:12px;cursor: default;font-weight: 600;}
#dateservVIP-GREEN{width:55px;height:30px;line-height:30px;color:#000;text-transform:initial;float:left;text-indent:3px;font-size:12px;cursor: default;font-weight: 600;}
#date{width:70px;height:30px;line-height:30px;color:#fff;text-transform:uppercase;float:left;text-indent:10px;font-size:12px;}
#serv{background:#fff;width:415px;height:30px;line-height:30px;transition-duration:0.5s;transition-property:background-color;}
#novip{width:10px;height:10px;border:2px solid #fff;margin:14px 0px 0px 13px;}
#serv:hover{background:#e4e4e480;transition-duration:0.5s;transition-property:background-color;border-radius: 0px;}
#statusserv{position:relative;background:#ffffff;width:40px;height:30px;line-height:30px;color:#fceba8;text-transform:uppercase;text-align:center;font-weight:900;float:left;font-size:12px;}
#donmainserv{width:175px;height:30px;line-height:30px;color:#8a8d98;text-transform:uppercase;float:left;text-indent:10px;font-size:12px;}
#donmainserv a{width:175px;height:30px;line-height:30px;color:#595959;text-transform:uppercase;float:left;text-indent:10px;text-decoration:none;font-size:12px;}
#donmainserv a:hover{color:#e64c65;}
#ratesserv{width:55px;height:30px;line-height:30px;color:#595959;text-transform:initial;float:left;text-indent:10px;font-size:12px;cursor: default;font-weight: 600;}
#chronicleserv{width:85px;height:30px;line-height:30px;color:#595959;text-transform:initial;float:left;text-indent:10px;font-size:12px;cursor: default;font-weight: 600;}
#dateserv{width:55px;height:30px;line-height:30px;color:#595959;text-transform:initial;float:left;text-indent:3px;font-size:12px;cursor: default;font-weight: 600;}
#done{content: ''; width: 6px; height: 6px; border-radius: 100%; position: absolute; top: 50%; margin-top: -3px; left: 18px; background: #bfbebe;}
#donmainopen a{width:175px;height:30px;line-height:30px;color:#888585;text-transform:uppercase;float:left;text-indent:10px;text-decoration:none;font-size:12px;font-weight: 600;font-family: Montserrat;}
.clr{clear:both;}
.navigation{width:100%;height:40px;line-height:40px;margin-bottom:20px;margin-top:20px;position:relative;text-align:center;}
#navigation ul{list-style:none;}
.navigation a{display:inline;background:#e0e9eb;padding:5px 6px 5px 6px;text-decoration:none;color:#7a7d85;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
.navigation span{display:inline;background:#e0e9eb;padding:5px 6px 5px 6px;text-decoration:none;color:#7a7d85;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
#footer{background:#4e4e4e;width:1100px;height:100px;font-family: Montserrat;}
#footer-top{background:#3c3c3c;width:1060px;min-height:60px;padding:20px;color:#fff;text-align:justify;line-height:15px;font-size:12px;}
#chronicle-menu{list-style:none;background:#4e4e4e;width:242px;min-height:auto;padding-bottom:15px;font-family: Montserrat;}
.short a{background:#3c3c3c;width:106px;height:25px;line-height:25px;display:block;text-decoration:none;color:#fff;text-align:center;text-transform:capitalize;margin:10px 0px 0px 10px;float:left;letter-spacing:0.5px;font-size:12px;transition-duration:1s;transition-property:background-color;border-radius: 5px;}
.short a:hover{background:#3c3c3c;transition-duration:1s;transition-property:background-color;border-radius: 5px;}
.long a{background:#3c3c3c;width:222px;height:25px;line-height:25px;display:block;text-decoration:none;color:#fff;text-align:center;text-transform:capitalize;margin:10px 0px 0px 10px;float:left;letter-spacing:0.5px;font-size:12px;transition-duration:1s;transition-property:background-color;border-radius: 5px;}
.long a:hover{background:#3c3c3c;transition-duration:1s;transition-property:background-color;border-radius: 5px;}
#banner-right{background:url(../images/banner.webp);width:240px;height:400px;margin:0px 0px 0px 1px;}
#social{width:240px;height:25px;margin:10px 0px 15px 10px;}
#banner-google{width:240px;height:600px;margin:0px 0px 0px 1px;}
#addserver a{background:#3c3c3c no-repeat 7px 14px;width:203px;height:40px;float:right;display:block;color:#fff;line-height:40px;text-decoration:none;text-transform:capitalize;font-size:14px;text-align: center;transition-duration:1s;transition-property:background-color;font-family: Montserrat;}
#addserver a:hover{background:#3c3c3c no-repeat 7px 14px;transition-duration:1s;transition-property:background-color;}
.scrollTop{background:url(../images/to-top.png) no-repeat top center;display:block;width:34px;height:34px;transition-duration:1s;transition-property:background;}
.scrollTop:hover{background-position:bottom center;transition-duration:1s;transition-property:background;}
#scroll-top{width:34px;height:34px;position:absolute;margin:40px 0px 0px 530px;}
.type-text{width:500px;height:95px;border:none;resize:none;background:transparent;overflow:hidden;font-family:'Open Sans';color:#818181;letter-spacing:0.2px;}
.type-text:focus{outline:none;}
h1{font-size:15px;margin:0px 0px 10px 0px;}
.to-pay{background:#11A8AB;color:#fff;text-decoration:none;padding:10px 20px 10px 20px;text-transform:uppercase;}
.head a{padding:0px 5px 0px 15px;}
.simple a{padding:0px 20px 0px 20px;width:250px;height:50px !important;line-height:50px !important;font-size:12px !important;}
#nav{background:#394264;float:left;margin:0;padding:0;position:relative;z-index:10;text-transform:capitalize;font-size:14px;font-family: Montserrat;}
#nav li a, #nav li{float:left;}
#nav li{list-style:none;position:relative;}
#nav li a{height:40px;text-decoration:none;color:white;background:#3c3c3c;border-right:0px solid #3c3c3c;line-height:40px;transition-duration:1s;transition-property:background-color;}
#nav li a:hover{background:#3c3c3c;transition-duration:1s;transition-property:background-color;}
#nav li ul{display:none;position:absolute;left:0;top:100%;padding:0;margin:0;}
#nav li:hover > ul{display:block;}
#nav li ul li, #nav li ul li a{float:none;}
#nav li ul li{_display:inline;}
#nav li ul li a{width:147px;display:block;}
#nav li ul li ul{display:none;}
#nav li ul li:hover ul{left:100%;top:0;}
#ico{width:34px;height:35px;position:absolute;float:left;margin:12px 0px 0px -55px;}
.hasChildren{position:absolute;width:0px;height:0px;right:10px;bottom:20px;border-top:5px solid transparent;border-left:7px solid #6f7c9d;border-bottom:5px solid transparent;}
.head >.hasChildren{border-left:5px solid transparent;border-right:5px solid transparent;border-top:7px solid #6f7c9d;right:10px;bottom:20px;}
.rss-popup{width:100px;position:relative;}
div.rss-popup em{background:url(../images/bubble.png) no-repeat;width:100px;height:49px;position:absolute;top:-52px !important;left:-42px;text-align:center;z-index:2;display:none;}
#readmore-icon{width:3px;height:14px;display:block;}
#readmore{width:15px;height:15px;line-height:15px;color:#fff;text-transform:uppercase;float:left;text-align:center;margin:12px 0px 0px 15px;}
#readmore a{text-decoration:none;padding:2px 7px 2px 7px;background:#c52e47;text-transform:none;color:#fff;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;transition-duration:0.5s;transition-property:background-color;}
#readmore a:hover{background:#a02338;transition-duration:0.5s;transition-property:background-color;}
#readmoreservVIP-GREEN{width:15px;height:15px;line-height:15px;color:#fff;text-transform:uppercase;float:left;text-align:center;margin:12px 0px 0px 15px;}
#readmoreservVIP-GREEN a{text-decoration:none;padding:2px 7px 2px 7px;background:#419C9C;text-transform:none;color:#fff;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;transition-duration:0.5s;transition-property:background-color;}
#readmoreservVIP-GREEN a:hover{background:#57CBCB;transition-duration:0.5s;transition-property:background-color;}
#readmoreserv{width:15px;height:15px;line-height:15px;color:#fff;text-transform:uppercase;float:left;text-align:center;margin:12px 0px 0px 15px;}
#readmoreserv a{text-decoration:none;padding:2px 7px 2px 7px;background:#d1d7de;text-transform:none;color:#fff;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;transition-duration:0.5s;transition-property:background-color;}
#readmoreserv a:hover{background:#b1b7be;transition-duration:0.5s;transition-property:background-color;}
#rights{color:#ffffff;height:25px;line-height:25px;float:left;font-size:13px;padding:0px 20px 0px 20px;margin:20px 0px 0px 0px;}
#copy{color:#ffffff;height:25px;line-height:25px;float:right;font-size:13px;padding:0px 20px 0px 20px;margin:20px 0px 0px 0px;}
#copy a{text-decoration:none;color:#48ebee;}
#copy a:hover{text-decoration:none;color:#fff;}
#counters{width:265px;height:40px;margin:60px 0px 0px 15px;position:absolute;}
#counter{width:88px;height:35px;float:left;margin-left:980px;margin-right:2px;}
#counter a img{filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);-moz-opacity:0.7;-khtml-opacity:0.7;opacity:0.7;filter:alpha(opacity=50);}
#counter a:hover img{filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;filter:alpha(opacity=100);}
#block_banner{position:fixed;top:0}
#block_banner_left{position:absolute;top:0;left:-400px}
#block_banner_right{position:absolute;top:0;left:1100px}
.textline{width:1060px;height:35px;line-height:6px;background:#ECF0F1;position:absolute;margin:160px 0px 0px 10px;padding:0px 10px 0px 10px;}
.l2anons_addnews_block{width:auto;color:#303030;}
.l2anons_addnews_form_block{padding-left:150px;}
.l2anons_addnews_form_block a{color:#2081AB;}
.contacts td{padding:5px 10px 5px 10px;}
.contacts a{color:#2081AB;}
.l2anons_addnews_form_block td{padding:5px 10px 5px 10px;}
.addnews_wrap{width:850px;color:#303030;}
.fbutton{background:#4e4e4e;padding:10px 20px 10px 20px;color:#fff;border:none;cursor:pointer;}
.l2anons_fullstory{color:#303030;padding:10px;}
.l2anons_fullstory a{color:#2081AB;}
.full-img img{border:5px solid #ECF0F1;}
.l2anons_fullstory hr{border:1px solid #ccc;border-bottom:none;}
.go-to-site a{background:#11A8AB;color:#fff;text-decoration:none;padding:10px 20px 10px 20px;text-transform:uppercase;}
.go-to-site a:hover{background:#0a7d7f;color:#fff799;transition-duration:1s;transition-property:background-color;}
#partners{padding:20px;}
#partners-line{background:#EAF2F4;padding:10px;margin-bottom:10px;}
.partner-title{background:#394264;color:#fff;margin:-10px -10px 10px -10px;padding:3px 10px 3px 10px;}
.line-fl{background:#EAF2F4 !important;padding:10px;margin-bottom:3px;}
.date-label-yesterday, .date-label-today, .date-label-tomorrow{font-weight:bold;}
.date-label-yesterday{color:#4e4e4e;background-color:rgb(228, 228, 228);border-radius: 5px;font-size: 12px;}
.date-label-today{color:#4e4e4e;background-color:rgb(228, 228, 228);border-radius: 5px;font-size: 12px;}
.date-label-tomorrow{color:#4e4e4e;background-color:rgb(228, 228, 228);border-radius: 5px;font-size: 12px;}
#dateservVIP-GREEN .date-label-yesterday{color:#4e4e4e;background-color:rgb(228, 228, 228);}
#dateservVIP-GREEN .date-label-today{color:#4e4e4e;background-color:rgb(228, 228, 228);}
#dateservVIP-GREEN .date-label-tomorrow{color:#4e4e4e;background-color:rgb(228, 228, 228);}
#servVIP-RED{background:#fff;width:415px;height:30px;line-height:30px;border-bottom:1px solid #fff;transition-duration:0.5s;transition-property:background-color;}
#servVIP-RED:hover{background:#e4e4e480;transition-duration:0.5s;transition-property:background-color;border-radius: 0px;}
#statusservVIP-RED{background:linear-gradient(#f3a100,#e28403);width:40px;height:30px;line-height:30px;color:#fff;text-transform:uppercase;text-align:center;font-weight:900;float:left;font-size:15px;border-radius: 4px;}
#donmainservVIP-RED{width:175px;height:30px;line-height:30px;color:#fceba8;text-transform:uppercase;float:left;text-indent:10px;font-size:12px;}
#donmainservVIP-RED a{width:175px;height:30px;line-height:30px;color:#fceba8;text-transform:uppercase;float:left;text-indent:10px;text-decoration:none;font-size:12px;}
#donmainservVIP-RED a:hover{color:#fff568;}
#donmainopenVIP-RED{width:175px;height:30px;line-height:30px;color:#fceba8;text-transform:uppercase;float:left;text-indent:10px;font-size:12px;font-weight:900;}
#donmainopenVIP-RED a{width:175px;height:30px;line-height:30px;color:#dd8102;text-transform:uppercase;float:left;text-indent:10px;text-decoration:none;font-size:13px;font-family:Montserrat;letter-spacing: .0625rem;}
#donmainopenVIP-RED a:hover{color:#d0913a;}
#ratesservVIP-RED{width:55px;height:30px;line-height:30px;color:#595959;text-transform:initial;float:left;text-indent:10px;font-size:12px;cursor: default;font-weight:600;}
#chronicleservVIP-RED{width:85px;height:30px;line-height:30px;color:#595959;text-transform:initial;float:left;text-indent:10px;font-size:12px;cursor: default;font-weight:600;}
#dateservVIP-RED{width:55px;height:30px;line-height:30px;color:#595959;text-transform:initial;float:left;text-indent:3px;font-size:12px;cursor: default;font-weight:600;}
#readmoreservVIP-RED{width:15px;height:15px;line-height:15px;color:#fff;text-transform:uppercase;float:left;text-align:center;margin:12px 0px 0px 15px;}
#readmoreservVIP-RED a{text-decoration:none;padding:2px 7px 2px 7px;background:rgb(48, 85, 102);text-transform:none;color:#fff;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;transition-duration:0.5s;transition-property:background-color;}
#readmoreservVIP-RED a:hover{background:#518CA7;transition-duration:0.5s;transition-property:background-color;}
#dateservVIP-RED .date-label-yesterday{color:#4e4e4e;background-color:rgb(228, 228, 228);}
#dateservVIP-RED .date-label-today{color:#4e4e4e;background-color:rgb(228, 228, 228);}
#dateservVIP-RED .date-label-tomorrow{color:#4e4e4e;background-color:rgb(228, 228, 228);}
.notfixed #servVIP-GREEN, .notfixed #servVIP-RED, .notfixed #servVIP-GOLD {background: #fff;border-bottom: 0.0625em solid #f1f0f5;}
.notfixed #statusservVIP-GREEN, .notfixed #statusservVIP-RED, .notfixed #statusservVIP-GOLD {background: #afafaf;}
.notfixed #donmainopenVIP-GREEN a, .notfixed #ratesservVIP-GREEN, .notfixed #chronicleservVIP-GREEN, .notfixed #dateservVIP-GREEN,
.notfixed #donmainopenVIP-RED a, .notfixed #ratesservVIP-RED, .notfixed #chronicleservVIP-RED, .notfixed #dateservVIP-RED,
.notfixed #donmainopenVIP-GOLD a, .notfixed #ratesservVIP-GOLD, .notfixed #chronicleservVIP-GOLD, .notfixed #dateservVIP-GOLD {color: #595959;font-weight: normal;font-size:12px;font-weight: 600;}
.notfixed #dateservVIP-GREEN .date-label-yesterday, .notfixed #dateservVIP-RED .date-label-yesterday, .notfixed #dateservVIP-GOLD .date-label-yesterday {color:#4e4e4e;background-color:rgb(228, 228, 228);}
.notfixed #dateservVIP-GREEN .date-label-today, .notfixed #dateservVIP-RED .date-label-today, .notfixed #dateservVIP-GOLD .date-label-today {color:#4e4e4e;background-color:rgb(228, 228, 228);}
.notfixed #dateservVIP-GREEN .date-label-tomorrow, .notfixed #dateservVIP-RED .date-label-tomorrow, .notfixed #dateservVIP-GOLD .date-label-tomorrow {color:#4e4e4e;background-color:rgb(228, 228, 228);}
.notfixed #readmoreservVIP-GREEN a, .notfixed #readmoreservVIP-RED a, .notfixed #readmoreservVIP-GOLD a {background: #d1d7de;color: #fff;}
.notfixed #readmoreservVIP-GREEN a:hover, .notfixed #readmoreservVIP-RED a:hover, .notfixed #readmoreservVIP-GOLD a:hover {background: #b1b7be;color: #fff;}
.notfixed #servVIP-GREEN:hover, .notfixed #servVIP-RED:hover, .notfixed #servVIP-GOLD:hover {background:#e4e4e480;transition-duration:0.5s;transition-property:background-color;border-radius: 0px;}
.notfixed #donmainopenVIP-GREEN a, .notfixed #donmainopenVIP-RED a {font-weight: 900; color: #c8761e;font-size:13px;}
.notfixed #donmainopenVIP-GOLD a {font-weight: 900; color: #ff2f00;font-size:13px;}
.date-header-wrapper {width: 415px;height: 30px;background-color:#fff;overflow: hidden;}
.date-header{width: auto;height: 30px;line-height:30px;color: #1f282c;text-align: center;text-transform: uppercase;font-size: 18px;font-family: 'open sans';text-shadow: 1px 1px 1px rgba(255,255,255,0.8);background-color:#e4e4e4;margin: 0px 4px 4px 44px;border-radius: 5px;background-image: linear-gradient(to right, rgb(255, 255, 255),rgb(208, 242, 208));}
a {
color:#fd7300;
text-decoration:none
}
#header-news {
margin: 2px 0 0 0px;
position: absolute;
width: 850px;
}
.hn-item {
display: inline-block;
width: 394px;
margin-left: 25px;
background-color: #000000;
border-radius: 5px;
padding: 3px;
color: #fff;
vertical-align: top;
-webkit-box-shadow: 0px 7px 10px -7px rgba(0,0,0,0.8);
-moz-box-shadow: 0px 7px 10px -7px rgba(0,0,0,0.8);
box-shadow: 0px 7px 10px -7px rgba(0,0,0,0.8);
font-family: Montserrat;
}
.hn-item a, .hn-item a:hover, .hn-item a:active, .hn-item a:visited {
color: #fff;
}
.hn-item:first-child {
margin-left: 0;
}
.hn-image-wrapper {
display: inline-block;
width: 200px;
height: 35px;
float: left;
}
.hn-image-wrapper img {
width: 100%;
height: auto;
}
.hn-info-wrapper {
padding-left: 5px;
width: auto;
overflow: hidden;
}
.hn-info-line1, .hn-info-line2 {
clear: both;
}
.hn-info-line2 {
padding-top: 4px;
}
.hn-domain, .hn-rate-cat {
float: left;
}
.hn-flag, .hn-date {
float: right;
}
.hn-domain {
text-transform: uppercase;
font-weight: bold;
letter-spacing: .0625rem;
}
.hn-rate-cat {
font-size: 12px;
}
.hn-date {
color: #000000;
background-color: #fff;
padding: 2px 4px;
border-radius: 2px;
font-size: 12px;
}
#bookmark-button {
width: 215px;
height: 40px;
background:#3c3c3c;
position: absolute;
margin: 9px 0px 0px 875px;
display: block;
line-height: 41px;
color: #fff;
font-size: 14px;
border-radius: 5px;
text-align: center;
}
#bookmark-button a, #bookmark-button a:hover, #bookmark-button a:visited, #bookmark-button a:active {
color: #fff;
}
#serv, #servVIP-GOLD, #servVIP-RED, #servVIP-GREEN {
position: relative;
}
.l2top-image, .topse-image {
width: 22px;
height: 30px;
position: absolute;
}
.l2top-image {
left: 171px;
}
.l2top-image-bonus {
background: url('../images/l2top-image-bonus.png') no-repeat center center;
}
.l2top-image-money {
background: url('../images/l2top-image-money.png') no-repeat center center;
}
.l2top-image.l2top-image-obt {
font-size: 10px;
line-height: 12px;
text-align: center;
color: #595959;
}
.l2top-image-obt:before {
content: 'обт старт';
}
.topse-image {
left: 193px;
background: url('../images/topse-image.png') no-repeat center center;
}
.image-popup {
position: absolute;
z-index: 100;
background-color: #000;
color: #fff;
padding: 10px;
border-radius: 5px;
text-align: center;
line-height: 16px;
text-indent: initial;
opacity: 0.6;
}
.topse-image-popup {
left: 203px;
top: -20px;
}
.l2top-image-popup {
left: 181px;
top: -20px;
}
.reklam_on_site {
color: #fff;
text-decoration:underline;
}
.rekla{
color: #fff;
text-decoration:underline;margin-left:55px
}
.branding {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 600px;
overflow: hidden;
text-align: center;
display: inline-block;
background-position: center top;
background-repeat: no-repeat;
}
.branding a {
display: block;
height: 100%;
width: 100%;
overflow: hidden;
position: relative;
}
.branding img {
position: absolute;
top: 0;
left: 50%;
width: 1920px;
transform: translateX(-50%);
}
#servVIP-GOLD{background-image: linear-gradient(to right, #f51818 0%, #ff9300 100%);border-radius: 5px;width:415px;height:30px;line-height:30px;border-bottom:1px solid #fff;transition-duration:0.5s;transition-property:background-color;}
#statusservVIP-GOLD{width:40px;height:30px;line-height:30px;color:#fff;text-transform:uppercase;text-align:center;font-weight:900;float:left;font-size:15px;border-radius: 4px;}
#donmainservVIP-GOLD{width:175px;height:30px;line-height:30px;color:#fceba8;text-transform:uppercase;float:left;text-indent:10px;font-size:12px;}
#donmainservVIP-GOLD a{width:175px;height:30px;line-height:30px;color:#fceba8;text-transform:uppercase;float:left;text-indent:10px;text-decoration:none;font-size:12px;}
#donmainservVIP-GOLD a:hover{color:#fff568;}
#donmainopenVIP-GOLD{width:175px;height:30px;line-height:30px;color:#fceba8;text-transform:uppercase;float:left;text-indent:10px;font-size:12px;font-weight:900}
#donmainopenVIP-GOLD a{width:175px;height:30px;line-height:30px;color:#fff;text-transform:uppercase;float:left;text-indent:10px;text-decoration:none;font-size:13px;font-family:Montserrat;font-weight:600;letter-spacing: .0625rem;}
#ratesservVIP-GOLD{width:55px;height:30px;line-height:30px;color:#fff;text-transform:initial;float:left;text-indent:10px;font-size:12px;cursor: default;font-weight: 600;}
#chronicleservVIP-GOLD{width:85px;height:30px;line-height:30px;color:#fff;text-transform:initial;float:left;text-indent:10px;font-size:12px;cursor: default;font-weight: 600;}
#dateservVIP-GOLD{width:55px;height:30px;line-height:30px;color:#fff;text-transform:initial;float:left;text-indent:3px;font-size:12px;cursor: default;font-weight: 600;}
#readmoreservVIP-GOLD{width:15px;height:15px;line-height:15px;color:#fff;text-transform:uppercase;float:left;text-align:center;margin:12px 0px 0px 15px;}
#readmoreservVIP-GOLD a{text-decoration:none;padding:2px 7px 2px 7px;background:rgb(48, 85, 102);text-transform:none;color:#fff;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;transition-duration:0.5s;transition-property:background-color;}
#readmoreservVIP-GOLD a:hover{background:#518CA7;transition-duration:0.5s;transition-property:background-color;}
#dateservVIP-GOLD .date-label-yesterday{color:#4e4e4e;background-color:rgb(228, 228, 228);}
#dateservVIP-GOLD .date-label-today{color:#4e4e4e;background-color:rgb(228, 228, 228);}
#dateservVIP-GOLD .date-label-tomorrow{color:#4e4e4e;background-color:rgb(228, 228, 228);}
.btn-menu {
display: none;
position: relative;
margin: 19px 10px 19px auto;
width: 30px;
height: 21px;
cursor: pointer;
transition: .3s;
}
.btn-menu:hover {
opacity: .8;
}
.btn-menu span {
position: absolute;
display: block;
width: 100%;
height: 3px;
border-radius: 3px;
background-color: #fff;
opacity: 1;
top: 9px;
left: 0;
transition: .3s;
}
.btn-menu span:first-child {
top: 0;
}
.btn-menu span:last-child {
top: 18px;
}
.btn-menu.active span:nth-child(2){
opacity: 0;
left: -20px;
}
.btn-menu.active span:first-child {
transform: rotate(45deg);
top: 9px;
}
.btn-menu.active span:last-child {
transform: rotate(-45deg);
top: 9px;
}
.tabs {
width: 100%;
padding: 0 10px;
justify-content: center;
margin-bottom: 15px;
display: none;
box-sizing: border-box;
}
.tab {
border: 2px solid #3c3c3c;
color: #3c3c3c;
display: flex;
justify-content: center;
align-items: center;
max-width: 220px;
flex: 1;
height: 40px;
transition: .3s;
cursor: pointer;
font-size: 14px;
font-weight: bold;
box-sizing: border-box;
}
.tab.active,
.tab:hover{
border-color: #f3a100;
color: #f3a100;
}
.tab + .tab {
margin-left: 10px;
}
.date-header-wrapper #done{
display: none;
}
.mobile-logo {
display: none;
float: left;
}
.mobile-logo img {
max-height: 60px;
}
#doneVIP-GOLD img{
vertical-align: middle;
}
.date-header-wrapper #statusserv {
background: #ffffff
}
.addnews_wrap iframe,
.addnews_wrap img {
max-width: 100%;
}
#serv, #servVIP-GOLD, #servVIP-RED, #servVIP-GREEN{
width: 100%;
display: flex;
border-bottom: 0.0625em solid #f1f0f5;
}
.date-header-wrapper {
width: 100%;
}
#donmainopenVIP-GOLD,
#donmainopen,
#donmainopenVIP-GREEN,
#donmainopenVIP-RED{
flex: 1;
display: flex;
}
#donmainopenVIP-GOLD a,
#donmainopen a,
#donmainopenVIP-GREEN a,
#donmainopenVIP-RED a{
flex: 1;
overflow: hidden;
width: 150px
}
.topse-image {
position: relative;
top: auto;
left: auto;
flex-shrink: 0;
}
#opened {
width: 415px;
}
#newserv {
min-width: 415px;
}
.only-opened #newserv{
display: none;
}
.only-opened #opened {
width: calc(100% - 20px) !important;
margin-left: 10px;
}
.only-opened .tabs {
display: none !important;
}
@media only screen and (max-width: 1199px) {
#wrapper {
max-width: 1024px;
width: 100%;
display: flex;
flex-direction: column;
}
body {
padding-top: 220px;
}
.branding img {
width: 1700px
}
#footer-top {
max-width: 100%;
box-sizing: border-box;
order: 3;
}
#footer {
max-width: 100%;
height: auto;
display: flex;
flex-wrap: wrap;
order: 4;
}
#rights {
height: auto;
}
#copy {
height: auto;
}
#counters {
position: relative;
margin: 15px 20px;
width: 100%;
}
#counter {
margin-left: 0;
float: none;
}
#menu-box {
width: 99%;
}
#header {
width: calc(100% - 20px);
padding: 5px 10px 10px;
display: flex;
align-items: center;
justify-content: space-between;
height: auto;
}
#header-news {
position: relative;
margin: 0;
width: auto;
}
#bookmark-button {
position: relative;
order: 1;
margin: 0;
width: 140px;
}
#left {
width: 100%;
margin-bottom: 20px;
order: 2;
}
#newserv {
width: calc(100% - 20px);
min-height: auto;
min-width: auto;
margin-bottom: 20px;
}
#opened {
min-height: auto;
margin-bottom: 20px;
margin-left: 10px;
}
.server-list #newserv,
.server-list #opened {
width: calc(50% - 15px);
}
#right {
width: 100%;
display: flex;
min-height: auto;
margin-bottom: 0;
padding-bottom: 20px;
background: #fff;
}
#chronicle-menu {
flex: 1;
min-height: auto;
}
#chronicletitle {
padding-left: 0;
width: 100%;
}
#banner-right {
display: none;
}
.addnews_wrap {
width: 100%;
}
.addnews_wrap #newtitle {
display: flex;
align-items: center;
line-height: 125%;
height: auto;
padding: 10px;
min-height: 28px;
min-width: auto;
}
}
@media only screen and (max-width: 1023px) {
#footer-top {
padding-left: 10px;
padding-right: 10px;
}
#rights {
padding-left: 10px;
padding-right: 10px;
}
#copy {
padding-left: 10px;
padding-right: 10px;
height: auto;
line-height: 1.5;
}
#counters {
margin-left: 10px;
}
body {
padding-top: 0;
}
.branding {
display: none;
}
.mobile-logo {
display: block;
}
#nav {
display: none;
}
#bookmark-button {
display: none;
}
#addserver {
display: none;
}
.btn-menu {
display: block;
}
#menu-box {
transform: none;
width: 100%;
height: 60px;
background: #454545;
}
#header-news {
width: 100%;
}
.hn-item {
width: calc(50% - 11px);
margin-left: 10px;
}
#header {
order: 1;
padding-top: 20px;
padding-bottom: 20px;
display: none;
}
#right {
display: none;
padding: 0;
}
#right.active{
display: flex;
}
#left {
padding-top: 15px;
}
#left #opened{
display: none;
}
#left.show-opened #newserv{
display: none;
}
#left.show-opened #opened{
display: block;
}
.server-list #newserv,
.server-list #opened{
width: calc(100% - 20px);
}
.server-list .tabs {
display: flex;
}
.date-header {
margin-right: 0;
}
}
@media only screen and (max-width: 991px) {
#right {
flex-direction: column;
align-items: center;
}
#chronicle-menu {
width: 100%;
min-height: auto;
}
.long a,
.short a {
width: auto;
padding: 0 10px;
}
#chronicletitle {
line-height: 25px;
height: 25px;
}
}
@media only screen and (max-width: 767px) {
#header {
flex-direction: column;
}
#header-news {
width: 100%;
}
.hn-item {
width: 100%;
box-sizing: border-box;
margin-left: 0;
}
.hn-item:first-child {
margin-bottom: 10px;
}
}
@media only screen and (max-width: 460px) {
#serv, #servVIP-GOLD, #servVIP-RED, #servVIP-GREEN{
height: 50px;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: 5px;
border-bottom: 1px solid #e4e4e4 !important;
}
#statusserv {
background: transparent;
}
.date-header-wrapper {
margin-bottom: 5px;
}
#donmainopenVIP-GOLD a,
#donmainopen a,
#donmainopenVIP-GREEN a,
#donmainopenVIP-RED a{
text-align: center;
text-indent: 0;
width: calc(100% - 40px);
flex: none;
}
#donmainopenVIP-GOLD,
#donmainopen,
#donmainopenVIP-GREEN,
#donmainopenVIP-RED{
flex-basis: calc(100% - 40px);
}
#ratesservVIP-GOLD,
#chronicleservVIP-GOLD,
#dateservVIP-GOLD,
#ratesservVIP-RED,
#chronicleservVIP-RED,
#dateservVIP-RED,
#ratesservVIP-GREEN,
#chronicleservVIP-GREEN,
#dateservVIP-GREEN,
#ratesserv,
#chronicleserv,
#dateserv {
width: 85px;
text-align: center;
text-indent: 0;
padding: 0 5px;
line-height: 20px;
height: 20px;
}
#dateservVIP-GOLD,
#dateservVIP-RED,
#dateservVIP-GREEN,
#dateserv {
text-align: right;
}
#ratesservVIP-GOLD,
#ratesservVIP-RED,
#ratesservVIP-GREEN,
#ratesserv {
text-align: left;
}
.hn-image-wrapper {
width: 100px;
}
.hn-image-wrapper img {
width: 100%;
height: 100%;
object-fit: cover;
}
}
.en {
float: right;
margin-right: 70px;
position: relative;
opacity: 0.5;
z-index: 4;
line-height: 60px;
}
.ru {
float: right;
margin-right: 5px;
position: relative;
z-index: 4;
line-height: 60px;
}