/*-- add --*/
.van-div-4 .swore-1{
	margin-lefT: -12px;
	margin-top: -0.3px;
}

@media (min-width: 20px) and (max-width:560px){
body .fanjara-color-1 .fanjara-zoma-1 img{
	width: 32% !important;
}
.fanjara-1 .fanjara-7:hover .fanjara-zoma-1, .fanjara-1 .fanjara-9:hover .fanjara-zoma-1{
	 lefT: -350px !important;
	 -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; 
}
body .fanjara-7{
	width: 81.5%;
}
}

@media (min-width:560px) and (max-width:800px){
body .fanjara-color-1 .fanjara-zoma-1 img{
	width: 24% !important;
}
.fanjara-1 .fanjara-7:hover .fanjara-zoma-1, .fanjara-1 .fanjara-9:hover .fanjara-zoma-1{
	 lefT: -350px !important;
	 -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; 
}
body .fanjara-7{
	width: 95.5%;
}
}

@media (min-width:800px) and (max-width:90000000px){
.fanjara-1 .fanjara-7:hover .fanjara-zoma-1, .fanjara-1 .fanjara-9:hover .fanjara-zoma-1{
	 lefT: -350px !important;
	 -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; 
}
body .fanjara-7{
	width: 95.5%;
}
}

.fanjara-color-2.fanjara-07.fanjara-7{
	display: none;
}
/*-- add --*/





@media (min-width:1100px) and (max-width:90000000px){

body .fanjara-color-1 .fanjara-hover-3{
   width: 30px !important;
   height: 33px !important;
   line-height: 20px;
   margin: 3px -7px 5px 18px;
}
    
body .fanjara-color-2 .fanjara-hover-3{
   width: 35px !important;
   height: 33px !important;
   line-height: 20px;
   margin: 4px 2px 5px 18px;
}    
    
body .fanjara-color-3 .fanjara-hover-3{
   width: 30px !important;
   height: 33px !important;
   line-height: 20px;
   margin: 5px 3px 5px 18px;
}

body .fanjara-color-4 .fanjara-hover-3{
   width: 23px !important;
   height: 33px !important;
   line-height: 20px;
   margin: 5px 0px 5px 18px;
}
    
body .fanjara-color-5 .fanjara-hover-3{
   width: 21px !important;
   height: 34px !important;
   line-height: 20px;
   margin: 3px 2px 5px 18px;
}
    
body .fanjara-color-6 .fanjara-hover-3{
   width: 30px !important;
   height: 33px !important;
   line-height: 20px;
   margin: 5px 2px 5px 18px;
}
    
body .fanjara-color-7 .fanjara-hover-3{
   width: 30px !important;
   height: 33px !important;
   line-height: 20px;
   margin: 4px 2px 5px 18px;
}  
    
body .fanjara-color-8 .fanjara-hover-3{
   width: 30px !important;
   height: 33px !important;
   line-height: 20px;
   margin: 3px -2px 5px 18px;
}
}


@media (min-width:1000px) and (max-width:1100px){

body .fanjara-color-1 .fanjara-hover-3{
   width: 30px !important;
   height: 33px !important;
   line-height: 20px;
   margin: 2px -6px 5px 10px;
}  
    
body .fanjara-color-2 .fanjara-hover-3{
   width: 35px !important;
   height: 33px !important;
   line-height: 20px;
   margin: 4px 2px 5px 10px;
}
        
body .fanjara-color-3 .fanjara-hover-3{
   width: 30px !important;
   height: 33px !important;
   line-height: 20px;
   margin: 5px 2px 5px 10px;
}

body .fanjara-color-4 .fanjara-hover-3{
   width: 23px !important;
   height: 33px !important;
   line-height: 20px;
   margin: 5px 0px 5px 10px;
}
    
body .fanjara-color-5 .fanjara-hover-3{
   width: 21px !important;
   height: 31px !important;
   line-height: 20px;
   margin: 5px 1px 5px 10px;
}
    
body .fanjara-color-6 .fanjara-hover-3{
   width: 30px !important;
   height: 33px !important;
   line-height: 20px;
   margin: 5px 2px 5px 10px;
}
    
body .fanjara-color-7 .fanjara-hover-3{
   width: 30px !important;
   height: 33px !important;
   line-height: 20px;
   margin: 4px 1px 5px 10px;
}
    
body .fanjara-color-8 .fanjara-hover-3{
   width: 30px !important;
   height: 33px !important;
   line-height: 20px;
   margin: 2px -2px 5px 10px;
}
}

@media (min-width:800px) and (max-width:1000px){

body .fanjara-color-1 .fanjara-hover-3{
   width: 30px !important;
   height: 33px !important;
   line-height: 20px;
   margin: 3px -6px 5px 10px;
}  
    
body .fanjara-color-2 .fanjara-hover-3{
   width: 35px !important;
   height: 33px !important;
   line-height: 20px;
   margin: 4px 2px 5px 10px;
}
        
body .fanjara-color-3 .fanjara-hover-3{
   width: 30px !important;
   height: 33px !important;
   line-height: 20px;
   margin: 5px 2px 5px 10px;
}

body .fanjara-color-4 .fanjara-hover-3{
   width: 23px !important;
   height: 33px !important;
   line-height: 20px;
   margin: 5px 0px 5px 10px;
}
    
body .fanjara-color-5 .fanjara-hover-3{
   width: 21px !important;
   height: 33px !important;
   line-height: 20px;
   margin: 4px 2px 5px 10px;
}
    
body .fanjara-color-6 .fanjara-hover-3{
   width: 30px !important;
   height: 33px !important;
   line-height: 20px;
   margin: 5px 2px 5px 10px;
}
    
body .fanjara-color-7 .fanjara-hover-3{
   width: 30px !important;
   height: 33px !important;
   line-height: 20px;
   margin: 4px 1px 5px 10px; 
}
    
body .fanjara-color-8 .fanjara-hover-3{
   width: 30px !important;
   height: 33px !important;
   line-height: 20px;
   margin: 2px -2px 5px 10px;
}
}

@media (min-width:560px) and (max-width:800px){

body .fanjara-color-1 .fanjara-hover-3{
   width: 18px !important;
   height: 30px !important;
   line-height: 20px;
   margin: 5px -7px 5px 10px;
}  
    
body .fanjara-color-2 .fanjara-hover-3{
   width: 21px !important;
   height: 30px !important;
   line-height: 20px;
   margin: 5px 0px 5px 10px;
}
        
body .fanjara-color-3 .fanjara-hover-3{
   width: 18px !important;
   height: 32px !important;
   line-height: 20px;
   margin: 5px 2px 5px 10px;
}

body .fanjara-color-4 .fanjara-hover-3{
   width: 13px !important;
   height: 31px !important;
   line-height: 20px;
   margin: 5px 0px 5px 10px;
}
    
body .fanjara-color-5 .fanjara-hover-3{
   width: 13px !important;
   height: 31px !important;
   line-height: 20px;
   margin: 5px 2px 5px 10px;
}
    
body .fanjara-color-6 .fanjara-hover-3{
   width: 18px !important;
   height: 31px !important;
   line-height: 20px;
   margin: 5px 0px 5px 5px;
}
    
body .fanjara-color-7 .fanjara-hover-3{
   width: 18px !important;
   height: 31px !important;
   line-height: 20px;
   margin: 5px 2px 5px 10px;
}
    
body .fanjara-color-8 .fanjara-hover-3{
   width: 18px !important;
   height: 30px !important;
   line-height: 20px;
   margin: 5px 0px 5px 5px;
}
}


@media (min-width:20px) and (max-width:560px){
.div-bg-1{
	margin-top: 0px !important;
}
}


@media (min-width:1100px) and (max-width:90000000px){
.full-baner-4{
	margin: 73px 0px -58px 0px;
}
}


@media (min-width:1000px) and (max-width:1100px){
.full-baner-4{
	margin: 73px 0px -72px 0px;
}
}


@media (min-width:800px) and (max-width:1000px){
.full-baner-4{
	margin: 73px 0px -72px 0px;
}
}


@media (min-width:560px) and (max-width:800px){
.full-baner-4{
	margin: 73px 0px -72px 0px;
}
}




.full-baner-5{
	width: 100%;
	overflow:hidden;
	position:relative;
}

.full-baner-4{
	z-index:1;
	width: 100%;
	line-height:0px;
	floaT: left;
	overflow:hidden;
	position:relative;
}



@media (min-width:10px) and (max-width:560px){
body div.full-banerisss-3.full-banerisss-1.header-1 {
    margin-bottom: 0px !important;
}
	
.full-baner-video.full-baner-4{
	margin: 0px 0px -0px 0px !important;
}
}

@media (min-width:560px) and (max-width:90000000px){
.full-baner-video.full-baner-4{
	margin: 65px 0px 0px 0px !important;
}
}



@media (min-width:10px) and (max-width:800px){
body .sezoni-bb-1 b{
	font-size: 13px;
}

}

@media (min-width:20px) and (max-width:560px){
body .footer-8{
	margin-right: 10px;
}
body div .footer-9{
	margin: 0px 10px 0px 8px !important;
}
}


body .footer-8{
	margin-left: 10px;
}


body .footer-9{
    display: none;
	margin: 0px 0px 0px 8px !important;
}



.sezoni-bb-1 b{
	width: 100%;
	display: inline-table;
	position:relative;
	floaT: left;
	font-size: 17px;
	margin: 12px 0px 0px 0px;
	font-family: font-2;
	box-shadow: 0px 1px 0px 0px #eee;
	padding: 0px 0px 14px 0px;
	text-indent: 15px;
}

.full-baner-4, .full-baner-4 img, body .full-baner-4{
	height: auto !important;
}

@media (min-width:10px) and (max-width:800px){
.container table::-webkit-scrollbar, .van-div-5::-webkit-scrollbar, .sliderr::-webkit-scrollbar{height: 7px;}
.container table::-webkit-scrollbar-track, .van-div-5::-webkit-scrollbar-track, .sliderr::-webkit-scrollbar-track{background:var(--foni-5); border-radius: 100px; }
.container table::-webkit-scrollbar-thumb, .van-div-5::-webkit-scrollbar-thumb, .sliderr::-webkit-scrollbar-thumb{background:var(--foni-1); border-radius: 100px;  }

.container table {
    width: 100% !important;
}

.container table{
	width:100%;
    display: flex;
    will-change: transform;
    overflow: auto scroll;
    overflow-y: hidden;
    overflow-x: auto;
	margin: 0px 0px 10px 0px;
	padding-bottom: 10px;
}
}



body .container p {
  margin-top: 0;
  transition: all 0.25s linear;
  font-size: 16px;
}


.ad-catfish-content{
  background:#fff;
}


@media (min-width:10px) and (max-width:560px){

body .full-banerisss-3.full-banerisss-1.header-1 {
    margin-bottom: 15px !important;
}

	
body .full-banerisss-3.header-1 {
    margin-bottom: 0px !important;
}


	
.header-1 {
    margin-bottom: 15px !important;
}

	
.full-banerisss-2.header-1{
	 margin-bottom: 15px !important;
} 
    
.full-banerisss-1.header-1 {
    margin-bottom: 15px !important;
}
	
.header-1 {
    margin-bottom: 15px !important;
}
	
body .furceli-1 .div-bg-1{
	margin-top: 0px;
	border-radius: 0px;
	padding: 0px 0px 0px 0px;
}
}


.furceli-1 .div-bg-1{
	margin-top: -15px;
	border-radius: 0px;
	padding: 0px 0px 15px 0px;
}


.news-1 .bot-gal-1.div-bg-video-1{
	top: 50px;
}


.fullstor-11 a{
	color: var(--foni-11) !important;
}

.fullk-1.full-baner-1{
	margin: 0px 0px 12px 0px;
}


.full-vanb-1.full-baner-1{
	margin-bottom: 0px !important;
	margin-top: 0px !important;
}


.demo img{
    text-align: center;
	max-width: 100%;
	height: auto !important;
}


.game-new-4 img {
object-fit: cover;
width: 50px;	
}


.ajax-serch-4{
    width: 100% !important;
}

.ajax-serch-5{
    height: 100% !important;
}

@media (min-width:10px) and (max-width:560px){


.full-vanbb-1.full-vanb-1.full-baner-1{
	margin-top: -7px !important;
}
	
}


.full-vanbb-1.full-vanb-1.full-baner-1{
	margin-top: -0px;
}


.full-baner-sidebar.full-baner-1{
	margin-top: 0px;
	margin-bottom: 14px;
}


.full-baner-bottom.full-baner-1{
	margin-bottom: 0px;
}

.full-vanb-1.full-baner-1{
	margin-top: -7px;
}


@media (min-width:1px) and (max-width:1000px){
.axl-position{
	display: none !important;
}
}

@media (min-width:1000px) and (max-width:1100px){
.axl-banner__left{
    left: -150px;
}

.axl-banner__right{
    right: -150px;
}

.axl-banner__left, .axl-banner__right{
    top: 135px;
    width: 140px;
    position: absolute;
}

.axl-banner img{
    width: 140px;
}

.axl-banners{
    position: relative;
    max-width: 980px !important;
    margin:auto;
}

.axl-position{  position:fixed; width:100%;height:100%;}

.axl-position-2 .axl-banner__left, .axl-position-2 .axl-banner__right{
    top: 75px;
    -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; 
}

.axl-banner__left, .axl-banner__right{
    -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; 
}

.axl-posi-7.axl-position-2 .axl-banner__left, .axl-posi-7.axl-position-2 .axl-banner__right{
    top: -85px;
    -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; 
}

}



@media (min-width:1100px) and (max-width:90000000px){

.axl-position-2 .axl-banner__left, .axl-position-2 .axl-banner__right{
    top: 75px;
    -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; 
}

.axl-banner__left, .axl-banner__right{
    -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; 
}

.axl-posi-7.axl-position-2 .axl-banner__left, .axl-posi-7.axl-position-2 .axl-banner__right{
    top: -85px;
    -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; 
}


.axl-banner__left{
    left: -150px;
}

.axl-banner__right{
    right: -150px;
}

.axl-banner__left, .axl-banner__right{
    top: 135px;
    width: 140px;
    position: absolute;
}

.axl-banner img{
    width: 140px;
}

.axl-banners{
    position: relative;
    max-width: 1080px !important;
    margin:auto;
}

.axl-position{  position:fixed; width:100%;height:100%;}
}


.full-baner-video.full-baner-4{
	margin: 80px 0px 15px 0px;
}

.full-baner-4, .full-baner-4 img{
	width: 100%;
	height: 150px;
	line-height:0px;
	 object-fit: cover;
}




@media (min-width: 20px) and (max-width: 800px){



.full-baner-2, .full-baner-2 img, .full-baner-4 img, .full-baner-4{
	height: 130px !important;
}

.full-baner-01{
	line-height: 0px;
}

.full-baner-3, .full-baner-5, .full-baner-01{
	width: 330px;
	margin: auto;
}
}

@media (min-width: 20px) and (max-width: 560px){

.full-baner-004.full-baner-04.full-baner-4{
	z-index:1;
	width: 100%;
	line-height:0px;
	floaT: left;
	margin: -15px 0px 16px 0px;
	overflow:hidden;
	position:relative;
}

.full-baner-04.full-baner-4{
	z-index:1;
	width: 100%;
	line-height:0px;
	floaT: left;
	margin: -14px 0px 18px 0px;
	overflow:hidden;
	position:relative;
}

.header-3 {
    position: absolute !important;
}

.full-baner-2{
	padding: 5px 0px 0px 0px !important;
}

.full-baner-2 .center-1{
  margin: -2px 5px;
  line-height: 0px !important;
}
}


.full-baner-2, .full-baner-2 img{
	width: 100%;
	height: 150px;
	line-height:0px;
	 object-fit: cover;
}


.full-baneris-1.foni-bg-1{
	top: 150px;
}


.full-baner-2{
	z-index:1;
	width: 100%;
	padding: 10px 0px 0px 0px;
	background:#fff;
	line-height:0px;
	overflow:hidden;
	position:relative;
}


.news-4, .rss-new-ms-1{
	font-family: font-1 !important;
}

@media (min-width: 20px) and (max-width: 560px){
.van-div-1{
    width: 134px;
    position:relative;
    margin: auto;
}

.header-2 .van-div-1{
	display: none !important;
}
	
body .van-div-1{
	display: block !important;
    width: 134px  !important;
    position:relative;
    margin: auto;
	floaT: initial !important;
}
	
	
.mobm-1{
	width: 100%;
	float: left;
    border-top: 1px rgb(255 255 255 / 15%) solid;
	margin: 10px 0px;
	padding: 20px 0px 0px 0px;
}
}



@media (min-width: 560px) and (max-width: 9000000px){
.mobm-1{
display: none !important;
}
}







@media (min-width: 800px) and (max-width: 9000000px){
.desk-2{
display: none !important;
}
}

@media (min-width: 20px) and (max-width: 800px){
.desk-1{
display: none !important;
}

.proeqt-5::-webkit-scrollbar, .van-div-5::-webkit-scrollbar, .sliderr::-webkit-scrollbar{height: 7px;}
.proeqt-5::-webkit-scrollbar-track, .van-div-5::-webkit-scrollbar-track, .sliderr::-webkit-scrollbar-track{background:var(--foni-5); border-radius: 100px; }
.proeqt-5::-webkit-scrollbar-thumb, .van-div-5::-webkit-scrollbar-thumb, .sliderr::-webkit-scrollbar-thumb{background:var(--foni-1); border-radius: 100px;  }

.proeqt-5{
	width:100%;
    display: flex;
    will-change: transform;
    overflow: auto scroll;
    overflow-y: hidden;
    overflow-x: auto;
}


}


@media (min-width: 10px) and (max-width: 800px){
.smartp-1 .game-new-1{
	margin: 0px 15px 0px 0px;
	min-width: 280px !important;
	position:relative;
	margin-bottom: 15px;
}
}



@media (min-width: 10px) and (max-width: 560px){

.div-smartphone-2{ display: none; }

.smartp-1 .game-new-1{
	margin: 0px 15px 0px 0px;
	min-width: 280px !important;
	position:relative;
	margin-bottom: 15px;
}


body .fancybox-content{width: 100% !important;height: 100% !important}

.fancybox-slide{
	padding: 0px !important;
}

body .fancybox-content iframe {
    width: 100% !important;
    height: 100% !important;
}


.div-smartphone-1.div-bg-3{
	width: 100%;
	border-radius: 0px;
	margin-top: -17px;
}

.fanjara-7:hover, .fanjara-9:hover  {
	box-shadow: 0px 0px 0px 2px var(--foni-1);
}

.fanjara-1 span{
	display: none !important;
}

.darken .new-tab-2 ul.tabss li a.active{ background:#323232 !important; }

.darken .div-bg-1{
    background: #161616 !important;
}

.footer-auto.center-1{
	margin: 0px 0px;
}

.game-live-01{
	width: 100%;
	text-align: center;
	floaT: left;
	position:relative;
}


.game-1 .slick-next, .game-1 .slick-prev{
		display: none !important;
}
.none-mob-1{
	display: none;
}

.tab-iocn-2 svg{
	width: 22px;
}

.proeqt-5::-webkit-scrollbar, .van-div-5::-webkit-scrollbar, .sliderr::-webkit-scrollbar{height: 7px;}
.proeqt-5::-webkit-scrollbar-track, .van-div-5::-webkit-scrollbar-track, .sliderr::-webkit-scrollbar-track{background:var(--foni-5); border-radius: 100px; }
.proeqt-5::-webkit-scrollbar-thumb, .van-div-5::-webkit-scrollbar-thumb, .sliderr::-webkit-scrollbar-thumb{background:var(--foni-1); border-radius: 100px;  }

.proeqt-5{
	width:100%;
    display: flex;
    will-change: transform;
    overflow: auto scroll;
    overflow-y: hidden;
    overflow-x: auto;
}



.foni-bg-1{ display: none !important; }


body{margin:0 auto;background:#fff !important;}




.fanjara-color-8 .fanjara-zoma-1 img{
	width: 85% !important;
		transform: skewX(-1deg);
	top: -0.5px !important;
	position:relative;
	left: 2px;
}

.fanjara-color-7 .fanjara-zoma-1 img{
	width: 61% !important;
		transform: skewX(-2deg);
	top: -0.5px !important;
	position:relative;
	left: 1px;
}

.fanjara-color-6 .fanjara-zoma-1 img{
	width: 87% !important;
		transform: skewX(-1deg);
	top: -0.5px !important;
	position:relative;
	left: 2px;
}

.fanjara-color-5 .fanjara-zoma-1 img{
	width: 65% !important;
	transform: skewX(-1deg);
	top: -0.5px !important;
	position:relative;
	left: 2px;
}

.fanjara-color-4 .fanjara-zoma-1 img{
	width: 45% !important;
	transform: skewX(-1deg);
	top: -0.5px !important;
	position:relative;
	left: 2px;
}

.fanjara-color-3 .fanjara-zoma-1 img{
	width: 71% !important;
	transform: skewX(-1deg);
	top: -0.5px !important;
	position:relative;
	left: 2px;
}

.fanjara-color-2 .fanjara-zoma-1 img{
	width: 85% !important;
		transform: skewX(-1deg);
	top: -0.7px !important;
	position:relative;
	left: 3px;
}

.fanjara-color-1 .fanjara-zoma-1 img{
	width: 55% !important;
	transform: skewX(-1deg);
	top: -0.5px !important;
	position:relative;
}



#footer-linkis-2{
width: 100%;
float: left;	
}
.footer-linkis-1 svg{
	 fill:#fff;
}

.footer-linkis-1{
	-moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; 
	width: 28px;
	height: 28px;
	background: rgb(255 255 255 / 20%);
	opacity:0.2;
	floaT: right;
	position:relative;
	margin: 11px -3px 0px 0px;
	text-align: center;
	border-radius: 5px;
	line-height: 22px;
	text-indent: 0px;
		-webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}


.div-sl-3 .div-bg-video-1{
	left: 4px !important;
}


#cssmenu > ul > .home-svg-1 svg{
fill: #fff;
}


#cssmenu > ul > .menu-a .home-svg-1 svg{
fill: var(--foni-2);
}


#cssmenu ul li  {
	text-align: center;
    width: 100%;
    floaT: left;
    margin: 10px 0px;
}

.outer-menu {
    position: absolute;
    top: 12.4px;
    left: 30px;
    z-index: 111;
}
.outer-menu .checkbox-toggle {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    cursor: pointer;
    width: 43px;
    height: 43px;
    opacity: 0;
}
.outer-menu .checkbox-toggle:checked + .hamburger > div {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}

.outer-menu .checkbox-toggle:checked + .hamburger > div {
    background: #ffffff;
}

.outer-menu .checkbox-toggle:checked + .hamburger > div:after,
.outer-menu .checkbox-toggle:checked + .hamburger > div:before {
    top: 0;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
.outer-menu .checkbox-toggle:checked + .hamburger > div:after {
    opacity: 0;
}
.outer-menu .checkbox-toggle:checked ~ .menu {
    pointer-events: auto;
    visibility: visible;
}
.outer-menu .checkbox-toggle:checked ~ .menu > div {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition-duration: 0.75s;
    transition-duration: 0.75s;
}
.outer-menu .checkbox-toggle:checked ~ .menu > div > div {
    opacity: 1;
    -webkit-transition: opacity 0.4s ease 0.4s;
    transition: opacity 0.4s ease 0.4s;
}
.outer-menu .checkbox-toggle:hover + .hamburger {
    box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1);
}
.outer-menu .checkbox-toggle:checked:hover + .hamburger > div {
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
}
.outer-menu .hamburger {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    width: 30px;
    height: 40px;
    padding: 0.0em 0px;
    background: 0 0;
    box-shadow: none !important;
    border-radius: 0 0.12em 0.12em 0;
    cursor: pointer;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}
.outer-menu .hamburger > div {
	border-radius: 100px;
    position: relative;
    -webkit-box-flex: 0;
    flex: none;
    width: 100%;
    height: 4px;
    background: #ffffff;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}
.outer-menu .hamburger > div:after,
.outer-menu .hamburger > div:before {
    content: "";
    position: absolute;
    z-index: 1;
    top: -10px;
    left: 0;
    width: 100%;
    height: 4px;
    border-radius: 10px;
    background: inherit;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.outer-menu .hamburger > div:after {
    top: 10px;
}
.outer-menu .menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    visibility: hidden;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    outline: 1px solid transparent;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}
.outer-menu .menu > div {
    width: 240vw;
    height: 240vw;
    color: #fefefe;
    background: rgb(40 51 74 / 97%);
    border-radius: 100%;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-box-flex: 0;
    flex: none;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}
.outer-menu .menu > div > div {
    text-align: center;
    max-width: 100vw;
    max-height: 100vh;
    opacity: 0;
    -webkit-transition: opacity 0.4s ease;
    transition: opacity 0.4s ease;
    overflow-y: auto;
    -webkit-box-flex: 0;
    flex: none;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}
.outer-menu .menu > div > div > ul {
    list-style: none;
    padding: 0 1em;
    margin: 0;
    display: block;
    max-height: 100vh;
}
.outer-menu .menu > div > div > ul > li {
    padding: 0;
    margin: 1em;
    font-size: 24px;
    display: block;
}
.outer-menu .menu > div > div > ul > li > a {
    position: relative;
    display: inline;
    cursor: pointer;
    -webkit-transition: color 0.4s ease;
    transition: color 0.4s ease;
    font-family: Mbold;
    color: #fff;
    font-size: 16px;
}
.outer-menu .menu > div > div > ul > li.host {
    margin-top: 40px;
}
.outer-menu .menu > div > div > ul > li > a:hover {
    color: #e5e5e5;
}
.outer-menu .menu > div > div > ul > li > a:hover:after {
    width: 100%;
}
.outer-menu .menu > div > div > ul > li > a:after {
    content: "";
    position: absolute;
    z-index: 1;
    bottom: -5px;
    left: 0;
    width: 0;
    height: 2px;
    background: #fed501;
    -webkit-transition: width 0.4s ease;
    transition: width 0.4s ease;
}



.berrors {
	background: #ffe6dd !important;
	border: 1px solid #f0c4b5;
	color: #553c33;
	padding: 20px 25px;
	margin-bottom: 15px;
	border-radius: 5px;
	box-sizing: border-box;
}

.a-cont-11 .fanjara-7, .a-cont-11 .fanjara-9  {
	-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;
}

.a-cont-11 .fanjara-7:hover, .a-cont-11 .fanjara-9:hover  {
	box-shadow: 0px 0px 0px 2px var(--foni-1), 0px 0px 10px 6px rgb(230 230 230 / 60%);
	-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;
}


.a-cont-11 .fanjara-zoma-1 img{
	width: auto !important;
}


#pagi-load span{ display: none;}
#pagi-load a span{ display: block; }
#pagi-load span{ float: left;  transform: skewX(15deg) !important; }
.pagi-load{  text-align: center; font-size:0px;}
.bottom-nav{width:100%;margin: 0px 0px 17px 0px;}
.pagi-load a:hover{transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;background:var(--foni-2);}
.pagi-load a:hover .fa-refresh{transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;}
.pagi-load a{ padding-top: 3px !important; transform: skewX(-15deg); border-radius: 5px; transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;padding:0px 25px;display:inline-block;height:40px;line-height:40px;font-size:15px; letter-spacing: -0.5px; cursor:pointer;color:#ffffff;background: var(--foni-1);text-align:center;font-family:font-2;}



.wrap li:nth-child(2) .div-bg-video-1{
	right: 85px;
}


.div-bg-6{
	width: 100%;
	height: 100%;
	floaT: left;
	position: absolute;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.90) 100%);
	z-index:1;
}


.wrap li:nth-child(2) {
    position:relative;
    right: 0px;
    z-index:0 !important;
}

.wrap li:nth-child(3) {
display: none;
}




#searchsuggestions span.notfound{ display: block; padding: 12px 0px 0px 0px !important;  text-align: center !important; }

#searchsuggestions{
	z-index: 999 !important;
}

#searchsuggestions {
	width: 280px;
}


#searchsuggestions a{padding:15px 15px !important;}
#searchsuggestions{overflow:hidden; }

#dofullsearch, .seperator{display:none !important;}
#searchsuggestions a span { font-family: font-1; font-size: 14px; }



/*---search---*/
#searchsuggestions {
	z-index: 2200;
	border-radius: 3px;
	background: #fff;
	box-shadow: 0 8px 40px -10px rgba(0,0,0,0.3);
	border: 1px solid #ddd; 
	background-clip: padding-box;
	font-size: .9em;
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
	}


.ajax-serch-1 img{
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.ajax-serch-1:hover img{
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}


.ajax-serch-1 .ajax-serch-2{
    -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}

.ajax-serch-1:hover .ajax-serch-2{
   color:var(--foni-1);
    -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}



.ajax-serch-6{
    width: 100%;
    height: 50px;
    font-size: 13px;
    font-family: font-2;
    position:relative;
    overflow:hidden;
    floaT: right;
    margin: 0px 0px 10px 0px;
    color:#898585;
}


.ajax-serch-5{
    width: 100%;
    height: 72px;
    overflow:hidden;
    font-size: 14px;
    line-height: 18px;
    font-family: font-4;
    position:relative;
    floaT: right;
    margin: 0px 0px -10px 0px;
}


.ajax-serch-4{
    width: 58%;
    position:relative;
    floaT: right;
    margin: 0px 0px;
}


.ajax-serch-3, .ajax-serch-3 img{
    height: 80px;
    line-height: 0px;
    object-fit: cover;
    position:relative;
    overflow:hidden;
    border-radius: 4px;
}

.ajax-serch-1 img{
    width: 100%;
    object-fit: cover;
}


.ajax-serch-3{
    width: 90px;
    position:relative;
    floaT: left;
    margin: 0px 0px;
}



.ajax-serch-1{
    width: 100%;
    position:relative;
    floaT: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 15px 0px;
    border-bottom: 1px #eee solid;
}

.ajax-serch-2{
   margin: 0px 15px;
}





.new-tab-1 .rss-new-1{
  animation: fadeIn 0.8s;
  -webkit-animation: fadeIn 0.8s;
  -moz-animation: fadeIn 0.8s;
  -o-animation: fadeIn 0.8s;
  -ms-animation: fadeIn 0.8s;
}

@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-moz-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-webkit-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-o-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-ms-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}



.div-f-1 .div-bg-video-2 svg{
	width: 18px;
}


#cssmenu ul li ul .menu-aa a{
	color: var(--foni-1) !important;
}


.div-bg-video-2{
	    height: 35px;
	    line-height: 38px;
	    transform: skewX(3deg);
}

.news-1:hover .div-bg-video-1{
    background: rgb(0 0 0 / 40%);
    -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;
}

.news-1 .div-bg-video-2{
	transform: skewX(3deg);
	height: 32px;
}

.news-1 .div-bg-video-1{
	lefT: auto;
	right: 15px;
    cursor: pointer;
    overflow:hidden;
    width: 32px;
    height: 32px;
    line-height: 32px;
    floaT: right;
    position: absolute;
    margin: 15px 0px 0px 0px;
    border-radius: 7px;
    transform: skewX(-3deg);
    text-indent: 1px;
    text-align: center;
    z-index:1;
    border: 2px #fff solid;
    -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;
}



#cssmenu > ul > li:hover  .svg-menu-1 path{
fill: var(--foni-02);
}



.svg-menu-1 path{
    fill: #ffffff;
    }


.svg-menu-1 svg{
    width: 100%;
    }

.svg-menu-1 svg{
    fill: #fff;
    width: 7px;
    height: 6px;
    margin: -0px 0px 0px 3px;
    position:relative;
   top: -4px;
}





.fanjara-7, .fanjara-9  {
}




.fanjara-a.fanjara-7:hover, .fanjara-a.fanjara-9:hover {
	background:#fff;
	-moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; 
}

.fanjara-a.fanjara-7, .fanjara-a.fanjara-9 {
	background:rgb(238 238 238 / 80%);
	-moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; 
}

.fanjara-color-2.fanjara-7, .fanjara-color-3.fanjara-9{
	-moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; 
}

.fanjara-hover-3 img{
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2;
}

.fanjara-color-1.fanjara-7 {
	-moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; 
}

.fanjara-7 .fanjara-zoma-1, .fanjara-9 .fanjara-zoma-1{
	 lefT: -3px;
	 -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; 
}


.fanjara-1 .fanjara-7:hover .fanjara-hover-1, .fanjara-1 .fanjara-9:hover .fanjara-hover-1{
     lefT: 0px;
    opacity:9;
   -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; 
}

.fanjara-hover-1{
   transform: skewX(10deg) !important;
   -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; 
   width: 100%;
   height: 100%;
   position:absolute;
   floaT: left;
   background: #ffffff;
   border-radius: 5px;
   lefT: -300px;
   z-index:111;
   opacity:0;
}


.fanjara-color-1 .fanjara-hover-4{
   margin: 13px 0px 0px 10px;
}

.fanjara-hover-6{
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2;
}

.fanjara-hover-4{
   position:relative;
   floaT: left;
   margin: 13px 0px 0px 3px;
   font-size: 11px;
   font-family: font-4;
}


.fanjara-hover-3 img{
   width: 100%;
}

.fanjara-hover-3{
   width: 12px;
   height: 40px;
   line-height: 28px;
   position:relative;
   floaT: left;
   margin: 0px 0px 0px 8px;
}



.cd-popup-container .cd-popup-close:before{ 
z-index:9; 
position:absolute;
top:0px;
right:0px;
width:40px;
height:34px;
background: url(../images/iqsi.svg) center no-repeat;
transform: skewX(15deg);
content: "";
}

.cd-popup-container .cd-popup-close{ 
z-index:99; 
position:absolute;
top: -6px;
right:-22px;
width:40px;
height:35px;
background: var(--foni-2);
transform: skewX(-10deg);
border-radius: 5px;
}

.fanjara-11 {
	width: 100%;
	floaT: left;
	position:relative;
	margin: 0% 0% 0% -2.5%;
}


.fanjara-zoma-1 {
	transform: skewX(10deg) !important;
}

.fanjara-1 .fanjara-4{
	margin: 0px 0px 5px -4px;
}

.fanjara-4{
	width: 300px;
	floaT: left;
	margin: 0px 0px 0px -9px;
}

.fanjara-9 {
	background:#fff;
	overflow:hidden;
	width: 27%;
	height: 40px;
	floaT: left;
	position:relative;
	margin: 0% 5px 5px 0%;
	box-shadow: 0px 0px 0px 1px #E6E6E6;
	border-radius: 2px;
	transform: skewX(-10deg);
}


.fanjara-8 {
	width: 106%;
	floaT: left;
	position:relative;
	margin: 0% 0% 0% 1%;
}


.fanjara-07.fanjara-7 div, .fanjara-9 div{
    position: absolute;
    top: 35%;
}

.fanjara-7 div, .fanjara-9 div{
	text-align: center;
    position: absolute;
    top: 30%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2;
}


.fanjara-7 {
	background:#fff;
	transform: skewX(-10deg);
	width: 40%;
	height: 40px;
	floaT: left;
	position:relative;
	overflow:hidden;
	margin: 0px 5px 3px 0px;
	box-shadow: 0px 0px 0px 1px #E6E6E6;
	border-radius: 3px;
}

.fanjara-6 {
	width: 110%;
	floaT: left;
	position:relative;
	padding: 2% 0% 2px 10px;
}

.fanjara-3 svg{
	width: 90px;
	position:relative;
}

.fanjara-3{
		transform: skewX(-1deg) !important;
		width: 99%;
		floaT: left;
		position:relative;
		padding: 0% 0% 5% 0%;
}

.fanjara-2{
	margin: 0px 0px;
	transform: skewX(9.4deg) !important; 
}

.fanjara-1{
	border-radius: 7px;
	background:#ffffff;
	width: 100%;
	floaT: left;
	position:relative;
	padding: 25px 0px 10px 0px;
	transform: skewX(-8deg) !important; 
}


