@import 'https://fonts.googleapis.com/css?family=Roboto:400,500,700';

body{font-family:'Roboto', sans-serif; text-align: center;background: #000;}

.main-bg {background:url(../images/bg.jpg) no-repeat center 45px;background-size:cover;min-height:706px;}

header {padding:0; background-color: #1d0215;}
.logo {text-align: left;}

.headerbg1{height:107px; width:40%; background:url(../images/headerbg1.jpg) left top repeat; float:left; text-align:right;}
.headerbg1 img{vertical-align:middle; margin-right:20px; margin-top:30px;}
.header{height:107px;background:url(../images/headerbg2.jpg)}

#chat{font-size:16px; color:#fff;  text-transform:capitalize; padding-top:30px; float:left; padding-left:32px; white-space:nowrap;}
#chat img{ padding-bottom:10px; vertical-align:middle; float:left; padding-right:15px;}
#chat span{font-weight:700; color:#ffd300; display:inline-block; text-transform:uppercase;}

#phone{font-size:16px; font-weight:700; padding-top:30px; float:right; line-height:1;float: left;}
#phone span{color:#fff; font-size:18px; font-weight:400;}
#phone img{float:left; padding-right:15px; padding-top:10px;}


.headerbg2{height:107px; width:60%; background:url(../images/headerbg2.jpg) left top repeat; float:right; padding-right:30%;}
.yellow{color:#ffd300;}

.container{text-align:center;position: relative;}
.char-img {position: absolute;left: -268px;top: 0px;}
.container img{/*width:1200px;*/ max-width:100%;}
.char-img img {width:90%;}


/*.container img{width:1200px; max-width:90%;}*/
.container p {font-size: 18px;color:#fff;}

.pd-t {padding:35px 0;}

/*footer {padding:25px 0;}
footer .container {max-width:1024px;}
footer p {color:#fff;padding-top:15px;}
footer p a, footer a {color:#fff;}*/
.dep-btn{width:50%;}
.promo1{margin-top:80px;}

/* Footer */
footer { clear:both; padding-bottom:15px; background-color:#fff; display:block; color:#000000; font-size:15px; }
  footer .disclaimer { background-color:#fff; overflow:hidden; padding:20px 20px 0; width:100%; max-width: 1096px; margin: 0 auto; }
  footer .disclaimer p { margin-bottom:10px; text-align: justify; text-justify: inter-word; }
  .lado  { width: 49.2%; }
  .lado2 { width: 69.2%; }
  .lado3 { width: 29.2%; text-align:center; }

  .pay { max-width:718px; width:100%; height:auto; }
  .casinoblack { width:100%; /* max-width:312px; */ max-width:285px; height: auto; margin:0 auto; display:block; }
  .license { width:100%; max-width:153px; height: auto; margin:0 auto; display:block; /* padding-top:20px; */ }
  .columnas { clear:both; padding:0px; margin:0px; }
  .col { display:block; float:left; margin:0 0 0 1%; color: #000}
  .col:first-child { margin-left:0; }
  .group:before, .group:after { content:""; display:table; }
  .group:after { clear:both; }
  .group { zoom:1; }

/* Social */
.social { text-align: center; }
  .social span  { display:block; text-align:center; font-weight:700; font-size:16px; padding:5px; }
  .social a     { display:inline-block; width:60px; height:60px; border:2px solid #fff; }
  .social a img { display:block; width:100%; height:auto; }

.mobi-offer{display: none;}

@media screen and (max-width: 1024px) {
	.log{text-align:left !important;}
	#phone{float:right;padding:0px;margin-top:20px; width:40%;padding-left:46px;  }
	#chat{padding:0px;margin:0px;margin-top:20px;float:left;}
}
@media screen and (min-width: 768px) {
	.col-md-3, .col-md-1 {padding-left: 0;padding-right:0;width:29%;}
	.col-md-1 {width:4.5%;margin-left: -13px;margin-right: -11px;margin-top:40px;}
	.col-md-3 img {width:100%;max-width:inherit;}
}
@media screen and (max-width: 767px) {
	.log{text-align:left !important;}
	#phone{float:left;padding:0px; }
	.header {height: 213px;}
	#chat{padding:0px;margin:0px; }
	.logo {text-align: center;}
	header .col-md-6 {padding:10px 0;}
	.char-img {display: none;}
	.dep-btn{width:100%;}
	.promo1{margin-top:10px;}
	.promo2{margin-top:20px;}
	.lado2, .lado3{clear:both; float:none; width:100%;}
	.desk-offer{display: none;}
	.mobi-offer{display: block;}
	header{background:#1d0215; margin-bottom:0px;}
	.title-mobi, .content-mobi{margin-bottom:25px;}
	.mobi-offer{padding:0px !important;}
}
