body { margin:0px; padding:0px; font-size: 16px; font-family: 'ptsans'; background:  #1c1f24 ;font-family:arial;}

img { border:0px; }
.clr { clear:both; }


.stn:link, .stn:visited { color: #609143; text-decoration: none; font-weight: bold; } 
.stn:active, .stn:hover { color: #d77906; text-decoration: none; }

.stn-sort:link, .stn-sort:visited { color: #FFFFFF; text-decoration: none; font-weight: bold; } 
.stn-sort:active, .stn-sort:hover { color: #000000; text-decoration: none; }

/*############# WRAPPERS #############*/
.wrap { width:1515px; border:0px solid black; margin: 0 auto; background: url(/img/fruit/1.png) 50px 80px no-repeat; background-size:470px;  min-height:1700px; position:relative;z-index:100;overflow:hidden;   }

.wrap2{
    width:1515px;
    	height:480px;
}

/*############# HEADER #############*/
.header { width:100%; }

.clr-line {
	
	width:1500px;
	height:18px;
}



.hd-menu {
float: left;
list-style: none;
font-family: "PTSansRegular";
margin: -83px 0px 140px 280px;
width: 950px;

}

.hd-menu li  {
display: block;
float: left;
margin: 0px 15px 0px 0px;
width: 100px;
text-align: center;
}

.hd-menu a {
	text-decoration:none;
	 color: red; font-weight:bold;text-shadow: 1px 1px 1px #000000;
        filter: dropshadow(color=#000000, offx=1, offy=1);
}


.acci {
background: url(/img/arrows.png) repeat-x;
width: 500px;
height: 145px;
margin-left: 70px;
}

.tigr {
background: url(/img/tigr.jpg) no-repeat;
width: 654px;
height: 145px;
}


.cp-art {

	width:542px;
	height:244px;
	margin-bottom:10px;
        border-radius: 35px;
        margin: 0px 0px 0px 50px;
	float:left;
}

.sprite-icon {
	background: url(/img/sprite-icon.png) no-repeat;
	width:500px;
	height:500px;
}

.hd-bnf {
float: left;

height: 152px;
font-family: "lobster";
margin: 25px 0px 0px 30px;
padding: 10px 15px 0px 30px;
color: #FFFFFF;
font-size: 1.2em;
line-height: 17pt;
border: 1px solid #FFFFFF;
border-radius: 5px;
letter-spacing: 1px;
}

.hd-bnf li {
	list-style-image: url(/img/arrow.png);	
	background-repeat:no-repeat;
}

/*############# CONTENT #############*/
.content {  width:100%; margin-top:50px; }
.cl-left { width:395px; float:left; border:0px solid black;}
.cl-right { width:630px; float:left; padding:0px 0px 0px 20px; border:0px solid black; }

.h-title {
background: url(/img/opacity-title.png) no-repeat;
width: 289px;
height: 22px;
color: #000000;
font-family: "GNUTypewriter";
text-align: center;
font-size: 15px;
margin: 2px 0px 0px 15px;
}


.h-title2 {
background: #095d8f;
border-radius:5px;
width: 313px;
height: 28px;
color: #fff;
font-family: "Candara";
text-align: center;
font-size: 20px;
margin: 0px 0px 0px -1px;
padding-top:2px;
}


.autoriz {
color: #89FFFF;
background: #293351;
width: 313px;
height: 290px;
border: 8px solid #545df0;
border-radius:60px;
margin: 0px 0px 20px 40px;
font-weight: bold;

}

.lg {
	background: #d6d9e2;
	border: 1px solid grey;
	border-radius:10px;
	
	width:240px;
	height:42px;
	padding:10px 5px 10px 10px;
	margin:15px 0px 0px 15px;
}

.lg:hover {
	background: #d6d9e2;
	
}

.ps {
	background: #d6d9e2;
	border: 1px solid grey;
	border-radius:10px;
	
	width:240px;
	height:42px;
		padding:10px 5px 10px 10px;
	margin:10px 0px 10px 15px;
}

.ps:hover {
	background: #d6d9e2;
}

.btn_in {
background: #5a60ff;
box-shadow:0px 0px 1px #4348d9;
border-radius: 12px;
color: #fff;
margin: 0px 0px 0px 20px;
padding: 3px 0px 3px 0px;
cursor: pointer;
width: 220px;
height:42px;
font-weight: bold;
font-size:19px;
border:none;
}

.btn_in:hover {
background: #474dec;
}


.btn_inreg {
background: #5a60ff;
box-shadow:0px 0px 1px #4348d9;
border-radius: 12px;
color: #fff;
margin: 20px 0px 0px -30px;
padding: 3px 0px 3px 0px;
cursor: pointer;
width: 300px;
height:48px;
font-weight: bold;
font-size:19px;
border:none;
}

.btn_reg {
	background: #5a60ff;
box-shadow:0px 0px 1px #4348d9;
	border-radius:20px;

	margin:0px 0px 0px 0px;
	padding:20px 70px;
	cursor:pointer;	
	
        font-weight: bold;
}


.btn_reg:hover {
background: #474dec;
}


.btn_reg a{
	color:#fff;
	font-size:24px;
}

a.rs-ps { color:white; text-decoration:none;  font-size:14px; }
a.rs-ps:hover { text-decoration:underline; }




.lgo {
	
	
	
	
	width:440px;
	height:42px;
	padding:10px 5px 10px 10px;
	margin:5px 0px 0px 0px;
	
	
	background: #d6d9e2;
	border: 1px solid grey;
	border-radius:10px;
	padding:10px 5px 10px 10px;
	
}


.regs{
   margin:0 auto;
   width:500px;
   background:#212a45;
   border-radius:20px;
   padding:10px;
   border:4px solid #2e3b61;
}

.regs2{
    
    width:450px;
    margin:0 auto;
}
.btn_reg2 {
	background: #095d8f;
	border: 1px solid #2596B3;
	border-radius:5px;
	color:#fff;
	margin:0px 0px 0px 0px;
	padding:3px 0px 3px 0px;
	cursor:pointer;	
	width:250px;
	height:40px;
        font-weight: bold;
        font-size:19px;
}








.stat {

color: #000;
width: 313px;
height: 245px;
margin: 0px 0px 0px 0px;
border: 1px solid #034d70;
border-radius:10px;

margin: 0px 0px 0px 40px;
background: #c2d6e0;
font-weight: 700;
}

.stat2 {

background: #293351;
border: 8px solid #545df0;
border-radius:60px;
color: #000;
width: 313px;
height: 385px;
margin: 0px 0px 0px 0px;
margin: 20px 0px 0px 40px;
font-weight: 700;

}

.st-lf { float:left; margin:5px 0px 0px 0px; }
.st-rg { float:left; margin:7px 0px 0px 15px; }r
.st-lf1 { float:left; margin:0px 0px 0px 0px; }
.st-rg1 { float:left; margin:3px 0px 0px 27px; }
.line {
	margin:10px 0px 0px 30px;
        font-family: 'GNUTypewriter';
font-size: 15;
}

.line-st {
	border: 1px solid #8d8d8d;
        font-family: 'GNUTypewriter';
font-size: 14;
	border-radius:2px;
	background: url(/img/inpt-hov.png) repeat-x;
	width:115px;
	height:19px;
	color:#0e426c;
	text-align:center;
	margin:2px 0px 0px 0px;
	padding:5px 0px 0px 0px;
	
}

.st-time {
	margin:3px 0px 0px 30px;
}

.wim {
background: url(/img/small-inpt.png) repeat-x;
width: 487px;
height: 283px;
text-align: center;
margin: 50px;
}

.wim-block {
	margin:10px 0px 0px 67px;
}

.wim-lf {
	background: url(/img/man-1.jpg) no-repeat;
	width:125px;
	height:129px;
	float:left;
}

.wim-ctr {
	width:220px;
	float:left;
	color:#0a5200;
	font-size:19pt;
	text-align:center;
	margin:0px 5px 0px 5px;
}

.wim-ctr-in {
	background: url(/img/arrows.jpg) no-repeat;
	width:117px;
	height:63px;
	margin:10px 0px 10px 50px;
}

.wim-rg {
	background: url(/img/man-2.jpg) no-repeat;
	width:130px;
	height:131px;
	float:left;	
}

.garant-bk {
	width:200px;
	float:left;
	margin:5px 0px 0px 0px;
	text-align:center;
	color:#0a5200;
	font-size:15pt;	

}

i {
	display:block;
	background:url(/img/garant-sprite.jpg);
	width:171px;
	height:155px;
	margin-left:15px;
}

.cntrl-ps {
	width:171px;
	margin-left:71px;

}

s {
	display:block;
	background:url(/img/paysitem-sprite.png);
	width:57px;
	height:46px;
	float:left;
}

.acc-title {
background: #095d8f;
width: 1050px;
height: 28px;
border: 1px solid #000000;
border-radius: 5px;
text-align: center;
font-family: "Triod Postnaja";
font-size: 18px;
color: #fff;
margin-left: 0px;
padding:5px 0;
margin-top:-14px;
}

.acc-title2 {
background: #095d8f;
width: 238px;
height: 30px;
border: 1px solid #000000;
border-radius: 5px;
text-align: center;
font-family: "lobster";
font-size: 18px;
color: #000000;
margin-left: 30px;
margin:0px 0px 0px 78px;
}


.profmenu {
background: url(/img/menu.png) no-repeat;
width: 210px;
margin: 0 auto;
height: 555px;
line-height: 36px;
text-align: center;
font-size: 18px;
padding-top: 10px;
}

.field-gr {
	background:url(/img/1112.png) no-repeat #c2d6e0;
	width:230px;
	height:31px;
	padding:9px 0px 0px 45px;
	margin:-9px 0px 11px 50px;
	border:1px solid #034d70;
}

.field-gr a {
	color:#07344f;
	text-decoration:none;
	font-size:20px;
}
.field-gr a:hover {
	color:#6e0e0e;
	text-decoration:none;
	border-bottom:1px dashed #6e0e0e;
	font-size:20px;
}

.field-gr2 {
	background:url(/img/1113.png) no-repeat #c2d6e0;
	width:230px;
	height:31px;
	padding:9px 0px 0px 45px;
	margin:-9px 0px 11px 55px;
	border:1px solid #034d70;
}


.field-gr2 a {
	color:#07344f;
	text-decoration:none;
	font-size:20px;
}

.field-gr2 a:hover {
	color:#6e0e0e;
	text-decoration:none;
	border-bottom:1px dashed #6e0e0e;
	font-size:20px;
}



















.field-rd {
	background: url(/img/field-rd.jpg) no-repeat;
	width:220px;
	height:31px;
	padding:9px 0px 0px 48px;
	margin:-10px 0px 11px 28px;
}

.field-rd a {
	color:#ad7676;
	text-decoration:none;
	font-size:20px;
}

.field-rd a:hover {
	color:#c28888;
	text-decoration:none;
	border-bottom:1px dashed #c28888;
	font-size:20px;
}

.field-ar {
	background: url(/img/field-ar.jpg) no-repeat;
	width:220px;
	height:31px;
	padding:9px 0px 0px 48px;
	margin:-10px 0px 11px 28px;
}

.field-ars {
	background: url(/img/field-ars.jpg) no-repeat;
	width:220px;
	height:31px;
	padding:9px 0px 0px 48px;
	margin:-10px 0px 11px 28px;
}

.field-ars a, .field-ar a {
	color:#7ea57b;
	text-decoration:none;
	font-size:18px;
}

.field-ars a:hover, .field-ar a:hover {
	color:#99be97;
	text-decoration:none;
	border-bottom:1px dashed #99be97;
	font-size:18px;
}

.fr-block {
background: url(/img/fr-block.jpg) no-repeat;
width: 450px;
height: 150px;
border-radius:40px;
margin: 0px auto 20px;
}

.fr-block img {
	margin:10px 0px 0px 15px;
	border-radius:40px;
	border:3px solid #cdcdcd;
}

.fr-title {
	color:#7ea57b;
	font-size:18px;
}

.cl-fr-lf {
	float:left; 
	text-align:center;
}

.cl-fr-rg {
float: left;
margin: 10px 0px 10px 5px;
}

.fr-te-gr {
color: #000000;
font-family: 'Comfortaa', cursive;
font-size: 0.8em;
font-weight: bold;
}
.fr-te-gr-title { color:#000; font-weight:700; margin-bottom:10px;}

a.sm-btn {
	display:block;
	cursor:pointer;
	font-size: 12px;
	font-weight: 700 !important;
	margin: 0px 5px 8px 0px;
	padding: 0px 14px;
	border-radius: 10px;
	box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.400), 1px 1px 1px rgba(0, 0, 0, 0.102);
	display: inline-block;
	line-height: 26px;
	text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.298);
	background: linear-gradient(to bottom, #88BDFF 0px, #60A7FF 100%) transparent;
	border: 1px solid #3E8FF4;
	color: #2B63A8 !important;	
	text-decoration:none;
}

a.sm-btn:hover { opacity:0.8; }


input.sm-btn {
	display:block;
	cursor:pointer;
	font-size: 12px;
	font-weight: 700 !important;
	margin: 0px 5px 8px 0px;
	padding: 0px 14px;
	border-radius: 10px;
	box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.400), 1px 1px 1px rgba(0, 0, 0, 0.102);
	display: inline-block;
	line-height: 30px;
	text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.298);
	background: linear-gradient(to bottom, #88BDFF 0px, #60A7FF 100%) transparent;
	border: 1px solid #3E8FF4;
	color: #2B63A8 !important;	
	text-decoration:none;
}

input.sm-btn:hover { opacity:0.8; }

.silver-bk22 {
background: #293351;
border: 8px solid #545df0;
width: 970px;
border-radius: 60px;
margin: -60px 0px 0px 10px;
padding: 30px;
color: #222;
}

.silver-bkk {
background: #ffffff;
border: 2px solid #59a29c;
width: 630px;
border-radius: 10px;
margin: 0px 0px 0px 0px;
padding: 10px 30px 10px 30px;
color: #222;
}

.silver-bk {
background:#293351;
border: 8px solid #545df0;
width: 1010px;
margin: -12px 0px 0px 0px;
padding: 10px 10px 10px 20px;
color: #000000;
border-radius: 60px;
overflow:hidden;

}

.silver-bk5 {
background: #FFFFFF;
background: -o-linear-gradient(top, #ffffff 0px, #FFFFFF 100%);
background: -moz-linear-gradient(top, #ffffff 0px, #FFFFFF 100%);
background: -webkit-linear-gradient(top, #ffffff 0px, #FFFFFF 100%);
background: -ms-linear-gradient(top, #ffffff 0px, #FFFFFF 100%);
border: 1px solid #59a29c;
width: 770px;
margin: -10px 0px 0px 0px;
padding: 10px 10px 30px 20px;
color: #000000;
border-radius: 15px;
overflow:hidden;
}

.silver-bk2 {
background: #FFFFFF;
background: -o-linear-gradient(top, #FFFFFF 0px, #FFFFFF 100%);
background: -moz-linear-gradient(top, #FFFFFF 0px, #FFFFFF 100%);
background: -webkit-linear-gradient(top, #FFFFFF 0px, #FFFFFF 100%);
background: -ms-linear-gradient(top, #FFFFFF 0px, #FFFFFF 100%);
border: 5px solid #000000;
width: 550px;
margin: -150px 0px 0px 0px;
padding: 10px 10px 10px 20px;
color: #000000;
border-radius: 15px;
}

.s-bk-lf {
	margin-left:0px;
}

.sm-line {
	
	margin:5px 21px;
	font-size:15px;

}

.sm-line-nt {
	
	margin:5px 0px 5px 0px;
	font-size:14px;

}

.sm-line-nt img {
	
	border-radius:10px;
	vertical-align:-13px;
}

.sm-line img {
	
	border-radius:10px;
	vertical-align:-39px;
	margin:0px 5px 0px 0px;
}

.m-tb {
background: #095d8f;
color: white;
font-size:18px;
}

table { border:none; }
 
td {
border-radius: 0px;
margin-right: 5px;
color: #000;


}



td.ramka {
border:1px solid #bdb5b5;
height:35px;
font-weight:700;
color:#072a41;


}

.bs-py {
	border: 1px solid #8d8d8d;
	border-radius:10px;
	background: url(/img/inpt-hov.png) repeat-x;
	width:115px;
	height:24px;
	color:#f77827;
	text-align:center;
	margin:0px 0px 0px 0px;
	padding:3px 0px 0px 0px;
}

.out-my {
	background: none;
	border: 1px solid #8d8d8d;
	border-radius:10px;
	background: url(/img/inpt.png) repeat-x;
	width:187px;
	height:24px;
	padding:0px 0px 0px 10px;
	margin:1px 0px 0px 0px;
}

.out-my:hover {
	background: url(/img/inpt-hov.png) repeat-x;
	width:187px;
	height:24px;
}

.referals {
    text-align: left;
    border-collapse: collapse;
    line-height: 1.9;
    border: none;
    border-spacing: 0;
    padding: 0;
    width: 100%;        
}

.referals thead {
    text-align: center;
    background: url(/thema/form/menu_form_spisok.png) repeat-x bottom;
}
.referals thead th {
    color: #ffffff;
    font:11px tahoma, arial, sans-serif;
    padding: 4px 8px;
}
.referals thead th a {
    color: #ffffff;
    outline: none;
}
.referals thead th a:hover {
    color: #FAE897;
    border-color: #FAE897;
}
.referals td {
padding: 2px 5px;
border-top: solid 1px #FFFFFF;
border-bottom: 1px solid #bfbfbf;
text-shadow: 0 1px 0 #fff;
font-size: 13px;
font-family: Verdana, sans-serif;
}


/*############# FOOTER #############*/
.footer {
	margin-top:0px;
}

.htt:hover {background-color:#87CEFA;}

.onns{
width: 128px;
height: 31px;
display: block;
float: left;
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
margin: 0px 10px 0px 0px;
background-image: url(/img/5.jpg);
}

.onns:hover {
background-image: url(/img/5.jpg);
}


.news{
width: 128px;
height: 31px;
display: block;
float: left;
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
margin: 0px 10px 0px 0px;
background-image: url(/img/1.jpg);
}

.sob:hover {
background-image: url(/img/1.jpg);
}

.viplatu {
width: 128px;
height: 31px;
display: block;
float: left;
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
margin: 0px 10px 0px 0px;
background-image: url(/img/3.png);
}

.paymen:hover {
background-image: url(/img/3.png);
}

.pavila {
width: 128px;
height: 31px;
display: block;
float: left;
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
margin: 0px 10px 0px 0px;
background-image: url(/img/2.jpg);
}

.onas1:hover {
background-image: url(/img/2.jpg);
}

.cont {
width: 128px;
height: 31px;
display: block;
float: left;
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
margin: 0px 10px 0px 0px;
background-image: url(/img/4.jpg);
}

.cont:hover {
background-image: url(/img/4.jpg);
}

.auct {
width: 93px;
height: 40px;
display: block;
float: left;
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
margin: 0px 10px 0px 0px;
background-image: url(/img/auct.png);
}

.auct:hover {
background-image: url(/img/auct-h.png);
}

.onas {
width: 93px;
height: 40px;
display: block;
float: left;
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
margin: 0px 10px 0px 0px;
background-image: url(/img/top.jpg);
}

.onas:hover {
background-image: url(/img/top10.jpg);
}

.field-gr-458 {
background: url(/img/logo_web.png) no-repeat;
width: 218px;
height: 39px;
padding: 0px 0px 0px 48px;
margin: 10px 0px 10px 50px;
}

.knb {
background: url("/img/kno.png") no-repeat scroll center top transparent;
color: #FFFFFF;
display: block;
font-size: 14px;
font-weight: bold;
padding: 15px 20px 20px 20px;
text-decoration: none;
text-transform: uppercase;
text-align: center;
}

.knb:hover {
background: url("/img/kno_d.png") no-repeat scroll center top transparent;
}

.buttons {
background-image: url("/img/kno_h.png");
cursor: pointer;
width: 100px;
height: 29px;
float: left;
font-size: 14px;
margin-left: -17px;
margin-top: -20px;
text-align: center;
padding: 4px 0px 0px 0px;
text-decoration: none;
color: #FFFFFF;
}

.buttons:hover {
background: url("/img/knoh.png") no-repeat scroll center top transparent;
}

.buttone {
background-image: url("/img/kno_e.png");
cursor: pointer;
width: 100px;
height: 29px;
float: right;
font-size: 14px;
margin-left: -17px;
margin-top: -20px;
text-align: center;
padding: 4px 0px 0px 0px;
text-decoration: none;
color: #FFFFFF;
}

.buttone:hover {
background: url("/img/kno_h.png") no-repeat scroll center top transparent;
}

.share {
font: 16px "lobster";
color: #a52a2a;
text-shadow: 0 0 2px rgba(158,157,157,0.4);
display: block;
margin-top: 20;
margin-bottom: 10px;
padding: 4px;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
text-align: center;
cursor: pointer;
border: 1px solid #f0ffff;
}

.refs {

background-image: url("/img/refs.png");
cursor: pointer;
width: 243px;
height: 80px;
float: left;
font-size: 14px;
margin-left: -30px;
margin-top: -62px;
text-align: center;
text-decoration: none;
color: #FFFFFF;
}

.stn-ref {
background-image: url("/img/kno_s.png");
cursor: pointer;
font-size: 15px;
text-align: center;
padding: 5px 20px 10px 0px;
text-decoration: none;
color: #FFFFFF;
font-family: "lobster";
}

.stn-ref:hover {
background: url("/img/knos.png") no-repeat scroll center top transparent;
}

.refcode {
color: #114C5B;
font-size: 13px;
text-align: left;
border: solid 1px #4895C9;
display: block;
padding: 5px;
width: 500px;
margin: 5px auto 10px;
}

.avatar{ box-shadow:0 0 3px rgba(0, 0, 0, 0.6); border: 2px solid #fff; }
.wall {
    text-align: left;
    border-collapse: separate;
    line-height: 1.9;
    border: none;
    border-spacing: 0;
    padding: 0;
	width: 100%;
}
.wall td {
padding: 2px 5px;
border-top: solid 1px #FFFFFF;
border-bottom: 1px solid #bfbfbf;
text-shadow: 0 1px 0 #fff;
font-size: 13px;
font-family: Verdana, sans-serif;
}

.button-money_box {
background: #00b2ee;
background: -o-linear-gradient(top, #00e5ee 0px, #00b2ee 100%);
background: -moz-linear-gradient(top, #00e5ee 0px, #00b2ee 100%);
background: -webkit-linear-gradient(top, #00e5ee 0px, #00b2ee 100%);
background: -ms-linear-gradient(top, #00e5ee 0px, #00b2ee 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00b2ee', endColorstr='#00e5ee',GradientType=0);
margin: 6px auto;
display: block;
color: #f0ffff;
border-radius: 4px;
text-align: center;
font-weight: bold;
text-shadow: 0px 0px 3px #627172;
cursor: pointer;
line-height: 2;
}
.button-money_box:hover
{
	background: #037A9A;
	background: -o-linear-gradient(top, #06B8D6 0px, #037A9A 100%);
	background: -moz-linear-gradient(top, #06B8D6 0px, #037A9A 100%);
	background: -webkit-linear-gradient(top, #06B8D6 0px, #037A9A 100%);
	background: -ms-linear-gradient(top, #06B8D6 0px, #037A9A 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#037A9A', endColorstr='#06B8D6',GradientType=0);
	color: #000000;
}




.gllla{
    margin:15px auto;
    width:700px;
   
    padding:5px 15px;
    
    
}


.osnb{
    width:350px;
    margin-top:30px;
    margin-left:30px;
    float:left;
    border-radius:5px;
    border:1px solid #2e627d;
}

.oshed{
    background:#2e627d;
    padding:12px 90px;
    color:#fff;
    font-size:18px;
}

.oscont{
    margin:7px 0 7px 0;
    padding:15px;
    color:#07344f;
    
}

.oscont tr td{
    border-radius:0;
    border-top:1px solid #ddd;
    padding:5px;
    color:#07344f;
    font-size:17px;
    
}

.oscont tr:nth-child(odd){
    background:#f5f5f5;
    
}



.ok-gr{
    color:green;
}
.no-gr{
    color:red;
}




.st_strs{
     background:#212a45;
    color:#c0d1de;
    width:134px;
    text-align:center;
    font-weight:bold;
    padding:2px 0;
    float:left;
    border-radius: 10px;
    margin:0 0 4px 4px;
    border:2px solid #424953;
    border-right:none;
    
    
    
   
     
}



.st_strs2{
     background:#212a45;
    color:#c0d1de;
    width:134px;
    text-align:center;
    font-weight:bold;
    padding:2px 0;
    float:left;
   border-radius:10px;
     border:2px solid #424953;
    border-left:none;
    margin:0 0 4px 10px;
}



.st_strtab{
    margin:10px 0 0 14px;
}





.btn_gon{
    margin:7px 0 0 30px;
    color: #fff;
    padding: 5px 10px;
    font-size: 18px;
    background: radial-gradient(50% 50%, circle cover, #d84552,#c42231);
    background: -moz-radial-gradient(50% 50%, circle cover, #d84552,#c42231);
    background: -webkit-radial-gradient(50% 50%, circle cover, #d84552,#c42231);
    background: -o-radial-gradient(50% 50%, circle cover, #d84552,#c42231);
    background: -ms-radial-gradient(50% 50%, circle cover, #d84552,#c42231);
    text-decoration: none;
    border-radius: 7px;
}








/*  -------------------  Battle  ------------------------*/

.battlein{
    
   
    margin-bottom:20px;
    border:1px solid #2e627d;
    width:600px;
}


.battle1{
    overflow:hidden;
    background:#fff;
    
}

.battle1-1{
    width:160px;
   
    
}
.battle1-2{
   width:420px;
    color:#07344f;
   
}
.battle1 div{
    float:left;
    
}


.battle1-1 img{
    width:150px;
    height:150px;
    
}


.cavav {
    width: 147px;
    height: 35px;
    margin-left: -26px;
    border-radius: 10px;
    margin-top: 2px;
    cursor: pointer;
    background: #095d8f;
    color: white;
    font-weight: bold;
    font-size: 17px;
    background: radial-gradient(50% 50%, circle cover, #d84552,#c42231);
    background: -moz-radial-gradient(50% 50%, circle cover, #d84552,#c42231);
    background: -webkit-radial-gradient(50% 50%, circle cover, #d84552,#c42231);
    background: -o-radial-gradient(50% 50%, circle cover, #d84552,#c42231);
    background: -ms-radial-gradient(50% 50%, circle cover, #d84552,#c42231);
    
}

/*  -------------------  Battle  ------------------------*/







.best{
     background:#75f275;
     color:#033d11;
     padding:12px 10px;
     border:1px solid #000;
     text-align:center;
     font-weight:700;
     font-size:17px;
   
}




.nebest{
    background:#ff939d;
    color:#6e1217;
    padding:12px 10px;
    border:1px solid #000;
    text-align:center;
    font-weight:700;
    font-size:17px;
}




.foot{
    width:1515px;
    height:100px;
    background:#44728a;
}

.wheelser{
    width:113px; height:83px; border:2px solid #061821;font-size:20px;font-weight:700;text-align:center;color:#ca2332;padding-top:30px; background:#f3faf2;
}





.mennutop{
    
    padding: 8px 50px 5px 50px;
    float: left;
    text-shadow: 1px 1px 2px #110809;
    font-weight: 700;
    font-size: 13px;
    font-family: arial;
   
}

.mennutop:first-child{
    margin-left:40px;
    

}


.mennutop:hover{
    background: #1c243c;
    border-radius:12px;
    
    
} 
   

.mennutop a {
text-decoration:none;
 color:#eff7fd;

}



.mennutop a:hover {
   
    border-bottom:1px dashed #759db5;
}



.statbest{


}


.glav1{
background:#bfd0d9;
color:#000;
border-radius:10px;
padding:5px 15px 15px 15px;
margin-top:0px;
font-family:Arial;
}

.glav2{
    font-size:40px;
    color:#0a4f77;
	text-shadow: 1px 1px 1px #110809;
	margin-left:20px;
}

.glav3{
    font-size:28px;
    color:#0a4f77;
	text-shadow: 1px 1px 1px #110809;
}

.glav4{
    font-size:30px;
    color:#0a4f77;
	text-shadow: 1px 1px 1px #110809;
}




.popovn{
    padding-top:5px;width: 180px;height: 20px; border: 1px solid #000000;text-align: center;margin: 10px 0px 11px 55px;background:#28a745;border-radius:5px;
}

.popovn:hover{
    background:#239d3f;
}


.popovn a{
     font-weight:700;text-decoration:none;font-size:14px;color:#fff
}

.popovn a:hover{
    color:#fbfcb5
}



.viplatt{
    padding-top:5px;width: 180px;height: 20px; border: 1px solid #000000;text-align: center;margin: 10px 0px 11px 55px;background:#dc3545;border-radius:5px
}


.viplatt:hover{
    background:#ce303f;
}

.viplatt a{
    font-weight:700;text-decoration:none;font-size:14px; color:#fff
}


.viplatt a:hover{
    color:#fbfcb5
}


.osnbtn{
    padding:7px 70px; margin-top:15px;color:white;border:2px solid #4448bd;font-size:17px;cursor:pointer;border-radius:20px;
    background: #5a60ff;
    padding:10px 50px;font-size:19px
	
}




.osnbtnger{
    padding:9px 80px; margin-top:15px;color:white;border:2px solid #4448bd;font-size:17px;cursor:pointer;border-radius:20px;
    background: #5a60ff;
	
}

.osnbtnger:hover{
    background: #4448bd;
    border:2px solid #5a60ff;
	
}



.osnbtnsbor{
    padding:12px 85px; margin-top:15px;color:white;border:2px solid #4448bd;font-size:18px;cursor:pointer;border-radius:20px;
    background: #5a60ff;
	
}






.osnbtn:hover{
    background: #4448bd;
    border:2px solid #5a60ff;
	
}



.osnbtnsbor:hover{
    background: #4448bd;
    border:2px solid #5a60ff;
	
}


.hums{
    position:absolute;
    top:90px;
    left:830px;
    font-size:45px;
    color:#ff5722;
}





.humstat{
   background: #212a45;
	width:250px;height:80px;border:7px solid #2f3a5c;border-radius:50px;float:left;margin:20px 20px 0 0;
}


.husm1{
    font-size:17px;margin:15px 0 0 0px;text-align:center;color:#eff7fd;;
}


.husm2{
    font-size:24px; font-weight:bold;text-align:center;margin:7px 0 0 0px;color:#eff7fd
}


.newtitle{
    color:#9498e8; font-size:20px; text-align:center;margin:25px 0 25px 0px; 
}


.newcla{
    margin:10px;
    background:#212a45;
    padding:20px 25px;
    color:#dcdcdc;
    border: 4px solid #2e3b61;
    border-radius:50px;
}



.ballance {
color: #89FFFF;
background: #293351;
width: 313px;
height: 310px;
border: 8px solid #545df0;
border-radius:50px;
margin: 0px 0px 40px 40px;
font-weight: bold;

}



.ballance2 {
color: #89FFFF;
background: #293351;
width: 313px;
border: 8px solid #545df0;
border-radius:50px;
margin: 0px 0px 20px 40px;
font-weight: bold;
padding-bottom:30px;

}






.vseonsop{
    margin:10px 10px 30px 10px;background:#232c48; padding:20px 25px;color:#fff;border:3px solid #2f3a5c;border-radius:40px;line-height:1.4;
}



.vseonsop2{
    margin:10px 10px 35px 100px;
    background:#232c48;
    color:#fff;
    border:3px solid #2f3a5c;
    border-radius:40px;
    overflow:hidden;
    width:750px;
    padding:10px 25px
}





/*serfing*/



.alert {
  position: relative;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 2px solid #999de7;
  border-radius: 20px; }
  
  
.alert-primary {
  color: #432;
  background-color: #999de7;
  border-color: #545df0;
}
  .alert-primary hr {
    border-top-color: rgba(55,45,25,0.2); }
  .alert-primary .alert-link {
    color: #5b2e2c; }
    
    
    .pb-2,
.py-2 {
  padding-bottom: 0.5rem !important; }
  
  .text-center {
  text-align: center !important; }
  
  
  .card {
  box-shadow: 0 0 10px 0 rgba(183, 192, 206, 0.2);
  -webkit-box-shadow: 0 0 10px 0 rgba(183, 192, 206, 0.2);
  -moz-box-shadow: 0 0 10px 0 rgba(183, 192, 206, 0.2);
  -ms-box-shadow: 0 0 10px 0 rgba(183, 192, 206, 0.2); 
      background:#d8e0f8;
  }
  
  
  
  .shadow-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; }
  

.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important; }


.flex-grow {
  flex-grow: 1; }
  
  
  .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
  position: relative;
  
  padding-right: 0.75rem;
  padding-left: 0.75rem; }
  
   .col-md-777{
  position: relative;
  width: 10%;
  padding-right: 0.75rem;
  padding-left: 0.75rem; }
   
  
  .card-title {
  margin-bottom: 0.875rem; }
  
  
  
  .text-dark {
  color: #282f3a !important; }
  
  
  
.card-footer {
  padding: 0.875rem 1.5rem;
  background-color: rgba(0, 0, 0, 0.0);
  border-top: 1px solid rgba(146, 89, 89, 0.1); }
  .card-footer:last-child {
    border-radius: 0 0 0 0; }
  









.fa, .fa-classic, .fa-sharp, .fas, .fa-solid, .far, .fa-regular, .fab, .fa-brands {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: var(--fa-display, inline-block);
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto;
     width: 20px;
    height: 8px;
}












/*-----------new-----------*/






/*serfing*/

.ssiserf{
    text-align:center
}

.btnssiser{
    color: #433;
    background-color: #fc4;
    background-image: linear-gradient(0deg, #fc4 30%, #ea2 90%);
    border-color: #ea3;
    cursor: pointer;
    font-size: 0.875rem;
    line-height: 1;
    padding: 5px 20px;
    box-shadow: none;
    text-transform: uppercase !important;
    display: inline-block;
    font-weight: 600;
    color: #000;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0.1875rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    margin-bottom:5px;

}

.surfblockopen{background-color: #d0F0e0;border-color: #D0D0D0;color: #808080;opacity:0.3;display:none;}
.panel-success {border-width: 2px;}
.bg-danger {background-color: #e34 !important;}
.serf-link {color: #433 !important;font-size: 17px;}



.badgeser {
  display: inline-block;
  padding: 4px 5px;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 3px;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
  
.text-secondaryser {
  color: #7987a1 !important; }


.cardser {
    box-shadow: 0 0 10px 0 rgb(183 192 206 / 20%);
    -webkit-box-shadow: 0 0 10px 0 rgb(183 192 206 / 20%);
    -moz-box-shadow: 0 0 10px 0 rgba(183, 192, 206, 0.2);
    -ms-box-shadow: 0 0 10px 0 rgba(183, 192, 206, 0.2);
    background: #d8e0f8;
}

.shadow-smser {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; }


.mb-2ser {
  margin-bottom: 0.5rem !important; }

.rowser {
  display: flex;
 
}

.col-md-10ser {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }


.card-titleser {
  margin-bottom: 0.875rem; }

.h3ser{
  margin-bottom: 0.875rem; }
  
  .p-1ser{
      margin:5px 0 5px 15px;
  }
  
  
  .text-darkser {
  color: #282f3a !important; }

a.text-darkser:hover, a.text-darkser:focus {
  color: #090a0d !important; }


.card-footerser {
  padding: 7px 10px;
  background-color: rgba(0, 0, 0, 0.0);
  border-top: 1px solid rgba(146, 89, 89, 0.1); }
  .card-footerser:last-child {
    border-radius: 0 0 0 0; }

  .p-1serd{
      margin:5px 0 5px 5px;
  }
  
  
  .badgeser {
  display: inline-block;
  padding: 4px px;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 3px;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
  
  .text-secondaryser {
  color: #7987a1 !important; }

a.text-secondaryser:hover, a.text-secondary:focus {
  color: #556179 !important; }



  .text-secondary {
  color: #7987a1 !important; }

a.text-secondary:hover, a.text-secondary:focus {
  color: #556179 !important; }


  
  .float-rightser {
  float: right !important; }
  
  
  
.col-md-2{
    position: relative;
  width: 100%;
  padding-right: 0.75rem;
  padding-left: 0.75rem; 
} 

.text-centerser{
    text-align: center !important;
}
  
  .alertser {
  position: relative;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 2px dashed transparent;
  border-radius: 0.0rem; }
  
  
  
  
.alert-warningser {
  color: #836203;
  background-color: #fef2cd;
  border-color: #feecb9; }
  .alert-warningser hr {
    border-top-color: #fee5a0; }
  .alert-warningser {
    color: #513d02; }
  
  
  .text-uppercaseser {
  text-transform: uppercase !important; }
  
  
  .text-uppercase {
  text-transform: uppercase !important; }

  
  
.card-bodyser {
  flex: 1 1 auto;
  min-height: 1px;
  padding: 1.5rem; }
  
  
.align-items-centerser, .navbar .search-form {
  align-items: center !important; }
  
  
 .mb-0,
.my-0 {
  margin-bottom: 0 !important; }
 
 .h5ser{
     font-size:21px;
     font-weight:700;
 } 
  
  
  
  
  
  
 .input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%; }
  .input-group > .form-control, .input-group > select, .email-compose-fields .select2-container--default .input-group > .select2-selection--multiple, .select2-container--default .input-group > .select2-selection--single, .select2-container--default .select2-selection--single .input-group > .select2-search__field, .input-group > .typeahead,
  .input-group > .tt-query,
  .input-group > .tt-hint,
  .input-group > .form-control-plaintext,
  .input-group > .custom-select,
  .input-group > .custom-file {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
    margin-bottom: 0; } 
  
  
  .mb-2,
.my-2 {
  margin-bottom: 0.5rem !important; }



.input-group-append,
.input-group-prepend {
  color: #433;
  width: auto;
  border: none; }
  .input-group-append .input-group-text,
  .input-group-prepend .input-group-text {
    border-color: #ddcabc;
    padding: 0.5rem 0.75rem;
    color: #433; }

.input-group-text {
  display: flex;
  align-items: center;
  padding: 0.5rem 1rem;
  margin-bottom: 0;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1;
  color: #433;
  text-align: center;
  white-space: nowrap;
  background-color: rgba(214, 124, 45, 0.08);
  border: 1px solid #ced4da;
  border-radius: 2px; }
  .input-group-text input[type="radio"],
  .input-group-text input[type="checkbox"] {
    margin-top: 0; }



.form-control{
        display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.5rem 1rem;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1;
    color: #495057;
    background-color: #ffffff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 2px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}


  .col-md-4 {
    flex: 0 0 31.05333%;
    max-width: 31.05333%; }


.row {
  display: flex;
  /*flex-wrap: wrap;
  margin-right: -0.75rem;
  margin-left: -0.75rem; */
}


.btn, .fc .fc-button, .swal2-modal .swal2-actions button, .wizard > .actions a, .wizard > .actions a:hover, .wizard > .actions .disabled a {
  display: inline-block;
  font-weight: 600;
  color: #000;
  text-align: center;
  vertical-align: middle;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.1875rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }

.btn-lg, .btn-group-lg > .btn, .fc .btn-group-lg > .fc-button, .swal2-modal .swal2-actions .btn-group-lg > button, .wizard > .actions .btn-group-lg > a, .wizard > .actions .disabled .btn-group-lg > a {
  padding: 0.8rem 1.5rem;
  font-size: 1.3rem;
  line-height: 1;
  border-radius: 0.1875rem; }
  
  
  
  
 .btn-primary, .swal2-modal .swal2-actions button.swal2-confirm, .wizard > .actions a, .wizard > .actions a:hover {
  color: #433;
  background-color: #fc4;
  background-image: linear-gradient(0deg, #fc4 30%, #ea2 90%);
  border-color: #ea3; } 
  
  
    .btn-primary:hover, .swal2-modal .swal2-actions button.swal2-confirm:hover, .wizard > .actions a:hover {
    color: #433;
    background-image: linear-gradient(0deg, #ea2 30%, #fc4 90%);
    border-color: #da2;
    cursor:pointer;}
  .btn-primary:focus, .swal2-modal .swal2-actions button.swal2-confirm:focus, .wizard > .actions a:focus, .btn-primary.focus, .swal2-modal .swal2-actions button.focus.swal2-confirm, .wizard > .actions a.focus {
    color: #544;
    background-color: #ec3;
    border-color: #ec3;
    box-shadow: 0 0 2px 0.1rem rgba(235, 144, 47, 0.1); }
  .btn-primary.disabled, .swal2-modal .swal2-actions button.disabled.swal2-confirm, .wizard > .actions a.disabled, .btn-primary:disabled, .swal2-modal .swal2-actions button.swal2-confirm:disabled, .wizard > .actions a:disabled {
    color: #fff;
    background-color: #fc5;
    border-color: #fc5; }
    
    
    
.mt-2,
.my-2 {
  margin-top: 0.5rem !important; }

  .pl-3,
.px-3 {
  padding-left: 1rem !important; }

.pr-3,
.px-3 {
  padding-right: 1rem !important; }


.alert-danger {
  color: #851b35;
  background-color: #ffd6e0;
  border-color: #ffc6d4; }
  .alert-danger hr {
    border-top-color: #ffadc1; }
  .alert-danger .alert-link {
    color: #5b1224; }

.text-white {
  color: #ffffff !important; }

.mb-3px {
  margin-bottom: 3px; }

.mb-3,
.my-3 {
  margin-bottom: 1rem !important; }


.btn-warning {
  color: #212529;
  background-color: #fbbc06;
  border-color: #fbbc06; }
  .btn-warning:hover {
    color: #212529;
    background-color: #d7a103;
    border-color: #cb9703; }
  .btn-warning:focus, .btn-warning.focus {
    color: #212529;
    background-color: #d7a103;
    border-color: #cb9703;
    box-shadow: 0 0 0 0.2rem rgba(218, 165, 11, 0.5); }
  .btn-warning.disabled, .btn-warning:disabled {
    color: #212529;
    background-color: #fbbc06;
    border-color: #fbbc06; }
  .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active,
  .show > .btn-warning.dropdown-toggle {
    color: #fff;
    background-color: #cb9703;
    border-color: #be8e03; }
    .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus,
    .show > .btn-warning.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(218, 165, 11, 0.5); }

.p-2 {
  padding: 0.5rem !important; }

.rounded-circle {
  border-radius: 50% !important; }



.col {
  flex-basis: 0;
  flex-grow: 1;
  min-width: 0;
  max-width: 100%; }

  .pl-2,
.px-2 {
  padding-left: 0.5rem !important; }


.m-3 {
  margin: 1rem !important; }

.icon-sm {
  width: 14px;
  height: 14px; }


.collapse:not(.show) {
  display: none; }

  .inbox-wrapper .email-aside .aside-content .aside-nav.collapse {
    display: block; }
  
  .border-top-0 {
  border-top: 0 !important; }


.sidebar .sidebar-body .nav {
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: column;
      flex-direction: column;
      padding: 25px 25px 50px 25px; }

.nav-pills .nav-link {
  border-radius: 0.25rem; }

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #fff;
  background-color: #007bff; }

.nav-fill .nav-item {
  flex: 1 1 auto;
  text-align: center; }

.mt-1,
.my-1 {
  margin-top: 0.25rem !important; }



.text-left {
  text-align: left !important; }


.text-danger {
  color: #ff3366 !important; }


.text-muted, .dropzone.dz-clickable .dz-message *, .flot-text .flot-x-axis > div,
.flot-text .flot-x-axis .flot-tick-label,
.flot-text .flot-y-axis > div,
.flot-text .flot-y-axis .flot-tick-label, .editor-toolbar a {
  color: #686868 !important; }

.pl-1,
.px-1 {
  padding-left: 0.25rem !important; }

.pr-1,
.px-1 {
  padding-right: 0.25rem !important; }


.text-right {
  text-align: right !important; }









/*serfingend*/