body {
    background-color: #000;
background-image: url(../img/login-bg.jpg);
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
    width: 100%;
    height: 100%;
    overflow: auto;background-color: hsla(0,0%,0%,0.50);
    background-blend-mode: overlay;
}
.card{
	margin-bottom:10px;
}
.gameBody {
    background-image: url('../img/login-bg.jpg');
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
    
    width: 100%;
    height: 100%;

    overflow: auto;
}

.gameBody .smallContainer {
    width: 100%;
    max-width: 800px;

    margin-left: auto;
    margin-right: auto;

    padding-left: 15px;
    padding-right: 15px;
}

.gameBody #menutop .navbar-nav {
    display: flex;

    align-items: center;
    align-self: center;
    float: none;
}

.gameBody #menutop .navbar-nav li:not(:last-child) {
border-right:1px solid #212020;
}
.gameBody #menutop .navbar-nav li:not(:first-child) {
border-left:1px solid #323232;
}

.gameBody #menutop .navbar-nav li {
    float: none;
}

.gameBody #menutop .navbar-nav .nav-link {
    padding-left: 25px;
    padding-right: 25px;
}

.bottomContent {
    position: absolute;

    bottom: 35px;
    left: 0px;

    width: 100%;
}

.loginBox {
    position: relative;
    background-color: rgba(0, 0, 0, .7);

    min-height: 40px;
    width: 100%;
}

.loginBox .logo {
    position: absolute;

    left: calc(50% - 135px);
    top: -55px;

    max-height: 110px;
}

.loginBox label {
    color: white;
    font-size: 18px;
}

.btn-ga,
.btn-ga:link {
    border-color: #9e6530;
    background-color: #9e6530;
    color: white;
}

.btn-ga:hover,
.btn-ga:focus {
    border-color: #ae8550;
    background-color: #ae8550;
}

.ga-input {
    background-color: rgba(0, 0, 0, .6);
    color: white;

    border: 1px solid #dcb96e;
    border-radius: 5px;

    font-size: 16px;

    width: 100%;
    
    padding: 12px 18px;
}

.ga-input.v2 {
    background-color: rgba(0, 0, 0, .6);
    color: white;

    border: 1px solid #292929;
    border-radius: 5px;

    font-size: 16px;

    width: 100%;
    
    padding: 12px 18px;
}

.ga-button {
    background: rgba(0, 0, 0, .6);
    color: #efad4d;

    border-radius: 8px;
    padding: 12px 18px;

    font-size: 18px;
}

.align-items-center {
    display: flex;
    align-items: center;
}

.gameBody .footer {
    margin-top: 30px;
    color: #dcdcdc;
}

.biggerFont {
    font-size: 120%;
}

.biggerFont2 {
    font-size: 133%;
}

.biggerLineHeight {
    line-height: 150%;
}

.modal .modal-header .close {
	padding:10px;
	border-radius:5px;
	border:1px solid #303030; 
}

.tim-white-buttons {
    background-color: #777777;
}
.title{
    margin-top: 10px;
    margin-bottom: 10px;
    min-height: 12px;
	color:#dcb96e;
}
.title.text-center{
    margin-bottom: 50px;
}
.tim-typo{
    padding-left: 25%;
    margin-bottom: 40px;
    position: relative;
}
.tim-typo .tim-note{
    bottom: 10px;
    color: #c0c1c2;
    display: block;
    font-weight: 400;
    font-size: 13px;
    line-height: 13px;
    left: 0;
    margin-left: 20px;
    position: absolute;
    width: 260px;
}
.tim-row{
    padding-top: 50px;
	margin-bottom: 10px;
}
.tim-row2{
    padding-top: 0px;
}
.tim-row h3{
    margin-top: 0;
}
.switch{
    margin-right: 20px;
}
#navbar-full .navbar{
    border-radius: 0 !important;
    margin-bottom: 15px;
    z-index: 2;
}
.space{
    height: 130px;
    display: block;
}
.space-110{
    height: 110px;
    display: block;
}
.space-50{
    height: 50px;
    display: block;
}
.space-70{
    height: 70px;
    display: block;
}
.pd15{
	margin-top:15px!important;
}
.pd5{
	margin-top:5px!important;
}
.navigation-example .img-src{
    background-attachment: scroll;
}

.navigation-example{
    background-image: url('../img/bg.jpg');
    background-position: center center;
    background-size: cover;
    margin-top:0;
    min-height: 740px;
}
#notifications{
    background-color: #FFFFFF;
    display: block;
    width: 100%;
    position: relative;
}
.tim-note{
    text-transform: capitalize;
}

#buttons .btn{
    margin: 0 0px 15px;
}
.space-100{
    height: 100px;
    display: block;
    width: 100%;
}

.be-social{
    padding-bottom: 20px;
/*     border-bottom: 1px solid #aaa; */
    margin: 0 auto 40px;
}
.txt-white{
    color: #FFFFFF;
}
.txt-gray{
    color: #ddd !important;
}


.parallax{
  width:100%;
  height:570px;

  display: block;
  background-attachment: fixed;
    background-repeat:no-repeat;
    background-size:cover;
    background-position: center center;

}

.logo-container .logo{
    overflow: hidden;
    border-radius: 50%;
    border: 1px solid #333333;
    width: 50px;
    float: left;
}

.logo-container .brand{
    font-size: 16px;
    color: #FFFFFF;
    line-height: 18px;
    float: left;
    margin-left: 10px;
    margin-top: 7px;
    width: 70px;
    height: 40px;
    text-align: left;
}
.logo-container .brand-material{
    font-size: 18px;
    margin-top: 15px;
    height: 25px;
    width: auto;
}
.logo-container .logo img{
    width: 100%;
}
.navbar-small .logo-container .brand{
    color: #333333;
}

.fixed-section{
    top: 90px;
    max-height: 80vh;
    overflow: scroll;
}
.fixed-section ul li{
    list-style: none;
}
.fixed-section li a{
    font-size: 14px;
    padding: 2px;
    display: block;
    color: #666666;
}
.fixed-section li a.active{
    color: #00bbff;
}
.fixed-section.float{
    position: fixed;
    top: 100px;
    width: 200px;
    margin-top: 0;
}


.parallax .parallax-image{
    width: 100%;
    overflow: hidden;
    position: absolute;
}
.parallax .parallax-image img{
    width: 100%;
}

@media (max-width: 768px){
	.arena-top{
		margin-top:250px;
	}
	.przeciwnicy h1{
		font-size:24px;
	}
	.przeciwnicy{
		margin-top:0px!important;
		padding-top:0px;
	}
    .parallax .parallax-image{
         width: 100%;
         height: 640px;
         overflow: hidden;
     }
    .parallax .parallax-image img{
       height: 100%;
       width: auto;
   }
   .arena_bg{
	background-size: 1200px;
   }
   .kan_bg{
    background-image: url('../kan/bg.jpg');
	min-height:650px;
	background-color:#000000;
    background-repeat: no-repeat;
    background-position: top 25px center;
	background-size: 900px;
    border-radius: 5px;
	padding-top:30px;
	}
	.kanshop{
		padding:0px!important;
		margin:0px!important;
	}
}

.separator{
    content: "Separator";
    color: #FFFFFF;
    display: block;
    width: 100%;
    padding: 20px;
}
.separator-line{
    background-color: #EEE;
    height: 1px;
    width: 100%;
    display: block;
}
.separator.separator-gray{
    background-color: #EEEEEE;
}
.social-buttons-demo .btn{
    margin-right: 5px;
    margin-bottom: 7px;
}

.img-container{
    width: 100%;
    overflow: hidden;
}
.img-container img{
    width: 100%;
}

.lightbox img{
    width: 100%;
}
.lightbox .modal-content{
    overflow: hidden;
}
.lightbox .modal-body{
    padding: 0;
}
@media screen and (min-width: 991px){
    .lightbox .modal-dialog{
        width: 960px;
    }
}
@media (max-width: 991px){
    .fixed-section.affix{
        position: relative;
        margin-bottom: 100px;
    }
}
@media (max-width: 768px){
    .btn, .btn-morphing{
        margin-bottom: 10px;
    }
    .parallax .motto{
        top: 170px;
        margin-top: 0;
        font-size: 60px;
        width: 270px;
    }
}

/*       Loading dots  */

/*      transitions */
.presentation .front, .presentation .front:after, .presentation .front .btn, .logo-container .logo, .logo-container .brand{
     -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}