.img-replace{display:inline-block;overflow:hidden;text-indent:100%;color:transparent;white-space:nowrap;}
.cd-popup{position:fixed;left:0;top:0;height:100%;width:100%;background-color:rgb(0 0 0/60%);opacity:0;visibility:hidden;-webkit-transition:opacity 0.3s 0s, visibility 0s 0.3s;-moz-transition:opacity 0.3s 0s, visibility 0s 0.3s;transition:opacity 0.3s 0s, visibility 0s 0.3s;z-indeX: 9999999999;}
.cd-popup.is-visible{opacity:1;visibility:visible;-webkit-transition:opacity 0.3s 0s, visibility 0s 0s;-moz-transition:opacity 0.3s 0s, visibility 0s 0s;transition:opacity 0.3s 0s, visibility 0s 0s;}
.cd-popup-container{ position:relative;width:100%;max-width:310px;margin: 5em auto;text-align:center;box-shadow:0 0 20px rgba(0, 0, 0, 0.2);-webkit-transform:translateY(-40px);-moz-transform:translateY(-40px);-ms-transform:translateY(-40px);-o-transform:translateY(-40px);transform:translateY(-40px);-webkit-backface-visibility:hidden;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;transition-property:transform;-webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;transition-duration:0.3s;}
.is-visible .cd-popup-container{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);}

.foni-bg-3 path{
   fill: var(--foni-1);
}

.foni-bg-3{
	width: 124.56;
	height: 340.64;
	z-index:0;
	position:absolute;
	right: 0px;
	top: 165px;
}


.foni-bg-2 path{
	 fill: var(--foni-2) !important;
}

.foni-bg-2 img{
	width: 100%;
}

.foni-bg-2{
	width: 124.56px;
	height: 340.64px;
	z-index:0;
	position:absolute;
	left: 0px;
	top: 300px;
}


.foni-bg-1{
	width: 100%;
	z-index:0;
	position:absolute;
	lefT: 0px;
	top: 0px;
}

.footer-logo-1{
		display: none;
	z-index:0;
	position:absolute;
	width: 100%;
	text-align: center;
}

.footer-10:hover svg{
	stroke: var(--foni-1);
	-moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; 

}

.footer-10 svg{
	-moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; 
	stroke: #8F969E;
}

.footer-10{
	floaT: right;
	position:relative;
	margin: 4px 0px 0px 2px;
}

.footer-9{
	floaT: left;
	position:relative;
	margin: 0px 10px 0px 10px;
}

.footer-8{
	floaT: left;
	position:relative;
	margin: 0px 0px 0px 0px;
}


.footer-7{
	z-index:1;
	floaT: right;
	position:relative;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.footer-6 svg{
	fill: #636971;
}


.footer-6{
	line-height: 23px;
	height: 28px;
	transform: skewX(15deg);
}



.footer-5:hover {
	background: #c8cdd7;
	-moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; 
}

.footer-5{
	-moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; 
	transform: skewX(-15deg);
	width: 32px;
	height: 28px;
	background: var(--foni-5); 
	floaT: left;
	position:relative;
	margin: -2px 0px 0px 0px;
	text-align: center;
	border-radius: 5px;
	line-height: 22px;
	text-indent: -2px;
}

.footer-4 svg{
	fill: #515C69;
}


.footer-4{
	floaT: right;
	position:relative;
	margin: -2px 0px 0px 15px;
}

.footer-3{
	z-index:1;
	floaT: left;
	position:relative;
	margin: 5px 0px 10px 0px;
}



.footer-02{
	width: 100%;
	floaT: left;
	position:relative;
	margin: 17px 0px 9px 0px;
}

.footer-14 a:hover{
	color: #5f6e7c;
	-moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; 
}

.footer-14 a{
	line-height: 20px;
	color: #efefef;
	width: 100%;
	float: left;
	margin: 0px 0px 0px 0px;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.footer-14{
	margin: 0px 0px 12px 0px;
	width: 100%;
	floaT: right;
	position:relative;
	color:#B8BABD;
}


.footer-13{
	font-size: 13px;
	line-height: 51px;
	floaT: left;
	position:relative;
}

.footer-11{
	width: 100%;
	/* height: 50px; */
	line-height: 50px;
	floaT: left;
	position:relative;
	overflow:hidden;
	background: var(--foni-4);
	color:var(--foni-7);
	font-family: font-1;
	margin-bottom: 0px;
}


.footer-2, .footer-12{
	margin: 0px 15px;
}

.footer-1{
	margin-top: 15px;
	width: 100%;
	floaT: left;
	position:relative;
	background: #fff;
	border-top: 5px solid var(--foni-1);
}

.rss-new-1:hover .rss-icon-1:before {
	-moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; 
    opacity:9;
}



.rss-icon-1:before {
	-moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; 
    position: absolute;
    top: 4px;
    left: 40px;
    color:#fff;
    font-size: 20px;
    font-family: font;
    letter-spacing: 1px;
    line-height: 23px;
    opacity:0;
}

.rss-new-5 {
	width: 100%;
	height: 100%;
	floaT: left;
	position:absolute;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.79) 97.46%);
    z-index:1;
}

#tab-8 .rss-new-1:hover .rss-new-4{color: #0253B7;}
#tab-7 .rss-new-1:hover .rss-new-4{color:#0092C1;}
#tab-6 .rss-new-1:hover .rss-new-4{color:#C20101;}
#tab-5 .rss-new-1:hover .rss-new-4{color:#1C1C1D;}
#tab-4 .rss-new-1:hover .rss-new-4{color:#BA1D5C;}
#tab-3 .rss-new-1:hover .rss-new-4{color:#E01F3F;}
#tab-2 .rss-new-1:hover .rss-new-4{color:#F86A40;}
#tab-1 .rss-new-1:hover .rss-new-4{color:#3447B5;}

.rss-new-1:hover .rss-new-4{
	-moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; 
}

.rss-new-1 .rss-new-4{
	-moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; 
}



#tab-8 .rss-icon-1{ width: 115px; background: #fff;}
#tab-8 .rss-iconn-01{ background:  url(../images/ge-01.svg) 13px 8.4px no-repeat; background-size: 75% !important; }


#tab-7 .rss-icon-1{ width: 155px; background: #fff;}
#tab-7 .rss-iconn-01{ background:  url(../images/en-1.svg) 13px 10px no-repeat; background-size: 130px; }

#tab-6 .rss-icon-1{ width: 103px; background: #fff;}
#tab-6 .rss-iconn-01{ background:  url(../images/ge-02.svg) 11px 7.5px no-repeat; background-size: 75% !important; }

#tab-5 .rss-icon-1{ width: 80px; background: #fff;}
#tab-5 .rss-iconn-01{ background:  url(../images/ge-03.svg) 10px 7.3px no-repeat; background-size: 75% !important; }

#tab-4 .rss-icon-1{ width: 120px; background: #fff;}
#tab-4 .rss-iconn-01{ background:  url(../images/ge-04.svg) 13px 7.3px no-repeat; background-size: 75% !important; }

#tab-3 .rss-icon-1{ width: 125px; background: #fff;}
#tab-3 .rss-iconn-01{ background:  url(../images/ge-07.svg) 14px 7.5px no-repeat; background-size: 75% !important; }

#tab-2 .rss-icon-1{ width: 125px; background: #fff;}
#tab-2 .rss-iconn-01{ background:  url(../images/ge-05.svg) 14px 7.5px no-repeat; background-size: 75% !important; }

#tab-1 .rss-icon-1{ width: 100px; background: #fff;}
#tab-1 .rss-iconn-01{ background:  url(../images/ge-06.svg) 12px 7.5px no-repeat; background-size: 75% !important; }



.rss-iconn-01{
	transform: skewX(15deg);
	position:relative;
    height: 34px;
}

.rss-new-1:hover .rss-icon-1{
	-moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; 
	opacity:1;
}

.rss-new-1 .rss-icon-1{
	-moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; 
	opacity:0;
}

.rss-icon-1{
	-moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; 
	transform: skewX(-15deg);
	height: 32px;
	position:absolute;
	left: 15px;
	bottom: 10px;
	background-color:#fff;
	border-radius: 5px;
	z-index:11;
}


.rss-new-2 img{
	width: 100%;
	line-height: 0px;
}

.rss-new-2 {
	width: 100%;
	floaT: left;
	position:relative;
	overflow:hidden;
}


.rss-new-2, .rss-new-2 img{
	 height: 140px;
	 object-fit: cover;
}

.rss-new-4{
	margin: 0px 15px;
}

.rss-new-3 {
	width: 100%;
	height: 32px;
	font-family: font-1;
	letter-spacing: 0px;
	font-size: 15px;
	line-height: 17px;
	floaT: left;
	position:relative;
	overflow:hidden;
	margin: 15px 0px;
	color:var(--foni-3);
}


.tabgroup{
	width: 100%;
	position:relative;
	floaT: left;
	margin: 0px 0px;
}



.rss-new-1 img{
	width: 100%;
	line-height: 0px;
	font-size: 0px;
}



.new-msgavsi-7 .rss-new-1{
	width: 100%;
}

.rss-new-1{
	width: 232px;
	position:relative;
	floaT: left;
	z-index:1;
	overflow:hidden;
	border-radius: 5px;
	margin: 0px 15px 15px 0px;
	background:#fff;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
}

.new-tab-2 ul.tabss li a.active .color-icon-7 svg{
	width: 100px !important;
	floaT: left;
	display: block !important;
	margin: 8px 2px 0px 0px;
}

.new-tab-2 ul.tabss li a.active .color-icon-7 .tab-iocn-3{
	
	floaT: left;
	display: block !important;
	margin: 5px 2px 0px 0px;
}

.new-tab-2 ul.tabss li a.active .color-icon-7 .tab-iocn-2{
	display: none !important;
}

.color-icon-7 .tab-iocn-3{
color:#0092C1;
}

.color-icon-7 .tab-iocn-2{
	floaT: left;
	height: 20px;
	margin: 3px 0px 0px 0px !important;
}

.color-icon-8 .tab-iocn-3{
background: linear-gradient(180deg, #2875D3 0%, #0E5BBA 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.color-icon-6 .tab-iocn-3{
background: linear-gradient(180deg, #C20101 0%, #D70E0E 0.01%, #B70505 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.color-icon-5 .tab-iocn-3{
background: linear-gradient(180deg, #454445 0%, #131213 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.color-icon-4 .tab-iocn-3{
background: linear-gradient(180deg, #445FB7 0%, #A60043 68.75%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.color-icon-3 .tab-iocn-3{
background: linear-gradient(180deg, #C20101 0%, #D70E0E 0.01%, #B70505 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.color-icon-2 .tab-iocn-3{
background: linear-gradient(180deg, #F86A40 0%, #E35227 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.color-icon-1 .tab-iocn-3{
background: linear-gradient(180deg, #3447B5 0%, #071566 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.new-tab-2 .tab-iocn-2{
	floaT: left;
	height: 25px;
	margin: 8px 0px 0px 0px;
}

.new-tab-2 ul.tabss li a.active .tab-iocn-3{
	floaT: left;
	display: block !important;
	margin: 0px 2px 0px 6px;
}

.tab-iocn-3{
	display: none;
}


.tab-iocn-3{
	font-family:font;
	font-size: 23px;
}

.new-tab-4{
	margin: 0px 15px;
}


.new-tab-3{
	width: 100%;
	position:relative;
	floaT: left;
	z-index:1;
	padding: 15px 0px 10px 0px;
}




.new-tab-2 ul.tabss{border-bottom: 1px solid var(--foni-5);height: 40px;background:#ffffff;z-index:9;position:relative;bottom:0px;width:100%;list-style:none;overflow:hidden;padding:0px 0px 0px 0px;floaT:left;}
.new-tab-2 ul.tabss li { border-right: 1px solid var(--foni-5);  padding: 0px 0px; float:left;}
.new-tab-2 ul.tabss li a{ height: 40px; position:relative;display:block;padding: 0px 6px;floaT:left;font-family:font-1;font-size:14px;text-align:center;line-height: 40px;text-decoration:none;color:#151c29;}
.new-tab-2 ul.tabss li a.active{ height: 41px !important;  background:#F2F2F2; z-index:1;outline:none;}


.new-tab-1{
	width: 100%;
	position:relative;
	floaT: left;
	z-index:1;
	background: #F2F2F2;
	border: 1px solid var(--foni-5);
}


.news-5 svg{
	fill: #fff;
}

.swore-4{
    floaT: left;
    transform: skewX(15deg);
    background:rgb(0 0 255 / 0%);
    z-indeX:0;
    width: 100%;
    text-align: center;
    left: 0px;
    line-height: 10px;
}

.new-vid-4 svg{
    fill:#fff;
}


.new-lod .new-vid-4{
    margin: 3px 0px 2px 0px;
}

.new-vid-4{
    width: 100%;
    floaT: left;
    position:relative;
    text-align: center;
    margin: 3px 0px 0px 0px;
}



.news-1 img, .rss-new-1 img {
        -webkit-transition: all 2s cubic-bezier(0, 0, 0.2, 1);
    -o-transition: all 2s cubic-bezier(0, 0, 0.2, 1);
    transition: all 2s cubic-bezier(0, 0, 0.2, 1);
}

.news-1:hover img, .rss-new-1:hover img {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
        -webkit-transition: all 2s cubic-bezier(0, 0, 0.2, 1);
    -o-transition: all 2s cubic-bezier(0, 0, 0.2, 1);
    transition: all 2s cubic-bezier(0, 0, 0.2, 1);
}


.news-1:hover .news-7 {
	color:var(--foni-1);
	-moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; 
}

.news-1 .news-7 {
	-moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; 
}

.news-6::before {
    content: '';
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0px 390px 9px 0px;
    border-color: rgba(50, 198, 0, 0) rgb(25 118 210 / 0%) #fff rgb(255 255 255);
    margin: 0px 0px 0px 0px;
    z-indeX: 0;
    transition: all .3s linear .3s;
    -o-transition: all .3s linear .3s;
    -moz-transition: all .3s linear .3s;
    -webkit-transition: all .3s linear .3s;
    position: absolute;
    left: 0px;
    bottom: 0px;
}
.news-6 {
	width: 100%;
	height: 100%;
	floaT: left;
	position:absolute;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.79) 97.46%);
    border-radius: 5px 5px 0px 0px;
    z-index:1;
}

.news-4 svg{
	floaT: left;
	margin: 1px 4px 0px 0px;
}

.news-4 {
	height: 19px;
	floaT: left;
	position:absolute;
	overflow:hidden;
	background:rgb(255 255 255 / 20%);
	padding: 8px 19px 7px 15px;
	line-height: 18px;
	border-radius: 100px;
	right: 12px;
	bottom: 22px;
	color:#fff;
	z-index:11;
	font-size: 12px;
}

.news-8 {
	margin: 0px 18px;
}

.news-7 {
	width: 100%;
	/* height: 51px; */
	font-family: font-2;
	letter-spacing: -0.5px;
	font-size: 16.5px;
	line-height: 17px;
	floaT: left;
	position:relative;
	overflow:hidden;
	margin: 12px 0px 15px 0px;
	color:#3D4865;
}



.news-3 {
	width: 100%;
	floaT: left;
	position:relative;
	overflow:hidden;
}


.news-3, .news-3 img{
	 height: 220px;
	 object-fit: cover;
}

.news-1 img{
	width: 100%;
	line-height: 0px;
}

.news-1{
	width: 100%;
	floaT: left;
	z-index:1;
	position:relative;
	overflow:hidden;
	margin: 0px 0px 15px 0px;
	background: #FFFFFF;
	box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.08);
	border-radius: 5px;
}


.new-vid-3{
	width: 100%;
	floaT: left;
	z-index:1;
	position:relative;
	margin: 0px 0px 0px 0px;
}

.new-vid-2{
	width: 100%;
	floaT: left;
	z-index:1;
	position:relative;
	margin: 0px 0px 0px 0px;
}


.game-02.game-2 .game-6{
	margin-top: 16px;
}
.game-02.game-2 .game-bg-1{
	background: var(--foni-10);
}
.game-02.game-2 .swore-3{
    line-height: 53px;
}
.game-02.game-2 .game-3 svg{
	fill-opacity:9;
	fill:#fff;
}

.game-02.game-2 .game-3{
    background: var(--foni-1);
}

.new-vid-1{
	width: 100%;
	floaT: left;
	z-index:1;
	position:relative;
	margin: 16px 0px 0px 0px;
}


.game-new-01.game-new-1{
	background: #F3F5F8;
	border: 1px #E4E6EA solid;
}



.game-live-1 b{
color: var(--foni-1);
font-family: font-2;
}


.game-live-3 {	font-size: 13px;  position:relative;margin: 0px 0px 0px 1px;}

.game-live-2 svg {
    fill: #3D4865;
}

.game-live-2 { top: 2px; width: 15px; height: 15px; display: inline-block; position:relative;margin: 1px 0px 0px 0px;}


.game-live-1 {width: 100%;floaT: left;position: relative;margin: 20px 0px 10px 0%;font-family: font-1;font-size: 14px;bottom: 12px;}



.game-new-10 {
width: 100%;	
floaT: left;
position:relative;
margin: 0px 0px 0px 0px;
font-family: font-2;
font-size: 15px;
color: var(--foni-1);
}


.game-new-9 {
width: 100%;	
floaT: left;
position:relative;
margin: 0px 0px 5px 0px;
font-family: font-1;
}

.game-new-8 img {
width: 28px;;	
}

.game-new-8 {
width: 100%;	
floaT: left;
position:relative;
margin: 6px 0px 5px 0px;
font-family: font-1;
}



.game-new-7 {
width: 100%;	
floaT: left;
position:relative;
margin: 0px 0px 0px 0px;
font-family: font-1;
}



.game-new-5 {width: 100%;height: 26px;overflow:hidden;floaT: left;position:relative;margin: 8px 0px 0px 0px;line-height: 13px;font-size: 12px;}


.game-new-4 img {
width: 40px;	
}

.game-new-4 {
width: 100%;	
floaT: left;
position:relative;
font-size: 0px;
}



.game-new-6{width: 26%;floaT: left;position:relative;}


.game-new-03.game-new-3{
floaT: right !important;
}

.game-new-3{
width: 37%;	
floaT: left;
position:relative;
font-family: font-2;
font-size: 12px;
letter-spacing: -0.3px;
}

.game-new-2{
margin: 6% 2%;
}

.game-new-1{
	height: 136px;
	margin-top: 0px !important;
	floaT: left;
	position:relative;
	z-index:1;
	font-family: font-3;
	text-align: center;
	border: 1px solid var(--foni-5);
	border-radius: 5px;
	color: var(--foni-3);
}



.game-8{
	margin-top: 0px;
	width: 100%;
	floaT: left;
	position:relative;
	overflow:hidden;
	z-index:1;
	font-family: font-3;
}



.game-bg-1{
	width: 170px;
	height: 45px;
	background: var(--foni-9);
	floaT: left;
	position:absolute;
	z-index:0;
	margin-left: 20px;
	font-family: font-3;
	font-size: 14px;
	color: #4E5871;
}


.game-7{
	width: 100%;
	floaT: left;
	position:relative;
	z-index:1;
	font-family: font-3;
	font-size: 14px;
	color: var(--foni-3);
}

.game-6 a{
	color:var(--foni-3);
}

.game-6{
	font-family: font-2;
	width: 100%;	
	floaT: left;
	position:relative;
	z-index:1;
	color:var(--foni-3);
	font-size: 15px;
	line-height: 15px;
	letter-spacing: -0.4px;
	margin-top: 6px;
}

.game-5{
	floaT: left;
	position:relative;
	z-index:11;
}



.game-3 svg{
	fill-opacity:0.6;
	fill:#000;
}

.swore-3{
    floaT: left;
    transform: skewX(15deg);
    background:rgb(0 0 255 / 0%);
    z-indeX:0;
    width: 100%;
    position:absolute;
    text-align: center;
    left: 0px;
    line-height: 60px;
    height: 45px;
}



.game-3{
	width: 50px;
	height: 45px;
    background: var(--foni-2);
	floaT: left;
	z-index:1;
	position:relative;
	transform: skewX(-15deg);
	border-radius: 5px;
	margin-right: 15px;
	margin-lefT: 5px;
}



.game-2{
	width: 100%;
	floaT: left;
	/* z-index:1; */
	position:relative;
	margin: 0px 0px 15px 0px;
}



.game-1{
	width: 100%;
	floaT: left;
	z-index:1;
	position:relative;
	margin: 15px 0px 0px 0px;
}





.div-sl-3 .div-bg-11 img{
	 transform: skewX(0deg);
	 margin: 0px -25px;
	 object-fit: cover;
}

.div-sl-2 .div-bg-11 img{
	 transform: skewX(0deg);
	 margin: 0px -25px;
	 object-fit: cover;
}


.div-sl-1 .div-bg-11 img, .div-sl-2 .div-bg-11 img{ width: 100%; margin: 0px -0%;object-fit: cover;}

.div-sl-3 .div-bg-11 img{
	 width: 100%;
	 height: 300px;
}


.div-bg-4 img {
        -webkit-transition: all 2s cubic-bezier(0, 0, 0.2, 1);
    -o-transition: all 2s cubic-bezier(0, 0, 0.2, 1);
    transition: all 2s cubic-bezier(0, 0, 0.2, 1);
}

.div-bg-4:hover img {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
        -webkit-transition: all 2s cubic-bezier(0, 0, 0.2, 1);
    -o-transition: all 2s cubic-bezier(0, 0, 0.2, 1);
    transition: all 2s cubic-bezier(0, 0, 0.2, 1);
}


.div-sl-3 .div-bg-10{
	font-size: 17px;
	letter-spacing: -0.7px;
	line-height: 18px;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	}

.wrap ul li:hover ~ li:last-child  .div-bg-10{
  font-size: 13px;
  line-height: 18px;
  -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;
}

.wrap ul li:hover ~ li:nth-child(2)  .div-bg-10{
  font-size: 14px;
  -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;
}


.div-bg-link{
	width: 100%;
	height: 100%;
	floaT: left;
	position: absolute;
	z-index:9;
}




.div-bg-video-2 svg{
	width: 16px;
	height: 16px;
	fill: #fff;
}

.div-bg-4:hover .div-bg-video-1{
    background: rgb(0 0 0 / 40%);
    -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;
}


.div-bg-video-1{
	left: 5px;
    cursor: pointer;
    overflow:hidden;
    width: 32px;
    height: 32px;
    line-height: 39px;
    floaT: right;
    position: absolute;
    margin: 15px 0px 0px 12px;
    border-radius: 7px;
    transform: skewX(-3deg);
    text-align: center;
    z-index:1;
    border: 2px #fff solid;
    -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;
}




.div-sl-3 .div-bg-7{
	width: 100%;
	}

.div-bg-10 a{
	color:#fff;
}
.div-bg-10{
	width: 100%;
	floaT: left;
	z-index:1;
	color:#fff;
	font-family: font-2;
	font-size: 15px;
	letter-spacing: -0.4px;
	line-height: 16px;
}

.div-sl-1 .div-bg-8{
	floaT: left;
	position:relative;
	margin: 0px 20px 0px 20px;
}


.div-bg-8{
	floaT: left;
	position:relative;
	margin: 0px 20px 0px 15px;
}

.div-bg-9 a:hover {
    text-decoration: none;
    text-decoration: underline;
}

.div-bg-9 a{
	color:#fff;
}
.div-bg-9{
	width: 100%;
	floaT: left;
	z-index:1;
	color: var(--foni-2);
	font-family: font-1;
	font-size: 13px;
	letter-spacing: 0.5px;
	margin-bottom: 5px;
}


.div-bg-7{
	width: 100%;
	floaT: left;
	position: absolute;
	z-index:1;
	bottom: 20px;
	color:#fff;
	font-family: font-2;
	font-size: 16px;
}









.div-bg-4{
	width: 100%;
	height: 195px;
	floaT: left;
	position:relative;
	overflow:hidden;
}



.div-bg-3{
	width: 100%;
	/* height: 300px; */
	floaT: left;
	position:relative;
	overflow:hidden;
	background:#000;
	border-radius: 5px;
}

.div-bg-2{
  margin: 0px 0px;
}

.div-bg-1{
	margin-top: -16px;
	width: 100%;
	floaT: left;
	position:relative;
	background:#fff;
	padding: 1px 0px;
}

.wrap ul{
  width: 100% !important;
  margin: 0px 0px;
  position:relative;
  overflow:hidden;
}

.wrap{
  width: 100% !important;
  margin: auto;
  position:relative;
  overflow:hidden;
}



.wrap ul {
  list-style: none;
  width: 100% !important;
}








.search-wrapper.search-wrap.hidden.active{
	animation:fade_in_show 0.2s}
	@keyframes fade_in_show{0%{opacity:0;transform:scale(0)}
	100%{opacity:1;transform:scale(1)}
}


.search-wrapper .input-holder .search-icon {
-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}

.search-wrapper .input-holder .search-icon:hover {
-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}


.search-wrapper.search-wrap.hidden.active{
	height: 34px;
	padding: 0px 0px 0px 20px;
	margin-top: 0px;
}


.search-wrapper {
        position: absolute;
        top: 0px;
        left: 0px;
    }


    .search-wrapper .input-holder {
    	lefT: -10px;
    	top: 10px;
    	height: 35px;
    	width: 52px;
    	position: absolute;
    }


    .search-wrapper.active .input-holder {
    	lefT: 35px;
        width: 180px;
        background: #fff;
		z-index:1;
        box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2);
		top: 10px;
		border-radius: 4px !important;
		transform: skewX(-15deg);
    }




    .search-wrapper .input-holder .search-input {
    	transform: skewX(15deg) !important;
    	width: 0px;
    	height: 35px;
    	padding: 0 0px 0 0px;
    	opacity: 0;
    	position: absolute;
    	top: 0;
    	left: 0;
    	background: 0 0;
    	box-sizing: border-box;
    	border: none;
    	outline: none;
    	font-family: font-3;
    	font-size: 14px;
    	line-height: 20px;
    	color: #444553;

    }

    .search-wrapper.active .input-holder .search-input {
    	width: 300px;
    	padding: 0px 0px 0px 15px;
        opacity: 1;
    }

    .search-wrapper.active .input-holder .search-icon {
		margin-right: 45px;
    }

    .search-wrapper .input-holder .search-icon {
    	top: 0px;
		opacity:0;
		width: 41px;
		height: 35px;
		margin-top: 0px;
		border: none;
		border-radius: 0px;
		padding: 0;
		outline: none;
		position: relative;
		z-index: 11;
		float: right;
		cursor: pointer;
		}

 .search-wrapper .input-holder .search-icon::before {
    border-radius: 5px;
    lefT: 0px;
    width: 100%;
    height: 100%;
    bottom: 0px;
    position: absolute;
    background: url(../images/search.svg) 12px 10px no-repeat;
    transform: skewX(15deg);
    content: "";
}

.search-wrapper.active .input-holder .search-icon::before {
		display: none;
    }


 .search-wrapper .input-holder .search-icon:hover::before {
    background: url(../images/search.svg) 12px -24px no-repeat;
}


    .search-wrapper .input-holder .search-icon:hover {
    	background: var(--foni-1);
    }


    .search-wrapper .input-holder .search-icon {
    	opacity: 1;
    	background: var(--foni-6);
        border-radius: 5px;
        transform: skewX(-15deg);
        z-index:9999;
    }

    .search-wrapper.active .input-holder .search-icon {
    	opacity: 9;
        background: url(../images/search-1.svg) center no-repeat;
        z-index:9999;
        display: none;
    }

    .search-wrapper .input-holder .search-icon span {
        width: 22px;
        height: 22px;
        display: inline-block;
        vertical-align: middle;
        position: relative;
        transform: rotate(45deg);
    }

    .search-wrapper.active .input-holder .search-icon span {
		opacity:0;
    }

    .search-wrapper .input-holder .search-icon span::before,.search-wrapper .input-holder .search-icon span::after {
        position: absolute;
        content: '';
    }

    .search-wrapper .input-holder .search-icon span::before {
        width: 4px;
        height: 14px;
        left: 22px;
        top: 8px;
        border-radius: 5px;
        transform: rotate(-85deg);
    }

    .search-wrapper .input-holder .search-icon span::after {
        width: 14px;
        height: 14px;
        left: 0;
        top: 0;
        border-radius: 16px;
    }

    .search-wrapper .close {
		opacity:0;
		position: absolute;
		z-index: 1;
		top: 17px;
		right: 0px;
		width: 20px;
		height: 20px;
		cursor: pointer;
		transform: rotate(45deg);
		}

    .search-wrapper.active .close {
		transform: rotate(45deg);
        transition: all .6s cubic-bezier(0,.105,.035,1.57);
		opacity:9;
    }

    .search-wrapper .close::before,.search-wrapper .close::after {
        position: absolute;
        content: '';
        background: #3c3838;
        border-radius: 10px;
    }

    .search-wrapper .close::before {
        width: 2px;
        height: 20px;
        left: 9px;
        top: 0;
    }

    .search-wrapper .close::after {
        width: 20px;
        height: 2px;
        left: 0;
        top: 9px;
    }


#cssmenu ul .menu-b a::before {
display: none;
}

.van-div-3 button{
	margin-left: 40px;
    floaT: left;
    background:rgb(255 255 255 / 0%);
    border:0;
}



.van-div-9{
    -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
    width: 20px;
    height: 20px;
    floaT: left;
    margin: 8px 0px;
    background: var(--foni-1);
    border-radius: 4px;
}


.van-div-8{
    margin: 0px 10px;
}


.van-div-3 .swore-1{
    top: 2px;
    lefT: 12px;
    height: 35px;
}

.van-div-3.swore-1{
    floaT: left;
    transform: skewX(0deg);
    background:rgb(0 0 255 / 0%);
    z-indeX:1;
    width: 100%;
    position:absolute;
    text-align: center;
    left: 0px;
    height: auto;
}

.van-div-10  svg {
   fill: #3D4865; !important;
   -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.van-div-10:hover svg {
   fill: #ffffff; !important;
   -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}


.van-div-10:hover{
     background:#0253B7;
    -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.van-div-10{
	display: none;
    cursor: pointer;
    overflow:hidden;
    width: 44px;
    height: 35px;
    line-height: 36px;
    floaT: right;
    position:relative;
    margin: 0px 0px 0px 0px;
    border-radius: 5px;
    background:#F2F5F9;
    transform: skewX(-15deg);
    text-align: center;
    -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}


.van-div-7{
    cursor: pointer;
    overflow:hidden;
    width: 65px;
    height: 35px;
    line-height: 40px;
    floaT: right;
    position:relative;
    margin: 0px 0px 0px 12px;
    border-radius: 5px;
    background: var(--foni-6);
    transform: skewX(-15deg);
    text-align: center;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}


.van-div-3{
    margin-top: 10px;
}


.van-div-4{
      cursor: pointer;
    overflow:hidden;
    width: 82px;
    height: 35px;
    line-height: 40px;
    floaT: right;
    position:relative;
    margin: 0px 0px 0px 12px;
    border-radius: 5px;
    background: var(--foni-6);
    transform: skewX(-15deg);
    text-align: center;
    -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}


#cssmenu ul .menu-a  a {
   color: var(--foni-02);
}

#cssmenu ul .menu-a  svg{
  fill: var(--foni-02);
}


#cssmenu ul .menu-a::before, #cssmenu ul .menu-a::after {
    width: 10px;
}


#cssmenu > ul > .home-svg-1 svg{
    width: 19px;
    height: 19px;
    margin: -3px 0px -5px 0px;
    position:relative;
    }

.van-div-01:hover.van-div-2 svg, .van-div-02:hover.van-div-2 svg, .van-div-03:hover.van-div-2 svg{
   fill: #fff;
    -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.van-div-01.van-div-2 svg{
    -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.van-div-03:hover.van-div-2{
   background: #5641c8;
    -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.van-div-02:hover.van-div-2{
   background: #37B6FD;
    -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.van-div-01:hover.van-div-2{
   background: #3B64B4;
    -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}


.swore-1{
    floaT: left;
    transform: skewX(15deg);
    background:rgb(0 0 255 / 0%);
    z-indeX:0;
    width: 100%;
    position:absolute;
    text-align: center;
    left: 0px;
    height: 30px;
}

.van-div-2 svg{
   fill: #3D4865;
}

.van-div-03.van-div-2{
    line-height: 36px;
}

.van-div-2{
    overflow:hidden;
    width: 34px;
    height: 30px;
    line-height: 34px;
    floaT: left;
    position:relative;
    margin: 0px 10px 0px 0px;
    border-radius: 5px;
    background:#F2F5F9;
    transform: skewX(-15deg);
    text-align: center;
    -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}


.van-div-1{
	display: none !important;
    width: 150px;
    floaT: left;
    position:relative;
    margin-top: 13px;
}


.header-2{
    width: 100%;
    height: 55px;
    floaT: left;
    position:relative;
}



.header-4 ul li ul li a{
   border-right: 0px #ffffff solid;
   font-family: font-1 !important;
}

.header-4 ul li a{
	width: 100%;
    letter-spacing: -0.3px;
    font-family: font-2 !important;
   border-bottom: 0px #5d95d9 solid;
   font-size: 18px;
   float: left;
   padding: 10px 0px;
   line-height: 13px;
   position:relative;
}





#cssmenu{ width: 100%; border-radius: 0px;  float: left; margin-top: 0px;floaT: right;padding:0;line-height:1;display:block;position:relative;font-family:font-1;box-sizing:content-box;}
#cssmenu ul{
	width: 100%;
	list-style:none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display:block;
	float:left;
	}
#cssmenu ul li{    margin: 0px 0px;  padding:0px 0px; display:block;position:relative;}
#cssmenu ul li a{  text-decoration:none;display:block;margin:0;-webkit-transition:color .1s ease;-moz-transition:color .1s ease;-ms-transition:color .1s ease;-o-transition:color .1s ease;transition:color .1s ease;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}


#cssmenu.align-right ul li ul li.has-sub:after{right:auto;left:15px;}
#cssmenu.align-right ul li ul li.has-sub:before{right:auto;left:15px;border-left-color:transparent;border-right-color:#fff;}
#cssmenu ul li ul li a{color: #818d9f;font-family: font-3 !important;-webkit-transition: all .1s;-moz-transition: all .1s;-o-transition: all .1s;transition: all .1s;display: inline-block;font-size: 17px;opacity: 1;font-family:font-2;font-size: 18px;font-weight:400;text-transform:none;letter-spacing:0;display:block;width: 100%;padding: 5px 0px;}
#cssmenu ul li ul li:hover > a, #cssmenu ul li ul li.active > a{ -webkit-transition: all .1s;-moz-transition: all .1s;-o-transition: all .1s;transition: all .1s;  color: #fff !important;}
#cssmenu ul li ul li:hover:after,
#cssmenu ul li ul li.active:after{background:#2196f3;}
#cssmenu ul li ul li:hover > ul{  background: #191a21;border-top: 0px solid #191a21;border-bottom: 0px solid #191a21;border-left: 0px solid #eee;border-right: 0px solid #eee;left:100%;top: 0px;}
#cssmenu ul li ul li:hover > ul > li{max-height:72px;position:relative;}
#cssmenu > ul > li{float:left;}
#cssmenu.align-center > ul > li{float:none;display:inline-block;}
#cssmenu.align-center > ul{text-align:center;font-size:0;}
#cssmenu.align-center ul ul{text-align:left;}
#cssmenu.align-right > ul{float:right;}
#cssmenu.align-right > ul > li:hover > ul{left:auto;right:0;}
#cssmenu.align-right ul ul li:hover > ul{right:100%;left:auto;}
#cssmenu.align-right ul ul li a{text-align:right;}
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li.active > a{
	color: #fff;
	position:relative;z-index:9999;cursor:pointer;-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
#cssmenu > ul > li > a,
#cssmenu > ul > li.active > a{
    color:#d1d1d1;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;

}


#cssmenu #menu-button{display:none;}
#cssmenu > ul > li > a{display:block;}
#cssmenu > ul > li{width: 100%;}
#cssmenu > ul > li > ul{
	padding: 0px 0px; 
	border-radius: 0px 0px 5px 5px;
	overflow:hidden;

border-radius: 0px;
	}

.header-03.header-3 {
    position: fixed;
    top: 0px !important;
    margin-top: 0px;
    box-shadow: 0px 4px 4px rgb(0 0 0 /8%);
    z-index:9;
}

.header-3 {
    z-index: 9999 !important;
    margin-bottom: 20px;
    float: left;
    position: fixed;
    margin-top: 0px;
    widtH: 100%;
    background: var(--foni-1);
    line-height: 50px;
}


.logo-1 img{
    widtH: 100%;
    line-height: 0px;
    float: left;
    position: relative;
}

.logo-2 path{
	fill: #ffffff;
}

.logo-2 svg{
    line-height: 0px;
    width: 100%;
}

.logo-2 {
    line-height: 0px;
    width: 100%;
    margin: 16.4px 0px;
    float: left;
    position: relative;
}

.logo-1 {
    width: 146px;
    height: 65px;
    line-height: 65px;
    margin: 0px auto;
    position: relative;
}


.header-2 a{
    color: #fff;
}


.header-1 {
	margin-top: 66px;
    float: left;
    position: relative;
    widtH: 100%;
    height: 55px;
    background:#ffffff;
    line-height: 55px;
    border-bottom: 1px solid var(--foni-6);;
    margin-bottom: 15px;
}



.game-9 {
    position:relative;
}

.game-9 .slick-list {
    margin:0 -9px;
}

.slick-slide {
    margin:0 10px;
}

.item {
    height:300px;
}

.back {
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
}

.back-con {
    position:relative;
    width:100%;
    height:100%;
    text-align: center;
    box-shadow: 
}

.slick-dots li{background: #FFBE10;border-radius:10px;position:relative;display:inline-block;width:12px;height:12px;margin:0 6px;padding:0;cursor:pointer;}
.slick-dots li button{font-size:0;line-height:0;display:block;width:10px;height:10px;padding:5px;cursor:pointer;color:transparent;border:0;outline:none;background:transparent;}
.slick-dots{ padding-bottom: 2px !important; display: none !important; bottom: 0px;width:100% !important;position:absolute;padding:0;margin:0;list-style:none;text-align:center;z-index:9;}
.slick-dots .slick-active{background: #0253B7;border-radius:100px;}



.slick-next:before{
	width: 30px;
	height: 30px;
	background: url(../images/next-1.svg) 12px 11px  no-repeat;
	content: "";
	position:absolute;
	lefT: 0px;
	transform: skewX(10deg);
}

.slick-prev:after{
	width: 30px;
	height: 30px;
	background: url(../images/next-2.svg) 12px 11px  no-repeat;
	content: "";
	position:absolute;
	lefT: 0px;
	transform: skewX(10deg);
}


.slick-next{
	right: 3px;
}

.slick-prev{
	right:43px;
}

.slick-disabled.slick-prev, .slick-disabled.slick-next {
    opacity: 0.5 !important;
}

.slick-next, .slick-prev{
	transform: skewX(-15deg);
	background-color: var(--foni-1);
	border: 0;
	floaT:left;
	border-radius: 5px;
	font-size:0px !important;
	z-index:9;
	line-height:40px;
	position:absolute;
	display:block !important;
	width: 30px !important;
	height: 30px !important;
	padding:0;
	cursor:pointer;
	}
}





@media (min-width: 560px) and (max-width: 800px){




.fanjara-color-8 .fanjara-zoma-1 img{
	width: 75% !important;
}

.fanjara-color-7 .fanjara-zoma-1 img{
	width: 55% !important;
}

.fanjara-color-6 .fanjara-zoma-1 img{
	width: 75% !important;
}

.fanjara-color-5 .fanjara-zoma-1 img{
	width: 58% !important;
}

.fanjara-color-4 .fanjara-zoma-1 img{
	width: 40% !important;
}

.fanjara-color-3 .fanjara-zoma-1 img{
	width: 63% !important;
}

.fanjara-color-2 .fanjara-zoma-1 img{
	width: 75% !important;
}

.fanjara-color-1 .fanjara-zoma-1 img{
	width: 49% !important;
}



#footer-linkis-2{
width: 100%;
float: left;	
}
.footer-linkis-1 svg{
	 fill:#fff;
}

.footer-linkis-1{
	-moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; 
	width: 28px;
	height: 28px;
	background: rgb(255 255 255 / 20%);
	floaT: right;
	position:relative;
	margin: 11px -4px 0px 0px;
	text-align: center;
	border-radius: 5px;
	line-height: 22px;
	text-indent: 0px;
		-webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}


.div-sl-3 .div-bg-video-1{
	left: 4px !important;
}

#cssmenu > ul > .home-svg-1 svg{
fill: var(--foni-2);
}


#cssmenu ul li  {
	text-align: center;
    width: 100%;
    floaT: left;
    margin: 10px 0px;
}

.outer-menu {
    position: absolute;
    top: 12.4px;
    right: 0px;
    z-index: 1;
}
.outer-menu .checkbox-toggle {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    cursor: pointer;
    width: 43px;
    height: 43px;
    opacity: 0;
}
.outer-menu .checkbox-toggle:checked + .hamburger > div {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}

.outer-menu .checkbox-toggle:checked + .hamburger > div {
    background: #ffffff;
}

.outer-menu .checkbox-toggle:checked + .hamburger > div:after,
.outer-menu .checkbox-toggle:checked + .hamburger > div:before {
    top: 0;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
.outer-menu .checkbox-toggle:checked + .hamburger > div:after {
    opacity: 0;
}
.outer-menu .checkbox-toggle:checked ~ .menu {
    pointer-events: auto;
    visibility: visible;
}
.outer-menu .checkbox-toggle:checked ~ .menu > div {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition-duration: 0.75s;
    transition-duration: 0.75s;
}
.outer-menu .checkbox-toggle:checked ~ .menu > div > div {
    opacity: 1;
    -webkit-transition: opacity 0.4s ease 0.4s;
    transition: opacity 0.4s ease 0.4s;
}
.outer-menu .checkbox-toggle:hover + .hamburger {
    box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1);
}
.outer-menu .checkbox-toggle:checked:hover + .hamburger > div {
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
}
.outer-menu .hamburger {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    width: 30px;
    height: 40px;
    padding: 0.0em 0px;
    background: 0 0;
    box-shadow: none !important;
    border-radius: 0 0.12em 0.12em 0;
    cursor: pointer;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}
.outer-menu .hamburger > div {
	border-radius: 100px;
    position: relative;
    -webkit-box-flex: 0;
    flex: none;
    width: 100%;
    height: 4px;
    background: #ffffff;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}
.outer-menu .hamburger > div:after,
.outer-menu .hamburger > div:before {
    content: "";
    position: absolute;
    z-index: 1;
    top: -10px;
    left: 0;
    width: 100%;
    height: 4px;
    border-radius: 10px;
    background: inherit;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.outer-menu .hamburger > div:after {
    top: 10px;
}
.outer-menu .menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    visibility: hidden;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    outline: 1px solid transparent;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}
.outer-menu .menu > div {
    width: 240vw;
    height: 240vw;
    color: #fefefe;
    background: rgb(40 51 74 / 97%);
    border-radius: 100%;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-box-flex: 0;
    flex: none;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}
.outer-menu .menu > div > div {
    text-align: center;
    max-width: 100vw;
    max-height: 100vh;
    opacity: 0;
    -webkit-transition: opacity 0.4s ease;
    transition: opacity 0.4s ease;
    overflow-y: auto;
    -webkit-box-flex: 0;
    flex: none;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}
.outer-menu .menu > div > div > ul {
    list-style: none;
    padding: 0 1em;
    margin: 0;
    display: block;
    max-height: 100vh;
}
.outer-menu .menu > div > div > ul > li {
    padding: 0;
    margin: 1em;
    font-size: 24px;
    display: block;
}
.outer-menu .menu > div > div > ul > li > a {
    position: relative;
    display: inline;
    cursor: pointer;
    -webkit-transition: color 0.4s ease;
    transition: color 0.4s ease;
    font-family: Mbold;
    color: #fff;
    font-size: 16px;
}
.outer-menu .menu > div > div > ul > li.host {
    margin-top: 40px;
}
.outer-menu .menu > div > div > ul > li > a:hover {
    color: #e5e5e5;
}
.outer-menu .menu > div > div > ul > li > a:hover:after {
    width: 100%;
}
.outer-menu .menu > div > div > ul > li > a:after {
    content: "";
    position: absolute;
    z-index: 1;
    bottom: -5px;
    left: 0;
    width: 0;
    height: 2px;
    background: #fed501;
    -webkit-transition: width 0.4s ease;
    transition: width 0.4s ease;
}



.berrors {
	background: #ffe6dd !important;
	border: 1px solid #f0c4b5;
	color: #553c33;
	padding: 20px 25px;
	margin-bottom: 15px;
	border-radius: 5px;
	box-sizing: border-box;
}

.a-cont-11 .fanjara-7, .a-cont-11 .fanjara-9  {
	-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;
}

.a-cont-11 .fanjara-7:hover, .a-cont-11 .fanjara-9:hover  {
	box-shadow: 0px 0px 0px 2px var(--foni-1), 0px 0px 10px 6px rgb(230 230 230 / 60%);
	-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;
}


.a-cont-11 .fanjara-zoma-1 img{
	width: auto !important;
}


#pagi-load span{ display: none;}
#pagi-load a span{ display: block; }
#pagi-load span{ float: left;  transform: skewX(15deg) !important; }
.pagi-load{  text-align: center; font-size:0px;}
.bottom-nav{width:100%;margin: 0px 0px 17px 0px;}
.pagi-load a:hover{transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;background:var(--foni-2);}
.pagi-load a:hover .fa-refresh{transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;}
.pagi-load a{  transform: skewX(-15deg); border-radius: 5px; transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;padding:0px 25px;display:inline-block;height:50px;line-height:50px;font-size:16px; letter-spacing: -0.5px; cursor:pointer;color:#ffffff;background: var(--foni-1);text-align:center;font-family:font-2;}



.wrap li:nth-child(2) .div-bg-video-1{
	right: 85px;
}


.div-bg-6{
	width: 100%;
	height: 100%;
	floaT: left;
	position: absolute;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.90) 100%);
	z-index:1;
}


.wrap li:nth-child(2) {
    position:relative;
    right: 0px;
    z-index:0 !important;
}

.wrap li:nth-child(3) {
    position:relative;
    right: 0px;
    z-index:999999999 !important;
}

.wrap li:nth-child(2) {
	width: 26%;
    left: -65px !important;
    position:relative;
    right: 0px;
    float: right !important;
}




#searchsuggestions span.notfound{ display: block; padding: 12px 0px 0px 0px !important;  text-align: center !important; }

#searchsuggestions{
	z-index: 999 !important;
}

#searchsuggestions {
	width: 360px;
}


#searchsuggestions a{padding:15px 15px !important;}
#searchsuggestions{overflow:hidden; }

#dofullsearch, .seperator{display:none !important;}
#searchsuggestions a span { font-family: font-1; font-size: 14px; }



/*---search---*/
#searchsuggestions {
	z-index: 2200;
	border-radius: 3px;
	background: #fff;
	box-shadow: 0 8px 40px -10px rgba(0,0,0,0.3);
	border: 1px solid #ddd; 
	background-clip: padding-box;
	font-size: .9em;
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
	}


.ajax-serch-1 img{
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.ajax-serch-1:hover img{
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}


.ajax-serch-1 .ajax-serch-2{
    -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}

.ajax-serch-1:hover .ajax-serch-2{
   color:var(--foni-1);
    -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}



.ajax-serch-6{
    width: 100%;
    height: 50px;
    font-size: 13px;
    font-family: font-2;
    position:relative;
    overflow:hidden;
    floaT: right;
    margin: 0px 0px 10px 0px;
    color:#898585;
}


.ajax-serch-5{
    width: 100%;
    height: 59px;
    overflow:hidden;
    font-size: 14.5px;
    line-height: 20px;
    font-family: font-4;
    position:relative;
    floaT: right;
    margin: 0px 0px 0px 0px;
}


.ajax-serch-4{
    width: 67%;
    position:relative;
    floaT: right;
    margin: 0px 0px;
}


.ajax-serch-3, .ajax-serch-3 img{
    height: 80px;
    line-height: 0px;
    object-fit: cover;
    position:relative;
    overflow:hidden;
    border-radius: 4px;
}

.ajax-serch-1 img{
    width: 100%;
    object-fit: cover;
}


.ajax-serch-3{
    width: 90px;
    position:relative;
    floaT: left;
    margin: 0px 0px;
}



.ajax-serch-1{
    width: 100%;
    position:relative;
    floaT: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 15px 0px;
    border-bottom: 1px #eee solid;
}

.ajax-serch-2{
   margin: 0px 15px;
}





.new-tab-1 .rss-new-1{
  animation: fadeIn 0.8s;
  -webkit-animation: fadeIn 0.8s;
  -moz-animation: fadeIn 0.8s;
  -o-animation: fadeIn 0.8s;
  -ms-animation: fadeIn 0.8s;
}

@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-moz-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-webkit-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-o-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-ms-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}



.div-f-1 .div-bg-video-2 svg{
	width: 18px;
}


#cssmenu ul li ul .menu-aa a{
	color: var(--foni-1) !important;
}


