body {
    min-height: 100%;
    width: 100%;
    height: 100%;
    float: left;
 /*    font-family: 'MS Sans Serif', sans-serif, Verdana, Arial; */
}

h1
{
    color: #516997;
    font-size: 30px;
}
hr{
 border-color: #333;
}
.era-standart
{
    min-width: 990px;
}


.era-logo-line
{
    height: 93px;
    position: absolute;
    width: 100%;
    z-index: 100;
    padding: 0px;
    background-image: url("../imgs/logo-bg.png");
    background-repeat: repeat-x ;
}

.era-menu-bg-2
{
    transform: skew(-25deg);
    background-color: #135281;
    height: 50px;
    z-index: -1;
    position: absolute;
    width: 730px;
    right: 3px;
    overflow: hidden;
}
.era-menu-2
{
    position: absolute;
    width: 730px;
    top: 144px;
    left: 690px;
    font-size: 18px;
    /* font-weight: bold; **/

}

.era-menu-bg
{
    transform: skew(-25deg);
    background-color: #E57408;
    height: 50px;
    z-index: -1;
    position: absolute;
    width: 1044px;
    right: 0px;
    overflow: hidden;
}
.era-menu
{
    position: absolute;
    width: 1054px;
    top: 93px;
    left: 400px;
    font-size: 18px;
    /* font-weight: bold; **/

}
@media (max-width: 1870px)
{
    .era-menu
    {
        left: 370px;
    }
    .era-menu-2
    {
        left: 670px;
    }
}

@media (max-width: 1830px)
{
    .era-menu
    {
        left: 350px;
    }
    .era-menu-2
    {
        left: 650px;
    }
}
@media (max-width: 1800px)
{
    .era-menu
    {
        left: 330px;
    }
    .era-menu-2
    {
        left: 630px;
    }
}
@media (max-width: 1760px)
{
    .era-menu
    {
        left: 310px;
    }
    .era-menu-2
    {
        left: 610px;
    }
}
@media (max-width: 1720px)
{
    .era-menu
    {
        left: 290px;
    }
    .era-menu-2
    {
        left: 590px;
    }
}
@media (max-width: 1680px)
{
    .era-menu
    {
        left: 270px;
    }
    .era-menu-2
    {
        left: 570px;
    }
}
@media (max-width: 1640px)
{
    .era-menu
    {
        left: 250px;
    }
    .era-menu-2
    {
        left: 550px;
    }
}
@media (max-width: 1600px)
{
    .era-menu
    {
        left: 230px;
    }
    .era-menu-2
    {
        left: 530px;
    }
}
@media (max-width: 1560px)
{
    .era-menu
    {
        left: 210px;
    }
    .era-menu-2
    {
        left: 510px;
    }
}
@media (max-width: 1520px)
{
    .era-menu
    {
        left: 190px;
    }
    .era-menu-2
    {
        left: 490px;
    }
}
@media (max-width: 1480px)
{
    .era-menu
    {
        left: 170px;
    }
    .era-menu-2
    {
        left: 470px;
    }
}
@media (max-width: 1440px)
{
    .era-menu
    {
        left: 150px;
    }
    .era-menu-2
    {
        left: 450px;
    }
}
@media (max-width: 1400px)
{
    .era-menu
    {
        left: 130px;
    }
    .era-menu-2
    {
        left: 430px;
    }
}
@media (max-width: 1360px)
{
    .era-menu
    {
        left: 110px;
    }
    .era-menu-2
    {
        left: 410px;
    }
}
@media (max-width: 1320px)
{
    .era-menu
    {
        left: 100px;
    }
    .era-menu-2
    {
        left: 390px;
    }
}
@media (max-width: 1280px)
{
    .era-menu
    {
        left: 90px;
    }
    .era-menu-2
    {
        left: 370px;
    }
}
@media (max-width: 1240px)
{
    .era-menu
    {
        left: 70px;
    }
    .era-menu-2
    {
        left: 360px;
    }
}
@media (max-width: 1200px)
{
    .era-menu
    {
        left: 50px;
    }
    .era-menu-2
    {
        left: 340px;
    }
}
@media (max-width: 1160px)
{
    .era-menu
    {
        left: 30px;
    }
    .era-menu-2
    {
        left: 300px;
    }
}
@media (max-width: 1080px)
{
    .era-menu
    {
        left: 10px;
    }
    .era-menu-2
    {
        left: 270px;
    }
}
@media (max-width: 1040px)
{
    .era-menu
    {
        left: 30px;
        width: 980px;
        font-size: 16px;
    }
    .era-menu-bg
    {
        width: 980px;
    }
    .era-menu-2
    {
        left: 250px;
        font-size: 16px;
    }
}
@media (max-width: 1000px)
{
    .era-menu
    {
        left: 10px;
        width: 980px;
        font-size: 16px;
    }
    .era-menu-bg
    {
        width: 980px;
    }
    .era-menu-2
    {
        left: 230px;
        font-size: 16px;
    }
}