#images h4{
    margin-bottom: 30px;
}
#javascriptComponents{
    padding-bottom: 0;
}
#javascriptComponents .btn-raised{
    margin: 10px 5px;
}


/*      layer animation          */

.layers-container{
    display: block;
    margin-top: 50px;
    position: relative;
}
.layers-container img {
  position: absolute;
  width: 100%;
  height: auto;
  top: 0;
  left: 0;
  text-align: center;
}

.section-black {
  background-color: #333;
}

.animate {
  transition: 1.5s ease-in-out;
  -moz-transition: 1.5s ease-in-out;
  -webkit-transition: 1.5s ease-in-out;
}

.navbar-default.navbar-small .logo-container .brand{
    color: #333333;
}
.navbar-transparent.navbar-small .logo-container .brand{
    color: #FFFFFF;
}
.navbar-default.navbar-small .logo-container .brand{
    color: #333333;
}

.sharing-area{
    margin-top: 80px;
}
.sharing-area .btn{
    margin: 15px 4px 0;
    color: #FFFFFF;
}
.sharing-area .btn i{
    font-size: 18px;
    position: relative;
    top: 2px;
    margin-right: 5px;
}
.sharing-area .btn-twitter{
    background-color: #55acee;
    box-shadow: 0 2px 2px 0 rgba(85, 172, 238, 0.14), 0 3px 1px -2px rgba(85, 172, 238, 0.2), 0 1px 5px 0 rgba(85, 172, 238, 0.12);
}
.sharing-area .btn-twitter:hover{
    box-shadow: 0 14px 26px -12px rgba(85, 172, 238, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(85, 172, 238, 0.2);
}

.sharing-area .btn-facebook{
    background-color: #3b5998;
    box-shadow: 0 2px 2px 0 rgba(59, 89, 152, 0.14), 0 3px 1px -2px rgba(59, 89, 152, 0.2), 0 1px 5px 0 rgba(59, 89, 152, 0.12);
}
.sharing-area .btn-facebook:hover{
    box-shadow: 0 14px 26px -12px rgba(59, 89, 152, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(59, 89, 152, 0.2);
}

.sharing-area .btn-google-plus{
    background-color: #dd4b39;
    box-shadow: 0 2px 2px 0 rgba(221, 75, 57, 0.14), 0 3px 1px -2px rgba(221, 75, 57, 0.2), 0 1px 5px 0 rgba(221, 75, 57, 0.12);
}
.sharing-area .btn-google-plus:hover{
    background-color: #dd4b39;
    box-shadow: 0 14px 26px -12px rgba(221, 75, 57, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(221, 75, 57, 0.2);
}

.sharing-area .btn-github{
    background-color: #333333;
    box-shadow: 0 2px 2px 0 rgba(51, 51, 51, 0.14), 0 3px 1px -2px rgba(51, 51, 51, 0.2), 0 1px 5px 0 rgba(51, 51, 51, 0.12);
}
.sharing-area .btn-github:hover{
    background-color: #333333;
    box-shadow: 0 14px 26px -12px rgba(51, 51, 51, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(51, 51, 51, 0.2);
}

.section-thin,
.section-notifications{
    padding: 0;
}
.section-navbars{
    padding-top: 0;
}
#navbar .navbar{
    border-radius: 0;
}
.section-tabs{
    background: #EEEEEE;
}
.section-pagination{
    padding-bottom: 0;
}
.section-download h4{
    margin-bottom: 25px;
}
.section-examples a{
    text-decoration: none;
}
.section-examples h5{
    margin-top: 30px;
}
.components-page .wrapper > .header,
.tutorial-page .wrapper > .header{
    min-height: 380px;
    padding-top: 180px;
    background-size: cover;
    background-position: center center;
}
.components-page .title,
.tutorial-page .title{
    color: #FFFFFF;
}
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 200px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    text-align: left;
	color:#fff;
    background-color: #000;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.175);
    box-shadow: 0 6px 12px rgba(0,0,0,0.175);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}
.dropdown-menu li > a {
    font-size: 13px;
    padding: 10px 20px;
    margin: 0 5px;
	color:#fff;
    border-radius: 2px;
    -webkit-transition: all 150ms linear;
    -moz-transition: all 150ms linear;
    -o-transition: all 150ms linear;
    -ms-transition: all 150ms linear;
    transition: all 150ms linear;
}.dropdown-menu li {
    position: relative;
    height: 45px!important;
}
.nl{
	display: block;
}
.list-group-item:first-child {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}
.list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #070a0e;
    border: 1px solid #000000;
}
.action-time{
    background-image: url('../design/action.png');
	height:56px;
	line-height:60px;
	padding-left:25px;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

}
.arena_bg h1{
	color:#c7ca95;
}

.arena_bg{
    background-image: url('../arena/bg2.jpg');
	background-color:rgba(0, 0, 0, .5);
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 5px;
    padding-top: 15px;
    min-height: 700px;
}

.arena_info{
	padding-top:115px;
}

.arena_bg .avatar_border {
    position: relative;
}

.arena_bg .avatar_border:after {
    display: block;
    content: "";
    width: 3px;
    height: 5px;
    background: transparent url('../img/arena/avatar_border.png') no-repeat;
}

.lasnoches_bg h1{
	color:#c7ca95;
}

.lasnoches_bg{
    background-image: url('../lasnoches/bg.jpg');
	min-height:700px;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;	
    border-radius: 5px;
}
.lasnoches_apteka_bg{
    background-image: url('../lasnoches/bg_apteka.jpg');
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;	
    border-radius: 5px;
}
.darkcontainer_bg{
	position:relative;
	background-color:rgba(0,0,0,0.5);
	padding-top:0px;
	padding-bottom:25px;
	padding-left:20px;
	padding-right:20px;
    border-radius: 5px;

}
.darkcontainer_bg:before{
	position:absolute;
	left:-4px;
	bottom:-6px;
	clear:both;
  display: inline;
  width:34px;
  height:51px;
  float:left;
  background:url('../img/belka_left.png') bottom no-repeat;
  z-index:555;
  content: "";
}
.darkcontainer_bg:after{
	position:absolute;
	right:-3px;
	clear:both;
	bottom:-6px;
  display: inline;
  width:34px;
  float:left;
  height:51px;
  background:url('../img/belka_right.png') bottom no-repeat;
  z-index:555;
  content: "";
}
.red_button {
	border:0px;
    cursor: pointer!important;
	position:relative;
	float:left;
    width: 193px;
    height: 51px;
    line-height: 51px;
    text-align: center;
    color: #ffffff;
    background: transparent url(../design/red_button.png) no-repeat;
    z-index: 6;
}
.gray_button {
	border:0px;
    cursor: pointer!important;
	position:relative;
	float:left;
    width: 193px;
    height: 51px;
    line-height: 51px;
    text-align: center;
    color: #ffffff;
    background: transparent url(../design/gray_button.png) no-repeat;
    z-index: 6;
}

.bg_nag{
 background-color:rgba(0,0,0,0.8);
  border-radius: 5px;
}

.missions_bg h1{
	color:#c7ca95;
}
.missions_bg{
    background-image: url('../missions/bg.jpg');
	background-color:#000000;
	min-height:700px;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100%;
    border-radius: 5px;
}
.drop{
	border-top:1px solid #1c1c1c;
	border-bottom:1px solid #1c1c1c;
	margin-top:10px;
	margin-bottom:10px;
	padding-top:10px;
	padding-bottom:5px;
}
.karta-header-new{
	background-image: url('../img/newprofilenag.jpg') !important;
	padding: 0 !important;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 150px;
	position: relative;
	display: flex;
	justify-content: center;
	text-align:center;
}
.karta-header-female{
	background-image: url('../img/ona.jpg') !important;
	padding: 0 !important;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 150px;
	position: relative;
	display: flex;
	justify-content: center;
	text-align:center;
}
.karta-header-male{
	background-image: url('../img/on.jpg') !important;
	padding: 0 !important;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 150px;
	position: relative;
	display: flex;
	justify-content: center;
	text-align:center;
}
.karta:hover{
	
	background:rgba(0,0,0,0.9);
}
.karta{
	overflow: hidden;
	border:0 !important;
	width: 100%;
	background:rgba(0,0,0,0.5);
	margin-bottom:15px;
}
.karta-new:hover{
	
	background:rgba(0,0,0,1);
}
.karta-new{
	overflow: hidden;
	border:0 !important;
	width: 100%;
	background:rgba(0,0,0,0.8);
	margin-bottom:15px;
}
.profile_pic-new{
	position: absolute;
	bottom: -50px;
	height: 112px;
	width: 112px;
	padding: 5px;
	border: 2px solid #fff;
	border-radius: 50%;
}
.profile_pic{
	position: absolute;
	bottom: -50px;
	height: 112px;
	width: 112px;
	padding: 5px;
	border: 2px solid #f39c12;
	border-radius: 50%;
}
.karta-body{
	padding-top: 65px !important;
}
.przeciwnicy{
	margin-top:250px;
}
.profile_pic img{
	height: 100px;
	width: 100px;
	border-radius: 50%;
}
.profile_pic-new img{
	height: 100px;
	width: 100px;
	border-radius: 50%;
}
.name_container{
	display: flex;
	justify-content: center;

}
.name{
	padding-top:5px;
	font-size: 20px;
	font-weight: 700;
	color: #fff;
	position: relative;
}
.kin{
	display: flex;
	justify-content: center;
	font-size: 12px;
	color: #f54a05;
	padding-top:5px;
}
.kin2{
	padding-left:5px;
	display: flex;
	justify-content: center;
	font-size: 12px;
	color: #f54a05;
	padding-top:5px;
}
.login_container{
	padding-top: 15px;
	display: flex;
	justify-content: center;
}

.info_container{
	padding-top: 0px;
	display: flex;
	justify-content: space-around;
	flex-direction: row;
}
.char_info{
	display: flex;
	flex-direction: column;
	padding:10px;
}
.char_info p{
	padding-bottom:5px;
}
.char_info p:first-child{
	margin-bottom: 0;
	font-size: 12px;
	color: gray;
	text-transform: uppercase;
	text-align: center;
}
.char_info p:last-child{
	margin-bottom: 0;
	font-size: 20px;
	font-weight: 700;
	color: gray;
	text-transform: uppercase;
	text-align: center;
}
.kan{
	color:#009ef7!important;
}

.kan_bg h1{
	color:#c7ca95;
}

.kan_bg{
    background-image: url('../kan/bg.jpg');
	min-height:650px;
	background-color:#000000;
    background-repeat: no-repeat;
    background-position: top 25px center;
    border-radius: 5px;
	padding-top:30px;
}
.kanshop{
	padding-top:480px;
}
.kanshop .decor{
	padding-bottom:15px;
	margin-bottom:15px;
	font-size:16px;
}
.kanbox{
	padding:10px;
	margin:10px;
}
.zdolnosc-ile {
    position: absolute;
    top: 5px;
    right:10px;
    width: 66px;
    height: 71px;
    line-height: 71px;
    text-align: center;
    color: #00ff00;
    background: transparent url('../training/quantity_bg.png') no-repeat;
    z-index: 2;
}
h2.card-title{
	color:#c7ca95;
	margin-top:0px;
}
h3.card-title{
	color:#c7ca95;
	margin-top:17px;
	margin-bottom:17px;
}
.selectedcard{
	background-color:rgba(40,0,0,0.4);
	 -webkit-box-shadow:inset 0px 0px 0px 1px #a9781d;
    -moz-box-shadow:inset 0px 0px 0px 1px #a9781d;
    box-shadow:inset 0px 0px 0px 1px #a9781d;
}
#start_training h1{
	padding-top:30px;
	font-size:18px;
	line-height:5px;
}
#start_training h2{
	font-size:13px;
	line-height:5px;
}
#start_training{
	min-height:90px;
	line-height:10px;
	margin-bottom:0px;
    text-align: center!important;
    background: transparent url('../training/start.png') no-repeat;
    background-size: cover;
    z-index: 2;
}
.training_bg,
.eq_bg
{	
    background-image: url('../training/bg.jpg');
	min-height:650px;
	background-color:#000000;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 100%;
    border-radius: 5px;
	padding-top:30px;
}

