/* Kerem ZOR & @zorkerem & keremzor.com */
@charset "utf8";
body {
  background-image:url("../img/bg2.png") !important;
  height:100% !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  background-attachment:fixed !important;
  background-size:cover !important;
  margin:0;
  font-family:'Poppins',sans-serif !important;
  color:#000 !important;
}
body,html {
  height:100%;
}
@media screen and (max-width:992px) {
}
@media screen and (max-width:767px) {
  .button_one {
    margin-bottom:1rem !important;
  }
  .info_block {
    text-align:center !important;
    margin:2.5rem 0rem !important;
  }
  .col-md-7 {
    padding-right:15px !important;
  }
  .col-md-12 .button_one{
	  margin-bottom:0!important;
	}
}
@media screen and (max-width:480px) {
  .input-group-text {
    display:none !important;
  }
  .form-control {
    text-align:center !important;
  }
  .new_btn {
    text-align:center !important;
  }
  .new_btn2 {
    text-align:center !important;
  }
}
@media screen and (max-width:991px) {
  .d-flex:nth-child(even) {
    display:none !important;
  }
  .align-items-center {
    display:none !important;
  }
  .flex-column {
    display:none !important;
  }
  .justify-content-center:first-child {
    display:none !important;
  }
  .h-100 {
    display:none !important;
  }
  .annan {
    display:none !important;
  }
  .annan2 {
    display:block !important;
  }
  .col-md-12 .button_one{
  	margin-top:1rem;
  }
  
}
.annan {
  display:block;
}
.annan2 {
  display:none;
}
#cover {
  height:100%;
  text-align:center;
  display:flex;
  align-items:center;
}
#cover-caption {
  width:100%;
}
.vertical-center {
  min-height:100%;
  min-height:100vh;
  display:flex;
  align-items:center;
}
.margin {
  padding:6rem 0rem !important
}
.logo {
  margin-bottom:0rem
}
.nav {
  margin-top:1rem;
  margin-bottom:2rem;
}
.nav-item a {
  text-transform:uppercase;
  color:#fff;
  font-size:12px;
  font-weight:500;
  width:100% !important;
  letter-spacing:1px;
}
.nav-item a:after {
  content:'';
  display:block;
  width:50%;
  margin:0 auto;
  height:3px;
  margin-top:0.3rem;
  border-radius:5px;
  -webkit-transition:.2s;
  -o-transition:.2s;
  transition:.2s;
}
.nav-item a:hover::after {
  width:50%;
  background:#fff;
  -webkit-transition:.2s;
  -o-transition:.2s;
  transition:.2s;
}
.p-2p {
  padding:0.2rem .2rem !important;
}
.d a:after {
  content:'';
  display:block !important;
  width:auto !important;
  height:auto !important;
  margin-top:0rem !important;
  border-radius:0px !important;
}
.d a:hover::after {
  width:auto !important;
  background:transparent !important;
}
.info_block {
  text-align:left
}
.info_block h1 {
  color:#fff;
  font-family:'Montserrat',sans-serif;
  font-weight:300;
  font-size:20px;
  line-height:2.5rem;
  margin-bottom:2rem;
}
.info_block span {
  font-weight:700;
}
.info_block p {
  color:#fff;
  line-height:2.2rem;
}
.form_box {
  background:rgba(255,255,255,0.9);
  width:100%;
  height:auto;
  border-radius:5px;
  padding:2rem;
}
.form_box input {
  background:transparent;
  border-top:0;
  border-left:0;
  border-right:0;
  border-bottom:2px solid rgba(0,0,0,0.1);
  width:100%;
  padding:0.5rem;
  text-align:right;
  font-weight:700;
  border-radius:0px !important;
  color:#000;
}
.input-group-text {
  background:transparent !important;
  border-bottom:2px solid rgba(0,0,0,0.1);
  border-top:0 !important;
  border-left:0 !important;
  border-right:0 !important;
  font-weight:600 !important;
  border-radius:0px !important;
}
.form-control:focus {
  color:#000 !important;
  background:transparent !important;
  border-color:0 !important;
  box-shadow:none !important
}
.new_btn {
  background:transparent;
  border-top:0;
  border-left:0;
  border-right:0;
  border-bottom:2px solid rgba(0,0,0,0.1);
  width:100% !important;
  padding:0.5rem;
  font-weight:700;
  color:#000;
  outline:0 !important;
  cursor:pointer;
  text-align:right !important;
}
.new_btn3 {
  background:transparent;
  border-top:0;
  border-left:0;
  border-right:0;
  border-bottom:2px solid rgba(0,0,0,0.1);
  width:100% !important;
  padding:0.5rem;
  font-weight:700;
  color:#000;
  outline:0 !important;
  cursor:pointer;
  text-align:center !important;
}
.new_btn2 {
  background:-webkit-radial-gradient(circle farthest-corner at 0px 0,#142139,#1c426c);
  background:-o-radial-gradient(circle farthest-corner at 0px 0,#142139,#1c426c);
  background:radial-gradient(circle farthest-corner at 0px 0,#142139,#1c426c);
  background-position:top left;
  position:relative;
  display:block;
  text-align:center;
  padding:0.7rem 1rem;
  border-radius:5px;
  color:#fff;
  border:0 !important;
  outline:0 !important;
  cursor:pointer;
  font-weight:500;
  font-size:12px;
  letter-spacing:1px;
  text-transform:uppercase;
}
.new_btn2:hover {
  background:-webkit-radial-gradient(circle farthest-corner at 0px 0,#1c426c,#142139);
  background:-o-radial-gradient(circle farthest-corner at 0px 0,#1c426c,#142139);
  background:radial-gradient(circle farthest-corner at 0px 0,#1c426c,#142139);
  background-position:top left;
  position:relative;
  text-decoration:none;
}
.dropdown-item {
  font-size:14px;
  color:#fff;
  font-weight:500;
  text-transform:capitalize;
  letter-spacing:0.3px;
  padding:0.5rem 1rem;
}
.dropdown-item:hover {
  background:rgba(255,255,255,0.1) !important;
  color:#fff;
}
.label_it {
  font-weight:700;
}
.btn-group {
  width:100% !important;
}
.dropdown-menu {
  background:#090e23;
  border:0;
}
input {
  outline:0 !important;
}
a.button_one {
  background:-webkit-radial-gradient(circle farthest-corner at 0px 0,#454e5f,#697686);
  background:-o-radial-gradient(circle farthest-corner at 0px 0,#454e5f,#697686);
  background:radial-gradient(circle farthest-corner at 0px 0,#454e5f,#697686);
  background-position:top left;
  position:relative;
  display:block;
  width:100%;
  text-align:center;
  padding:1rem;
  border-radius:5px;
  color:#fff;
  font-weight:600;
  font-size:12px;
  letter-spacing:1px;
  text-transform:uppercase;
}
.button_one:hover {
  background:-webkit-radial-gradient(circle farthest-corner at 0px 0,#697686,#454e5f);
  background:-o-radial-gradient(circle farthest-corner at 0px 0,#697686,#454e5f);
  background:radial-gradient(circle farthest-corner at 0px 0,#697686,#454e5f);
  background-position:top left;
  position:relative;
  text-decoration:none;
}
a.button_two {
  background:-webkit-radial-gradient(circle farthest-corner at 0px 0,#142139,#1c426c);
  background:-o-radial-gradient(circle farthest-corner at 0px 0,#142139,#1c426c);
  background:radial-gradient(circle farthest-corner at 0px 0,#142139,#1c426c);
  background-position:top left;
  position:relative;
  display:block;
  width:100%;
  text-align:center;
  padding:1rem;
  border-radius:5px;
  color:#fff;
  font-weight:600;
  font-size:12px;
  letter-spacing:1px;
  text-transform:uppercase;
}
.button_two:hover {
  background:-webkit-radial-gradient(circle farthest-corner at 0px 0,#1c426c,#142139);
  background:-o-radial-gradient(circle farthest-corner at 0px 0,#1c426c,#142139);
  background:radial-gradient(circle farthest-corner at 0px 0,#1c426c,#142139);
  background-position:top left;
  position:relative;
  text-decoration:none;
}
a.button_three {
  margin-top:1rem;
  background:-webkit-radial-gradient(circle farthest-corner at 0px 0,#6d69ff,#5f9bff);
  background:-o-radial-gradient(circle farthest-corner at 0px 0,#6d69ff,#5f9bff);
  background:radial-gradient(circle farthest-corner at 0px 0,#6d69ff,#5f9bff);
  background-position:top left;
  position:relative;
  display:block;
  width:100%;
  text-align:center;
  padding:1rem;
  border-radius:5px;
  color:#fff;
  font-weight:600;
  font-size:12px;
  letter-spacing:1px;
  text-transform:uppercase;
}
.button_three:hover {
  background:-webkit-radial-gradient(circle farthest-corner at 0px 0,#5f9bff,#6d69ff);
  background:-o-radial-gradient(circle farthest-corner at 0px 0,#5f9bff,#6d69ff);
  background:radial-gradient(circle farthest-corner at 0px 0,#5f9bff,#6d69ff);
  background-position:top left;
  position:relative;
  text-decoration:none;
}
.col-md-7 {
  padding-right:0rem;
}
.mar {
  margin-top:6rem;
}
.item {
}
.item img {
  border-radius:5px !important;
  border-left:10px solid transparent;
  border-right:10px solid transparent;
}
.owl-nav {
  display:none !important;
  margin:11rem 0rem
}
.owl-dots {
}
.owl-stage-outer {
  padding:1rem 0rem !important;
  border-radius:5px;
  background:rgba(19,34,59,0.8) !important;
  -webkit-box-shadow:0px 0px 50px rgba(0,0,0,0.6);
  box-shadow:0px 0px 50px rgba(0,0,0,0.6)
}
.footer p {
  color:rgba(255,255,255,0.8);
  font-size:12px;
  text-transform:uppercase;
  font-family:protipomedium;
  letter-spacing:2px;
}
.footer {
  padding-top:1rem;
}
.rules {
  background:rgba(255,255,255,0.9);
  border-radius:5px;
  box-shadow:0px 20px 50px rgba(0,0,0,0.7);
  padding:2rem;
  width:100%;
  height:auto;
}
.l_ine {
  width:45%;
  height:2px;
  background:#c3c4ca;
  margin:1.5rem 0rem;
}
h4.rules_head {
  font-weight:700;
  letter-spacing:1px;
}
.rules p {
  font-size:16px;
  line-height:2.5rem;
  font-weight:500;
  margin-bottom:3rem;
}
.table thead th {
  border:0 !important;
}
.table td,.table th {
  border:0 !important;
}
#register .container, #lostPassword .container, #battleHall .container, #rules .container {
  max-width:1140px;
  padding:0px 15px;
  margin:0 auto !important;
}
.space {
  margin:3rem 0rem !important;
}
span.y {
  color:#fff;
  text-transform:uppercase;
  letter-spacing:2px;
  font-size:12px;
  font-weight:500;
  text-shadow:1px 1px rgba(0,0,0,0.7)
}
.custom-control-label {
  cursor:pointer !important
}
.vertical-align {
  display:flex;
  align-items: center;
}

@media screen and (max-width: 991px){
.form_box input{text-align:center;}
.dropdown-menu{
right: 0;
left: 0;
margin:0 auto;
width:10rem;
}
}

#top_bar{width:auto;height:32px;background-image:url('../../../../images/bg.bg');background-repeat:repeat-x;line-height:32px;}
#top_bar a.other-games {
    position: relative;
    border: 1px solid #1d2124;
    color: #a6b3cc !important;
    font-size: 11px !important;
    background-color: #051325;
    height: 18px;
    width: 116px;
    display: block;
    line-height: 16px;
    top: 6px;
    margin: 0 auto;
    text-align: center;
    font-family: "Arial", sans-serif;
}

#top_bar a.other-games:hover {
  text-decoration: none;
}

#top_bar a.other-games span.other-icon {
    display: block;
    position: absolute;
    top: 1px;
    right: -17px;
    width: 17px;
    height: 16px;
    background: url('../../../../images/bg2.sprites') no-repeat -141px -8px;
}

#top_bar div.game-capsule {
    position: absolute;
    top: 31px;
    left: 0;
    width: 100%;
    display: none;
    z-index: 9999;
}
#top_bar div.game-list {
    position: relative;
    width: 300px;
    display: block;
    margin: 0 auto;
    min-height: 190px;
    border: 1px solid #142139;
    background-color: #050e1d;
}

#top_bar div.game-list div.block div.title {
    width: 100%;
    margin: 0;
    padding: 0 0px;
    height: 27px;
    text-align: left;
    line-height: 27px;
    color: #9099a3;
    border-bottom: 1px solid #1c2e3a;
    background: url('../../../../images/bg2.bg') repeat-x 0 -3px;
}

#top_bar div.game-list div.block div.title span {padding-left: 15px;}

#top_bar div.game-list div.block div.list {
    padding: 10px;
}

#top_bar div.game-list div.block div.list div.game {
    width: 100%;
    float: left;
    height: 100%;
    padding: 5px;
}

#top_bar div.game-list div.block div.list div.game:hover {
    background-color: #142139;
}

#top_bar div.game-list div.block div.list div.game div.game-image {
    width: 100%;
    height: 135px;
}

#top_bar div.game-list div.block div.list div.game div.game-image img {
    width: 100%;
    height: 100%;
}

#top_bar div.game-list div.block div.list div.game div.game-name {
    color: #9099a3;
    font-size: 11px;
    text-align: center;
    padding: 0px 5px;
    height: 25px;
}