.era-top-btn_lg
{
    z-index: 10;
    text-align: center;
    position: absolute;
    display: inline;
    height: 33px;
    width: 180px;
    top: 25px;
    left: 100px;
    color: #035083;
    font-weight: bold;
    font-size: 14px;
    padding: 7px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 5px;
    background-color: rgba(19, 98, 156, 0.09);
}
.era-top-btn_lg:hover
{
    background-color: #0D4E7E;
    color: #ffffff;
    top: 25px;
}






    .logo-era
{
    width: 448px;
    z-index: 9;
    position: absolute;
    left: 40px;

}
.era-slogan
{
    z-index: 10;
    position: absolute;
    width: 448px;
    top: 55px;
    padding-left: 90px;
    font-size: 11px;
    color: #13629C;
    left: 45px;
}
.era-top-btn
{
    z-index: 10;
    text-align: center;
    position: absolute;
    display: inline;
    height: 33px;
    width: 180px;
    top: 25px;
    left: 100px;
    color: rgba(28, 143, 221, 0.66);
    font-weight: bold;
    font-size: 14px;
    padding: 7px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 5px;
    background-color: rgba(19, 98, 156, 0.09);
}
.era-top-btn_no
{
    z-index: 10;
    text-align: center;
    position: absolute;
    display: inline;
    height: 33px;
    width: 180px;
    top: 25px;
    left: 100px;
    color: rgba(28, 143, 221, 0.29);
    font-weight: bold;
    font-size: 14px;
    padding: 7px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 5px;
    background-color: rgba(19, 98, 156, 0.09);
}
.era-login
{
    background-color: #0D4E7E;
    border-radius: 5px 0px 5px 5px;
    color: #ffffff;
    width:340px;
    display:none;
	padding: 10px;
    box-shadow: 5px 10px 8px 2px rgba(122, 126, 128, 0.27);
}
.era-top-btn:hover .era-login
{
    position:absolute;
    top:26px;
    right: -0px;
    z-index:999;
}
.era-top-btn:hover
{
    background-color: #0D4E7E;
    color: #ffffff;
    top: 25px;
}

.era-menu-home
{
    transform: skew(-25deg);
    background-color: #D36E0D;
    height: 55px;
    width: 65px;
    z-index: 100;
    position: absolute;
    margin-top: -3px;
    margin-left: 15px;
}
.era-menu-home:hover
{
    background-color: #0D4E7E;
}
.era-menu-home-img
{
    z-index: 11;
    position: absolute;
    transform: skew(25deg);
    padding-top: 15px;
    padding-left: 18px;
    font-size: 18px;
    color: #ffffff;
}
/*top menu*/

#menu-top {
    text-align: right;
    font-weight: bold;
    font: 14px  sans-serif;
    padding-top: 30px;

}
#menu-top ul
{
    padding:0;
}
#menu-top li{
    display: inline;
    list-style:none;
    padding: 10px;
    background-color: rgba(19, 98, 156, 0.09);
    border-radius: 10px;
    margin-left: 20px;

}
#menu-top li a {

    text-decoration: none;
    font-weight: bold;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;

}

#menu-top li a:hover{
    background: #B95D0D;
    color: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
    border-radius: 5px;

}

/*main menu*/
#menu {
    text-align: center;
    /* font-weight: bold;*/
    text-shadow:0 1px 1px rgba(0, 0, 0, 0.70);
    /* border-radius:0px; */
    /* font: 18px  sans-serif; */
}
#menu ul
{
    padding:0;
    margin:0;
    /* padding-left: 0px; */
}