.list-group {
    margin-bottom: 45px;
    padding-left: 0;
}
li.list-group-item:hover{
	background:rgba(0,0,0,0.5);
}
li.list-group-item strong{
	color:#fff288;
}
li.list-group-item .col-md-2.text-center {
    line-height: 25px;
}
.title_thread{
	line-height:25px;
}
li.list-group-item{
	text-align:left;
	padding-top:5px;
	padding-bottom:5px;
	margin-top:6px;
	margin-bottom:6px;
	min-height:47px;
}

.unactive {
    filter: grayscale(100%);
}


a {
    cursor: pointer;
}

.item-place {
    display: inline-block;
    background-color: black;

    width: 64px;
    height: 64px;

    margin-right: 5px;
    margin-bottom: 5px;
}

.mw-100 {
    max-width: 100%;
}
.relogprofil{
    max-height:35px;
    display:inline-block;
    padding-right:10px;
    padding-left:10px;
}

.shoutboxTabs li {
    float: none;
    display: inline-block;
}

.pl-30 {
    padding-left: 30px;
}

.pr-30 {
    padding-right: 30px;
}

.battleWindow {
    position: fixed;

    width: 100%;
    height: 100%;
}
 
.zdolki_top{
    display: inline-block;
    vertical-align: middle;

    margin-right: 12px;
    text-align: center;

    line-height: 20px;
}

.container {
    padding-left: 15px;
    padding-right: 15px;
}

.down-left {
    background-image: url('../img/menu-footer.png');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;

    width: 100%;
    height: 70px;

    position: fixed;
    z-index: 1499;

    left: 0px;
    bottom: 0px;

    padding-top: 10px;
    text-align: center;
}

.navbar, .navbar.navbar-default {
    margin-bottom: 0;
	-webkit-border-radius: 5px;
-webkit-border-top-left-radius: 0px;
-webkit-border-top-right-radius: 0px;
-moz-border-radius: 5px;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
border-radius: 5px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}

.bg_dark {
    background-color: rgba(0,0,0,0.8) !important;
}

.bg_darker {
    background-color: rgba(0,0,0,0.9);
}

.bg_fulldark {
    background-color: black;
}

.d-block {
    display: block;
}

.d-flex {
    display: flex;
}

.d-flex.center {
    justify-content: center;
}

.w-100 {
    width: 100%;
}

.character_infos {
    font-family:'TrajanPro-Regular'!important;
    background-color:rgba(0,0,0,0.8);

    height:100px;
    
    padding-left:5px;
    padding-right:5px;
    padding-top:15px;
    
    text-align: center;
}

.top_container_1 {
    display: inline-block;
    padding: 5px 10px;

    width: 125px;
}

.top_container_2 {
    display: inline-block;
    padding: 5px 10px;

    width: 150px;
}

.top_container_3 {
    text-align: left;

    display: inline-block;
    padding: 5px 10px;

    margin-top: 12px;

    width: 450px;
}

.top_container_4 {
    padding: 5px 10px;
    align-self: center;

    display: inline-block;
    width: 350px;

    text-align: center;
}

.gold_container {
    padding-bottom: 5px;

    display: inline-block;
    clear: both;
    color: #d1bd4c;
}

.kan_container {
    padding-bottom: 5px;

    display: inline-block;
    clear: both;
    color: #009ef7;
}

.redkan_container {
    padding-bottom: 10px;

    display: inline-block;
    clear: both;
    color: #e02020;
}

.energy_hp_container,
.reiatsu_xp_container {
    display: inline-block;
    width: 150px;

    margin-right: 10px;
}

.daily-icon {
    width: 100%;
    max-width: 75px;

    margin-left: 5px;
    margin-top: -15px;
}

.ability_element {
    display: inline-block;

    color: white;

    margin-top: 19px;
    margin-right: 7px;
}

.progress {
    box-shadow: none;
    background: #000000;

    margin-bottom: 0;
    position: relative;
}

.progress .progress-bar {
    float: none;
}

.progress .progress-bar-text {
    position: absolute;

    left: 10px;
    top: 0px;

    z-index: 5;
    color: white;
}

.font-10 .progress {
    height: 20px;
}

.decor.decor-new {
    padding-left: 0;
    padding-right: 0;

    border-radius: 0;
}

.ico_button {
    display: inline-block;

    padding: 8px 12px;
    background-color: #212121;

    border-radius: 8px;
    margin-right: 10px;
}

.ico_button .icomenu {
    float: none;
    position: relative;
    top: 3px;

    margin-right: 0;
}