.div-bg-video-2{
	transform: skewX(9deg);
}

.news-1:hover .div-bg-video-1{
    background: rgb(0 0 0 / 40%);
    -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;
}

.news-1 .div-bg-video-2{
	transform: skewX(3deg);
}

.news-1 .div-bg-video-1{
	lefT: auto;
	right: 15px;
    cursor: pointer;
    overflow:hidden;
    width: 32px;
    height: 32px;
    line-height: 37px;
    floaT: right;
    position: absolute;
    margin: 15px 0px 0px 0px;
    border-radius: 7px;
    transform: skewX(-3deg);
    text-indent: 1px;
    text-align: center;
    z-index:1;
    border: 2px #fff solid;
    -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;
}



#cssmenu > ul > li:hover  .svg-menu-1 path{
fill: var(--foni-02);
}



.svg-menu-1 path{
    fill: #ffffff;
    }


.svg-menu-1 svg{
    width: 100%;
    }

.svg-menu-1 svg{
    fill: #fff;
    width: 7px;
    height: 6px;
    margin: -0px 0px 0px 3px;
    position:relative;
   top: -4px;
}





.fanjara-7, .fanjara-9  {
}


.fanjara-7:hover, .fanjara-9:hover  {
	box-shadow: 0px 0px 0px 2px #E6E6E6, 0px 0px 10px 6px rgb(230 230 230 / 60%);
}


.fanjara-a.fanjara-7:hover, .fanjara-a.fanjara-9:hover {
	background:#fff;
	-moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; 
}

.fanjara-a.fanjara-7, .fanjara-a.fanjara-9 {
	background:rgb(238 238 238 / 80%);
	-moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; 
}

.fanjara-color-2.fanjara-7, .fanjara-color-3.fanjara-9{
	-moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; 
}

.fanjara-hover-3 img{
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2;
}

.fanjara-color-1.fanjara-7 {
	-moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; 
}

.fanjara-7 .fanjara-zoma-1, .fanjara-9 .fanjara-zoma-1{
	 lefT: -5px;
	 -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; 
}

.fanjara-1 .fanjara-7:hover .fanjara-zoma-1, .fanjara-1 .fanjara-9:hover .fanjara-zoma-1{
	 lefT: -300px;
	 -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; 
}

.fanjara-1 .fanjara-7:hover .fanjara-hover-1, .fanjara-1 .fanjara-9:hover .fanjara-hover-1{
     lefT: 0px;
    opacity:9;
   -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; 
}

.fanjara-hover-1{
   transform: skewX(10deg) !important;
   -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; 
   width: 100%;
   height: 100%;
   position:absolute;
   floaT: left;
   background: #ffffff;
   border-radius: 5px;
   lefT: -300px;
   z-index:111;
   opacity:0;
}


.fanjara-color-1 .fanjara-hover-4{
   margin: 13px 0px 0px 10px;
}

.fanjara-hover-6{
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2;
}

.fanjara-hover-4{
   position:relative;
   floaT: left;
   margin: 13px 0px 0px 3px;
   font-size: 11px;
   font-family: font-4;
}


.fanjara-hover-3 img{
   width: 100%;
}

.fanjara-hover-3{
   width: 12px;
   height: 40px;
   line-height: 28px;
   position:relative;
   floaT: left;
   margin: 0px 0px 0px 8px;
}



.cd-popup-container .cd-popup-close:before{ 
z-index:9; 
position:absolute;
top:0px;
right:0px;
width:60px;
height:50px;
background: url(../images/iqsi.svg) center no-repeat;
transform: skewX(15deg);
content: "";
}

.cd-popup-container .cd-popup-close{ 
z-index:99; 
position:absolute;
top: -10px;
right:-37px;
width:60px;
height:50px;
background: var(--foni-2);
transform: skewX(-15deg);
border-radius: 7px;
}

.fanjara-11 {
	width: 100%;
	floaT: left;
	position:relative;
	margin: 0% 0% 0% -2.5%;
}


.fanjara-zoma-1 {
	transform: skewX(10deg) !important;
}

.fanjara-4{
	width: 400px;
	floaT: left;
	margin: 0px 0px 0px 0px;
}

.fanjara-9 {
	background:#fff;
	overflow:hidden;
	width: 30.5%;
	height: 50px;
	floaT: left;
	position:relative;
	margin: 0% 10px 10px 0%;
	box-shadow: 0px 0px 0px 2px #E6E6E6;
	border-radius: 5px;
	transform: skewX(-10deg);
}


.fanjara-8 {
	width: 106%;
	floaT: left;
	position:relative;
	margin: 0% 0% 0% -3%;
}


.fanjara-07.fanjara-7 div, .fanjara-9 div{
    position: absolute;
    top: 35%;
}

.fanjara-7 div, .fanjara-9 div{
	text-align: center;
    position: absolute;
    top: 30%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2;
}


.fanjara-7 {
	background:#fff;
	transform: skewX(-10deg);
	width: 46%;
	height: 50px;
	floaT: left;
	position:relative;
	overflow:hidden;
	margin: 0px 15px 3px 0px;
	box-shadow: 0px 0px 0px 2px #E6E6E6;
	border-radius: 5px;
}

.fanjara-6 {
	width: 106.4%;
	floaT: left;
	position:relative;
	padding: 2% 0% 2% 0%;
}

.fanjara-3{
	width: 92%;
	floaT: left;
	position:relative;
	padding: 4% 0% 5% 0%;
}

.fanjara-2{
	margin: 0px 0px;
	transform: skewX(10deg) !important; 
}

.fanjara-1{
	border-radius: 7px;
	background:#ffffff;
	width: 100%;
	floaT: left;
	position:relative;
	padding: 25px 0px 10px 0px;
	transform: skewX(-10deg) !important; 
}


.img-replace{display:inline-block;overflow:hidden;text-indent:100%;color:transparent;white-space:nowrap;}
.cd-popup{position:fixed;left:0;top:0;height:100%;width:100%;background-color:rgb(0 0 0/60%);opacity:0;visibility:hidden;-webkit-transition:opacity 0.3s 0s, visibility 0s 0.3s;-moz-transition:opacity 0.3s 0s, visibility 0s 0.3s;transition:opacity 0.3s 0s, visibility 0s 0.3s;z-indeX: 9999999999;}
.cd-popup.is-visible{opacity:1;visibility:visible;-webkit-transition:opacity 0.3s 0s, visibility 0s 0s;-moz-transition:opacity 0.3s 0s, visibility 0s 0s;transition:opacity 0.3s 0s, visibility 0s 0s;}
.cd-popup-container{ position:relative;width:100%;max-width:450px;margin: 10em auto;text-align:center;box-shadow:0 0 20px rgba(0, 0, 0, 0.2);-webkit-transform:translateY(-40px);-moz-transform:translateY(-40px);-ms-transform:translateY(-40px);-o-transform:translateY(-40px);transform:translateY(-40px);-webkit-backface-visibility:hidden;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;transition-property:transform;-webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;transition-duration:0.3s;}
.is-visible .cd-popup-container{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);}

.foni-bg-3 path{
   fill: var(--foni-1);
}

.foni-bg-3{
	width: 124.56;
	height: 340.64;
	z-index:0;
	position:absolute;
	right: 0px;
	top: 165px;
}


.foni-bg-2 path{
	 fill: var(--foni-2) !important;
}

.foni-bg-2 img{
	width: 100%;
}

.foni-bg-2{
	width: 124.56px;
	height: 340.64px;
	z-index:0;
	position:absolute;
	left: 0px;
	top: 300px;
}


.foni-bg-1{
	width: 100%;
	z-index:0;
	position:absolute;
	lefT: 0px;
	top: 0px;
}

.footer-logo-1{
		display: none;
	z-index:0;
	position:absolute;
	width: 100%;
	text-align: center;
}

.footer-10:hover svg{
	stroke: var(--foni-1);
	-moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; 

}

.footer-10 svg{
	-moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; 
	stroke: #8F969E;
}

.footer-10{
	floaT: left;
	position:relative;
	margin: 6px 3px 0px 0px;
}

.footer-9{
	floaT: right;
	position:relative;
	margin: 0px 14px 0px 14px;
}

.footer-8{
	floaT: right;
	position:relative;
	margin: 0px 0px 0px 0px;
}


.footer-7{
	z-index:1;
	floaT: right;
	position:relative;
	margin: 0px 0px 0px 0px;
}

.footer-6 svg{
	fill: #636971;
}


.footer-6{
	transform: skewX(15deg);
}



.footer-5:hover {
	background: #c8cdd7;
	-moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; 
}

.footer-5{
	-moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; 
	transform: skewX(-15deg);
	width: 32px;
	height: 28px;
	background: var(--foni-5); 
	floaT: left;
	position:relative;
	margin: -2px 0px 0px 0px;
	text-align: center;
	border-radius: 5px;
	line-height: 22px;
	text-indent: -2px;
}

.footer-4 svg{
	fill: #515C69;
}


.footer-4{
	floaT: left;
	position:relative;
	margin: 0px 20px 0px 0px;
}

.footer-3{
	width: 100px;
	z-index:1;
	floaT: left;
	position:relative;
	margin: 5px 0px 0px 0px;
}



.footer-02{
	width: 100%;
	floaT: left;
	position:relative;
	margin: 17px 0px 14px 0px;
}

.footer-14 a:hover{
	color: #5f6e7c;
	-moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; 
}

.footer-14 a{
	line-height: 20px;
	color: #efefef;
	width: 100%;
	float: left;
	margin: 0px 0px 0px 0px;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.footer-14{
	margin: 0px 0px 12px 0px;
	width: 100%;
	floaT: right;
	position:relative;
	color:#B8BABD;
}


.footer-13{
	floaT: left;
	position:relative;
}

.footer-11{
	width: 100%;
	/* height: 50px; */
	line-height: 50px;
	floaT: left;
	position:relative;
	overflow:hidden;
	background: var(--foni-4);
	border-radius: 0px 0px 5px 5px;
	color:var(--foni-7);
	font-family: font-1;
	margin-bottom: 15px;
}


.footer-2, .footer-12{
	margin: 0px 15px;
}

.footer-1{
	width: 100%;
	floaT: left;
	position:relative;
	background:#fff;
	border-top: 5px solid var(--foni-1);;
}

.rss-new-1:hover .rss-icon-1:before {
	-moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; 
    opacity:9;
}



.rss-icon-1:before {
	-moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; 
    position: absolute;
    top: 4px;
    left: 40px;
    color:#fff;
    font-size: 20px;
    font-family: font;
    letter-spacing: 1px;
    line-height: 23px;
    opacity:0;
}

.rss-new-5 {
	width: 100%;
	height: 100%;
	floaT: left;
	position:absolute;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.79) 97.46%);
    z-index:1;
}

#tab-8 .rss-new-1:hover .rss-new-4{color: #0253B7;}
#tab-7 .rss-new-1:hover .rss-new-4{color:#0092C1;}
#tab-6 .rss-new-1:hover .rss-new-4{color:#C20101;}
#tab-5 .rss-new-1:hover .rss-new-4{color:#1C1C1D;}
#tab-4 .rss-new-1:hover .rss-new-4{color:#BA1D5C;}
#tab-3 .rss-new-1:hover .rss-new-4{color:#E01F3F;}
#tab-2 .rss-new-1:hover .rss-new-4{color:#F86A40;}
#tab-1 .rss-new-1:hover .rss-new-4{color:#3447B5;}

.rss-new-1:hover .rss-new-4{
	-moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; 
}

.rss-new-1 .rss-new-4{
	-moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; 
}



#tab-8 .rss-icon-1{ width: 115px; background: #fff;}
#tab-8 .rss-iconn-01{ background:  url(../images/ge-01.svg) 13px 8.4px no-repeat; background-size: 75% !important; }


#tab-7 .rss-icon-1{ width: 155px; background: #fff;}
#tab-7 .rss-iconn-01{ background:  url(../images/en-1.svg) 13px 10px no-repeat; background-size: 130px; }

#tab-6 .rss-icon-1{ width: 103px; background: #fff;}
#tab-6 .rss-iconn-01{ background:  url(../images/ge-02.svg) 11px 7.5px no-repeat; background-size: 75% !important; }

#tab-5 .rss-icon-1{ width: 80px; background: #fff;}
#tab-5 .rss-iconn-01{ background:  url(../images/ge-03.svg) 10px 7.3px no-repeat; background-size: 75% !important; }

#tab-4 .rss-icon-1{ width: 120px; background: #fff;}
#tab-4 .rss-iconn-01{ background:  url(../images/ge-04.svg) 13px 7.3px no-repeat; background-size: 75% !important; }

#tab-3 .rss-icon-1{ width: 125px; background: #fff;}
#tab-3 .rss-iconn-01{ background:  url(../images/ge-07.svg) 14px 7.5px no-repeat; background-size: 75% !important; }

#tab-2 .rss-icon-1{ width: 125px; background: #fff;}
#tab-2 .rss-iconn-01{ background:  url(../images/ge-05.svg) 14px 7.5px no-repeat; background-size: 75% !important; }

#tab-1 .rss-icon-1{ width: 100px; background: #fff;}
#tab-1 .rss-iconn-01{ background:  url(../images/ge-06.svg) 12px 7.5px no-repeat; background-size: 75% !important; }



.rss-iconn-01{
	transform: skewX(15deg);
	position:relative;
    height: 34px;
}

.rss-new-1:hover .rss-icon-1{
	-moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; 
	opacity:1;
}

.rss-new-1 .rss-icon-1{
	-moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; 
	opacity:0;
}

.rss-icon-1{
	-moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; 
	transform: skewX(-15deg);
	height: 32px;
	position:absolute;
	left: 15px;
	bottom: 10px;
	background-color:#fff;
	border-radius: 5px;
	z-index:11;
}


.rss-new-2 img{
	width: 100%;
	line-height: 0px;
}

.rss-new-2 {
	width: 100%;
	floaT: left;
	position:relative;
	overflow:hidden;
}


.rss-new-2, .rss-new-2 img{
	 height: 140px;
	 object-fit: cover;
}

.rss-new-4{
	margin: 0px 15px;
}

.rss-new-3 {
	width: 100%;
	height: 32px;
	font-family: font-1;
	letter-spacing: 0px;
	font-size: 14px;
	line-height: 17px;
	floaT: left;
	position:relative;
	overflow:hidden;
	margin: 15px 0px;
	color:var(--foni-3);
}


.tabgroup{
	width: 103%;
	position:relative;
	floaT: left;
	margin: 0px -7.5px;
}



.rss-new-1 img{
	width: 100%;
	line-height: 0px;
	font-size: 0px;
}


.rss-new-1{
	width: 232px;
	position:relative;
	floaT: left;
	z-index:1;
	overflow:hidden;
	border-radius: 5px;
	margin: 0px 7.5px 15px 7.5px;
	background:#fff;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
}

.new-tab-2 ul.tabss li a.active .color-icon-7 svg{
	width: 150px !important;
	floaT: left;
	display: block !important;
	margin: 13px 2px 0px 0px;
}

.new-tab-2 ul.tabss li a.active .color-icon-7 .tab-iocn-3{
	
	floaT: left;
	display: block !important;
	margin: 5px 2px 0px 0px;
}

.new-tab-2 ul.tabss li a.active .color-icon-7 .tab-iocn-2{
	display: none !important;
}

.color-icon-7 .tab-iocn-3{
color:#0092C1;
}

.color-icon-7 .tab-iocn-2{
	floaT: left;
	height: 20px;
	margin: 9px 0px 0px 0px !important;
}

