/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Roboto|Roboto+Condensed:300&subset=vietnamese,latin);

* {outline:none !important;}
body {background-color:#fff;font-family: 'Roboto', sans-serif;font-size:14px;padding-top:100px;}
a {transition:opacity linear 0.3s;}
a:hover {text-decoration:none;color:inherit;}
.container {position:relative;height:100%;padding:0;}
.wrapper {position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;width:100%;height:100%;}
.block-notext {display:block;text-indent:-9999px;}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    min-height: 1px;
    padding-left: 0px;
    padding-right: 0px;
    position: relative;
}
.row {
    margin-left: 0px;
    margin-right: 0px;
}
.row1{
	margin-left: 0px !important;
	margin-right: 0px !important;
}
.content-event {
	width: 100%;
	height: 178px;
	float: left;
	margin-bottom: 35px;
}

.content-list-event > div:first-child {
	margin-top: 30px;
}

.img-list-event {
	width: 298px;
	height: inherit;
	border: 1px solid #ccc;
	border-radius: 5px;
	overflow: hidden;
}
.tintucform{
	padding: 20px;
}
.detail-event {
	padding: 20px;
	width: 100%;
	/* float: right; */
	height: 178px;
	overflow: hidden;
}
.title-event {
	color: #000;
	font-size: 16px;
	font-weight: 600;
	word-break: break-word;
	margin-top: 10px;
	display: inline-block;
}
.detail-event .detail-cate-game {
	margin: 15px 0 5px;
}
.detail-cate-game {
	color: #999;
	font-size: 12px;
	margin: 5px 0 6px 0;
	word-break: break-word;
	line-height: 16px;
}
.detail-sapo-game {
	color: #666;
	font-size: 14px;
}
.btn-detail {
	color: #c4161c;
	font-size: 14px;
	margin-top: 13px;
	display: inline-block;
}
.opa-game{
	/*background-color: hsla(0,0%,100%,0.70);*/
	/*background-blend-mode: overlay;*/
	/*background-repeat: no-repeat;*/
}

.opa-game:nth-child(4n+0),
.opa-game:nth-child(4n+1){
	/*background-color: hsla(0,0%,100%,1);*/
}
.bg-game {
	display: block;
}
.bg-game:nth-child(2),
.bg-game:nth-child(3),.bg-game:nth-child(5),.bg-game:nth-child(8),.bg-game:nth-child(10),.bg-game:nth-child(11),.bg-game:nth-child(13){
	display: none !important;
}

#id-B {
	display: none;
}
#id-C {
	display: none;
}

#id-B:nth-child(2n+1){
	display: block !important;
}
/*.id-C:nth-child(4n+0),.id-C:nth-child(4n+1){*/
/*	display: none !important;*/
/*}*/
/*#block-game:nth-child(2n+1){*/
/*opacity: 0.2;*/


/*}*/
#block-game:nth-child(2n+1) {
	display: -webkit-box;
	display: -moz-box;
	display: box;
	/*-webkit-box-orient: vertical;*/
	-moz-box-orient: vertical;
	box-orient: vertical;
}
#blockgame-1{
	-webkit-box-ordinal-group: 2;

}

#header {background-color:#111;width:100%;height:100px;position:fixed;top:0;z-index:100;}
#logo-header {background:transparent url(../images/logo-vegagame-02.png) no-repeat 100% 50%;background-size:auto 100%;width:163px;height:100px;position:absolute;top:0;left:0;transition:width ease 0.5s;}
#logo-header span {background:#111 url(../images/logo-vegagame-01.png) no-repeat 50% 50%;background-size:auto 100%;width:75px;height:100%;}
ul#menu-header {background-color:#111;list-style:none;font-family: 'Roboto Condensed', sans-serif;font-style:normal;font-weight:300;height:100px;width:100%;overflow:visible;margin:0;padding:0;}
ul#menu-header li {margin:auto 25px;height:100%;float:right;}
ul#menu-header li a {color:#fff;text-transform:uppercase;font-size:1.3em;line-height:100px;opacity:0.3;height:100%;}
ul#menu-header li a:hover {opacity:1;}
a#btn-language {background:url(../images/bg-btn-language.jpg) no-repeat 0px 50%;width:36px;}
.lang-eng {background-position:0px 50% !important;}
.lang-cn {background-position:-36px 50% !important;}
.lang-vie {background-position:-72px 50% !important;}