#menu li{
    display: inline;
    list-style:none;
    padding: 0px 1px 5px 1px;
}
#menu li a {
    padding:5px 10px 5px 10px;
    border-radius: 5px;
    color:#fff;
    /* text-decoration: none; */
    /* -webkit-border-radius: 5px; */
    /* -moz-border-radius: 5px; */
}

#menu li a:hover{
    /* background: #B95D0D; */
    /* color: #13629C; */
    border-radius: 5px;
    text-shadow: none;
    /* -webkit-transition-property: color, background; */
    /* -webkit-transition-duration: 0.1s, 0.1s; */
}
.default {
    padding-top: 5px;
}
.fixed {
    position:fixed;
    z-index: 100;
    top: 0px; left:0;
    width:100%;
    height: 45px;
    padding-top: 3px;
    font-size: 17px;
    background-color: #E57408;
    -moz-box-shadow: 3px 3px 10px #333;
    -webkit-box-shadow: 3px 3px 10px #333;
    box-shadow: 3px 3px 10px #333;
}


/*main menu2*/
#menu2 {
    text-align: center;
    /* font-weight: bold;*/
    text-shadow:0 1px 1px rgba(0, 0, 0, 0.70);
    /* border-radius:0px; */
    /* font: 18px  sans-serif; */
}
#menu2 ul
{
    padding:0;
    margin:0;
    /* padding-left: 0px; */
}

#menu2 li{
    display: inline;
    list-style:none;
    padding: 0px 1px 5px 1px;
}
#menu2 li a {
    padding:5px 10px 5px 10px;
    border-radius: 5px;
    color:#fff;
}

#menu2 li a:hover{
    border-radius: 5px;
    text-shadow: none;
}
.default {
    padding-top: 5px;
}
.fixed2 {
    position:fixed;
    z-index: 99;
    top: 45px; left:0;
    width:100%;
    height: 40px;
    padding: 0px;
    font-size: 16px;
    background-color: #8C8C8C;
    -moz-box-shadow: 3px 3px 10px #333;
    -webkit-box-shadow: 3px 3px 10px #333;
    box-shadow: 3px 3px 10px #333;
}
.transbg2 {
    background-color: rgba(140, 140, 140, 0.82) !important;
}




.transbg {
    background-color: rgba(229, 116, 8, 0.82) !important;
}

.era-bg-white
{
    position: absolute;
    z-index: 2;
    height: 0;
    left: 200px;
    width: 2000px;
    top: 450px;
    overflow: hidden;
    border-bottom: 500px solid #fff;
    border-left: 1000px solid transparent;
    border-right: 0px solid transparent;
}

.era-slider-lesha-vps
{
        position: absolute;
        z-index: -2;
        left: -190px;
        top: 14px;
}

.era-btn-ssd-slider
{
    color: #fff;
    font-size: 18px;
    padding: 10px 15px 10px 15px;
    margin-top: 230px;
    position: absolute;
    z-index: 10;
    right: 90px;
    background-color: #E57408;
    border-radius: 10px;
}
.era-btn-ssd-slider:hover
{
    background-color: #3bc025;
    border: 2px #fff solid;
    box-shadow: 1px 1px 8px 2px rgba(122, 126, 128, 0.61);
}
.era-bg-right
 {
     position: absolute;
     /* background-image: url("../imgs/era-bg-right.png"); */
     background-image: url("../imgs/era-bg-2.png");
     background-position: center;
     background-repeat: no-repeat;
     width: 100%;
     height: 720px;
     z-index: -100;
     top: -110px;
     padding: 0px;
 }
.era-bg-center
{
    position: absolute;
    background-image: url("../imgs/era-bg-center.png");
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 720px;
    z-index: 10;
    top: 360px;
    padding: 0px;
}