.color-icon-8 .tab-iocn-3{
background: linear-gradient(180deg, #2875D3 0%, #0E5BBA 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.color-icon-6 .tab-iocn-3{
background: linear-gradient(180deg, #C20101 0%, #D70E0E 0.01%, #B70505 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.color-icon-5 .tab-iocn-3{
background: linear-gradient(180deg, #454445 0%, #131213 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.color-icon-4 .tab-iocn-3{
background: linear-gradient(180deg, #445FB7 0%, #A60043 68.75%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.color-icon-3 .tab-iocn-3{
background: linear-gradient(180deg, #C20101 0%, #D70E0E 0.01%, #B70505 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.color-icon-2 .tab-iocn-3{
background: linear-gradient(180deg, #F86A40 0%, #E35227 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.color-icon-1 .tab-iocn-3{
background: linear-gradient(180deg, #3447B5 0%, #071566 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.new-tab-2 .tab-iocn-2{
	floaT: left;
	height: 25px;
	margin: 12px 0px 0px 0px;
}

.new-tab-2 ul.tabss li a.active .tab-iocn-3{
	floaT: left;
	display: block !important;
	margin: 5px 2px 0px 6px;
}

.tab-iocn-3{
	display: none;
}


.tab-iocn-3{
	font-family:font;
	font-size: 33px;
}

.new-tab-4{
	margin: 0px 15px;
}


.new-tab-3{
	width: 100%;
	position:relative;
	floaT: left;
	z-index:1;
	padding: 15px 0px 0px 0px;
}




.new-tab-2 ul.tabss{border-bottom: 1px solid var(--foni-5); height: 49px;background:#ffffff;z-index:9;position:relative;bottom:0px;width:100%;list-style:none;/* overflow:hidden; */padding:0px 0px 0px 0px;floaT:left;}
.new-tab-2 ul.tabss li { border-right: 1px solid var(--foni-5); padding: 0px 0px; float:left;}
.new-tab-2 ul.tabss li a{ height: 49px; position:relative;display:block;padding: 0px 10px;floaT:left;font-family:font-1;font-size:14px;text-align:center;line-height: 40px;text-decoration:none;color:#151c29;}
.new-tab-2 ul.tabss li a.active{ height: 50px !important;  background:#F2F2F2;z-index:1;outline:none;}


.new-tab-1{
	width: 100%;
	position:relative;
	floaT: left;
	z-index:1;
	background: #F2F2F2;
	border: 1px solid var(--foni-5);
}


.news-5 svg{
	fill: #fff;
}

.swore-4{
    floaT: left;
    transform: skewX(15deg);
    background:rgb(0 0 255 / 0%);
    z-indeX:0;
    width: 100%;
    text-align: center;
    left: 0px;
    line-height: 10px;
}

.new-vid-4 svg{
    fill:#fff;
}


.new-lod .new-vid-4{
    margin: 3px 0px 2px 0px;
}

.new-vid-4{
    width: 100%;
    floaT: left;
    position:relative;
    text-align: center;
    margin: 3px 0px 0px 0px;
}



.news-1 img, .rss-new-1 img {
        -webkit-transition: all 2s cubic-bezier(0, 0, 0.2, 1);
    -o-transition: all 2s cubic-bezier(0, 0, 0.2, 1);
    transition: all 2s cubic-bezier(0, 0, 0.2, 1);
}

.news-1:hover img, .rss-new-1:hover img {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
        -webkit-transition: all 2s cubic-bezier(0, 0, 0.2, 1);
    -o-transition: all 2s cubic-bezier(0, 0, 0.2, 1);
    transition: all 2s cubic-bezier(0, 0, 0.2, 1);
}


.news-1:hover .news-7 {
	color:var(--foni-1);
	-moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; 
}

.news-1 .news-7 {
	-moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; 
}

.news-6::before {
    content: '';
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0px 340px 9px 0px;
    border-color: rgba(50, 198, 0, 0) rgb(25 118 210 / 0%) #fff rgb(255 255 255);
    margin: 0px 0px 0px 0px;
    z-indeX: 0;
    transition: all .3s linear .3s;
    -o-transition: all .3s linear .3s;
    -moz-transition: all .3s linear .3s;
    -webkit-transition: all .3s linear .3s;
    position: absolute;
    left: 0px;
    bottom: 0px;
}
.news-6 {
	width: 100%;
	height: 100%;
	floaT: left;
	position:absolute;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.79) 97.46%);
    border-radius: 5px 5px 0px 0px;
    z-index:1;
}

.news-5 svg{
	floaT: left;
	margin: 0px 4px 0px -4px;
}


.news-4 {
	floaT: left;
	position:absolute;
	overflow:hidden;
	background:rgb(255 255 255 / 20%);
	padding: 8px 15px;
	border-radius: 100px;
	right: 20px;
	bottom: 20px;
	color:#fff;
	z-index:11;
	font-size: 12px;
}

.news-8 {
	margin: 0px 16px;
}

.news-7 {
	width: 100%;
	height: 51px;
	font-family: font-2;
	letter-spacing: -0.5px;
	font-size: 15.6px;
	line-height: 17px;
	floaT: left;
	position:relative;
	overflow:hidden;
	margin: 10px 0px 15px 0px;
	color:#3D4865;
}



.news-3 {
	width: 100%;
	floaT: left;
	position:relative;
	overflow:hidden;
}


.news-3, .news-3 img{
	 height: 150px;
	 object-fit: cover;
}

.news-1 img{
	width: 100%;
	line-height: 0px;
}

.news-1{
	width: 247.6px;
	floaT: left;
	z-index:1;
	position:relative;
	overflow:hidden;
	margin: 0px 7.5px 15px 7.5px;
	background: #FFFFFF;
	box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.08);
	border-radius: 5px;
}


.new-vid-3{
	width: 104%;
	floaT: left;
	z-index:1;
	position:relative;
	margin: 0px 0px 0px -7.5px;
}

.new-vid-2{
	width: 100%;
	floaT: left;
	z-index:1;
	position:relative;
	margin: 0px 0px 0px 0px;
}


.game-02.game-2 .game-6{
	margin-top: 15px;
}
.game-02.game-2 .game-bg-1{
	background: var(--foni-10);
}
.game-02.game-2 .swore-3{
    line-height: 53px;
}
.game-02.game-2 .game-3 svg{
	fill-opacity:9;
	fill:#fff;
}

.game-02.game-2 .game-3{
    background: var(--foni-1);
}

.new-vid-1{
	width: 100%;
	floaT: left;
	z-index:1;
	position:relative;
	margin: 15px 0px 0px 0px;
}


.game-new-01.game-new-1{
	background: #F3F5F8;
	border: 1px #E4E6EA solid;
}



.game-live-1 b{
color: var(--foni-1);
}


.game-live-3 {floaT: left;position:relative;margin: 0px 0px 0px 5px;}

.game-live-2 svg {
    fill: #3D4865;
}

.game-live-2 {  width: 15px; floaT: left; position:relative;margin: 1px 0px 0px 122px;}


.game-live-1 {width: 100%;floaT: left;position:absolute;margin: 10px 0px 0px -2%;font-family: font-1;font-size: 14px;bottom: 12px;}



.game-new-10 {
width: 100%;	
floaT: left;
position:relative;
margin: 0px 0px 0px 0px;
font-family: font-2;
font-size: 15px;
color: var(--foni-1);
}


.game-new-9 {
width: 100%;	
floaT: left;
position:relative;
margin: 0px 0px 5px 0px;
font-family: font-1;
}

.game-new-8 img {
width: 28px;;	
}

.game-new-8 {
width: 100%;	
floaT: left;
position:relative;
margin: 6px 0px 5px 0px;
font-family: font-1;
}



.game-new-7 {
width: 100%;	
floaT: left;
position:relative;
margin: 0px 0px 0px 0px;
font-family: font-1;
}



.game-new-5 {
width: 100%;	
height: 26px;
overflow:hidden;
floaT: left;
position:relative;
margin: 8px 0px 0px 0px;
line-height: 13px;
font-size: 12px;
}


.game-new-4 img {
width: 45px;	
}

.game-new-4 {
width: 100%;	
floaT: left;
position:relative;
font-size: 0px;
}



.game-new-6{width: 26%;floaT: left;position:relative;}


.game-new-03.game-new-3{
floaT: right !important;
}

.game-new-3{
width: 37%;	
floaT: left;
position:relative;
font-family: font-2;
font-size: 12px;
letter-spacing: -0.3px;
}

.game-new-2{
margin: 6% 2%;
}

.game-new-1{
	margin-top: 55px !important;
	height: 150px;
	floaT: left;
	position:relative;
	z-index:1;
	font-family: font-3;
	text-align: center;
	border: 1px solid var(--foni-5);
	border-radius: 5px;
	color: var(--foni-3);
}



.game-8{
	margin-top: -55px;
	width: 100%;
	floaT: left;
	position:relative;
	overflow:hidden;
	z-index:1;
	font-family: font-3;
}



.game-bg-1{
	width: 170px;
	height: 45px;
	background: var(--foni-9);
	floaT: left;
	position:absolute;
	z-index:0;
	margin-left: 20px;
	font-family: font-3;
	font-size: 14px;
	color: #4E5871;
}


.game-7{
	width: 100%;
	floaT: left;
	position:relative;
	z-index:1;
	font-family: font-3;
	font-size: 14px;
	color: var(--foni-3);
}

.game-6 a{
	color:var(--foni-3);
}

.game-6{
	font-family: font-2;
	width: 100%;	
	floaT: left;
	position:relative;
	z-index:1;
	color:var(--foni-3);
	font-size: 17px;
	line-height: 15px;
	letter-spacing: -1px;
	margin-top: 6px;
}

.game-5{
	floaT: left;
	position:relative;
	z-index:11;
}



.game-3 svg{
	fill-opacity:0.6;
	fill:#000;
}

.swore-3{
    floaT: left;
    transform: skewX(15deg);
    background:rgb(0 0 255 / 0%);
    z-indeX:0;
    width: 100%;
    position:absolute;
    text-align: center;
    left: 0px;
    line-height: 60px;
    height: 45px;
}



.game-3{
	width: 50px;
	height: 45px;
    background: var(--foni-2);
	floaT: left;
	z-index:1;
	position:relative;
	transform: skewX(-15deg);
	border-radius: 5px;
	margin-right: 15px;
	margin-lefT: 5px;
}



.game-2{
	width: 100%;
	floaT: left;
	/* z-index:1; */
	position:relative;
	margin: 0px 0px 15px 0px;
}



.game-1{
	width: 100%;
	floaT: left;
	z-index:1;
	position:relative;
	margin: 15px 0px 0px 0px;
}





.div-sl-3 .div-bg-11 img{
	 transform: skewX(5.5deg);
	 margin: 0px -25px;
	 object-fit: cover;
}

.div-sl-2 .div-bg-11 img{
	 transform: skewX(5.5deg);
	 margin: 0px -25px;
	 object-fit: cover;
}


.div-sl-1 .div-bg-11 img{
	 transform: skewX(5.5deg);
	 margin: 0px -0%;
	 object-fit: cover;
}

.div-sl-3 .div-bg-11 img{
	 width: 370px;
	 height: 300px;
}

.div-sl-1 .div-bg-11 img, .div-sl-2 .div-bg-11 img{
	 width: 400px;
	 height: 400px;
}

.div-sl-1 .div-bg-4 .div-bg-10, .div-sl-2 .div-bg-4 .div-bg-10{
	-moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;
}



.div-sl-1 .div-bg-4:hover .div-bg-10, .div-sl-2 .div-bg-4:hover .div-bg-10{
	font-size: 17px;
	letter-spacing: -0.7px;
	line-height: 18px;
	-moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;
}


.div-sl-3 .div-bg-10{
	font-size: 17px;
	letter-spacing: -0.7px;
	line-height: 18px;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	}

.wrap ul li:hover ~ li:last-child  .div-bg-10{
  font-size: 13px;
  line-height: 18px;
  -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;
}

.wrap ul li:hover ~ li:nth-child(2)  .div-bg-10{
  font-size: 14px;
  -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;
}


.div-bg-link{
	width: 100%;
	height: 100%;
	floaT: left;
	position: absolute;
	z-index:9;
}




.div-bg-video-2 svg{
	width: 16px;
	height: 16px;
	fill: #fff;
}

.div-bg-4:hover .div-bg-video-1{
    background: rgb(0 0 0 / 40%);
    -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;
}


.div-bg-video-1{
	left: 30px;
    cursor: pointer;
    overflow:hidden;
    width: 35px;
    height: 35px;
    line-height: 39px;
    floaT: right;
    position: absolute;
    margin: 15px 0px 0px 12px;
    border-radius: 10px;
    transform: skewX(-3deg);
    text-align: center;
    z-index:1;
    border: 2px #fff solid;
    -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;
}




.div-sl-3 .div-bg-7{
	width: 100%;
	}

.div-bg-10 a{
	color:#fff;
}
.div-bg-10{
	width: 100%;
	floaT: left;
	z-index:1;
	color:#fff;
	font-family: font-2;
	font-size: 14px;
	letter-spacing: -0.4px;
	line-height: 16px;
}

.div-sl-1 .div-bg-8{
	floaT: left;
	position:relative;
	margin: 0px 10px 0px 70px;
}


.div-bg-8{
	floaT: left;
	position:relative;
	margin: 0px 20px 0px 15px;
}

.div-bg-9 a:hover {
    text-decoration: none;
    text-decoration: underline;
}

.div-bg-9 a{
	color:#fff;
}
.div-bg-9{
	width: 100%;
	floaT: left;
	z-index:1;
	color: var(--foni-2);
	font-family: font-1;
	font-size: 13px;
	letter-spacing: 0.5px;
	margin-bottom: 5px;
}


.div-bg-7{
	width: 95%;
	floaT: left;
	position: absolute;
	z-index:1;
	bottom: 13px;
	color:#fff;
	font-family: font-2;
	font-size: 16px;
	transform: skewX(7.2deg);
}









.div-bg-4{
	width: 100%;
	height: 100%;
	floaT: left;
	position:relative;
	overflow:hidden;
}



.div-bg-3{
	width: 100%;
	height: 300px;
	floaT: left;
	position:relative;
	overflow:hidden;
	background:#000;
	border-radius: 5px;
}

.div-bg-2{
  margin: 0px 15px;
}

.div-bg-1{
	margin-top: 80px;
	border-radius: 5px 5px 0px 0px;
	width: 100%;
	floaT: left;
	position:relative;
	background:#fff;
	padding: 15px 0px;
}

.wrap ul{
  width: 1090px;
  margin: 0px -40px;
  position:relative;
  overflow:hidden;
}

.wrap{
  width: 511px !important;
  margin: auto;
  position:relative;
  overflow:hidden;
}




.wrap li:nth-child(1){
    transform: skewX(-7.2deg);
}

.wrap li:nth-child(2), .wrap li:nth-child(3) {
    transform: skewX(-7.2deg);
}


.wrap ul {
  list-style: none;
  max-width: 885px;
}
.wrap ul li {
  float: left;
  width: 28%;
  height: 300px;
  opacity: 1;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.wrap ul li:hover, .wrap ul li:first-child ~ li:last-child {
  width: 39%;
  opacity: 1;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.wrap ul li:hover ~ li:last-child {
  width: 26%;
}








.search-wrapper.search-wrap.hidden.active{
	animation:fade_in_show 0.2s}
	@keyframes fade_in_show{0%{opacity:0;transform:scale(0)}
	100%{opacity:1;transform:scale(1)}
}


.search-wrapper .input-holder .search-icon {
-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}

.search-wrapper .input-holder .search-icon:hover {
-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}


.search-wrapper.search-wrap.hidden.active{
	height: 34px;
	padding: 0px 0px 0px 20px;
	margin-top: 0px;
}


.search-wrapper {
        position: absolute;
        top: 0px;
        right: 238px;
    }


    .search-wrapper .input-holder {
    	lefT: 15px;
    	top: 10px;
    	height: 35px;
    	width: 52px;
    	position: absolute;
    }


    .search-wrapper.active .input-holder {
    	lefT: -280px;
        width: 364px;
        background: #fff;
		z-index:1;
        box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2);
		top: 10px;
		border-radius: 4px !important;
		transform: skewX(-15deg);
    }




    .search-wrapper .input-holder .search-input {
    	transform: skewX(15deg) !important;
    	width: 0px;
    	height: 35px;
    	padding: 0 0px 0 0px;
    	opacity: 0;
    	position: absolute;
    	top: 0;
    	left: 0;
    	background: 0 0;
    	box-sizing: border-box;
    	border: none;
    	outline: none;
    	font-family: font-3;
    	font-size: 14px;
    	line-height: 20px;
    	color: #444553;

    }

    .search-wrapper.active .input-holder .search-input {
    	width: 300px;
    	padding: 0px 0px 0px 15px;
        opacity: 1;
    }

    .search-wrapper.active .input-holder .search-icon {
		margin-right: 45px;
    }

    .search-wrapper .input-holder .search-icon {
    	top: 0px;
		opacity:0;
		width: 41px;
		height: 35px;
		margin-top: 0px;
		border: none;
		border-radius: 0px;
		padding: 0;
		outline: none;
		position: relative;
		z-index: 11;
		float: right;
		cursor: pointer;
		}

 .search-wrapper .input-holder .search-icon::before {
    border-radius: 5px;
    lefT: 0px;
    width: 100%;
    height: 100%;
    bottom: 0px;
    position: absolute;
    background: url(../images/search.svg) 12px 10px no-repeat;
    transform: skewX(15deg);
    content: "";
}

.search-wrapper.active .input-holder .search-icon::before {
		display: none;
    }


 .search-wrapper .input-holder .search-icon:hover::before {
    background: url(../images/search.svg) 12px -24px no-repeat;
}


    .search-wrapper .input-holder .search-icon:hover {
    	background: var(--foni-1);
    }


    .search-wrapper .input-holder .search-icon {
    	opacity: 1;
    	background: var(--foni-6);
        border-radius: 5px;
        transform: skewX(-15deg);
        z-index:9999;
    }

    .search-wrapper.active .input-holder .search-icon {
    	opacity: 9;
        background: url(../images/search-1.svg) center no-repeat;
        z-index:9999;
        display: none;
    }

    .search-wrapper .input-holder .search-icon span {
        width: 22px;
        height: 22px;
        display: inline-block;
        vertical-align: middle;
        position: relative;
        transform: rotate(45deg);
    }

    .search-wrapper.active .input-holder .search-icon span {
		opacity:0;
    }

    .search-wrapper .input-holder .search-icon span::before,.search-wrapper .input-holder .search-icon span::after {
        position: absolute;
        content: '';
    }

    .search-wrapper .input-holder .search-icon span::before {
        width: 4px;
        height: 14px;
        left: 22px;
        top: 8px;
        border-radius: 5px;
        transform: rotate(-85deg);
    }

    .search-wrapper .input-holder .search-icon span::after {
        width: 14px;
        height: 14px;
        left: 0;
        top: 0;
        border-radius: 16px;
    }

    .search-wrapper .close {
		opacity:0;
		position: absolute;
		z-index: 1;
		top: 17px;
		right: -55px;
		width: 20px;
		height: 20px;
		cursor: pointer;
		transform: rotate(45deg);
		}

    .search-wrapper.active .close {
		transform: rotate(45deg);
        transition: all .6s cubic-bezier(0,.105,.035,1.57);
		opacity:9;
    }

    .search-wrapper .close::before,.search-wrapper .close::after {
        position: absolute;
        content: '';
        background: #3c3838;
        border-radius: 10px;
    }

    .search-wrapper .close::before {
        width: 2px;
        height: 20px;
        left: 9px;
        top: 0;
    }

    .search-wrapper .close::after {
        width: 20px;
        height: 2px;
        left: 0;
        top: 9px;
    }


#cssmenu ul .menu-b a::before {
display: none;
}

.van-div-3 button{
    floaT: right;
    background:rgb(255 255 255 / 0%);
    border:0;
}



.van-div-9{
    -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
    width: 20px;
    height: 20px;
    floaT: left;
    margin: 8px 0px;
    background: var(--foni-1);
    border-radius: 4px;
}


.van-div-8{
    margin: 0px 10px;
}


.van-div-3 .swore-1{
    top: 2px;
    lefT: 12px;
    height: 35px;
}

.van-div-3.swore-1{
    floaT: left;
    transform: skewX(0deg);
    background:rgb(0 0 255 / 0%);
    z-indeX:1;
    width: 100%;
    position:absolute;
    text-align: center;
    left: 0px;
    height: auto;
}

.van-div-10  svg {
   fill: #3D4865; !important;
   -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.van-div-10:hover svg {
   fill: #ffffff; !important;
   -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}


.van-div-10:hover{
     background:#0253B7;
    -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.van-div-10{
	display: none;
    cursor: pointer;
    overflow:hidden;
    width: 44px;
    height: 35px;
    line-height: 36px;
    floaT: right;
    position:relative;
    margin: 0px 0px 0px 0px;
    border-radius: 5px;
    background:#F2F5F9;
    transform: skewX(-15deg);
    text-align: center;
    -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}


.van-div-7{
    cursor: pointer;
    overflow:hidden;
    width: 65px;
    height: 35px;
    line-height: 40px;
    floaT: right;
    position:relative;
    margin: 0px 0px 0px 12px;
    border-radius: 5px;
    background: var(--foni-6);
    transform: skewX(-15deg);
    text-align: center;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}


.van-div-3{
    margin-top: 10px;
}


.van-div-4{
      cursor: pointer;
    overflow:hidden;
    width: 82px;
    height: 35px;
    line-height: 40px;
    floaT: right;
    position:relative;
    margin: 0px 0px 0px 12px;
    border-radius: 5px;
    background: var(--foni-6);
    transform: skewX(-15deg);
    text-align: center;
    -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}


#cssmenu ul .menu-a  a {
   color: var(--foni-02);
}

#cssmenu ul .menu-a  svg{
  fill: var(--foni-02);
}


#cssmenu ul .menu-a::before, #cssmenu ul .menu-a::after {
    width: 10px;
}


#cssmenu > ul > .home-svg-1 svg{
    width: 19px;
    height: 19px;
    margin: -3px 0px -5px 0px;
    position:relative;
    }

.van-div-01:hover.van-div-2 svg, .van-div-02:hover.van-div-2 svg, .van-div-03:hover.van-div-2 svg{
   fill: #fff;
    -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.van-div-01.van-div-2 svg{
    -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.van-div-03:hover.van-div-2{
   background: #5641c8;
    -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.van-div-02:hover.van-div-2{
   background: #37B6FD;
    -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.van-div-01:hover.van-div-2{
   background: #3B64B4;
    -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}


.swore-1{
    floaT: left;
    transform: skewX(15deg);
    background:rgb(0 0 255 / 0%);
    z-indeX:0;
    width: 100%;
    position:absolute;
    text-align: center;
    left: 0px;
    height: 30px;
}

.van-div-2 svg{
   fill: #3D4865;
}

.van-div-03.van-div-2{
    line-height: 36px;
}

.van-div-2{
    overflow:hidden;
    width: 34px;
    height: 30px;
    line-height: 34px;
    floaT: left;
    position:relative;
    margin: 0px 10px 0px 0px;
    border-radius: 5px;
    background:#F2F5F9;
    transform: skewX(-15deg);
    text-align: center;
    -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}


.van-div-1{
    width: 150px;
    floaT: left;
    position:relative;
    margin-top: 13px;
}


.header-2{
    width: 100%;
    height: 55px;
    floaT: left;
    position:relative;
}



.header-4 ul li ul li a{
   border-right: 0px #ffffff solid;
   font-family: font-1 !important;
}

.header-4 ul li a{
	width: 100%;
    letter-spacing:0.3px;
    font-family: font-2 !important;
   border-bottom: 0px #5d95d9 solid;
   font-size: 16px;
   float: left;
   padding: 13px 0px;
   line-height: 13px;
   position:relative;
}





#cssmenu{ width: 100%; border-radius: 0px;  float: left; margin-top: 0px;floaT: right;padding:0;line-height:1;display:block;position:relative;font-family:font-1;box-sizing:content-box;}
#cssmenu ul{
	width: 100%;
	list-style:none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display:block;
	float:left;
	}
#cssmenu ul li{    margin: 0px 0px;  padding:0px 0px; display:block;position:relative;}
#cssmenu ul li a{  text-decoration:none;display:block;margin:0;-webkit-transition:color .1s ease;-moz-transition:color .1s ease;-ms-transition:color .1s ease;-o-transition:color .1s ease;transition:color .1s ease;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}


#cssmenu.align-right ul li ul li.has-sub:after{right:auto;left:15px;}
#cssmenu.align-right ul li ul li.has-sub:before{right:auto;left:15px;border-left-color:transparent;border-right-color:#fff;}
#cssmenu ul li ul li a{color: #818d9f;font-family: font-3 !important;-webkit-transition: all .1s;-moz-transition: all .1s;-o-transition: all .1s;transition: all .1s;/* border-bottom: 1px #eee solid; */display: inline-block;font-size: 15px;opacity: 1;font-family:font-2;font-size: 14px;font-weight:400;text-transform:none;letter-spacing:0;display:block;width: 100%;padding: 5px 0px;}
#cssmenu ul li ul li:hover > a, #cssmenu ul li ul li.active > a{ -webkit-transition: all .1s;-moz-transition: all .1s;-o-transition: all .1s;transition: all .1s;  color: #fff !important;}
#cssmenu ul li ul li:hover:after,
#cssmenu ul li ul li.active:after{background:#2196f3;}
#cssmenu ul li ul li:hover > ul{  background: #191a21;border-top: 0px solid #191a21;border-bottom: 0px solid #191a21;border-left: 0px solid #eee;border-right: 0px solid #eee;left:100%;top: 0px;}
#cssmenu ul li ul li:hover > ul > li{max-height:72px;position:relative;}
#cssmenu > ul > li{float:left;}
#cssmenu.align-center > ul > li{float:none;display:inline-block;}
#cssmenu.align-center > ul{text-align:center;font-size:0;}
#cssmenu.align-center ul ul{text-align:left;}
#cssmenu.align-right > ul{float:right;}
#cssmenu.align-right > ul > li:hover > ul{left:auto;right:0;}
#cssmenu.align-right ul ul li:hover > ul{right:100%;left:auto;}
#cssmenu.align-right ul ul li a{text-align:right;}
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li.active > a{
	color: #fff;
	position:relative;z-index:9999;cursor:pointer;-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
#cssmenu > ul > li > a,
#cssmenu > ul > li.active > a{
    color:#d1d1d1;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;

}


#cssmenu #menu-button{display:none;}
#cssmenu > ul > li > a{display:block;}
#cssmenu > ul > li{width: 100%;}
#cssmenu > ul > li > ul{
	padding: 0px 0px; 
	border-radius: 0px 0px 5px 5px;
	overflow:hidden;

border-radius: 0px;
	}

.header-03.header-3 {
    position: fixed;
    top: 0px !important;
    margin-top: 0px;
    box-shadow: 0px 4px 4px rgb(0 0 0 /8%);
    z-index:9;
}

.header-3 {
    z-index: 11;
    margin-bottom: 20px;
    float: left;
    position: absolute;
    margin-top: 55px;
    widtH: 100%;
    background: var(--foni-1);
    line-height: 50px;
}


.logo-1 img{
    widtH: 100%;
    line-height: 0px;
    float: left;
    position: relative;
}

.logo-2 path{
	fill: #ffffff;
}

.logo-2 {
    line-height: 0px;
    width: 100%;
    margin: 16.4px 0px;
    float: left;
    position: relative;
}

.logo-1 {
    width: 155px;
    height: 65px;
    line-height: 65px;
    margin: 0px 0px;
    float: left;
    position: relative;
}


.header-2 a{
    color: #fff;
}


.header-1 {
    float: left;
    position: relative;
    widtH: 100%;
    height: 55px;
    background:#ffffff;
    line-height: 55px;
}



.game-9 {
    position:relative;
}

.game-9 .slick-list {
    margin:0 -9px;
}

.slick-slide {
    margin:0 10px;
}

.item {
    height:300px;
}

.back {
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
}

.back-con {
    position:relative;
    width:100%;
    height:100%;
    text-align: center;
    box-shadow: 
}

.slick-dots li{background: #FFBE10;border-radius:10px;position:relative;display:inline-block;width:12px;height:12px;margin:0 6px;padding:0;cursor:pointer;}
.slick-dots li button{font-size:0;line-height:0;display:block;width:10px;height:10px;padding:5px;cursor:pointer;color:transparent;border:0;outline:none;background:transparent;}
.slick-dots{ padding-bottom: 2px !important; display: none !important; bottom: 0px;width:100% !important;position:absolute;padding:0;margin:0;list-style:none;text-align:center;z-index:9;}
.slick-dots .slick-active{background: #0253B7;border-radius:100px;}



.slick-next:before{
	width: 30px;
	height: 30px;
	background: url(../images/next-1.svg) 12px 11px  no-repeat;
	content: "";
	position:absolute;
	lefT: 0px;
	transform: skewX(10deg);
}

.slick-prev:after{
	width: 30px;
	height: 30px;
	background: url(../images/next-2.svg) 12px 11px  no-repeat;
	content: "";
	position:absolute;
	lefT: 0px;
	transform: skewX(10deg);
}


.slick-next{
	right: 3px;
}

.slick-prev{
	right:43px;
}

.slick-disabled.slick-prev, .slick-disabled.slick-next {
    opacity: 0.5 !important;
}

.slick-next, .slick-prev{
	transform: skewX(-15deg);
	background-color: var(--foni-1);
	border: 0;
	floaT:left;
	border-radius: 5px;
	font-size:0px !important;
	z-index:9;
	line-height:40px;
	position:absolute;
	display:block !important;
	width: 30px !important;
	height: 30px !important;
	padding:0;
	cursor:pointer;
	}
}




@media (min-width:800px) and (max-width:1000px){
.berrors {
	background: #ffe6dd !important;
	border: 1px solid #f0c4b5;
	color: #553c33;
	padding: 20px 25px;
	margin-bottom: 15px;
	border-radius: 5px;
	box-sizing: border-box;
}

.a-cont-11 .fanjara-7, .a-cont-11 .fanjara-9  {
	-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;
}

.a-cont-11 .fanjara-7:hover, .a-cont-11 .fanjara-9:hover  {
	box-shadow: 0px 0px 0px 3px var(--foni-1), 0px 0px 10px 6px rgb(230 230 230 / 60%);
	-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;
}


.a-cont-11 .fanjara-zoma-1 img{
	width: auto !important;
}


#pagi-load span{ display: none;}
#pagi-load a span{ display: block; }
#pagi-load span{ float: left;  transform: skewX(15deg) !important; }
.pagi-load{  text-align: center; font-size:0px;}
.bottom-nav{width:100%;margin: 0px 0px 17px 0px;}
.pagi-load a:hover{transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;background:var(--foni-2);}
.pagi-load a:hover .fa-refresh{transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;}
.pagi-load a{  transform: skewX(-15deg); border-radius: 5px; transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;padding:0px 25px;display:inline-block;height:50px;line-height:50px;font-size:16px; letter-spacing: -0.5px; cursor:pointer;color:#ffffff;background: var(--foni-1);text-align:center;font-family:font-2;}



.wrap li:nth-child(2) .div-bg-video-1{
	right: 85px;
}


.div-bg-6{
	width: 100%;
	height: 100%;
	floaT: left;
	position: absolute;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.90) 100%);
	z-index:1;
}


.wrap li:nth-child(2) {
    position:relative;
    right: 0px;
    z-index:0 !important;
}

.wrap li:nth-child(3) {
    position:relative;
    right: 0px;
    z-index:999999999 !important;
}

.wrap li:nth-child(2) {
	width: 26%;
    left: -65px !important;
    position:relative;
    right: 0px;
    float: right !important;
}




#searchsuggestions span.notfound{ display: block; padding: 12px 0px 0px 0px !important;  text-align: center !important; }

#searchsuggestions{
	z-index: 999 !important;
}

#searchsuggestions {
	width: 340px;
}


#searchsuggestions a{padding:15px 15px !important;}
#searchsuggestions{overflow:hidden; }

#dofullsearch, .seperator{display:none !important;}
#searchsuggestions a span { font-family: font-1; font-size: 14px; }



/*---search---*/
#searchsuggestions {
	z-index: 2200;
	border-radius: 3px;
	background: #fff;
	box-shadow: 0 8px 40px -10px rgba(0,0,0,0.3);
	border: 1px solid #ddd; 
	background-clip: padding-box;
	font-size: .9em;
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
	}


.ajax-serch-1 img{
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.ajax-serch-1:hover img{
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}


.ajax-serch-1 .ajax-serch-2{
    -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}

.ajax-serch-1:hover .ajax-serch-2{
   color:var(--foni-1);
    -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}



.ajax-serch-6{
    width: 100%;
    height: 50px;
    font-size: 13px;
    font-family: font-2;
    position:relative;
    overflow:hidden;
    floaT: right;
    margin: 0px 0px 10px 0px;
    color:#898585;
}


.ajax-serch-5{
    width: 100%;
    height: 59px;
    overflow:hidden;
    font-size: 14.5px;
    line-height: 20px;
    font-family: font-4;
    position:relative;
    floaT: right;
    margin: 0px 0px 0px 0px;
}


.ajax-serch-4{
    width: 67%;
    position:relative;
    floaT: right;
    margin: 0px 0px;
}


.ajax-serch-3, .ajax-serch-3 img{
    height: 80px;
    line-height: 0px;
    object-fit: cover;
    position:relative;
    overflow:hidden;
    border-radius: 4px;
}

.ajax-serch-1 img{
    width: 100%;
    object-fit: cover;
}


.ajax-serch-3{
    width: 90px;
    position:relative;
    floaT: left;
    margin: 0px 0px;
}



.ajax-serch-1{
    width: 100%;
    position:relative;
    floaT: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 15px 0px;
    border-bottom: 1px #eee solid;
}

.ajax-serch-2{
   margin: 0px 15px;
}





.new-tab-1 .rss-new-1{
  animation: fadeIn 0.8s;
  -webkit-animation: fadeIn 0.8s;
  -moz-animation: fadeIn 0.8s;
  -o-animation: fadeIn 0.8s;
  -ms-animation: fadeIn 0.8s;
}

@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-moz-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-webkit-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-o-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-ms-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}



.div-f-1 .div-bg-video-2 svg{
	width: 18px;
}


#cssmenu ul li ul .menu-aa a{
	color: var(--foni-1) !important;
}


.div-bg-video-2{
	transform: skewX(9deg);
}

.news-1:hover .div-bg-video-1{
    background: rgb(0 0 0 / 40%);
    -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;
}

.news-1 .div-bg-video-2{
	transform: skewX(3deg);
}

.news-1 .div-bg-video-1{
	right: 15px;
    cursor: pointer;
    overflow:hidden;
    width: 32px;
    height: 32px;
    line-height: 37px;
    floaT: right;
    position: absolute;
    margin: 15px 0px 0px 0px;
    border-radius: 7px;
    transform: skewX(-3deg);
    text-indent: 1px;
    text-align: center;
    z-index:1;
    border: 2px #fff solid;
    -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;
}



#cssmenu > ul > li:hover  .svg-menu-1 path{
fill: var(--foni-02);
}



.svg-menu-1 path{
    fill: #A4C4FF;
    }


.svg-menu-1 svg{
    width: 100%;
    }

.svg-menu-1 svg{
    fill: #fff;
    width: 7px;
    height: 6px;
    margin: -0px 0px 0px 3px;
    position:relative;
   top: -4px;
}





.fanjara-7, .fanjara-9  {
}


.fanjara-7:hover, .fanjara-9:hover  {
	box-shadow: 0px 0px 0px 3px #E6E6E6, 0px 0px 10px 6px rgb(230 230 230 / 60%);
}


.fanjara-a.fanjara-7:hover, .fanjara-a.fanjara-9:hover {
	background:#fff;
	-moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; 
}

.fanjara-a.fanjara-7, .fanjara-a.fanjara-9 {
	background:rgb(238 238 238 / 80%);
	-moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; 
}

.fanjara-color-2.fanjara-7, .fanjara-color-3.fanjara-9{
	-moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; 
}

.fanjara-hover-3 img{
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2;
}

.fanjara-color-1.fanjara-7 {
	-moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; 
}

.fanjara-7 .fanjara-zoma-1, .fanjara-9 .fanjara-zoma-1{
	 lefT: -5px;
	 -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; 
}

.fanjara-1 .fanjara-7:hover .fanjara-zoma-1, .fanjara-1 .fanjara-9:hover .fanjara-zoma-1{
	 lefT: -300px;
	 -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; 
}

.fanjara-1 .fanjara-7:hover .fanjara-hover-1, .fanjara-1 .fanjara-9:hover .fanjara-hover-1{
     lefT: 0px;
    opacity:9;
   -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; 
}

.fanjara-hover-1{
   transform: skewX(15deg) !important;
   -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; 
   width: 100%;
   height: 100%;
   position:absolute;
   floaT: left;
   background: #ffffff;
   border-radius: 5px;
   lefT: -300px;
   z-index:111;
   opacity:0;
}


.fanjara-color-1 .fanjara-hover-4{
   margin: 13px 0px 0px 10px;
}

.fanjara-hover-6{
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2;
}

.fanjara-hover-4{
   position:relative;
   floaT: left;
   margin: 12px 0px 0px 6px;
   font-size: 13.5px;
   font-family: font-4;
}


.fanjara-hover-3 img{
   width: 100%;
}

.fanjara-color-3 .fanjara-hover-3{
   width: 17px !important;
   height: 32px !important;
   margin: 4px 2px 2px 18px;
}

.fanjara-color-4 .fanjara-hover-3{
   width: 12px !important;
   height: 32px !important;
   line-height: 28px;
   margin: 5px 0px 0px 18px;
}

.fanjara-hover-3{
   width: 19px;
   height: 42px;
   line-height: 28px;
   position:relative;
   floaT: left;
   margin: 0px 0px 0px 17px;
}



.cd-popup-container .cd-popup-close:before{ 
z-index:9; 
position:absolute;
top:0px;
right:0px;
width:80px;
height:60px;
background: url(../images/iqsi.svg) center no-repeat;
transform: skewX(15deg);
content: "";
}

.cd-popup-container .cd-popup-close{ 
z-index:99; 
position:absolute;
top: -15px;
right:-60px;
width:80px;
height:60px;
background: var(--foni-2);
transform: skewX(-15deg);
border-radius: 7px;
}

.fanjara-11 {
	width: 100%;
	floaT: left;
	position:relative;
	margin: 0% 0% 0% -3.2%;
}


.fanjara-zoma-1 {
	transform: skewX(15deg) !important;
}

.fanjara-4{
	width: 564px;
	floaT: left;
	margin: 0px 0px 0px 0px;
}

.fanjara-9 {
	background:#fff;
	overflow:hidden;
	width: 30%;
	height: 60px;
	floaT: left;
	position:relative;
	margin: 0% 15px 15px 0%;
	box-shadow: 0px 0px 0px 3px #E6E6E6;
	border-radius: 5px;
	transform: skewX(-15deg);
}


.fanjara-8 {
	width: 106%;
	floaT: left;
	position:relative;
	margin: 0% 0% 0% -3%;
}


.fanjara-07.fanjara-7 div, .fanjara-9 div{
    position: absolute;
    top: 35%;
}

.fanjara-7 div, .fanjara-9 div{
	text-align: center;
    position: absolute;
    top: 30%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2;
}

.fanjara-7 {
	background:#fff;
	transform: skewX(-15deg);
	width: 46.4%;
	height: 60px;
	floaT: left;
	position:relative;
	overflow:hidden;
	margin: 0px 15px 3px 0px;
	box-shadow: 0px 0px 0px 3px #E6E6E6;
	border-radius: 5px;
}

.fanjara-6 {
	width: 106.4%;
	floaT: left;
	position:relative;
	padding: 2% 0% 2% 0%;
}

.fanjara-3{
	width: 92%;
	floaT: left;
	position:relative;
	padding: 4% 0% 5% 0%;
}

.fanjara-2{
	margin: 0px 0px;
	transform: skewX(15deg) !important; 
}

.fanjara-1{
	border-radius: 10px;
	background:#ffffff;
	width: 100%;
	floaT: left;
	position:relative;
	padding: 25px 0px 20px 0px;
	transform: skewX(-15deg) !important; 
}


.img-replace{display:inline-block;overflow:hidden;text-indent:100%;color:transparent;white-space:nowrap;}
.cd-popup{position:fixed;left:0;top:0;height:100%;width:100%;background-color:rgb(0 0 0/60%);opacity:0;visibility:hidden;-webkit-transition:opacity 0.3s 0s, visibility 0s 0.3s;-moz-transition:opacity 0.3s 0s, visibility 0s 0.3s;transition:opacity 0.3s 0s, visibility 0s 0.3s;z-indeX: 9999999999;}
.cd-popup.is-visible{opacity:1;visibility:visible;-webkit-transition:opacity 0.3s 0s, visibility 0s 0s;-moz-transition:opacity 0.3s 0s, visibility 0s 0s;transition:opacity 0.3s 0s, visibility 0s 0s;}
.cd-popup-container{ position:relative;width:100%;max-width:650px;margin: 10em auto;text-align:center;box-shadow:0 0 20px rgba(0, 0, 0, 0.2);-webkit-transform:translateY(-40px);-moz-transform:translateY(-40px);-ms-transform:translateY(-40px);-o-transform:translateY(-40px);transform:translateY(-40px);-webkit-backface-visibility:hidden;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;transition-property:transform;-webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;transition-duration:0.3s;}
.is-visible .cd-popup-container{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);}

.foni-bg-3 path{
   fill: var(--foni-1);
}

.foni-bg-3{
	width: 124.56;
	height: 340.64;
	z-index:0;
	position:absolute;
	right: 0px;
	top: 165px;
}


.foni-bg-2 path{
	 fill: var(--foni-2) !important;
}

.foni-bg-2 img{
	width: 100%;
}

.foni-bg-2{
	width: 124.56px;
	height: 340.64px;
	z-index:0;
	position:absolute;
	left: 0px;
	top: 300px;
}


.foni-bg-1{
	width: 100%;
	z-index:0;
	position:absolute;
	lefT: 0px;
	top: 0px;
}

.footer-logo-1{
	z-index:0;
	position:absolute;
	width: 100%;
	text-align: center;
}

.footer-10:hover svg{
	stroke: var(--foni-1);
	-moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; 

}

.footer-10 svg{
	-moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; 
	stroke: #8F969E;
}

.footer-10{
	floaT: left;
	position:relative;
	margin: 6px 3px 0px 0px;
}

.footer-9{
	floaT: right;
	position:relative;
	margin: 0px 14px 0px 14px;
}

.footer-8{
	floaT: right;
	position:relative;
	margin: 0px 0px 0px 0px;
}


.footer-7{
	z-index:1;
	floaT: right;
	position:relative;
	margin: 0px 0px 0px 0px;
}

.footer-6 svg{
	fill: #636971;
}


.footer-6{
	transform: skewX(15deg);
}



.footer-5:hover {
	background: #c8cdd7;
	-moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; 
}

.footer-5{
	-moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; 
	transform: skewX(-15deg);
	width: 32px;
	height: 28px;
	background: var(--foni-5); 
	floaT: left;
	position:relative;
	margin: -2px 0px 0px 0px;
	text-align: center;
	border-radius: 5px;
	line-height: 22px;
	text-indent: -2px;
}

.footer-4 svg{
	fill: #515C69;
}


.footer-4{
	floaT: left;
	position:relative;
	margin: 0px 20px 0px 0px;
}

.footer-3{
	width: 100px;
	z-index:1;
	floaT: left;
	position:relative;
	margin: 5px 0px 0px 0px;
}



.footer-02{
	width: 100%;
	floaT: left;
	position:relative;
	margin: 17px 0px 14px 0px;
}

.footer-14 a:hover{
	color: #5f6e7c;
	-moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; 
}

.footer-14 a{
	color: #efefef;
	margin: 0px 0px 0px 15px;
	-moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; 
}

.footer-14{
	floaT: right;
	position:relative;
	color:#B8BABD;
}


.footer-13{
	floaT: left;
	position:relative;
}

.footer-11{
	width: 100%;
	height: 50px;
	line-height: 50px;
	floaT: left;
	position:relative;
	overflow:hidden;
	background: var(--foni-4);
	border-radius: 0px 0px 5px 5px;
	color:var(--foni-7);
	font-family: font-1;
	margin-bottom: 15px;
}


.footer-2, .footer-12{
	margin: 0px 15px;
}

.footer-1{
	width: 100%;
	floaT: left;
	position:relative;
	background:#fff;
	border-top: 5px solid var(--foni-1);;
}

.rss-new-1:hover .rss-icon-1:before {
	-moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; 
    opacity:9;
}



.rss-icon-1:before {
	-moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; 
    position: absolute;
    top: 4px;
    left: 40px;
    color:#fff;
    font-size: 20px;
    font-family: font;
    letter-spacing: 1px;
    line-height: 23px;
    opacity:0;
}

.rss-new-5 {
	width: 100%;
	height: 100%;
	floaT: left;
	position:absolute;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.79) 97.46%);
    z-index:1;
}

