@font-face{
    font-family:"arian_amuregular";
    font-display: auto;
    src:url("../fonts/arnamu2.eot");
    src:url("../fonts/arnamu2.eot?#iefix") format("embedded-opentype"),
    url("../fonts/arnamu2.woff") format("woff"),
    url("../fonts/arnamu2.ttf") format("truetype");
}

:root {--bg: #000000;--btngreen: #6B8E23;--btnblue: #3a9be0;--btngreen_hover:#89C128;--btnred:#d21f1c;}
body{min-width: 300px;}
*{margin:0;padding:0;font-family: "Open Sans", sans-serif;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
.for_mobile{display: none;}
.center_div{margin: 0 3%;}
.clear{clear: both;}
.shadow{background: url('../i/shadow.png') no-repeat top center; background-size: contain; width: 960px; height: 34px; margin: 0 auto;}
.shadow_item{background: url('../i/item_shadow.jpg') no-repeat top center; background-size: contain; width: 100%; height: 20px; margin: 0 auto;}

a{text-decoration: none;}

.btn_green{border-radius: 5px; font-size:16px;font-weight:400;text-transform:uppercase;line-height:46px;text-align:center;padding:10px 30px;box-shadow:0 0 18px 10px rgba(0,0,0,0.07);background-color:var(--btngreen);color:white;}
.btn_green:hover{opacity:0.9;position: relative;top: 1px; cursor: pointer;}

.btn_red{ font-size:16px;font-weight:400;text-transform:uppercase;line-height:46px;text-align:center;padding:10px 30px;border-radius:30px;box-shadow:0 0 18px 10px rgba(0,0,0,0.07);background-color:var(--btnred);color:white;}
.btn_red:hover{background-color:var(--btngreen_hover);position: relative; pointer;}

.btn_blue{ font-size:16px;font-weight:400;text-transform:uppercase;line-height:46px;text-align:center;padding:10px 30px;border-radius:30px;background-color:#1d4375;color:white;}
.btn_blue:hover{opacity:0.9;position: relative;top: 1px; pointer;}

.layer1{width: 100%;background: var(--bg);}
.get_vpn_keys{cursor: pointer;}
.login_verify_btn{cursor: pointer;}
.login_discord{color: #fff;padding: 0 20px 0 0;}
.login_discord a{padding: 0 10px;}
.login_discord .fa{color: #fff;font-size: 16px;}
.discord_user_div_com .status_ok{color: var(--btngreen);}
.discord_user_div_com .status_error{color: red;}
.password_change_form{}
.modal_ok{margin-top: 80px;}
.password_change_form p{margin: 15px 0;text-align: center;font-size: 22px;}
.password_change_form input{padding: 2px 5px; font-size: 22px;}
.password_change_form .btn_green{display: block;width: 100%;cursor: pointer;padding: 10px 0;}

.backup_data_div{margin: 3px 0 0 0;}
.backup_recovery_select_div{width: 186px;display: inline-block;}
.backup_recovery_save{padding: 4px 12px;margin-left: 5px;cursor: pointer;}
.biOnlineVPNinfo{text-align: center; margin: 10px 0;}
.biOnlineVPNBlock{border-top:  1px solid var(--btngreen);}
.password_change_form input{border-radius: 5px;}

.modal_m_cart .modal_header{background: var(--btngreen) !important;}
.modal_error .modal_header{background: var(--btnred) !important;}
.modal_header{border-radius: 10px 10px 0px 0px ;}
.modal_body{color: #fff;background: rgba(0,0,0,0.95);border-radius: 0px 0px 10px 10px;}
.arcticmodal-container_i2>div{background: rgba(0,0,0,0);margin-top: 80px;}

.login_discord strong{display: inline-grid;cursor: pointer;}
.discord_user_info_hidden{display: none;}
.discord_user_info{margin-bottom: 35px; position: fixed;color: #fff; background: rgba(0,0,0,0.9);top: 0; left: 0;  right: 0; z-index: 9; width: 100%;}
    .discord_user_div{display: table;width: 100%;}
        .discord_user_div_left{display: table-cell;width: 220px;padding: 10px;vertical-align: top;}
            .discord_user_div_left_img{display: block;width: 200px;height: 200px;}
            .discord_user_div_left img{width: 100%;height: 100%;border-radius: 10px;}
        .discord_user_div_middle{display: table-cell;width: calc(50% - 120px);padding: 10px;vertical-align: top;}
        .discord_status{font-size: 22px;padding: 10px;}
            .discord_online_status .fa{color: #6b8e23;}
            .discord_offline_status .fa{color: #8e2323;}
        .discord_user_div_name{font-size: 22px;margin: 10px;}
        .discord_user_div_com{margin: 10px 0;padding: 10px 0;}
            .change_password{cursor: pointer;margin: 10px;display: none;}
            .verify{cursor: pointer;margin: 10px;}
            .verify_hidden{display: none;}
        
        .discord_user_div_right{display: table-cell;padding: 10px;vertical-align: top;}
            .discord_user_div_right{}
            .discord_user_div_right h3{text-align: center; font-size: 24px;margin: 10px 0;}
            .discord_user_div_right_price{font-size: 24px;color: var(--btngreen);margin: 10px;}
        .admin_panel_info{font-size: 12px;color: #fff;margin: 5px 0;}
        .discord_user_div_admin{display: table-cell;padding: 10px;vertical-align: top;text-align: center;width: 250px;}
        
        .admin_panel_send_mess_text{display: table;width: 100%;}
        .admin_panel_send_mess_div{display: table-cell;padding: 5px 0;vertical-align: top;}
        .sendmess_title{margin: 7px 0;width:100%;font-size: 12px;font-weight: bold;padding: 5px 2px;}
        .sendmess_txt{margin: 7px 0;width:100%;font-size: 12px;padding: 5px 2px;}
        .send_mess_save{padding:5px 12px;margin-left: 2px;line-height: 30px;}
        .admin_panel_send_mess_tip{width: 150px;display: inline-block;}
        .sendmess_type_font{font-size: 12px;}
        .admin_panel_send_mess_text .select2-selection__rendered{font-size: 12px;}
        
            .discord_user_div_admin input{border-radius: 5px;font-size: 18px;width: 90px;padding: 2px 5px;}
            .login_verify_btn{padding:5px 12px;margin-left: 2px;}
.header{background: var(--bg); position:  fixed;z-index: 999;left: 0;right: 0;top:0;height:65px;}
.close_div_profile{position: absolute;right: 10px;top:65px;}
.close_div_profile .fa{font-size: 30px;color:#fff;cursor: pointer;}
#slider1{position: relative;}

.highcharts_online_curent_user_div{padding: 10px;}
.highcharts_online_tbl{display: table;width: 100%;}
.highcharts_online_td{display: table-cell;vertical-align: top;padding: 5px;}
.highcharts_online_td:first-child{width: 150px;}
.get_date{font-size: 16px;padding: 2px 5px;}

    .header_div{display: table;width: 100%;}
        .header_logo{display: table-cell;vertical-align: middle;text-align: left;width:180px;}
        .top_image_h2 img{display: none;}
        .header_logo img{margin-bottom: -10px;}
        
        .header_menu{display: table-cell;vertical-align: middle;text-align: left;}
        #menu-wrap{position:relative;}
        .menu{display:block;margin:0;padding:0;max-width:900px;}
        .menu li{display:inline-block;position:relative;z-index:10;}
        .menu li a{font-size: 18px;font-weight: 700;text-transform: uppercase;font-weight:bold;text-decoration:none;padding:20px;display:block;color:#ffffff;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-o-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;}
        .menu li a:hover, .menu li:hover >a{text-shadow: -2px -2px 5px rgba(255,255,255,.7), 1px 1px 5px rgba(255,255,255,.5);}
        .menu ul{display:none;margin:0;padding:0;width:180px;position:absolute;top:39px;left:0px;background:#ffffff;}
        .menu li img{vertical-align:top;display:inline-block;}
        .menu ul li{display:block;float:none;background:none;}
        .menu ul li a{font-size:10px;font-weight: 700;text-transform: uppercase;display:block;color:#797979;border-left:3px solid #ffffff;background:#ffffff;}
        .menu ul li a:hover,.menu ul li:hover >a{background:#f0f0f0;border-left:3px solid var(--btngreen);color:#797979;padding-left: 25px;}
        .menu li:hover >ul{display:block;}
        .menu ul ul{left:149px;top:0px;}
        #menu-icon{display:none;}
        
        .header_right{display: table-cell;vertical-align: middle;text-align: right;padding: 0 10px 0 0;}
            .header_right a{color: #fff;font-size:14px;text-transform: uppercase;font-weight: bold;}

    .iframe_youtube{position: relative;}
.top_image_info{}
.top_image{}
.top_image_h2{position: absolute;transform: translate(-50%, -50%);top:30%;left:50%;}
.top_image_com{font-size: 30px;margin: 10px auto;position: absolute;transform: translate(-50%, -50%);bottom:0;left:50%;}
.top_image_com .btn_green{font-size: 24px;text-shadow: 2px 2px 5px #000;padding: 20px 40px;}
.top_image_h2>div{}
.partner_email{display: none;padding: 2px 3px;font-size: 20px;margin: 10px 0;}

.partners_link_label{cursor:pointer;}


.landing_block{position: relative;}
.bg_slider {z-index: 0;display: block;width: 100%;bottom: -15px;top:auto;position: absolute; height: 300px; background: url(../i/bg.png) repeat-x right bottom;opacity: 0.1; top: auto;animation: 10s linear 0s normal forwards infinite running eco-bg-slide;} 
@-webkit-keyframes eco-bg-slide {
    0% {background-position: left bottom;}
    97% {opacity: 0.1;}
    98% {opacity: 0;background-position: right bottom;}
    99% {background-position: left bottom;}
    99.5% {opacity: 0;}
    100% {opacity: 0.1;}
}
@keyframes eco-bg-slide {
  0% {background-position: left bottom;}
  97% {opacity: 0.1;}
  98% {opacity: 0;background-position: right bottom;}
  99% {background-position: left bottom;}
  99.5% { opacity: 0;}
  100% {opacity: 0.1;}
}
.loader { width: 0;height: 4.8px;display: inline-block; position: relative;background: #FFF; box-shadow: 0 0 10px rgba(255, 255, 255, 0.5);box-sizing: border-box;animation: animFw 8s linear infinite;}
.loader::after, .loader::before {content: '';width: 10px; height: 1px;background: #FFF;position: absolute;top: 9px;right: -2px;opacity: 0; transform: rotate(-45deg) translateX(0px);box-sizing: border-box;animation: coli1 0.3s linear infinite;}
.loader::before {top: -4px;transform: rotate(45deg); animation: coli2 0.3s linear infinite;}

@keyframes animFw {
    0% {
  width: 0;
}
    100% {
  width: 100%;
}
  }

@keyframes coli1 {
    0% {
  transform: rotate(-45deg) translateX(0px);
  opacity: 0.7;
}
    100% {
  transform: rotate(-45deg) translateX(-45px);
  opacity: 0;
}
  }

@keyframes coli2 {
    0% {
  transform: rotate(45deg) translateX(0px);
  opacity: 1;
}
    100% {
  transform: rotate(45deg) translateX(-45px);
  opacity: 0.7;
}
}
  
.mod_block{padding: 0; }
.mod_about_bl{min-height: 300px;display: table;width: 100%;}
.mod_about_bl_td{display: table-cell; vertical-align: top; width: 30%;padding-top: 3%;padding-bottom: 3%;text-align: center;}
.mod_about_bl_td:first-child{padding-left: 3%;padding-right: 70px;}
.mod_about_bl_td:last-child{padding-left: 70px;padding-right: 3%;}
.mod_about_bl_td_h{font-size: 22px;font-weight: 500;text-align: left;padding: 0; text-transform: uppercase;}
.mod_about_bl_td_icon{margin: 10px;}
.mod_about_bl_td_icon .fa{font-size: 82px;}
.mod_about_bl_td_h2{font-size: 38px;font-weight: 500;padding: 0 0 10px 0; text-transform: uppercase;}
.mod_about_bl_td_border{background: var(--btngreen);border: 1px solid var(--btngreen);width: 300px;height: 6px;}
.mod_about_bl_td_html{margin: 10px 10px 0 10px;line-height: 150%;font-size: 18px;margin: 20px 0;}
.mod_about_bl_td_html p{margin: 30px 0;}
.mod_about_bl_td_html h2{color: var(--btnblue);font-size: 20px;font-weight: 500;margin: 20px 0;text-transform: uppercase;}
.mod_about_bl_td_html a{color: var(--btngreen);}
.mod_about_bl_td_html a:hover{color: var(--btnblue);}
.mod_about_bl_td_html a:active{color: var(--btngreen);}


.mod_free_bl{min-height: 300px;display: table;width: 100%;}
.mod_free_bl_td{display: table-cell; vertical-align: top; width: 30%;padding-top: 3%;padding-bottom: 3%;text-align: center;}
.mod_free_bl_td:first-child{padding-left: 3%;padding-right: 70px;}
.mod_free_bl_td:last-child{padding-left: 70px;padding-right: 3%;}
.mod_free_bl_td_h{font-size: 22px;font-weight: 500;text-align: left;padding: 0; text-transform: uppercase;}
.mod_free_bl_td_icon{margin: 10px;}
.mod_free_bl_td_icon .fa{font-size: 82px;}
.mod_free_bl_td_h2{font-size: 38px;font-weight: 500;padding: 0 0 10px 0; text-transform: uppercase;}
.mod_free_bl_td_border{background: var(--btngreen);border: 1px solid var(--btngreen);width: 300px;height: 6px;}
.mod_free_bl_td_html{margin: 10px 10px 0 10px;line-height: 150%;font-size: 18px;margin: 20px 0;}
.mod_free_bl_td_html p{margin: 30px 0;}
.mod_free_bl_td_html h2{color: var(--btnblue);font-size: 20px;font-weight: 500;margin: 20px 0;text-transform: uppercase;}
.mod_free_bl_td_html a{color: var(--btngreen);}
.mod_free_bl_td_html a:hover{color: var(--btnblue);}
.mod_free_bl_td_html a:active{color: var(--btngreen);}

.free_vpn_com{padding: 10px;}
.free_vpn_com div{margin: 25px 0;}
.free_vpn_com p{margin: 0 auto;font-size: 18px;width: 300px;}
.free_vpn_com input[type="email"]{font-size: 24px;padding: 3px;border-radius:5px; width: 300px;}
.free_vpn_com input[type="submit"]{font-size: 24px;width: 300px;}

.mod_galery_bl{padding: 20px 80px;}
.mod_gallery_item a{display: block; width: 100%;}
.mod_gallery_item img{width: 100%;height: 100%;}

.gallery_block{position: relative;padding: 0 20px;max-width: 600px;}
.parallax{background-attachment: fixed;display: flex;justify-content: center;align-items: center;position: relative;}
.parallax_mask{position: absolute;width: 100%;height: 100%;background: rgba(0,0,0,.6);z-index: 2;}
.landing_block_div{display: table;width: 100%;position: relative;z-index: 2;}
.landing_block_img{display:table-cell;width: 49%;vertical-align: middle;text-align: right;}
    .landing_block_img2{display: block;width: 100%;text-align: right;overflow: hidden;}
    .landing_block_img img{width: 100%;height: 100%;display: block;position: relative;z-index: 2;}
.landing_block_html{display:table-cell;vertical-align: middle;text-align: center;padding: 1% 1% 1% 5%;font-size: 18px;}
    .landing_block_html h2{text-transform: uppercase;padding: 20px 0;text-align: center;font-size: 32px;}
    .landing_block_p{line-height: 180%;text-align: left;}
        .landing_block_p p{margin: 20px 0;}
        .actions_cur{padding: 2% 0;}
    .landing_block_html .btn_blue{margin: 20px 0 0 0;display: inline-block;padding: 5px 30px;}

.owl-nav{font-size: 48px;color: var(--bg);}
        .owl-nav .fa{text-shadow: 0 0 4px rgba(255,255,255,0);color: #fff;}
        .owl-nav .fa:hover{text-shadow: 0 0 4px rgba(255,255,255,1);}
    
            .owl-prev{left: 0px;position: absolute;top:calc(50% - 50px);cursor: pointer;}
            .owl-next{right: 0px;position: absolute;top:calc(50% - 50px);cursor: pointer;}


.landing_blocks{position: relative;z-index: 3;}
.landing_blocks_items_all{display: block;text-align: center;padding: 20px 0;}
   
.landing_tbl{display: table;width: 100%;}
    .landing_td{display: table-cell;vertical-align: middle;text-align: center;padding: 20px;}
    .landing_td:first-child{padding: 30% 20px 5% 20px;}

.biOnlineVPNBlock{width: 300px;overflow: hidden;}
.biOnlineVPNBlock p{font-size: 12px;margin: 5px 0; color: #ccc;text-align: center;}
.biOnlineVPNBlock img{width: 300px;margin: 10px 0;}
.footer{background: var(--bg);color:#fff;padding: 30px 0;line-height: 170%;}
.footer a{color:#ddd;}
    .footer_div{padding: 10px 0;display: table;width: 100%;padding: 10px;}
.footer_top{display: table;width: 100%;border-bottom: 1px solid #212121;}

.footer_bottom{padding: 10px 0 0 0;text-align: right;}


.fancybox-skin{padding: 0 !important;}
.fancybox-title-float-wrap{position: relative !important;margin-bottom:0 !important;right:0 !important;}
.fancybox-title-float-wrap .child{border-radius:0 !important;margin-right:0 !important; display: block !important; }

.layer1>div:nth-child(2){padding-top: 65px;}


.top10{background: #0F0F0F;color:#fff;padding: 10px 0;}
.top10 h1{text-align: center;font-size: 24px;padding: 10px 0;}
.top10 h2{text-align: center;font-size: 22px;padding: 10px 0;}
.top10_tbl{display: table;width: 100%;}
.top10_td{display: table-cell;width: 33%;vertical-align: top;padding: 10px;font-size: 14px;}
.top10_td>div{background: linear-gradient(to bottom, #1B1D22 0%, #0F0F0F 100%);}
.top10_td .ttable_thead_tr_th{height: 55px;}

.top10_td .ttable_tbody_tr_td:last-child{width: 100px;}
.top10_td i{font-size: 18px;}
.curOnline{background: #0F0F0F;color:#fff;padding: 10px 0;}
.curOnline h1{text-align: center;font-size: 24px;padding: 10px 0;}
.curOnline h2{text-align: center;font-size: 22px;padding: 10px 0;}
.current_online{}
.serverOnline{background: #0F0F0F;color:#fff;padding: 10px 0}
.serverOnline h1{text-align: center;font-size: 24px;padding: 10px 0;display: none;}
.serverOnline h2{text-align: center;font-size: 22px;padding: 10px 0;display: none;}

.highcharts_day{padding: 10px;}
.highcharts_online_day{display: table;width: 100%;border: 1px solid #0F0F0F;border-radius: 10px;overflow: hidden;}
    .highcharts_online_day_div{display: table-cell;vertical-align: top;}
    .highcharts_online_day_info{display: table-cell;vertical-align: middle;width: 180px;text-align: center;padding: 0 5px 0 20px;font-size: 20px;font-weight: bold;}

.highcharts_month{padding: 10px;}
.highcharts_online_month{display: table;width: 100%;border: 1px solid #0F0F0F;border-radius: 10px;overflow: hidden;}
    .highcharts_online_month_div{display: table-cell;vertical-align: top;}
    .highcharts_online_month_info{display: table-cell;vertical-align: top;width: 180px;text-align: center;padding: 0 5px 0 20px;font-size: 20px;font-weight: bold;}
    .max_in_day{color:#fff;}
    .max_in_txt{color:#3A9BE0;}
    .max_in_month{color:#fff;}
    .max_in_txt_cur{color:#56BE06;}
    .max_in_cur{margin-top: 15px;}

#serverOnline{}
#serverOnline h1{text-align: center;font-size: 32px;padding: 20px 0;}
.stat_image a{color: #666;padding:0 5px;font-size: 20px;}
div.ttable{width: 100%;display: table;margin: 0 !important;border: 1px solid #666;border-radius: 10px; overflow: hidden;}
div.ttable_thead{display: table-row-group;width: 100%;}
    div.ttable_thead_tr{display: table-row;width: 100%;padding: 5px 0;}
        div.ttable_thead_tr_th{display: table-cell;text-align: center; vertical-align: middle; font-weight: bold;padding: 5px;color: white; /* Текст белого цвета */}

div.ttable_tbody{display: table-row-group;width: 100%;}
    div.ttable_tbody_tr{display: table-row;width: 100%;padding: 5px 0;}
        div.ttable_tbody_tr_td{display: table-cell;vertical-align: middle;padding: 5px;color: white;border: 1px solid #555;}
.ttable_thead .ttable_thead_tr:first-child .ttable_thead_tr_th{padding-left:5px;padding-top:10px !important;padding-bottom:10px !important;font-size:20px;min-width:10px;text-align:center !important;vertical-align:top !important;}
.ttable_thead .ttable_thead_tr:last-child .ttable_thead_tr_th{color: white;vertical-align:middle !important;text-align:center !important;}
.ttable_tbody_tr:hover .ttable_tbody_tr_td{background: linear-gradient(145deg, #333333, #111111);}
.ttable_tbody_tr .ttable_tbody_tr_td{ text-align: center; color: white;}
.ttable_thead_tr .ttable_thead_tr_th{ text-align: center;  color: white;background: linear-gradient(145deg, #333333, #111111);border: 1px solid #555;}
.ttable_tbody_tr .ttable_tbody_tr_td:first-child{text-align: left;padding-left: 10px;}

.ban_block_div{display: table;width: 100%;}
.ban_block_td{display: table-cell; vertical-align: top;text-align: center;}
.del_in_ban_div{display: table-cell; width: 40px;vertical-align: top;text-align: center;}
.del_in_ban{cursor: pointer; padding: 5px 12px;  margin-left: 8px;  line-height: 30px;}
.chk_ban_link{margin: 0 5px 0 0;}
.chk_ban_link i{color: #bb0000; font-size: 20px;}

.vpn_blocks{display: table;width: 100%;color: #fff;}
.vpn_bl{display: table-cell; vertical-align: top;width: 47%;}
.vpn_bl:first-child{padding-left: 3%;}
.vpn_bl:last-child{padding-right: 3%;}

.vpn_tarif{padding: 10px;}
    .vpn_tarif_h2{margin: 10px;text-align: center;font-size: 24px;}
    .vpn_tarif_html{padding: 20px;}
    .vpn_items{display: block;text-align: center;}
    .vpn_item{position: relative; display: inline-block;width: 300px;padding: 10px; margin: 10px; border: 1px solid var(--btngreen); border-radius: 5px;}
    .vpn_item_name{font-size: 24px;margin: 10px;font-weight: 800;}
    .vp_item_price{font-size: 18px;margin: 10px;}
        .vp_item_price strong{font-size: 36px;}
        .vp_item_discount{position: absolute; font-size: 14px; top:-18px;right:12px; background: var(--btnred); padding: 5px;border-radius: 10px;}
    .vpn_pay_form{display: none;}
    .vpn_pay_form.active{display: block !important;}
    .vp_item_com{margin:20px auto 10px;}

.vpn_pay{padding: 10px;}
.form_e_buy{width: 300px;text-align: center;}
.form_e_buy_info{font-size: 18px;padding: 10px;}
.form_e_buy_info2{font-size: 16px;padding: 10px;text-align: left;color: var(--btngreen);}
.form_e_buy_email{padding: 20px 10px;}
.form_e_buy_email input{font-size: 24px;padding: 2px 4px;}
.form_e_buy_pay{margin: 10px;}






@media (max-width:1360px){
    *{}
    .center_div{min-width: 270px;width: inherit;margin: 0;}

    .mod_about_bl_td_h2{font-size: 32px;}
    .mod_about_bl_td_html{font-size: 16px;}
    .mod_about_bl_td:first-child{padding: 10px;}
    .mod_about_bl_td:last-child{padding: 10px;}
    
    .mod_free_bl_td_h2{font-size: 32px;}
    .mod_free_bl_td_html{font-size: 16px;}
    .mod_free_bl_td:first-child{padding: 10px;}
    .mod_free_bl_td:last-child{padding: 10px;}

}
@media (max-width:1200px){
    *{}
        #menu-icon{width:100%;height:50px;font-size: 30px;padding: 3px 10px; cursor:pointer;display:block;float:left;color:#fff;line-height:45px;}
    #menu-icon b{padding:0 0 0 36px;color:#eceff4;line-height:46px;}
    .menu{margin:0 15px;clear:both;position:absolute;top:50px;width:100%;max-width: 600px; left:0;z-index:100;padding:0;margin:0;display:none;}
    .menu li{display:block;margin:0;}
    .menu li a{background:#ffffff;color:#797979;border-top:1px solid #e0e0e0;border-left:3px solid #ffffff;}
    .menu li a img{display:none;}
    .menu li a:hover,.menu li:hover >a{background:#f0f0f0;color:#797979;border-left:3px solid #4787cb;}
    .menu ul{display:block;position:relative;top:0;left:0;width:100%;}
    .menu ul ul{left:0;}
    .header{height: 50px;}
    .form_e_buy{width: 100%;}
    .form_e_buy_email input{width: 100%;}

}
@media (max-width:1100px){
    *{}
    .top_image_h2{padding: 10px 0;font-size: 24px;}
    .top_image_p{padding: 10px 0;font-size: 16px;}
    .top_image_reklama_block{padding: 10px 0;text-align: center;}
    .header_logo{overflow: hidden;}

    .top10_tbl{display: block;}
    .top10_td{display: block;width: 100%;vertical-align: top;padding: 10px;}
}


          
@media (max-width:950px){
    *{}
    .gallery_block{width:50vw;padding: 10px 0;}
    #slider1{margin-top: 50px;}

        .header_right{display: inline-block;position: absolute;top:15px;left: 10px;z-index: 2;}
    .top_image_reklama_block{padding: 10px 0;text-align: center;}
    
    .header_div{display: block;position: relative;height: 50px;}
  
        .header_menu{display: block;width: 100%;}
            #menu-icon{text-align: right;}
    
   .top_image_com .btn_green{font-size: 20px;padding: 10px 20px;}
   .discord_user_div_right h3{font-size: 18px;}
   .discord_user_div_left_img{width: 150px;height: 150px;}
   .discord_user_div_name{font-size: 16px;}
    .header_logo{display: none;}
}

@media (max-width:800px){
    *{}
   .discord_user_div_right h3{font-size: 16px;}
   .discord_user_div_left_img{width: 120px;height: 120px;margin: 0 auto;}
   .discord_user_div_name{font-size: 14px;}
       
}
@media (max-width:700px){
    *{}
    .top_image_h2{padding-left: 0;text-align: center;}
    .discord_user_div{display: block;}
    .discord_user_div_left{width: 100%;display: block;}
    .discord_user_div_middle{display: block;width: 100%;text-align: center;padding: 5px 0;}
    .discord_user_div_right{display: block;width: 100%;text-align: center;}
    .discord_user_div_right h3{font-size: 20px;}
    .discord_user_div_admin{display: block;width: 100%;text-align: center;}
       .discord_user_div_name{font-size: 18px;}
    .discord_user_info{background: rgba(0,0,0,0.9);}
    
    #setup1 .mod_about_bl{display: block;width: 100%;text-align: center;}
    #setup1 .mod_about_bl_td{display:block;width: 100%;text-align: center;}
    .mod_free_bl_td{display:block;width: 100%;text-align: center;}
    
    #tarifs1 .mod_about_bl{display: block;width: 100%;text-align: center;}
    #tarifs1 .mod_about_bl_td{display:inline-block;width: 45%;text-align: center;}
    
    .vpn_item{display: inline-block; width: 45%;}
    #whywe1 .mod_about_bl{display: block;width: 100%;text-align: center;}
    #whywe1 .mod_about_bl_td{display:block;width: 100%;text-align: center;}
    .mod_about_bl_td_h2{font-size: 16px}
    .mod_about_bl_td:first-child{padding: 10px 0;}
    .mod_about_bl_td:last-child{padding: 10px 0;}
    .mod_about_bl_td_border{width: 100%;}
    .discord_user_info{overflow:  auto;height: 100%;}
    .vpn_item{width: 30%;margin: 1%;}
}
@media (max-width:650px){
    *{}
    .alert_map{width: 400px;height: 250px;}  
    
}
@media (max-width:600px){
    *{}
    .discord_user_div_right_price{font-size: 20px;}
    .gallery_block{width:100vw;padding: 10px 0;}
   .top_image_com .btn_green{font-size: 18px;padding: 5px 10px;}
   .footer_div img{width: 80px !important;height: 80px !important;margin: 10px 20px !important;}
   
   .highcharts_online_day{display: block;width: 100%;}
   .highcharts_online_day_div{display: block;width: 100%;}
   .highcharts_online_day_info{display: block;width: 100%;}
   
   
   .highcharts_online_month{display: block;width: 100%;margin-top: 20px;}
   .highcharts_online_month_div{display: block;width: 100%;}
   .highcharts_online_month_info{display: block;width: 100%;}
   #slider1{margin-top: 0;}
    .curOnline .ttable_tbody_tr_td{font-size: 12px;}
    .curOnline .ttable_thead_tr_th{font-size: 12px;}
}
@media (max-width:550px){
    *{}
    .vpn_item{width: 47%;margin: 1%;}
    
}
@media (max-width:500px){
    *{}
    .top_image_h2{font-size: 22px;}
    .works_index_item{width: 100%;}
    
}
@media (max-width:400px){
    *{}
    .alert_map{width: 300px;height: 250px;}  
    
    .vpn_item{width: 100%;margin: 10px 0;}
    .header_div{height: inherit;}
    .header_logo{display: none;position:relative;left:inherit;text-align: center;}
        
    .header_right{display: block;text-align:left;bottom: 10px;top: inherit;left: 10px;padding: 5px 0;}
    .header_menu{display: block;text-align: center;}
        #menu-icon{float: inherit;}
    .alert_map{width: 250px;height: 250px;}  
}