.menu-dropdown {background-color:rgba(0,0,0,.8) !important;width:98%;position:absolute;top:-300px;left:0;z-index:-1;transition:top ease 0.5s;list-style:none;font-family: 'Roboto Condensed', sans-serif;font-style:normal;font-weight:300;}
.menu-dropdown li {margin:auto 25px;height:100%;float:right; width: 220px}
.menu-dropdown li a {color:#fff;text-transform:uppercase;font-size:1em !important;line-height:50px !important;opacity:0.6 !important;}
.menu-dropdown li a:hover {opacity:1 !important;}
.menu-dropdown-show {top:100px;}

#button-menu-header {background-color:#111;width:100%;height:69px;}
#button-menu-header button {background:url(../images/menu-icon.png) no-repeat 50% 100%;width:69px;height:69px;float:right;border:none;transition:background-position ease 0.3s;}
#button-menu-header button.active {background-position:50% 0%;}
#menu-header-small {background-color:rgba(0,0,0,.8) !important;width:100%;height:300px;position:absolute;top:69px;left:0;z-index:-1;list-style:none;font-family: 'Roboto Condensed', sans-serif;font-style:normal;font-weight:300;padding:0;transition:transform ease 0.5s;margin-top:-300px;transition:margin-top ease 0.5s;overflow: hidden;}
#menu-header-small li {width:100%;height:50px;}
#menu-header-small li a {color:#fff;text-transform:uppercase;font-size:1.3em;line-height:50px;opacity:0.8;height:100%;width:100%;text-align:right;display:block;padding:0 20px;}
#menu-header-small.active {margin-top:0px;}

#slider {width:100%;height:600px;background:#151515;}

.title-header {margin:30px auto;text-align:center;width:100%;font-family: 'Roboto Condensed', sans-serif;font-style:normal;font-weight:300;font-size:1.42em;}
.title-header span {font-size:3em;text-transform:uppercase;}
.title-header img {height:3em;width:auto;vertical-align:text-bottom;}

.block-big {margin:0 !important;overflow:hidden;background:transparent no-repeat scroll 50% 50%;background-size:100% auto;}
.block-item-big {background:transparent no-repeat scroll 50% 0%;background-size:100% auto;overflow:hidden;padding-top:50%;}
.item-logo {top:-100px;background:no-repeat 50% 50%;background-size:100% auto;width:100%;height:100%;position:absolute;z-index:0;}
.item-description {width:80%;height:85px;text-align:center;margin:69% auto 10px auto;font-size:1em;line-height:2em;}
.item-button {width:300px;height:50px;color:#000;font-family: 'Roboto Condensed', sans-serif;font-style:normal;font-weight:300;font-size:1.2em;text-transform:uppercase;text-align:center;text-indent:-50px;padding:0 20px;margin:0 auto;display:block;border:solid 2px #111;line-height:50px;border-radius:8px;z-index:1;position:relative;overflow:hidden;transition:text-indent ease 0.5s;}
.arrow {background:url(../images/arrow01.png) no-repeat 0px 0px;display:block;width:46px;height:46px;float:right;text-indent:-9999px;transition:margin ease 0.5s;}
.item-button:hover {text-indent:0;}
.item-button:hover .arrow {margin-right:-100px;}

.block-img-big {width:100%;padding-top:50%;background-position:50% 50%;background-size:100% auto;}
.block-img-small {width:100%;padding-top:45%;background-position:50% 50%;background-size:100% auto;}

.tag-game {width:auto;height:39px;position:absolute;top:2%;left:2%;}
.tag-game-genre {width:38px;height:39px;margin:0 2px;background-image:url(../images/tag-game-genres.png);background-repeat:no-repeat;background-size:auto 100%;float:left;}
#tag-mobile {background-position:0% 0%;}#tag-web {background-position:100% 0%;}

.item-header {text-align:center;font-size:2.14em;color:#fff;text-transform:uppercase;line-height:2em;margin-top:15%;margin-bottom:0;}
.item-button-small {width:220px;top:0;text-indent:0;padding:0 10px;}
.item-red {background-color:rgba(190,0,0,1) !important;}.item-default {background-color:rgba(0,0,0,.5);}.item-black {background-color:rgba(15,15,15,1) !important;}
.item-description-small {width:90%;height:170px;text-align:center;margin:0% auto 0 auto;color:#ccc;overflow:hidden;font-size:1em;line-height:2em;}

.block-icon-last {padding:40px 0px;background-color:rgba(250, 250, 250, 1);overflow:hidden;}

.block-item-small {background:#111 no-repeat 50% -40px;background-size:100% auto;overflow:hidden;position:relative;padding-top:25%;}
.block-icon {height:100%;background:transparent no-repeat 50% 50%;background-size:100% auto;}
.block-icon-last .item-header {color:#000;text-align:center;margin-top:14%;text-transform:none;display:none;}
.block-icon-last .item-button {margin:69% auto 0 auto;}
.block-tiny {background-color:rgba(250,250,250,1) !important;}

.item-dark .item-logo {visibility:hidden;}
.item-dark .item-description {color:#fff;visibility:hidden;}
.item-dark .item-button {color:#fff !important;border-color:#fff;}
.item-dark .item-button .arrow {background:url(../images/arrow01.png) no-repeat 0px -50px;}

#footer {background-color:#000;width:100%;overflow:hidden;}
#footer p {    word-spacing: 0.8px;
	letter-spacing: 0.7px;
	white-space: 10px;
	line-height: 30px;
	padding-bottom: 50px;
	color: #fff;
	font-size: 1em;
	width: 50%;
	margin: 0 auto;}
ul#menu-footer {width:100%;height:100px;list-style:none;font-family: 'Roboto Condensed', sans-serif;font-style:normal;font-weight:300;text-align:center;}
ul#menu-footer li {margin:auto 25px;height:100%;display:inline-block;}
ul#menu-footer li a {color:#fff;text-transform:uppercase;font-size:1.42em;line-height:100px;opacity:0.3;}
ul#menu-footer li a:hover {opacity:1; color: white;}

#main-slider {width:100%;height:100%;overflow:hidden;position:relative;margin:0;padding:0;}
#main-slider div {width:100%;height:100%;background:no-repeat 50% 50%;background-size:cover;text-align:center;}

#main-slider h3 {font-size:3.2em;color:#000;text-transform:uppercase;margin:200px auto 0 auto;background-color:rgba(255,255,255,0.9);display:inline-block;padding:10px;}
#main-slider h4 {text-align:center;font-size:1.7em;color:#fff;text-transform:uppercase;line-height:2em;margin-top:10px;margin-bottom:0;}
.item-button-white {color:#000 !important;border-color:#fff;position:absolute;bottom:100px;width:300px;left:50%;transform:translateX(-50%);background-color:rgba(255,255,255,0.5);}
.item-button-white .arrow {background:url(../images/arrow01.png) no-repeat 0px -0px;}

.block-float-right {float:right !important;}

ul.slick-dots {position:absolute;bottom:2%;left:50%;padding:10px;margin:0;list-style:none;transform:translateX(-50%);}
ul.slick-dots li {float:left;margin:0 0 0 15px;}
ul.slick-dots li button {background-color:#fff;border:none;width:12px;height:12px;color:#ccc;text-indent:-9999px;border-radius:30px;opacity:.1;padding:0;}
ul.slick-dots li.slick-active button {opacity:1;}

button.slick-arrow {background:url(../images/slider-arrow.png) no-repeat 0px 0px;width:40px;height:40px;border:none;text-indent:-9999px;position:absolute;top:50%;margin-top:-40px;z-index:10;opacity:0.1;transition:opacity ease 0.3s;}
button.slick-arrow:hover {opacity:1 !important;}
#main-slider:hover button.slick-arrow {opacity:.5;}
button.slick-next {background-position:-40px 0px !important;right:0;margin-right:15px;}
button.slick-prev {background-position:0px 0px !important;left:0;margin-left:15px;}

.game-social-button {border-top:dotted 1px #ccc;padding-top:10px;margin-top:30px;}
.game-social-button a {width:50px;height:50px;display:inline-block;transition:opacity ease 0.5s;}
.game-social-button a img {width:100%;height:100%;}
.game-social-button a:hover {opacity:0.6;}
.text-list{color: #333 !important;}

/* Medium devices (large desktops, 1200px and down) */
ul#menu-header li.active a {
	color: white;
	opacity: 1;
}
ul#menu-footer li.active a {
color: white;
	opacity: 1;
}
@media (min-width: 1400px) { 
	.container {width:1400px !important;}
	#slider {height:600px;}
}
@media (max-width: 1400px) { 
	#slider {height:500px;}
	.item-button-white {bottom:70px;}
}
/* Medium devices (large desktops, 1200px and down) */
@media (max-width: 1200px) { 
	body {padding-top:80px;font-size:12px;}
	#slider {height:450px;}
	#header {height:80px;}
	#logo-header {height:80px;width:130px;}
	#logo-header span {height:80px;width:60px;}
	ul#menu-header {height:80px;}
	ul#menu-header li a {line-height:80px;}
	.menu-dropdown-show {top:80px;}
	.item-description {height:65px;}
	.item-button-small {width:200px;top:0;text-indent:0;padding:0 10px;}
}

/* Small devices (desktops, 992px and down) */
@media (max-width: 992px) { 
	body {padding-top:69px;}
	#header {height:69px;}
	#logo-header {width:60px;height:69px;}
	#logo-header span {height:69px;width:60px;}
	#slider {height:400px;}
	.title-header {margin:30px auto;}
	.item-logo {background-position:50% -45px;}
	.item-description {height:60px;margin:56% auto 20px auto;line-height:1.6em;}
	.item-button {width:220px;height:40px;line-height:36px;padding:0 10px;font-size:1em;}
	.arrow {margin-top:-6px;}
	.item-header {font-size:1.5em;}
	.item-description-small {font-size:0.9em;line-height:1.5em;}
	.item-button-small {width:130px;top:0;text-align:center;}
	.item-button-small .arrow {display:none;}
	.block-item-small {background-position:50% -25px;}
	
}
@media (max-width: 768px) {
	.container {width:640px;}
	#slider {height:300px;}
	#main-slider div {width:100%;height:100%;background:no-repeat 50% 100%;background-size:auto 100%;text-align:center;}
	#main-slider h3 {font-size:3em;margin-top:50px;}
	#main-slider h4 {font-size:1.5em;}
	.item-button-white {bottom:40px;}
	
}
/* Extra small devices (tablets, 640px and down) */
@media (max-width: 640px) {
	.container {width:100%;max-width:500px;}
	.block-item-big {padding-top:100%;}
	.block-2 {background-size:auto 110%;}
	.block-float-right {float:none !important;}
	.item-default {padding-top:50%;}
	.item-header {margin-top:30%;}
	.item-description {height:65px;margin:65% auto 20px auto;line-height:1.6em;}
	.block-item-tiny .item-header {margin-top:16%;}
	.block-item-tiny {text-align:center;}
	.block-icon {display:none;}
	.block-item-small {background-image:none !important;}
	.block-icon-last .item-button {margin:10px auto 0 auto;width:250px}
	.block-tiny .item-header {text-align:center;margin-top:3%;display:block;}
	#footer {padding:50px 0;height:auto;}
}
@media (max-width: 480px) {
	body {font-size:11px;}
	#slider {height:300px;}
	#main-slider h3 {font-size:2em;margin-top:50px;}
	#main-slider h4 {font-size:1em;}
	.item-button-white {bottom:40px;width:150px;text-indent:0;}
	.item-button-white span {display:none;}
	.item-button-small {width:120px;}
	.item-description {height:60px;margin:56% auto 20px auto;line-height:1.6em;}
	.block-item-small {padding-top:31%;}
	.block-icon-last .item-button {margin:5px auto 5px auto;width:200px}
}