#tab-8 .rss-new-1:hover .rss-new-4{color: #0253B7;}
#tab-7 .rss-new-1:hover .rss-new-4{color:#0092C1;}
#tab-6 .rss-new-1:hover .rss-new-4{color:#C20101;}
#tab-5 .rss-new-1:hover .rss-new-4{color:#1C1C1D;}
#tab-4 .rss-new-1:hover .rss-new-4{color:#BA1D5C;}
#tab-3 .rss-new-1:hover .rss-new-4{color:#E01F3F;}
#tab-2 .rss-new-1:hover .rss-new-4{color:#F86A40;}
#tab-1 .rss-new-1:hover .rss-new-4{color:#3447B5;}

.rss-new-1:hover .rss-new-4{
	-moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; 
}

.rss-new-1 .rss-new-4{
	-moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; 
}



#tab-8 .rss-icon-1{ width: 115px; background: #fff;}
#tab-8 .rss-iconn-01{ background:  url(../images/ge-01.svg) 13px 8.4px no-repeat; background-size: 75% !important; }


#tab-7 .rss-icon-1{ width: 155px; background: #fff;}
#tab-7 .rss-iconn-01{ background:  url(../images/en-1.svg) 13px 10px no-repeat; background-size: 130px; }

#tab-6 .rss-icon-1{ width: 103px; background: #fff;}
#tab-6 .rss-iconn-01{ background:  url(../images/ge-02.svg) 11px 7.5px no-repeat; background-size: 75% !important; }

#tab-5 .rss-icon-1{ width: 80px; background: #fff;}
#tab-5 .rss-iconn-01{ background:  url(../images/ge-03.svg) 10px 7.3px no-repeat; background-size: 75% !important; }

#tab-4 .rss-icon-1{ width: 120px; background: #fff;}
#tab-4 .rss-iconn-01{ background:  url(../images/ge-04.svg) 13px 7.3px no-repeat; background-size: 75% !important; }

#tab-3 .rss-icon-1{ width: 125px; background: #fff;}
#tab-3 .rss-iconn-01{ background:  url(../images/ge-07.svg) 14px 7.5px no-repeat; background-size: 75% !important; }

#tab-2 .rss-icon-1{ width: 125px; background: #fff;}
#tab-2 .rss-iconn-01{ background:  url(../images/ge-05.svg) 14px 7.5px no-repeat; background-size: 75% !important; }

#tab-1 .rss-icon-1{ width: 100px; background: #fff;}
#tab-1 .rss-iconn-01{ background:  url(../images/ge-06.svg) 12px 7.5px no-repeat; background-size: 75% !important; }



.rss-iconn-01{
	transform: skewX(15deg);
	position:relative;
    height: 34px;
}

.rss-new-1:hover .rss-icon-1{
	-moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; 
	opacity:1;
}

.rss-new-1 .rss-icon-1{
	-moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; 
	opacity:0;
}

.rss-icon-1{
	-moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; 
	transform: skewX(-15deg);
	height: 32px;
	position:absolute;
	left: 15px;
	bottom: 10px;
	background-color:#fff;
	border-radius: 5px;
	z-index:11;
}


.rss-new-2 img{
	width: 100%;
	line-height: 0px;
}

.rss-new-2 {
	width: 100%;
	floaT: left;
	position:relative;
	overflow:hidden;
}


.rss-new-2, .rss-new-2 img{
	 height: 210px;
	 object-fit: cover;
}

.rss-new-4{
	margin: 0px 15px;
}

.rss-new-3 {
	width: 100%;
	height: 32px;
	font-family: font-1;
	letter-spacing: 0px;
	font-size: 14px;
	line-height: 17px;
	floaT: left;
	position:relative;
	overflow:hidden;
	margin: 15px 0px;
	color:var(--foni-3);
}


.tabgroup{
	width: 103%;
	position:relative;
	floaT: left;
	margin: 0px -7.5px;
}



.rss-new-1 img{
	width: 100%;
	line-height: 0px;
	font-size: 0px;
}


.rss-new-1{
	width: 350px;
	position:relative;
	floaT: left;
	z-index:1;
	overflow:hidden;
	border-radius: 5px;
	margin: 0px 7.5px 15px 7.5px;
	background:#fff;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
}



.new-tab-2 ul.tabss li a.active .color-icon-7 .tab-iocn-3{
	floaT: left;
	display: block !important;
	margin: 5px 2px 0px 0px;
}

.new-tab-2 ul.tabss li a.active .color-icon-7 .tab-iocn-2{
	display: none !important;
}

.color-icon-7 .tab-iocn-3{
color:#0092C1;
}

.color-icon-7 .tab-iocn-2{
	floaT: left;
	height: 20px;
	margin: 9px 0px 0px 0px !important;
}

.color-icon-8 .tab-iocn-3{
background: linear-gradient(180deg, #2875D3 0%, #0E5BBA 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.color-icon-6 .tab-iocn-3{
background: linear-gradient(180deg, #C20101 0%, #D70E0E 0.01%, #B70505 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.color-icon-5 .tab-iocn-3{
background: linear-gradient(180deg, #454445 0%, #131213 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.color-icon-4 .tab-iocn-3{
background: linear-gradient(180deg, #445FB7 0%, #A60043 68.75%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.color-icon-3 .tab-iocn-3{
background: linear-gradient(180deg, #C20101 0%, #D70E0E 0.01%, #B70505 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.color-icon-2 .tab-iocn-3{
background: linear-gradient(180deg, #F86A40 0%, #E35227 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.color-icon-1 .tab-iocn-3{
background: linear-gradient(180deg, #3447B5 0%, #071566 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.new-tab-2 .tab-iocn-2{
	floaT: left;
	height: 25px;
	margin: 12px 0px 0px 0px;
}

.new-tab-2 ul.tabss li a.active .tab-iocn-3{
	floaT: left;
	display: block !important;
	margin: 5px 2px 0px 6px;
}

.tab-iocn-3{
	display: none;
}


.tab-iocn-3{
	font-family:font;
	font-size: 33px;
}

.new-tab-4{
	margin: 0px 15px;
}


.new-tab-3{
	width: 100%;
	position:relative;
	floaT: left;
	z-index:1;
	padding: 15px 0px 0px 0px;
}




.new-tab-2 ul.tabss{border-bottom: 1px solid var(--foni-5); height: 49px;background:#ffffff;z-index:9;position:relative;bottom:0px;width:100%;list-style:none;/* overflow:hidden; */padding:0px 0px 0px 0px;floaT:left;}
.new-tab-2 ul.tabss li { border-right: 1px solid var(--foni-5); padding: 0px 0px; float:left;}
.new-tab-2 ul.tabss li a{ height: 49px; position:relative;display:block;padding: 0px 15px;floaT:left;font-family:font-1;font-size:14px;text-align:center;line-height: 40px;text-decoration:none;color:#151c29;}
.new-tab-2 ul.tabss li a.active{ height: 50px !important;  background:#F2F2F2;z-index:1;outline:none;}


.new-tab-1{
	width: 100%;
	position:relative;
	floaT: left;
	z-index:1;
	background: #F2F2F2;
	border: 1px solid var(--foni-5);
}


.news-5 svg{
	fill: #fff;
}

.swore-4{
    floaT: left;
    transform: skewX(15deg);
    background:rgb(0 0 255 / 0%);
    z-indeX:0;
    width: 100%;
    text-align: center;
    left: 0px;
    line-height: 10px;
}

.new-vid-4 svg{
    fill:#fff;
}


.new-lod .new-vid-4{
    margin: 3px 0px 2px 0px;
}

.new-vid-4{
    width: 100%;
    floaT: left;
    position:relative;
    text-align: center;
    margin: 3px 0px 0px 0px;
}



.news-1 img, .rss-new-1 img {
        -webkit-transition: all 2s cubic-bezier(0, 0, 0.2, 1);
    -o-transition: all 2s cubic-bezier(0, 0, 0.2, 1);
    transition: all 2s cubic-bezier(0, 0, 0.2, 1);
}

.news-1:hover img, .rss-new-1:hover img {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
        -webkit-transition: all 2s cubic-bezier(0, 0, 0.2, 1);
    -o-transition: all 2s cubic-bezier(0, 0, 0.2, 1);
    transition: all 2s cubic-bezier(0, 0, 0.2, 1);
}


.news-1:hover .news-7 {
	color:var(--foni-1);
	-moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; 
}

.news-1 .news-7 {
	-moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; 
}

.news-6::before {
    content: '';
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0px 340px 9px 0px;
    border-color: rgba(50, 198, 0, 0) rgb(25 118 210 / 0%) #fff rgb(255 255 255);
    margin: 0px 0px 0px 0px;
    z-indeX: 0;
    transition: all .3s linear .3s;
    -o-transition: all .3s linear .3s;
    -moz-transition: all .3s linear .3s;
    -webkit-transition: all .3s linear .3s;
    position: absolute;
    left: 0px;
    bottom: 0px;
}
.news-6 {
	width: 100%;
	height: 100%;
	floaT: left;
	position:absolute;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.79) 97.46%);
    border-radius: 5px 5px 0px 0px;
    z-index:1;
}

.news-5 svg{
	floaT: left;
	margin: 1px 4px 0px -7px;
}

.news-4 {
	floaT: left;
	position:absolute;
	overflow:hidden;
	background:rgb(255 255 255 / 20%);
	padding: 10px 20px;
	border-radius: 100px;
	right: 20px;
	bottom: 20px;
	color:#fff;
	z-index:11;
}

.news-8 {
	margin: 0px 16px;
}

.news-7 {
	width: 100%;
	height: 51px;
	font-family: font-2;
	letter-spacing: -0.7px;
	font-size: 16.5px;
	line-height: 18px;
	floaT: left;
	position:relative;
	overflow:hidden;
	margin: 10px 0px 15px 0px;
	color:#3D4865;
}



.news-3 {
	width: 100%;
	floaT: left;
	position:relative;
	overflow:hidden;
}


.news-3, .news-3 img{
	 height: 220px;
	 object-fit: cover;
}

.news-1 img{
	width: 100%;
	line-height: 0px;
}

.news-1{
	width: 364.9px;
	floaT: left;
	z-index:1;
	position:relative;
	overflow:hidden;
	margin: 0px 7.5px 15px 7.5px;
	background: #FFFFFF;
	box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.08);
	border-radius: 5px;
}


.new-vid-3{
	width: 103%;
	floaT: left;
	z-index:1;
	position:relative;
	margin: 0px 0px 0px -7.5px;
}

.new-vid-2{
	width: 100%;
	floaT: left;
	z-index:1;
	position:relative;
	margin: 0px 0px 0px 0px;
}


.game-02.game-2 .game-6{
	margin-top: 15px;
}
.game-02.game-2 .game-bg-1{
	background: var(--foni-10);
}
.game-02.game-2 .swore-3{
    line-height: 53px;
}
.game-02.game-2 .game-3 svg{
	fill-opacity:9;
	fill:#fff;
}

.game-02.game-2 .game-3{
    background: var(--foni-1);
}

.new-vid-1{
	width: 100%;
	floaT: left;
	z-index:1;
	position:relative;
	margin: 15px 0px 0px 0px;
}


.game-new-01.game-new-1{
	background: #F3F5F8;
	border: 1px #E4E6EA solid;
}



.game-live-1 b{
color: var(--foni-1);
}


.game-live-3 {	
floaT: left;
position:relative;
margin: 0px 0px 0px 5px;
}

.game-live-2 svg {
    fill: #3D4865;
}

.game-live-2 {
width: 15px;	
floaT: left;
position:relative;
margin: 1px 0px 0px 44px;
}


.game-live-1 {
width: 100%;	
floaT: left;
position:absolute;
margin: 10px 0px 0px 0px;
font-family: font-1;
font-size: 14px;
bottom: 12px;
}



.game-new-10 {
width: 100%;	
floaT: left;
position:relative;
margin: 0px 0px 0px 0px;
font-family: font-2;
font-size: 15px;
color: var(--foni-1);
}


.game-new-9 {
width: 100%;	
floaT: left;
position:relative;
margin: 0px 0px 5px 0px;
font-family: font-1;
}

.game-new-8 img {
width: 28px;;	
}

.game-new-8 {
width: 100%;	
floaT: left;
position:relative;
margin: 6px 0px 5px 0px;
font-family: font-1;
}



.game-new-7 {
width: 100%;	
floaT: left;
position:relative;
margin: 0px 0px 0px 0px;
font-family: font-1;
}



.game-new-5 {
width: 100%;	
height: 26px;
overflow:hidden;
floaT: left;
position:relative;
margin: 8px 0px 0px 0px;
line-height: 13px;
font-size: 12px;
}


.game-new-4 img {
width: 45px;	
}

.game-new-4 {
width: 100%;	
floaT: left;
position:relative;
font-size: 0px;
}



.game-new-6{width: 26%;floaT: left;position:relative;}


.game-new-03.game-new-3{
floaT: right !important;
}

.game-new-3{
width: 37%;	
floaT: left;
position:relative;
font-family: font-2;
font-size: 12px;
letter-spacing: -0.3px;
}

.game-new-2{
margin: 7% 2%;
}

.game-new-1{
	margin-top: 55px !important;
	height: 150px;
	floaT: left;
	position:relative;
	z-index:1;
	font-family: font-3;
	text-align: center;
	border: 1px solid var(--foni-5);
	border-radius: 5px;
	color: var(--foni-3);
}



.game-8{
	margin-top: -55px;
	width: 100%;
	floaT: left;
	position:relative;
	overflow:hidden;
	z-index:1;
	font-family: font-3;
}



.game-bg-1{
	width: 170px;
	height: 45px;
	background: var(--foni-9);
	floaT: left;
	position:absolute;
	z-index:0;
	margin-left: 20px;
	font-family: font-3;
	font-size: 14px;
	color: #4E5871;
}


.game-7{
	width: 100%;
	floaT: left;
	position:relative;
	z-index:1;
	font-family: font-3;
	font-size: 14px;
	color: var(--foni-3);
}

.game-6 a{
	color:var(--foni-3);
}

.game-6{
	font-family: font-2;
	width: 100%;	
	floaT: left;
	position:relative;
	z-index:1;
	color:var(--foni-3);
	font-size: 17px;
	line-height: 15px;
	letter-spacing: -1px;
	margin-top: 6px;
}

.game-5{
	floaT: left;
	position:relative;
	z-index:11;
}



.game-3 svg{
	fill-opacity:0.6;
	fill:#000;
}

.swore-3{
    floaT: left;
    transform: skewX(15deg);
    background:rgb(0 0 255 / 0%);
    z-indeX:0;
    width: 100%;
    position:absolute;
    text-align: center;
    left: 0px;
    line-height: 60px;
    height: 45px;
}



.game-3{
	width: 50px;
	height: 45px;
    background: var(--foni-2);
	floaT: left;
	z-index:1;
	position:relative;
	transform: skewX(-15deg);
	border-radius: 5px;
	margin-right: 15px;
	margin-lefT: 5px;
}



.game-2{
	width: 100%;
	floaT: left;
	/* z-index:1; */
	position:relative;
	margin: 0px 0px 15px 0px;
}



.game-1{
	width: 100%;
	floaT: left;
	z-index:1;
	position:relative;
	margin: 15px 0px 0px 0px;
}





.div-sl-3 .div-bg-11 img{
	 transform: skewX(5.5deg);
	 margin: 0px -25px;
	 object-fit: cover;
}

.div-sl-2 .div-bg-11 img{
	 transform: skewX(5.5deg);
	 margin: 0px -25px;
	 object-fit: cover;
}


.div-sl-1 .div-bg-11 img{
	 transform: skewX(5.5deg);
	 margin: 0px -0%;
	 object-fit: cover;
}

.div-sl-3 .div-bg-11 img{
	 width: 400px;
	 height: 400px;
}

.div-sl-1 .div-bg-11 img, .div-sl-2 .div-bg-11 img{
	 width: 620px;
	 height: 500px;
}

.div-sl-1 .div-bg-4 .div-bg-10, .div-sl-2 .div-bg-4 .div-bg-10{
	-moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;
}



.div-sl-1 .div-bg-4:hover .div-bg-10, .div-sl-2 .div-bg-4:hover .div-bg-10{
	font-size: 17px;
	letter-spacing: -0.7px;
	line-height: 18px;
	-moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;
}


.div-sl-3 .div-bg-10{
	font-size: 17px;
	letter-spacing: -0.7px;
	line-height: 18px;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	}

.wrap ul li:hover ~ li:last-child  .div-bg-10{
  font-size: 13px;
  line-height: 18px;
  -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;
}

.wrap ul li:hover ~ li:nth-child(2)  .div-bg-10{
  font-size: 14px;
  -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;
}


.div-bg-link{
	width: 100%;
	height: 100%;
	floaT: left;
	position: absolute;
	z-index:9;
}




.div-bg-video-2 svg{
	width: 16px;
	height: 16px;
	fill: #fff;
}

.div-bg-4:hover .div-bg-video-1{
    background: rgb(0 0 0 / 40%);
    -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;
}


.div-bg-video-1{
	right: 15px;
    cursor: pointer;
    overflow:hidden;
    width: 35px;
    height: 35px;
    line-height: 39px;
    floaT: right;
    position: absolute;
    margin: 15px 0px 0px 12px;
    border-radius: 10px;
    transform: skewX(-3deg);
    text-align: center;
    z-index:1;
    border: 2px #fff solid;
    -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;
}




.div-sl-3 .div-bg-7{
	width: 100%;
	}

.div-bg-10 a{
	color:#fff;
}
.div-bg-10{
	width: 100%;
	floaT: left;
	z-index:1;
	color:#fff;
	font-family: font-2;
	font-size: 14px;
	letter-spacing: -0.4px;
	line-height: 16px;
}

.div-sl-1 .div-bg-8{
	floaT: left;
	position:relative;
	margin: 0px 10px 0px 70px;
}


.div-bg-8{
	floaT: left;
	position:relative;
	margin: 0px 20px 0px 15px;
}

.div-bg-9 a:hover {
    text-decoration: none;
    text-decoration: underline;
}

.div-bg-9 a{
	color:#fff;
}
.div-bg-9{
	width: 100%;
	floaT: left;
	z-index:1;
	color: var(--foni-2);
	font-family: font-1;
	font-size: 13px;
	letter-spacing: 0.5px;
	margin-bottom: 5px;
}


.div-bg-7{
	width: 95%;
	floaT: left;
	position: absolute;
	z-index:1;
	bottom: 13px;
	color:#fff;
	font-family: font-2;
	font-size: 16px;
	transform: skewX(7.2deg);
}









.div-bg-4{
	width: 100%;
	height: 100%;
	floaT: left;
	position:relative;
	overflow:hidden;
}



.div-bg-3{
	width: 100%;
	height: 400px;
	floaT: left;
	position:relative;
	overflow:hidden;
	background:#000;
	border-radius: 5px;
}

.div-bg-2{
  margin: 0px 15px;
}

.div-bg-1{
	margin-top: 80px;
	border-radius: 5px 5px 0px 0px;
	width: 100%;
	floaT: left;
	position:relative;
	background:#fff;
	padding: 15px 0px;
}

.wrap ul{
  width: 1090px;
  margin: 0px -40px;
  position:relative;
  overflow:hidden;
}

.wrap{
  width: 750px !important;
  margin: auto;
  position:relative;
  overflow:hidden;
}




.wrap li:nth-child(1){
    transform: skewX(-7.2deg);
}

.wrap li:nth-child(2), .wrap li:nth-child(3) {
    transform: skewX(-7.2deg);
}


.wrap ul {
  list-style: none;
  max-width: 885px;
}
.wrap ul li {
  float: left;
  width: 28%;
  height: 400px;
  opacity: 1;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.wrap ul li:hover, .wrap ul li:first-child ~ li:last-child {
  width: 39%;
  opacity: 1;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.wrap ul li:hover ~ li:last-child {
  width: 27.6%;
}








.search-wrapper.search-wrap.hidden.active{
	animation:fade_in_show 0.2s}
	@keyframes fade_in_show{0%{opacity:0;transform:scale(0)}
	100%{opacity:1;transform:scale(1)}
}


.search-wrapper .input-holder .search-icon {
-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}

.search-wrapper .input-holder .search-icon:hover {
-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}


.search-wrapper.search-wrap.hidden.active{
	height: 34px;
	padding: 0px 0px 0px 20px;
	margin-top: 0px;
}


.search-wrapper {
        position: absolute;
        top: 0px;
        right: 238px;
    }


    .search-wrapper .input-holder {
    	lefT: 15px;
    	top: 10px;
    	height: 35px;
    	width: 52px;
    	position: absolute;
    }


    .search-wrapper.active .input-holder {
    	lefT: -254px;
        width: 340px;
        background: #fff;
		z-index:1;
        box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2);
		top: 10px;
		border-radius: 4px !important;
		transform: skewX(-15deg);
    }




    .search-wrapper .input-holder .search-input {
    	transform: skewX(15deg) !important;
    	width: 0px;
    	height: 35px;
    	padding: 0 0px 0 0px;
    	opacity: 0;
    	position: absolute;
    	top: 0;
    	left: 0;
    	background: 0 0;
    	box-sizing: border-box;
    	border: none;
    	outline: none;
    	font-family: font-3;
    	font-size: 14px;
    	line-height: 20px;
    	color: #444553;

    }

    .search-wrapper.active .input-holder .search-input {
    	width: 300px;
    	padding: 0px 0px 0px 15px;
        opacity: 1;
    }

    .search-wrapper.active .input-holder .search-icon {
		margin-right: 45px;
    }

    .search-wrapper .input-holder .search-icon {
    	top: 0px;
		opacity:0;
		width: 41px;
		height: 35px;
		margin-top: 0px;
		border: none;
		border-radius: 0px;
		padding: 0;
		outline: none;
		position: relative;
		z-index: 11;
		float: right;
		cursor: pointer;
		}

 .search-wrapper .input-holder .search-icon::before {
    border-radius: 5px;
    lefT: 0px;
    width: 100%;
    height: 100%;
    bottom: 0px;
    position: absolute;
    background: url(../images/search.svg) 12px 10px no-repeat;
    transform: skewX(15deg);
    content: "";
}

.search-wrapper.active .input-holder .search-icon::before {
		display: none;
    }


 .search-wrapper .input-holder .search-icon:hover::before {
    background: url(../images/search.svg) 12px -24px no-repeat;
}


    .search-wrapper .input-holder .search-icon:hover {
    	background: var(--foni-1);
    }


    .search-wrapper .input-holder .search-icon {
    	opacity: 1;
    	background: var(--foni-6);
        border-radius: 5px;
        transform: skewX(-15deg);
        z-index:9999;
    }

    .search-wrapper.active .input-holder .search-icon {
    	opacity: 9;
        background: url(../images/search-1.svg) center no-repeat;
        z-index:9999;
        display: none;
    }

    .search-wrapper .input-holder .search-icon span {
        width: 22px;
        height: 22px;
        display: inline-block;
        vertical-align: middle;
        position: relative;
        transform: rotate(45deg);
    }

    .search-wrapper.active .input-holder .search-icon span {
		opacity:0;
    }

    .search-wrapper .input-holder .search-icon span::before,.search-wrapper .input-holder .search-icon span::after {
        position: absolute;
        content: '';
    }

    .search-wrapper .input-holder .search-icon span::before {
        width: 4px;
        height: 14px;
        left: 22px;
        top: 8px;
        border-radius: 5px;
        transform: rotate(-85deg);
    }

    .search-wrapper .input-holder .search-icon span::after {
        width: 14px;
        height: 14px;
        left: 0;
        top: 0;
        border-radius: 16px;
    }

    .search-wrapper .close {
		opacity:0;
		position: absolute;
		z-index: 1;
		top: 17px;
		right: -55px;
		width: 20px;
		height: 20px;
		cursor: pointer;
		transform: rotate(45deg);
		}

    .search-wrapper.active .close {
		transform: rotate(45deg);
        transition: all .6s cubic-bezier(0,.105,.035,1.57);
		opacity:9;
    }

    .search-wrapper .close::before,.search-wrapper .close::after {
        position: absolute;
        content: '';
        background: #3c3838;
        border-radius: 10px;
    }

    .search-wrapper .close::before {
        width: 2px;
        height: 20px;
        left: 9px;
        top: 0;
    }

    .search-wrapper .close::after {
        width: 20px;
        height: 2px;
        left: 0;
        top: 9px;
    }


#cssmenu ul .menu-b a::before {
display: none;
}

.van-div-3 button{
    floaT: right;
    background:rgb(255 255 255 / 0%);
    border:0;
}



.van-div-9{
    -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
    width: 20px;
    height: 20px;
    floaT: left;
    margin: 8px 0px;
    background: var(--foni-1);
    border-radius: 4px;
}


.van-div-8{
    margin: 0px 10px;
}


.van-div-3 .swore-1{
    top: 2px;
    lefT: 12px;
    height: 35px;
}

.van-div-3.swore-1{
    floaT: left;
    transform: skewX(0deg);
    background:rgb(0 0 255 / 0%);
    z-indeX:1;
    width: 100%;
    position:absolute;
    text-align: center;
    left: 0px;
    height: auto;
}

.van-div-10  svg {
   fill: #3D4865; !important;
   -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.van-div-10:hover svg {
   fill: #ffffff; !important;
   -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}


.van-div-10:hover{
     background:#0253B7;
    -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.van-div-10{
	display: none;
    cursor: pointer;
    overflow:hidden;
    width: 44px;
    height: 35px;
    line-height: 36px;
    floaT: right;
    position:relative;
    margin: 0px 0px 0px 0px;
    border-radius: 5px;
    background:#F2F5F9;
    transform: skewX(-15deg);
    text-align: center;
    -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}


.van-div-7{
    cursor: pointer;
    overflow:hidden;
    width: 65px;
    height: 35px;
    line-height: 40px;
    floaT: right;
    position:relative;
    margin: 0px 0px 0px 12px;
    border-radius: 5px;
    background: var(--foni-6);
    transform: skewX(-15deg);
    text-align: center;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}


.van-div-3{
    margin-top: 10px;
}


.van-div-4{
      cursor: pointer;
    overflow:hidden;
    width: 82px;
    height: 35px;
    line-height: 40px;
    floaT: right;
    position:relative;
    margin: 0px 0px 0px 12px;
    border-radius: 5px;
    background: var(--foni-6);
    transform: skewX(-15deg);
    text-align: center;
    -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}


#cssmenu ul .menu-a  a {
   color: var(--foni-02);
}

#cssmenu ul .menu-a  svg {
  fill: var(--foni-02);
}


#cssmenu ul .menu-a::before, #cssmenu ul .menu-a::after {
    width: 10px;
}


#cssmenu > ul > .home-svg-1 svg{
    width: 19px;
    height: 19px;
    margin: -3px 0px -5px 0px;
    position:relative;
    floaT: left;
    }

.van-div-01:hover.van-div-2 svg, .van-div-02:hover.van-div-2 svg, .van-div-03:hover.van-div-2 svg{
   fill: #fff;
    -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.van-div-01.van-div-2 svg{
    -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.van-div-03:hover.van-div-2{
   background: #5641c8;
    -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.van-div-02:hover.van-div-2{
   background: #37B6FD;
    -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.van-div-01:hover.van-div-2{
   background: #3B64B4;
    -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}


.swore-1{
    floaT: left;
    transform: skewX(15deg);
    background:rgb(0 0 255 / 0%);
    z-indeX:0;
    width: 100%;
    position:absolute;
    text-align: center;
    left: 0px;
    height: 30px;
}

.van-div-2 svg{
   fill: #3D4865;
}

.van-div-03.van-div-2{
    line-height: 36px;
}

.van-div-2{
    overflow:hidden;
    width: 34px;
    height: 30px;
    line-height: 34px;
    floaT: left;
    position:relative;
    margin: 0px 10px 0px 0px;
    border-radius: 5px;
    background:#F2F5F9;
    transform: skewX(-15deg);
    text-align: center;
    -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}


.van-div-1{
    width: 150px;
    floaT: left;
    position:relative;
    margin-top: 13px;
}


.header-2{
    width: 100%;
    height: 55px;
    floaT: left;
    position:relative;
}

#cssmenu ul li a::before {
    width: 1px;
    height: 20px;
    position: absolute;
    background: var(--foni-8);
    content: "";
    right: -1px;
    top: 22px;
}

.header-4 ul li ul li a{
   border-right: 0px #ffffff solid;
   font-family: font-1 !important;
}

.header-4 ul li a{
    letter-spacing:0.3px;
    font-family: font-1 !important;
   border-right: 0px #5d95d9 solid;
   font-size: 14px;
   float: left;
   padding: 28px 15px 26px 15px;
   line-height: 11px;
   position:relative;
}

.header-12 a{
   color:#a5a7b2;
}

#cssmenu ul li ul li::before, #cssmenu ul li ul li::after {
display:none !important;
}

#cssmenu ul li:hover::before, #cssmenu ul li:hover::after {
    width: 10px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

#cssmenu ul li::after {
border-radius: 20px 0px 0px 0px;
}

#cssmenu ul li::before {
right: 50% !important;
border-radius: 0px 20px 0px 0px;
}

#cssmenu ul li::before, #cssmenu ul li::after {
    width: 0%;
    height: 4px;
    bottom: -0px;
    position: absolute;
    background: var(--foni-02);
    content: "";
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

#cssmenu ul li::after {
    right: 50% !important;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

#cssmenu ul li::before {
    left: 50%;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

#cssmenu{margin-top: 0px;floaT: right;padding:0;line-height:1;display:block;position:relative;font-family:font-1;box-sizing:content-box;}
#cssmenu ul{list-style:none;margin: 0px 0px -1px 0px; padding: 0px 0px 0px 0px; display:block;float:left;}
#cssmenu ul li{    margin: 0px 0px;  padding:0px 0px; display:block;position:relative;}
#cssmenu ul li a{  text-decoration:none;display:block;margin:0;-webkit-transition:color .1s ease;-moz-transition:color .1s ease;-ms-transition:color .1s ease;-o-transition:color .1s ease;transition:color .1s ease;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#cssmenu ul li ul{position:absolute;left:-9999px;top: 65px;}
#cssmenu ul li ul li{
border-left: 0px #eee solid !important;
max-height:0;
position:absolute;
-webkit-transition:max-height 0.1s ease-out;
-moz-transition:max-height 0.1s ease-out;
-ms-transition:max-height 0.1s ease-out;
-o-transition:max-height 0.1s ease-out;transition:max-height 0.1s ease-out;
}

#cssmenu.align-right ul li ul li.has-sub:after{right:auto;left:15px;}
#cssmenu.align-right ul li ul li.has-sub:before{right:auto;left:15px;border-left-color:transparent;border-right-color:#fff;}
#cssmenu ul li ul li a{ font-family: font-4 !important;  -webkit-transition: all .1s;-moz-transition: all .1s;-o-transition: all .1s;transition: all .1s; border-bottom: 1px #eee solid;display: inline-block;font-size: 15px;opacity: 1; font-family:font-2;font-size: 14px;font-weight:400;text-transform:none;letter-spacing:0;display:block;width:280px;padding: 19px 10px 19px 20px;}
#cssmenu ul li ul li:hover > a, #cssmenu ul li ul li.active > a{ -webkit-transition: all .1s;-moz-transition: all .1s;-o-transition: all .1s;transition: all .1s;  color: var(--foni-1); !important;background: rgb(45 48 62 / 3%);}
#cssmenu ul li ul li:hover:after,
#cssmenu ul li ul li.active:after{background:#2196f3;}
#cssmenu ul li ul li:hover > ul{  background: #191a21;border-top: 0px solid #191a21;border-bottom: 0px solid #191a21;border-left: 0px solid #eee;border-right: 0px solid #eee;left:100%;top: 0px;}
#cssmenu ul li ul li:hover > ul > li{max-height:72px;position:relative;}
#cssmenu > ul > li{float:left;}
#cssmenu.align-center > ul > li{float:none;display:inline-block;}
#cssmenu.align-center > ul{text-align:center;font-size:0;}
#cssmenu.align-center ul ul{text-align:left;}
#cssmenu.align-right > ul{float:right;}
#cssmenu.align-right > ul > li:hover > ul{left:auto;right:0;}
#cssmenu.align-right ul ul li:hover > ul{right:100%;left:auto;}
#cssmenu.align-right ul ul li a{text-align:right;}
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li.active > a{color: var(--foni-02);position:relative;z-index:9999;cursor:pointer;-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
#cssmenu > ul > li > a,
#cssmenu > ul > li.active > a{
    color:#fff;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;

}

#cssmenu > ul > li:hover > ul a{  opacity:9;font-size:14px;color: #3D4865;left:0;}
#cssmenu > ul > li:hover > ul{left:0;}
#cssmenu > ul > li:hover > ul > li{display: inline-block;z-index:999999;max-height: 47px;position:relative;}
#cssmenu #menu-button{display:none;}
#cssmenu > ul > li > a{display:block;}
#cssmenu > ul > li{width:auto;}
#cssmenu > ul > li > ul{border-radius: 0px 0px 5px 5px;overflow:hidden;background: #ffffff;box-shadow: 0px 5px 10px 0px rgb(0 0 0 / 10%);font-family:font-2;width:280px;display:block;}

.header-03.header-3 {
    position: fixed;
    top: 0px !important;
    margin-top: 0px;
    box-shadow: 0px 4px 4px rgb(0 0 0 /8%);
    z-index:9;
}

.header-3 {
    z-index: 11;
    margin-bottom: 20px;
    float: left;
    position: absolute;
    margin-top: 55px;
    widtH: 100%;
    background: var(--foni-1);
    line-height: 50px;
}


.logo-1 img{
    widtH: 100%;
    line-height: 0px;
    float: left;
    position: relative;
}

.logo-2 path{
	fill: #ffffff;
}

.logo-2 {
    line-height: 0px;
    width: 100%;
    margin: 16.4px 0px;
    float: left;
    position: relative;
}

.logo-1 {
    width: 155px;
    height: 65px;
    line-height: 65px;
    margin: 0px 0px;
    float: left;
    position: relative;
}


.header-2 a{
    color: #fff;
}


.header-1 {
    float: left;
    position: relative;
    widtH: 100%;
    height: 55px;
    background:#ffffff;
    line-height: 55px;
}



.game-9 {
    position:relative;
}

.game-9 .slick-list {
    margin:0 -9px;
}

.slick-slide {
    margin:0 10px;
}

.item {
    height:300px;
}

.back {
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
}

.back-con {
    position:relative;
    width:100%;
    height:100%;
    text-align: center;
    box-shadow: 
}

.slick-dots li{background: #FFBE10;border-radius:10px;position:relative;display:inline-block;width:12px;height:12px;margin:0 6px;padding:0;cursor:pointer;}
.slick-dots li button{font-size:0;line-height:0;display:block;width:10px;height:10px;padding:5px;cursor:pointer;color:transparent;border:0;outline:none;background:transparent;}
.slick-dots{ padding-bottom: 2px !important; display: none !important; bottom: 0px;width:100% !important;position:absolute;padding:0;margin:0;list-style:none;text-align:center;z-index:9;}
.slick-dots .slick-active{background: #0253B7;border-radius:100px;}



.slick-next:before{
	width: 30px;
	height: 30px;
	background: url(../images/next-1.svg) 12px 11px  no-repeat;
	content: "";
	position:absolute;
	lefT: 0px;
	transform: skewX(10deg);
}

.slick-prev:after{
	width: 30px;
	height: 30px;
	background: url(../images/next-2.svg) 12px 11px  no-repeat;
	content: "";
	position:absolute;
	lefT: 0px;
	transform: skewX(10deg);
}


.slick-next{
	right: 3px;
}

.slick-prev{
	right:43px;
}

.slick-disabled.slick-prev, .slick-disabled.slick-next {
    opacity: 0.5 !important;
}

.slick-next, .slick-prev{
	transform: skewX(-15deg);
	background-color: var(--foni-1);
	border: 0;
	floaT:left;
	border-radius: 5px;
	font-size:0px !important;
	z-index:9;
	line-height:40px;
	position:absolute;
	display:block !important;
	width: 30px !important;
	height: 30px !important;
	padding:0;
	cursor:pointer;
	}
}




@media (min-width:1000px) and (max-width:1100px){
.berrors {
	background: #ffe6dd !important;
	border: 1px solid #f0c4b5;
	color: #553c33;
	padding: 20px 25px;
	margin-bottom: 15px;
	border-radius: 5px;
	box-sizing: border-box;
}

.a-cont-11 .fanjara-7, .a-cont-11 .fanjara-9  {
	-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;
}

.a-cont-11 .fanjara-7:hover, .a-cont-11 .fanjara-9:hover  {
	box-shadow: 0px 0px 0px 3px var(--foni-1), 0px 0px 10px 6px rgb(230 230 230 / 60%);
	-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;
}


.a-cont-11 .fanjara-zoma-1 img{
	width: auto !important;
}


#pagi-load span{ display: none;}
#pagi-load a span{ display: block; }
#pagi-load span{ float: left;  transform: skewX(15deg) !important; }
.pagi-load{  text-align: center; font-size:0px;}
.bottom-nav{width:100%;margin: 0px 0px 17px 0px;}
.pagi-load a:hover{transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;background:var(--foni-2);}
.pagi-load a:hover .fa-refresh{transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;}
.pagi-load a{  transform: skewX(-15deg); border-radius: 5px; transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;padding:0px 25px;display:inline-block;height:50px;line-height:50px;font-size:16px; letter-spacing: -0.5px; cursor:pointer;color:#ffffff;background: var(--foni-1);text-align:center;font-family:font-2;}



.wrap li:nth-child(2) .div-bg-video-1{
	right: 85px;
}


.div-bg-6{
	width: 100%;
	height: 100%;
	floaT: left;
	position: absolute;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.90) 100%);
	z-index:1;
}


.wrap li:nth-child(2) {
    position:relative;
    right: 0px;
    z-index:0 !important;
}

.wrap li:nth-child(3) {
    position:relative;
    right: 0px;
    z-index:999999999 !important;
}

.wrap li:nth-child(2) {
    left: -60px !important;
    position:relative;
    right: 0px;
    float: right !important;
}




#searchsuggestions span.notfound{ display: block; padding: 12px 0px 0px 0px !important;  text-align: center !important; }

#searchsuggestions{
	z-index: 999 !important;
}

#searchsuggestions {
	width: 340px;
}


#searchsuggestions a{padding:15px 15px !important;}
#searchsuggestions{overflow:hidden; }

#dofullsearch, .seperator{display:none !important;}
#searchsuggestions a span { font-family: font-1; font-size: 14px; }



/*---search---*/
#searchsuggestions {
	z-index: 2200;
	border-radius: 3px;
	background: #fff;
	box-shadow: 0 8px 40px -10px rgba(0,0,0,0.3);
	border: 1px solid #ddd; 
	background-clip: padding-box;
	font-size: .9em;
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
	}


.ajax-serch-1 img{
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.ajax-serch-1:hover img{
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}


.ajax-serch-1 .ajax-serch-2{
    -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}

.ajax-serch-1:hover .ajax-serch-2{
   color:var(--foni-1);
    -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}



.ajax-serch-6{
    width: 100%;
    height: 50px;
    font-size: 13px;
    font-family: font-2;
    position:relative;
    overflow:hidden;
    floaT: right;
    margin: 0px 0px 10px 0px;
    color:#898585;
}


.ajax-serch-5{
    width: 100%;
    height: 59px;
    overflow:hidden;
    font-size: 14.5px;
    line-height: 20px;
    font-family: font-4;
    position:relative;
    floaT: right;
    margin: 0px 0px 0px 0px;
}


.ajax-serch-4{
    width: 67%;
    position:relative;
    floaT: right;
    margin: 0px 0px;
}


.ajax-serch-3, .ajax-serch-3 img{
    height: 80px;
    line-height: 0px;
    object-fit: cover;
    position:relative;
    overflow:hidden;
    border-radius: 4px;
}

.ajax-serch-1 img{
    width: 100%;
    object-fit: cover;
}


.ajax-serch-3{
    width: 90px;
    position:relative;
    floaT: left;
    margin: 0px 0px;
}



.ajax-serch-1{
    width: 100%;
    position:relative;
    floaT: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 15px 0px;
    border-bottom: 1px #eee solid;
}

.ajax-serch-2{
   margin: 0px 15px;
}





.new-tab-1 .rss-new-1, .tabss .tab-iocn-3, .sezoni-1{
  animation: fadeIn 0.8s;
  -webkit-animation: fadeIn 0.8s;
  -moz-animation: fadeIn 0.8s;
  -o-animation: fadeIn 0.8s;
  -ms-animation: fadeIn 0.8s;
}

@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-moz-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-webkit-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-o-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-ms-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}



.div-f-1 .div-bg-video-2 svg{
	width: 18px;
}


#cssmenu ul li ul .menu-aa a{
	color: var(--foni-1) !important;
}


.div-bg-video-2{
	transform: skewX(9deg);
}

.news-1:hover .div-bg-video-1{
    background: rgb(0 0 0 / 40%);
    -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;
}

.news-1 .div-bg-video-2{
	transform: skewX(3deg);
}

.news-1 .div-bg-video-1{
	right: 15px;
    cursor: pointer;
    overflow:hidden;
    width: 32px;
    height: 32px;
    line-height: 37px;
    floaT: right;
    position: absolute;
    margin: 15px 0px 0px 0px;
    border-radius: 7px;
    transform: skewX(-3deg);
    text-indent: 1px;
    text-align: center;
    z-index:1;
    border: 2px #fff solid;
    -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;
}



#cssmenu > ul > li:hover  .svg-menu-1 path{
fill: var(--foni-02);
}