.era-slider-lesha-vps
{
    position: absolute;
    z-index: -11;
    left: -190px;
    top: 10px;
}
.zagolovok
{
    height: 50px;
    background-image: url("../imgs/era-bg-zag.png");
    background-position: center right;
    background-repeat: repeat-x ;
    z-index: 10;
    position: relative;
    color: #516997;
    font-size: 35px;
    text-align: center;
}
.era-tarif-bg
{
    width: 270px;
    height: 350px;
    border-radius: 20px;
    background-image: url("../imgs/era-tarif-bg.png");
    background-repeat: repeat-x ;
    z-index: 20;
    position: absolute;
    padding: 20px 10px 20px 10px;
}
.era-name-tarif
{
    background-color: #0D4E7E;
    border-radius: 15px;
    width: 250px;
    height: 60px;
    color: #ffffff;
    font-size: 25px;
    text-align: right;
    padding-right: 20px;
    padding-top: 12px;
}
.era-name-tarif-left
{
    background-image: url("../imgs/era-bg-name-left.png");
    border-radius: 15px;
    width: 250px;
    height: 60px;
    color: #ffffff;
    font-size: 25px;
    text-align: right;
    padding-right: 20px;
    padding-top: 17px;
}
.era-name-tarif-right
{
    background-image: url("../imgs/era-bg-name-right.png");
    border-radius: 15px;
    width: 250px;
    height: 60px;
    color: #ffffff;
    font-size: 25px;
    text-align: left;
    padding-left: 18px;
    padding-top: 18px;
}
.era-tarif-option
{
    position: absolute;
    z-index: 20;
    top: 100px;
    left: 30px;
    color: #898787;
    line-height: 1.8;
    font-size: 15px;

}
.era-terif-price
{
    position: absolute;
    z-index: 21;
    margin-left: 35px;
    color: #E71345;
    background-color: #ffffff;
    width: 180px;
    height: 77px;
    font-size: 40px;
    padding-left: 0px;
    font-weight: bold;
    border-radius: 15px;
}
.era-6
{
    text-shadow: -1px -1px #FFF,
    -4px -4px #FFF,
    -2px 2px #FFF,
    -4px 4px #FFF,
    4px 4px #FFF,
    4px 4px #FFF,
    2px -2px #FFF,
    4px -4px #FFF,
    -1px -1px 1px #FFF,
    -1px 1px 1px #FFF,
    2px 2px 2px #FFF,
    1px -1px 0px #FFF;
    color: #5AA8C8;
    font-size: 125px;
    position: absolute;
    z-index: 21;
    top: 75px;
    right: 330px;
    font-weight: bold;
}
#trapezium {
    width: 0;
    height: 0;
    border-top: 70px solid transparent;
    border-right: 140px solid #6bbf20;
    border-bottom: 0px solid transparent;
    position: absolute;
    z-index: 20;
    border-radius: 5px;
}
.era-free-domain
{
    color: red;
    font-weight: bold;
}
.era-bg-map
{
    height: 450px;
    background-image: url("../imgs/era-bg-maps.jpg");
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    z-index: 21;
    top: 790px;
    text-align: right;
    overflow: hidden;
}
.era-country
{
    width: 160px;
    height: 40px;
    background-color: rgba(255, 255, 255, 0.50);
    border-radius: 5px;
    box-shadow: 3px 3px 4px 1px rgba(122, 126, 128, 0.61);
    color: #40454D;
    font-size: 18px;
    text-align: left;
    padding-left: 10px;
    padding-top: 6px;
}
.era-check
{
    position: absolute;
    z-index: 22;
    top: 150px;
}
.era-default
{
    position: relative;
    z-index: 25;
    top: 700px;
    height: 150px;
    overflow: visible;
    height: 220px;
}
.era-bg-test-right
{
    background-image: url("../imgs/era-bg-test-right-2.png");
    background-position: right;
    background-repeat: repeat-x;
    z-index: 23;

}
.era-vps-lesh
{
    position: absolute;
    z-index: 25;
    top: 142px;
    left: 340px;
}
@media (max-width: 1040px)
{
    .era-vps-lesh
    {
        left: 290px;
    }
}
.era-vps-left
{
    width: 380px;
    height: 450px;
    background-color: #E95959;
    color: #fff;
}
.era-triangle_left
{
    width: 0;
    height: 0;
    border-top: 0px solid transparent;
    border-right: 380px solid #fff;
    border-bottom: 45px solid transparent;
}
.era-vps-right
{
    width: 380px;
    height: 450px;
    background-color: #FB9F32;
    color: #fff;
    margin-right: 50px;
}
.era-triangle_right
{
    width: 0;
    height: 0;
    border-top: 0px solid transparent;
    border-left: 380px solid #fff;
    border-bottom: 45px solid transparent;
}
.era-bg-builder
{
    background-image: url("../imgs/era-lesha-builder.jpg");
    height: 370px;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
    position: relative;
    top: 900px;
}
.era-bg-builder-2
{
    background-image: url("../imgs/era-lesha-builder.jpg");
    height: 370px;
    background-position: center;
    background-repeat: no-repeat;
    /* overflow: hidden; */
    position: relative;
    top: 20px;
}
.era-text-builder
{
    color: #fff;
    padding-top: 30px;
    line-height: 2;
    padding-left: 35px;
}
.era-price-builder
{
    color: #2F5877;
    font-size: 50px;
    background-color: #fff;
    border-radius: 10px;
    padding: 0px 10px 5px 15px;
    width: 130px;
    height: 68px;
    font-weight: bold;
    position: absolute;
    top: 215px;
    left: 300px;
}
.era-ssl-lesha
{
    position: absolute;
    z-index: -10;
    right: 50px;
    top: 20px;
}
@media (max-width: 1200px)
{
    .era-ssl-lesha
    {
        right: -25px;
        top: 47px;
        position: absolute;
        z-index: 40;
    }
}


