@import url('https://fonts.googleapis.com/css2?family=Lato&display=swap');

body{
	background:#000;
    font-family: 'Lato', sans-serif;
	background: url(../assets/images/background.jpg) no-repeat fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	font-size:15px;
	line-height:26px;
	
}

h2, h1{	font-family: 'Merriweather', serif;}

.navbar-collapse li {
	font-weight:bold;	
}

#progress {display: none;}
#download {display: none;}


.list li 
			{
			height: 25px;
			background: url('../assets/images/li.png') no-repeat left center;
			list-style: none;
			padding-left: 35px;
			
			}

.main-container{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color:#dddddd;
	margin:0px auto;
	width:800px;
	margin-top:130px;
	background:#000000;
	background:linear-gradient(to bottom, #000000 0px, #000000 100%);
	box-shadow: 1px 21px 17px #000;
	margin-bottom:30px;
	font-weight:300;
	font-size:100%;
	
}

.strong {font-weight:bold;}

.panel_color {
	color:#08db26;
	background-color:#000000;
	}
.panel-primary > .panel-heading {
	background-image: -webkit-linear-gradient(top, #08db26 0, #009816 100%) !important;
	
}	
	
#head{
	background: url(../assets/images/logo.png) center center no-repeat;
    height: 195px;
	position:relative;
    margin: -100px auto 0px 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
h2, h1{
	font-weight:bold!important;
	font-size:20px!important;
	text-align:center;
	font-family: 'Merriweather', serif;
}
#info{
	display:block;
	overflow:auto;
	background:url(../assets/images/background-user_comments.html) no-repeat;
	padding:30px 0px 14px 14px;
	margin-left:14px;
}


.btn-danger{
	background:#009b18;
    background-repeat: repeat-x;
    border:0px;
	color:#ffffff;
}
.btn-danger:hover,.btn-danger:focus{
	background:#00630f;
	color:#ffffff;
}
.label-default{
	background:#4c8d08;
}

.middle_texts{
	text-align:center;
	color:#258e1a;
}

.middle_texts_2{
	text-align:center;
	padding:10px 0 30px 0;
	background-color:#333333;
	color:#fff;
}

.divcenter{
	text-align:center;
	padding:5px 5px 5px 5px;
	background-color:#333333;
	color:#fff;
	border-radius:5px;
}

a.main-menu:hover{
	color:#DA8824;
}
#input-form{
	
}

.form-group{
	padding:10px;
	color:#0d2d49;
	font-weight:bold;
	margin-bottom:0px;
}

.form-group span{
	color:#0d2d49;
}
#username,#coins,#downloadable{
	margin-top:5px;
}
#chatlogs{
	background: url(../assets/images/chatlog.png) no-repeat #fff;
	padding-left:70px;
}
#download{
	background: url(../assets/images/download.png) no-repeat #fff;
	padding-left:70px;
}

#version{
	background: url(../assets/images/version.png) no-repeat #fff;
	padding-left:70px;
}

#main_description{
	padding:10px;
	margin-bottom:10px;
}
#main_description h2, h1{
	margin:0px auto;
	padding:10px;
	color:#08db26;
	text-align:center;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-bottom:10px;
	font-size:25px!important;
	font-weight:500;
	font-family: 'Lato', sans-serif;
	
}
#main_description b{
	color:#0d2d49;
	font-weight:bold;
}
#main_description a:link,#main_description a:visited{
	color:#0d2d49;
	text-decoration:underline;
	font-weight:bold;
}
#main_description a:hover{
	text-decoration:none;
}
#info-bottom{
	font-size:12px;
	color:#0d2d49;
	padding:10px;
}
#info-bottom span{
	color:#0d2d49;
	font-size:20px;
	text-align:left;	
}
#info-bottom a:link,#info-bottom a:visited{
	color:#ccc;
	text-decoration:none;
}
#info-bottom a:hover{
	color:#fff;
}
#how-to-use{
	font-size:13px;
	margin-bottom:20px;
	padding:0px 10px 0px 10px;
}