.ico_button.small_b {
    padding: 4px 6px;
    background-color: #212121;

    border-radius: 4px;
    border: 1px solid #b7b7b7;
}

.ico_button.small_c {
    padding: 4px 12px;
}

.ico_button.nobg {
    background-color: transparent;
}

.decor-left {
    position:relative;
    font-family:'TrajanPro-Regular'!important;
    line-height:22px;
    background-color:rgba(0,0,0,0.4);
    border-radius: 5px;
    padding:5px;
    text-align:center;
}

.decor-left:before {
	position:absolute;
	left:-4px;
	bottom:-6px;
	clear:both;
    display: inline;
    width:34px;
    height:51px;
    float:left;
    background:url('../img/belka_left.png') bottom no-repeat;
    z-index:555;
    content: "";
}

.decor3 {
    position:relative;
    font-family:'TrajanPro-Regular'!important;
    line-height:22px;
    background-color:rgba(0,0,0,0.4);
    border-radius: 5px;
    padding:5px;
    text-align:center;
}

.decor3:before {
	position:absolute;
	left:-4px;
	bottom:-6px;
	clear:both;
    display: inline;
    width:34px;
    height:51px;
    float:left;
    background:url('../img/belka_left.png') bottom no-repeat;
    z-index:555;
    content: "";
}

.decor4 {
    position:relative;
    font-family:'TrajanPro-Regular'!important;
    line-height:22px;
    background-color:rgba(0,0,0,0.4);
    border-radius: 5px;
    padding:5px;
    text-align:center;
}

.decor4:before {
	position:absolute;
	left:-12px;
	bottom:-1px;
	clear:both;
    display: inline;
    width:34px;
    height:34px;
    float:left;
    background:url('../img/decor_vertical.png') bottom no-repeat;
    background-size: auto 100%;
    z-index:555;
    content: "";
}

.decor5 {
    position:relative;
    font-family:'TrajanPro-Regular'!important;
    line-height:22px;
    background-color:rgba(0,0,0,0.4);
    border-radius: 5px;
    padding:5px;
    text-align:center;
}

.decor5:before {
	position:absolute;
	left:-12px;
	bottom:-1px;
	clear:both;
    display: inline;
    width:34px;
    height:44px;
    float:left;
    background:url('../img/decor_vertical.png') bottom no-repeat;
    background-size: auto 100%;
    z-index:555;
    content: "";
}

.decor.decor_button::before {
    position: absolute;
    left: -4px;
    bottom: -6px;
    clear: both;
    display: inline;
    width: 34px;
    height: 30px;
    float: left;
    background: url('../img/belka_left.png') bottom no-repeat;
    z-index: 555;
    content: "";
}

.decor.decor_button::after {
    position: absolute;
    right: -3px;
    clear: both;
    bottom: -6px;
    display: inline;
    width: 34px;
    float: left;
    height: 30px;
    background: url('../img/belka_right.png') bottom no-repeat;
    z-index: 555;
    content: "";
}

.button_1 {
    display: inline-block;
    padding: 3px 14px;

    color: #ae8550;

    background-color: #000000;
    background-image: url('../img/buttons/button-bg-1.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.button_2 {
    display: inline-block;
    padding: 5px 18px;

    color: #ae8550;

    background-color: #000000;
    background-image: url('../img/buttons/button-bg-2.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;

    text-align: left;
}

.button_3 {
    display: inline-block;
    padding: 5px 18px;

    color: #ae8550;

    background-color: #000000;
    background-image: url('../img/buttons/button-bg-3.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.button_4 {
    display: inline-block;
    padding: 10px 18px;

    background-color: #000000;
    background-image: url('../img/buttons/button-bg-4.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;

    color: white;
    font-size: 14px;
}

.button_5 {
    display: inline-block;
    padding: 5px 18px;

    color: #ae8550;

    background-color: #111111;
    background-image: url('../img/map_ui/top.png');
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center center;

    text-align: left;
}

.button_6 {
    display: inline-block;
    padding: 12px 30px;

    color: #ae8550;
    font-size: 18px;

    background-color: #111111;
    background-image: url('../img/buttons/button-bg-4.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;

    text-align: left;
}

.button_kan {
    display: inline-block;
    padding: 10px 18px;

    width: calc(100% - 20px);
    max-width: 255px;

    background-color: #000000;
    background-image: url('../img/buttons/button_kan.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;

    color: white;
    line-height: normal;
    font-size: 12px;

    text-align: left;
}

.no_mobile {
    display: block;
}

.mobile_look {
    display: none !important;
}

.d-block {
    display: block !important;
}

.d-inline-block {
    display: inline-block !important;
}

.mr-1 {
    margin-right: 5px !important;
}

.mr-2 {
    margin-right: 10px !important;
}

.mr-3 {
    margin-right: 15px !important;
}

.mr-4 {
    margin-right: 20px !important;
}

.ml-1 {
    margin-left: 5px !important;
}

.ml-2 {
    margin-left: 10px !important;
}

.ml-3 {
    margin-left: 15px !important;
}

.ml-4 {
    margin-left: 20px !important;
}

.mt-none {
    margin-top: 0 !important;
}

.mt-1 {
    margin-top: 5px !important;
}

.mt-2 {
    margin-top: 10px !important;
}

.mt-3 {
    margin-top: 15px !important;
}

.mt-4 {
    margin-top: 20px !important;
}

.mb-none {
    margin-bottom: 0 !important;
}

.mb-1 {
    margin-bottom: 5px !important;
}

.mb-2 {
    margin-bottom: 10px !important;
}

.mb-3 {
    margin-bottom: 15px !important;
}

.mb-4 {
    margin-bottom: 20px !important;
}

.middle {
    vertical-align: middle;
}

.font-10 {
    font-size: 10px;
    line-height: 20px;
}

.clear {
    clear: both;
}

.mobile-button {
    display: none;
}

.blue-sep {
    border-top: 1px solid #0c486b;

    margin-top: 10px;
    margin-bottom: 10px;
}

.mobile-ico.icomenu {
    display: none;
}

.white {
    color: white !important;
}

.mv-auto {
    margin-top: auto;
    margin-bottom: auto;
}

/* TECHS */

#techContainer {
    background: url('../img/tech/bg.png');
    background-repeat: no-repeat;
    background-position: top right;
    background-size: cover;

    padding: 15px;
}

#techContainer h3,
#techContainer h4 {
    margin-top: 0px;
    margin-bottom: 0px;
}

#techContainer .skillState {
    position: relative;
    margin-top: -15px;

    text-align: left;
    align-items: center;
}

#techContainer .skillState > .circle_data {
    position: absolute;

    left: 26px;
}

.tech_card {
    position: relative;

    margin-left: auto;
    margin-right: auto;
}

.tech_card > div {
    margin-right: 5px;
}

.tech_card .circle_all {
    position: absolute;

    right: 0;
    top: 0;
}

.tech_card .circle_learned {
    position: absolute;

    left: calc(50% - 44px);
    top: 290px;
}

.skill_card {
    position: relative;

    margin-left: auto;
    margin-right: auto;
}

.skill_card .card_inside {
    position: absolute;

    left: 0;
    top: -20px;
    
    width: 100%;
}

.skill_card .tech_image {
    display: block;

    margin-left: auto;
    margin-right: auto;
}

.skill_card .level_place {
    position: absolute;

    left: 15px;
    top: 30px;

    width: 40px;
}

.skill_card .level_place img {
    display: inline-block;
    margin-bottom: 2px;
}

.skill_card .level_circle {
    position: absolute;

    top: 20px;
    right: 5px;
}

.skill_card .level_circle .help_circle {
    position: absolute;

    right: 20px;
    top: 80px;
}

.skill_card .level_gem {
    position: absolute;

    left: 5px;
    top: 115px;
}

.skill_card .level_gem .text {
    position: absolute;

    left: 45px;
    bottom: 20px;

    font-size: 1em;
    line-height: 1em;
}

.skill_card .desc {
    position: absolute;

    left: 15px;
    top: 175px;
    padding-right: 15px;

    font-size: 9px;
    color: #565656;

    line-height: normal;
}

.card_description {
    background-color: #141316;
    color: #5f5f60 !important;

    padding-left: 15px;
    padding-right: 15px;
    padding-top: 20px;
    padding-bottom: 15px;
}

.card_description p {
    margin: 0;
}

.card_separate {
    border-bottom: 1px solid #5f5f60;

    margin-top: 5px;
    margin-bottom: 5px;
}

/* END TECHS */

/* Las Noches */

#LasNochesContainer {
    background-color: rgba(0, 0, 0, .7);
    background-image: url('/img/bg/lasnoches_bg.png');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;

    padding: 15px;
}

#LasNochesContainer .upPanel {
    padding-bottom:15px;
    border-bottom: 1px solid rgba(255, 255, 255, .5);
}