.era-perenos-lesha
{
    position: absolute;
    z-index: -10;
    right: 30px;
    top: -40px;
}
@media (max-width: 1200px)
{
    .era-perenos-lesha
    {
        position: absolute;
        z-index: -10;
        right: -10px;
        top: -40px;
    }
}

.era-partner-lesha
{
    position: absolute;
    z-index: -10;
    right: 0px;

}
.era-lesha-partner-btn
{
    top: 20px;
    left: 500px;

}

@media (max-width: 1200px)
{
    .era-lesha-partner-btn
    {
        top: 5px;
        left: 335px;

    }
}

.era-footer-zag
{
    color: #D0E0EB;
    font-size: 20px;
    font-weight: bold;
    padding-top: 20px;
    padding-bottom: 5px;
}
#menu-footer
{
    color: #ffffff;
    font-size: 13px;
}
#menu-footer li
{padding-top: 5px}

#menu-footer li
{
    padding: 3px;
}
#menu-footer li a
{
    color: #ffffff;
}

#menu-footer li a:hover
{
    background-color: #D0E0EB;
    padding: 3px;
    color: #000;
    text-decoration: none;
}

/* login form*/

.top-login-form
{
    position: relative;
    z-index: 9999;
}

.show-login-form
{
    color: rgba(28, 143, 221, 0.66);
}


a.show-login-form.active {
    z-index: 11000;
}


a.show-login-form:hover {
    z-index: 1000;
    color: #ffffff;
    text-decoration: none;
    height: 33px;
    width: 180px;
}


.dropdown.loginform-conter {
    display: none;
    background-repeat: repeat;
    width: 300px;
    z-index: 9999;
    box-shadow: 0px 5px 8px 1px rgba(148, 148, 148, 0.56);
    border-radius: 5px;
    padding: 0 10px;
    z-index: 999;
    background-color: #0D4E7E;
    top: 53px;
    right: 153px;
    border-top-right-radius: 0;
    color: #ffffff;
}
.loginform-conter legend {
    text-align: center;
    margin-bottom: 12px;
}

.loginform-conter label {
    font-weight: 400;
}
.loginform-conter-top
{
    background-color: #0D4E7E;
    height: 33px;
    width: 180px;
    margin-top: -28px;
    color: #ffffff;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    border-radius: 5px;
    padding: 7px;
    padding-left: 10px;
    padding-right: 10px;
    position: absolute;
    left: 0px;
}
    .cont-990
{
    width: 980px;
}

.era-slider-1
{
    color: red;
    font-size: 45px;
    padding-top: 35px;
    position: absolute;
    z-index: -1;
    right: 100px;
}
@media (max-width: 1100px)
{
    .era-slider-1
    {
        font-size: 40px;
    }
}
.era-slider-6
{
    color: #0D4E7E;
    font-size: 45px;
    padding-top: 30px;
    position: absolute;
    z-index: 2;
    right: 30px;
}

