html,body{height:100%;}

body {
	padding:0px;
	margin:0px;
	
	background:url(../../img/bg-loading.png) no-repeat;
	background-position:top center;
	/*background-color:#335f78;*/
	
	overflow:auto;
}

body>.mCustomScrollBox>.mCSB_scrollTools{
	top:2%; height:96%;
}

.mCSB_inside>.mCSB_container {
	margin-right:0px;
}

body #content {
	float:none;
	margin:0 auto;
	margin-bottom:10px;
}

body #content #logo {
	opacity:0.7;
}

body #content .sep{
	width: 80%;
	margin: 0 auto;
	border-top: 1px dashed #8a9aab;
	height: 1px;
	margin-top: 25px;
	margin-bottom: 25px;
}

body #content a {
	color:#ffffff;
	border-bottom:1px dotted #ffffff;
}

body #content h3#text-username i {
	position:relative;top:-5px
}

body #content #create-div {
	position:relative;
}

body #content #create-div #alert-account {
	position:absolute;
	top:-40px;
	width:100%;
	margin:0 auto;
	background-color:#f76447;
	color:#ffffff;
	text-align:center;
	padding:5px;
	border-radius:3px;
	display:none;
}

body #content #create-div input {
	float:left;
	font-size:22px;
	padding:0 30px 0 30px;
	text-align:center;
	height:50px;
	border:0;
	border-radius:3px;
	border-bottom: 3px solid rgba(70,97,113,0.2);
	border-right: 3px solid rgba(70,97,113,0.2);
}

body #content #create-div button#button-create-account {
	float:left;
	border:0;
	font-size:18px;
	padding:0 15px 0 15px;
	height:50px;
	margin-left:10px;
	border-radius:3px;
	border-bottom: 3px solid rgba(70,97,113,0.2);
	border-right: 3px solid rgba(70,97,113,0.2);
}

body #games {
	/*border-top:5px solid #369191;	
	background-color: #348989;*/
	
	background-color: #4a586b;
	color:#ffffff;
}

body #games #carousel-games {
	float:none;
	margin:0 auto;
}

body #games #carousel-games ul.c3 li {
	float:left;
	list-style:none;
	width:20%;
}

body #games #carousel-games ul.c4 li {
	float:left;
	list-style:none;
	width:25%;
}

body #games #carousel-games ul li img{
	margin-bottom:5px;
	height:40px;
}

body #carousel-games .carousel-inner {
	height:200px;
}

body #carousel-games .carousel-inner .item {	
	padding:20px 40px 30px 40px;
}

body #carousel-games .carousel-inner .item img {
	height:150px;
	opacity:0.9;
	margin:0 auto;
}

body #carousel-games .carousel-inner .item h3 {
	margin:0;
	margin-bottom:10px;
	text-align:center;
	margin-top:5px;
}

body #carousel-games .carousel-inner .item div.small {
	color:#171b20;	
	margin-top:15px;	
	text-align:right;
}

body #carousel-games .carousel-inner .item p {	
	color:#d2d8df;
	margin-top:15px;	
}

#descriptions i {
	color:#adb1bd;
}

#index-footer {
	background-color:#32373b;
	color:#ffffff;
}

#index-footer a {
	color:#ffffff;
	border-bottom:1px dotted #ffffff;
}

#modal-tac .modal-body {	
	height:450px;
	overflow:auto;	
}

#content-tac {
	padding:0px 25px;
}

.modal-footer button {
	width:100%;
}

.modal-footer button.btn-close {
	margin-top:2px;
}

.clear {
	clear:both;
}

.description-icon {			
	overflow:hidden;
	height:42px;
	
	text-align:center;
}

.description-icon i{
	position:relative;
	top:15px;
	opacity:0.5;
	
	-webkit-transition:all 150ms ease-out;
	-moz-transition:all 150ms ease-out;
	-o-transition:all 150ms ease-out;
	transition:all 150ms ease-out;
}

.description:hover .description-icon i{			
	top:0px;
	opacity:1;
	
	-webkit-transition:all 150ms ease-out;
	-moz-transition:all 150ms ease-out;
	-o-transition:all 150ms ease-out;
	transition:all 150ms ease-out;
}

body input[type=checkbox] {
		background-color:#ffffff;		
}

body .color-white {
	color:#ffffff;
}

body .color-white-blue {
	color:#d2d8df;
}

.tooltip-inner {
	max-width:400px;
}

input[type=text].error, input[type=password].error {
	border-color: #a94442;
}

#modal-login input[type=text], #modal-login input[type=password] {
	height:34px;
}

#modal-tac .modal-body {
	height:450px;overflow:auto;
}

#descriptions p {
	color:#adb1bd;
}

#carousel-games #img-carousel-1 {
	height:120px;margin-top:20px;
}

#carousel-games #img-carousel-2 {
	height:100px;margin-top:30px;
}

#carousel-games #img-carousel-3 {
	height:120px;margin-top:20px;
}

#carousel-games #img-carousel-1 ul li img{
	height:40px;
}

#carousel-games #img-carousel-2 h3 {
	margin-bottom:10px;
}

#carousel-games #img-carousel-2 ul {
	margin-top:5px;
}

#carousel-games #img-carousel-2 ul li img {
	height:60px;
}

#carousel-games #img-carousel-3 h3 {
	margin-bottom:20px;
}

@media (max-width: 767px) {
	#carousel-games #img-carousel-1, #carousel-games #img-carousel-2, #carousel-games #img-carousel-3 {
		height:50px;margin-bottom:10px;
	}
}

@media (max-width: 450px) {
	body #content #create-div input {
		font-size:18px;
		padding-left:5px;
		padding-right:5px;
	}	
}