#LasNochesContainer .rightBorder {
    border-right: 1px solid rgba(255, 255, 255, .5);
}

#LasNochesContainer .grayBG {
    background-color: rgba(255, 255, 255, .1);
    padding: 10px 15px;
    border-radius: 15px;

    margin-top: 15px;
    
    color: white;
}

#LasNochesContainer h3,
#LasNochesContainer h4 {
    margin-top: 0px;
    margin-bottom: 0px;
}

#LasNochesContainer .medicalStore {
    text-align: left;
}

#LasNochesContainer .medicalStore a > img {
    width: 100px;
    max-width: 100%;
}

#LasNochesContainer .skillState {
    position: relative;
    margin-left: 40px;
    margin-right: 40px;

    margin-top: -15px;
    margin-bottom: -15px;

    text-align: left;
    align-items: center;
}

#LasNochesContainer .skillState img {
    position: relative;
    
    left: 0;
    top: 0;
}

#LasNochesContainer .skillState > .circle_data {
    position: absolute;

    left: 26px;
    top: 15px;

    width: 100px;
}

#LasNochesContainer .attacksToReward {
    padding-top: 4px;

    font-size: 14px;
    vertical-align: top;
}

#LasNochesContainer .infoContainer {
    margin-top: 80px;
    margin-bottom: 20px;
}

#LasNochesContainer .infoContainer .grayContainer {
    background-color: rgba(255, 255, 255, .1);
    padding: 10px 15px;
    border-radius: 15px;

    margin-top: 15px;
    
    color: white;
}

#LasNochesContainer .grayContainer strong {
    font-size: 18px;
    font-weight: 900;
}

#LasNochesContainer .grayContainer p {
    line-height: 20px;
    font-size: 16px;
}

#LasNochesContainer .levelButton,
#LasNochesContainer .levelButton:link {
    background-color: black;
    opacity: .3;

    padding: 10px 15px;

    border-radius: 10px;
}

#LasNochesContainer .levelButton:hover,
#LasNochesContainer .levelButton:focus,
#LasNochesContainer .levelButton.active {
    opacity: 1;
}

#LasNochesContainer .infoContainer2 {
    margin-top: 80px;
    margin-bottom: 20px;

    font-size: 14px;
    line-height: 20px;
}

#LasNochesContainer .locPicture {
    position: relative;
    font-size: 14px;

    width: 300px;
    height: 225px;
}

#LasNochesContainer .locPicture .toBoss {
    position: absolute;

    right: 15px;
    top: 15px;

    color: white;

    background-color: rgba(0, 0, 0, .3);
    border-radius: 8px;

    padding: 10px 15px;
}

#LasNochesContainer .locPicture .doIt {
    position: absolute;

    left: 0;
    bottom: 15px;
    width: calc(100% - 30px);

    margin-left: 15px;
    margin-right: 15px;

    background-color: rgba(0, 0, 0, .3);
    border-radius: 8px;

    padding: 10px 15px;

    color: white;
}

/* END Las Noches */

/* DAILY */
.daily_bg{
    background-image: url('../img/daily/bg.png');
	background-color:#000000;
	min-height:700px;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100%;
    border-radius: 5px;

    padding-left: 15px;
    padding-right: 15px;

    margin-bottom: 20px;
}

.pt-0 {
    padding-bottom: 0px;
}

.pt-1 {
    padding-top: 5px;
}

.pt-2 {
    padding-top: 10px;
}

.pt-3 {
    padding-top: 15px;
}

.pt-4 {
    padding-top: 20px;
}

.pb-0 {
    padding-bottom: 0px;
}

.pb-1 {
    padding-bottom: 5px;
}

.pb-2 {
    padding-bottom: 10px;
}

.pb-3 {
    padding-bottom: 15px;
}

.pb-4 {
    padding-bottom: 20px;
}

.pl-0 {
    padding-bottom: 0px;
}

.pl-1 {
    padding-left: 5px;
}

.pl-2 {
    padding-left: 10px;
}

.pl-3 {
    padding-left: 15px;
}

.pl-4 {
    padding-left: 20px;
}

.pr-0 {
    padding-bottom: 0px;
}

.pr-1 {
    padding-right: 5px;
}

.pr-2 {
    padding-right: 10px;
}

.pr-3 {
    padding-right: 15px;
}

.pr-4 {
    padding-right: 20px;
}

.p-0 {
    padding: 0px;
}

.p-1 {
    padding: 5px;
}

.p-2 {
    padding: 10px;
}

.p-3 {
    padding: 15px;
}

.p-4 {
    padding: 20px;
}

.font-large {
    font-size: 18px;
    line-height: 25px;
}

.relative {
    position: relative;
}

.absolute {
    position: absolute;
}

.decor2{
	position:relative;
  font-family:'TrajanPro-Regular'!important;
  line-height:22px;
  border-radius: 5px;
  padding:5px;
  text-align:center;
  height: calc(100% - 15px);
}
.decor2:before{
	position:absolute;
	left:-4px;
	bottom:-6px;
	clear:both;
  display: inline;
  width:34px;
  height:51px;
  float:left;
  background:url('../img/belka_left.png') bottom no-repeat;
  z-index:555;
  content: "";
}
.decor2:after{
	position:absolute;
	right:47px;
	clear:both;
	bottom:-6px;
  display: inline;
  width:34px;
  float:left;
  height:51px;
  background:url('../img/belka_right.png') bottom no-repeat;
  z-index:555;
  content: "";
}

.daily_box {
    padding: 12px 8px;
    background-image: linear-gradient(90deg, rgba(0, 0, 0, .8) calc(100% - 50px), transparent 50px);

    height: auto;

    letter-spacing: 0.5px;
    margin-bottom: 10px;
}

.daily_box .name {
    font-size: 18px;
	color: #e6d88b;
}

.daily_box .item,
.daily_box .desc,
.daily_box .action {
    display: block;
    float: left;
}

.daily_box .item {
    width: 100px;
}

.daily_box .desc {
    width: calc(100% - 100px - 125px);
    text-align: left;
}

.daily_box .desc p {
    margin-bottom: 0;
}

.daily_box .action {
    position: relative;
    z-index: 1000;

    width: 125px;
    text-align: center;
}

.daily_box .separate {
    border-bottom: 1px solid gray;

    margin-top: 5px;
    margin-bottom: 5px;
}

footer {
    background-color: black;

    padding-bottom: 85px;
}

.bg-second {
    background-color: #17161c;
}

.rounded {
    border-radius: 5px;
}

.footer-sep {
    border-top: 1px solid #3a393e;
    
    margin-top: 10px;
    margin-bottom: 10px;
}

.text-white {
    color: white;
}

.text-light-brown {
    color: #9a9578;
}

footer h2,
footer h3 {
    color: #aea797;
}

.mx-auto {
    margin-left: auto;
    margin-right: auto;
}

.horizontal-separator {
    border-bottom: 1px solid #2f2f2f;
}

.vertical-separator {
    border-right: 1px solid #2f2f2f;
}

#questLogContainer {
    background-image: url('./../img/battle/bg.jpg');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;

    min-height: 300px;
    padding: 15px;
}

#questLogContainer .box {
    background-color: #000;
    color: white;

    border: 1px solid #796d42;
    border-radius: 10px;
}

#questLogContainer .box .title {
    background: url('../img/buttons/button-bg-4.png');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;

    margin: 0;

    padding: 15px;
}

#questLogContainer .box .desc {
    color: #b8b8b8;

    margin: 0;
    padding: 15px;
}

#questLogContainer .box a,
#questLogContainer .box a:link {
    color: #ae8550 !important;
}

#questLogContainer .box a:hover,
#questLogContainer .box a:focus {
    color: #cea570 !important;
}

#caveContainer {
    background-image: url('../img/bg/cave_bg.png');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;

    min-height: 600px;

    padding-top: 15px;
    padding-bottom: 15px;
}

#caveContainer .long-break {
    background-color: rgba(0, 0, 0, .8);
    margin-top: 100px;
}