@media (max-width: 1100px)
{
    .era-slider-6
    {
        font-size: 40px;
    }
}
.era-footer
{
    height: auto;
    width: auto;
    background-color: #13629C;
    position: relative;
    z-index: 25;
    padding-right: 0px;
    padding-left: 0px;
}

.era-lesha-domain-whois
{
    position: absolute;
    top: -16px;
    padding-left: 188px;
}
@media (max-width: 1200px)
{
    .era-lesha-domain-whois
    {
        padding-left: 100px;
    }
}
.you-ip
{
    padding: 15px;
    background-color: #97e1a0;
    border-radius: 10px;
}
.era-cms
{
    width: 100%;
    height: 399px;
    position: relative;
    z-index: 10;
    top: 1052px;
    background-image: url("../imgs/era-cms-bg.jpg");
    background-repeat: repeat-x;
}
.era-otstup
{
    top: 235px;
    position: relative;
    width: 100%;
    height: 1052px;
}
.era-otstup2
{

    position: relative;
    width: 100%;
  /*  height: 235px; */
}


.dropdown-menu
{
    position:absolute;
    top:39px;
    left:1px;

    z-index:1000;
    display:none;
    float:left;
    min-width:160px;
    margin:2px 0 0;
    font-size:16px;
    text-align:left;
    list-style:none;
    background-color:#B95D0D;

    -webkit-background-clip:padding-box;
    background-clip:padding-box;
    /* border:1px solid #ccc; */
    /* border:1px solid rgba(0,0,0,.15);*/
    border-radius:7px 7px 7px 7px;
    -webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);
    box-shadow:0 6px 12px rgba(0,0,0,.175)
}

