body{
    background:url('../images/wallpaper/background3.png');
    margin:0 auto;
    font-family: "Open Sans";
    font-family: "Open sans", "Segoe UI", "Segoe WP", Helvetica, Arial, sans-serif;
}
img[src*="/images/flags/"] {
  width: 25px;
  height: 17px;
  object-fit: contain;
}

.premiumMobileLogo{
    display:none;
}

.voteNow{
    background-color:#2b2b2b;
    color:#fff;
    width:60%;
    margin:0 auto;
    padding-bottom: 10px;    
}

.bigBVote{
    background-color:#2b2b2b;
    color:#fff;
    width:55%;
    float:left;
    margin-left: 10px;
    margin-bottom: 10px;
    padding-bottom: 10px;        
}

.bigBVote input[type=text]{
    width:285px;
    height: 20px;
    padding: 5px;
    font-size: 17px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.topVoters{
    background-color:#2b2b2b;
    font-size: 20px;
    padding:10px;
    color:#fff;
    width:20%;
    height:422px;
    margin-right: 5px;
    float:right;
}

.topVoters .title{
    color:#e0b549;
    font-size: 25px;
    font-weight: bold;    
}

.voters{
    text-align: left;
    float:left;
}

.voters .username{
    font-weight: bold;    
}

.voters .number{
    background-color: #2c4e85;
    color:#e0b549;
    /*font-style:oblique;*/
    -webkit-transform: rotate(2deg);
    float:right; 
    margin-left: 6px;
    font-size: 16px;
    padding:2px;
    font-weight: bold;
}

.voteAgain{
  background-color: #2b2b2b;
  color:#fff;
  width:70%;
  margin:0 auto;
  border-radius:5px;
  padding:2px;
}

.votePageIntro{
  width:52%;
  max-width:720px;
  margin:0 auto 18px;
  text-align:center;
}

.votePageIntro h2{
  margin:0 0 14px;
  font-size:28px;
  line-height:1.25;
}

.votePageIntro p{
  margin:0 0 12px;
  line-height:1.7;
  max-width:100% !important;
}

.voteAgain input[type=button]{
    color: #fff;
    background-color: #15CD72;
    border: 0;
    font-weight: 600;
    font-size: 17px;
    text-align: center;
    cursor: pointer;
    margin-bottom: 0;
    width:150px;    
    height:50px;
    margin-right: 2px;
    margin-bottom: 17px;
}

.voteAgain a{
   text-decoration:none;
   color:#fff;

}

.voteAgainButton{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    background-color:#15CD72;
    border:0;
    font-weight:600;
    font-size:17px;
    text-align:center;
    cursor:pointer;
    width:150px;
    height:50px;
    margin-right:2px;
    margin-bottom:17px;
    border-radius:2px;
}

.dontHave{
    background-color: #bd362f;
    color:#fff;
    padding: 5px;
    width:80%;
    margin:0 auto;
    font-weight: bold;
    -webkit-animation: blink-animation 0.2s steps(5, start) infinite;    
}

.skype{
   position:fixed;
   top:320px;
}

.skype img{
   width: 160px;
}

code{
    float: left;
    text-align: left;
    width: 550px
}

.phpCode{
    height:700px;
}

.startUpTable {
    border-collapse: collapse;
    mso-table-lspace: 0px;
    mso-table-rspace: 0px;
    margin-top:2px;
    /*height:100%;*/
}

/*.startUpTable tr:nth-child(2){
    background-color: #8ae6be;
    -webkit-box-shadow: inset 0 0 8px 0 #36d490;
    -moz-box-shadow: inset 0 0 8px 0 #36d490;
    box-shadow: inset 0 0 8px 0 #36d490;
    border: 1px solid #36d490;      
}

.startUpTable tr:nth-child(3){
background-color: #d9d3b1;
-webkit-box-shadow: inset 0 0 8px 0 #c8c08f;
-moz-box-shadow: inset 0 0 8px 0 #c8c08f;
box-shadow: inset 0 0 8px 0 #c8c08f;
border: 1px solid #c8c08f; 
}

.startUpTable tr:nth-child(4){
    background-color: #d9b1b7;
    -webkit-box-shadow: inset 0 0 8px 0 #c88f92;
    -moz-box-shadow: inset 0 0 8px 0 #c88f92;
    box-shadow: inset 0 0 8px 0 #c88f92;
    border: 1px solid #c88f92;     
}*/

.startUpTable tr{
    background-color: #e0b549;
}

.loginIP{
    background-color:#fff;
    padding:5px;
    width:465px;
    margin:0 auto;
    margin-top: 2px;
    border-radius: 5px;    
}

.loginIP input[type=text]{
    width:400px;
}

.loginIP button{   
    background-color: #fff;
    border:1px solid #fff;
    padding:0px;
    height:34px;
    float: right;
    padding-right: 5px;
    cursor:pointer;
    border-radius: 5px;
}

.loginIP img{
    width:24px;  
    padding:0px;
    margin-top:5px;
}

.banner img{
    width:468px;
    height:60px;
    margin-top: 2px;
    border-radius: 5px;
}

.comingSoonMenu{
    float:right;
    position: relative;
}

.comingSoonMenu .number{
    float:right;
    right: 12px;
    top:7px;
    position: relative;
    font-size:9px;
    font-weight: bold;
    color:#fff;
    background-color:#bd362f;
    padding: 1px;
    padding-right: 2px;    
    border-radius: 2px;    
    width:10px;
    text-align: center;
}

.api{
   font-size:16px;
}

.website{
   text-decoration:none;
}

.websiteButtonLink{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:170px;
    min-height:50px;
    padding:0 18px;
    background-color:#2196f3;
    color:#fff;
    font-weight:600;
    text-align:center;
    border-radius:2px;
}

.websiteButtonLink:hover{
    background-color:#14c0f0;
    color:#fff;
    text-decoration:none;
}

.serverActionButtons{
    width:100%;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:8px;
    flex-wrap:wrap;
    margin: 10px auto 18px;
}

.payments{
    width:80%;
    margin:0 auto;
    margin-left: 250px;
}

.payments a{
    text-decoration: none;
}

.payments .note{
    color:#777;
    font-size:14px;   
}

.payments .table{
    color:#fff;
    background-color:#bd362f;
    padding:5px;
    font-weight: bold;
    animation: blink-animation 7s steps(7, start) infinite;
    -webkit-animation: blink-animation 7s steps(7, start) infinite;
}

.payments img{
    width:201px;
}

.pointer{
    cursor:pointer;
}

.green{
    color:#46a146;
}

.red{
    color:#bd362f;
}

.click{
    color:#bd362f;
    font-size:15px;
}

.server-premium hr{
    border:0px;
    border-top: 1px solid rgb(238,238,238);
}

.Aerrors{
   color:#bd362f;
   font-size:11px;
   font-weight:bold;
   margin-left:325px;
}

hr{
    border:0px;
    border-top: 1px solid #2b2b2b;    
    width:410px;
}

p {
    max-width: 400px;
/*    max-height: 90px;      */
    letter-spacing: 1px;
    word-wrap: break-word;  
    text-align:center;
    margin:0 auto;
    margin-top:2px;
}

.endPremium{    
    margin-top: 5px;
    font-weight: bold;
    text-align: left;
    font-size: 14px;
    color:#888;
}

.position{
    color:#000;
    font-size: 20px;
    font-weight: bold;
}

.comTitle{
    color:#000;
    font-size: 20px;  
    font-weight: bold;
}

.topMenu{
    background-color:#2b2b2b;
    position: fixed;
    width:100%;
    top:0%;
    text-decoration: none;
    z-index: 1000;
    height:40px;
}

.topMenu .logo{
    margin-right: 15px;
    cursor:pointer;
}

.mobileMenuToggle,
.mobileMenuOverlay,
.mobileMenuDrawer{
    display:none;
}

.account:link{
    font-size: 14px;
    padding: 10px;
    float:right;
    color:#fff;    
    margin-right:5px;
    text-decoration: none;
    cursor:pointer;
}

.account:hover{
    background-color:#aaa;
    color:#fff;
    padding: 10px;
    float:right;
}

.account:visited{
    color:#fff;    
}

.coins{
    color:#46a146;
    font-size: 25px;
    font-weight: bold;
}

.fogp{
    color: #546980;
    position: static;
    font-weight: 400;
    font-size: 15px;
    text-decoration: none;
}

.makePremium{
    width:60%;
    color:#000;
    font-size: 17px;    
    margin-left: 250px;
    text-align: center;
    background-color: #eee;    
}

.head{
    font-size: 25px;
    background-color: #fff;
    margin-left: 250px;
    width: 587px;
    text-align: center;
    padding: 11px;
}

.head .title{
    font-size: 22px;
    color: #48649f;
    font-weight: bold;
}

.makePremium input[type=submit],input[type=button]{
    color: #fff;
    background-color: #15CD72;
    border: 0;
    font-weight: 600;
    font-size: 17px;
    text-align: center;
    cursor: pointer;
    margin-bottom: 0;
    width:150px;    
    height:50px;
    margin-right: 2px;
}

.makePremium input[type=text]{
    width:350px;
    height:25px;   
    padding:7px;
    font-size: 16px;
}

.makePremium .title{
    font-size: 22px;
    color:#48649f;
}

.makePremium .serverBeOn{
    color:#000;
    font-weight: bold;
    font-size:15px;
}

.makePremium .radioTitle{
    font-size: 18px;
    color:#000; 
    font-weight: bold;
}

.makePremium [type=radio]{
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;    
}

.makePremium [type=radio] + img {
    cursor: pointer;
    width: 100px;
}

.makePremium [type=radio]:checked + img {
    outline: 3px solid #000;
}

.makePremium input[type=number]{
    width:350px;
    height:25px;   
    padding:7px;
    font-size: 16px;
}

.makePremium .rates input[type=number]{
    width:40px;
    height:25px;   
    padding:5px;
    font-size: 15px;
    text-align: center;
}

.makePremium textarea{
    width:378px;
    height:117px;
    font-size: 12px;
}

.makePremium select{
    width:380px;
    height:43px;
    font-size: 16px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none; 
    margin: 0;          
}

.chooseBorder{
    margin-top: 8px;
}

.chooseBorder select{
    width:230px;
    height:43px;
    font-size: 16px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none; 
    margin: 0;          
    text-align: center;
}

.chooseBorder button{
    color: #fff;
    background-color: #bd362f;
    border: 0;
    font-weight: bold;
    font-size: 17px;
    text-align: center;
    cursor: pointer;
    margin-bottom: 0;
    width:50px;    
    height:42px;
    margin-right: 2px;    
}

.profile {
    width:60%;
    color:#000;
    font-size: 12px;
    margin-left: 250px;
    text-align: center;
}

.profile th{
    font-size: 20px;
}

.profile td{
    text-align: center;
    font-size: 17px;
    padding: 15px;
}

.profile .rulesPg{
    color:#bd362f;
    font-size:14px;
    text-align: left;
}

.profile th, td {
    padding: 11px;
    text-align: center;
}

.profile tr:nth-child(even) {
    background-color:#eee;
}

.profile tr:nth-child(odd) {
    background-color: #fff;
}

.profile .title{
    font-size: 22px;
    color:#48649f;
}

.profile .serverBeOn{
    color:#000;
    font-weight: bold;
    font-size:15px;
}

.profile .radioTitle{
    font-size: 18px;
    color:#000; 
    font-weight: bold;
}

.profile [type=checkbox]{
    vertical-align: sub;
}

.profile [type=radio]{
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;    
}

.profile [type=radio] + img {
    cursor: pointer;
    width: 100px;
}

.profile [type=radio]:checked + img {
    outline: 3px solid #000;
}

.profile input[type=text]{
    width: 379px;
    height: 44px;
    padding:7px;
    font-size: 16px;
}
.expire_date input[type=text]{
    width: 275px;
    height: 30px;
    padding: 7px;
    font-size: 16px;
}

.profile input[type=number]{
    width:350px;
    height:25px;   
    padding:7px;
    font-size: 16px;
}

.profile .rates input[type=number]{
   width: 50px;
   height: 30px;
   padding: 5px;
   font-size: 15px;
   vertical-align: -moz-middle-with-baseline;
}
.profile input[type=password]{
    width:350px;
    height:44px;
    padding:7px;
    font-size: 16px;
}

.profile select{
    width:380px;
    height:43px;
    font-size: 16px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none; 
    margin: 0;      
    
}

.profile select.round {
    
    background-image:
        linear-gradient(45deg, transparent 50%, gray 50%),
        linear-gradient(135deg, gray 50%, transparent 50%),
        radial-gradient(#ddd 70%, transparent 72%);
    
    background-position:
        calc(100% - 20px) calc(1em + 2px),
        calc(100% - 15px) calc(1em + 2px),
        calc(100% - .5em) .5em;
    
    background-size:
        5px 5px,
        6px 5px,
        1.5em 1.5em;
    background-repeat: no-repeat;
}

.profile select.round:focus {   
    
    background-image:
        linear-gradient(45deg, white 50%, transparent 50%),
        linear-gradient(135deg, transparent 50%, white 50%),
        radial-gradient(gray 70%, transparent 72%);
    
    background-position:
        calc(100% - 15px) 1em,
        calc(100% - 20px) 1em,
        calc(100% - .5em) .5em;
    
    background-size:
        5px 5px,
        6px 5px,
        1.5em 1.5em;
    
    background-repeat: no-repeat;
    border-color: #a9c9e2;
    outline: 0;
}

.profile textarea{
    width:378px;
    height:117px;
    font-size: 12px;
}

.profile input[type=submit],input[type=button]{
    color: #fff;
    background-color: #15CD72;
    border: 0;
    font-weight: 600;
    font-size: 17px;
    text-align: center;
    cursor: pointer;
    margin-bottom: 0;
    width:150px;    
    height:50px;
    margin-right: 2px;
}

.profile input[type=submit]:hover,input[type=button]:hover{
    background-color: #0CB863;
    -webkit-transition: background 0.1s;
    -moz-transition: background 0.1s;
    -o-transition: background 0.1s;
    transition: background 0.1s;
}

.profile .server_platform .titlePlatform{
    font-size: 20px;
}

.codes select{
    width:150px;
    height:43px;
    vertical-align: super;
    font-size: 14px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none; 
}

.editServerTable {
    color:#000;
    font-size: 10px;
    margin-left: 165px;
}

.editServerTable .disabled{
    background-color: #aaa;
    color: #777;
}

.editServerTable th{
    font-size: 14px;
    border: 1px solid #fff;    
}

.editServerTable td{
    text-align: center;
    font-size: 14px;
    border: 1px solid #fff;   
    max-width: 10%;
    width: 10%;
    word-wrap: anywhere;
}

.editServerTable .premium{
    background-color: #e0b549;
}

.editServerTable td a{
    color:#000;
    text-decoration: underline;
}

.editServerTable th, td {
    padding: 8px;
    text-align: center;
}

.editServerTable th{
    background-color:#fff;
}

.editServerTable tr:nth-child(even) {
    background-color:#eee;
    border: 1px solid;    
}

.editServerTable tr:nth-child(odd) {
    background-color: #fff;
    border: 1px solid;    
}

.editServerTable tr:hover{
    background-color:#ccc;
}

.editServerTable .title{
    font-size: 22px;
    color:#48649f;
}

.editServerTable .radioTitle{
    font-size: 18px;
    color:#000; 
    font-weight: bold;
}

.editServerTable input[type=submit],input[type=button]{
    color: #fff;
    background-color: #15CD72;
    border: 0;
    font-weight: 600;
    font-size: 17px;
    text-align: center;
    cursor: pointer;
    margin-bottom: 0;
    width:240px;    
    height:50px;
    margin-right: 2px;
}

.editServerTable input[type=submit]:hover,input[type=button]:hover{
    background-color: #0CB863;
    -webkit-transition: background 0.1s;
    -moz-transition: background 0.1s;
    -o-transition: background 0.1s;
    transition: background 0.1s;
}  

.editServerTable .errors{
    color:#bd362f;
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
}

.prm{
    background-color:#bd362f;
}

.crests{
    background-color:rgba(0,0,0,0.1);
    border:1px dashed rgba(0,0,0,0.5);
    border-radius: 10px;
    width:702px;
    margin: 0 auto;    
    padding:10px;
    color:#000;
}

.myDiv{
    background-color: #eeeeee;
    text-align: center;
    width:50%;
    margin:0 auto;
    color:#000;
    border-radius: 10px;
    padding: 5px;
}

.myDiv .title{
    font-size: 30px;
    font-weight: bold;
}

.buttonMenu{
   background-color:#15cd72;
   color:#fff;
   text-align:center;
   min-width:10%;
   max-width:20%;
   margin-left:166px;
   padding:13px;
}

.buttonMenu a{
  background-color:#15cd72;
  color:#fff;
  padding:13px;
  text-decoration:none;
  font-weight:bold;
}

.buttonMenu:hover{
    opacity: 0.9;
}

.myMenu{
    background-color:#2b2b2b;
    font-size:20px;
    padding:10px;
    margin-bottom: 10px;
    text-align: center;
}

.myMenu a{
    background-color:#e0b549;
    color:#000;
    text-decoration: none;
    padding:10px;
}

.mySearch{
    margin:0 auto;
    text-align: center;
}

.mySearch input[type=text]{
    width: 180px;
    height: 40px;
    font-size: 15px;
    cursor: pointer;    
}

.mySearch input[type=submit]{
    height: 50px;
    font-size: 15px;
    cursor: pointer;    
    vertical-align: top;
}

.mySearch select{
    width: 180px;
    height: 50px;
    font-size: 12px;
    cursor: pointer;    
}

.earTable {
    width:100%;
    color:#eee;
    font-size: 12px;
    text-align: center;
    margin: 0 auto;
}

.earTable th{
    font-size: 15px;
    color:#000;
    padding:10px;
    background-color: #e0b549;
}

.earTable td{
    font-size: 14px;
    padding: 10px;
}

.earTable th, td {    
    text-align: center;
}

.earTable tr:nth-child(even) {
    background-color:rgba(0,0,0,0.8);
}

.earTable tr:nth-child(odd) {
    background-color:rgba(0,0,0,2.5);
}

.earTable .red{
    background-color:#2b2b2b;    
    color:#aaa;
}

.earTable a{    
    color:#aaa;
    text-decoration: none;    
}

.earTable a:hover{    
    color:#fff;
    text-decoration: none;    
}

.result{
    color:#fff;
    text-align: center;
    font-size:20px;
    font-weight: bold;
    margin-bottom: 10px;
}

.custom_details {
    width:65%;
    margin:0 auto;
    color:#000;
    font-size: 12px;
    border: 1px #000;
}

.custom_details th{
    font-size: 17px;
}

.custom_details td{
    text-align: center;
    font-size: 17px;
}

.custom_details th, td {
    text-align: center;
}

.custom_details tr:nth-child(even) {
    background-color:#ccc;
}

.custom_details tr:nth-child(odd) {
    background-color: #fff;
}

.serverPlatType {
    width:65%;
    margin:0 auto;
    color:#000;
    font-size: 12px;
    border-collapse: collapse;
    border-spacing: 0;
}

.serverPlatType th{
    font-size: 17px;
}

.serverPlatType td{
    text-align: center;
    font-size: 17px;
}

.serverPlatType th, td{
    text-align: center;
}

.serverPlatType tr:nth-child(even) {
    background-color:#fff;
}

.serverPlatType tr:nth-child(odd) {
    background-color: #fff;
}

.serverType{
    color:#000;
    font-size: 20px;
}

.nPF{
    background-color: rgba(255, 255, 255, 0.5); 
    width:100%;
}

.sLine{
    color:#fff;
    font-size: 16px;
    text-align: center;
    cursor: pointer;
}

.sLine .menu{
    background-color: #2196F3;
    padding: 10px;
}

.sLine a{
    color:#fff;
    text-decoration: none;
}

.mainTable{
    width:1015px;
    background-color:#d4d4d4;
    padding:15px;
    /*margin:0 auto;*/
    margin-left:auto;
    margin-right:auto;
    margin-top:40px;
    min-height:805px;
    position: relative;
}

.indexTable{
    width:1015px;
    background-color:#d4d4d4;    
    padding:15px;
    /*margin:0 auto;*/
    margin-left:auto;
    margin-right:auto;
    margin-top:40px;
    min-height:1380px;
    position: relative;    
}

.ban{
    background-color:#bd362f;
    color:#fff;
    font-size: 20px;
    padding:20px;
    text-align: center;
}

.ip{
    font-size: 12px;
    font-weight: bold;
    color: #000;
    margin-left: 45px;
}

.error_page{
    text-align: center;
}

.error_page a{
    color:#2196F3;
    text-decoration: none;
}

.trailer{
    width:100%;
    max-width:760px;
    margin: 0 auto 18px;
    display:flex;
    justify-content:center;
    align-items:flex-start;
    gap:34px;
    flex-wrap:wrap;
}

.trailer iframe{
    border:1px solid #2b2b2b;
}

.miniTable{
    margin-left:150px;    
    margin-top:20px;
}

.miniTable .title{
    font-weight: bold;
    font-size: 20px;
}

.top10Servers{
    min-width:40%;
    max-width:40%;
    background-color:#2b2b2b;
    color:#000;
    margin-left:15px;
    margin-bottom:37px;
    float:left;
    text-align: center;
    border-radius: .20em;
    min-height:412px;
	max-height:412px;
    position: relative;
    padding-top:2px;
}

.top10Servers .comingDate{
    font-size:10px;
    vertical-align: text-top;
    color:#bd362f;
    font-weight: bold;
}

.comingDate {
/*  animation: blink-animation 0.5s steps(5, start) infinite;
  -webkit-animation: blink-animation 0.5s steps(5, start) infinite;*/
}

@keyframes blink-animation {
  to {
    visibility: hidden;
  }
}

@-webkit-keyframes blink-animation {
  to {
    visibility: hidden;
  }
}

.top10Servers .liveDate{
    font-size:10px;
    vertical-align: text-top;
    color:#008f65;
    font-weight: bold;
}

.liveDate {
/*  animation: blink-animation 0.5s steps(5, start) infinite;
  -webkit-animation: blink-animation 0.5s steps(5, start) infinite;*/
}

.top10Servers td{
    color: #000;
    /*background-color:#bd362f;*/
    padding: 1px; 
    width: 10%;    
}

.top10Servers td:hover{
    background-color:#fff;
}

.top10Servers td,th{
    text-align:left;
    padding-left:26px;
    font-size: 14px;
    padding-bottom: 4px;
    padding-top: 4px;
}

.top10Servers .top10Title{
    color: #fff;
    font-size: 16px;
    font-weight: bold;
}

.top10Servers .yourServerHere{
    background-color:#e0d9c7;
    color:#ccc;
    padding: 6px;
    padding-left: 20px;
}

.yourServerHere .serverNM{
    color:#000;
    font-weight: bold;
    text-decoration: none;
    padding-left: 10px;
}

.yourServerHere .serverNM:hover{
    color:#000;
}

.top10Servers .serverName:link{
    color:#000;  
    text-decoration: none;
}

.top10Servers .serverName:hover{
    color:#000;
    font-weight: bold;    
    text-decoration: underline;
}

.top10Servers .serverName:visited{
    color:#000;    
    text-decoration: none;
}

.top10Servers .serverName:visited:hover{
    color:#000;    
    text-decoration: none;
}

.version{
    background-color: #4b89d9;
    color:rgb(255,255,255);
    display: inline;
    padding: .2em .6em .3em;
    font-size: 12px;
    border-radius: .25em;
    padding: 1px 4px;
    vertical-align: unset;        
}

.v1_1,.v1_2,.v1_3,.v1_4,.v1_5,.v1_6,.v1_7,.v1_8,.v1_9{
    background-color: #4b89d9;    
}

.C1,.C2,.C3,.C4,.C5,.v1_10{
    background-color: #333333;    
}

.Lineage1Remastered,.v1_11{
    background-color:#26b22e;
}

.Interlude,.v1_12{
    background-color: #c6842a;
}

.PreludeOfWar,.v1_13{
    background-color: #21589e;
}

.Kamael,.v1_14{
    background-color: #B43A5A;    
}

.Hellbound,.v1_15{
    background-color: #a54f27;    
}

.Gracia1,.v1_16{
    background-color: #0EB4A7;    
}

.GraciaFinal,.v1_17{
    background-color: #219e67;    
}

.GraciaEpilogue,.v1_18{
    background-color: #466a9b;    
}

.Freya,.v1_19{
    background-color: #1198D1;    
}

.HighFive,.v1_20{
    background-color:  #6960dd;    
}

.Classic10,.Classic15,.Classic20,.Classic25,.Classic30,.v1_21{
    background-color: #6000c2;    
}

.Helios,.v1_22{
    background-color: #7973D7;    
}

.GoDAwakening,.GoDHarmony,.GoDTauti,.GoDGloryDays,.GoD Lindior{
    background-color: #880C10;    
}

.GrandCrusade{
    background-color: #4137d4;    
}

.country{
    font-size: 13px;
    border-radius: .25em;
    vertical-align: -moz-middle-with-baseline;    
}

.country img{
/*    height: 17px;*/
    border-radius: 3px;
    width:26px;
    height: auto;
    vertical-align: baseline;
}

.serverPlatform{
    background-color: rgb(21,149,234);
    color:rgb(255,255,255);
    display: inline;
    padding: .2em .6em .3em;
    font-size: 12px;
    border-radius: .25em;
    padding: 1px 4px;    
    vertical-align:middle;
}

.L2J{
    background-color:#b160dd;  
}

.L2OFF{
    background-color:#366ed4;
}

.server-premium{
    background-color:#d9b1b7;
    -webkit-box-shadow: inset 0 0 8px 0 #c88f92;
    -moz-box-shadow: inset 0 0 8px 0 #c88f92;
    box-shadow: inset 0 0 8px 0 #c88f92; 
    border:1px solid #c88f92;
    max-width:700px;
    margin:0 auto;
    position:relative;
    border-radius: 7px;
    padding:3px;
    margin-top:15px;
}

.blue{
    background-color:#b1b7d9;
    -webkit-box-shadow: inset 0 0 8px 0 #8f97c8;
    -moz-box-shadow: inset 0 0 8px 0 #8f97c8;
    box-shadow: inset 0 0 8px 0 #8f97c8; 
    border:1px solid #8f97c8;        
}

.lightRed{     
    background-color:#d9b1b7;
    -webkit-box-shadow: inset 0 0 8px 0 #c88f92;
    -moz-box-shadow: inset 0 0 8px 0 #c88f92;
    box-shadow: inset 0 0 8px 0 #c88f92; 
    border:1px solid #c88f92;    
}

.lightGreen{     
    background-color:#8ae6be;
    -webkit-box-shadow: inset 0 0 8px 0 #37d490;
    -moz-box-shadow: inset 0 0 8px 0 #37d490;
    box-shadow: inset 0 0 8px 0 #37d490; 
    border:1px solid #37d490;    
}

.yellow{     
    background-color:#d9d3b1;
    -webkit-box-shadow: inset 0 0 8px 0 #c8c08f;
    -moz-box-shadow: inset 0 0 8px 0 #c8c08f;
    box-shadow: inset 0 0 8px 0 #c8c08f; 
    border:1px solid #c8c08f;        
}

.gray{     
    background-color:#aea9ae;
    -webkit-box-shadow: inset 0 0 8px 0 #958f95;
    -moz-box-shadow: inset 0 0 8px 0 #958f95;
    box-shadow: inset 0 0 8px 0 #958f95; 
    border:1px solid #958f95;
}

.server-adv{
    width:700px;
    margin:0 auto;
    position:relative;
    border-radius: 2px;
    padding:3px;  
}

.server-adv .name{
    color:#fff;
}

.server-adv .desc{
    color:#fff;
}

.s1{
   background: linear-gradient(45deg, #57003f 0%,#f57453 100%);
    /*-webkit-box-shadow: inset 0 0 8px 0 #f57453;
    -moz-box-shadow: inset 0 0 8px 0 #f57453;
    box-shadow: inset 0 0 8px 0 #57003f; */
    /*border:2px solid #eee;  */  
}

.s2{
   background: linear-gradient(45deg, #57003f 0%,#f57453 100%);
    /*-webkit-box-shadow: inset 0 0 8px 0 #f57453;
    -moz-box-shadow: inset 0 0 8px 0 #f57453;
    box-shadow: inset 0 0 8px 0 #57003f; */
    /*border:2px solid #eee;  */  
}

.s3{
   background: linear-gradient(45deg, #57003f 0%,#f57453 100%);
    /*-webkit-box-shadow: inset 0 0 8px 0 #f57453;
    -moz-box-shadow: inset 0 0 8px 0 #f57453;
    box-shadow: inset 0 0 8px 0 #57003f; */
    /*border:2px solid #eee;  */  
}

.serverDefault{
    background-color:#eee;
    width:700px;
    margin:0 auto;
    position:relative;
    padding:5px;
    border: 1px solid #ccc;
    margin-left:156px;
    border-radius: 7px;    
    margin-top:15px;
}

.serverIcons{
    width:15px;
    vertical-align: middle;
}

.coming_beta{
    color:#000;
    font-size:12px;
    cursor: pointer;
    vertical-align: text-top;    
    margin-top:6px;
}

.server-adv .coming_beta{
    color:#fff;
    font-size:12px;
    cursor: pointer;
    vertical-align: text-top;    
    margin-top:2px;
}

th,td{
    padding: 3px;
    text-align: center;
}

.rank{
/*    background-color:#ddd;*/
    background-color:rgba(0,0,0,0.1);
    color:#000;
    font-size: 12px;
    padding: 8px;
}

.sidebar_banner{
    min-width:100px;
    max-width:100px;
    min-height: 100px;
    max-height: 100px;
    border:1px solid #eee;    
}

.name{
    color:#000;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    vertical-align: unset;    
    
}

.infoServer .name{
    color:#000;
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
    vertical-align: unset;        
}

.basic_details{
    font-size: 12px;
    color: rgb(255,255,255);
    padding:5px;
    background-color: #d9544b;
    border-radius: .35em;
    padding-bottom: 1px;
    padding-top:1px;
}

.desc{
    color:#000;
    font-size: 13px;
    font-weight: bold;
}

.vBox{
    border-radius: .25em; 
    background-color:#fff;
    color:#000;
    padding:1px;
    font-size:16px;
    font-weight: bold;
    cursor: pointer;
}

/*.vBox{
    border-radius: .25em; 
    background-color:#000;
    color:rgb(255,255,255);
    padding:1px;
    cursor: pointer;
    padding-top: 14px;
    width:75px;
    float:right;
    margin-top:14px;
}*/

.vBox .totalV{
    vertical-align: super;    
}

.reg_date{
    color:#000;
    font-size:12px;
    cursor: pointer;
    font: italic 12px/30px Georgia, serif;
}

.belowTypes{
    font-style: italic;
    color:#aaa;
    margin-left: 160px;    
}

.serverNamePage{
    color:#000;
    font-size: 25px;
    font-weight: bold;
    width: 90%;
    margin: 0 auto;
    text-align: center;
    
}

.serverNamePage .link{
   color:#000;
}

.infoServer{
    color:#fff;
    padding: 10px;
    text-align: center;
    padding-bottom: 10px;
    width:90%;
    margin:0 auto;
}

.allTags{
    background-color:#2b2b2b;
    max-width: 470px;
    min-width: 470px;   
    height: 245px;
    float:right;
    margin-right: 15px;
    padding: 10px;
    border-radius: 10px;
}

.allTags .basicDetails{
    font-size: 15px;
    color: rgb(255,255,255);
    padding: 10px;
    margin:5px;
    background-color: #bd362f;/*#008f65*/
    border-radius: .35em;
    padding-bottom: 1px;
    padding-top:1px;
    float:left;
}

.type{
    background-color:#d54036;
    color: rgb(255,255,255);
    display: inline;
    padding: .2em .6em .3em;
    font-size: 13px;
    border-radius: .25em;
    padding: 1px 4px;
    vertical-align: text-top;
}

.infoServer .name{
    font-size: 20px;
    text-align: center;
}

.infoServDetails{
    background-color: #2b2b2b;
    float:left;
    margin-left:25px;
    margin-bottom: 5px;
    height: 300px;
    max-height: 300px;    
    width:225px;
    max-width: 225px;
}

.infoServDetails .site{
    background-color:#546980;
    color: rgb(255,255,255);
    display: inline;
    padding: .2em .6em .3em;
    font-size: 13px;
    border-radius: .25em;
    padding: 1px 4px;
    vertical-align: text-top;
}


.infoServDetails .details{
    background-color:#008f65;
    color: rgb(255,255,255);
    display: inline;
    padding: .2em .6em .3em;
    font-size: 16px;
    border-radius: .25em;
    padding: 1px 4px;
    vertical-align: text-top;    
}

.infoServDetails .info{
    color:#fff;
    font-size: 16px;
    font-weight:normal;    
}

.infoServDetails th{
    font-size: 16px;
    text-align:left;    
    padding: 10px;
    color:#fff;
}

.infoServDetails tr:hover{
    background-color: #000;
}

.infoServDetails .votes{
    background-color: #2b2b2b;
    color:#fff;
    padding-right: 9px;
    border-radius: 5px;
    border:1px solid #ccc;
    padding-left: 10px;
    text-decoration:none;
}

.play-now{
    background-color:#2b2b2b;
    color:#fff;
    font-weight: bold;
    text-decoration: none;       
    padding: 3px;
    text-align: left;
    border-radius: .15em;     
    font-size: 20px; 
}

.play-now:hover{
    background-color:#fff;
    color:#000;
}

.infoRates{
    background-color:#2b2b2b;
    font-size: 16px;
    padding: 5px;
    color:#000;    
    width: 70%;  
    height:230px;
    margin: 0 auto;
    border-radius: .40em;  
}

.infoRates th{
    font-size: 20px;
    text-align: center;
    background-color:#e0b549;
    color:#000;
    padding:5px;
}

.infoRates td{
    text-align: center;
    padding:5px;
    line-height: 2.1;    
}

.infoRates .rates{
    font-size: 17px;
    color:#fff;
    padding:12px;
    background-color:#000;
    border-radius: .35em;
    padding-bottom: 5px;
    padding-top:5px; 
    /*cursor: pointer;*/
}

.infoRates .rates:hover{
    background-color:#2196F3;
    color:#fff;
}

.infoDetails{
    background-color:#ccc;
    color:#000;    
    width:46%;
    margin: 0 auto;
    float:left;
    margin-left: 3px;
    border:1px solid #fff;    
    position: relative;
}

.infoDetails th{
    background-color:#000;
    color:#fff;
    padding:5px;
}

.infoServer .online{
    font-size: 15px;    
    color:#46a146;
    cursor: pointer;
}

.infoServer .offline{
    font-size: 15px;    
    color:#bd362f;
    cursor: pointer;    
}

.infoDescription{
    background-color:#fff;
    text-align:left;
    position: relative;
    padding:8px;
    margin-left: 120px;
    min-width: 400px;
    max-width: 800px;
}

.infoDescription .descTitle{
    color:#000;
    font-size: 20px;
    margin-left: 120px;
    font-weight: bold; 
}

.infoDescription .all_desc{
    color:#000;
    font-size: 13px;
    line-height: 1.42857143;
    width:100%;
    text-align: left;      
}

.comments{
    margin: 0 auto;
    background-color: #ccc;
    width:70%;
    text-align: center;
    padding:10px;
}

.comments .title{
    color:#48649f;
    font-size: 18px;
    text-align: center;
    text-decoration: none;
}

.chrServer{
    margin: 0 auto;
    width: 100%;
    padding: 10px;
    margin-top: 10px;
}

.chrServer td{
    background-color:#b7b7b7;
    padding:10px;
    text-align:left;
    text-align: justify;
}

.chrServer .uname{
    color:#000;
}

.chrServer .date{
    color:#fff;
}

.chrServer .question{
    color:#000;
}

.chrServerAn{
    min-width: 85%;
    max-width: 85%;
    margin-left: 93px;
}

.chrServerAn td{
    background-color: #aaa;
    text-align: center;
}

.chrServerAn .uname{
    color:#000;
}

.chrServerAn .date{
    color:#fff;
}

.reply input[type=button]{
    background-color: #006dcc;
    border: 1px solid #006dcc;
    width: 110px;
    height: 30px;
    color:#fff;
    cursor: pointer;
}

.reply input[type=button]:hover{
    background-color: #2196F3;
    border: 1px solid #2196F3;
}

.news{
    background-color: #eee;
    margin: 0 auto;
    width:70%;
    text-align: center;
    padding:10px;
}

.news .date{
    color:#fff;
    background-color: #2b2b2b;
    padding: 4px;
}

.news td{
    background-color: #b7b7b7;
    padding: 10px;
    text-align: left;
}

.news td,th{
    padding: 7px;
}

.news a{
    color:#000;
}

.add_buttons{
    background-color: #ccc;
    width: 45%;
    text-align: center;
    margin: 0 auto;
}

.add_buttons input[type=button]{
    background-color: #fff;
    border: 1px solid #fff;
    color:#000;
    width: 160px;
    height: 50px;
    cursor: pointer;
    font-size: 15px;
    font-weight: lighter;
}

.add_buttons input[type=button]:hover{
    background-color: #fff;
    border: 1px solid #000;
}

.listBanner img{
    position: fixed;
    bottom: 0px;
    /*z-index:-1;*/
    cursor:pointer;
    transition:all .2s ease-in-out;
}

.leftBanner a{
    top:40px;    
    right: 50%;
    margin-right: 524px;   
    position:fixed;
    max-width: 396px;    
    transition: all .2s ease-in-out;
}

.rightBanner a{
    top:40px;    
    left: 50%;
    margin-left: 524px;    
    position: fixed; 
    max-width: 396px;        
    transition: all .2s ease-in-out;
}

.leftBanner img{
    top:40px;
    right: 49.94%;
    margin-right: 524px;
}

.rightBanner img{
    top:40px;
    left: 49.98%;
    margin-left: 524px;
}

.topBanner{ 
    min-width: 92.7%;
    max-width: 92.7%;
    margin:0 auto;
    margin-bottom: 140px;
    cursor:pointer;
    transition: all .2s ease-in-out;
    display: block !important;
}

.topLeft{
    width:470.39px;
    float: left;
    left: 50px;
    top:15px;
    position: absolute;      
}

.topRight{
    width:470.39px;
    float: right;     
    right: 50px;
    top:15px;
    position: absolute;      
}

.topLeft2{
    width:470.39px;
    float: left;
    margin-top: 62.9px;
    left:50px;
    position: absolute;
}

.topRight2{
    width:470.39px;
    float: right;
    margin-top: 62.9px;
    right: 50px;
    position: absolute;    
}

.topLeft img{
    width:470.39px;
    float: right;
}

.topRight img{
    width:470.39px;
    float: right;
}

.topLeft2 img{
    width:470.39px;
    float: right;
}

.topRight2 img{
    width:470.39px;
    float: right;
}

.topLeft .freeSpace{
    position: absolute;    
    display: inline-block;    
}

.topRight .freeSpace{
    position: absolute;    
    display: inline-block;        
}

.listBanner .slotCta,
.topBanner .slotCta{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    text-align:center;
    box-sizing:border-box;
    color:#31343a;
    text-decoration:none;
    background:rgba(255,255,255,0.96);
    border:1px solid rgba(40,44,52,0.10);
    box-shadow:0 12px 28px rgba(0,0,0,0.08);
    overflow:hidden;
}

.leftBanner .slotCta,
.rightBanner .slotCta{
    width:428px;
    height:1000px;
    border-radius:36px;
    padding:32px 22px;
    background:linear-gradient(180deg, rgba(22,22,26,0.985) 0%, rgba(12,12,16,0.99) 100%);
    border:1px dashed rgba(255,255,255,0.18);
    box-shadow:none;
    color:#f3f3f3;
}

.topLeft .slotCta,
.topLeft2 .slotCta,
.topRight .slotCta,
.topRight2 .slotCta{
    width:468px;
    height:60px;
    min-height:60px;
    max-height:60px;
    border-radius:10px;
    padding:0 18px;
    flex-direction:row;
    gap:12px;
}

.slotCtaIcon{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:54px;
    height:54px;
    border-radius:999px;
    border:2px solid rgba(49,52,58,0.26);
    color:rgba(49,52,58,0.62);
    font-size:36px;
    font-weight:300;
    line-height:1;
    margin-bottom:26px;
}

.slotCtaTitle{
    display:block;
    font-size:15px;
    line-height:1.15;
    font-weight:700;
    letter-spacing:0.14em;
    text-transform:uppercase;
}

.topLeft .slotCtaTitle,
.topLeft2 .slotCtaTitle,
.topRight .slotCtaTitle,
.topRight2 .slotCtaTitle{
    font-size:14px;
}

.topLeft .slotCta .slotCtaIcon,
.topLeft2 .slotCta .slotCtaIcon,
.topRight .slotCta .slotCtaIcon,
.topRight2 .slotCta .slotCtaIcon{
    width:28px;
    height:28px;
    margin-bottom:0;
    font-size:22px;
}

.topLeft .slotCta .slotCtaMeta,
.topLeft2 .slotCta .slotCtaMeta,
.topRight .slotCta .slotCtaMeta,
.topRight2 .slotCta .slotCtaMeta{
    margin-top:2px;
}

.slotCtaMeta{
    display:block;
    margin-top:12px;
    font-size:12px;
    font-weight:600;
    letter-spacing:0.12em;
    text-transform:uppercase;
    color:rgba(49,52,58,0.56);
}

.leftBanner .slotCta .slotCtaIcon,
.rightBanner .slotCta .slotCtaIcon{
    width:62px;
    height:62px;
    margin-bottom:34px;
    border-color:rgba(255,255,255,0.24);
    color:rgba(255,255,255,0.52);
    font-size:38px;
    font-weight:300;
}

.leftBanner .slotCta .slotCtaMeta,
.rightBanner .slotCta .slotCtaMeta{
    color:rgba(255,255,255,0.46);
    margin-top:10px;
}

.leftBanner .slotCta .slotCtaTitle,
.rightBanner .slotCta .slotCtaTitle{
    font-size:18px;
    letter-spacing:0.18em;
    color:rgba(255,255,255,0.88);
}

.voteBanner{
    position: relative;
    cursor:pointer;    
    transition: all .2s ease-in-out;
}

.voteBanner img{
    max-width:128px;
    max-height:600px;
    position: relative;
}

.voteBanner .leftSide{
    float:left;
    left:0;  
}

.voteBanner .rightSide {
    float:right;    
    right:0;      
}

.voteBanner .leftSide img:nth-of-type(1){
    float:left;
    left:0;  
}

.voteBanner .rightSide img{
    float:right;    
    right:0;    
}

.voteBanner2{
    margin-top: 650px;
    position: absolute;
    width: 97%;
    cursor:pointer;
}

.voteBanner2 img{
    max-width:128px;
    max-height:600px;    
}

.leftSide2{
    float:left;
    cursor:pointer;    
}

.rightSide2{    
    float:right;  
    cursor:pointer;    
}

.voteBanner2 .leftSide2 img:nth-of-type(1){        
    float:left;
    left:15px;
}

.voteBanner2 .rightSide2 img{
    float:right;    
    right:15px;
}

.voteDown{
 /*  position:relative;*/
   transition: all .2s ease-in-out;
}

.voteDown .leftSide{
    float:left;
    left:10px;
}

.voteDown .freeSpace{
    margin-left:136px;
}

.voteDown img{  
    max-width:300px;
    max-height:250px;      
}

.voteDown .leftSide img:nth-of-type(1){
    float:left;
    left:0;
    margin-left:50px;
}

.sidebarBanner{
    width:1006px;
    margin:0 auto;
    text-align: center;
/*    position: relative;*/
    z-index: -1;
}

.sidebarBanner img{
    min-width: 80px;
    max-width: 80px;
    min-height: 80px;
    max-height: 80px; 
}

.freeSpace{
    color:#fff;    
    text-align: center;
    /*text-decoration: none;*/
    position: absolute;
    min-width:121px;
    max-width:121px;
}

.freeSpace a{    
    display: block;    
    font-weight: bold;
    font-size:12px;
    padding-top:10px;
    padding-bottom: 10px;   
    padding-right: 17px;    
    padding-left: 17px;    
    background-color:#bd362f;
    color:#fff;    
}

#free img{
    opacity: 0.4;
    border:1px solid #bd362f;
    cursor:pointer;
}

.freeLogo{
   position: absolute;
   margin-top: 220px;
   margin-left: 10px;
   text-align: center;
   font-weight: bold;
   color:#fff;
   font-size:19px;
}

.freeLogo img{
    width:100px;   
}

.addDesc{
    width:300px;
    max-width:300px;
    min-height:250px;
    max-height:250px;
    position:relative;
    margin:0;
    top:0;
    transition: all .2s ease-in-out;
}

.addDesc img{
    position:absolute;
    left:0;
    top:0;
    width:300px;
    max-width:300px;
    height:250px;
    object-fit:cover;
}

.addDesc .freeSpace{
    position: absolute;
    width:135px;
    margin-left:85px;
}

.noTrailerPromo{
    justify-content:center;
}

.voteBox{
    margin:0 auto;
    position:relative;
    color:#000;
    text-align: center;
    padding: 20px;
}

.voteBox .g-recaptcha{
    left:350px;
}

.voteBox input[type=submit]{
    color: #fff;
    background-color: #15CD72;
    border: 0;
    font-weight: 600;
    font-size: 17px;
    text-align: center;
    cursor: pointer;
    margin-bottom: 0;
    width:145px;    
    height:50px;
    margin-right: 2px;
}

.voteBox input[type=submit]:hover{
    background-color: #0CB863;
    -webkit-transition: background 0.1s;
    -moz-transition: background 0.1s;
    -o-transition: background 0.1s;
    transition: background 0.1s;
}  

.redirectName{
    font-size: 30px;
    text-align: center;
    margin-top:20%;
}

.search{
    text-align: center;
    margin-bottom: 10px;
}

.search select{
    width: 180px;
    height: 40px;
    font-size: 12px;
    cursor: pointer;
    background-color: #2b2b2b;
    color: #fff;
    border: 1px solid #6C6C6C;
}

.search input{
    width:200px;
    height:35px;
    padding:7px;
    font-size: 16px;
}

.search input[type=submit]{
    color: #fff;
    background-color: #2b2b2b;
    border: 0;
    font-weight: 600;
    font-size: 14px;
    cursor: pointer;
    width: 117px;
    height: 39px;
    border-radius: 5px;
    border: 1px solid #6C6C6C;
}

.search input[type=submit]:hover{
    background-color: #888;
    -webkit-transition: background 0.1s;
    -moz-transition: background 0.1s;
    -o-transition: background 0.1s;
    transition: background 0.1s;
}  

.discount{
    color:#fff;
    background-color: #df3468;
    width:75%;
    font-size: 23px;
    padding-top:10px;
    padding-bottom:10px;
    margin-top: 10px;
    margin-bottom: 5px;
    font-weight: bold;
    text-align: center;
}

.votes{
    width:94px;
}

.cap img{
    width:35px;
    position:absolute;
    right:-11px;
    top:-14px;
}

/*.fixName{
    top: -30px;
    position:relative;
    color:#000;
}*/

.formsTable{
    background-color:rgb(222,222,222);
    width:55%;
    padding-top:150px;
    padding-bottom:150px;
    margin: 0 auto;
    text-align: center;
    position: relative;    
    padding:15px;
}

.forms{
    width:550px;
    padding:30px;
    margin: 0 auto;
    text-align: center;
    color:#000;
    font-size:20px;
}

div.g-recaptcha {
    margin: 0 auto;
    width: 304px;
}


.forms h1{
    color:#000;   
    font-size:35px;    
}

.forms input[type=text]{
    width:350px;
    height:40px;   
    padding:7px;
    font-size: 16px;
}

.forms input[type=password]{
    width:350px;
    height:40px;
    padding:7px;
    font-size: 16px;
}

.forms input[type=number]{
    width:350px;
    height:25px;   
    padding:7px;
    font-size: 16px;
}

.forms input[type=file]{
    width:350px;
    height:50px;   
    padding:7px;
    font-size: 16px;
}

.forms select{
    width:380px;
    height:55px;
    font-size: 16px;
    cursor:pointer;
}

.forms textarea{
    font-size: 16px;
    width:360px;
    height:150px;   
    padding:7px;
}

.forms input[type=submit]{
    color: #fff;
    background-color: #15CD72;
    border: 0;
    font-weight: 600;
    font-size: 17px;
    text-align: center;
    cursor: pointer;
    margin-bottom: 0;
    width:150px;    
    height:50px;
    margin-right: 2px;
}

.forms input[type=button]{
    color: #fff;
    background-color: #15CD72;
    border: 0;
    font-weight: 600;
    font-size: 17px;
    text-align: center;
    cursor: pointer;
    margin-bottom: 0;
    width:150px;    
    height:50px;
    margin-right: 2px;    
}

.forms input[type=submit]:hover,input[type=button]:hover{
    background-color: #0CB863;
    -webkit-transition: background 0.1s;
    -moz-transition: background 0.1s;
    -o-transition: background 0.1s;
    transition: background 0.1s;
} 

.forms .captcha{
    color:#000;
    font-size: 20px;
}

.addShop .title{
    font-size: 25px;
    font-weight: bold;
    color:#000;
    margin-left: 420px;
}

.addForm{
    background-color:#eee;
    color:#000;
    font-size:20px;    
    width:550px;
    margin-left:200px;
    text-align: center;
    padding:30px;
}

.addForm input[type=text]{
    width:350px;
    height:25px;   
    padding:7px;
    font-size: 16px;
}

.addForm input[type=password]{
    width:350px;
    height:25px;
    padding:7px;
    font-size: 16px;
}

.addForm select{
    width:370px;
    height:55px;
    font-size: 16px;
    cursor:pointer;
}

.addForm input[type=number]{
    width:350px;
    height:25px;   
    padding:7px;
    font-size: 16px;
}

.addForm input[type=submit]{
    color: #fff;
    background-color: #15CD72;
    border: 0;
    font-weight: 600;
    font-size: 17px;
    text-align: center;
    cursor: pointer;
    margin-bottom: 0;
    width:150px;
    height:50px;
    margin-right: 2px;
}

.addForm input[type=submit]:hover{
    background-color: #0CB863;
    -webkit-transition: background 0.1s;
    -moz-transition: background 0.1s;
    -o-transition: background 0.1s;
    transition: background 0.1s;
}  

.switchDetails {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 24px;
}

.switchDetails input {
    display:none;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #bd362f;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 15px;
  width: 15px;
  left: 4px;
  bottom: 4px;
  background-color: #fff;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #46a146;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

.contact{
    font-size: 20px;
    color:#000;
    text-align: center;
    width:60%;
    margin:0 auto;
}

.contact a{
    color:#2196F3;
    cursor: pointer;
}

.contact img{
  width:60px;
  padding:10px;
}

.seoIntro{
    width:67%;
    margin:14px auto 12px;
    color:#3b3b3b;
    text-align:left;
    font-size:12px;
    line-height:1.45;
    background:rgba(255,255,255,.38);
    border:1px solid rgba(0,0,0,.08);
    border-radius:12px;
    padding:12px 18px 14px;
    box-sizing:border-box;
}

.seoIntro h1{
    color:#202428;
    font-size:19px;
    margin:0 0 6px;
    text-align:center;
    line-height:1.25;
}

.seoIntro p{
    max-width:100%;
    max-height:none;
    margin:8px auto 0;
    text-align:left;
    letter-spacing:normal;
}

.seoIntro p:first-of-type{
    color:#4b5560;
    font-size:14px;
    font-weight:600;
    line-height:1.4;
    text-align:center;
    margin:0 auto 8px;
    max-width:760px;
}

.seoIntro p:not(:first-of-type){
    max-width:760px;
}

.socialMedia{
   background-color:#2b2b2b;
   width: 123px;
   position:fixed;
   bottom: 200px;   
}

.socialMedia img{
    width:30px;
    padding: 5px;    
}

.or{
    color:#aaa;
    font-size: 18px;
}

.footer{
    background-color: #2b2b2b;
    color:#e0b549;
    font-size:20px;
    text-align: center;
    padding: 10px;
    bottom: -10px;
}

.footer a{
    background-color:#e0b549;
    color:#000;
    text-decoration:none;
    padding: 5px;
}

.footer a:hover{
    color:#eee;
}

.voteCode{
    background-color: #eee;
    color:#000;
    width:560px;   
    padding: 30px;
    margin: 0 auto;
    text-align: center;
    margin-left: 280px;
    text-align: center;
    font-size: 20px;
}

.voteCode .banners{
    float:left;
    text-align: left;
    padding: 2px;
}

.voteCode .banners img{    
    margin-right: 10px;    
    width: 81px;
}

.voteCode textarea{
    font-size: 14px;
    width: 384px;
    height: 100px;
    padding:7px;
}

.voteCode textarea[readonly]{
    cursor:initial;
}

/* Fixed accMenu, full height */
.accMenu {  
  width: 160px;
  position: fixed;
  z-index: 1;
  background-color: #2b2b2b;
  overflow-x: hidden;
  padding-top: 5px;
  border-radius: 3px;
}

/* Style the accMenu links and the dropdown button */
.accMenu a, .dropdown-btn {
  padding: 21px 8px 21px 5px;
  text-decoration: none;
  font-size: 16px;
  font-weight: bold;
  color: #888;
  display: block;
  border: none;
  background: none;
  width: 100%;
  text-align: left;
  cursor: pointer;
}

/* On mouse-over */
.accMenu a:hover, .dropdown-btn:hover {
  color: #fff;
  background-color: #232323;
}

/* Main content */
.main {
  margin-left: 200px; /* Same as the width of the sidenav */
  font-size: 20px; /* Increased text to enable scrolling */
  padding: 0px 10px;
}

/* Add an active class to the active dropdown button */
.active {
  background-color: #232323;
  color: #fff;
}

/* Dropdown container (hidden by default). Optional: add a lighter background color and some left padding to change the design of the dropdown content */
.dropdown-container {
  display: none;
  background-color: #696969;  
}

.dropdown-container a{
    font-size: 14.5px;
    font-weight: bold;
    text-align: left;
    color:#fff;
}

.dropdown-container input[type=submit]{
    background: none;
    border: none;
    color:#fff;
    font-size: 17px;
}

/* Optional: Style the caret down icon */
.fa-caret-down {
  float: right;
  padding-right: 8px;
}

/* Some media queries for responsiveness */
@media screen and (max-height: 450px) {
  .accMenu {padding-top: 15px;}
  .accMenu a {font-size: 20px;}
}

.upload{
    font-size: 17px;
    background-color:#48649f;
    width:159px;
    padding:15px;
    margin: 2px;
    margin-bottom: 5px;
    float: left;
}

.upload a{
    color:#fff;
    text-decoration: none;
}

.extra{
    background-color:#e1e1e8;
    color:#46a146;
    font-size: 16px;
    text-align: left;
    line-height: 1.3;
    padding-top:5px;
    padding-left:5px;
    padding-bottom:5px;
    min-width: 580px;
    max-width: 650px;
    margin: 0 auto;
}

.titleExt{
    font-size: 18px;
    color:#48649f;
    font-weight: bold;
    text-align: center;
}

.tags{
    margin:10px;
    border: 1px solid #aaa;    
}

.tags .ins{    
    background-color: #ccc;
    border: 1px dotted #000;
    color:#000;
    font-size: 13px;
    font-weight: bold;
    margin: 10px;
    padding:10px;
    text-align: center;
    float: left;
}

#serverMenu2,#serverMenu3,#serverMenu4 {
    display: none;
}

.rules{
    font-size: 14px;
    font-weight: bold;   
    color:#000;
}

.rules:visited{
    font-size: 14px;
    font-weight: bold;
    color:#000;
}

.numbers{
    text-align: center;
    position: relative;
}

.numbers a{
    font-size: 16px;
    font-weight: bold;
    background-color: #2b2b2b;
    color:#fff;
    width: 25px;
    padding:5px;
    margin:2px;
    text-decoration: none;
    border-radius: .20em;
    padding-left: 10px;
    padding-right: 10px;
}

.fileUpload {
    position: relative;
    overflow: hidden;
    padding: 10px;
    width:70%;
    color:#fff;
    background-color:#aaa;
    text-align: center;
    margin: 0 auto;
}

.fileUpload .title{
    color:#fff;
    padding: 3px;
}

.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}    


.dropdown {
    display: inline-block;
    float:right;
}

.dropbtn {
    background-color: transparent;
    color: #fff;
    padding: 10px;
    font-size: 14px;
    border: none;
    cursor: pointer;
}

.dropdown-content {
    display: none;
    right: 0;
    left:0;
    background-color: #2b2b2b;
    z-index: 10000;
    font-size: 13px;
}

.dropdown-content a {
    color: #fff;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {
    background-color: #eee;
    color:#000;
}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover .dropbtn {
    background-color: #ccc;
}


/*
.modal {
  display: none;
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.5);
}

.modal-content {
  margin: 10% auto;
  width: 60%;
  box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2), 0 7px 20px 0 rgba(0, 0, 0, 0.17);
  animation-name: modalopen;
}

.modal-header h2,
.modal-footer h3 {
  margin: 0;
}

.modal-header {
  padding: 15px;
  color: #fff;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.modal-body {
  padding: 10px 20px;
  background: #fff;
}

.modal-footer {
  padding: 10px;
  color: #fff;
  text-align: center;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.close {
  color: #ccc;
  float: right;
  font-size: 30px;
  color: #fff;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

@keyframes modalopen {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
*/
.checkStatus{
    margin:0 auto;
    padding:5px;
    width:30%;
    text-align: center;
    margin-bottom: -10px;
    margin-top:311px;
}

.checkStatus .status{
/*    background-color: #eee;*/
    padding-top:27px;
    vertical-align: bottom;
}

.checkStatus img{
    width:30px;
    vertical-align: top;
    padding:10px;
}

.checkStatus input[type=submit]{
    width:60%;
    color: #fff;
    background-color: #2196f3;
    border: 0;
    font-weight: 600;
    font-size: 17px;
    text-align: center;
    cursor: pointer;    
    height: 50px;
    position: relative;
}

.checkStatus input[type=submit]:hover{
    background-color: #14c0f0;
}

.fbLike{
    text-align: center;
    margin: 0 auto;
}

.forYear{
    margin-top:10px;
    margin-bottom:10px;
    background-color:#7973D7;
    font-size: 18px;
    padding: 10px;
    color:#fff;
    font-weight: bold;
    text-align: center;
}

.forYear .coins{
    color:#fff;
    font-size: 18px;
}

.forYear input[type=submit]{
    background-color: #6000c2;
}

.forYear input[type=submit]:hover{
    background-color: #6000e2;
}

.darkMode .switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

.switch .myInput { 
  opacity: 0;
  width: 0;
  height: 0;
}

.sliderMode {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.sliderMode:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: #fff;
  -webkit-transition: .4s;
  transition: .4s;
}

.myInput:checked + .sliderMode {
  background-color: #000;
}

.myInput:focus + .sliderMode {
  box-shadow: 0 0 1px #000;
}

.myInput:checked + .sliderMode:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliderModes */
.sliderMode.round {
  border-radius: 34px;
}

.sliderMode.round:before {
  border-radius: 50%;
}


.darkMode{
/*    position: relative;
    float:right;*/
    font-size: 13px;
    margin-right:5px;
/*    color:#fff;*/
    padding: 5px;    
}

.darkMode a{
    vertical-align: sub;
}

.darkMode a:hover{
   color:#000;
}

.myNews{
    width:70%;
    margin: 0 auto;
    position: relative;
}

.myNews .header{
    color:#000;
    font-size:30px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 10px;
}

.myNews a{
    text-decoration: none;
}

.myNews .post{
    background-color: #eee;
    width: 100%;
    margin-bottom: 20px;
    border-radius: 10px;    
}

.myNews .title{
    font-size:23px;
    text-align: left; 
    color:#d9544b;
    font-weight: bold;
    padding-top: 10px;
    margin-left: 15px;
}

.myNews .line{
    font-style: italic; 
    text-align: left;
    margin-left: 15px;
    margin-top: 10px;
    color:#000;
    font-size: 11px;
}

.myNews .author{
    text-decoration: underline;   
}

.myNews .date{
    font-style:initial;
}

.myNews .images{
    width:100%;
    margin-top:10px;
    margin-left:15px;
}

.images img{
    width:220px;
    margin-right:5px;
}

.myNews .updates{    
    font-size:14.5px;
    color:#006dcc;
    text-align: left;
    letter-spacing: 1px;
    padding-bottom: 10px;
    font-family: Arial;
    margin:15px;
}

.myNews .readMore {
   text-align: right;
   margin-right: 15px;
   padding-bottom: 10px;
   font-size: 14px;
}

.myNews .readMore a{
    color:#777;    
}

.back{
    width:10%;
    text-align: center;
    background-color:#d9544b;
    font-size: 18px;
    vertical-align: sub;
    margin:0 auto;
    border-radius: 5px;
    cursor:pointer;
    padding:5px;
}

.back a{
    text-decoration: none;
    color:#fff;
}

.latestNews{
    width:100%;
    margin-top: 20px;
    display:flex;
    flex-wrap:wrap;
    align-items:stretch;
    gap:20px;
}

.latestNews .left{
    background-color: #eee;
    width:calc(50% - 10px);
    position: relative;
    min-height:220px;
    margin:0;
    border-radius: 5px;
    overflow:hidden;
}

.latestNews .left .post{
    height:100%;
    margin-bottom:0;
}

.profile .livestream input[type=text]{
    width:150px;
    height: 46px;
    padding: 10px;
    vertical-align:baseline;
}

.liveStreamTable{    
   background-color:#eee;
   width:72%;
   color:#000;
   padding:5px;
   z-index: 1;
   text-align: center;
   margin:0 auto;
   display:flex;
   flex-wrap:wrap;
   align-items:flex-start;
   justify-content:center;
}

.liveStreamTable .title{
   font-size: 23px;
   font-weight: bold;
   width:100%;
}

.liveStreamTable .miniTitle{
   font-size: 14px;    
   color:#888;
   width:100%;
}

.liveStreamTable img{
    width: 245px;
    max-width:245px;
    height: 160px;
    max-height: 160px;
    float: left;
    margin-left: 5px;
    margin-bottom: 5px;
}

.livestreamSpots{
    background-color: #000;
    width:68.9%;
    /*width:700px;*/
    margin:0 auto;
    margin-top: 15px;
    margin-left: 165px;
}

.streamName{
    width: 180px;    
    float: left;
}

.streamName a{
    font-weight: bold;
    background-color: #2C3D45;
    color: #fff;   
    padding: 5px;
    font-size: 10px;
    position: absolute;
}

.liveStreamTable:not(.guideTable) .box{
    width:calc(30.333% - 12px);
    min-width:0;
}

.liveStreamTable:not(.guideTable) .streamName{
    width:100%;
    float:none;
    margin-bottom:10px;
    text-align:center;
}

.liveStreamTable:not(.guideTable) .streamName span{
    display:block;
    font-size:15px;
}

.liveStreamTable:not(.guideTable) a.popup-youtube{
    display:block;
}

.liveStreamTable:not(.guideTable) a.popup-youtube img{
    width:100%;
    max-width:none;
    height:auto;
    float:none;
    margin:0;
}

.guideTable{
   position: relative;
   margin-left: auto;
   margin-right: auto;
   margin-top: 10px;
   padding: 18px 20px 24px;
}

.guideGrid{
   display: grid;
   grid-template-columns: repeat(3, minmax(0, 1fr));
   gap: 28px 18px;
   align-items: start;
}

.guideCard{
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: flex-start;
   text-align: center;
}

.guideCardTitle{
   font-size: 18px;
   font-weight: bold;
   color: #111;
   margin-bottom: 12px;
   min-height: 48px;
   display: flex;
   align-items: flex-end;
   justify-content: center;
   width: 100%;
}

.guideCardLink{
   display: block;
   width: 100%;
}

.guideTable img{
   width: 100%;
   max-width: 100%;
   height: 170px;
   max-height: 170px;
   object-fit: cover;
   float: none;
   margin: 0;
}

.stream{
    width:125px;
    max-width:125px;
    /*background: linear-gradient(to bottom left, #33ccff 0%, #ff99cc 100%);*/
    background-color: #9147ff;
    float:left;
    padding:4px;
    position: relative;
    margin-right: 5px;
    margin-bottom: 15px;
    color:#fff;
    font-size: 14px;
    font-weight: bold;
}

.stream img{
    width:25px;
    vertical-align: middle;
}

.livestreamButton{
    background-color: #cd463f;
    color:#fff;
    text-decoration: none;
    float:left;
    padding:10px;
    font-weight: bold;
    font-size: 14px;
    animation: blink-animation 2s steps(10, start) infinite;
    -webkit-animation: blink-animation 2s steps(10, start) infinite;
}

.livestreamButton:hover{
    background-color: #bd362f;
    animation: none;  
}

.livestreamSpots{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:18px;
    width:min(100%,920px);
    max-width:920px;
    margin:18px auto 0;
    background:transparent;
    align-items:stretch;
}

.streamCardLink{
    display:block;
    text-decoration:none;
    color:inherit;
    height:100%;
}

.stream.streamCard{
    width:100%;
    max-width:none;
    min-height:100%;
    float:none;
    margin:0;
    padding:14px;
    border-radius:16px;
    background:linear-gradient(180deg,#2a2a30 0%,#1d1d22 100%);
    box-shadow:0 10px 24px rgba(0,0,0,0.22);
    display:flex;
    flex-direction:column;
    box-sizing:border-box;
}

.streamCardThumb{
    margin-bottom:12px;
}

.streamCardThumb img{
    width:100%;
    height:124px;
    object-fit:cover;
    border-radius:12px;
    display:block;
}

.streamCardBody{
    display:flex;
    flex-direction:column;
    gap:8px;
    flex:1 1 auto;
}

.streamCardChannelRow{
    display:flex;
    align-items:center;
    gap:8px;
}

.streamCardChannelRow img{
    width:25px;
    height:25px;
    flex:0 0 25px;
}

.streamCardChannel{
    font-size:16px;
    font-weight:700;
    color:#fff;
}

.streamCardTitle{
    font-size:14px;
    line-height:1.45;
    color:#e9e9ee;
    min-height:60px;
}

.streamCardMeta{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:10px;
    flex-wrap:wrap;
    font-size:12px;
    color:#bfc5d1;
}

.streamCardViewers{
    color:#ffffff;
    font-weight:700;
}

.streamCardStarted{
    color:#bfc5d1;
}

.streamPlaceholder .streamCardThumb{
    margin-bottom:6px;
}

.streamPlaceholder .streamCardThumb img{
    width:44px;
    height:31px;
    object-fit:contain;
}

@media (max-width: 1180px){
    .livestreamSpots{
        grid-template-columns:repeat(2,minmax(0,1fr));
        width:min(100%,760px);
        max-width:760px;
    }
}

@media (max-width: 760px){
    .livestreamSpots{
        grid-template-columns:1fr;
        width:100%;
        max-width:none;
    }
}

.remind{
    background-color:#888;
    color:#fff;
    font-weight: bold;
    padding: 8px;
    font-size:16px;
    margin-top: 11px; 
    text-align: center;
}

.disRemind{
    background-color:#008f65;
    color:#fff;
    font-weight: bold;
    padding: 8px;
    font-size:16px;
    margin-top: 11px; 
    text-align: center;    
}

    .logs{
        background-color:rgba(0,0,0,0.8);
        color:#fff;
        border-radius: 10px;
        width:65%;
        padding:20px;
        text-align: left;
        font-size: 22px;
        overflow-y: scroll;  
        max-height:980px;    
        scrollbar-width:thin;
        scrollbar-color: rgba(0,0,0,0.8) rgba(0,0,0,0.8);
        color:#fff;
        margin: 0 auto;                
	margin-bottom:20px;
    }
    
    .logs .box{
        margin-bottom: 10px;
    }    
    
    .logs .date{
        color:#888;
    }
    
    .logs .adapter{
        color:#8085b4;
    }
    
    .logs .success{
        color:#46a146;
    }
    
    .logs .warning{
        color:#ff9966;
    }    

    .logs .error{
        color:#bd362f;
    }    
    
    .logs .message{
        color:#888;
    }
    
    .logs::-webkit-scrollbar-track {
      background: #8085b4;
   }
    
.logs::-webkit-scrollbar-thumb {
   background-color: #8085b4 ;
   border-radius: 6px;
   border: 3px solid #8085b4;  
}   

.myStory {
  width:100px;
  height:100px;  
  border: 3px solid #888;     
}

.myStory img{
    width: 100px;
    position:relative;
}

.story button{
    background-color:#cd463f;
    border:1px solid #cd463f;
    font-size: 15px;
    padding:2px;
    color:#fff;
    width:50px;
    position: absolute;
    right:25px;
    margin-top:12px;
    border-radius: .25em;    
    font-weight: bold;
    cursor: pointer;
}

.big .vBox{
    position: absolute;
    top: 10px;
    right: 6px;
    width: 92px;
}

.big .story  button{
    margin-top:5px;    
    right:23px;
}

.apii{
    width:83%;
    font-family: ubuntu;
    text-align: center;
    margin:0 auto;
    margin-left: 180px;
    background-color:#ddd;
}

.apii .title{
    padding:10px;
    font-weight: bold;
    font-size: 15px;   
}

.myApi{
    background-color: #eeeeee;    
    text-align: center;
    margin:0 auto;    
}

.myApi th{
    font-size: 15px;
    font-weight: bold;   
}

.myApi td{
    padding: 10px;
    font-size: 14px;
    text-align: left;
    border-right: 1px solid #ddd;        
}

.myApi tr{
    border-bottom: 1px solid #ddd;    
}

/*
 * Toastr
 * Copyright 2012-2014 John Papa and Hans Fjällemark.
 * All Rights Reserved.
 * Use, reproduction, distribution, and modification of this code is subject to the terms and
 * conditions of the MIT license, available at http://www.opensource.org/licenses/mit-license.php
 *
 * Author: John Papa and Hans Fjällemark
 * Project: https://github.com/CodeSeven/toastr
 */
.toast-title {
  font-weight: bold;
}
.toast-message {
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}
.toast-message a,
.toast-message label {
  color: #ffffff;
}
.toast-message a:hover {
  color: #cccccc;
  text-decoration: none;
}
.toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: #ffffff;
  -webkit-text-shadow: 0 1px 0 #ffffff;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80);
}
.toast-close-button:hover,
.toast-close-button:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  filter: alpha(opacity=40);
}
/*Additional properties for button version
 iOS requires the button element instead of an anchor tag.
 If you want the anchor version, it requires `href="#"`.*/
button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}
.toast-top-full-width {
  top: 30px;
  right: 0;
  width: 100%;
}
.toast-bottom-full-width {
  bottom: 30px;
  right: 0;
  width: 100%;
}
.toast-top-left {
  top: 12px;
  left: 12px;
}
.toast-top-right {
  top: 12px;
  right: 12px;
}
.toast-bottom-right {
  right: 12px;
  bottom: 12px;
}
.toast-bottom-left {
  bottom: 12px;
  left: 12px;
}
.toast-center {
     position:absolute;
     width:300px;
     height:200px;
     z-index:15000;
     top:50%;
     left:50%;
     margin:-100px 0 0 -200px;
}
#toast-container {
  position: fixed;
  z-index: 999999;
  /*overrides*/
}