#caveContainer .restText {
    color: #2f2f2f;
}

.inputBordered {
    border: 1px solid #d2c195 !important;
}

/* BATTLE RULES */
#battleWindow
{
    position: fixed;
    
    left: 0;
    top: 0;

    width: 100%;
    height: 100%;

    z-index: 99999;

    background-color: black;
}

#battleWindow .attack-mob {
	color:#ccbf92;
}

#battleWindow .attack-howmuch {
	color:#ff0000;
}

#battleWindow > .content {
    margin-left: auto;
    margin-right: auto;

    overflow: auto;
    height: calc(100% - 30px);

	width: 998px;
    margin-top: 15px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #000000!important;
	border: 1px solid #2d2e2e;
	z-index: 1;
}

#battleWindow > .content > .window {
	position:relative;
	z-index: 0;
	width:100%;
    min-height:640px;
	margin-left:auto;
	margin-right:auto;
	background:#000000 url('./../img/battle/bg.jpg') top center no-repeat;
	color:#fff;
	font-family:Tahoma;
	font-size:11px;
}

#battleWindow > .content > .window > .top {
    position:relative;
    float:left;
    width:100%;
	min-height:80px;
    background:#070a11 url('./../img/battle/top_pve.jpg') bottom center no-repeat;
    
    padding-top: 15px;
}

#battleWindow > .content > .window > .top > ul.team1 {
    position:relative;
    float:left;
	list-style: none;
	width:auto;
	color:#838383;
	text-align:left;
    margin-left:10px;
    margin-right: 10px;
	margin-bottom:10px;
}

#battleWindow > .content > .window > .top > ul.team2 {
    position:relative;
    float:left;
	list-style: none;
	width:auto;
	color:#838383;
	text-align:left;
	margin-left:10px;
    margin-bottom:10px;
    padding-left: 0;
}

#battleWindow > .content > .window > .top > ul.team1 li,
#battleWindow > .content > .window > .top > ul.team2 li {
	width: auto;
	padding-top:5px;
	min-height:95px;
	line-height:30px;
	position: relative;
	float:left;
	display: inline-block;
	line-height:30px;
	z-index:9999999;
	color:#fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
	background: rgb(0,0,0);
	background: rgba(0,0,0, .5);
	margin-top:8px;
}

#battleWindow > .content > .window > .top .vs {
    position:relative;
    float:left;

	margin-left:10px;
	margin-right:10px;
    margin-top:20px;

	width:56px;
    height:72px;
    
	background: url('./../img/battle/vs.png') top center no-repeat;
}

#battleWindow > .content > .window > .top .user {
	position:relative;
	float:left;
	width:290px;
	padding:5px;
}

#battleWindow > .content > .window > .top .user > .avatar {
	position:relative;
	float:left;
	width:75px;
	height:75px;
	padding-left:5px;
}

#battleWindow > .content > .window > .top .user > .avatar img {
	width:75px;
	height:75px;
}

#battleWindow > .content > .window > .top .user > .name {
	position:relative;
	float:left;
	width:175px;
    padding-left:10px;
    font-size: 14px;
}

#battleWindow > .content > .window > .top .user > .name a {
	color:#fff;
    text-decoration: none;
}

#battleWindow > .content > .window > .top .name > .lvl {
    display: inline-block;

    margin-left: 5px;
    
    font-size: 10px !important;
    font-weight: 400;

    color: #898989;
}

#battleWindow > .content > .window > .top > .body {
    clear:right;
	overflow:auto;
	margin:10px;
	margin-left:auto;
	margin-right:auto;
	width:100%;
	text-align:center;
	font-family:Tahoma;
	font-size:11px;
}

div#walka-tryb {
	position:absolute;
	top:5px;
	left:690px;
	line-height:33px;
	font-weight:bold;
	width:140px;
	text-align:center;
	font-size:11px;
	font-family:Tahoma;
	height:33px;
	color:#ff0000;
	text-decoration:none;
}

div#walka-kogotura {
	position:absolute;
	top:45px;
	left:690px;
	line-height:30px;
	min-width:128px;
	text-align:center;
	font-size:11px;
	font-family:Tahoma;
	height:30px;
	color:#fff;
	padding-left:5px;
	padding-right:5px;
	text-decoration:none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
	background: rgb(0,0,0);
	background: rgba(0,0,0,.7);
}

#battleWindow .closeButton {
	position:absolute;
	top:25px;
	right:5px;
	line-height:33px;
	width:128px;
	text-align:center;
	font-size:11px;
	font-family:Tahoma;
	height:33px;
	color:#fff;
	text-decoration:none;
	background:url('./../img/battle/close_button.png') top center no-repeat;
}

#battleWindow > .content > .window > .top .bars {
	position:relative;
	float:left;
	width:185px;
	padding-left:10px;
	line-height:20px;
}

#battleWindow > .content > .window > .top .hp {
	position:relative;
	height:14px;
	max-width:175px;
	background: rgb(0,0,0);
	background: rgba(0,0,0, .8);
	text-align:left;
	font-size:11px;
	font-family:Tahoma;
	font-weight:normal;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-bottom:3px;
}

#battleWindow > .content > .window > .top .hp span {
	position:absolute;
	right:10px;
	top:-4px;
	text-align:center;
	z-index:1;
	font-size:10px;
	color:#fff;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 1);
}

#battleWindow > .content > .window > .top .hp strong {
	position:absolute;
	font-weight:normal;
	font-size:11px;
	left:10px;
	top:-4px;
	text-align:center;
	z-index:1;
	font-size:10px;
	color:#fff;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 1);
}

#battleWindow > .content > .window > .top .reiatsu {
	position:relative;
	height:14px;
	max-width:175px;
	background: rgb(0,0,0);
	background: rgba(0,0,0, .8);
	text-align:left;
	font-size:11px;
	font-family:Tahoma;
	font-weight:normal;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-bottom:3px;
}

#battleWindow > .content > .window > .top .reiatsu span {
	position:absolute;
	right:10px;
	top:-4px;
	text-align:center;
	z-index:1;
	font-size:10px;
	color:#fff;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 1);
}

#battleWindow > .content > .window > .top .reiatsu strong {
	position:absolute;
	font-weight:normal;
	font-size:11px;
	left:10px;
	top:-4px;
	text-align:center;
	z-index:1;
	font-size:10px;
	color:#fff;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 1);
}

#battleWindow > .content > .window > .top progress[value] {
	appearance: none;
	border: none;
	width: 99%; height: 14px;
	background-color:#000;
	position: relative;
	margin: 0 0 1.5em; 
	  border-radius: 5px;
}

#battleWindow > .content > .window > .top progress[value]::-webkit-progress-bar {
	background-color: #000;
	border-radius: 5px;
	height:14px;
	margin:1px;
}

#battleWindow > .content > .window > .top .hpbar::-webkit-progress-value {
	background-image:
	-webkit-linear-gradient( 135deg,
                            transparent,
                            transparent 33%,
                            rgba(0,0,0,.1) 33%,
                            rgba(0,0,0,.1) 66%,
                            transparent 66%),
    -webkit-linear-gradient( top,
                            rgba(255, 255, 255, .25),
                            rgba(0,0,0,.2)),
    -webkit-linear-gradient( left, #000, #f44);
	border-radius: 5px;
}

#battleWindow > .content > .window > .top .hpbar::-moz-progress-bar {
	background-image:
	-moz-linear-gradient( 135deg,
                        transparent,
                        transparent 33%,
                        rgba(0,0,0,.1) 33%,
                        rgba(0,0,0,.1) 66%,
                        transparent 66%),
    -moz-linear-gradient( top,
                        rgba(255, 255, 255, .25),
                        rgba(0,0,0,.2)),
    -moz-linear-gradient( left, #000, #f44);
	border-radius: 5px;
}

#battleWindow > .content > .window > .top .reiatsubar::-webkit-progress-value {
	background-image:
	-webkit-linear-gradient( 135deg,
                            transparent,
                            transparent 33%,
                            rgba(0,0,0,.1) 33%,
                            rgba(0,0,0,.1) 66%,
                            transparent 66%),
    -webkit-linear-gradient( top,
                            rgba(255, 255, 255, .25),
                            rgba(0,0,0,.2)),
    -webkit-linear-gradient( left, #000, #10307e);
	border-radius: 5px;
}