#faqs{
	font-size:13px;
	margin-bottom:20px;
	padding:0px 10px 0px 10px;
}

#faqs span{
	color:#0d2d49;
	display:block;
	font-size:18px;
	font-weight:bold;
}

#faqs h4{
    font-family: 'Lato', sans-serif;
	font-weight:bold;
	}

#how-to-use span{
	color:#0d2d49;
	display:block;
	font-size:18px;
	font-weight:bold;
}

h3{
	color:#08db26;
	display:block;
	font-size:18px;
	font-weight:bold;
	    font-family: 'Lato', sans-serif;
}

#features{
	font-size:13px;
	margin-bottom:20px;
	padding:0px 10px 0px 10px;
}
#features span{
	display:block;
	font-size:18px;
	font-weight:bold;
	color:#0d2d49;
	
}

#status{
	font-size:13px;
	margin-bottom:20px;
	padding:0px 10px 0px 10px;
}

#comments_section{
	font-size:13px;
	margin-bottom:20px;
	padding:0px 10px 0px 10px;
}

#status span{
	color:#0d2d49;
	display:block;
	font-size:18px;
	font-weight:bold;
}

p{margin:7px;}

.user_comments{
	margin-top:10px;
	margin-bottom:20px;
	display:block;
	overflow:auto;
}
.user_comments assets/images{
	float:left;
	margin-right:15px;
}
.label-date{
	background:#0d2d49;
}
@media only screen and (min-device-width: 0px) and (max-device-width: 720px){
	.main-container{
		width: 94%;
	}
	div#head {
	background: url(../assets/images/head_mobile.png) center center no-repeat;
	width:100%;	
				}
				
	.list li
			{
			background: url('../assets/images/li.png') no-repeat left center;
			padding-left: 35px;
			font-size:12px;
			margin-bottom:15%;
			}

}

#box
{
    border: 2px solid #a1a1a1;
    padding: 10px 10px; 
    background: #bdbdbd;
    width: auto;
    border-radius: 15px;
	margin:30px;
}

.control-group {
  display: inline-block;
  vertical-align: top;
  text-align: left;
  padding: 0 30px 10px 0 0;
  
}
.control {
  display: block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 15px;
  cursor: pointer;
  font-size: 18px;
}
.control input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.control__indicator {
  position: absolute;
  top: 2px;
  left: 0;
  height: 20px;
  width: 20px;
  background: #e6e6e6;
}
.control--radio .control__indicator {
  border-radius: 50%;
}
.control:hover input ~ .control__indicator,
.control input:focus ~ .control__indicator {
  background: #ccc;
}
.control input:checked ~ .control__indicator {
  background: #2aa1c0;
}
.control:hover input:not([disabled]):checked ~ .control__indicator,
.control input:checked:focus ~ .control__indicator {
  background: #0e647d;
}
.control input:disabled ~ .control__indicator {
  background: #e6e6e6;
  opacity: 0.6;
  pointer-events: none;
}
.control__indicator:after {
  content: '';
  position: absolute;
  display: none;
}
.control input:checked ~ .control__indicator:after {
  display: block;
}
.control--checkbox .control__indicator:after {
  left: 8px;
  top: 4px;
  width: 3px;
  height: 8px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.control--checkbox input:disabled ~ .control__indicator:after {
  border-color: #7b7b7b;
  }
  
.twitter {background:url(../assets/images/twitter.png) no-repeat; padding-left:30px;}
.facebook {background:url(../assets/images/facebook.png) no-repeat; padding-left:30px;}
.rss {background:url(../assets/images/rss.png) no-repeat; padding-left:30px;}
.google {background:url(../assets/images/google.png) no-repeat; padding-left:30px;}

.status1{
	animation: blinker 1s linear infinite;
	
	}
@keyframes blinker {  
  70% { opacity: 0; }
}