#toast-container * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#toast-container > div {
  margin: 0 0 6px;
  padding: 15px 15px 15px 50px;
  width: 400px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  -moz-box-shadow: 0 0 12px #999999;
  -webkit-box-shadow: 0 0 12px #999999;
  box-shadow: 0 0 12px #999999;
  color: #ffffff;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80);
  font-weight: bold;
  font-family: sans-serif;
}
#toast-container > :hover {
  -moz-box-shadow: 0 0 12px #000000;
  -webkit-box-shadow: 0 0 12px #000000;
  box-shadow: 0 0 12px #000000;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter: alpha(opacity=100);
  cursor: pointer;
}
#toast-container.toast-top-full-width > div,
#toast-container.toast-bottom-full-width > div {
  width: 96%;
  margin: auto;
}
.toast {
  background-color: #030303;
}
.toast-success {
  background-color: #51a351;
}
.toast-error {
  background-color: #bd362f;
}
.toast-info {
  background-color: #2f96b4;
}
.toast-warning {
  background-color: #f89406;
}
/*Responsive Design*/
@media all and (max-width: 240px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 11em;
  }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 241px) and (max-width: 480px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 18em;
  }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 481px) and (max-width: 768px) {
  #toast-container > div {
    padding: 15px 15px 15px 50px;
    width: 25em;
  }
}

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8; }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #CCC; }
    .mfp-preloader a:hover {
      color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover,
  .mfp-close:focus {
    opacity: 1; }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover,
  .mfp-arrow:focus {
    opacity: 1; }
  .mfp-arrow:before,
  .mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
  .mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
  .mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }
  .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }


/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu1aB.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu1aB.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu1aB.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu1aB.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* hebrew */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu1aB.woff2) format('woff2');
  unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* math */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTVOmu1aB.woff2) format('woff2');
  unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0330, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2034-2037, U+2057, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2102, U+210A-210E, U+2110-2112, U+2115, U+2119-211D, U+2124, U+2128, U+212C-212D, U+212F-2131, U+2133-2138, U+213C-2140, U+2145-2149, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B6, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;
}
/* symbols */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTUGmu1aB.woff2) format('woff2');
  unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F7FF, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8B1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA88, U+1FA90-1FABD, U+1FABF-1FAC5, U+1FACE-1FADB, U+1FAE0-1FAE8, U+1FAF0-1FAF8, U+1FB00-1FBFF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu1aB.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu1aB.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu1aB.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu1aB.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu1aB.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu1aB.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* hebrew */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu1aB.woff2) format('woff2');
  unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* math */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTVOmu1aB.woff2) format('woff2');
  unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0330, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2034-2037, U+2057, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2102, U+210A-210E, U+2110-2112, U+2115, U+2119-211D, U+2124, U+2128, U+212C-212D, U+212F-2131, U+2133-2138, U+213C-2140, U+2145-2149, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B6, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;
}
/* symbols */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTUGmu1aB.woff2) format('woff2');
  unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F7FF, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8B1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA88, U+1FA90-1FABD, U+1FABF-1FAC5, U+1FACE-1FADB, U+1FAE0-1FAE8, U+1FAF0-1FAF8, U+1FB00-1FBFF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu1aB.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu1aB.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu1aB.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu1aB.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu1aB.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu1aB.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* hebrew */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu1aB.woff2) format('woff2');
  unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* math */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTVOmu1aB.woff2) format('woff2');
  unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0330, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2034-2037, U+2057, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2102, U+210A-210E, U+2110-2112, U+2115, U+2119-211D, U+2124, U+2128, U+212C-212D, U+212F-2131, U+2133-2138, U+213C-2140, U+2145-2149, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B6, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;
}
/* symbols */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTUGmu1aB.woff2) format('woff2');
  unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F7FF, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8B1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA88, U+1FA90-1FABD, U+1FABF-1FAC5, U+1FACE-1FADB, U+1FAE0-1FAE8, U+1FAF0-1FAF8, U+1FB00-1FBFF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu1aB.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu1aB.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu1aB.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu1aB.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu1aB.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu1aB.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* hebrew */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu1aB.woff2) format('woff2');
  unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* math */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTVOmu1aB.woff2) format('woff2');
  unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0330, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2034-2037, U+2057, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2102, U+210A-210E, U+2110-2112, U+2115, U+2119-211D, U+2124, U+2128, U+212C-212D, U+212F-2131, U+2133-2138, U+213C-2140, U+2145-2149, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B6, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;
}
/* symbols */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTUGmu1aB.woff2) format('woff2');
  unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F7FF, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8B1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA88, U+1FA90-1FABD, U+1FABF-1FAC5, U+1FACE-1FADB, U+1FAE0-1FAE8, U+1FAF0-1FAF8, U+1FB00-1FBFF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu1aB.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu1aB.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu1aB.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu1aB.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu1aB.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu1aB.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* hebrew */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu1aB.woff2) format('woff2');
  unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* math */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTVOmu1aB.woff2) format('woff2');
  unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0330, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2034-2037, U+2057, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2102, U+210A-210E, U+2110-2112, U+2115, U+2119-211D, U+2124, U+2128, U+212C-212D, U+212F-2131, U+2133-2138, U+213C-2140, U+2145-2149, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B6, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;
}
/* symbols */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTUGmu1aB.woff2) format('woff2');
  unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F7FF, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8B1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA88, U+1FA90-1FABD, U+1FABF-1FAC5, U+1FACE-1FADB, U+1FAE0-1FAE8, U+1FAF0-1FAF8, U+1FB00-1FBFF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu1aB.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu1aB.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

