header,nav,section,article,aside,footer,time { display: block; }
html *{ margin:0; padding:0; }
html  { height:100% }
body  { min-height:100%; min-width:1000px; font-family: verdana, arial, sans-serif; font-size: 14px; background: #fff; color: #000; position: relative; }
img   { vertical-align:bottom; border:0; }

/* fonts */

/* /fonts*/


/* helping adds*/
.clearfix:before, .clearfix:after { display: table; line-height: 0; content: ''; }
.clearfix:after { clear: both; }
.clear { clear: both; font-size: 1px; line-height: 1px; height: 0; overflow: hidden; }
.juster { display:inline-block;width:100%;height:0;overflow:hidden; }
.vfix { height:100%;width:0px;display:inline-block;vertical-align:middle; }
/* /helping adds*/

/* base styles*/
/* /base styles */


/* icons styling*/

/* /icons styling*/

/* links styling*/
/* /links styling*/

/* base typo*/
h1,h2,h3,h4,h5,.mainheading,.subheading,.thirdheading,.fourheading,.fiveheading{font-weight:normal;}
a{ color: #3238a7; text-decoration: none;}
a:hover{}
p{margin:0;}
.mainheading,.ctext h1{}
.subheading,.ctext h2{}
.thirdheading,.ctext h3{}
.fourheading,.ctext h4{}
.fiveheading,.ctext h5{}


/*base ctext styling*/
.ctext {
    padding: 40px 30px 20px 30px;
}
.ctext p{margin: 0 0 0.8em 0; font-size:16px;color:#5a5a5a;}
.ctext a{color:#3238a7; /* text-decoration:underline; */}
.ctext ul{margin: 0 0 0.8em 0;}
.ctext ul li{list-style:none; padding:0 0 0 13px; margin:0 0 5px 30px; position:relative;}
.ctext ul li:before{content:'\2022';display:block;position:absolute; left:0; color:#429103; font-size:0.8em;}
.ctext ol{counter-reset: point; }
.ctext ol li{list-style:none;padding:0 0 0 14px; position:relative;} 
.ctext ol li:before{  content:counter(point)'.'; /* выводим значение переменной */counter-increment:point 1; /* увеличваем счетчик на 1 */ position: absolute;  left: 0;color:#e32636;}
.ctext ul.pinklist li:before{color:#ba419e;}




/* /base typo*/


/* /wraps styling*/

.header{height: 60px;position:relative ; z-index:3; background: #353b3f;}
.logo{
    position: absolute;
    left: 0;
    line-height: 60px;
    top: 0;
    padding: 0 15px;
    color: #fff;
    font-size: 21px;
    letter-spacing: 6px;
}
.serverDateTime {
    position: absolute;
    left: 150;
    line-height: 60px;
    color: #fff;
    font-size: 12px;
    letter-spacing: 1px;
}
.orange{
    color: #f7601e;
}
.all-box{width:1000px;  margin:0 auto; position:relative; display:block;}

/* common blocks */


.main{ position:relative; z-index:2;}
.main .sidebar_w{width: 30.03%;float:left; margin: 0 1.5%;}
.main .sidebar{margin:0;}

.main .content_w{float:left;width:63.6%;margin: 0 1.5%;}
.main .content{margin:0;}




.footer_placeholder{height:0;}
.footer{position:absolute;bottom:0;left:0;width:100%;z-index:1;overflow:hidden;color:#646464;}


.login-box{
    position: absolute;
    right: 0;top: 0;line-height: 60px;
}
.login-box a{
    text-decoration: none;
    font-size: 14px;padding: 0 20px;
    display: inline-block;
    color: #fff;
}
.login-box a .fa{
    color: #f7601e;
    margin-right: 6px;
}
a.logout{
    color: #aaaaaa;
    
    
}
.search-box{
    display: inline-block;
}
.heading-line{
    line-height: 48px;
    background: #eff1f3;
    color: #353b3f;
}
.balance{
    float: left;
    width: 190px;
    font-size: 11px;
    text-transform: uppercase;
}
.balance-num{
    float: right;
    font-size: 13px;
}
.balance-num .dolar{
    font-family: arial,sans-serif;
    font-size: 17px;
}
.green-text{
    color: #30891f;
}

.pkgButton{
    display: inline-block;
    height:  24px;
    width:   24px;
    position: relative;
    border: 1px solid #d5d8db;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    text-align: center;
    margin: 0 0 1px 1px;
    padding: 0px;
}

.pkgButton       .fas { font-size: 16px; line-height: 24px; }
.pkgButton.red   .fas { color: #d54100; }
.pkgButton.green .fas { color: #30891f; }
.pkgButton.gray  .fas { color: #c0c0c0; }
.pkgButton.black .fas { color: #666666; }
.pkgButton.blue  .fas { color: #7676ab; }

.add-link{
    display: inline-block;
    height:  24px;
    width:   24px;
    position: relative;
    border: 1px solid #d5d8db;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    vertical-align: middle;
}
.add-link:after,.add-link:before{
    content: '';
    position: absolute;
    width: 2px;
    height: 10px;
    background: #f7601e;
    top: 50%;
    left: 50%;
    margin-left: -1px;
    margin-top: -5px;
}
.add-link:after { width: 10px; height: 2px; margin-left: -5px; margin-top: -1px; }
.balance .add-link { margin-left: 15px; }




.heading-line-inner{
    float: left;
    width: 810px;
}
.check-row{
#    width: 50px;
    box-sizing: border-box;
#    float: left;
#    padding: 0 0 0 17px;
}
.check-row input{
    opacity: 0;
}
.check-row label{
    display: inline-block;
    vertical-align: middle;
    height: 18px;
    width: 18px;
    border: 1px solid #d5d8db;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}
.check-row label.checked{
    background-image: url('/images.5/ok.png');
    background-position: center center;
    background-repeat: no-repeat;
}

.lh30 { line-height: 30px; }
.lh40 { line-height: 40px; }
.lh50 { line-height: 50px; }
.lh60 { line-height: 60px; }
.lh70 { line-height: 70px; }

.w10 { width: 10px; }
.h10 { height: 10px; }
.w20 { width: 20px; }
.w30 { width: 30px; }
.h30 { height: 30px; }
.w40 { width: 40px; }
.w50 { width: 50px; }
.h50 { height: 50px; }
.w60 { width: 60px; }
.w70 { width: 70px; }
.w80 { width: 80px; }
.w90 { width: 90px; }
.w100 { width: 100px; }
.h100 { height: 100px; }
.w110 { width: 110px; }
.w120 { width: 120px; }
.w130 { width: 130px; }
.w140 { width: 140px; }
.w150 { width: 150px; }
.w160 { width: 160px; }
.w170 { width: 170px; }
.w180 { width: 180px; }
.w190 { width: 190px; }
.w200 { width: 200px; }
.w210 { width: 210px; }
.w220 { width: 220px; }
.w230 { width: 230px; }
.w240 { width: 240px; }
.w250 { width: 250px; }
.w260 { width: 260px; }
.w270 { width: 270px; }
.w280 { width: 280px; }
.w290 { width: 290px; }
.w300 { width: 300px; }
.w310 { width: 310px; }
.w320 { width: 320px; }
.w330 { width: 330px; }
.w340 { width: 340px; }
.w350 { width: 350px; }
.w360 { width: 360px; }
.w370 { width: 370px; }
.w380 { width: 380px; }
.w390 { width: 390px; }
.w400 { width: 400px; }
.w410 { width: 410px; }
.w420 { width: 420px; }
.w430 { width: 430px; }
.w440 { width: 440px; }
.w450 { width: 450px; }
.w460 { width: 460px; }
.w500 { width: 500px; }
.w510 { width: 510px; }
.w520 { width: 520px; }
.w530 { width: 530px; }
.w540 { width: 540px; }
.w550 { width: 550px; }
.w590 { width: 590px; }
.w600 { width: 600px; }
.w610 { width: 610px; }
.w620 { width: 620px; }
.w630 { width: 630px; }
.w640 { width: 640px; }
.w650 { width: 650px; }
.w700 { width: 700px; }


.pt1 { padding-top: 1px }
.pt2 { padding-top: 2px }
.pt3 { padding-top: 3px }
.pt4 { padding-top: 4px }
.pt5 { padding-top: 5px }
.pt6 { padding-top: 6px }
.pt7 { padding-top: 7px }
.pt8 { padding-top: 8px }
.pt9 { padding-top: 9px }

.fl { float: left; }

.row-id{
    float: left;
#    width: 100px;
#    font-size: 11px;
}
.heading-line .tele-row{
    font-size: 11px;
    text-transform: uppercase;
}
.row-name{
    float: left;
    width: 255px;
}
.daysleft{
    float: left;
    width: 275px;
}
.price{
    float: left;
    width: 70px;
}
.tele-row>div{
    min-height: 1px;
    position: relative;
    float: left;
#text-align: left;
}
.side-left{
    float: left;
    width: 50%;
    margin-left: -310px;
    background: #353b3f;
}
.side-right{
    overflow: hidden;
}
.side-left-inner{
    float: right;
    width: 190px;
}
.side-menu-top{
    position: relative;
    padding: 0 35px 0 0;
    margin: 10px 0;
}
.showmenu{
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 30px;
    background: url('/images.5/arrowdown.png') no-repeat 0 center;
    cursor: pointer;
}
.side-menu-top a{
    display: block;
    color: #aaaaaa;
    font-size: 11px;
    text-transform: uppercase;
    text-decoration: none;
    line-height: 30px;
    padding: 0 0 0 18px;
    position: relative;
}
.side-menu ul li{
    list-style: none;
    margin: 10px 0;
}
.side-menu ul li a{
    display: block;
    color: #ffffff;
    font-size: 14px;
    text-decoration: none;
    line-height: 30px;
    position: relative;
    padding: 0 35px 0 18px;
}
.icon-holder{
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 30px;
    opacity: 0.5;
    background: #f7601e;
}
.side-menu ul li.active a .icon-holder{
    opacity: 1;
}
.side-menu ul li.active a:before{
    content: '';
    position: absolute;
    left: -1px;
    top: 0;
    bottom: 0;
    width: 4px;
    background: #f7601e;
}
#.promo-box        { position: relative; text-align: center; height: 190px;background: #fff; }
#.vfixer-img img   { display: inline-block; vertical-align: middle; }
#.vfixer-img:after { content: ''; height: 100%; width: 0; display: inline-block; vertical-align: middle; }
#.close-parent     { position: absolute; width: 12px; height: 12px; background: url('/images.5/close.png'); top:16px; right: 16px; }

.search-menu .side-menu-top{
    margin-bottom: 0;
    background: #fff;
    border-bottom: 1px solid #e5e5e5;
}
.search-menu ul li{
    margin: 0;
    background: #fff;
    
    position: relative;
}
.search-menu input{
    width: 100%;
    box-sizing: border-box;
    padding: 0 0 0 40px;
    position: relative;
    background: none;
    border: 0;
    outline: 0;
    height: 40px;
    line-height: 40px;
    z-index: 1;
}
.search-menu li .fa,.search-menu .side-menu-top .fa{
    position: absolute;
    left: 10px; 
    top: 10px;
    font-size: 21px;
    color: #353b3f;
}
.tele-row{
#    line-height: 28px;
    width: 810px;
}
.bg-gray{
    background: #f7f8f9;
    width: 810px;
}
.tele-rows{
    font-size: 12px;
}
.tele-rows b{
    font-size: 14px;
}
.row-id img { float: right; margin-top: 14px; margin-right: 10px; }
.sale-img {
  float: right;
  margin-top: -3px;
  margin-right: 10px; }
.button-group{
    float: left;
    padding-top: 0px;
#    width: 60px;
}
.info-box{
    position: absolute;
    top: -30px;
    left: 0;
    background: #353b3f;
    -webkit-border-radius: 2px 2px 2px 0;
    border-radius: 2px 2px 2px 0;
    padding: 8px;
    z-index: 4;
    white-space: nowrap;
    color: #fff;
    line-height: 13px;
    font-size: 11px;
    display: none;
}
.main-box{
    position: relative;
    z-index: 3;
}
.tele-rows>div:first-child .info-box{
    top: 45px;
    display: none;
}
.info-box:after{
    content: '';
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0 0;
    border-color: #353b3f transparent transparent transparent;
}
*:hover>.info-box { display: block; }

.bg-gray1{
    background: #ebf0fb;
    width: 810px;
}
.lindays{
    display: inline-block;
    width: 60px;
    border-right: 1px solid #e4e7ea;
    margin-right: 16px;
}
.red-text { color: #d54100; }
.gray-text { color: #c0c0c0; }
.blue-text { color: #7676ab; }

.dolar { font-family: arial, sans-serif; font-size: 16px; }
.tele-row .dolar{
    color: #999;
}
.button-group a{
    display: block;
    float: left;
    height: 28px;
    width: 28px;
    border: 1px solid #d5d8db;
    margin-top: 0px;
    -webkit-border-radius: 0 2px 2px 0;
border-radius: 0 2px 2px 0;
background-repeat: no-repeat;
background-position: center center;
}
.button-group a:first-child{
    border-right: 0;
    -webkit-border-radius:  2px 0 0 2px ;
border-radius: 2px 0 0 2px;
}
.stop{
    background-image: url('/images.5/stop.png');
}
.stopred{
    background-image: url('/images.5/stopred.png');
}
.play{
    background-image: url('/images.5/play.png');
}
.red-bg,a.red-bg{
    background-color: #d22f2f;
    border-color: #d22f2f;
}
.green-bg,a.green-bg{
    background-color: #3ead68;
    border-color: #3ead68;
}
.pause{
    background-image: url('/images.5/pause.png');
}
.pausered{
    background-image: url('/images.5/pausered.png');
    
}
.playgreen{
    background-image: url('/images.5/playgreen.png');  
}
.content-box{
    width: 810px;
}
.showmore{
    display: block;
    height: 46px;
    background: url('/images.5/sm.png') no-repeat center center;
}
.t-b{
    border-top: 1px solid #e4e7ea;
}
.m-b-20{
    margin-bottom: 20px;
}
.selected{
    padding: 0 0 0 20px;
    margin-bottom: 20px;
}
.selected-text{
    font-size: 11px;
    text-transform: uppercase;
    color: #506caa;
    line-height: 40px;
}
.selected-wrap{
    float: right;
}
.selected-selected             { float: left; position: relative; width: 120px; margin-left: -1px; }
#.selected-selected-title       { line-height: 36px; border:1px solid #e4e7ea; padding: 0 25px 0 15px; font-size: 12px; color: #777777; white-space: nowrap; position: relative; cursor: pointer; }
#.selected-selected-title:after { content: ''; position: absolute; right: 0; width: 25px; top: 0; bottom: 0; background: url('/images.5/arrowdown.png') no-repeat 0 center; }
#.selected-selected ul          { position: absolute; top: 40px; border:1px solid #e4e7ea; background: #fff; list-style: none; padding: 15px; left: 0; right: 0; }
#.selected-selected ul li       { margin: 10px 0; }

.selected-wrap button           { float: left; text-align: center; cursor: pointer; width: 105px; height: 38px; background: #e4e7ea; border: 0; outline: 0; text-transform: uppercase; font-size: 11px; color: #333333; }

.p-l-20{
    padding-left: 20px;
}
.title{
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 15px 0;
}
.b-b{
    border-bottom: 1px solid #e4e7ea;
}
.file-list{
    line-height: 30px;
    color: #353b3f;
    padding-left: 10px;
}
.file-list-title{
    font-size: 11px;
    text-transform: uppercase;
    display: inline-block;
    margin-right: 20px;
}
.file-list ul{
    display: inline-block;
}
.file-list ul li{
    list-style: none;
    display: inline-block;
    margin-right: 20px;
    position: relative;
}

.file-list ul li a { font-size: 11px; }

.file-list ul li.active:after{
    content: '';
    position: absolute;
    bottom: -1px;
    left: 50%;
    margin-left: -9px;
    width: 0;
height: 0;
border-style: solid;
border-width: 0 9px 9px 9px;
border-color: transparent transparent #f98756 transparent;
}
.file-list ul li.active a{
    color: #f98756;
}
.code-tab{
   margin: 0 10px 10px 10px;
}
.code-tab-code{
    border: 1px solid #f98756;
    padding: 10px;
    background: #fbfcfc;
    font-size: 11px;
    
}
.code-tab-download{
    background: #e4e7ea;
    padding: 6px 0 6px 10px;
}
.code-tab-download a {
    text-decoration: none;
    font-size: 11px;
    text-transform: uppercase;
    color: #333333;
}
.code-tab-download .fa { font-size: 20px; color: #f7601e; }




.login body { background: #353b3f; }
.login-frame{
    margin: 0 auto;
    border: 1px solid #eff1f3;
    background: #fff;
    width: 356px;
}
.login-frame .logo{
    position: relative;
    top: auto;
    left: auto;
    margin: 40px 0 10px 0;
    text-align: center;
}
.login-frame .logo b{
    color: #353b3f;
}
.input{
    position: relative;
    margin: 0 75px 0 75px;
    border-bottom: 1px solid #e5e5e5;
}
.input .fa{
    color: #f7601e;
    font-size: 24px;
    position: absolute;
    left: 0;
    top: 5px;
}
.input input{
    width: 100%;
    box-sizing: border-box;
    padding: 0 15px 0 30px;
    line-height: 40px;
    height: 40px;
    border: 0;
    background: none;
    outline: 0;
    position: relative;
    z-index: 2;
}
.code-input{
    margin: 0 75px 0 75px;
    border-bottom: 1px solid #e5e5e5;
}
.code{
    float: left;
    width: 110px;
    height: 20px;
    padding: 13px 0 0 0;
}
.code-input input{
    float: left;
    width: 96px;
    height: 40px;
    line-height: 40px;
    background: none;
    border: 0;
    outline: 0;
}
.button-holder{
    text-align: center;
    padding: 30px 0;
}
.button-holder button{
    font-size: 15px;
    color: #353b3f;
    background: none;
    display: inline-block;
    outline: 0;
    border: 0;
    cursor: pointer;
    line-height: 20px;
}
.button-holder .fa{
    font-size: 24px;
    margin-right: 10px;
    vertical-align: middle;
}
.login-frame-wrap{
    padding: 30px 0;
}
.add{
    background: #eff1f3;
    width: 540px;
}
.add-title{
    line-height: 50px;
    color: #353b3f;
    font-size: 11px;
    text-transform: uppercase;
    padding: 0 25px;
    border-bottom: 1px solid #d7d7d7;
    margin: 0 0 20px 0;
}
.add-row{
    padding: 0 25px;
    line-height: 40px;
    margin-bottom: 0;
}
.add-row-title{
    color: #353b3f;
    font-size: 11px;
    text-transform: uppercase;
    float: left;
    width: 80px;
    min-height: 1px;
}
.add-row-data{
    float: left;
    width: 405px;
}
.add-row-data .selected-selected{
    float: none;
    background: #fff;
    width: 100%;
}
.period-list li{
    list-style: none;
    float: left;
    margin-right: 20px;
}
.period-list li a{
    color: #010101;
    font-size: 12px;
    text-decoration: none;
    border-bottom: 1px dashed #010101;
}
.period-list li.active a{
    border-bottom: 0;
    color: #f7601e;
    font-size: 13px;
    font-weight: bold;
}
.add-footer{
    background: #f7601e;
    position: relative;
    margin-top: 20px;
}
.add-footer *{
    color: #fff;
} 
.cart{
    text-decoration: none;
    position: absolute;
    right: 25px;
    top: 0px;
    font-size: 15px;
}
.cart .fa{
    font-size: 24px;
    margin-right: 10px;
    vertical-align: middle;
}
.popups{
#    position: absolute;
#    left: -9999em;
#    top: -9999em;
#    z-index: 1
}