.dropdown-menu.pull-right{right:0;left:auto}
.dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}
.dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:400;line-height:1.42857143;color:#333;white-space:nowrap}
.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{color:#262626;text-decoration:none;background-color:#f5f5f5}
.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover{color:#fff;text-decoration:none;background-color:#337ab7;outline:0}


.nav>li>a:focus,.nav>li>a:hover{
    text-decoration:none;
    background-color: #ee8806;
    box-shadow:1px 2px 2px rgba(0,0,0,.175);
}
.nav>li.disabled>a{color:#777}
.nav>li.disabled>a:focus,.nav>li.disabled>a:hover{color:#777;text-decoration:none;cursor:not-allowed;background-color:transparent}
.nav .open>a,.nav .open>a:focus,.nav .open>a:hover{background-color:#eee;border-color:#337ab7}
.nav .nav-divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}
.nav>li>a>img{max-width:none}


.nav>li>a:focus,.nav>li>a:hover{
    text-decoration:none;
    background-color: #ee8806;
    box-shadow:1px 2px 2px rgba(0,0,0,.175);
}
.nav>li.disabled>a{color:#777}
.nav>li.disabled>a:focus,.nav>li.disabled>a:hover{color:#777;text-decoration:none;cursor:not-allowed;background-color:transparent}
.nav .open>a,.nav .open>a:focus,.nav .open>a:hover{background-color:#eee;border-color:#337ab7}
.nav .nav-divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}
.nav>li>a>img{max-width:none}


.era-soc
{
    position: relative;
    padding-top: 17px;
    position:relative;
}

.era-font-slider
{
    HelveticaNeueCyrThin',arial,sans-serif;
}


.era-support-1
{
    position:relative;
}

.era-support-menu
{
    display:none;
    text-align: left;
    margin-left:300px;
    padding:10px;
    margin-top: -65px;
    background:#0D4E7E;
    border-radius: 0px 5px 5px 5px;
    color: #ffffff;
    height: auto;
    -moz-box-shadow:0 5px 5px rgba(0,0,0,0.3);
    -webkit-box-shadow:0 5px 5px rgba(0,0,0,0.3);
    box-shadow:0 5px 5px rgba(0,0,0,0.3);
}
.era-support-1:hover .era-support-menu
{
    display:block;
    position:absolute;
    top:120px;
    z-index:9999;
    width:180px;
}
.era-support-li
{
    padding: 5px 10px 5px 10px;
    margin-top: 3px;
    background-color: #0D4E7E;
    color: #fff;
    border-radius: 5px;

}
.era-support-li:hover
{
    background-color: #fff;
    color: #0D4E7E;
    text-decoration: none
}
.era-support-li-h
{
    font-weight: bold;
    font-size: 14px;
    padding: 7px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 5px;
    background-color: #0D4E7E;
    height: 35px;
    width: 160px;
    position: absolute;
    top: -30px;
    left: 0px;
    text-align: center;
}



.era-game-bg
{
    height: 415px;
    background-image: url("../imgs/era_game_bg.jpg");
    position: relative;
    z-index: 25;
    top: 580px;
}
.tarif-bg
{
    background-color: rgb(97, 148, 160);
    width: 260px;
    height: auto;
    color: #ffffff;
    line-height: 2;
    margin-top: 30px;
}
.tarif-bg-index
{
    background-color: rgba(97, 148, 160, 0.70);
    width: 245px;
    height: auto;
    color: #ffffff;
    line-height: 2;
    margin-top: 30px;
}
.tarif-zag-index
{
    color: #ffffff;
    font-size: 22px;
    background-color: rgba(29, 29, 29, 0.25);
    width: 245px;
    height: 50px;
    text-align: center;
    padding-top: 0px;
    font-weight: bold;
}
.tarif-price-index
{
    color: #ffffff;
    font-size: 20px;
    background-color: rgba(0, 35, 31, 0.29);
    width: 245px;
    width: 245px;
    height: 75px;
    text-align: center;
    font-size: 40px;
    font-weight: bold;
}
.tarif-zag
{
    color: #ffffff;
    font-size: 22px;
    background-color: rgba(29, 29, 29, 0.25);
    width: 260px;
    height: 50px;
    text-align: center;
    padding-top: 0px;
    font-weight: bold;
}
.tarif-price
{
    color: #ffffff;
    font-size: 20px;
    background-color: rgba(0, 35, 31, 0.29);
    width: 260px;
    width: 260px;
    height: 75px;
    text-align: center;
    font-size: 40px;
    font-weight: bold;
}
.tarif-order
{
    margin: 10px;
    padding: 5px;
    font-size: 18px;
    color: #ffffff;
    background: rgba(0, 0, 0, 0.36);
    text-align: center;
}
.tarif-order:hover
{
    color: #443323;
    font-weight: bold;


    background: #F69C08;
}
.vps_btn
{
    padding: 16px 25px 16px 25px;
    border-radius: 10px 10px 0px 0px;
    background-color: #fff;
    border: 1px solid #C0BEBE;
    border-bottom: 2px solid #fff;
    margin-right: 5px;
}
.vps_btn_no
 {
    padding: 16px 25px 16px 25px;
    border-radius: 10px 10px 0px 0px;
    background-color: #fff;
    color: #000;
    margin-right: 5px;
 }
.vps_btn_no:hover
{
    background-color: #f8f8f8;
    color: #000;
}


.h1-2
{
    font-size: 32px;
    text-align: center;
    color: #4E8FBB;
    text-transform: uppercase;
}
.bs-callout {
    padding: 12px;
    margin: 20px 0;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
}
.bs-callout-info {
    border-left-color: #1b809e;
}
@media (max-width: 1200px)
{
    .rdp_link
    {
        margin-left: 40px;
    }
}

        .ssl_bf_tab
        {
            background-color: #f6f6f6;
            padding-top: 15px;
            padding-bottom: 15px;
        }
        .ssl_bf_tab_white
        {
            padding-top: 15px;
            padding-bottom: 15px;
        }
        .ssl_form_grey
        {
            color: #7D8187 !important;
            font-weight: bold !important;
            cursor: default !important;
            width: 95%;
            height: 34px;
            padding: 6px 12px;
            font-size: 14px;
            line-height: 1.42857143;
            color: #555;
            background-color: #fff;
            background-image: none;
            border: 1px solid #ccc;
            border-radius: 4px;
            -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
            box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
            -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
            -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
            transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        }
        .ssl_form_reg_1
        {
            padding-top: 5px;
        }
        .ssl_form_reg_2
        {
            color: #b5b5b5;
            padding-top: 5px;
        }
        @media screen and (min-width:300px) and (max-width:768px)
        {
            .ssl_tab_bold
            {
                font-weight: bold;
                padding-top: 10px;
            }
        }