#battleWindow > .content > .window > .top .reiatsubar::-moz-progress-bar {
	/* Gradient background with Stripes */
	background-image:
	-moz-linear-gradient( 135deg,
                        transparent,
                        transparent 33%,
                        rgba(0,0,0,.1) 33%,
                        rgba(0,0,0,.1) 66%,
                        transparent 66%),
    -moz-linear-gradient( top,
                        rgba(255, 255, 255, .25),
                        rgba(0,0,0,.2)),
    -moz-linear-gradient( left, #000, #10307e);
	border-radius: 5px;
}

#battleWindow > .content > .window > .body .loot {
    position:relative;
    height:65px;
	margin-top:15px;
	padding-bottom:5px;
	text-align:center;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
	border:1px solid #796d42;
	-webkit-border-radius: 	5px;
	-moz-border-radius: 	5px;
	border-radius: 			5px;
}

#battleWindow > .content > .window > .body .loot img {
	display:inline-block;
	padding:2px;
}

#battleWindow > .content > .window > .body ul {
	list-style: none;
	width:100%;
	color:#838383;
    text-align:left;
    padding-left: 0;
}

#battleWindow > .content > .window > .body ul li {
	padding-left:10px;
	min-height:30px;
	line-height:30px;
	position: relative;
	z-index:9999999;
	color:#fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
	background: rgb(41,41,41);
	background: rgba(41,41,41, .4);
	margin-top:8px;
}

#battleWindow > .content > .window > .body ul li.crit {
	border:1px solid #4c0000;
	background: rgb(60,0,0);
	background: rgba(60,0,00, .5)!important;
}

#battleWindow > .content > .window > .body ul li.crit2 {
	border:1px solid #4c0000;
	background: rgb(41,41,41);
	background: rgba(40,40,40, .1);
}

#battleWindow > .content > .window > .body ul li:nth-child(even) {
	background: rgb(41,41,41);
	background: rgba(40,40,40, .2);
}

#battleWindow > .content > .window > .body ul li.onDebuff {
	border:1px solid #4c0000;
	background: rgba(60,8,8, 0.2);
}

#battleWindow > .content > .window > .body ul li.onBuff {
	border:1px solid #004c00;
	background: rgba(8, 60, 8, 0.2);
}

#battleWindow > .content > .window > .body ul li img{
	margin-top:2px;
	margin-right:10px;
	width:25px;
	height:25px;
	position:relative;
	float:left;
}

div.walka-left2{
	position:relative;
	float:left;
	width:500px;
	font-weight:normal;
}

div.walka-right2{
	position:relative;
	float:right;
	width:250px;
	text-align:right;
	padding-right:10px;
}

div.walka-left{
	position:relative;
	float:left;
	width:100%;
	font-weight:normal;
}

div.walka-right{
	position:relative;
	float:right;
	width:100%;
	text-align:right;
	padding-right:10px;
}

#battleContentScroll {
    margin-left: auto;
    margin-right: auto;
    position:relative;
	margin-top:15px;
	width:840px;
	min-height:300px;
	color:#dedede;
	padding:10px;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
	border:1px solid #171717;
	-webkit-border-radius: 	5px;
	-moz-border-radius: 	5px;
	border-radius: 			5px;
}

#battleWindow > .content > .window > .body .result {
    position:relative;
	margin-top:15px;
	line-height:35px;
	padding-bottom:5px;
	text-align:center;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
	border:1px solid #584f32;
	-webkit-border-radius: 	5px;
	-moz-border-radius: 	5px;
	border-radius: 			5px;
}

#walka-opcje {
	margin-left:auto;
	margin-right:auto;
	margin-top:25px;
	width:580px;
	height:140px;
	padding-top:10px;
	padding-left:10px;
	text-align:center;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
	border:1px solid #796d42;
	-webkit-border-radius: 	5px;
	-moz-border-radius: 	5px;
	border-radius: 			5px;
}

#walka-timer {
    position:relative;
    float:right;
	width:140px;
	height:30px;
	line-height:30px;
	text-align:right;
	padding-right:2px;
}

#walka-submit {
    position:relative;
    float:left;
	width:120px;
	height:30px;
	line-height:30px;
	text-align:center;
	
}

div#walka-submit input[type=submit] {
	background-color:#0b0b0b;
	border: 1px solid #524930;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:5px;
	margin-left:5px;
	width:115px;
	height:30px;
	font-weight:bold;
	color:#fff;
	font-size:11px;
}

div#walka-opcje-wybierz {
	position:relative;
	float:left;
	width:240px;
}

div#walka-opcje-wybierz img {
	margin-top:6px;
}

div#walka-content {
    position:relative;
    float:left;
    width:560px;
    padding-top:10px;
    margin-top:10px;
    border-top:1px solid #4b4226;
    text-align:left;
}

div#walka-tech-img {
    position:relative;
    float:left;
    width:66px;
}

div#walka-tech-txt {
    position:relative;
    float:left;
    width:480px;
    padding:5px;
    border-bottom:1px solid #4b4226;
    padding-bottom:10px;
}

strong#walka-tech-left {
	position:relative;
	float:left;
	font-weight:normal;
}

strong#walka-tech-left i {
	font-style:normal;
	font-weight:bold;
}

strong#walka-tech-right {
	position:relative;
	float:right;
	font-weight:normal;
	padding-right:5px;
}

#walka-tech-select {
	position:relative;
	float:left;
	width:180px;
	padding:6px;
}

#walka-opcje-form {
	position:relative;
	float:right;
	width:285px;
	padding-left:6px;
	padding-right:3px;
	padding-top:6px;
	height:30px;
	line-height:30px;
}

#walka-tech-filtr {
	position:relative;
	float:right;
	text-align:right;
	width:300px;
	padding-right:10px;
	height:30px;
	line-height:30px;
}

#walka-tech-filtr strong {
    display:inline;
    position:relative;
	padding-top:8px;
	padding-bottom:8px;
	padding-left:15px;
	padding-right:15px;
	font-weight:normal;
	background-color:#000;
	cursor:pointer;
	-webkit-border-radius: 	5px;
	-moz-border-radius: 	5px;
	border-radius: 			5px;
}

#walka-tech-filtr strong.selected {
    display:inline;
	padding-top:8px;
	padding-bottom:8px;
	padding-left:15px;
	padding-right:15px;
	font-weight:normal;
	background-color:#000;
	border:1px solid #51431f;
	cursor:pointer;
	-webkit-border-radius: 	5px;
	-moz-border-radius: 	5px;
	border-radius: 			5px;
}

.debuff {
	color:#be2d2d;
}

.buff {
	color:#048009;
}

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

.text-center {
    text-align: center;
}

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

.news-card-header {
    height: 194.25px;
}

.news-card-header img {
    object-fit: cover;
    object-position: center;
}

.modal.modal-centered-v {
    text-align: center;
    padding: 0 !important;
}

.modal.modal-centered-v:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px;
}

.modal-centered-v .modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;

    width: 700px;
    max-width: 100%;
}

.modal .modal-dialog {
    margin-top: 15px !important;
    padding-right: 20px;
}

#activeTechSetModal .modal-content {
    border: solid 1px #d2c195;
}

#activeTechSetModal .container {
    width: 100%;
}

#activeTechSetModal .row {
    display: flex;
    align-items: center;
}

#activeTechSetModal .techbox {
    display: flex;
    align-items: center;
    justify-content: center;

    font-size: 24px;
    line-height: normal;

    margin-right: 15px;
}

#activeTechSetModal .settings {
    margin-left: auto;
}

#activeTechSetModal [settech] {
    filter: grayscale(100%);
}

#activeTechSetModal .active[settech] {
    filter: grayscale(0%);
}

.modal-backdrop {
    background: black;
}

.modal-open {
    overflow: auto;
    padding-right: 0 !important;
}

.pb-50 {
    padding-bottom: 50px !important;
}

.pb-25 {
    padding-bottom: 25px !important;
}

.pt-50 {
    padding-top: 50px !important;
}

.pt-25 {
    padding-top: 25px !important;
}

.kanbg {
	background:rgba(0,0,0,0.5);
}

.kanbg:hover {
	background: rgba(0,8,80,0.5);
}

.bonaktywny {
	background: rgba(0,18,160,0.5);
}

.bonaktywny:hover {
	background: rgba(0,8,80,0.5);
}

.settings_bg {
    background-image: url('./../img/battle/bg.jpg');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;

    min-height: 300px;
    padding: 15px;
}