.seoServerText {
    margin-top: 25px;
    padding: 20px;
    background: #0f0f0f;
    border: 1px solid #2d2d2d;
    border-radius: 8px;
    color: #e9e9e9;
    font-size: 16px;
    line-height: 1.75;
    text-align: left;
    letter-spacing: normal;
    word-spacing: normal;
    white-space: normal;
    overflow: hidden;
}

.seoServerText * {
    text-align: left !important;
    letter-spacing: normal !important;
    word-spacing: normal !important;
    line-height: 1.75 !important;
    float: none !important;
    position: static !important;
    transform: none !important;
}

.seoServerText h2 {
    display: block;
    margin: 0 0 18px 0;
    padding: 0;
    font-size: 28px;
    font-weight: 700;
    color: #ffffff;
    line-height: 1.3 !important;
}

.seoServerText p {
    display: block;
    margin: 0 0 16px 0;
    padding: 0;
    font-size: 16px;
    color: #e9e9e9;
    line-height: 1.75 !important;
    max-width: 100%;
}

.server-overview-seo {
    margin-top: 28px;
    padding: 24px;
    border-radius: 14px;
    background: #f7f7f7;
    border: 1px solid #bfbfbf;
    color: #222;
    line-height: 1.7;
    text-align: left;
    position: relative;
    overflow: hidden;
    white-space: normal;
}