.svg-menu-1 path{
    fill: #A4C4FF;
    }


.svg-menu-1 svg{
    width: 100%;
    }

.svg-menu-1 svg{
    fill: #fff;
    width: 7px;
    height: 6px;
    margin: -0px 0px 0px 3px;
    position:relative;
   top: -4px;
}





.fanjara-7, .fanjara-9  {
}


.fanjara-7:hover, .fanjara-9:hover  {
	box-shadow: 0px 0px 0px 3px #E6E6E6, 0px 0px 10px 6px rgb(230 230 230 / 60%);
}


.fanjara-a.fanjara-7:hover, .fanjara-a.fanjara-9:hover {
	background:#fff;
	-moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; 
}

.fanjara-a.fanjara-7, .fanjara-a.fanjara-9 {
	background:rgb(238 238 238 / 80%);
	-moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; 
}

.fanjara-color-2.fanjara-7, .fanjara-color-3.fanjara-9{
	-moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; 
}

.fanjara-hover-3 img{
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2;
}

.fanjara-color-1.fanjara-7 {
	-moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; 
}

.fanjara-7 .fanjara-zoma-1, .fanjara-9 .fanjara-zoma-1{
	 lefT: -5px;
	 -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; 
}

.fanjara-1 .fanjara-7:hover .fanjara-zoma-1, .fanjara-1 .fanjara-9:hover .fanjara-zoma-1{
	 lefT: -300px;
	 -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; 
}

.fanjara-1 .fanjara-7:hover .fanjara-hover-1, .fanjara-1 .fanjara-9:hover .fanjara-hover-1{
     lefT: 0px;
    opacity:9;
   -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; 
}

.fanjara-hover-1{
   transform: skewX(15deg) !important;
   -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; 
   width: 100%;
   height: 100%;
   position:absolute;
   floaT: left;
   background: #ffffff;
   border-radius: 5px;
   lefT: -300px;
   z-index:111;
   opacity:0;
}


.fanjara-color-1 .fanjara-hover-4{
   margin: 13px 0px 0px 10px;
}

.fanjara-hover-6{
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2;
}

.fanjara-hover-4{
   position:relative;
   floaT: left;
   margin: 12px 0px 0px 6px;
   font-size: 13.5px;
   font-family: font-4;
}


.fanjara-hover-3 img{
   width: 100%;
}

.fanjara-color-3 .fanjara-hover-3{
   width: 20px !important;
   height: 28px !important;
   margin: 7px 2px 3px 18px;
}

.fanjara-color-4 .fanjara-hover-3{
   width: 14px !important;
   height: 32px !important;
   line-height: 28px;
   margin: 5px 0px 0px 18px;
}

.fanjara-hover-3{
   width: 23px;
   height: 41px;
   line-height: 28px;
   position:relative;
   floaT: left;
   margin: 0px 0px 0px 17px;
}



.cd-popup-container .cd-popup-close:before{ 
z-index:9; 
position:absolute;
top:0px;
right:0px;
width:80px;
height:60px;
background: url(../images/iqsi.svg) center no-repeat;
transform: skewX(15deg);
content: "";
}

.cd-popup-container .cd-popup-close{ 
z-index:99; 
position:absolute;
top: -15px;
right:-60px;
width:80px;
height:60px;
background: var(--foni-2);
transform: skewX(-15deg);
border-radius: 7px;
}

.fanjara-11 {
	width: 100%;
	floaT: left;
	position:relative;
	margin: 0% 0% 0% -3.2%;
}


.fanjara-zoma-1 {
	transform: skewX(15deg) !important;
}

.fanjara-4{
	width: 564px;
	floaT: left;
	margin: 0px 0px 0px 0px;
}

.fanjara-9 {
	background:#fff;
	overflow:hidden;
	width: 30%;
	height: 60px;
	floaT: left;
	position:relative;
	margin: 0% 15px 15px 0%;
	box-shadow: 0px 0px 0px 3px #E6E6E6;
	border-radius: 5px;
	transform: skewX(-15deg);
}


.fanjara-8 {
	width: 106%;
	floaT: left;
	position:relative;
	margin: 0% 0% 0% -3%;
}


.fanjara-07.fanjara-7 div, .fanjara-9 div{
    position: absolute;
    top: 35%;
}

.fanjara-7 div, .fanjara-9 div{
	text-align: center;
    position: absolute;
    top: 30%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2;
}

.fanjara-7 {
	background:#fff;
	transform: skewX(-15deg);
	width: 46.4%;
	height: 60px;
	floaT: left;
	position:relative;
	overflow:hidden;
	margin: 0px 15px 3px 0px;
	box-shadow: 0px 0px 0px 3px #E6E6E6;
	border-radius: 5px;
}

.fanjara-6 {
	width: 106.4%;
	floaT: left;
	position:relative;
	padding: 2% 0% 2% 0%;
}

.fanjara-3{
	width: 92%;
	floaT: left;
	position:relative;
	padding: 4% 0% 5% 0%;
}

.fanjara-2{
	margin: 0px 0px;
	transform: skewX(15deg) !important; 
}

.fanjara-1{
	border-radius: 10px;
	background:#ffffff;
	width: 100%;
	floaT: left;
	position:relative;
	padding: 25px 0px 20px 0px;
	transform: skewX(-15deg) !important; 
}


.img-replace{display:inline-block;overflow:hidden;text-indent:100%;color:transparent;white-space:nowrap;}
.cd-popup{position:fixed;left:0;top:0;height:100%;width:100%;background-color:rgb(0 0 0/60%);opacity:0;visibility:hidden;-webkit-transition:opacity 0.3s 0s, visibility 0s 0.3s;-moz-transition:opacity 0.3s 0s, visibility 0s 0.3s;transition:opacity 0.3s 0s, visibility 0s 0.3s;z-indeX: 9999999999;}
.cd-popup.is-visible{opacity:1;visibility:visible;-webkit-transition:opacity 0.3s 0s, visibility 0s 0s;-moz-transition:opacity 0.3s 0s, visibility 0s 0s;transition:opacity 0.3s 0s, visibility 0s 0s;}
.cd-popup-container{ position:relative;width:100%;max-width:650px;margin: 2em auto;text-align:center;box-shadow:0 0 20px rgba(0, 0, 0, 0.2);-webkit-transform:translateY(-40px);-moz-transform:translateY(-40px);-ms-transform:translateY(-40px);-o-transform:translateY(-40px);transform:translateY(-40px);-webkit-backface-visibility:hidden;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;transition-property:transform;-webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;transition-duration:0.3s;}
.is-visible .cd-popup-container{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);}

.foni-bg-3 path{
   fill: var(--foni-1);
}

.foni-bg-3{
	width: 124.56;
	height: 340.64;
	z-index:0;
	position:absolute;
	right: 0px;
	top: 165px;
}


.foni-bg-2 path{
	 fill: var(--foni-2) !important;
}

.foni-bg-2 img{
	width: 100%;
}

.foni-bg-2{
	width: 124.56px;
	height: 340.64px;
	z-index:0;
	position:absolute;
	left: 0px;
	top: 300px;
}


.foni-bg-1{
	width: 100%;
	z-index:0;
	position:absolute;
	lefT: 0px;
	top: 0px;
}

.footer-logo-1{
	z-index:0;
	position:absolute;
	width: 100%;
	text-align: center;
}

.footer-10:hover svg{
	stroke: var(--foni-1);
	-moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; 

}

.footer-10 svg{
	-moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; 
	stroke: #8F969E;
}

.footer-10{
	floaT: left;
	position:relative;
	margin: 6px 3px 0px 0px;
}

.footer-9{
	floaT: right;
	position:relative;
	margin: 0px 14px 0px 14px;
}

.footer-8{
	floaT: right;
	position:relative;
	margin: 0px 0px 0px 0px;
}


.footer-7{
	z-index:1;
	floaT: right;
	position:relative;
	margin: 0px 0px 0px 0px;
}

.footer-6 svg{
	fill: #636971;
}


.footer-6{
	transform: skewX(15deg);
}



.footer-5:hover {
	background: #c8cdd7;
	-moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; 
}

.footer-5{
	-moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; 
	transform: skewX(-15deg);
	width: 32px;
	height: 28px;
	background: var(--foni-5); 
	floaT: left;
	position:relative;
	margin: -2px 0px 0px 0px;
	text-align: center;
	border-radius: 5px;
	line-height: 22px;
	text-indent: -2px;
}

.footer-4 svg{
	fill: #515C69;
}


.footer-4{
	floaT: left;
	position:relative;
	margin: 0px 20px 0px 0px;
}

.footer-3{

	width: 100px;
	z-index:1;
	floaT: left;
	position:relative;
	margin: 5px 0px 0px 0px;
}



.footer-02{
	width: 100%;
	floaT: left;
	position:relative;
	margin: 17px 0px 14px 0px;
}

.footer-14 a:hover{
	color: #5f6e7c;
	-moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; 
}

.footer-14 a{
	color: #efefef;
	margin: 0px 0px 0px 15px;
	-moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; 
}

.footer-14{
	floaT: right;
	position:relative;
	color:#B8BABD;
}


.footer-13{
	floaT: left;
	position:relative;
}

.footer-11{
	width: 100%;
	height: 50px;
	line-height: 50px;
	floaT: left;
	position:relative;
	overflow:hidden;
	background: var(--foni-4);
	border-radius: 0px 0px 5px 5px;
	color:var(--foni-7);
	font-family: font-1;
	margin-bottom: 15px;
}


.footer-2, .footer-12{
	margin: 0px 15px;
}

.footer-1{
	width: 100%;
	floaT: left;
	position:relative;
	background:#fff;
	border-top: 5px solid var(--foni-1);;
}

.rss-new-1:hover .rss-icon-1:before {
	-moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; 
    opacity:9;
}



.rss-icon-1:before {
	-moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; 
    position: absolute;
    top: 4px;
    left: 40px;
    color:#fff;
    font-size: 20px;
    font-family: font;
    letter-spacing: 1px;
    line-height: 23px;
    opacity:0;
}

.rss-new-5 {
	width: 100%;
	height: 100%;
	floaT: left;
	position:absolute;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.79) 97.46%);
    z-index:1;
}

#tab-8 .rss-new-1:hover .rss-new-4{color: #0253B7;}
#tab-7 .rss-new-1:hover .rss-new-4{color:#0092C1;}
#tab-6 .rss-new-1:hover .rss-new-4{color:#C20101;}
#tab-5 .rss-new-1:hover .rss-new-4{color:#1C1C1D;}
#tab-4 .rss-new-1:hover .rss-new-4{color:#BA1D5C;}
#tab-3 .rss-new-1:hover .rss-new-4{color:#E01F3F;}
#tab-2 .rss-new-1:hover .rss-new-4{color:#F86A40;}
#tab-1 .rss-new-1:hover .rss-new-4{color:#3447B5;}

.rss-new-1:hover .rss-new-4{
	-moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; 
}

.rss-new-1 .rss-new-4{
	-moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; 
}



#tab-8 .rss-icon-1{ width: 115px; background: #fff;}
#tab-8 .rss-iconn-01{ background:  url(../images/ge-01.svg) 13px 8.4px no-repeat; background-size: 75% !important; }


#tab-7 .rss-icon-1{ width: 155px; background: #fff;}
#tab-7 .rss-iconn-01{ background:  url(../images/en-1.svg) 13px 10px no-repeat; background-size: 130px; }

#tab-6 .rss-icon-1{ width: 103px; background: #fff;}
#tab-6 .rss-iconn-01{ background:  url(../images/ge-02.svg) 11px 7.5px no-repeat; background-size: 75% !important; }

#tab-5 .rss-icon-1{ width: 80px; background: #fff;}
#tab-5 .rss-iconn-01{ background:  url(../images/ge-03.svg) 10px 7.3px no-repeat; background-size: 75% !important; }

#tab-4 .rss-icon-1{ width: 120px; background: #fff;}
#tab-4 .rss-iconn-01{ background:  url(../images/ge-04.svg) 13px 7.3px no-repeat; background-size: 75% !important; }

#tab-3 .rss-icon-1{ width: 125px; background: #fff;}
#tab-3 .rss-iconn-01{ background:  url(../images/ge-07.svg) 14px 7.5px no-repeat; background-size: 75% !important; }

#tab-2 .rss-icon-1{ width: 125px; background: #fff;}
#tab-2 .rss-iconn-01{ background:  url(../images/ge-05.svg) 14px 7.5px no-repeat; background-size: 75% !important; }

#tab-1 .rss-icon-1{ width: 100px; background: #fff;}
#tab-1 .rss-iconn-01{ background:  url(../images/ge-06.svg) 12px 7.5px no-repeat; background-size: 75% !important; }



.rss-iconn-01{
	transform: skewX(15deg);
	position:relative;
    height: 34px;
}

.rss-new-1:hover .rss-icon-1{
	-moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; 
	opacity:1;
}

.rss-new-1 .rss-icon-1{
	-moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; 
	opacity:0;
}

.rss-icon-1{
	-moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; 
	transform: skewX(-15deg);
	height: 32px;
	position:absolute;
	left: 15px;
	bottom: 10px;
	background-color:#fff;
	border-radius: 5px;
	z-index:11;
}


.rss-new-2 img{
	width: 100%;
	line-height: 0px;
}

.rss-new-2 {
	width: 100%;
	floaT: left;
	position:relative;
	overflow:hidden;
}


.rss-new-2, .rss-new-2 img{
	 height: 145px;
	 object-fit: cover;
}

.rss-new-4{
	margin: 0px 15px;
}

.rss-new-3 {
	width: 100%;
	height: 52px;
	font-family: font-1;
	letter-spacing: 0px;
	font-size: 14px;
	line-height: 17px;
	floaT: left;
	position:relative;
	overflow:hidden;
	margin: 15px 0px;
	color:var(--foni-3);
}


.tabgroup{
	width: 103%;
	position:relative;
	floaT: left;
	margin: 0px -7.5px;
}



.rss-new-1 img{
	width: 100%;
	line-height: 0px;
	font-size: 0px;
}


.rss-new-1{
	width: 218.7px;
	position:relative;
	floaT: left;
	z-index:1;
	overflow:hidden;
	border-radius: 5px;
	margin: 0px 7.5px;
	background:#fff;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
}



.new-tab-2 ul.tabss li a.active .color-icon-7 .tab-iocn-3{
	floaT: left;
	display: block !important;
	margin: 5px 2px 0px 0px;
}

.new-tab-2 ul.tabss li a.active .color-icon-7 .tab-iocn-2{
	display: none !important;
}

.color-icon-7 .tab-iocn-3{
color:#0092C1;
}

.color-icon-7 .tab-iocn-2{
	floaT: left;
	height: 20px;
	margin: 9px 0px 0px 0px !important;
}

