@import url("../Default/style.css");
@import url("./font/font.css");

@viewport {
  width: device-width;
  zoom: 1;
}


/*------------------------------------------------------------popupwindows--------------------------------------------------------------------*/
#popup-window{width:100%; position: absolute; overflow-y:hidden; overflow-x:hidden; height:auto; border:0px solid blue;}
.overlayShadow {
        display:block;
        
        width: 100%;
        height: 100%;
        background:url(/exe/cms5/data/1851/uploads/landingucw-new-bg2.jpg) top no-repeat;
        z-index: 1000;
        overflow-y:hidden;
        overflow-x:hidden;
        background-size:100%;
        top:0px;
    }

.toplanding{border:0px solid red; text-align:center;}
.toplanding img{width:80%; margin:auto;}

/*.flagcontent {
  position: relative;
  width: 90%;
  border:1px solid green; 
  margin:auto;height:100%;
}*/
.flagcontent{width:90%; margin:auto;}
.flagcontent ul{margin:0px; padding:0px;}
.flagcontent ul li{display:inline-block; float:left; width:12%; text-align:center; margin:3px; position:relative; z-index:999;}


.flagimg{border:1px solid red;}
.flagimg img{
	border:1px solid white;  
	position: relative;
  border:1px solid green; 
  margin:100px auto 0px;
  height:100%;
  }


.middle {
  position:relative;
  left: 0%;
  text-align: center;
  border:1px solid yellow;
  width:100%;
  width: 1200px;
  margin: auto;
  margin-top: -200px;
 opacity:0;
 z-index:0;

}

.flagcontent img:hover .image {
  opacity: 0.3;
}

.flagimg:hover .middle {
  opacity: 1;
}

.tophov{
	position:relative;
	top:0px;
  color: white;
  font-size: 12px;
  padding: 16px 32px;
  width:100%;
}

.bothov{
	position:relative;
	top:140px;
  color: white;
  font-size: 12px;
  padding: 16px 32px;
  width:100%;
	}

.butplay{
	color:#000000; 
	width:40%; 
	margin:auto;
	height:40px;
	}
.butplay a{
	color:#000000;
	text-transform:uppercase;
	background: url(imgs/bglogin.png)center center no-repeat;
  background-size: cover;
  padding:10px 40px;
	}

.elementor-section-wrap {
     margin-top: 704px; }
.elementor-image img{width:100%;}
.webpage-home span, .webpage-home p{color:#000 !important;}
.webpage-home .footer{color:#fff; margin-bottom: 30px;}
.footbot{border-top:1px solid #d0ac40; padding:15px; margin-top:0px; overflow:hidden; background:#000000;}
.footbot img{vertical-align:bottom; padding:0px 10px;}

.language{border:0px solid red; margin:20px 0px;}
.language ul{padding:0px; margin:0px;}
.language ul li{
	float:left; 
	display:inline-block; 
	text-align:center; 
	width:11%; 
	margin:5px;
	border:0px solid red;
	background:url(imgs/bgflaglanding.png) no-repeat;
	background-size:100% 100%;
	min-height:305px;
	padding:20px 0px
	}
.language ul li a{text-decoration:none;}
.language ul li span{line-height: 23px;}
.language ul li img{width:80%;}
.language ul li:nth-child(8){filter: grayscale(80%);}

#btnPlayNow{
	color:#000; 
	background:url(imgs/bglogin.png) no-repeat; 
	background-size:100% 100%;
	width:240px; 
	cursor: pointer; 
	padding-top:10px; 
	padding-bottom:10px; 
	text-align:center; 
	font-weight:bold; 
	font-size:15pt;
	}
.titgold{
	color:#d0ac40 !important;
	font-family: 'roboto-b';
	font-size: 15px;
	}

.footer-bottom{ font-size:11px; float:left;}
.footer-bottom ul{margin:0px; padding:0px;}
.footer-bottom ul li{display:inline-block; color:#fff;}
.footer-bottom ul li img{height:16px; vertical-align:middle; padding: 0px;}
.footer-bottom ul li img:hover{filter:brightness(130%);}
.footright{float:right;}










@media all 
and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) 
and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) 
and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) 
and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) 
and (max-width: 1024px), only screen and (min-resolution: 192dpi) 
and (max-width: 1024px), only screen and (min-resolution: 2dppx) 
and (max-width: 1024px) {
	#theme-frame{
		width:99%;
	}
	#theme-frame-panel{ display:block; width:100%;}
	.themetbl .cellbox { list-style:none; display:table; padding:0px; margin:0px; width:90%; height:100%; min-height:350px;}
	.themetbl .cellbox > li {display:block; vertical-align:top; }
	.themetbl .cellbox li#theme-content { padding:5px 10px; text-align:justify; width:100%; height:100%; }
	.themetbl .cellbox li#theme-frame-panel {width:200px; padding:10px 0px 10px 10px; background:#efefef;  width:100%; height:100%;  display:inline-block;}
	.w1000{width:100% !important;}

body{background:#000000;}
.overlayShadow{background-size:unset !important;}

#btnPlayNow{width:40%;}
.language ul li{width:30.5% !important;}
p{margin-bottom:0px;}
.seo-container { padding: 20px; }
.header{text-align:justify !important;}
.footright{float:none; padding: 10px 0px; text-align:center;}
.footer-bottom{text-align:center; float:none;}	

.elementor-section-wrap {
    margin-top: 539px;
}

}

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 750px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {

.language {
    border: 0px solid red;
    margin: 20px 25px;
}
.language ul li {
    width: 18% !important;
}

.welcome span{font-size:15px !important;}
.message1 {
    padding: 0px 40px;
}

}

/* Portrait and Landscape */
@media only screen
 and (max-device-width: 411px) 
  and (min-device-width: 731px)
 
  and (-webkit-min-device-pixel-ratio: 1) {
.language {
    padding: 0px 40px;
}
.language ul li {
    width: 11% !important;
}




}


@media only screen 
  and (min-device-width: 1366px) 
  and (max-device-width: 1366px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {

.footer-bottom {
    font-size: 11px;
    float: left;
    width: 100%;
}
.footright{float:none;}
.footbot{text-align:center;}
}