/*---------------------------------------------------------------------------------------------------------
COMMON
---------------------------------------------------------------------------------------------------------*/
@font-face {
  font-family: ArialRounded;
  src: url(../fonts/unicode.arialr.ttf);
}
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
body {font-family: 'Montserrat', sans-serif !important;}
.bold {font-weight: bold;}
.gogotolink {cursor: pointer;}
.w100 {width: 100%;}
/*---------------------------------------------------------------------------------------------------------
DISPLAY
---------------------------------------------------------------------------------------------------------*/
.display-none {display: none !important}
.show {display: block !important}
.inline {display: inline !important;}
.visible, .showTabel {visibility: visible !important}
.not-visible, .hideTabel {visibility: hidden !important}
.hide {display: none !important}
.showTabel {display: table-row !important}
.hideTabel {display: none !important}
/*---------------------------------------------------------------------------------------------------------
FLOAT
---------------------------------------------------------------------------------------------------------*/
.fright {float: right !important;}
.fleft {float: left !important;}
/*---------------------------------------------------------------------------------------------------------
TEXT-ALIGN
---------------------------------------------------------------------------------------------------------*/
.txtright {text-align: right !important;}
.txtleft {text-align: left !important;}
.txtcenter {text-align: center !important;}
.valign {vertical-align: middle !important;}
/*---------------------------------------------------------------------------------------------------------
MARGIN
---------------------------------------------------------------------------------------------------------*/ 
.margin5 {margin: 5px;}
.mb20 {margin-bottom: 20px  !important;}
.mb10 {margin-bottom: 10px  !important;}
.mt20 {margin-top: 20px  !important;}
.mr5 {margin-right: 5px;}
.mt10 {margin-top: 10px !important}
.mt20 {margin-top: 20px !important}
.mtb5 {margin-bottom: 5px !important; margin-top: 5px !important}
.nomargin {margin: 0 !important}
.nopadding {padding: 0 !important}
.padding5 {padding: 5px !important}
.padding3 {padding: 5px !important}
.p20 {padding: 20px !important}
.pt20 {padding-top: 20px !important}
.pl10 {padding-left: 10px !important}
.pb20 {padding-bottom: 20px !important}
.pb15 {padding-bottom: 10px !important}
/*-------------------------------------------------------------------------------------------------------*/ 
.txt-white {color: #fff !important}
/*-------------------------------------------------------------------------------------------------------*/ 
/*-FOOTER -----------------------------------------------------------------------------------------------*/
.txtfooter {font-size: 19px;color: #fff;}
.txtfooter2 {font-size: 16px;color: #fff;}
/*-------------------------------------------------------------------------------------------------------*/ 
/*--meniu ----------------------------------------------------------------------------------------------*/ 
/*-------------------------------------------------------------------------------------------------------*/ 
#main-nav {background: #002438 !important; z-index: 10000}
/*-------------------------------------------------------------------------------------------------------*/ 
/*--slider ----------------------------------------------------------------------------------------------*/ 
/*-------------------------------------------------------------------------------------------------------*/ 
body.custom-background {background-image: url(../images/slider/ampera-games-slider-echipamente-slot-machines.png);background-position: top left; background-repeat: no-repeat;background-size: 100% auto; background-color: #002438}
.n2-ss-layer div {color: #FFF}
/*-------------------------------------------------------------------------------------------------------*/ 
.n2-btn-contact, .n2-heading {display: block !important}
.n2-heading {max-width: 1300px; margin: auto;}

.game {height: auto; margin-bottom: 5px; /*border: 1px solid #edf5ff; */padding: 0px 0px 10px; position: relative; overflow: hidden; box-shadow: -1px 3px 4px rgb(58 142 179 / 20%); background: #002438}	
.game img {width: 100%}	
.game a {color: #fff}
.game a:hover {color: #fff}
.game .play-part {position: absolute;bottom: 0; text-align: center;width: 100%; display: none}	
.game .game-title {position: absolute;bottom: 10px;text-align: center; width: 100%;}	

.game .game-more {position: absolute; display: none;  background: rgb(58 142 179 / 40%); transition: bottom 1s; -webkit-transition: bottom 1s; }
.game .game-more a {position: absolute; top: 0; right: 0; left: 0; bottom: 0; margin: auto; height: 30px; width: 150px;}
.game:hover > .game-more {display: block; bottom: 0 !important}

#games-container { /*height: 700px; overflow-y: scroll; */background: #002438;}
#games-container .laxy {padding: 0 2px;}
.about-us .big-intro {font-size: 44px} 

.focus-box .service-icon {height: 160px; background: #002438}
.navbar-inverse .navbar-nav ul.sub-menu.show {display: block !important}
.navbar-inverse .navbar-nav ul.sub-menu.hide {display: none !important}
.header.header>.navbar {background-color: rgba(0,36,56,1) }
@media (max-width: 750px) {
	.n2-btn-contact {text-align: center;}
	.n2-heading h1 {font-size: 30px !important;}
	.single-game-desc-wrap * {list-style: none; margin: 0}
	.single-game-desc-wrap p{margin-bottom: 10px}
}
@media (max-width: 1600px) {
	.container {
	    width: 100%;
	}
}
@media (min-width: 1600px) {
	.container {
	    width: 1500px;
	}
	.focus-box .service-icon {height: 220px;}
}