.color-icon-8 .tab-iocn-3{
background: linear-gradient(180deg, #2875D3 0%, #0E5BBA 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.color-icon-6 .tab-iocn-3{
background: linear-gradient(180deg, #C20101 0%, #D70E0E 0.01%, #B70505 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.color-icon-5 .tab-iocn-3{
background: linear-gradient(180deg, #454445 0%, #131213 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.color-icon-4 .tab-iocn-3{
background: linear-gradient(180deg, #445FB7 0%, #A60043 68.75%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.color-icon-3 .tab-iocn-3{
background: linear-gradient(180deg, #C20101 0%, #D70E0E 0.01%, #B70505 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.color-icon-2 .tab-iocn-3{
background: linear-gradient(180deg, #F86A40 0%, #E35227 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.color-icon-1 .tab-iocn-3{
background: linear-gradient(180deg, #3447B5 0%, #071566 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.new-tab-2 .tab-iocn-2{
	floaT: left;
	height: 25px;
	margin: 12px 0px 0px 0px;
}

.new-tab-2 ul.tabss li a.active .tab-iocn-3{
	floaT: left;
	display: block !important;
	margin: 5px 2px 0px 6px;
}

.tab-iocn-3{
	display: none;
}


.tab-iocn-3{
	font-family:font;
	font-size: 33px;
}

.new-tab-4{
	margin: 0px 15px;
}


.new-tab-3{
	width: 100%;
	position:relative;
	floaT: left;
	z-index:1;
	padding: 15px 0px;
}




.new-tab-2 ul.tabss{border-bottom: 1px solid var(--foni-5); height: 49px;background:#ffffff;z-index:9;position:relative;bottom:0px;width:100%;list-style:none;/* overflow:hidden; */padding:0px 0px 0px 0px;floaT:left;}
.new-tab-2 ul.tabss li { border-right: 1px solid var(--foni-5); padding: 0px 0px; float:left;}
.new-tab-2 ul.tabss li a{ height: 49px; position:relative;display:block;padding: 0px 15px;floaT:left;font-family:font-1;font-size:14px;text-align:center;line-height: 40px;text-decoration:none;color:#151c29;}
.new-tab-2 ul.tabss li a.active{ height: 50px !important;  background:#F2F2F2;z-index:1;outline:none;}


.new-tab-1{
	width: 100%;
	position:relative;
	floaT: left;
	z-index:1;
	background: #F2F2F2;
	border: 1px solid var(--foni-5);
}


.news-5 svg{
	fill: #fff;
}

.swore-4{
    floaT: left;
    transform: skewX(15deg);
    background:rgb(0 0 255 / 0%);
    z-indeX:0;
    width: 100%;
    text-align: center;
    left: 0px;
    line-height: 10px;
}

.new-vid-4 svg{
    fill:#fff;
}


.new-lod .new-vid-4{
    margin: 3px 0px 2px 0px;
}

.new-vid-4{
    width: 100%;
    floaT: left;
    position:relative;
    text-align: center;
    margin: 3px 0px 0px 0px;
}



.news-1 img, .rss-new-1 img {
        -webkit-transition: all 2s cubic-bezier(0, 0, 0.2, 1);
    -o-transition: all 2s cubic-bezier(0, 0, 0.2, 1);
    transition: all 2s cubic-bezier(0, 0, 0.2, 1);
}

.news-1:hover img, .rss-new-1:hover img {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
        -webkit-transition: all 2s cubic-bezier(0, 0, 0.2, 1);
    -o-transition: all 2s cubic-bezier(0, 0, 0.2, 1);
    transition: all 2s cubic-bezier(0, 0, 0.2, 1);
}


.news-1:hover .news-7 {
	color:var(--foni-1);
	-moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; 
}

.news-1 .news-7 {
	-moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; 
}

.news-6::before {
    content: '';
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0px 340px 9px 0px;
    border-color: rgba(50, 198, 0, 0) rgb(25 118 210 / 0%) #fff rgb(255 255 255);
    margin: 0px 0px 0px 0px;
    z-indeX: 0;
    transition: all .3s linear .3s;
    -o-transition: all .3s linear .3s;
    -moz-transition: all .3s linear .3s;
    -webkit-transition: all .3s linear .3s;
    position: absolute;
    left: 0px;
    bottom: 0px;
}
.news-6 {
	width: 100%;
	height: 100%;
	floaT: left;
	position:absolute;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.79) 97.46%);
    border-radius: 5px 5px 0px 0px;
    z-index:1;
}


.news-5 svg{
	floaT: left;
	margin: 0px 4px 1px -7px;
}


.news-4 {
	floaT: left;
	position:absolute;
	overflow:hidden;
	background:rgb(255 255 255 / 20%);
	padding: 9px 15px 8px 18px;
	border-radius: 100px;
	right: 12px;
	bottom: 22px;
	color:#fff;
	z-index:11;
	font-size: 13px;
}

.news-8 {
	margin: 0px 16px;
}

.news-7 {
	width: 100%;
	height: 51px;
	font-family: font-2;
	letter-spacing: -0.7px;
	font-size: 16.5px;
	line-height: 18px;
	floaT: left;
	position:relative;
	overflow:hidden;
	margin: 10px 0px 15px 0px;
	color:#3D4865;
}



.news-3 {
	width: 100%;
	floaT: left;
	position:relative;
	overflow:hidden;
}


.news-3, .news-3 img{
	 height: 180px;
	 object-fit: cover;
}

.news-1 img{
	width: 100%;
	line-height: 0px;
}

.news-1{
	width: 306.5px;
	floaT: left;
	z-index:1;
	position:relative;
	overflow:hidden;
	margin: 0px 7.5px 15px 7.5px;
	background: #FFFFFF;
	box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.08);
	border-radius: 5px;
}


.new-vid-3{
	width: 102%;
	floaT: left;
	z-index:1;
	position:relative;
	margin: 0px 0px 0px -7.5px;
}

.new-vid-2{
	width: 100%;
	floaT: left;
	z-index:1;
	position:relative;
	margin: 0px 0px 0px 0px;
}


.game-02.game-2 .game-6{
	margin-top: 15px;
}
.game-02.game-2 .game-bg-1{
	background: var(--foni-10);
}
.game-02.game-2 .swore-3{
    line-height: 53px;
}
.game-02.game-2 .game-3 svg{
	fill-opacity:9;
	fill:#fff;
}

.game-02.game-2 .game-3{
    background: var(--foni-1);
}

.new-vid-1{
	width: 100%;
	floaT: left;
	z-index:1;
	position:relative;
	margin: 15px 0px 0px 0px;
}


.game-new-01.game-new-1{
	background: #F3F5F8;
	border: 1px #E4E6EA solid;
}



.game-live-1 b{
color: var(--foni-1);
}


.game-live-3 {	
floaT: left;
position:relative;
margin: 0px 0px 0px 5px;
}

.game-live-2 svg {
    fill: #3D4865;
}

.game-live-2 {
width: 15px;	
floaT: left;
position:relative;
margin: 1px 0px 0px 21px;
}


.game-live-1 {
width: 100%;	
floaT: left;
position:absolute;
margin: 10px 0px 0px 0px;
font-family: font-1;
font-size: 14px;
bottom: 12px;
}



.game-new-10 {
width: 100%;	
floaT: left;
position:relative;
margin: 0px 0px 0px 0px;
font-family: font-2;
font-size: 15px;
color: var(--foni-1);
}


.game-new-9 {
width: 100%;	
floaT: left;
position:relative;
margin: 0px 0px 5px 0px;
font-family: font-1;
}

.game-new-8 img {
width: 28px;;	
}

.game-new-8 {
width: 100%;	
floaT: left;
position:relative;
margin: 6px 0px 5px 0px;
font-family: font-1;
}



.game-new-7 {
width: 100%;	
floaT: left;
position:relative;
margin: 0px 0px 0px 0px;
font-family: font-1;
}



.game-new-5 {
width: 100%;	
height: 26px;
overflow:hidden;
floaT: left;
position:relative;
margin: 8px 0px 0px 0px;
line-height: 12px !important;
font-size: 13px  !important;
}


.game-new-4 img {
width: 45px;	
}

.game-new-4 {
width: 100%;	
floaT: left;
position:relative;
font-size: 0px;
}



.game-new-6{width: 26%;floaT: left;position:relative;}


.game-new-03.game-new-3{
floaT: right !important;
}

.game-new-3{
width: 37%;	
floaT: left;
position:relative;
font-family: font-2;
font-size: 12px;
letter-spacing: -0.3px;
}

.game-new-2{
margin: 11% 2%;
}

.game-new-1{
	margin-top: 55px !important;
	height: 150px;
	floaT: left;
	position:relative;
	z-index:1;
	font-family: font-3;
	text-align: center;
	border: 1px solid var(--foni-5);
	border-radius: 5px;
	color: var(--foni-3);
}



.game-8{
	margin-top: -55px;
	width: 100%;
	floaT: left;
	position:relative;
	overflow:hidden;
	z-index:1;
	font-family: font-3;
}



.game-bg-1{
	width: 170px;
	height: 45px;
	background: var(--foni-9);
	floaT: left;
	position:absolute;
	z-index:0;
	margin-left: 20px;
	font-family: font-3;
	font-size: 14px;
	color: #4E5871;
}


.game-7{
	width: 100%;
	floaT: left;
	position:relative;
	z-index:1;
	font-family: font-3;
	font-size: 14px;
	color: var(--foni-3);
}

.game-6 a{
	color:var(--foni-3);
}

.game-6{
	font-family: font-2;
	width: 100%;	
	floaT: left;
	position:relative;
	z-index:1;
	color:var(--foni-3);
	font-size: 17px;
	line-height: 15px;
	letter-spacing: -1px;
	margin-top: 6px;
}

.game-5{
	floaT: left;
	position:relative;
	z-index:11;
}



.game-3 svg{
	fill-opacity:0.6;
	fill:#000;
}

.swore-3{
    floaT: left;
    transform: skewX(15deg);
    background:rgb(0 0 255 / 0%);
    z-indeX:0;
    width: 100%;
    position:absolute;
    text-align: center;
    left: 0px;
    line-height: 60px;
    height: 45px;
}



.game-3{
	width: 50px;
	height: 45px;
    background: var(--foni-2);
	floaT: left;
	z-index:1;
	position:relative;
	transform: skewX(-15deg);
	border-radius: 5px;
	margin-right: 15px;
	margin-lefT: 5px;
}



.game-2{
	width: 100%;
	floaT: left;
	/* z-index:1; */
	position:relative;
	margin: 0px 0px 15px 0px;
}



.game-1{
	width: 100%;
	floaT: left;
	z-index:1;
	position:relative;
	margin: 15px 0px 0px 0px;
}





.div-sl-3 .div-bg-11 img{
	 transform: skewX(5.5deg);
	 margin: 0px -25px;
	 object-fit: cover;
}

.div-sl-2 .div-bg-11 img{
	 transform: skewX(5.5deg);
	 margin: 0px -25px;
	 object-fit: cover;
}


.div-sl-1 .div-bg-11 img{
	 transform: skewX(5.5deg);
	 margin: 0px -0%;
	 object-fit: cover;
}

.div-sl-3 .div-bg-11 img{
	 width: 580px;
	 height: 500px;
}

.div-sl-1 .div-bg-11 img, .div-sl-2 .div-bg-11 img{
	 width: 620px;
	 height: 500px;
}

.div-sl-1 .div-bg-4 .div-bg-10, .div-sl-2 .div-bg-4 .div-bg-10{
	-moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;
}



.div-sl-1 .div-bg-4:hover .div-bg-10, .div-sl-2 .div-bg-4:hover .div-bg-10{
	font-size: 18px;
	letter-spacing: -0.7px;
	line-height: 22px;
	-moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;
}


.div-sl-3 .div-bg-10{
	font-size: 22px;
	letter-spacing: -0.7px;
	line-height: 22px;
	-moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;
	}

.wrap ul li:hover ~ li:last-child  .div-bg-10{
  font-size: 13px;
  line-height: 18px;
  -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;
}

.wrap ul li:hover ~ li:nth-child(2)  .div-bg-10{
  font-size: 14px;
  -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;
}


.div-bg-link{
	width: 100%;
	height: 100%;
	floaT: left;
	position: absolute;
	z-index:9;
}




.div-bg-video-2 svg{
	width: 16px;
	height: 16px;
	fill: #fff;
}

.div-bg-4:hover .div-bg-video-1{
    background: rgb(0 0 0 / 40%);
    -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;
}


.div-bg-video-1{
	right: 15px;
    cursor: pointer;
    overflow:hidden;
    width: 35px;
    height: 35px;
    line-height: 39px;
    floaT: right;
    position: absolute;
    margin: 15px 0px 0px 12px;
    border-radius: 10px;
    transform: skewX(-3deg);
    text-align: center;
    z-index:1;
    border: 2px #fff solid;
    -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;
}




.div-sl-3 .div-bg-7{
	width: 100%;
	}

.div-bg-10 a{
	color:#fff;
}
.div-bg-10{
	width: 100%;
	floaT: left;
	z-index:1;
	color:#fff;
	font-family: font-2;
	font-size: 15.5px;
	letter-spacing: -0.4px;
	line-height: 17px;
}

.div-sl-1 .div-bg-8{
	floaT: left;
	position:relative;
	margin: 0px 20px 0px 85px;
}


.div-bg-8{
	floaT: left;
	position:relative;
	margin: 0px 20px 0px 25px;
}

.div-bg-9 a:hover {
    text-decoration: none;
    text-decoration: underline;
}

.div-bg-9 a{
	color:#fff;
}
.div-bg-9{
	width: 100%;
	floaT: left;
	z-index:1;
    color: var(--foni-2);
	font-family: font-1;
	font-size: 13.5px;
	letter-spacing: 0.5px;
	margin-bottom: 5px;

}


.div-bg-7{
	width: 96%;
	floaT: left;
	position: absolute;
	z-index:1;
	bottom: 25px;
	color:#fff;
	font-family: font-2;
	font-size: 16px;
	transform: skewX(7.2deg);
}









.div-bg-4{
	width: 100%;
	height: 100%;
	floaT: left;
	position:relative;
	overflow:hidden;
}



.div-bg-3{
	width: 100%;
	height: 500px;
	floaT: left;
	position:relative;
	overflow:hidden;
	background:#000;
	border-radius: 5px;
}

.div-bg-2{
  margin: 0px 15px;
}

.div-bg-1{
	margin-top: 80px;
	border-radius: 5px 5px 0px 0px;
	width: 100%;
	floaT: left;
	position:relative;
	background:#fff;
	padding: 15px 0px;
}

.wrap ul{
  width: 1090px;
  margin: 0px -40px;
  position:relative;
  overflow:hidden;
}

.wrap{
  width: 950px !important;
  margin: auto;
  position:relative;
  overflow:hidden;
}




.wrap li:nth-child(1){
    transform: skewX(-7.2deg);
}

.wrap li:nth-child(2), .wrap li:nth-child(3) {
    transform: skewX(-7.2deg);
}


.wrap ul {
  list-style: none;
  max-width: 1090px;
}
.wrap ul li {
  float: left;
  width: 25%;
  height: 500px;
  opacity: 1;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out; 
}
.wrap ul li:hover, .wrap ul li:first-child ~ li:last-child {
  width: 45%;
  opacity: 1;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.wrap ul li:hover ~ li:last-child {
  width: 25%;
}








.search-wrapper.search-wrap.hidden.active{
	animation:fade_in_show 0.2s}
	@keyframes fade_in_show{0%{opacity:0;transform:scale(0)}
	100%{opacity:1;transform:scale(1)}
}


.search-wrapper .input-holder .search-icon {
-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}

.search-wrapper .input-holder .search-icon:hover {
-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}


.search-wrapper.search-wrap.hidden.active{
	height: 34px;
	padding: 0px 0px 0px 20px;
	margin-top: 0px;
}


.search-wrapper {
        position: absolute;
        top: 0px;
        right: 238px;
    }


    .search-wrapper .input-holder {
    	lefT: 15px;
    	top: 10px;
    	height: 35px;
    	width: 52px;
    	position: absolute;
    }


    .search-wrapper.active .input-holder {
    	lefT: -254px;
        width: 340px;
        background: #fff;
		z-index:1;
        box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2);
		top: 10px;
		border-radius: 4px !important;
		transform: skewX(-15deg);
    }




    .search-wrapper .input-holder .search-input {
    	transform: skewX(15deg) !important;
    	width: 0px;
    	height: 35px;
    	padding: 0 0px 0 0px;
    	opacity: 0;
    	position: absolute;
    	top: 0;
    	left: 0;
    	background: 0 0;
    	box-sizing: border-box;
    	border: none;
    	outline: none;
    	font-family: font-3;
    	font-size: 14px;
    	line-height: 20px;
    	color: #444553;

    }

    .search-wrapper.active .input-holder .search-input {
    	width: 300px;
    	padding: 0px 0px 0px 15px;
        opacity: 1;
    }

    .search-wrapper.active .input-holder .search-icon {
		margin-right: 45px;
    }

    .search-wrapper .input-holder .search-icon {
    	top: 0px;
		opacity:0;
		width: 41px;
		height: 35px;
		margin-top: 0px;
		border: none;
		border-radius: 0px;
		padding: 0;
		outline: none;
		position: relative;
		z-index: 11;
		float: right;
		cursor: pointer;
		}

 .search-wrapper .input-holder .search-icon::before {
    border-radius: 5px;
    lefT: 0px;
    width: 100%;
    height: 100%;
    bottom: 0px;
    position: absolute;
    background: url(../images/search.svg) 12px 10px no-repeat;
    transform: skewX(15deg);
    content: "";
}

.search-wrapper.active .input-holder .search-icon::before {
		display: none;
    }


 .search-wrapper .input-holder .search-icon:hover::before {
    background: url(../images/search.svg) 12px -24px no-repeat;
}


    .search-wrapper .input-holder .search-icon:hover {
    	background: var(--foni-1);
    }


    .search-wrapper .input-holder .search-icon {
    	opacity: 1;
    	background: var(--foni-6);
        border-radius: 5px;
        transform: skewX(-15deg);
        z-index:9999;
    }

    .search-wrapper.active .input-holder .search-icon {
    	opacity: 9;
        background: url(../images/search-1.svg) center no-repeat;
        z-index:9999;
        display: none;
    }

    .search-wrapper .input-holder .search-icon span {
        width: 22px;
        height: 22px;
        display: inline-block;
        vertical-align: middle;
        position: relative;
        transform: rotate(45deg);
    }

    .search-wrapper.active .input-holder .search-icon span {
		opacity:0;
    }

    .search-wrapper .input-holder .search-icon span::before,.search-wrapper .input-holder .search-icon span::after {
        position: absolute;
        content: '';
    }

    .search-wrapper .input-holder .search-icon span::before {
        width: 4px;
        height: 14px;
        left: 22px;
        top: 8px;
        border-radius: 5px;
        transform: rotate(-85deg);
    }

    .search-wrapper .input-holder .search-icon span::after {
        width: 14px;
        height: 14px;
        left: 0;
        top: 0;
        border-radius: 16px;
    }

    .search-wrapper .close {
		opacity:0;
		position: absolute;
		z-index: 1;
		top: 17px;
		right: -55px;
		width: 20px;
		height: 20px;
		cursor: pointer;
		transform: rotate(45deg);
		}

    .search-wrapper.active .close {
		transform: rotate(45deg);
        transition: all .6s cubic-bezier(0,.105,.035,1.57);
		opacity:9;
    }

    .search-wrapper .close::before,.search-wrapper .close::after {
        position: absolute;
        content: '';
        background: #3c3838;
        border-radius: 10px;
    }

    .search-wrapper .close::before {
        width: 2px;
        height: 20px;
        left: 9px;
        top: 0;
    }

    .search-wrapper .close::after {
        width: 20px;
        height: 2px;
        left: 0;
        top: 9px;
    }


#cssmenu ul .menu-b a::before {
display: none;
}

.van-div-3 button{
    floaT: right;
    background:rgb(255 255 255 / 0%);
    border:0;
}



.van-div-9{
    -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
    width: 20px;
    height: 20px;
    floaT: left;
    margin: 8px 0px;
    background: var(--foni-1);
    border-radius: 4px;
}


.van-div-8{
    margin: 0px 10px;
}


.van-div-3 .swore-1{
    top: 2px;
    lefT: 12px;
    height: 35px;
}

.van-div-3.swore-1{
    floaT: left;
    transform: skewX(0deg);
    background:rgb(0 0 255 / 0%);
    z-indeX:1;
    width: 100%;
    position:absolute;
    text-align: center;
    left: 0px;
    height: auto;
}

.van-div-10  svg {
   fill: #3D4865; !important;
   -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.van-div-10:hover svg {
   fill: #ffffff; !important;
   -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}


.van-div-10:hover{
     background:#0253B7;
    -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.van-div-10{
	display: none;
    cursor: pointer;
    overflow:hidden;
    width: 44px;
    height: 35px;
    line-height: 36px;
    floaT: right;
    position:relative;
    margin: 0px 0px 0px 0px;
    border-radius: 5px;
    background:#F2F5F9;
    transform: skewX(-15deg);
    text-align: center;
    -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}


.van-div-7{
    cursor: pointer;
    overflow:hidden;
    width: 65px;
    height: 35px;
    line-height: 40px;
    floaT: right;
    position:relative;
    margin: 0px 0px 0px 12px;
    border-radius: 5px;
    background: var(--foni-6);
    transform: skewX(-15deg);
    text-align: center;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}


.van-div-3{
    margin-top: 10px;
}


.van-div-4{
      cursor: pointer;
    overflow:hidden;
    width: 82px;
    height: 35px;
    line-height: 40px;
    floaT: right;
    position:relative;
    margin: 0px 0px 0px 12px;
    border-radius: 5px;
    background: var(--foni-6);
    transform: skewX(-15deg);
    text-align: center;
    -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}


#cssmenu ul .menu-a  a {
   color: var(--foni-02);
}

#cssmenu ul .menu-a  svg {
  fill: var(--foni-02);
}


#cssmenu ul .menu-a::before, #cssmenu ul .menu-a::after {
    width: 10px;
}


#cssmenu > ul > .home-svg-1 svg{
    width: 19px;
    height: 19px;
    margin: -3px 0px -5px 0px;
    position:relative;
    floaT: left;
    }

.van-div-01:hover.van-div-2 svg, .van-div-02:hover.van-div-2 svg, .van-div-03:hover.van-div-2 svg{
   fill: #fff;
    -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.van-div-01.van-div-2 svg{
    -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.van-div-03:hover.van-div-2{
   background: #5641c8;
    -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.van-div-02:hover.van-div-2{
   background: #37B6FD;
    -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.van-div-01:hover.van-div-2{
   background: #3B64B4;
    -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}


.swore-1{
    floaT: left;
    transform: skewX(15deg);
    background:rgb(0 0 255 / 0%);
    z-indeX:0;
    width: 100%;
    position:absolute;
    text-align: center;
    left: 0px;
    height: 30px;
}

.van-div-2 svg{
   fill: #3D4865;
}

.van-div-03.van-div-2{
    line-height: 36px;
}

.van-div-2{
    overflow:hidden;
    width: 34px;
    height: 30px;
    line-height: 34px;
    floaT: left;
    position:relative;
    margin: 0px 10px 0px 0px;
    border-radius: 5px;
    background:#F2F5F9;
    transform: skewX(-15deg);
    text-align: center;
    -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}


.van-div-1{
    width: 150px;
    floaT: left;
    position:relative;
    margin-top: 13px;
}


.header-2{
    width: 100%;
    height: 55px;
    floaT: left;
    position:relative;
}

#cssmenu ul li a::before {
    width: 1px;
    height: 20px;
    position: absolute;
    background: var(--foni-8);
    content: "";
    right: -1px;
    top: 22px;
}

.header-4 ul li ul li a{
   border-right: 0px #ffffff solid;
   font-family: font-1 !important;
}

.header-4 ul li a{
    letter-spacing:0.3px;
    font-family: font-1 !important;
   border-right: 0px #5d95d9 solid;
   font-size: 15.5px;
   float: left;
   padding: 28px 25px 26px 25px;
   line-height: 11px;
   position:relative;
}

.header-12 a{
   color:#a5a7b2;
}

#cssmenu ul li ul li::before, #cssmenu ul li ul li::after {
display:none !important;
}

#cssmenu ul li:hover::before, #cssmenu ul li:hover::after {
    width: 10px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

#cssmenu ul li::after {
border-radius: 20px 0px 0px 0px;
}

#cssmenu ul li::before {
right: 50% !important;
border-radius: 0px 20px 0px 0px;
}

#cssmenu ul li::before, #cssmenu ul li::after {
    width: 0%;
    height: 4px;
    bottom: -0px;
    position: absolute;
    background: var(--foni-02);
    content: "";
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

#cssmenu ul li::after {
    right: 50% !important;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

#cssmenu ul li::before {
    left: 50%;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

#cssmenu{margin-top: 0px;floaT: right;padding:0;line-height:1;display:block;position:relative;font-family:font-1;box-sizing:content-box;}
#cssmenu ul{list-style:none;margin: 0px 0px -1px 0px; padding: 0px 0px 0px 0px; display:block;float:left;}
#cssmenu ul li{    margin: 0px 0px;  padding:0px 0px; display:block;position:relative;}
#cssmenu ul li a{  text-decoration:none;display:block;margin:0;-webkit-transition:color .1s ease;-moz-transition:color .1s ease;-ms-transition:color .1s ease;-o-transition:color .1s ease;transition:color .1s ease;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#cssmenu ul li ul{position:absolute;left:-9999px;top: 65px;}
#cssmenu ul li ul li{
border-left: 0px #eee solid !important;
max-height:0;
position:absolute;
-webkit-transition:max-height 0.1s ease-out;
-moz-transition:max-height 0.1s ease-out;
-ms-transition:max-height 0.1s ease-out;
-o-transition:max-height 0.1s ease-out;transition:max-height 0.1s ease-out;
}

#cssmenu.align-right ul li ul li.has-sub:after{right:auto;left:15px;}
#cssmenu.align-right ul li ul li.has-sub:before{right:auto;left:15px;border-left-color:transparent;border-right-color:#fff;}
#cssmenu ul li ul li a{ font-family: font-4 !important;  -webkit-transition: all .1s;-moz-transition: all .1s;-o-transition: all .1s;transition: all .1s; border-bottom: 1px #eee solid;display: inline-block;font-size: 15px;opacity: 1; font-family:font-2;font-size: 14px;font-weight:400;text-transform:none;letter-spacing:0;display:block;width:280px;padding: 19px 10px 19px 20px;}
#cssmenu ul li ul li:hover > a, #cssmenu ul li ul li.active > a{ -webkit-transition: all .1s;-moz-transition: all .1s;-o-transition: all .1s;transition: all .1s;  color: var(--foni-1); !important;background: rgb(45 48 62 / 3%);}
#cssmenu ul li ul li:hover:after,
#cssmenu ul li ul li.active:after{background:#2196f3;}
#cssmenu ul li ul li:hover > ul{  background: #191a21;border-top: 0px solid #191a21;border-bottom: 0px solid #191a21;border-left: 0px solid #eee;border-right: 0px solid #eee;left:100%;top: 0px;}
#cssmenu ul li ul li:hover > ul > li{max-height:72px;position:relative;}
#cssmenu > ul > li{float:left;}
#cssmenu.align-center > ul > li{float:none;display:inline-block;}
#cssmenu.align-center > ul{text-align:center;font-size:0;}
#cssmenu.align-center ul ul{text-align:left;}
#cssmenu.align-right > ul{float:right;}
#cssmenu.align-right > ul > li:hover > ul{left:auto;right:0;}
#cssmenu.align-right ul ul li:hover > ul{right:100%;left:auto;}
#cssmenu.align-right ul ul li a{text-align:right;}
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li.active > a{color: var(--foni-02);position:relative;z-index:9999;cursor:pointer;-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
#cssmenu > ul > li > a,
#cssmenu > ul > li.active > a{
    color:#fff;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;

}

#cssmenu > ul > li:hover > ul a{  opacity:9;font-size:14px;color: #3D4865;left:0;}
#cssmenu > ul > li:hover > ul{left:0;}
#cssmenu > ul > li:hover > ul > li{display: inline-block;z-index:999999;max-height: 47px;position:relative;}
#cssmenu #menu-button{display:none;}
#cssmenu > ul > li > a{display:block;}
#cssmenu > ul > li{width:auto;}
#cssmenu > ul > li > ul{border-radius: 0px 0px 5px 5px;overflow:hidden;background: #ffffff;box-shadow: 0px 5px 10px 0px rgb(0 0 0 / 10%);font-family:font-2;width:280px;display:block;}

.header-03.header-3 {
    position: fixed;
    top: 0px !important;
    margin-top: 0px;
    box-shadow: 0px 4px 4px rgb(0 0 0 /8%);
    z-index:9;
}

.header-3 {
    z-index: 11;
    margin-bottom: 20px;
    float: left;
    position: absolute;
    margin-top: 55px;
    widtH: 100%;
    background: var(--foni-1);
    line-height: 50px;
}


.logo-1 img{
    widtH: 100%;
    line-height: 0px;
    float: left;
    position: relative;
}

.logo-2 path{
	fill: #ffffff;
}

.logo-2 {
    line-height: 0px;
    width: 100%;
    margin: 16.4px 0px;
    float: left;
    position: relative;
}

.logo-1 {
    width: 155px;
    height: 65px;
    line-height: 65px;
    margin: 0px 0px;
    float: left;
    position: relative;
}


.header-2 a{
    color: #fff;
}


.header-1 {
    float: left;
    position: relative;
    widtH: 100%;
    height: 55px;
    background:#ffffff;
    line-height: 55px;
}



.game-9 {
    position:relative;
}

.game-9 .slick-list {
    margin:0 -9px;
}

.slick-slide {
    margin:0 10px;
}

.item {
    height:300px;
}

.back {
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
}

.back-con {
    position:relative;
    width:100%;
    height:100%;
    text-align: center;
    box-shadow: 
}

.slick-dots li{background: #FFBE10;border-radius:10px;position:relative;display:inline-block;width:12px;height:12px;margin:0 6px;padding:0;cursor:pointer;}
.slick-dots li button{font-size:0;line-height:0;display:block;width:10px;height:10px;padding:5px;cursor:pointer;color:transparent;border:0;outline:none;background:transparent;}
.slick-dots{ padding-bottom: 2px !important; display: none !important; bottom: 0px;width:100% !important;position:absolute;padding:0;margin:0;list-style:none;text-align:center;z-index:9;}
.slick-dots .slick-active{background: #0253B7;border-radius:100px;}



.slick-next:before{
	width: 30px;
	height: 30px;
	background: url(../images/next-1.svg) 12px 11px  no-repeat;
	content: "";
	position:absolute;
	lefT: 0px;
	transform: skewX(10deg);
}

.slick-prev:after{
	width: 30px;
	height: 30px;
	background: url(../images/next-2.svg) 12px 11px  no-repeat;
	content: "";
	position:absolute;
	lefT: 0px;
	transform: skewX(10deg);
}


.slick-next{
	right: 3px;
}

.slick-prev{
	right:43px;
}

.slick-disabled.slick-prev, .slick-disabled.slick-next {
    opacity: 0.5 !important;
}

.slick-next, .slick-prev{
	transform: skewX(-15deg);
	background-color: var(--foni-1);
	border: 0;
	floaT:left;
	border-radius: 5px;
	font-size:0px !important;
	z-index:9;
	line-height:40px;
	position:absolute;
	display:block !important;
	width: 30px !important;
	height: 30px !important;
	padding:0;
	cursor:pointer;
	}
}



@media (min-width:1100px) and (max-width:90000000px){
.berrors {
	background: #ffe6dd !important;
	border: 1px solid #f0c4b5;
	color: #553c33;
	padding: 20px 25px;
	margin-bottom: 15px;
	border-radius: 5px;
	box-sizing: border-box;
}

.a-cont-11 .fanjara-7, .a-cont-11 .fanjara-9  {
	-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;
}

.a-cont-11 .fanjara-7:hover, .a-cont-11 .fanjara-9:hover  {
	box-shadow: 0px 0px 0px 3px var(--foni-1), 0px 0px 10px 6px rgb(230 230 230 / 60%);
	-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;
}


.a-cont-11 .fanjara-zoma-1 img{
	width: auto !important;
}


#pagi-load span{ display: none;}
#pagi-load a span{ display: block; }
#pagi-load span{ float: left;  transform: skewX(15deg) !important; }
.pagi-load{  text-align: center; font-size:0px;}
.bottom-nav{width:100%;margin: 0px 0px 17px 0px;}
.pagi-load a:hover{transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;background:var(--foni-2);}
.pagi-load a:hover .fa-refresh{transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;}
.pagi-load a{  transform: skewX(-15deg); border-radius: 5px; transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;padding:0px 25px;display:inline-block;height:50px;line-height:50px;font-size:16px; letter-spacing: -0.5px; cursor:pointer;color:#ffffff;background: var(--foni-1);text-align:center;font-family:font-2;}



.wrap li:nth-child(2) .div-bg-video-1{
	right: 70px;
}


.div-bg-6{
	width: 100%;
	height: 100%;
	floaT: left;
	position: absolute;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.90) 100%);
	z-index:1;
}


.wrap li:nth-child(2) {
    position:relative;
    right: 0px;
    z-index:0 !important;
}

.wrap li:nth-child(3) {
    position:relative;
    right: 0px;
    z-index:999999999 !important;
}

.wrap li:nth-child(2) {
    left: -60px !important;
    position:relative;
    right: 0px;
    float: right !important;
}




#searchsuggestions span.notfound{ display: block; padding: 12px 0px 0px 0px !important;  text-align: center !important; }

#searchsuggestions{
	z-index: 999 !important;
}

#searchsuggestions {
	width: 340px;
}


#searchsuggestions a{padding:15px 15px !important;}
#searchsuggestions{overflow:hidden; }

#dofullsearch, .seperator{display:none !important;}
#searchsuggestions a span { font-family: font-1; font-size: 14px; }



/*---search---*/
#searchsuggestions {
	z-index: 2200;
	border-radius: 3px;
	background: #fff;
	box-shadow: 0 8px 40px -10px rgba(0,0,0,0.3);
	border: 1px solid #ddd; 
	background-clip: padding-box;
	font-size: .9em;
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
	}


.ajax-serch-1 img{
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.ajax-serch-1:hover img{
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}


.ajax-serch-1 .ajax-serch-2{
    -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}

.ajax-serch-1:hover .ajax-serch-2{
   color:var(--foni-1);
    -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}



.ajax-serch-6{
    width: 100%;
    height: 50px;
    font-size: 13px;
    font-family: font-2;
    position:relative;
    overflow:hidden;
    floaT: right;
    margin: 0px 0px 10px 0px;
    color:#898585;
}


.ajax-serch-5{
    width: 100%;
    height: 59px;
    overflow:hidden;
    font-size: 14.5px;
    line-height: 20px;
    font-family: font-4;
    position:relative;
    floaT: right;
    margin: 0px 0px 0px 0px;
}


.ajax-serch-4{
    width: 67%;
    position:relative;
    floaT: right;
    margin: 0px 0px;
}


.ajax-serch-3, .ajax-serch-3 img{
    height: 80px;
    line-height: 0px;
    object-fit: cover;
    position:relative;
    overflow:hidden;
    border-radius: 4px;
}

.ajax-serch-1 img{
    width: 100%;
    object-fit: cover;
}


.ajax-serch-3{
    width: 90px;
    position:relative;
    floaT: left;
    margin: 0px 0px;
}



.ajax-serch-1{
    width: 100%;
    position:relative;
    floaT: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 15px 0px;
    border-bottom: 1px #eee solid;
}

.ajax-serch-2{
   margin: 0px 15px;
}





.new-tab-1 .rss-new-1, .tabss .tab-iocn-3, .sezoni-1{
  animation: fadeIn 0.8s;
  -webkit-animation: fadeIn 0.8s;
  -moz-animation: fadeIn 0.8s;
  -o-animation: fadeIn 0.8s;
  -ms-animation: fadeIn 0.8s;
}

@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-moz-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-webkit-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-o-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-ms-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}



.div-f-1 .div-bg-video-2 svg{
	width: 18px;
}


#cssmenu ul li ul .menu-aa a{
	color: var(--foni-1) !important;
}


.div-bg-video-2{
	transform: skewX(9deg);
}

.news-1:hover .div-bg-video-1{
    background: rgb(0 0 0 / 40%);
    -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;
}

.news-1 .div-bg-video-2{
	transform: skewX(3deg);
}

.news-1 .div-bg-video-1{
	right: 15px;
    cursor: pointer;
    overflow:hidden;
    width: 32px;
    height: 32px;
    line-height: 37px;
    floaT: right;
    position: absolute;
    margin: 15px 0px 0px 0px;
    border-radius: 7px;
    transform: skewX(-3deg);
    text-indent: 1px;
    text-align: center;
    z-index:1;
    border: 2px #fff solid;
    -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;
}



#cssmenu > ul > li:hover  .svg-menu-1 path{
fill: var(--foni-02);
}



.svg-menu-1 path{
    fill: #A4C4FF;
    }


.svg-menu-1 svg{
    width: 100%;
    }

.svg-menu-1 svg{
    fill: #fff;
    width: 7px;
    height: 6px;
    margin: -0px 0px 0px 3px;
    position:relative;
   top: -4px;
}





.fanjara-7, .fanjara-9  {
}


.fanjara-7:hover, .fanjara-9:hover  {
	box-shadow: 0px 0px 0px 3px #E6E6E6, 0px 0px 10px 6px rgb(230 230 230 / 60%);
}


.fanjara-a.fanjara-7:hover, .fanjara-a.fanjara-9:hover {
	background:#fff;
	-moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; 
}

.fanjara-a.fanjara-7, .fanjara-a.fanjara-9 {
	background:rgb(238 238 238 / 80%);
	-moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; 
}

.fanjara-color-2.fanjara-7, .fanjara-color-3.fanjara-9{
	-moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; 
}

.fanjara-hover-3 img{
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2;
}

.fanjara-color-1.fanjara-7 {
	-moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; 
}

.fanjara-7 .fanjara-zoma-1, .fanjara-9 .fanjara-zoma-1{
	 lefT: -5px;
	 -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; 
}

.fanjara-1 .fanjara-7:hover .fanjara-zoma-1, .fanjara-1 .fanjara-9:hover .fanjara-zoma-1{
	 lefT: -300px;
	 -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; 
}

.fanjara-1 .fanjara-7:hover .fanjara-hover-1, .fanjara-1 .fanjara-9:hover .fanjara-hover-1{
     lefT: 0px;
    opacity:9;
   -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; 
}

.fanjara-hover-1{
   transform: skewX(15deg) !important;
   -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; 
   width: 100%;
   height: 100%;
   position:absolute;
   floaT: left;
   background: #ffffff;
   border-radius: 5px;
   lefT: -300px;
   z-index:111;
   opacity:0;
}


.fanjara-color-3 .fanjara-hover-3{
   width: 18px !important;
   height: 28px !important;
   margin: 7px 2px 5px 18px;
}

.fanjara-color-4 .fanjara-hover-3{
   width: 14px !important;
   height: 33px !important;
   line-height: 20px;
   margin: 5px 2px 5px 18px;
}

.fanjara-color-1 .fanjara-hover-4{
   margin: 13px 0px 0px 10px;
}

.fanjara-hover-6{
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2;
}

.fanjara-hover-4{
   position:relative;
   floaT: left;
   margin: 12px 0px 0px 4px;
   font-size: 13px;
   font-family: font-4;
}


.fanjara-hover-3 img{
   width: 100%;
}

.fanjara-hover-3{
   width: 24px;
   height: 42px;
   line-height: 28px;
   position:relative;
   floaT: left;
   margin: 0px 0px 0px 15px;
}



.cd-popup-container .cd-popup-close:before{ 
z-index:9; 
position:absolute;
top:0px;
right:0px;
width:80px;
height:60px;
background: url(../images/iqsi.svg) center no-repeat;
transform: skewX(15deg);
content: "";
}

.cd-popup-container .cd-popup-close{ 
z-index:99; 
position:absolute;
top: -15px;
right:-60px;
width:80px;
height:60px;
background: var(--foni-2);
transform: skewX(-15deg);
border-radius: 7px;
}

.fanjara-11 {
	width: 100%;
	floaT: left;
	position:relative;
	margin: 0% 0% 0% -3.2%;
}


.fanjara-zoma-1 {
	transform: skewX(15deg) !important;
}

.fanjara-4{
	width: 564px;
	floaT: left;
	margin: 0px 0px 0px 0px;
}

.fanjara-9 {
	background:#fff;
	overflow:hidden;
	width: 30%;
	height: 60px;
	floaT: left;
	position:relative;
	margin: 0% 15px 15px 0%;
	box-shadow: 0px 0px 0px 3px #E6E6E6;
	border-radius: 5px;
	transform: skewX(-15deg);
}


.fanjara-8 {
	width: 106%;
	floaT: left;
	position:relative;
	margin: 0% 0% 0% -3%;
}


.fanjara-07.fanjara-7 div, .fanjara-9 div{
    position: absolute;
    top: 35%;
}

.fanjara-7 div, .fanjara-9 div{
	text-align: center;
    position: absolute;
    top: 30%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2;
}

.fanjara-7 {
	background:#fff;
	transform: skewX(-15deg);
	width: 46.4%;
	height: 60px;
	floaT: left;
	position:relative;
	overflow:hidden;
	margin: 0px 15px 3px 0px;
	box-shadow: 0px 0px 0px 3px #E6E6E6;
	border-radius: 5px;
}

.fanjara-6 {
	width: 106.4%;
	floaT: left;
	position:relative;
	padding: 2% 0% 2% 0%;
}

.fanjara-3{
	width: 92%;
	floaT: left;
	position:relative;
	padding: 4% 0% 5% 0%;
}

.fanjara-2{
	margin: 0px 0px;
	transform: skewX(15deg) !important; 
}

.fanjara-1{
	border-radius: 10px;
	background:#ffffff;
	width: 100%;
	floaT: left;
	position:relative;
	padding: 25px 0px 20px 0px;
	transform: skewX(-15deg) !important; 
}


.img-replace{display:inline-block;overflow:hidden;text-indent:100%;color:transparent;white-space:nowrap;}
.cd-popup{position:fixed;left:0;top:0;height:100%;width:100%;background-color:rgb(0 0 0/60%);opacity:0;visibility:hidden;-webkit-transition:opacity 0.3s 0s, visibility 0s 0.3s;-moz-transition:opacity 0.3s 0s, visibility 0s 0.3s;transition:opacity 0.3s 0s, visibility 0s 0.3s;z-indeX: 9999999999;}
.cd-popup.is-visible{opacity:1;visibility:visible;-webkit-transition:opacity 0.3s 0s, visibility 0s 0s;-moz-transition:opacity 0.3s 0s, visibility 0s 0s;transition:opacity 0.3s 0s, visibility 0s 0s;}
.cd-popup-container{ position:relative;width:100%;max-width:650px;margin: 10em auto;text-align:center;box-shadow:0 0 20px rgba(0, 0, 0, 0.2);-webkit-transform:translateY(-40px);-moz-transform:translateY(-40px);-ms-transform:translateY(-40px);-o-transform:translateY(-40px);transform:translateY(-40px);-webkit-backface-visibility:hidden;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;transition-property:transform;-webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;transition-duration:0.3s;}
.is-visible .cd-popup-container{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);}

.foni-bg-3 path{
   fill: var(--foni-1);
}

.foni-bg-3{
	width: 124.56;
	height: 340.64;
	z-index:0;
	position:absolute;
	right: 0px;
	top: 165px;
}


.foni-bg-2 path{
	 fill: var(--foni-2) !important;
}

.foni-bg-2 img{
	width: 100%;
}

.foni-bg-2{
	width: 124.56px;
	height: 340.64px;
	z-index:0;
	position:absolute;
	left: 0px;
	top: 300px;
}


.foni-bg-1{
	width: 100%;
	z-index:0;
	position:absolute;
	lefT: 0px;
	top: 0px;
}

.footer-logo-1{
	z-index:0;
	position:absolute;
	width: 100%;
	text-align: center;
}

.footer-10:hover svg{
	stroke: var(--foni-1);
	-moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; 

}

.footer-10 svg{
	-moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; 
	stroke: #8F969E;
}

.footer-10{
	floaT: left;
	position:relative;
	margin: 6px 3px 0px 0px;
}

.footer-9{
	floaT: right;
	position:relative;
	margin: 0px 14px 0px 14px;
}

.footer-8{
	floaT: right;
	position:relative;
	margin: 0px 0px 0px 0px;
}


.footer-7{
	z-index:1;
	floaT: right;
	position:relative;
	margin: 0px 0px 0px 0px;
}

.footer-6 svg{
	fill: #636971;
}


.footer-6{
	transform: skewX(15deg);
}



.footer-5:hover {
	background: #c8cdd7;
	-moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; 
}

.footer-5{
	-moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; 
	transform: skewX(-15deg);
	width: 32px;
	height: 28px;
	background: var(--foni-5); 
	floaT: left;
	position:relative;
	margin: -2px 0px 0px 0px;
	text-align: center;
	border-radius: 5px;
	line-height: 22px;
	text-indent: -2px;
}

.footer-4 svg{
	fill: #515C69;
}


.footer-4{
	floaT: left;
	position:relative;
	margin: 0px 20px 0px 0px;
}

.footer-3{
	width: 100px;
	z-index:1;
	floaT: left;
	position:relative;
	margin: 5px 0px 0px 0px;
}



.footer-02{
	width: 100%;
	floaT: left;
	position:relative;
	margin: 17px 0px 14px 0px;
}

.footer-14 a:hover{
	color: #5f6e7c;
	-moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; 
}

.footer-14 a{
	color: #efefef;
	margin: 0px 0px 0px 15px;
	-moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; 
}

.footer-14{
	floaT: right;
	position:relative;
	color:#B8BABD;
}


.footer-13{
	floaT: left;
	position:relative;
}

.footer-11{
	width: 100%;
	height: 50px;
	line-height: 50px;
	floaT: left;
	position:relative;
	overflow:hidden;
	background: var(--foni-4);
	border-radius: 0px 0px 5px 5px;
	color:var(--foni-7);
	font-family: font-1;
	margin-bottom: 15px;
}


.footer-2, .footer-12{
	margin: 0px 15px;
}

.footer-1{
	width: 100%;
	floaT: left;
	position:relative;
	background:#fff;
	border-top: 5px solid var(--foni-1);;
}

.rss-new-1:hover .rss-icon-1:before {
	-moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; 
    opacity:9;
}



.rss-icon-1:before {
	-moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; 
    position: absolute;
    top: 4px;
    left: 40px;
    color:#fff;
    font-size: 20px;
    font-family: font;
    letter-spacing: 1px;
    line-height: 23px;
    opacity:0;
}

.rss-new-5 {
	width: 100%;
	height: 100%;
	floaT: left;
	position:absolute;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.79) 97.46%);
    z-index:1;
}

#tab-8 .rss-new-1:hover .rss-new-4{color: #0253B7;}
#tab-7 .rss-new-1:hover .rss-new-4{color:#0092C1;}
#tab-6 .rss-new-1:hover .rss-new-4{color:#C20101;}
#tab-5 .rss-new-1:hover .rss-new-4{color:#1C1C1D;}
#tab-4 .rss-new-1:hover .rss-new-4{color:#BA1D5C;}
#tab-3 .rss-new-1:hover .rss-new-4{color:#E01F3F;}
#tab-2 .rss-new-1:hover .rss-new-4{color:#F86A40;}
#tab-1 .rss-new-1:hover .rss-new-4{color:#3447B5;}

.rss-new-1:hover .rss-new-4{
	-moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; 
}

.rss-new-1 .rss-new-4{
	-moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; 
}



#tab-8 .rss-icon-1{ width: 115px; background: #fff;}
#tab-8 .rss-iconn-01{ background:  url(../images/ge-01.svg) 13px 8.4px no-repeat; background-size: 75% !important; }


#tab-7 .rss-icon-1{ width: 155px; background: #fff;}
#tab-7 .rss-iconn-01{ background:  url(../images/en-1.svg) 13px 10px no-repeat; background-size: 130px; }

#tab-6 .rss-icon-1{ width: 103px; background: #fff;}
#tab-6 .rss-iconn-01{ background:  url(../images/ge-02.svg) 11px 7.5px no-repeat; background-size: 75% !important; }

#tab-5 .rss-icon-1{ width: 80px; background: #fff;}
#tab-5 .rss-iconn-01{ background:  url(../images/ge-03.svg) 10px 7.3px no-repeat; background-size: 75% !important; }

#tab-4 .rss-icon-1{ width: 120px; background: #fff;}
#tab-4 .rss-iconn-01{ background:  url(../images/ge-04.svg) 13px 7.3px no-repeat; background-size: 75% !important; }

#tab-3 .rss-icon-1{ width: 125px; background: #fff;}
#tab-3 .rss-iconn-01{ background:  url(../images/ge-07.svg) 14px 7.5px no-repeat; background-size: 75% !important; }

#tab-2 .rss-icon-1{ width: 125px; background: #fff;}
#tab-2 .rss-iconn-01{ background:  url(../images/ge-05.svg) 14px 7.5px no-repeat; background-size: 75% !important; }

#tab-1 .rss-icon-1{ width: 100px; background: #fff;}
#tab-1 .rss-iconn-01{ background:  url(../images/ge-06.svg) 12px 7.5px no-repeat; background-size: 75% !important; }



.rss-iconn-01{
	transform: skewX(15deg);
	position:relative;
    height: 34px;
}

.rss-new-1:hover .rss-icon-1{
	-moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; 
	opacity:1;
}

.rss-new-1 .rss-icon-1{
	-moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; 
	opacity:0;
}

.rss-icon-1{
	-moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; 
	transform: skewX(-15deg);
	height: 32px;
	position:absolute;
	left: 15px;
	bottom: 10px;
	background-color:#fff;
	border-radius: 5px;
	z-index:11;
}


.rss-new-2 img{
	width: 100%;
	line-height: 0px;
}

.rss-new-2 {
	width: 100%;
	floaT: left;
	position:relative;
	overflow:hidden;
}


.rss-new-2, .rss-new-2 img{
	 height: 145px;
	 object-fit: cover;
}

.rss-new-4{
	margin: 0px 15px;
}

