:root {
	--maincolor:#000;
	--borderradius:20px;
	--brbig:36px;
	
}
*{transition:all ease .5s;}
body,html{font-size:16px; font-family: "Roboto", sans-serif;}
.navigation{width:200px;padding:20px;border-right:1px solid #e1e1e1;position:fixed;left:0;top:0;height:100%;}
.site-logo{text-align:center;}
.site-logo img{max-height:100px;}
.site-content{padding-left:200px;}
.site-games .game-type{cursor:pointer;width:60px;height:60px;display:inline-flex;flex-direction:column;justify-content:center;align-items:center;padding:10px;border-radius:var(--borderradius);background-color:#e1e1e1;}
.site-games .game-type:hover,.site-games .game-type.active{background-color:var(--maincolor);color:#fff;transition:all ease .5s;}
.site-games .game-type:hover .hover,.site-games .game-type.active .hover{display:block;}
.site-games .game-type:hover .default,.site-games .game-type.active .default{display:none;}
.site-games li{margin:0 0 20px 0;}
.site-games li:last-child{margin:0;}
.site-games .game-type img{height:20px;}
.game-type .hover{display:none;}
.site-games .game-name{font-size:0.75rem;font-weight:bold;text-transform:uppercase;margin:5px 0 0 0;}
.site-content-holder{padding:20px;display:flex;}
.site-content-holder .site-games{width:80px;}
.game-provider-content{flex:calc(100% - 80px);}
.game-provider ul {display:flex;flex-wrap:wrap;gap:20px;}
.game-provider ul li{cursor:pointer;}

.game-provider ul li {opacity: 1;transition: opacity 0.3s ease;border-radius:var(--brbig);overflow:hidden;}
.game-provider ul:has(li:hover) li {opacity: 0.5;}
.game-provider ul li:hover {opacity: 1!important;}

.game-provider .game-provider-holder img{height:300px;}
a{text-decoration:none!important;}
.game-provider-back{margin:0 0 20px 0;display:none;}
.game-provider-image img{height:250px;}
.game-provider-details{display:flex;align-items:center;margin:0 0 20px 0;border-bottom:1px solid #e1e1e1;padding:0 0 20px 0;}
.game-provider-details .game-provider-image{margin:0 20px 0 0;}
.game-provider-details .game-provider-name{font-size:4rem;font-weight:bold;text-transform:uppercase;}
.game-provider-game-filter{margin:0 0 20px 0;}
.game-provider-game-filter li{cursor:pointer;}
.game-provider-details-holder{display:none;}

.loading{background-color:rgba(0,0,0,0.5);position:fixed;top:0;left:0;width:100%;height:100%;}
.game-provider-game-items ul{display:flex;flex-wrap:wrap;margin-left:-20px;}
.game-provider-game-items ul li{cursor:pointer;margin:0 0 20px 20px;}
.game-provider-game-items .game-item-image{width:200px;height:200px;overflow:hidden;border-radius:var(--brbig);}
.game-filters{padding:5px 20px!important;background-color:#fff;border-radius:var(--borderradius);}
.game-filters.active,.game-filters:hover{background-color:#000;color:#fff;}
.portal-login{z-index:99;background-color:rgba(0,0,0,0.5);position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;}
.portal-input{display:flex;align-items:center;}
.portal-input .mso{margin:0 20px 0 0;}
.portal-login-holder{display:none;}
.portal-login-content li{margin:0 0 10px 0;}
.portal-login-content li:last-child{margin:0;}
.bmi-text.full{width:100%;}
.portal-holder{background-color:#fff;border-radius:var(--brbig);padding:20px;}
.portal-header{margin:0 0 20px 0;}
.portal-header .title{font-size:1.5rem;font-weight:bold;}
.site-nagivation{margin:20px 0 0 0;text-align:center;}
.loading-holder{background-color:rgba(255,255,255,0.5);}
#login-error{text-align:center;color:var(--red);}
.language-selector ul{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:center;align-items:center;}
.language-selector li{color:#333;cursor:pointer;}
.language-selector li.current,.language-selector li:hover{font-weight:bold;color:#000;font-size:1.25rem;}
.language-selector{margin:40px 0 0 0;}

@media (max-width:600px){
	body{padding-top:90px;}
	.navigation {align-items:center;background-color:#fff;padding:10px 20px;box-shadow:2px 2px 3px #c9c9c9;border-bottom:1px solid #e1e1e1;position:fixed;top:0;left:0;width:100%;height:auto;display:flex;justify-content:space-between;}
	.site-logo{text-align:left;}
	.site-logo img{max-height:50px;}
	.site-content{padding-left:0;}
	.game-provider ul{margin-left:-20px;gap:unset;}
	.game-provider ul li {flex:0 0 calc((100%/2) - 20px);border-radius:var(--borderradius);margin:0 0 20px 20px;}
	.game-provider .game-provider-holder img{width:100%;height:auto;}
	.game-provider-details .game-provider-name{font-size:1.25rem;}
	.game-provider-game-items ul li{flex:0 0 calc( (100% / 2) - 20px);}
	.game-provider-game-items .game-item-image{width:100%;height:auto;border-radius:var(--borderradius);}
	.game-provider-game-items .game-item-image img{width:100%;}
	.site-content-holder .site-games{position:fixed;left:20px;top:90px;}
	.game-provider,.game-provider-details-holder,.game-provider-back{padding-left:80px;}
	.site-content-holder{padding:0 20px 20px 20px;}
	.site-nagivation{margin:0;}
	.language-selector{position:absolute;top:25px;left:100px;margin:0;}
}