.roundedMark {
    border: 1px solid #292929;
    border-radius: 5px;
}

li.active a.nav-link {
    background-color: #000!important;
    border: 1px solid #6f604d!important;
    color: #6f604d;
}

select.ga-input option {
    background-color: #000;
    color: #fefefe;
}

select.ga-input option[disabled] {
    background-color: #414141;
    color: #999999;
    
    text-decoration: line-through;
}

/* OLD STYLES */
.item_ramkie{
	width:500px;
	height:230px;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:20px;
	font-family: 'PT Sans', sans-serif;
	font-size:11px;
}
.item_ramkie-img{
	position:relative;
	float:left;
	width:180px;
}

.item_ramkie-info{
	position:relative;
	float:left;
	width:310px;
	padding-left:10px;
	padding-top:6px;
}
.item_ramkie-title{
	position:relative;
	float:left;
	width:300px;
	background: rgb(35, 35, 35);
    background: rgba(35, 35, 35, .5);
	border: 1px solid #3b3b3b;
	height:35px;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.item_ramkie-title h1{ 
	font-weight:normal;
	font-size:14px;
	color:#ffffff;
}
.item_ramkie-details{
	position:relative;
	float:left;
	width:310px;
	color:#ffffff;
}

.item_ramkie-details ul {
padding-top:10px;
	width:320px;
position:relative;
list-style-type: none;
color:#bdbdbd;
}
.item_ramkie-details ul li{
	list-style-type: none;
	height:20px;
	margin:2px;
padding-left:10px;
	line-height:20px;
	font-size:11px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background: rgb(255, 255, 255);
    background: rgba(255, 255, 255, .1);
}

.item_ramkie-details ul li:nth-child(odd) {
	background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, .5);

}
.zanek-left{
	position:relative;
	float:left;
	width:180px;
	z-index:2;
}
.zanek-left img{
	position:relative;
	float:left;
	width:180px;
	height:180px;

}
.zanek-left-i{
	position:relative;
	float:left;
	width:150px;
	margin-left:11px;
	margin-top:5px;
	padding:5px;
	font-size:16px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color:#8a8a8a;
	text-align:center;
}
small.light{
	font-size:11px;
}
.zanek-left-i strong{
	color:#cacaca;
}
.item-left-i{
	position:relative;
	float:left;
	width:150px;
	margin-left:11px;
	margin-top:0px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:5px;
	font-size:16px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color:#8a8a8a;
	text-align:center;
}
.item-left-i strong{
	color:#cacaca;
}
.zanek-right{
	position:relative;
	float:left;
	width:320px;
	z-index:1;
}
.zanek-info{
	position:relative;
	float:left;
	width:300px;
	left:-10px;
	margin-top:8px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:10px;
	padding-top:10px;
	background: rgb(35, 35, 35);
    background: rgba(35, 35, 35, .5);
	border: 1px solid #3b3b3b;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.zanek-details{
	position:relative;
	float:left;
	width:300px;
	color:#7f7f7f;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	text-align:center;
}
.zanek-title{
	position:relative;
	float:left;
	width:300px;
	padding-bottom:10px;
	
	border-bottom:1px solid #3f3f3f;
}
.zanek-staty {
	position:relative;
	float:left;
	width:300px;
}
.zanek-staty ul {
padding-top:10px;
	width:300px;
position:relative;
list-style-type: none;
color:#bdbdbd;
}
.zanek-statyul li{
	list-style-type: none;
	height:15px;
	margin:2px;
padding-left:10px;
	line-height:15px;
	font-size:11px;
}
.zanek-komenda{
	position:relative;
	float:left;

   margin-top:10px;
   text-align:center;
   color:#aaaaaa;
   width:480px;
   padding-left:10px;
   padding-right:10px;
   padding-bottom:5px;
   padding-top:10px;
	border-top:1px solid #3f3f3f;
}

.text-brown {
    color: #dcb96e !important;
}

.cave_counter {
    position: relative;
    display: inline-block;

    width: calc(100% - 120px);
    height: 35px;

    border-radius: 5px;

    background-color: black;
    border: 1px solid #424132;
}

.cave_counter .progress {
    position: absolute;
    background-color: #003956;

    left: 2px;
    top: 2px;

    max-width: calc(100% - 4px);
    width: calc(100% - 4px);
    height: calc(100% - 4px);
}

.cave_counter .text {
    position: absolute;
    top: 10px;
    right: 15px;
}

.cave_counter .text .timer {
    color: #decb01;
}

.cave_counter .text .stats {
    color: #3bd202;
}

/* END OLD CONTENTS */

/****************/

@media(max-width: 1199px)
{
    .sep + .sep:before {
        background:none;
        height: 0;
    }

    .caret {
        color: #cfcfcf;
    }

    .navbar .icomenu:not(.mobile-ico) {
        display: none;
    }

    .mobile-ico.icomenu {
        display: inline-block;
        float: none;
    }

    .mobile-button {
        display: block;
        width: 100%;
    
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .mobile-button-inside {
        display: block;
        width: 100%;

        border: 1px solid #0c486b !important;
        border-radius: 5px !important;

        color: #2680b4 !important;

        padding: 8px 12px !important;
        margin-bottom: 2px !important;

        background-color: rgba(0, 0, 0, .6);
    }

    .mobile-button-inside img {
        display: none;
    }

    .navbar-nav .dropdown-menu {
        padding: 0;
    }

    .dropdown-menu > li {
        height: auto !important;

        padding-left: 15px;
        padding-right: 5px;
    }

    .dropdown-menu > li .mobile-button-inside {
        margin-right: 0;
    }
    
    .mobile-button-inside > i {
        font-size: 20px;
        margin-right: 6px;

        color: white;
    }
    
    .mobile-button-inside .icon-bar {
        margin-left: auto;
        margin-right: auto;
    }

    .mobile-button-inside:hover,
    .mobile-button-inside:focus {
        background-color: rgba(14, 69, 121, 0.6) !important;
    }

    .navbar-nav {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .mobile_look {
        display: block !important;
    }

    .mobile_look.collapse:not(.in) {
        display: none !important;
    }

    .no_mobile {
        display: none !important;
    }

    .navbar, .navbar.navbar-default {
        border-bottom: 0;
    }
    
    .navbar-header {
        float: none;
    }

    .navbar-nav {
        padding-left: 10px;
        padding-right: 10px;

        background-color: transparent;
    }

    .navbar-toggle {
        display: block;
        margin: 0;
    }

    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }

    .navbar-collapse.collapse {
        display: none !important;
    }

    .navbar-nav {
        float: none !important;
        margin: 7.5px -15px;
    }

    .navbar-nav>li {
        float: none;
    }

    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    
    .navbar-collapse.collapse.in { 
        display: block !important;
    }

    .collapsing {
        overflow: hidden !important;
    }

    .zdolki_top {
        font-size: 9px;
        margin-right: 4px;
    }

    .gold_container,
    .kan_container,
    .redkan_container {
        padding-bottom: 0;
    }

    .daily_box .name {
        font-size: 14px;
    }

    .news-card-header {
        height: 159.25px;
    }

    .modal.modal-centered-v:before {
        content: '';
        display: inline-block;
        height: auto;
        vertical-align: middle;
        margin-right: -4px;
    }
}

@media (max-width: 991px) {
    .news-card-header {
        height: 120.75px;
    }
}

@media(max-width: 800px)
{
    .bottomContent {
        position: static;
    }

    .loginBox .logo {
        display: block;
        position: static;

        max-width: 200px;

        padding-top: 15px;
        margin-left: auto;
        margin-right: auto;
    }

    .align-items-center {
        display: block;
    }

    .ga-button {
        margin-top: 15px;
        margin-bottom: 15px;
        
        display: inline-block;
    }
}

@media(max-width: 767px)
{
    .news-card-header {
        height: auto;
    }

    #activeTechSetModal .modal-dialog {
        padding-right: 20px;
    }

    #activeTechSetModal .row {
        display: block;
    }
    
    #activeTechSetModal .techbox {
        display: inline-block;
    
        font-size: 24px;
        line-height: normal;
    
        margin-right: 15px;
    }

    #activeTechSetModal .techbox img {
        height: 70px;
    }
}

@media (max-width: 479px)
{
    .down-left {
        height: 50px;
    }

    .down-left img {
        height: 30px;
    }

    .down-left .ml-3 {
        margin-left: 10px !important;
    }
}