.rss-new-3 {
	width: 100%;
	height: 52px;
	font-family: font-1;
	letter-spacing: 0px;
	font-size: 14px;
	line-height: 17px;
	floaT: left;
	position:relative;
	overflow:hidden;
	margin: 15px 0px;
	color:var(--foni-3);
}


.tabgroup{
	width: 103%;
	position:relative;
	floaT: left;
	margin: 0px -7.5px;
}



.rss-new-1 img{
	width: 100%;
	line-height: 0px;
	font-size: 0px;
}


.rss-new-1{
	width: 243.5px;
	position:relative;
	floaT: left;
	z-index:1;
	overflow:hidden;
	border-radius: 5px;
	margin: 0px 7.5px;
	background:#fff;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
}



.new-tab-2 ul.tabss li a.active .color-icon-7 .tab-iocn-3{
	floaT: left;
	display: block !important;
	margin: 5px 2px 0px 0px;
}

.new-tab-2 ul.tabss li a.active .color-icon-7 .tab-iocn-2{
	display: none !important;
}

.color-icon-7 .tab-iocn-3{
color:#0092C1;
}

.color-icon-7 .tab-iocn-2{
	floaT: left;
	height: 20px;
	margin: 9px 0px 0px 0px !important;
}

.color-icon-8 .tab-iocn-3{
background: linear-gradient(180deg, #2875D3 0%, #0E5BBA 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.color-icon-6 .tab-iocn-3{
background: linear-gradient(180deg, #C20101 0%, #D70E0E 0.01%, #B70505 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.color-icon-5 .tab-iocn-3{
background: linear-gradient(180deg, #454445 0%, #131213 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.color-icon-4 .tab-iocn-3{
background: linear-gradient(180deg, #445FB7 0%, #A60043 68.75%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.color-icon-3 .tab-iocn-3{
background: linear-gradient(180deg, #C20101 0%, #D70E0E 0.01%, #B70505 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.color-icon-2 .tab-iocn-3{
background: linear-gradient(180deg, #F86A40 0%, #E35227 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.color-icon-1 .tab-iocn-3{
background: linear-gradient(180deg, #3447B5 0%, #071566 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.new-tab-2 .tab-iocn-2{
	floaT: left;
	height: 25px;
	margin: 12px 0px 0px 0px;
}

.new-tab-2 ul.tabss li a.active .tab-iocn-3{
	floaT: left;
	display: block !important;
	margin: 5px 2px 0px 6px;
}

.tab-iocn-3{
	display: none;
}


.tab-iocn-3{
	font-family:font;
	font-size: 33px;
}

.new-tab-4{
	margin: 0px 15px;
}


.new-tab-3{
	width: 100%;
	position:relative;
	floaT: left;
	z-index:1;
	padding: 15px 0px;
}




.new-tab-2 ul.tabss{border-bottom: 1px solid var(--foni-5); height: 49px;background:#ffffff;z-index:9;position:relative;bottom:0px;width:100%;list-style:none;/* overflow:hidden; */padding:0px 0px 0px 0px;floaT:left;}
.new-tab-2 ul.tabss li { border-right: 1px solid var(--foni-5); padding: 0px 0px; float:left;}
.new-tab-2 ul.tabss li a{ height: 49px; position:relative;display:block;padding: 0px 15px;floaT:left;font-family:font-1;font-size:14px;text-align:center;line-height: 40px;text-decoration:none;color:#151c29;}
.new-tab-2 ul.tabss li a.active{ height: 50px !important;  background:#F2F2F2;z-index:1;outline:none;}


.new-tab-1{
	width: 100%;
	position:relative;
	floaT: left;
	z-index:1;
	background: #F2F2F2;
	border: 1px solid var(--foni-5);
}


.news-5 svg{
	fill: #fff;
}

.swore-4{
    floaT: left;
    transform: skewX(15deg);
    background:rgb(0 0 255 / 0%);
    z-indeX:0;
    width: 100%;
    text-align: center;
    left: 0px;
    line-height: 10px;
}

.new-vid-4 svg{
    fill:#fff;
}


.new-lod .new-vid-4{
    margin: 3px 0px 2px 0px;
}

.new-vid-4{
    width: 100%;
    floaT: left;
    position:relative;
    text-align: center;
    margin: 3px 0px 0px 0px;
}



.news-1 img, .rss-new-1 img {
        -webkit-transition: all 2s cubic-bezier(0, 0, 0.2, 1);
    -o-transition: all 2s cubic-bezier(0, 0, 0.2, 1);
    transition: all 2s cubic-bezier(0, 0, 0.2, 1);
}

.news-1:hover img, .rss-new-1:hover img {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
        -webkit-transition: all 2s cubic-bezier(0, 0, 0.2, 1);
    -o-transition: all 2s cubic-bezier(0, 0, 0.2, 1);
    transition: all 2s cubic-bezier(0, 0, 0.2, 1);
}


.news-1:hover .news-7 {
	color:var(--foni-1);
	-moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; 
}

.news-1 .news-7 {
	-moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; 
}

.news-6::before {
    content: '';
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0px 340px 9px 0px;
    border-color: rgba(50, 198, 0, 0) rgb(25 118 210 / 0%) #fff rgb(255 255 255);
    margin: 0px 0px 0px 0px;
    z-indeX: 0;
    transition: all .3s linear .3s;
    -o-transition: all .3s linear .3s;
    -moz-transition: all .3s linear .3s;
    -webkit-transition: all .3s linear .3s;
    position: absolute;
    left: 0px;
    bottom: 0px;
}
.news-6 {
	width: 100%;
	height: 100%;
	floaT: left;
	position:absolute;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.79) 97.46%);
    border-radius: 5px 5px 0px 0px;
    z-index:1;
}

.news-5 svg{
	floaT: left;
	margin: 0px 4px 0px 0px;
}


.news-4 {
	floaT: left;
	position:absolute;
	overflow:hidden;
	background:rgb(255 255 255 / 20%);
	padding: 8px 15px 9px 12px;
	border-radius: 100px;
	right: 12px;
	bottom: 20px;
	color:#fff;
	z-index:11;
	font-size: 13px;
}

.news-8 {
	margin: 0px 20px;
}

.news-7 {
	width: 100%;
	height: 49px;
	font-family: font-2;
	letter-spacing: -1px;
	font-size: 17px;
	line-height: 17px;
	floaT: left;
	position:relative;
	overflow:hidden;
	margin: 20px 0px;
	color:#3D4865;
}



.news-3 {
	width: 100%;
	floaT: left;
	position:relative;
	overflow:hidden;
}


.news-3, .news-3 img{
	 height: 200px;
	 object-fit: cover;
}

.news-1 img{
	width: 100%;
	line-height: 0px;
}

.news-1{
	width: 340px;
	floaT: left;
	z-index:1;
	position:relative;
	overflow:hidden;
	margin: 0px 7.5px 15px 7.5px;
	background: #FFFFFF;
	box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.08);
	border-radius: 5px;
}


.new-vid-3{
	width: 102%;
	floaT: left;
	z-index:1;
	position:relative;
	margin: 0px 0px 0px -7.5px;
}

.new-vid-2{
	width: 100%;
	floaT: left;
	z-index:1;
	position:relative;
	margin: 0px 0px 0px 0px;
}


.game-02.game-2 .game-6{
	margin-top: 15px;
}
.game-02.game-2 .game-bg-1{
	background: var(--foni-10);
}
.game-02.game-2 .swore-3{
    line-height: 53px;
}
.game-02.game-2 .game-3 svg{
	fill-opacity:9;
	fill:#fff;
}

.game-02.game-2 .game-3{
    background: var(--foni-1);
}

.new-vid-1{
	width: 100%;
	floaT: left;
	z-index:1;
	position:relative;
	margin: 15px 0px 0px 0px;
}


.game-new-01.game-new-1{
	background: #F3F5F8;
	border: 1px #E4E6EA solid;
}



.game-live-1 b{
color: var(--foni-1);
}


.game-live-3 {	
floaT: left;
position:relative;
margin: 0px 0px 0px 5px;
}

.game-live-2 svg {
    fill: #3D4865;
}

.game-live-2 {
width: 15px;	
floaT: left;
position:relative;
margin: 1px 0px 0px 36px;
}


.game-live-1 {
width: 100%;	
floaT: left;
position:absolute;
margin: 7px 0px 0px 0px;
font-family: font-1;
font-size: 14px;
bottom: 10px;
}



.game-new-10 {
width: 100%;	
floaT: left;
position:relative;
margin: 0px 0px 0px 0px;
font-family: font-2;
font-size: 18px;
color: var(--foni-1);
}


.game-new-9 {
width: 100%;	
floaT: left;
position:relative;
margin: 0px 0px 5px 0px;
font-family: font-1;
}

.game-new-8 img {
width: 28px;;	
}

.game-new-8 {
width: 100%;	
floaT: left;
position:relative;
margin: 6px 0px 5px 0px;
font-family: font-1;
}



.game-new-7 {
width: 100%;	
floaT: left;
position:relative;
margin: 0px 0px 0px 0px;
font-family: font-1;
}



.game-new-5 {width: 100%;height: 30px;overflow:hidden;floaT: left;position:relative;margin: 10px 0px 0px 0px;}


.game-new-4 img {
width: 50px;	
}

.game-new-4 {
width: 100%;	
floaT: left;
position:relative;
font-size: 0px;
}



.game-new-6{width: 26%;floaT: left;position:relative;}


.game-new-03.game-new-3{
floaT: right !important;
}

.game-new-3{width: 37%;floaT: left;position:relative;font-family: font-2;font-size: 12px;letter-spacing: -0.3px;}

.game-new-2{
margin: 8% 2%;
}

.game-new-1{
	margin-top: 55px !important;
	height: 150px;
	floaT: left;
	position:relative;
	z-index:1;
	font-family: font-3;
	text-align: center;
	border: 1px solid var(--foni-5);
	border-radius: 5px;
	color: var(--foni-3);
}



.game-8{
	margin-top: -55px;
	width: 100%;
	floaT: left;
	position:relative;
	overflow:hidden;
	z-index:1;
	font-family: font-3;
}



.game-bg-1{
	width: 170px;
	height: 45px;
	background: var(--foni-9);
	floaT: left;
	position:absolute;
	z-index:0;
	margin-left: 20px;
	font-family: font-3;
	font-size: 14px;
	color: #4E5871;
}


.game-7{
	width: 100%;
	floaT: left;
	position:relative;
	z-index:1;
	font-family: font-3;
	font-size: 14px;
	color: var(--foni-3);
}

.game-6 a{
	color:var(--foni-3);
}

.game-6{
	font-family: font-2;
	width: 100%;	
	floaT: left;
	position:relative;
	z-index:1;
	color:var(--foni-3);
	font-size: 17px;
	line-height: 15px;
	letter-spacing: -1px;
	margin-top: 6px;
}

.game-5{
	floaT: left;
	position:relative;
	z-index:11;
}



.game-3 svg{
	fill-opacity:0.6;
	fill:#000;
}

.swore-3{
    floaT: left;
    transform: skewX(15deg);
    background:rgb(0 0 255 / 0%);
    z-indeX:0;
    width: 100%;
    position:absolute;
    text-align: center;
    left: 0px;
    line-height: 60px;
    height: 45px;
}



.game-3{
	width: 50px;
	height: 45px;
    background: var(--foni-2);
	floaT: left;
	z-index:1;
	position:relative;
	transform: skewX(-15deg);
	border-radius: 5px;
	margin-right: 15px;
	margin-lefT: 5px;
}



.game-2{
	width: 100%;
	floaT: left;
	/* z-index:1; */
	position:relative;
	margin: 0px 0px 15px 0px;
}



.game-1{
	width: 100%;
	floaT: left;
	z-index:1;
	position:relative;
	margin: 15px 0px 0px 0px;
}





.div-sl-3 .div-bg-11 img{
	 transform: skewX(5.5deg);
	 margin: 0px -25px;
	 object-fit: cover;
}

.div-sl-2 .div-bg-11 img{
	 transform: skewX(5.5deg);
	 margin: 0px -25px;
	 object-fit: cover;
}


.div-sl-1 .div-bg-11 img{
	 transform: skewX(5.5deg);
	 margin: 0px -0%;
	 object-fit: cover;
}

.div-sl-3 .div-bg-11 img{
	 width: 580px;
	 height: 500px;
}

.div-sl-1 .div-bg-11 img, .div-sl-2 .div-bg-11 img{
	 width: 620px;
	 height: 500px;
}

.div-sl-1 .div-bg-4 .div-bg-10, .div-sl-2 .div-bg-4 .div-bg-10{
	-moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;
}



.div-sl-1 .div-bg-4:hover .div-bg-10, .div-sl-2 .div-bg-4:hover .div-bg-10{
	font-size: 19px;
	letter-spacing: -0.7px;
	line-height: 22px;
	-moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;
}


.div-sl-3 .div-bg-10{
	font-size: 22px;
	letter-spacing: -0.7px;
	line-height: 22px;
	-moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;
	}

.wrap ul li:hover ~ li:last-child  .div-bg-10{
  font-size: 13px;
  line-height: 18px;
  -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;
}

.wrap ul li:hover ~ li:nth-child(2)  .div-bg-10{
  font-size: 14px;
  -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;
}


.div-bg-link{
	width: 100%;
	height: 100%;
	floaT: left;
	position: absolute;
	z-index:9;
}




.div-bg-video-2 svg{
	width: 16px;
	height: 16px;
	fill: #fff;
}

.div-bg-4:hover .div-bg-video-1{
    background: rgb(0 0 0 / 40%);
    -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;
}


.div-bg-video-1{
	right: 15px;
    cursor: pointer;
    overflow:hidden;
    width: 35px;
    height: 35px;
    line-height: 39px;
    floaT: right;
    position: absolute;
    margin: 15px 0px 0px 12px;
    border-radius: 10px;
    transform: skewX(-3deg);
    text-align: center;
    z-index:1;
    border: 2px #fff solid;
    -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;
}




.div-sl-3 .div-bg-7{
	width: 100%;
	}

.div-bg-10 a{
	color:#fff;
}
.div-bg-10{
	width: 100%;
	floaT: left;
	z-index:1;
	color:#fff;
	font-family: font-2;
	font-size: 16px;
	letter-spacing: -0.4px;
	line-height: 16px;
}

.div-sl-1 .div-bg-8{
	floaT: left;
	position:relative;
	margin: 0px 20px 0px 85px;
}


.div-bg-8{
	floaT: left;
	position:relative;
	margin: 0px 20px 0px 25px;
}

.div-bg-9 a:hover {
    text-decoration: none;
    text-decoration: underline;
}

.div-bg-9 a{
	color:#fff;
}
.div-bg-9{
	width: 100%;
	floaT: left;
	z-index:1;
    color: var(--foni-2);
	font-family: font-1;
	font-size: 13.5px;
	letter-spacing: 0.5px;
	margin-bottom: 5px;

}


.div-bg-7{
	width: 96%;
	floaT: left;
	position: absolute;
	z-index:1;
	bottom: 25px;
	color:#fff;
	font-family: font-2;
	font-size: 16px;
	transform: skewX(7.2deg);
}









.div-bg-4{
	width: 100%;
	height: 100%;
	floaT: left;
	position:relative;
	overflow:hidden;
}



.div-bg-3{
	width: 100%;
	height: 500px;
	floaT: left;
	position:relative;
	overflow:hidden;
	background:#000;
	border-radius: 5px;
}

.div-bg-2{
  margin: 0px 15px;
}

.div-bg-1{
	margin-top: 65px;
	border-radius: 5px 5px 0px 0px;
	width: 100%;
	floaT: left;
	position:relative;
	background:#fff;
	padding: 15px 0px;
}

.wrap ul{
  width: 1180px;
  margin: 0px -40px;
  position:relative;
  overflow:hidden;
}

.wrap{
  width: 1180px !important;
  margin: auto;
  position:relative;
  overflow:hidden;
}




.wrap li:nth-child(1){
    transform: skewX(-7.2deg);
}

.wrap li:nth-child(2), .wrap li:nth-child(3) {
    transform: skewX(-7.2deg);
}


.wrap ul {
  list-style: none;
  max-width: 1180px;
}
.wrap ul li {
  float: left;
  width: 25%;
  height: 500px;
  opacity: 1;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out; 
}
.wrap ul li:hover, .wrap ul li:first-child ~ li:last-child {
  width: 45%;
  opacity: 1;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.wrap ul li:hover ~ li:last-child {
  width: 25%;
}








.search-wrapper.search-wrap.hidden.active{
	animation:fade_in_show 0.2s}
	@keyframes fade_in_show{0%{opacity:0;transform:scale(0)}
	100%{opacity:1;transform:scale(1)}
}


.search-wrapper .input-holder .search-icon {
-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}

.search-wrapper .input-holder .search-icon:hover {
-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}


.search-wrapper.search-wrap.hidden.active{
	height: 34px;
	padding: 0px 0px 0px 20px;
	margin-top: 0px;
}


.search-wrapper {
        position: absolute;
        top: 0px;
        right: 238px;
    }


    .search-wrapper .input-holder {
    	lefT: 15px;
    	top: 10px;
    	height: 35px;
    	width: 52px;
    	position: absolute;
    }


    .search-wrapper.active .input-holder {
    	lefT: -254px;
        width: 340px;
        background: #fff;
		z-index:1;
        box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2);
		top: 10px;
		border-radius: 4px !important;
		transform: skewX(-15deg);
    }




    .search-wrapper .input-holder .search-input {
    	transform: skewX(15deg) !important;
    	width: 0px;
    	height: 35px;
    	padding: 0 0px 0 0px;
    	opacity: 0;
    	position: absolute;
    	top: 0;
    	left: 0;
    	background: 0 0;
    	box-sizing: border-box;
    	border: none;
    	outline: none;
    	font-family: font-3;
    	font-size: 14px;
    	line-height: 20px;
    	color: #444553;

    }

    .search-wrapper.active .input-holder .search-input {
    	width: 300px;
    	padding: 0px 0px 0px 15px;
        opacity: 1;
    }

    .search-wrapper.active .input-holder .search-icon {
		margin-right: 45px;
    }

    .search-wrapper .input-holder .search-icon {
    	top: 0px;
		opacity:0;
		width: 41px;
		height: 35px;
		margin-top: 0px;
		border: none;
		border-radius: 0px;
		padding: 0;
		outline: none;
		position: relative;
		z-index: 11;
		float: right;
		cursor: pointer;
		}

 .search-wrapper .input-holder .search-icon::before {
    border-radius: 5px;
    lefT: 0px;
    width: 100%;
    height: 100%;
    bottom: 0px;
    position: absolute;
    background: url(../images/search.svg) 12px 10px no-repeat;
    transform: skewX(15deg);
    content: "";
}

.search-wrapper.active .input-holder .search-icon::before {
		display: none;
    }


 .search-wrapper .input-holder .search-icon:hover::before {
    background: url(../images/search.svg) 12px -24px no-repeat;
}


    .search-wrapper .input-holder .search-icon:hover {
    	background: var(--foni-1);
    }


    .search-wrapper .input-holder .search-icon {
    	opacity: 1;
    	background: var(--foni-6);
        border-radius: 5px;
        transform: skewX(-15deg);
        z-index:9999;
    }

    .search-wrapper.active .input-holder .search-icon {
    	opacity: 9;
        background: url(../images/search-1.svg) center no-repeat;
        z-index:9999;
        display: none;
    }

    .search-wrapper .input-holder .search-icon span {
        width: 22px;
        height: 22px;
        display: inline-block;
        vertical-align: middle;
        position: relative;
        transform: rotate(45deg);
    }

    .search-wrapper.active .input-holder .search-icon span {
		opacity:0;
    }

    .search-wrapper .input-holder .search-icon span::before,.search-wrapper .input-holder .search-icon span::after {
        position: absolute;
        content: '';
    }

    .search-wrapper .input-holder .search-icon span::before {
        width: 4px;
        height: 14px;
        left: 22px;
        top: 8px;
        border-radius: 5px;
        transform: rotate(-85deg);
    }

    .search-wrapper .input-holder .search-icon span::after {
        width: 14px;
        height: 14px;
        left: 0;
        top: 0;
        border-radius: 16px;
    }

    .search-wrapper .close {
		opacity:0;
		position: absolute;
		z-index: 1;
		top: 17px;
		right: -55px;
		width: 20px;
		height: 20px;
		cursor: pointer;
		transform: rotate(45deg);
		}

    .search-wrapper.active .close {
		transform: rotate(45deg);
        transition: all .6s cubic-bezier(0,.105,.035,1.57);
		opacity:9;
    }

    .search-wrapper .close::before,.search-wrapper .close::after {
        position: absolute;
        content: '';
        background: #3c3838;
        border-radius: 10px;
    }

    .search-wrapper .close::before {
        width: 2px;
        height: 20px;
        left: 9px;
        top: 0;
    }

    .search-wrapper .close::after {
        width: 20px;
        height: 2px;
        left: 0;
        top: 9px;
    }


#cssmenu ul .menu-b a::before {
display: none;
}

.van-div-3 button{
    floaT: right;
    background:rgb(255 255 255 / 0%);
    border:0;
}



.van-div-9{
    -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
    width: 20px;
    height: 20px;
    floaT: left;
    margin: 8px 0px;
    background: var(--foni-1);
    border-radius: 4px;
}


.van-div-8{
    margin: 0px 10px;
}


.van-div-3 .swore-1{
    top: 2px;
    lefT: 12px;
    height: 35px;
}

.van-div-3.swore-1{
    floaT: left;
    transform: skewX(0deg);
    background:rgb(0 0 255 / 0%);
    z-indeX:1;
    width: 100%;
    position:absolute;
    text-align: center;
    left: 0px;
    height: auto;
}

.van-div-10  svg {
   fill: #3D4865; !important;
   -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.van-div-10:hover svg {
   fill: #ffffff; !important;
   -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}


.van-div-10:hover{
     background:#0253B7;
    -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.van-div-10{
	display: none;
    cursor: pointer;
    overflow:hidden;
    width: 44px;
    height: 35px;
    line-height: 36px;
    floaT: right;
    position:relative;
    margin: 0px 0px 0px 0px;
    border-radius: 5px;
    background:#F2F5F9;
    transform: skewX(-15deg);
    text-align: center;
    -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}


.van-div-7{
    cursor: pointer;
    overflow:hidden;
    width: 65px;
    height: 35px;
    line-height: 40px;
    floaT: right;
    position:relative;
    margin: 0px 0px 0px 12px;
    border-radius: 5px;
    background: var(--foni-6);
    transform: skewX(-15deg);
    text-align: center;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}


.van-div-3{
    margin-top: 10px;
}


.van-div-4{
      cursor: pointer;
    overflow:hidden;
    width: 82px;
    height: 35px;
    line-height: 40px;
    floaT: right;
    position:relative;
    margin: 0px 0px 0px 12px;
    border-radius: 5px;
    background: var(--foni-6);
    transform: skewX(-15deg);
    text-align: center;
    -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}


#cssmenu ul .menu-a  a {
   color: var(--foni-02);
}

#cssmenu ul .menu-a  svg {
  fill: var(--foni-02);
}


#cssmenu ul .menu-a::before, #cssmenu ul .menu-a::after {
    width: 10px;
}


#cssmenu > ul > .home-svg-1 svg{
    width: 19px;
    height: 19px;
    margin: -3px 0px -5px 0px;
    position:relative;
    floaT: left;
    }

.van-div-01:hover.van-div-2 svg, .van-div-02:hover.van-div-2 svg, .van-div-03:hover.van-div-2 svg{
   fill: #fff;
    -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.van-div-01.van-div-2 svg{
    -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.van-div-03:hover.van-div-2{
   background: #5641c8;
    -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.van-div-02:hover.van-div-2{
   background: #37B6FD;
    -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}

.van-div-01:hover.van-div-2{
   background: #3B64B4;
    -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}


.swore-1{
    floaT: left;
    transform: skewX(15deg);
    background:rgb(0 0 255 / 0%);
    z-indeX:0;
    width: 100%;
    position:absolute;
    text-align: center;
    left: 0px;
    height: 30px;
}

.van-div-2 svg{
   fill: #3D4865;
}

.van-div-03.van-div-2{
    line-height: 36px;
}

.van-div-2{
    overflow:hidden;
    width: 34px;
    height: 30px;
    line-height: 34px;
    floaT: left;
    position:relative;
    margin: 0px 10px 0px 0px;
    border-radius: 5px;
    background:#F2F5F9;
    transform: skewX(-15deg);
    text-align: center;
    -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s;
}


.van-div-1{
    width: 150px;
    floaT: left;
    position:relative;
    margin-top: 13px;
}


.header-2{
    width: 100%;
    height: 55px;
    floaT: left;
    position:relative;
}

#cssmenu ul li a::before {
    width: 1px;
    height: 20px;
    position: absolute;
    background: var(--foni-8);
    content: "";
    right: -1px;
    top: 22px;
}

.header-4 ul li ul li a{
   border-right: 0px #ffffff solid;
   font-family: font-1 !important;
}

.header-4 ul li a{
    letter-spacing:0.3px;
    font-family: font-1 !important;
   border-right: 0px #5d95d9 solid;
   font-size: 15.5px;
   float: left;
   padding: 28px 25px 26px 25px;
   line-height: 11px;
   position:relative;
}

.header-12 a{
   color:#a5a7b2;
}

#cssmenu ul li ul li::before, #cssmenu ul li ul li::after {
display:none !important;
}

#cssmenu ul li:hover::before, #cssmenu ul li:hover::after {
    width: 10px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

#cssmenu ul li::after {
border-radius: 20px 0px 0px 0px;
}

#cssmenu ul li::before {
right: 50% !important;
border-radius: 0px 20px 0px 0px;
}

#cssmenu ul li::before, #cssmenu ul li::after {
    width: 0%;
    height: 4px;
    bottom: -0px;
    position: absolute;
    background: var(--foni-02);
    content: "";
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

#cssmenu ul li::after {
    right: 50% !important;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

#cssmenu ul li::before {
    left: 50%;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

#cssmenu{margin-top: 0px;floaT: right;padding:0;line-height:1;display:block;position:relative;font-family:font-1;box-sizing:content-box;}
#cssmenu ul{list-style:none;margin: 0px 0px -1px 0px; padding: 0px 0px 0px 0px; display:block;float:left;}
#cssmenu ul li{    margin: 0px 0px;  padding:0px 0px; display:block;position:relative;}
#cssmenu ul li a{  text-decoration:none;display:block;margin:0;-webkit-transition:color .1s ease;-moz-transition:color .1s ease;-ms-transition:color .1s ease;-o-transition:color .1s ease;transition:color .1s ease;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#cssmenu ul li ul{position:absolute;left:-9999px;top: 65px;}
#cssmenu ul li ul li{
border-left: 0px #eee solid !important;
max-height:0;
position:absolute;
-webkit-transition:max-height 0.1s ease-out;
-moz-transition:max-height 0.1s ease-out;
-ms-transition:max-height 0.1s ease-out;
-o-transition:max-height 0.1s ease-out;transition:max-height 0.1s ease-out;
}

#cssmenu.align-right ul li ul li.has-sub:after{right:auto;left:15px;}
#cssmenu.align-right ul li ul li.has-sub:before{right:auto;left:15px;border-left-color:transparent;border-right-color:#fff;}
#cssmenu ul li ul li a{ font-family: font-4 !important;  -webkit-transition: all .1s;-moz-transition: all .1s;-o-transition: all .1s;transition: all .1s; border-bottom: 1px #eee solid;display: inline-block;font-size: 15px;opacity: 1; font-family:font-2;font-size: 14px;font-weight:400;text-transform:none;letter-spacing:0;display:block;width:280px;padding: 19px 10px 19px 20px;}
#cssmenu ul li ul li:hover > a, #cssmenu ul li ul li.active > a{ -webkit-transition: all .1s;-moz-transition: all .1s;-o-transition: all .1s;transition: all .1s;  color: var(--foni-1); !important;background: rgb(45 48 62 / 3%);}
#cssmenu ul li ul li:hover:after,
#cssmenu ul li ul li.active:after{background:#2196f3;}
#cssmenu ul li ul li:hover > ul{  background: #191a21;border-top: 0px solid #191a21;border-bottom: 0px solid #191a21;border-left: 0px solid #eee;border-right: 0px solid #eee;left:100%;top: 0px;}
#cssmenu ul li ul li:hover > ul > li{max-height:72px;position:relative;}
#cssmenu > ul > li{float:left;}
#cssmenu.align-center > ul > li{float:none;display:inline-block;}
#cssmenu.align-center > ul{text-align:center;font-size:0;}
#cssmenu.align-center ul ul{text-align:left;}
#cssmenu.align-right > ul{float:right;}
#cssmenu.align-right > ul > li:hover > ul{left:auto;right:0;}
#cssmenu.align-right ul ul li:hover > ul{right:100%;left:auto;}
#cssmenu.align-right ul ul li a{text-align:right;}
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li.active > a{color: var(--foni-02);position:relative;z-index:9999;cursor:pointer;-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
#cssmenu > ul > li > a,
#cssmenu > ul > li.active > a{
    color:#fff;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;

}

#cssmenu > ul > li:hover > ul a{  opacity:9;font-size:14px;color: #3D4865;left:0;}
#cssmenu > ul > li:hover > ul{left:0;}
#cssmenu > ul > li:hover > ul > li{display: inline-block;z-index:999999;max-height: 47px;position:relative;}
#cssmenu #menu-button{display:none;}
#cssmenu > ul > li > a{display:block;}
#cssmenu > ul > li{width:auto;}
#cssmenu > ul > li > ul{border-radius: 0px 0px 5px 5px;overflow:hidden;background: #ffffff;box-shadow: 0px 5px 10px 0px rgb(0 0 0 / 10%);font-family:font-2;width:280px;display:block;}

.header-03.header-3 {
    position: fixed;
    top: 0px !important;
    margin-top: 0px;
    box-shadow: 0px 4px 4px rgb(0 0 0 /8%);
    z-index:9;
}

.header-3 {
    z-index: 11;
    margin-bottom: 20px;
    float: left;
    position: absolute;
    margin-top: 55px;
    widtH: 100%;
    background: var(--foni-1);
    line-height: 50px;
}


.logo-1 img{
    widtH: 100%;
    line-height: 0px;
    float: left;
    position: relative;
}

.logo-2 path{
	fill: #ffffff;
}

.logo-2 {
    line-height: 0px;
    width: 100%;
    margin: 16.4px 0px;
    float: left;
    position: relative;
}

.logo-1 {
    width: 155px;
    height: 65px;
    line-height: 65px;
    margin: 0px 0px;
    float: left;
    position: relative;
}


.header-2 a{
    color: #fff;
}


.header-1 {
    float: left;
    position: relative;
    widtH: 100%;
    height: 55px;
    background:#ffffff;
    line-height: 55px;
}



.game-9 {
    position:relative;
}

.game-9 .slick-list {
    margin:0 -9px;
}

.slick-slide {
    margin:0 10px;
}

.item {
    height:300px;
}

.back {
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
}

.back-con {
    position:relative;
    width:100%;
    height:100%;
    text-align: center;
    box-shadow: 
}

.slick-dots li{background: #FFBE10;border-radius:10px;position:relative;display:inline-block;width:12px;height:12px;margin:0 6px;padding:0;cursor:pointer;}
.slick-dots li button{font-size:0;line-height:0;display:block;width:10px;height:10px;padding:5px;cursor:pointer;color:transparent;border:0;outline:none;background:transparent;}
.slick-dots{ padding-bottom: 2px !important; display: none !important; bottom: 0px;width:100% !important;position:absolute;padding:0;margin:0;list-style:none;text-align:center;z-index:9;}
.slick-dots .slick-active{background: #0253B7;border-radius:100px;}



.slick-next:before{
	width: 30px;
	height: 30px;
	background: url(../images/next-1.svg) 12px 11px  no-repeat;
	content: "";
	position:absolute;
	lefT: 0px;
	transform: skewX(10deg);
}

.slick-prev:after{
	width: 30px;
	height: 30px;
	background: url(../images/next-2.svg) 12px 11px  no-repeat;
	content: "";
	position:absolute;
	lefT: 0px;
	transform: skewX(10deg);
}


.slick-next{
	right: 3px;
}

.slick-prev{
	right:43px;
}

.slick-disabled.slick-prev, .slick-disabled.slick-next {
    opacity: 0.5 !important;
}

.slick-next, .slick-prev{
	transform: skewX(-15deg);
	background-color: var(--foni-1);
	border: 0;
	floaT:left;
	border-radius: 5px;
	font-size:0px !important;
	z-index:9;
	line-height:40px;
	position:absolute;
	display:block !important;
	width: 30px !important;
	height: 30px !important;
	padding:0;
	cursor:pointer;
	}
}



@media (min-width:1100px) and (max-width:90000000px){
.center-size-3{ width: 1048px; margin: 0px 0px 0px 7.5px; float: left; position:relative;}
.center-1{width: 1080px; margin: auto; position:relative; z-index:1; }
}

@media (min-width:1000px) and (max-width:1100px){
.center-size-3{ width: 948px; margin: 0px 0px 0px 7.5px; float: left; position:relative;}
.center-1{width: 980px; margin: auto; position:relative; z-index:1; }
}

@media (min-width:800px) and (max-width:1000px){
.center-size-3{ width: 744px; margin: 0px 0px 0px 7.5px; float: left; position:relative;}
.center-1{width: 775px; margin: auto; position:relative; z-index:1; }
}


@media (min-width:560px) and (max-width:800px){
.center-size-3{ width: 510px; margin: 0px 0px 0px 7.5px; float: left; position:relative;}
.center-1{width: 540px; margin: auto; position:relative; z-index:1; }
}


@media (min-width:20px) and (max-width:560px){
.center-size-3{ width: 100%; margin: 0px 0px 0px 0px; float: left; position:relative;}
.center-1{width: auto; margin: 0px 15px; position:relative; z-index:1; }
}


@media (min-width:560px) and (max-width:90000000px){
.div-smartphone-1{ display: none; }
}



@media (min-width:800px) and (max-width:90000000px){

.footer-linkis-1{
	display: none;
}

#footer-linkis-2{
float: right;
display: block !important;
}
.outer-menu input{display: none;}}

h1,h2,h3,h4,h5,.h1,.h2,.h3,.h4,.h5{margin:1em 0 .6em 0;letter-spacing:0.01em;line-height:normal;font-weight:bold;text-rendering:optimizeLegibility;font-family:font-1;}
h1,.h1{font-size:23px;}h2,.h2{font-size:21px;}h3,.h3{font-size:20px;}h4,.h4{font-size:18px;}h5,.h5{font-size:16px;}
body{margin:0 auto;background:#eee;font-family:font-3, Verdana, sans-serif;font-size:14px;}
::-webkit-scrollbar-track{background:#ddd;}
::-webkit-scrollbar-thumb{background:var(--foni-8);}
a{color:#181722;text-decoration:underline;text-decoration:none;}
a img{border:0 none;}
ol, ul, li{list-style:none;}
*{margin:0;padding:0;outline:none;}
::-webkit-scrollbar{width:9px;}
::selection{background-color:var(--foni-1);color:#fff;}
::selection{color:#fff;}

  .tipsy {  padding: 5px;font-size: 10px;opacity: 0.75;filter: alpha(opacity=75);background-repeat: no-repeat;line-height:12px;background-image: url(../images/tipsy.svg);}
  .tipsy-inner { padding: 6px 8px 7px 8px; background-color: black; color: white; max-width: 200px; text-align: center; letter-spacing: 1px; }
  .tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
  .tipsy-north { background-position: top center; }
  .tipsy-south { background-position: bottom center; }
  .tipsy-east { background-position: right center; }
  .tipsy-west { background-position: left center; }


@font-face{font-family:font-1;src:url('/font-1.ttf');font-weight:bold;}
@font-face{font-family:font-2;src:url('/font-4.otf');font-weight:bold;}


@font-face{font-family:font-3;src:url('../fonts/font-2.otf');font-weight:bold;}
@font-face{font-family:font-4;src:url('../fonts/font-3.ttf');font-weight:bold;}
@font-face{font-family:font;src:url('../fonts/font.ttf');font-weight:bold;}