.server-overview-seo h2 {
    display: block;
    float: none;
    clear: both;
    position: static;
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 22px;
    color: #111;
    line-height: 1.35;
    text-align: left;
}

.server-overview-seo h2:not(:first-child) {
    margin-top: 22px;
}

.server-overview-seo p {
    display: block;
    float: none;
    clear: both;
    position: static;
    margin-bottom: 0;
    max-width: 950px;
    color: #222;
    line-height: 1.7;
    text-align: left;
}

.server-overview-seo * {
    color: inherit !important;
    float: none !important;
    position: static !important;
    transform: none !important;
    text-align: inherit !important;
}

.server-overview-related ul {
    margin: 0;
    padding-left: 22px;
}

.server-overview-related li + li {
    margin-top: 8px;
}

.all_desc {
    display: block;
    line-height: 1.7;
    text-align: left;
    white-space: normal;
}
.seo-hero {
    margin: 0;
    padding: 14px 16px 8px;
    border-radius: 12px;
    background: transparent;
}

.seo-hero h1 {
    margin: 0 0 8px;
    text-align: center;
    color:#202428;
    font-size: 24px;
}

.seo-hero p {
    max-width: 760px;
    line-height: 1.65;
    margin: 0 auto;
    text-align: center;
}

.quick-links {
    display: ruby;
    flex-wrap: nowrap;
    justify-content: center;
    gap: 8px;
    margin: 26px auto 0;
    overflow-x: auto;
    padding: 0 6px 2px;
    box-sizing: border-box;
}

