body { 
  /*background: url(../images/background_img2.png) no-repeat center center fixed; 
  background-color: #003333;*/
  background-color: #000000;
  background: url(../images/BG.png) no-repeat top center fixed; 
  
  
  -webkit-background-size: 100% 100%;  /*cover*/
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
}
.header-bg img {
 width:100%;	

 }
.row.header-bg {
    position: relative;
    z-index: 1;
}
/* Navigation */

.navbar{
margin-bottom:0px;	
}
.nav-container {display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;}
.nav-container-info {    color: #ffffff;
    font-weight: bold;     width: 80px;}
	.nav-container-info >p {text-align:center;}
.points {width:50px;}
.shot-points {font-size:18px; text-align:center;}
.navbar-shot {    border-radius: inherit !important }
.navbar-nav-shot {}
.navbar-nav-left {width: 160px;}
.navbar-nav-left>li{float:right !important;}
.navbar-nav-shot>li>a {     border-radius: 0px!important; padding:10px !important; font-weight:600;font-size:20px}
.navbar-nav-left>li>a {     border-radius: 2px!important; background: linear-gradient(180deg, #fe1409, #ff562b)  !important; padding:10px !important;font-weight:600;font-size:20px}

.navbar-default {
   /* background: -webkit-linear-gradient(180deg, #019231, #003333); 
    background: -o-linear-gradient(180deg, #019231, #003333); 
    background: -moz-linear-gradient(180deg, #019231, #003333); 
    background: linear-gradient(180deg, #019231, #003333); */
   background: transparent;
    padding-top: 35px;
    margin-top: -35px;
	border: none !important;
	padding-bottom: 0px;
}
.nav>li>a {
    padding: 7px 30px;
}
.navbar-default .navbar-nav>li>a {
    /*color: #fff;
    background: -webkit-linear-gradient(180deg, #019231, #003333); 
    background: -o-linear-gradient(180deg, #019231, #003333); 
    background: -moz-linear-gradient(180deg, #019231, #003333); 
    background: linear-gradient(180deg, #019231, #003333);
    border-radius: 10px;
    margin-right: 20px;
	box-shadow: -5px 0 5px -5px #333;*/
    color:#dddddd;
    font-family: gomarice_rocks, serif;
    font-size: 17px;
    line-height: 50px;
	}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
    /*color: #BDE3E4;*/
    color: #fff;
}
.navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover {
    color: #BDE3E4;
}	
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color: #FFF; 
}
.navbar-default .navbar-brand {
    color: #FFF;
}
.navbar-brand {
    padding: 0px 40px;
}
/* Content */
.content{
    background: url(../images/bg_heroes.png) no-repeat left bottom;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
	width: 87%;
	height:auto;
    margin-right: auto;
    margin-left: auto;
	border-bottom-right-radius: 30px;
    border-bottom-left-radius: 30px;
    box-shadow:  -4px 27px 27px 6px #001700;
	min-height:570px;
        
}
.content-transp{
   
	width: 87%;
	height:auto;
    margin-right: auto;
    margin-left: auto;
	border-bottom-right-radius: 30px;
    border-bottom-left-radius: 30px;
	min-height:650px;
}
.ranking {
	border-style: solid transparent;
	border-width: 40px 36px 42px;
	-moz-border-image: url(../images/tbl_border.png) 40 36 42 repeat;
	-webkit-border-image: url(../images/tbl_border.png) 40 36 42 repeat;
	-o-border-image: url(../images/tbl_border.png) 40 36 42 repeat;
	border-image: url(../images/tbl_border.png) 40 36 42 fill repeat;

}
.ranking_back
{
    padding: 0;
	background-position:20px 30px;
	background: rgba(1,68,1,1);
	background: -moz-linear-gradient(top, rgba(1,68,1,1) 0%, rgba(0,141,0,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(1,68,1,1)), color-stop(100%, rgba(0,141,0,1)));
	background: -webkit-linear-gradient(top, rgba(1,68,1,1) 0%, rgba(0,141,0,1) 100%);
	background: -o-linear-gradient(top, rgba(1,68,1,1) 0%, rgba(0,141,0,1) 100%);
	background: -ms-linear-gradient(top, rgba(1,68,1,1) 0%, rgba(0,141,0,1) 100%);
	background: linear-gradient(to bottom, rgba(1,68,1,1) -20%, rgba(0,141,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#014401', endColorstr='#008d00', GradientType=0 );
	color:#ffffff;
}

.map
{
	margin-top: 20px;
}

.left_map {
	border-style: solid transparent;
	border-width: 40px 36px 42px;
	-moz-border-image: url(../images/tbl_border.png) 40 36 42 repeat;
	-webkit-border-image: url(../images/tbl_border.png) 40 36 42 repeat;
	-o-border-image: url(../images/tbl_border.png) 40 36 42 repeat;
	border-image: url(../images/tbl_border.png) 40 36 42 fill repeat;
    display: inline-block;
    display: -webkit-inline-box;
	background:#013300;
}
.shop_back, .content_back{
	background:rgb(0,0,0);  
    background: transparent;  
    background:rgba(255,255,255,0.4);  
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000);  
    zoom: 1;  
	color: #003333;
	font-weight: 600;
    background:none;
}

.borderless tbody tr td, .borderless tbody tr th, .borderless thead tr th {
    border: none;
}

/*.modal.fade .modal-dialog {
    /*transform: translate(-50%, -80%);
}

.modal.in .modal-dialog {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    margin-top: 0px;
	color:#003333;
	font-weight:600;
}
.modal-header {
       margin-left: 10px;
    margin-right: 10px;
    border-bottom: 2px solid #003333 !important;
}
.modal-content {
    background-color: #fff;
    border-radius: 0px !important;
	 background: transparent\9;  
    background:rgba(255,255,255,0.9);  
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000);  
}
.modal-dialog-border {

border-style: solid;
border-width: 33px 29px 36px 27px;
-moz-border-image: url(../images/pop_border.png) 33 29 36 27 repeat;
-webkit-border-image: url(../images/pop_border.png) 33 29 36 27 repeat;
-o-border-image: url(../images/pop_border.png) 33 29 36 27 repeat;
border-image: url(../images/pop_border.png) 33 29 36 27 fill repeat;
background:rgba(255,255,255,0.5);  
    TEXT-ALIGN: center;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000);  


}*/
.winner-dialog {width:30%;height:167px;	/*background: url("../images/ramka_winner.png");
    
    background-position: top left;
    background-repeat: no-repeat;background-size: 100% 100%;*/}
.winner-text {
    margin-top: -20px;
    margin-left: 90px;text-shadow:1px 2px 1px rgba(68,37,19,1);font-weight:bold;color:#FBCC38;letter-spacing:1pt;word-spacing:2pt;text-align:left;font-family:arial, helvetica, sans-serif;line-height:1;
}
.modal-header  > img {margin-top:-80px;margin-left:-150px;}
.modal-dialog-border  .modal-header {border-bottom:none !important; color:#000000;   }
.modal-dialog-border .modal-body .btn {border-radius:5px;     float: initial;}
.modal-dialog-border .modal-body .btn-decline {background: linear-gradient(180deg, #fe1409, #ff562b) !important;}
.modal-dialog-border .modal-body .col-sm-12 {    text-align: center !important;}
.terms {
    text-align: center;
}
.rules_back {
	padding: 0;
	background-position:20px 30px;
	background: rgba(1,68,1,1);
	background: -moz-linear-gradient(top, rgba(1,68,1,1) 0%, rgba(0,141,0,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(1,68,1,1)), color-stop(100%, rgba(0,141,0,1)));
	background: -webkit-linear-gradient(top, rgba(1,68,1,1) 0%, rgba(0,141,0,1) 100%);
	background: -o-linear-gradient(top, rgba(1,68,1,1) 0%, rgba(0,141,0,1) 100%);
	background: -ms-linear-gradient(top, rgba(1,68,1,1) 0%, rgba(0,141,0,1) 100%);
	background: linear-gradient(to bottom, rgba(1,68,1,1) -20%, rgba(0,141,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#014401', endColorstr='#008d00', GradientType=0 );
	color:#ffffff;
	text-align: center;
}
.rules_heroes {
	margin-top:10px;
	
}
.thumbnail_hero {
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.42857143;
   
    border-radius: 4px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;

}
.thumbnail_hero>img {
    margin-right: auto;
    margin-left: auto;
}
.thumbnail_hero>img {
    display: block;
    max-width: 100%;
    height: auto;
}
.btn {
	float:right;
  background: #11863f;
  background-image: -webkit-linear-gradient(top, #11863f, #174320);
  background-image: -moz-linear-gradient(top, #11863f, #174320);
  background-image: -ms-linear-gradient(top, #11863f, #174320);
  background-image: -o-linear-gradient(top, #11863f, #174320);
  background-image: linear-gradient(to bottom, #11863f, #174320);
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border-radius: 10px;
  -webkit-box-shadow: 1px 2px 1px #666666;
  -moz-box-shadow: 1px 2px 1px #666666;
  box-shadow: 1px 2px 1px #666666;
  font-family: Arial;
  color: #ffffff;
  font-size: 16px;
  padding: 5px 15px 5px 15px;
  text-decoration: none;
  margin-bottom:10px;
  margin-left:10px;
}
.btn_small {
	float:right;
  background: #11863f;
  background-image: -webkit-linear-gradient(top, #11863f, #174320);
  background-image: -moz-linear-gradient(top, #11863f, #174320);
  background-image: -ms-linear-gradient(top, #11863f, #174320);
  background-image: -o-linear-gradient(top, #11863f, #174320);
  background-image: linear-gradient(to bottom, #11863f, #174320);
  -webkit-border-radius: 2;
  -moz-border-radius: 2;
  border-radius: 2px;
  -webkit-box-shadow: 1px 2px 1px #666666;
  -moz-box-shadow: 1px 2px 1px #666666;
  box-shadow: 1px 2px 1px #666666;
  font-family: Arial;
  color: #ffffff;
  font-size: 12px;
  padding: 2px 5px 2px 5px;
  text-decoration: none;
 
}
.btn_small:hover {
  background: #174320;
  background-image: -webkit-linear-gradient(top, #174320, #11863f);
  background-image: -moz-linear-gradient(top, #174320, #11863f);
  background-image: -ms-linear-gradient(top, #174320, #11863f);
  background-image: -o-linear-gradient(top, #174320, #11863f);
  background-image: linear-gradient(to bottom, #174320, #11863f);
  text-decoration: none;
  color: #ffffff;
}
.btn:hover {
  background: #174320;
  background-image: -webkit-linear-gradient(top, #174320, #11863f);
  background-image: -moz-linear-gradient(top, #174320, #11863f);
  background-image: -ms-linear-gradient(top, #174320, #11863f);
  background-image: -o-linear-gradient(top, #174320, #11863f);
  background-image: linear-gradient(to bottom, #174320, #11863f);
  text-decoration: none;
  color: #ffffff;
}
.lang_btn {font-size:10px;}
.btn_update_map {float:left;}
.row_update_map {margin-top:20px;}

/* Form */
.sign_up_form, .miform {
margin-top:25px;
}

.sign_up_form input, .inputBox{
	background: transparent;
	color:#fff !important;
}
.miform input, .miform textarea{
	background: transparent;
	color:#333333 !important;
}
.miform .form-control{
    border-color: #333333;
}
.miform input:-moz-placeholder {
    color: #333333 !important;
}
.sign_up_form h2, .miform h2{
color:#222222;
}
.login-header{
    display: block;
    height: auto;
    position: relative;
    margin-right: 150px;
	    z-index: 99999;
}
.login-header input {
    background: transparent;
    color: #fff !important;
    /*margin-top: -10px !important;*/
}
.btn-success {
    background-color: #36CF36;
}
.subbmit{
	width:100%;
}
input::-webkit-input-placeholder{ 
    color:    #fff !important;
}
input:-moz-placeholder { 
    color:    #fff !important;
}
input::-moz-placeholder { 
    color:    #fff !important;
}
input:-ms-input-placeholder { 
    color:    #fff !important;
}
label {
color: #fff;	
}
label a {    
color: #52BCAE;
}
/* Languages */
.lang {
	position:absolute;
	top:10px;
	right:5px;
	z-index:2;
}
.lang  a{
	color:#fff;
	font-size:15px;
	    background: -webkit-linear-gradient(180deg, #019231, #003333); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(180deg, #019231, #003333); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(180deg, #019231, #003333); /* For Firefox 3.6 to 15 */
    background: linear-gradient(180deg, #019231, #003333); /* Standard syntax (must be last) */
	padding:8px 7px;
}

.footer{
    background: -webkit-linear-gradient(180deg, #333333, #000000); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(180deg, #333333, #000000); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(180deg, #333333, #000000); /* For Firefox 3.6 to 15 */
    background: linear-gradient(180deg, #333333, #000000); /* Standard syntax (must be last) */
	margin:0px;
	margin-top:0px;/*30px*/
	min-height:60px;
        height: 100%;
}

/* media queries */
@media only screen and ( max-width: 767px ){
/*.navbar-default .navbar-nav>li>a {
    border-radius: 0px !important;
    margin-right: 0px !important;
    margin-top: 5px;
}
.container {
    padding-right: 0px;
    padding-left: 0px;
}
.lang {
	top:10px;
	right:5px;
}
}*/
/* Footer */

/* Media Queries */
/*
@media (min-width: 768px) {
.navbar {
    border-radius: 17px;
}
}*/

/*@media (min-width: 1280px) {
.container {
    width: 952px;
}
}*/