.quick-links a {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    white-space: nowrap;
    margin-right:2px;
    padding: 8px 12px;
    border-radius: 999px;
    text-decoration: none;
    background: linear-gradient(135deg, rgba(72,66,124,0.95), rgba(108,83,202,0.95));
    color:#fff;
    font-weight: 700;
    font-size: 12px;
    box-shadow: 0 8px 18px rgba(77, 53, 140, 0.18);
    transition: transform .15s ease, box-shadow .15s ease, background .15s ease;
}

.quick-links a:hover{
    transform: translateY(-1px);
    box-shadow: 0 10px 22px rgba(77, 53, 140, 0.24);
    background: linear-gradient(135deg, rgba(57,52,102,0.98), rgba(96,72,194,0.98));
}

.quick-links-inline{
    width:100%;
}

.numbers-top{
    margin-bottom: 14px;
}

.faq {
    width: 700px;
    margin: 35px auto 20px;
    padding: 28px 34px;
    border-radius: 16px;
    background: rgba(255,255,255,0.78);
    box-sizing: border-box;
    text-align: left;
    color: #222;
}

.faq h2 {
    margin-bottom: 22px;
    font-size: 26px;
    line-height: 1.2;
    color: #111;
}

.faqItem {
    margin-top: 14px;
    border: 1px solid rgba(17,17,17,0.09);
    border-radius: 14px;
    background: rgba(255,255,255,0.9);
    overflow: hidden;
}

.faqItem summary {
    position: relative;
    list-style: none;
    cursor: pointer;
    padding: 18px 50px 18px 18px;
    font-size: 18px;
    line-height: 1.35;
    font-weight: bold;
    color: #111;
}

.faqItem summary::-webkit-details-marker {
    display: none;
}

.faqItem summary::after {
    content: "+";
    position: absolute;
    right: 18px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 28px;
    line-height: 1;
    color: #cd463f;
}

.faqItem[open] summary::after {
    content: "-";
}

.faqAnswer {
    padding: 0 18px 18px;
}

.faqAnswer p {
    line-height: 1.7;
    margin: 0;
    font-size: 15px;
    color: #333;
    text-align: left;
}
.voteListLinkInline {
    margin-left: 6px;
    font-weight: 600;
    text-decoration: none;
}
.voteCountLink {
    display: inline-block;
    color: inherit;
    text-decoration: none;
}

.voteCountLink:hover {
    color: inherit;
    text-decoration: none;
}
.votes .vBox{
    width:88px !important;
}