html, body {
    height: 100%;
    font-family: -apple-system,BlinkMacSystemFont,segoe ui,Roboto,Oxygen-Sans,Ubuntu,Cantarell,helvetica neue,sans-serif;
  }  

  /*
    font-family: 'Arima', cursive;
    font-family: 'Bebas Neue', cursive;
    font-family: 'Cabin', sans-serif;
    font-family: 'Comfortaa', cursive;
    font-family: 'Nunito', sans-serif;
    font-family: 'Roboto', sans-serif;
  */
   
  body{
      margin: 0;
      padding: 0;
      min-height: 100%;	 
      flex-direction: column;
      position:relative;
      display: flex; 
      background-color: #f5f5f5;
      color: #48150E;
      font-family: 'Nunito', sans-serif;
  }

  .bg_dark{
    background-color: #282325;
  }
  .bg_orange{
    background-color: #F37121;
  }
  .bg_white{
    background-color: #D9DEE6;
  }
  
 a{
      text-decoration: none;
      color: #F15A24;  
      -webkit-transition: all .2s ease-in-out;
      -o-transition: all .2s ease-in-out;
      transition: all .2s ease-in-out;
  }
  a:visited{
      color:  #F15A24;
  }
  a:hover{
    color:  #DF3C26;
  }


 .hr{ 
    border: 0; 
    display: block;
    overflow:hidden;
    margin:30px 0;
    height: 1px; 
    background: rgb(157,162,184);
    background: -moz-linear-gradient(90deg, rgba(157,162,184,0) 0%, rgba(157,162,184,1) 30%, rgba(157,162,184,1) 70%, rgba(157,162,184,0) 100%);
    background: -webkit-linear-gradient(90deg, rgba(157,162,184,0) 0%, rgba(157,162,184,1) 30%, rgba(157,162,184,1) 70%, rgba(157,162,184,0) 100%);
    background: linear-gradient(90deg, rgba(157,162,184,0) 0%, rgba(157,162,184,1) 30%, rgba(157,162,184,1) 70%, rgba(157,162,184,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#9da2b8",endColorstr="#9da2b8",GradientType=1); 
}

  

.text-center{
    text-align: center !important;
}
.text-left{
    text-align: left !important;
}
.text-justify{
    text-align: justify !important;
}
.text-right{
    text-align: right !important;
} 
.left{
    display: block;
    float: left;
}
.right{
    display: block;
    float: right;
}

.hide{
    display: none !important;
}

   
main{
	padding-top: 4%;
	flex: 1 0 auto;
}
 

.container{
        margin:0 auto;	
        display: block;
        overflow: hidden;
        position: relative;
}


header, nav, main, footer{
	width:100%;    
	/*z-index: 1;*/
}

.nav{
    display: block; 
    overflow: hidden;
    z-index:900;
    position:fixed;
    top: 0px;
    left: 0px;
    right: 0px;

    background: rgb(36,49,59);
    background: -moz-linear-gradient(90deg, rgba(36,49,59,1) 0%, rgba(22,35,42,1) 60%, rgba(1,14,18,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(36,49,59,1) 0%, rgba(22,35,42,1) 60%, rgba(1,14,18,1) 100%);
    background: linear-gradient(90deg, rgba(36,49,59,1) 0%, rgba(22,35,42,1) 60%, rgba(1,14,18,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#24313b",endColorstr="#010e12",GradientType=1); 

    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;

    
    -webkit-clip-path: polygon(100% 0px, 100% 75%, 0px 97%, 0px 0px);
    clip-path: polygon(100% 0px, 100% 75%, 0px 97%, 0px 0px);
    margin-bottom: -25px;
}
  
.nav.sticky{
    position:fixed;
    top: 0px;
}
.nav .container{
    width: 95%;
    max-width: 1200px;
}
.nav .container .logo,
.nav .container .menu,
.nav .container .social{
    display: block; 
    overflow: hidden;
}
.nav .container .logo{
    float: left;
}
.nav .container .logo img{
    width: 220px;
    height: auto;
    margin: 20px 0 0;
}
 

.nav .container .menu{
    float: right;
    margin-right: 50px;
    line-height: 0px;
}
.nav .container .menu a{
    display: inline-block; 
    overflow: hidden;    
    color:#9DA2B8;
    font-weight: 500;
    cursor: pointer;
    opacity: 0.8;
    font-size: 0.9rem;
    line-height: 2rem;
    padding: 35px 15px;
    background-color: rgba(255,255,255,0);
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.nav .container .menu a:hover{
    opacity: 1;
    color:#F68E23;
    //background-color: rgba(255,255,255,0.09);
}

.nav .container .social{
    line-height: 0px;
    float: right;
}
.social a{
    display: inline-block; 
    overflow: hidden;    
    color:transparent;
    font-size: 0.9rem;
    line-height: 2rem;
    cursor: pointer;
    opacity: 0.4;
    padding: 10px 5px;
    background-color: rgba(255,255,255,0);
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.nav .container .social a{
    padding: 36px 2px;
}
.social a:hover{
    opacity: 1;
    //background-color: rgba(255,255,255,0.09);
}

.social a span{    
    background-image:url('/misc/images/social-icons.webp');
    background-position:0px 0px;
    width: 30px;
    height: 30px;
    display: block;
    float: left;
    color:transparent;
}

.social a.twitter span{
    background-position: -0px -0px;
}
.social a.youtube span{
    background-position: -30px -0px;
}
.social a.facebook span{
    background-position: -60px -0px;
}
.social a.instagram span{
    background-position: -90px -0px;
}
.social a.tiktok span{
    background-position: -120px -0px;
}


.nav .container .mobile-menu-btn{
    float: left;
    display: none;
    overflow:hidden;
    width: 40px;
    height: 40px;
    /*background-color: rgba(255,255,255,0.3);*/
    margin-top: 30px;
    color:#FFF;     
}
.nav .container .mobile-menu-btn .material-icons{
    color: #FFF;
    font-size: 40px;
}

.nav-mobile-overlay{
    display: block;
    overflow: hidden;
    position: fixed;
    left: 0px;
    top: 0px;
    bottom: 0px;
    right: 100%;
    z-index: 998;
    background-color: rgba(0,0,0,0.7);;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.nav-mobile-overlay.view{
    right: 0;
}

.nav-mobile{
    display: block;
    overflow: hidden;
    position: fixed;
    left: -500px;
    top: 0px;
    bottom: 0px;
    width: 350px;
    z-index: 999;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;

    box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;

    background: rgb(36,49,59);
    background: -moz-linear-gradient(90deg, rgba(36,49,59,1) 0%, rgba(22,35,42,1) 60%, rgba(1,14,18,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(36,49,59,1) 0%, rgba(22,35,42,1) 60%, rgba(1,14,18,1) 100%);
    background: linear-gradient(90deg, rgba(36,49,59,1) 0%, rgba(22,35,42,1) 60%, rgba(1,14,18,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#24313b",endColorstr="#010e12",GradientType=1); 
}
.nav-mobile.view{
    left: 0px;
}
.nav-mobile .nav-close{
    position: absolute;
    display: block;
    width: 20px;
    top: 5px;
    right: 5px;
    font-size: 1.4rem;
    color: #FFF;
    font-weight: 700;
    background-color: rgb(255,255,255,0.2);
    border-radius: 5px;
    line-height: 1.5rem;
    text-align: center;
    padding: 0 2px 3px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.nav-mobile .nav-close:hover{
    background-color: rgb(255,255,255,0.5);
}

.nav-mobile .logo{
    display: block;
    text-align: center;    
}
.nav-mobile .logo img{
    width: 90%;
    max-width: 200px;
    height: auto;
    margin-top: 20px;
}

.nav-mobile .menu{
    display: block;
    text-align: left; 
    padding:40px 0;
}
.nav-mobile .menu a{
    font-size: 1rem;
    line-height: 2.2rem;
    font-weight: 600;
    display: block;
    overflow: hidden;
    color: #FFF;
    padding:2px 30px;
    background-color: rgba(0,0,0,0);
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.nav-mobile .menu a:hover{
    padding-left: 40px;
    background-color: rgba(0,0,0,0.5);
}

.nav-mobile .social{
    text-align: center;
}
.nav-mobile .social a{
    border-radius: 20px;
}



/* ******************** */

.footer{
    display: block; 
    overflow: hidden;
    padding: 10px 0;

    background: rgb(36,49,59);
    background: -moz-linear-gradient(90deg, rgba(36,49,59,1) 44%, rgba(1,14,18,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(36,49,59,1) 44%, rgba(1,14,18,1) 100%);
    background: linear-gradient(90deg, rgba(36,49,59,1) 44%, rgba(1,14,18,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#24313b",endColorstr="#010e12",GradientType=1); 

    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;


    -webkit-clip-path: polygon(0 0, 100% 10%, 100% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 10%, 100% 100%, 0% 100%);
    margin-top: -30px;

}
.footer .container{
    width: 95%;
    max-width: 1200px;
}

.footer .social{
    float: right;
    display: block; 
    overflow: hidden;
}
.footer .social a:hover{
    background-color: rgba(255,255,255,0);
}

.footer .container.big{
    padding:50px 0;
}
.footer .container .logo{
    float: left;
    display: block; 
    overflow: hidden;
}
.footer .container .logo img{
    width: 300px;
    height: auto;
    margin:10px 0;
}

.footer .container .menu{
    float: right;
    line-height: 0px;
}
.footer .container .menu a{
    display: inline-block; 
    overflow: hidden;    
    color:#9DA2B8;
    font-weight: 500;
    cursor: pointer;
    opacity: 0.8;
    font-size: 0.9rem;
    line-height: 2rem;
    padding: 35px 15px;
    background-color: rgba(255,255,255,0);
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.footer .container .menu a:hover{
   color: #F68E23;
    opacity: 1;    
}

.footer .container .text{
    display: block;
    float: left;
    color:#FFF;
    font-size: 0.9rem;
    height: 50px;
    line-height: 50px;
}
.footer .container .text span{

}
.footer .container .text a{
    color:#fa7b4c;
    margin-left: 25px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.footer .container .text a:hover{
    color:#ffa500;
}


/* *************** */
/* HOME */

.button{
    display: block;  
    overflow: hidden; 
    position: relative;
    width: 150px; 
    border-radius: 5px; 
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.button .button-bg{
    display: block;  
    overflow: hidden; 
    position: absolute;
    z-index: 1;
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: 0px;

    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;

    /*background: rgb(223,60,38);
    background: -moz-linear-gradient(90deg, rgba(223,60,38,1) 0%, rgba(234,94,35,1) 50%, rgba(248,128,25,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(223,60,38,1) 0%, rgba(234,94,35,1) 50%, rgba(248,128,25,1) 100%);
    background: linear-gradient(90deg, rgba(223,60,38,1) 0%, rgba(234,94,35,1) 50%, rgba(248,128,25,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#df3c26",endColorstr="#f88019",GradientType=1); 
    */
    background-image:url('/misc/images/button_bg.webp');
    background-position: -270px 0px;
    background-size:initial;
    background-repeat: no-repeat;
}
.button:hover .button-bg{

    background-position: 0px 0px;

    /*
    background: rgb(199,39,18);
    background: -moz-linear-gradient(90deg, rgba(199,39,18,1) 0%, rgba(228,117,70,1) 91%, rgba(248,128,25,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(199,39,18,1) 0%, rgba(228,117,70,1) 91%, rgba(248,128,25,1) 100%);
    background: linear-gradient(90deg, rgba(199,39,18,1) 0%, rgba(228,117,70,1) 91%, rgba(248,128,25,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c72712",endColorstr="#f88019",GradientType=1); 
    */

}



.button a{
    display: block;  
    overflow: hidden;
    position: relative;
    z-index: 100;
    width: 100%;
    color:#FFF !important;

    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 600;
    padding:10px 0px;
    text-align: center;

    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.button.blur .button-bg{
    filter: blur(8px);
    -webkit-filter: blur(8px);
    background: rgba(242,103,33,1);
}
.button.blur:hover .button-bg{
    filter: blur(0px);
    -webkit-filter: blur(0px);
    background: rgb(255,155,1);
} 

.button.clean .button-bg{
    background: rgba(0,0,0,0);
}
.button.clean:hover .button-bg{
    background: rgba(0,0,0,0.3);
}
 
.button.line{
    margin:10px auto;
    border:1px solid #FFF;
}
.button.line a{ 
    padding:8px 0px;
}

.button.clean.line:hover{
    border:2px solid rgba(242,103,33,1);
}
.button.clean.line:hover a{
    color: #FFF !important;
}

.button.s200{
    width: 200px;
}
.button.s250{
    width: 250px;
}



/* *********************** */


.home-slide{
    display: block; 
    overflow: hidden;    
    position:relative;    
    width: 100%;
    background-color: #000;
    z-index: 4;
    padding-bottom: 30px;

    -webkit-clip-path: polygon(0px 0px, 100% 0px, 100% 95%, 55% 100%, 0 95%);
    clip-path: polygon(0px 0px, 100% 0px, 100% 95%, 55% 100%, 0 95%);
}
.home-slide-content{
    display: block; 
    overflow: hidden;    
    position:relative;   
    
    -webkit-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;

    width: 100%;
    /*height: 570px;*/
}  

.home-slide .slide-item{
    display: block; 
    overflow: hidden; 
    position: relative;
    height: 100%;
    /*float: left;*/
}
.home-slide .slide-item .alink{
    display: block; 
    overflow: hidden; 
    position: absolute;
    top:0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    z-index: 6;
}

.home-slide .slide-item .game-bg-left,
.home-slide .slide-item .game-bg-right{
    display: block; 
    overflow: hidden; 
    position: absolute;
    top:0px;
    left: 0px;
    bottom: 0px;
    width: 30%;
    z-index: 3;
    /*background-color: #000;*/

    background-image:url('/games/they-are-billions-slide-left.webp');
    background-position: right center;
    background-size:cover;
    background-repeat: no-repeat;
}

.home-slide .slide-item .game-bg-right{ 
    left: inherit;
    right: 0px;
    width: 23%;
    
    background-image:url('/games/they-are-billions-slide-right.webp');
    background-position: left center;
}
 


.home-slide .slide-item .game-video{
    display: block; 
    overflow: hidden; 
    position: absolute;
    top:0px;
    right: 0px;
    left: 360px;
    bottom: 0px;
    padding:0px;
    z-index: 3;
    /*background-color: #c62828;*/
}
.home-slide .slide-item .game-video .link{
    display: block; 
    overflow: hidden; 
    position: absolute;
    top:0px;
    right: 0px;
    bottom:0px;
    left: 0px;
    z-index: 5;
    color:transparent;
}

.home-slide .slide-item .game-video iframe,
.home-slide .slide-item .game-video video{
    position: relative;
    z-index: 4;
    width: 120%;
    height: 120%;
    margin-left: -12%;
    margin-top: -10%;
}


.home-slide .slide-item .game-details{
    display: block; 
    overflow: hidden; 
    position: relative;
    padding:50px 50px 60px;
    width: 380px;
    z-index: 8;
    float: left;
}

.home-slide .slide-item .game-details .game-details-bg{
    position: absolute;
    z-index: 0;
    top:-50px;
    bottom: -50px;
    right: 25px;    
    left: 25px;

    background-color: #000;
    opacity: 1;
    filter: blur(15px);
    -webkit-filter: blur(15px);
}

.home-slide .slide-item .game-details .game-image{
    display: block; 
    overflow: hidden;
    position: relative; 
    width: 100%;
    margin:0 auto;
    max-width: 380px;
    height: auto;
    z-index: 1;
}

.home-slide .slide-item .game-details .text{
    font-size: 1rem;
    line-height: 1.5rem;
    position: relative;
    z-index: 1;
    display: block;
    overflow: hidden;
    height: 70px;
    margin: 25px 20px 10px;
    text-align: center;
    font-weight: 300;
    color:#FFF;
}

.home-slide .slide-item .game-details .stores{
    display: block;
    overflow: hidden;
    position: relative;
    width: 100%;
    z-index: 1;
    margin: 20px 0 5px;
    text-align: center;
}
.home-slide .slide-item .game-details .stores .store-icon{
    width: 26px;
    height: 26px;
}
.home-slide .slide-item .game-details .buttons{
    display: block;
    overflow: hidden;
    margin:10px 0px;
    text-align: center;
    position: relative;
    z-index: 15;
}
.home-slide .slide-item .game-details .buttons .button{
    display: inline-block;
    margin:5px 10px;
}

.home-slide .slide-item .game-details .buttons .button-trailer{
    display: inline-block;
    overflow: hidden;
    position: relative;
    z-index: 2;
    width: 150px;
    text-align: center;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 600;
    padding: 10px 0px;
    color:#FFF;
    border:2px solid #FFF;
    border-radius: 5px; 
}



.home-slide .slide-dots{
    display: block; 
    overflow: hidden;    
    position:absolute;
    z-index: 10;
    bottom: 10px;
    left: 0px;
    right: 0px;
    padding:40px 10px 20px;
    text-align: center;

    background: rgb(0,0,0);
    background: -moz-linear-gradient(0deg, rgba(0,0,0,1) 50%, rgba(0,0,0,0.12366953617384457) 85%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(0deg, rgba(0,0,0,1) 50%, rgba(0,0,0,0.12366953617384457) 85%, rgba(0,0,0,0) 100%);
    background: linear-gradient(0deg, rgba(0,0,0,1) 50%, rgba(0,0,0,0.12366953617384457) 85%, rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1); 

}

.home-slide .slide-dots .slide-dot-item{
    display: inline-block;
    overflow: hidden;
    color:transparent;
    background-color: #9DA2B8;
    height: 4px;
    width: 32px;
    margin: 0px 4px;
    border-radius: 1px;

    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.home-slide .slide-dots .slide-dot-item.active,
.home-slide .slide-dots .slide-dot-item:hover{
    background-color: #FF5E24;
}


.home-details-bg-1{
    display: block; 
    overflow: hidden;   
    position:relative; 
    width: 100%;
    height: 150px;
    margin-bottom: -150px;
    margin-top: -35px;
    z-index: 7;
    opacity: 1;

    background-image:url('/misc/images/home-details-bg-1.webp');
    background-position: center center;
    background-size:cover;
    background-repeat: no-repeat;
}
.home-details-bg-1.no-animate{
    opacity: 0;
}

.home-details-bg-2{
    display: block; 
    /*overflow: hidden;*/  
    position:relative; 
    width: 100%;
    height: 230px;
    margin-top:-120px;
    margin-bottom: -110px;
    z-index: 5;
    opacity: 1;

    background-image:url('/misc/images/home-details-bg-2.webp');
    background-position: center center;
    background-size:contain;
    background-repeat: no-repeat;
}
.home-details-bg-2.no-animate{
    opacity: 0;
}

.home-details-bg-3{
    display: none; 
    overflow: hidden;
    position:relative; 
    width: 100%;
    height: 300px;
    margin-top:-300px;
    margin-bottom: 0px;
    z-index: 5;

    background-image:url('/misc/images/home-details-bg-3.webp');
    background-position: center center;
    background-size:cover;
    background-repeat: no-repeat;
}

.game-icon{
    display: block; 
    /*overflow: hidden;*/
    position:relative; 
    z-index: 10;
}

.game-icon img{
    position: relative;
    z-index: 11;
    width: 900px;
    height: auto;
    margin-top: -140px;
    margin-left: 5px;
    opacity: 1;
 
} 

.game-icon img.no-animate{
    margin-left: -700px;
    opacity: 0;
}

.animate{
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}


/* *********************** */

.home-games{
    display: block; 
    overflow: hidden;   
    position:relative; 
    width: 100%;
    min-height: 500px;
    padding:125px 0 210px;
    z-index: 2;

    background-image:url('/misc/images/games_orange_bg.webp');
    background-position: center center;
    background-size:cover;
    background-repeat: no-repeat;
}

.home-games .container-bg{    
    display: block; 
    overflow: hidden; 
    position:absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;    
    background-image:url('/misc/images/games_glow_bg.webp');
    background-position: center center;
    background-size:cover;
    background-repeat: no-repeat;
}

.home-games .title{
    display: block;  
    overflow: hidden;  
    padding:10px 10px;   
    margin-bottom: 50px;
    margin-top: 0px;
    font-size: 3rem;
    line-height: 3.3rem;
    font-weight: 700;    
    color:#FFF;
    text-align: center;
    opacity: 1;
}
.home-games .title.no-animate{
    margin-bottom:0px;
    margin-top: 30px;
    opacity: 0;
}


.home-games .game-list{
    overflow: hidden;  
    justify-content: center;
    display: block;
    margin-bottom: 40px;
    padding:2px 4px 20px;
    position: relative;
    z-index: 10;
    height: 745px;
}
.home-games .game-list-button{
    display: block;  
    overflow: hidden;  
    height: 100px;
}
.home-games .button{
    z-index: 10;
    margin-top:0px;
    opacity: 1;
}
.home-games .button.no-animate{
    margin-top:50px;
    opacity: 0; 
}

.home-games .game-list .game-item{
    display: block;
    /*overflow: hidden;*/
    position: relative;
    width: 33.3333%;
    height: 240px;
    float: left;
    opacity: 1;
    margin-top:0px;   
}
.home-games .game-list .game-item.no-animate{
    opacity: 0;
    margin-top:100px; 
}

.home-games .game-list .game-item .game-link{
    position: absolute;
    top:0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 1;
    background-color: rgba(0,0,0,0);
    color:transparent
}

.home-games .game-list .game-item .game-image{
    display: flex;
    overflow: hidden;
    justify-content: center;
    line-height: 0;
    border-radius: 10px;
    position: absolute;
    top:10px;
    right: 10px;
    left: 10px;
    bottom: 10px;
    z-index:1;
    background-color: #222;
    box-shadow: rgba(0, 0, 0, 0) 0px 2px 4px;

    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.home-games .game-list .game-item:hover .game-image{
    top:0px;
    right: 0px;
    left: 0px;
    bottom: 0px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 5px;
}
.home-games .game-list .game-item .game-image img{
    height: 100%;

    opacity: 1;
    filter: blur(0px);
    -webkit-filter: blur(0px);

    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.home-games .game-list .game-item:hover .game-image img{
    filter: blur(4px);
    -webkit-filter: blur(4px);
    opacity: 0.5;
}

.home-games .game-list .game-item .game-details{
    margin: 10px;
    min-height: 215px;
    display: block;
    overflow: hidden;
    line-height: 0;
    font-size: 1rem;
    line-height: 1.5rem;
    border-radius: 10px;
    position: absolute;
    top:0px;
    right: 0px;
    left: 0px;
    bottom: 0px;
    z-index:1;
    opacity: 0;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.home-games .game-list .game-item:hover .game-details{
    opacity: 1;    
}

.home-games .game-list .game-item .game-details .text{
    font-size: 1rem;
    line-height: 1.5rem;
    display: block;
    overflow: hidden;
    height: 50px;
    margin: 25px 20px 10px;
    text-align: center;
    font-weight: 300;
    color:#FFF;
}

.home-games .game-list .game-item .game-details .stores{
    display: block;
    overflow: hidden;
    position: absolute;
    height: 50px;
    bottom: 77px;
    left: 0px;
    right: 0px;
    margin: 0 auto;
    text-align: center;
}

.home-games .game-list .game-item .game-details .button{
    position: absolute;
    bottom: 25px;
    left: 0px;
    right: 0px;
    margin: 0 auto;
}



/* ************************ */

.store-icon{
    display: inline-block;
    overflow: hidden;
    width: 28px;
    height: 28px;
    margin:2px 6px;
    color: transparent;

    background-position: center center;
    background-size:cover;
    background-repeat: no-repeat;
}
.store-icon a{
    display: block;
    width: 100%;
    height: 100%;
    color:transparent;
}

.store-icon.epic{
    background-image:url('/misc/images/bt_epic.webp');
}
.store-icon.eshop{
    background-image:url('/misc/images/bt_eshop.webp');
}
.store-icon.gog{
    background-image:url('/misc/images/bt_gog.webp');
}
.store-icon.google{
    background-image:url('/misc/images/bt_google.webp');
}
.store-icon.psn{
    background-image:url('/misc/images/bt_psn.webp');
}
.store-icon.steam{
    background-image:url('/misc/images/bt_steam.webp');
}
.store-icon.xbox{
    background-image:url('/misc/images/bt_xbox.webp');
}

 


/* *********************** */

.home-publish-text{
    display: block; 
    overflow: hidden;   
    position:relative; 
    width: 100%;
    padding-bottom: 350px;
    min-height: 500px;
    padding-top: 200px;
    margin-top: -180px;

    background-image:url('/misc/images/master_bg.webp');
    background-position: 50% 50%;
    background-size:cover;
    background-repeat: no-repeat;
}

.home-publish-text .text-box{
    display: block; 
    overflow: hidden; 
    float: left;
    width: 450px;
    margin-top: 120px;
    margin-bottom:120px;
    opacity: 1;
    margin-left: 0;
}
.home-publish-text .text-box.no-animate{
    opacity: 0;
    margin-left: -400px;
}

.home-publish-text .text-box .title{
    display: block;  
    overflow: hidden;  
    padding:10px 10px;  
    font-size: 3rem;
    line-height: 3.3rem;
    font-weight: 700;    
    color:#CCC;
}


.home-publish-text .text-box .title span{
    color:#F58220;
}
.home-publish-text .text-box .text{
    display: block;  
    overflow: hidden;  
    padding:15px 10px;  
    font-size: 1.3rem;
    line-height: 1.8rem;
    font-weight: 300;    
    color:#CCC;
}

.home-publish-text .text-box .button{
    margin: 30px 0 10px 10px;
}

.home-publish-text .image{
    display: block;
    overflow: hidden;
    position: absolute;
    top: 200px;
    right: 10%;
    width: 850px;
    height: auto;
    opacity: 1;
}

.home-publish-text .image.no-animate{
    right: -500px;
    opacity: 0;
}
 


/* ***************** */

.home-last-news{
    display: block;  
    position:relative;
    /* overflow: hidden; */   
    width: 100%;    
    padding-top: 200px;


    background: rgb(223,230,237);
    background: -moz-linear-gradient(90deg, rgba(223,230,237,1) 0%, rgba(199,199,211,1) 50%, rgba(195,193,206,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(223,230,237,1) 0%, rgba(199,199,211,1) 50%, rgba(195,193,206,1) 100%);
    background: linear-gradient(90deg, rgba(223,230,237,1) 0%, rgba(199,199,211,1) 50%, rgba(195,193,206,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#dfe6ed",endColorstr="#c3c1ce",GradientType=1); 

    -webkit-clip-path: polygon(0% 100%, 100% 100%, 100% 19%, 28.84% 5.51%, 100% 16%, 100% 12%, 16.32% 0.92%, 9.89% 5.68%, 0% 5.6%);
    clip-path: polygon(0% 100%, 100% 100%, 100% 19%, 28.84% 5.51%, 100% 16%, 100% 12%, 16.32% 0.92%, 9.89% 5.68%, 0% 5.6%);
}
.home-last-news-top-image-detail{
    display: block;
    z-index: 3;
    width: 790px;
    height: auto;
    margin-top: -250px;
    margin-bottom: -50px;
    position: relative;
    margin-left: 100px;
}

.home-last-news .title{
    display: block;  
    overflow: hidden;  
    padding:0px 10px 20px;  
    font-size: 3rem;
    line-height: 4rem;
    font-weight: 700;    
    color:#3E4D58;
    margin-left: 0px;
    opacity: 1;
}
.home-last-news .title.no-animate{
    margin-left: -400px;
    opacity: 0; 
}

.home-last-news .news-list{
    display: grid;  
    grid-template-columns: 33.3% 33.3% 33.3%;
    overflow: hidden;  
    padding:20px 0 0;
    min-height: 350px;
}

.home-last-news .news-list .news-item{
    display: block;  
    overflow: hidden;  
    /*width: 33.3%;
    float: left;*/
    margin-top:0px;
    opacity: 1;
}

.home-last-news .news-list .news-item.no-animate{
    margin-top:100px;
    opacity: 0;
}

.home-last-news .news-list .news-item a{
    display: block;  
    overflow: hidden;  
    padding:5px; 
    margin:15px 15px 30px;
    background-color: #FFF;
    border-radius: 20px;
    text-align: center;
    box-shadow: 
    rgba(0, 0, 0, 0.09) 0px 10px 15px -3px, 
    rgba(0, 0, 0, 0.03) 0px 4px 6px -2px;
}

.home-last-news .news-list .news-item a img{
    width: 100%;
    max-width: 350px;
    height: auto;
}

.home-last-news .news-list .news-item .twitter-tweet{
    display: block;  
    overflow: hidden;  
    margin:15px 3% 30px;
    border-radius: 20px;
    text-align: center;
    width: 94% !important;
}
.home-last-news .news-list .news-item .twitter-tweet iframe{
    width: 100% !important;
    /*max-height: 500px;*/
}



.home-last-news .home-last-news-bottom{
    display: block;  
    overflow: hidden;  
    position:relative;
    height: 500px;
}

.home-last-news .home-last-news-bottom .follow-bt{
    z-index: 5;
    position: relative;
    margin:50px auto 0;
    width: 150px;
    opacity: 1;
}

.home-last-news .home-last-news-bottom .follow-bt.no-animate{
    margin-top:100px;
    opacity: 0;
}

.home-last-news .home-last-news-bottom .zombies-bg{
    display: block;  
    overflow: hidden;  
    position:absolute;
    left: 0px;
    right: 0px;
    bottom:0px;


}

.home-last-news .home-last-news-bottom .zombies-bg.bg1{
    background-image:url('/misc/images/latest_news_zombies_1.webp');
    top: 0px;
    z-index: 1;
    background-position: top center;
    background-size:cover;
    background-repeat: no-repeat;
}

.home-last-news .home-last-news-bottom .zombies-bg.bg2{
    background-image:url('/misc/images/latest_news_zombies_2.webp');
    top: 0px;
    z-index: 2;
    background-position: top center;
    background-size:cover;
    background-repeat: no-repeat; 
}

.home-last-news .home-last-news-bottom .zombies-bg.bg3{
    background-image:url('/misc/images/latest_news_zombies_3.webp');
    top: 0px;
    z-index: 3;
    background-position: bottom center;
    background-size:contain;
    background-repeat: no-repeat;
}

/* ****************************** */
/* ****************************** */
/* ****************************** */


.interna-bg{
    display: block;
    overflow: hidden;
    position: relative;
    width: 100%;
    background-color: rgb(40,35,37);
    background-color: -moz-linear-gradient(107deg, rgba(40,35,37,1) 0%, rgba(52,45,47,1) 50%, rgba(31,30,32,1) 100%);
    background-color: -webkit-linear-gradient(107deg, rgba(40,35,37,1) 0%, rgba(52,45,47,1) 50%, rgba(31,30,32,1) 100%);
    background-color: linear-gradient(107deg, rgba(40,35,37,1) 0%, rgba(52,45,47,1) 50%, rgba(31,30,32,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#282325",endColorstr="#1f1e20",GradientType=1); 
    
    
    background-image: url('/misc/images/bg-dots.webp');
    background-position: center center;
    background-repeat: repeat;
}



 

.interna-top{
    display: block;
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 250px;
    margin-top: -20px;
    margin-bottom: -120px;
    z-index: 5;
    background-image: url('/misc/images/home-details-bg-4.webp');
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

 
 

.interna-bg.clear{
    background: rgb(224,232,238);
    background: -moz-linear-gradient(185deg, rgba(224,232,238,1) 0%, rgba(201,200,211,1) 100%);
    background: -webkit-linear-gradient(185deg, rgba(224,232,238,1) 0%, rgba(201,200,211,1) 100%);
    background: linear-gradient(185deg, rgba(224,232,238,1) 0%, rgba(201,200,211,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e0e8ee",endColorstr="#c9c8d3",GradientType=1); 
}

.interna-content{
    display: block; 
    overflow: hidden;   
    position:relative; 
    min-height: 400px;
    width: 100%;
    padding-top: 120px;
    padding-bottom: 70px;
}
 


.interna-content .title{
    display: block;  
    overflow: hidden;  
    padding:10px 10px 50px;  
    font-size: 3rem;
    line-height: 3.3rem;
    font-weight: 700;    
    color:#CCC;
}
.interna-content.clear .title{
    color:#25313C;
}

.interna-content .title h1,
.interna-content .title h2{
    padding:0px;
    margin:0px;
    font-size: 3rem;
    line-height: 3.3rem;
    font-weight: 700;    
    color:#F58220; 
}

.interna-content.clear .title h1,
.interna-content.clear .title h2{
    color:#25313C;
}

.interna-content .title span{
    color:#25313C;
}
.interna-content.clear .title span{
    color:#F15A24;
}
.interna-content.dark .title span{
    color:#CCC;
}

.interna-content .text {
    display: block;
    overflow: hidden;
    padding: 15px 10px;
    font-size: 1.3rem;
    line-height: 1.8rem;
    font-weight: 600;
    color: #CCC;
  }
  .interna-content.clear .text {
    color:#25313C;
  }
  .interna-content .text span {
    color:#F58220;    
  }
  .interna-content .text.medium{
    font-size: 1.4rem;
    font-weight: 700;
  }


/* ****************************** */
/* ****************************** */
/* ****************************** */

  

.about-box-top{
    display: block;
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 590px;
    /*margin-bottom: -200px;*/
    z-index: 1;
    background-image: url('/misc/images/home-details-bg-5.webp');
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;

    -webkit-clip-path: polygon(0px 0px, 100% 0px, 100% 97%, 70% 100%, 0 93%);
    clip-path: polygon(0px 0px, 100% 0px, 100% 97%, 70% 100%, 0 93%);
}

.about-box-top-details{
    display: block;
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 150px;
    margin-top:-50px;
    margin-bottom: -100px;
    opacity: 1;
    z-index: 3;
    background-image: url('/misc/images/home-details-bg-6.webp');
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
.about-box-top-details.no-animate{
    opacity: 0;
} 

.about-title{
    margin-top:0px;
    opacity: 1;
}
.about-title.no-animate{
    margin-top:100px;
    opacity: 0;
}

.about-sub-title{
    display: block;  
    overflow: hidden;  
    margin:70px 0 30px;
    padding:10px 10px; 
    font-size: 2rem;
    line-height: 2.5rem;
    text-align: center;
    font-weight: 700;    
    color:#F58220;
    opacity: 1;
}
.about-sub-title.no-animate{
    margin-top:170px;
    opacity: 0;
}


.about-text{
    margin-top:0px;
    opacity: 1;
}
.about-text.no-animate{
    margin-top:100px;
    opacity: 0;
}


.founders-box{
    display: block;
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 1000px;
    background-image: url('/misc/images/founders_glow_bg.webp');
    background-position: center center;
    background-size:contain;
    background-repeat: no-repeat; 
    z-index: 4;
    margin-bottom: 200px;
}


.founders-box .founder-item{
    display: block;
    /*overflow: hidden;*/
    position: absolute;
    float: left;
    width: 300px;
    margin:15px;
    text-align: center;
    z-index: 5;
    padding-top: 0px;
    opacity: 1;
}
.founders-box .founder-item.animate{
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.founders-box .founder-item.no-animate{
    padding-top: 70px;
    opacity: 0;
}

.founders-box .founder-item img{
    width: 100%;
    height: auto;
    transform: rotate(0deg);   
}
.founders-box .founder-item:hover img{
    width: 110%;
    transform: rotate(7deg);  
}


.founders-box .founder-item.founder-item-1{
    top:0px;
    left: 22%;
}
.founders-box .founder-item.founder-item-2{
    top: 0px;
    left: 52%;
}
.founders-box .founder-item.founder-item-3{
    top: 450px;
    left: 5%;
}
.founders-box .founder-item.founder-item-4{
    top: 450px;
    left: 36%;
}
.founders-box .founder-item.founder-item-5{
    top: 450px;
    right: 5%;
}
.founders-box .founder-item.founder-item-6{
    top: 450px;
    right: 5%;
}

.founders-box .founder-item.no-animate img{
    transform: rotate(20deg);  
}
.founders-box .founder-item.no-animate.founder-item-1 img{
    transform: rotate(0deg); 
}
.founders-box .founder-item.no-animate.founder-item-2 img,
.founders-box .founder-item.no-animate.founder-item-4 img{
    transform: rotate(-20deg);  
}


.interna-founders-bg-1{
    display: block; 
    overflow: hidden;   
    position:relative; 
    width: 100%; 
    height: 590px;
    margin-top: -450px; 
    margin-bottom: -230px;
    z-index: 1;
    opacity: 1;
    background-image:url('/misc/images/home-details-bg-8.webp');
    background-position: center center;
    background-size:cover;
    background-repeat: no-repeat;
}
.interna-founders-bg-1.no-animate{
    opacity: 0;
}



/* ****************************** */
/* ****************************** */
/* ****************************** */

.interna-bg.legacy.legacy-core-box{
    padding-top: 100px;

    -webkit-clip-path: polygon(7% 0px, 58% 65px, 100% 20px, 100% 100%, 0px 100%, 0 55px);
    clip-path: polygon(7% 0px, 58% 65px, 100% 20px, 100% 100%, 0px 100%, 0 55px); 
}

.interna-bg.legacy{
    padding-top: 100px;
}

.legacy-box-top{
    display: block;
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 590px;
    /*margin-bottom: -200px;*/
    z-index: 1;
    background-image: url('/misc/images/legacy-top-bg.webp');
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;

    -webkit-clip-path:  polygon(0px 0px, 100% 0px, 100% 97%, 70% 100%, 0 93%);
    clip-path:  polygon(0px 0px, 100% 0px, 100% 97%, 70% 100%, 0 93%); 
}

.legacy-box-top-details{
    display: block;
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 150px;
    margin-top:-50px;
    margin-bottom: -100px;
    opacity: 1;
    z-index: 3;
    background-image: url('/misc/images/home-details-bg-6.webp');
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
.legacy-box-top-details.no-animate{
    opacity: 0;
}

.legacy-animate{
    /*margin-top:0px;*/
    opacity: 1;
}
.legacy-animate.no-animate{
    margin-top:100px;
    opacity: 0;
}   


.legacy-top-icons{
    display: block; 
    overflow: hidden;
    margin:20px auto;
    max-width: 850px;
}
.legacy-top-icons .item{
    display: block;
    overflow: hidden;
    text-align: center;
    width: 33.3%;
    float: left;
}
.legacy-top-icons .item .icon{
    font-size: 3rem;
    color: #FFF;
    font-weight: 600;
    width: 150px;
    height: 150px;
    line-height: 150px;
    margin: 0 auto;

    background-image: url('/misc/images/icon-bg.webp');
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
.legacy-top-icons .item .title{
    font-size: 2rem;
    line-height: 2.2rem;
    padding: 5px 0;
    margin: 0;
    font-weight: 700;
} 

.legacy-button-center{
    display: block;
    overflow: hidden;
    position: relative;
}
.legacy-button-center .follow-bt{
    z-index: 5;
    position: relative;
    margin: 30px auto 10px;
    width: 250px;
    opacity: 1;
}

.legacy-reputation-list{
    display: block;
    overflow: hidden;
   position: relative;
}

.legacy-reputation-list .item{
    display: block;
    overflow: hidden;
    position: relative;
    margin:10px 0px;
    opacity: 1;
   /* background-color: #9DA2B8; */
}
.legacy-reputation-list .item.no-animate{
    margin-top:100px;
    opacity: 0;
}

.legacy-reputation-list .item .game{
    display: block;
    overflow: hidden;
    position: relative;
    z-index: 5;
    float: left;
    width: 378px;
    height: auto;
 
    -webkit-clip-path: polygon(0px 0px, 96.83% 13.28%, 90.48% 85.52%, 6.08% 95%);
    clip-path: polygon(0px 0px, 96.83% 13.28%, 90.48% 85.52%, 6.08% 95%);
}
.legacy-reputation-list .item.item-right .game{
    float: right;
    -webkit-clip-path: polygon(8px 56px, 93.66% 0.18%, 90.48% 96.55%, 7.66% 84.83%);
    clip-path: polygon(8px 56px, 93.66% 0.18%, 90.48% 96.55%, 7.66% 84.83%);
}

.legacy-reputation-list .item .game img{
    width: 100%;
    height: auto;
}

.legacy-reputation-list .item.item-left.no-animate .game{
    margin-left: -50px;
    margin-right: 50px;
}
.legacy-reputation-list .item.item-right.no-animate .game{
    margin-right: -50px;
    margin-left: 50px;
}



.legacy-reputation-list .item img.bg-image{
    position: absolute;
    z-index: 1;
    width: 95%;
    height: 100%;
    left: 5%;
    right: 0px;
    top: 0px;
    bottom: 0px;
}
.legacy-reputation-list .item.item-left img.bg-image{
    width: 90%;
    left: 10%;
    right: 0px;
}
.legacy-reputation-list .item.item-right img.bg-image{
    width: 90%;
    left: 0px;
    right: 10%;
}

.legacy-reputation-list .item .reputation-bg-left,
.legacy-reputation-list .item .reputation-bg-right{
    position: absolute;
    background-color: #FFF;
    z-index: 1;
    width: 95%;
    height: 100%;
    left: 5%;
    right: 0px;
    top: 0px;
    bottom: 0px;
}

.legacy-reputation-list .item .reputation-bg-left{
    width: 90%;
    left: 10%;
    right: 0px;

    -webkit-clip-path: polygon(5% 0px, 95% 13%, 100% 85%, 0% 100%);
    clip-path: polygon(5% 0px, 95% 13%, 100% 85%, 0% 100%);
}
.legacy-reputation-list .item .reputation-bg-right{
    width: 90%;
    left: 0px;
    right: 10%;  

    -webkit-clip-path: polygon(5% 13%, 95% 0, 100% 100%, 0% 85%);
    clip-path: polygon(5% 13%, 95% 0, 100% 100%, 0% 85%);
}



.legacy-reputation-list .item .text-content{
    display: block;
    overflow: hidden;
    position: relative;
    z-index: 6;
    padding: 50px 60px 30px 10px;
}
.legacy-reputation-list .item.item-right .text-content{
    padding: 50px 10px 50px 60px;
}

.legacy-reputation-list .item .text-content .text{
    display: block;
    overflow: hidden;
    color: #25313C;
    font-size: 1rem;
    line-height: 1.4rem;
    font-weight: 400;
}


.legacy-reputation-list .item .text-content .user{
    display: block;
    overflow: hidden;
    float: left;
    min-width: 305px;
}
.legacy-reputation-list .item .text-content .user .u-image{
    display: block;
    overflow: hidden;
    float: left;
    width: 65px;
    height: 65px;
    margin-right: 10px;
}
.legacy-reputation-list .item .text-content .user .u-name{
    display: block;
    overflow: hidden;
    margin-top: 10px;
    font-weight: 700;
    color:#F58220;
}
.legacy-reputation-list .item .text-content .user .u-link{
    display: block;
    overflow: hidden;
    color: #25313caf;
    font-size: 0.9rem;
}

.legacy-reputation-list .item .text-content .site-image{
    display: block;
    overflow: hidden;
    width: auto;
    max-height: 55px; 
    float: left;
}
.legacy-reputation-list .item .text-content .site-image.right{
    float: right;
}


.interna-legacy-bg-1{
    display: block; 
    overflow: hidden;   
    position:relative; 
    width: 100%; 
    height: 430px;
    margin-top: -320px;
    margin-bottom: -190px;
    z-index: 1;
    opacity: 1;
    background-image:url('/misc/images/home-details-bg-7.webp');
    background-position: center center;
    background-size:contain;
    background-repeat: no-repeat;
}
.interna-legacy-bg-1.no-animate{
    opacity: 0;
}


.legacy-bg-top{
    padding-bottom:200px;
}
.legacy-bg-bottom{ 
    padding-top:70px;

    -webkit-clip-path:  polygon(0 0, 75% 70px, 100% 0, 100% 100%, 0 100%);
    clip-path:  polygon(0 0, 75% 60px, 100% 0, 100% 100%, 0 100%);
}
  



/* ****************************** */
/* ****************************** */
/* ****************************** */


.core-values-list{
    display: block;
    overflow: hidden;
}
.core-values-list .hr{
    margin: 20px 0;
    opacity: 1;
}
.core-values-list .hr.no-animate{
    margin-top:100px;
    opacity: 0; 
}

.core-values-list .item{
    display: block;
    overflow: hidden;
    padding: 0;
    max-width: 1100px;
    margin: 0 auto;
    opacity: 1;
}
.core-values-list .item.no-animate{
    margin-top: 100px;
    opacity: 0;
}

.core-values-list .item .icon{
    display: block;
    overflow: hidden;
    float: left;
    width: 20%;
}

.core-values-list .item .icon img{
    display: block;
    overflow: hidden;
    width: 100%;
    height: auto;
    margin-left:0px;
}
.core-values-list .item.no-animate .icon img{
    margin-left: -50px;
}

.core-values-list .item .cv-content{
    display: block;
    overflow: hidden;
    float: left;
    width: 80%;   
}
 

.core-values-list .item .cv-content .cv-title{
    display: block;
    overflow: hidden;
    font-weight: 700;
    font-size: 2rem;
    line-height: 2.5rem;
    padding:60px 20px 10px;
    color:#F58220;
}
.core-values-list .item .cv-content .cv-text{
    display: block;
    overflow: hidden;
    color:#3E4D58;
    font-size: 1.1rem;
    line-height: 2rem;
    padding:0px 20px 0px;
}
.core-values-list .item .cv-content .cv-text strong{
    color:#F58220;
}

.core-values-footer-image{
    display: block;
    overflow: hidden;
    text-align: center;
    margin-top: 20px;
    opacity: 1;
}
.core-values-footer-image.no-animate{
    opacity: 0;
    margin-top: 120px;
}

.core-values-footer-image img{
    width: 90%;
    max-width: 500px;
    height: auto;
    transform: rotate(0);
}
.core-values-footer-image.no-animate img{
    transform: rotate(20deg);
}



/* ****************************** */
/* ****************************** */
/* ****************************** */

.interna-bg.c404{
    background-color: #000;
}
.interna-bg.c404 .interna-content{
    padding-top: 0px;
}


.interna-content .container.c404{
    text-align: center;
}


.interna-content .c404 .image{
    display: block;
    position: relative;
    width: 100%;
    min-height: 400px;    
    z-index: 3;
    margin-top: 50px;
    opacity: 1;
}
.interna-content .c404 .image.no-animate{
    opacity: 0;
    margin-top: 200px;
}

.interna-content .c404 .image .glow{
    width: 100%;
    height: auto;
    position: absolute;
    top:-100px;
    left: 0px;
    right: 0px;
    z-index: 1;
}
.interna-content .c404 .image .monster{
    width: 100%;
    height: auto;
    position: relative;
    z-index: 2;
}
.interna-content .c404 .image .hexagon{
    display: block;
    overflow: hidden;
    width: 300px;
    height: 200px;
    margin: -200px auto 10px;
    text-align: center;
    font-size: 6rem;
    line-height: 6rem;
    color: #FFF;
    font-weight: 700;
    padding-top: 100px;
    z-index: 7;
    position: relative;
    opacity: 1;
    background-image: url('/misc/images/hexagon.webp');
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
}

.interna-content .c404 .image .hexagon.no-animate{
    opacity: 0;
    margin-top:-100px;
}


.interna-content .c404 .title{
    padding: 0px;
    opacity: 1;
}
.interna-content .c404 .title.no-animate{
    opacity: 0;
    padding-top:50px;
}

.interna-content .c404 .title h1{
    color:#F58220;
    font-size: 4rem;
    line-height: 4.5rem;
}
.interna-content .c404 .text{
    font-size:2rem;
    line-height: 2.3rem;
    padding: 0px;
    opacity: 1;
}
.interna-content .c404 .text.no-animate{
    opacity: 0;
    padding-top:50px;
}

.interna-content .c404 .number{
    margin: 30px auto;
    width: 120px;
    height: 120px;
    opacity: 1;
}
.interna-content .c404 .number.no-animate{
    opacity: 0;
    padding-top:50px;
}
.interna-content .c404 .number img{
    width: 100%;
    height: auto;    
}


.interna-content .c404 .title.no-animate,
.interna-content .c404 .text.no-animate,
.interna-content .c404 .number.no-animate{
    opacity: 0;
}


/* ****************************** */
/* ****************************** */
/* ****************************** */ 

.contact-bg-top {
    padding-bottom: 200px;
}
.contact-box-top {
    display: block;
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 590px;
    /*margin-bottom: -200px;*/
    z-index: 1;
    background-image: url('/misc/images/contact-top-bg.webp');
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;

    -webkit-clip-path:  polygon(0px 0px, 100% 0px, 100% 97%, 70% 100%, 0 93%);
    clip-path:  polygon(0px 0px, 100% 0px, 100% 97%, 70% 100%, 0 93%); 
}

.contact-box-top-details {
    display: block;
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 150px;
    margin-top: -50px;
    margin-bottom: -100px;
    z-index: 3;
    opacity: 1;
    background-image: url('/misc/images/home-details-bg-6.webp');
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.contact-box-top-details.no-animate{
    opacity: 0;
}
 

.interna-content .contact-text{
    padding: 0px 10px 50px;
}


  
.contact-box-list{
    display: block;
    overflow: hidden;
}
.contact-box-list .hr{
    margin: 40px 0;
    opacity: 1;
}
.contact-box-list .hr.no-animate{
    margin-top:100px;
    opacity: 0; 
}

.contact-box-list .item{
    display: block;
    overflow: hidden;
    padding: 0;
    max-width: 1100px;
    margin: 0 auto;
    opacity: 1;
}
.contact-box-list .item.no-animate{
    margin-top: 100px;
    opacity: 0;
}

.contact-box-list .item .icon{
    display: block;
    overflow: hidden;
    float: left;
    width: 23%;
}

.contact-box-list .item .icon img{
    display: block;
    overflow: hidden;
    width: 100%;
    height: auto;
    margin-left:0px;
}
.contact-box-list .item.no-animate .icon img{
    margin-left: -50px;
}

.contact-box-list .item .cv-content{
    display: block;
    overflow: hidden;
    float: right;
    width: 72%;   
}
 

.contact-box-list .item .cv-content .cv-title{
    display: block;
    overflow: hidden;
    font-weight: 700;
    font-size: 2rem;
    line-height: 3rem;
    padding:0px 20px;
    color:#F58220;
}
.contact-box-list .item .cv-content .cv-text{
    display: block;
    overflow: hidden;
    color:#3E4D58;
    font-size: 2rem;
    line-height: 2.5rem;
    font-weight: 700;
    padding:10px 20px;
}
.contact-box-list .item .cv-content .cv-button{
    display: block;
    overflow: hidden;
}
.contact-box-list .item .cv-content .cv-text strong{
    color:#F58220;
}

.contact-box-list .item .cv-content .cv-button .follow-bt {
    z-index: 5;
    position: relative;
    margin: 10px 0 10px 20px;
    width: 250px;
    opacity: 1;
  }




/* ****************************** */
/* ****************************** */
/* ****************************** */



.publish-bg-top {
    padding-bottom: 300px;
}
.publish-box-top {
    display: block;
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 590px;
    /*margin-bottom: -200px;*/
    z-index: 1;
    background-image: url('/misc/images/publish-top-bg.webp');
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;

    -webkit-clip-path: polygon(0px 0px, 100% 0px, 100% 97%, 70% 100%, 0 93%);
    clip-path: polygon(0px 0px, 100% 0px, 100% 97%, 70% 100%, 0 93%);
}
.publish-box-top-details {
    display: block;
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 150px;
    margin-top: -50px;
    margin-bottom: -100px;
    z-index: 3;
    opacity: 1;
    background-image: url('/misc/images/home-details-bg-6.webp');
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .publish-box-top-details.no-animate {
    opacity: 0;
  }

.publish-title{

}
 
.interna-content .title.publish-title span {
    color: #CCC; 
}
 

.publish-footer-image{
    display: block;
    overflow: hidden;
    text-align: center;
    margin-top: 60px;
    opacity: 1;
}
.publish-footer-image.no-animate{
    opacity: 0;
    margin-top: 220px;
}

.publish-footer-image img{
    width: 90%;
    max-width: 800px;
    height: auto;
    transform: rotate(0);
}
.publish-footer-image.no-animate img{
    transform: rotate(20deg);
}


.faq-list{
    display: block;
    overflow: hidden;
}
.faq-list .faq-item{
    display: block;
    overflow: hidden;
    padding:10px 60px 10px 0;
    cursor: pointer;
    position: relative;
}
.faq-list .faq-item .faq-link{
    display: block;
    overflow: hidden;
    position: absolute;
    top:0px;
    bottom:0px;
    right: 0px;
    left:0px;
    z-index: 5;
    color:transparent;
    /*background-color: rgba(0,0,0,0.5);*/
}
.faq-list .faq-item .faq-title{
    display: block;
    overflow: hidden;
    font-size: 1.5rem;
    line-height: 2rem;
    color:#F15A24;
}
.faq-list .faq-item .faq-text{
    display: block;
    overflow: hidden;
    font-size: 1.2rem;
    line-height: 2rem;

    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}


.faq-list .faq-item .icon{
    display: block;
    overflow: hidden;
    width: 30px;
    height: 30px;
    position: absolute;
    top:10px;
    right: 20px;

    background-image: url('/misc/images/more.webp');
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
.faq-list .faq-item .icon.less{
    display: none;
    background-image: url('/misc/images/less.webp');
}    

.faq-list .faq-item.view .icon.more{
    display: none;
}
.faq-list .faq-item.view .icon.less{
    display: block;
}



.publish-characters{
    display: block;
    overflow: hidden;
    position: relative;
    height: 330px;
    width: 100%;
    /*max-width: 1000px;*/
    margin:30px auto 0px;
}
 
.publish-characters .character_1,
.publish-characters .character_2,
.publish-characters .character_3,
.publish-characters .character_4,
.publish-characters .character_5,
.publish-characters .character_6{
    display: block;
    overflow: hidden;
    position: absolute;
    width: auto;
    height: 250px;
    opacity: 1;
}

.publish-characters .character_1{
    left: 20%;
    top: 0px;
}
.publish-characters .character_2{
    right: 20%;
    top: 0px;
}
.publish-characters .character_3{
    left: 0%;
    top: 20px; 
}
.publish-characters .character_4{
    right: 38%;
    bottom: 0px;
}
.publish-characters .character_5{
    right: 0%;
    bottom: 0px;
}

/* ****************************** */

.publish-characters .character_1.no-animate{
    left: 5%;
    top: 20px;
    opacity: 0;
}
.publish-characters .character_2.no-animate{
    right: 5%;
    top: 10px;
    opacity: 0;
}
.publish-characters .character_3.no-animate{
    left: 25%;
    top: 0px; 
    opacity: 0;
}
.publish-characters .character_4.no-animate{
    right: 5%;
    bottom: 20px;
    opacity: 0;
}
.publish-characters .character_5.no-animate{
    right: 10%;
    bottom: 0px;
    opacity: 0;
}



/* ***************************** */


.publish-steps-title{
    display: block;
    overflow: hidden;
    font-size: 3rem;
    font-weight: bold;
    line-height: 5rem;
    text-align: center;
    color:#CCCCCC;
    padding:80px 0;
    margin-top:0px;
    opacity: 1;

    background-image: url('/misc/images/publish-step-bg.webp');
    background-position: center center;
    background-size:contain;
    background-repeat: no-repeat;
}
.publish-steps-title.no-animate{
    margin-top:100px;
    opacity: 0;
}

.publish-steps-box{
    display: block;
    overflow: hidden;
}
.publish-steps{
    display: block;
    overflow: hidden;
    position: relative;
    padding:0px;
    width: 1100px;
    margin: 0 auto;
    transform: scale(1);
}

.publish-steps .ps-line{
    display: block;
    overflow: hidden;
    position: relative;
    z-index: 5;
    padding:0px 0px;
    width: 100%;
    margin-top: -50px;
    opacity: 1; 
}
.publish-steps .ps-line.no-animate{
    opacity: 0;
    margin-top: 0px;
}


.publish-steps .ps-line .ps-item{
    display: block;
    /*overflow: hidden;*/
    position: relative;
    text-align: center;
    z-index: 5;
    width: 33%;
    min-height: 60px;
    color:#CCC;
    float: left;    
    /* border:1px solid #CCC; */
}


.publish-steps .ps-line .ps-item img{
    display: block;
    width: 100%;
    max-width: 200px;
    margin:0 auto;
}
.publish-steps .ps-line .ps-item img.top{
    max-width: 280px;
    margin-top: 50px;
}
.publish-steps .ps-line img.img-bottom{
    display: block;
    overflow: hidden;
    width: 100%;
    max-width: 600px;
    margin: 100px auto 0;
}

.publish-steps .ps-line .ps-item span{
    display: block;
    overflow: hidden;
    text-align: center;
    width: 70%;
    margin:-20px auto 0;
    font-weight: 700;
}
.publish-steps .ps-line .ps-item span em{
    color:#F58220;
    font-weight: 500;
}

.publish-steps .ps-line .ps-item.psi-1{
    margin-top: -27px;
} 
.publish-steps .ps-line .ps-item.psi-2{
    margin-top: 5px;
}
.publish-steps .ps-line .ps-item.psi-3{
    margin-top: 25px; 
}
.publish-steps .ps-line .hr-left.psi-3{
    margin-top: 105px; 
}
 

.publish-steps .ps-line .ps-item span.bottom-text{
    font-size: 2rem;
    line-height: 3rem;
    margin:200px 0px 20px;
    color:#F58220;
    text-align: center;
    width: 100%;
}

.publish-steps .ps-line .ps-item img.img-left-bottom{
    margin: -50px auto 0;
}


.publish-steps .ps-line .ps-item .hexagon-ico{
    color: #FFF;
    font-size: 1rem;
    font-weight: 700;
    width: 60px;
    height: 22px;
    padding: 25px 0;
    margin: 44px auto 0;

    background-image: url('/misc/images/hexagon.webp');
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
}

.publish-steps .ps-line .ps-item .hexagon-ico.bottom{
    margin: 0 0 0 30px;
}
.publish-steps .ps-line.bottom{
    margin-top: -180px;
}
.publish-steps .ps-line.top{
    margin-bottom: 0px;
    margin-top: -150px;
}

.publish-steps .ps-line .hr-left,
.publish-steps .ps-line .hr-right{
    display: block;
    position: relative;
    height: 2px;
    background-color: #F58220;   
    margin-top: 80px;
    z-index: 1;
}
.publish-steps .ps-line .hr-left{
    margin-left: 20%;
    margin-right: 50%;
}
.publish-steps .ps-line .hr-right{
    margin-right: 20%;
    margin-left: 50%;
}

.publish-steps .hr-center{
    position: absolute;
    left: 49.5%;
    top: 350px;
    bottom: 350px;
    z-index: 1;
    width: 4px; 
    opacity: 1;

    background: -moz-linear-gradient(185deg, rgba(252,41,183,1) 45%, rgba(245,130,32,1) 66%);
    background: -webkit-linear-gradient(185deg, rgba(252,41,183,1) 45%, rgba(245,130,32,1) 66%);
    background: linear-gradient(185deg, rgba(252,41,183,1) 45%, rgba(245,130,32,1) 66%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fc29b7",endColorstr="#f58220",GradientType=1);
}
.publish-steps .hr-center.no-animate{
    bottom: 95%;
    opacity: 0;
}


.publish-steps .hr-bottom{
    position: absolute;
    width: 300px;
    height: 4px;
    right: 220px;
    bottom: 265px;
    transform: rotate(30deg);
    z-index: 1;
    background-color: #E64725;
    opacity: 1;
}
.publish-steps .hr-bottom.no-animate{
    opacity: 0;
}


/* ****************************** */
/* ****************************** */
/* ****************************** */

.game-list-bg{
    background-image: url('/misc/images/game-list-bg.webp');
    background-position: center center;
    background-size:cover;
    background-repeat: no-repeat;
}


.game-list-hr{
    display: block;
    width: 100%;
    height: 1px;
    margin:25px 0;
    opacity: 1;

    background: rgb(253,191,14);
    background: -moz-linear-gradient(90deg, rgba(253,191,14,0) 0%, rgba(253,191,14,1) 20%, rgba(253,191,14,1) 80%, rgba(253,191,14,0) 100%);
    background: -webkit-linear-gradient(90deg, rgba(253,191,14,0) 0%, rgba(253,191,14,1) 20%, rgba(253,191,14,1) 80%, rgba(253,191,14,0) 100%);
    background: linear-gradient(90deg, rgba(253,191,14,0) 0%, rgba(253,191,14,1) 20%, rgba(253,191,14,1) 80%, rgba(253,191,14,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fdbf0e",endColorstr="#fdbf0e",GradientType=1); 
}
.game-list-hr.no-animate{
    margin-top: 100px;
    opacity: 0;
}

.game-list-bg .interna-content .container .title{
    text-align: center;
    color:#FFF;
    opacity: 1;
}
.game-list-bg .interna-content .container .title.no-animate{
    margin-top: 100px;
    opacity: 0;
}
.game-list-bg .interna-content .container .title h1{
    color:#FFF;
}

.game-list-bg .interna-content.game-list-page .list-bg{
    position: absolute;
    top:0px;
    bottom: 0px;
    right: 0px;
    left: 0px;
     
    
    background-image: url('/misc/images/game_list_bg_glow.webp');
    background-position: center center;
    background-size:cover;
    background-repeat: no-repeat;

    filter: blur(40px);
    -webkit-filter: blur(40px);
    opacity: 1;
}

.game-list-page .game-list{
    display: grid;
    /*overflow: hidden;*/
    grid-template-columns: 50% 50%;
    position: relative;

}

.game-list-page .game-list .g-item{
    display: block;
    overflow: hidden;
    padding:25px 10px; 
    z-index: 1;
    opacity: 1;
}
.game-list-page .game-list .g-item.no-animate{
    opacity: 0;
    margin-top: 100px;
}

.game-list-page .game-list .g-item .g-hr{
    display: block;
    width: 100%;
    height: 1px;
    margin:15px 0;

    background: rgb(253,191,14);
    background: -moz-linear-gradient(90deg, rgba(253,191,14,0) 0%, rgba(253,191,14,1) 20%, rgba(253,191,14,1) 80%, rgba(253,191,14,0) 100%);
    background: -webkit-linear-gradient(90deg, rgba(253,191,14,0) 0%, rgba(253,191,14,1) 20%, rgba(253,191,14,1) 80%, rgba(253,191,14,0) 100%);
    background: linear-gradient(90deg, rgba(253,191,14,0) 0%, rgba(253,191,14,1) 20%, rgba(253,191,14,1) 80%, rgba(253,191,14,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fdbf0e",endColorstr="#fdbf0e",GradientType=1); 
}

.game-list-page .game-list .g-item .g-image{
    display: block;
    overflow: hidden;
    margin: 0;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.game-list-page .game-list .g-item .g-image a{
    display: block;
    border-radius: 10px;
    overflow: hidden;
    line-height: 1px;
}
.game-list-page .game-list .g-item .g-image img{
    width: 100%;
    height: auto;
    margin: 0;
    /*border-radius: 10px;*/
    opacity: 1;
}
.game-list-page .game-list .g-item .g-image:hover{
    /*opacity: 0.8;*/ 
    margin: -5px -10px -6px -10px;
}

.game-list-page .game-list .g-item .g-title{
    display: block;
    overflow: hidden;
    font-size: 1.5rem;
    font-weight: 600;
    color:#FFF;
    padding:20px 0 0;
    height: 30px;
}

.game-list-page .game-list .g-item .g-detais{
    display: block;
    overflow: hidden;
    /*grid-template-columns: 50% 50%;*/
    font-size: 1rem;
    line-height: 1.5rem;
}

.game-list-page .game-list .g-item .g-detais .g-detais-l{
    display: block;
    overflow: hidden;
    float: left;
    width: 60%;
}

.game-list-page .game-list .g-item .g-detais .g-d-line{
    display: block;
    overflow: hidden;
}
.game-list-page .game-list .g-item .g-detais .g-d-line span{
    color: #FFF;
}

.game-list-page .game-list .g-item .g-text{
    display: block;
    overflow: hidden;
    font-size: 1rem;
    line-height: 1.5rem;
    padding:20px 0 0 0;
    width: 100%;
}

.game-list-page .game-list .g-item .g-detais .stores{
    display: block;
    overflow: hidden;
    float: right;
    width: 40%;
    text-align: right;
}

.game-list-page .game-list .g-item .g-detais .stores .store-icon{
    width: 20px;
    height: 20px;
}


.game-list-bottom-image{
    display: block;
    overflow: hidden;
    text-align: center;
    padding-top: 100px;
    opacity: 1;
}
.game-list-bottom-image.no-animate{
    opacity: 0;
    margin-top: 100px;
}

.game-list-bottom-image img{
    width: 100%;
    max-width: 850px;
}

/* ****************************** */
/* ****************************** */
/* ****************************** */

.game-list-top{
    display: grid;
    grid-template-columns: 50% 50%;
    opacity: 1;
}
.game-list-top.no-animate{
    margin-top: 100px;
    opacity: 0;
}
.game-list-top .box-left{
    display: block;
    text-align: left;
    font-size: 1rem;
    line-height: 3rem;
    font-weight: 600;
    color: #FFF;
}
.game-list-top .box-left span{
    color:#FDBF04;
}

.game-list-top .box-right{
    display: none; #block
    text-align: right;
}

.game-list-top .box-right .select-style{
    display: block;
    width: 180px; 
    float: right;
    padding-right: 10px;
    position: relative;
}

.game-list-top .box-right .select-style .combo{
    display: block;
    overflow: hidden;
    position: relative;
    width: 70%;
    font-size: 1rem;
    line-height: 2rem;
    font-weight: 600;
    color: #FFF;
    text-align: left;
    border:1px solid #FFF;
    padding:5px 10%;
    border-radius: 5px;
    background-color: #eb5625e3;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.game-list-top .box-right .select-style .combo:hover{
    background-color: #f26e21e3;
}
.game-list-top .box-right .select-style .combo::before{
    content: "\2304";
    color: #FFF;
    float: right;
    font-size: 1.2rem;
    margin-top: -3px;
    transform: rotate(0deg);   

    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.game-list-top .box-right .select-style.view .combo::before{
    /*content: "\2303"; */
    margin-top: 5px;
    margin-bottom: -10px;
    transform: rotate(-180deg);   
}

.game-list-top .box-right .select-style .combo-list{
    display: block;
    overflow: hidden;
    position: absolute;
    z-index: 0;
    left: 0;
    top: 120%;
    width: 85%;
    border:2px solid #FFF; 
    border-radius: 5px;
    text-align: left;
    opacity: 0;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.game-list-top .box-right .select-style.view .combo-list{
    opacity: 1;
    z-index: 10;
    top: 100%;
}

 
.game-list-top .box-right .select-style .combo-list a{
    display: block;
    width: 100%;
    color:#FFF;
    font-size: 0.9rem;
    line-height: 1.5rem;
    font-weight: 600;
    padding:3px 15px;
    background-color: #eb5625e3;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.game-list-top .box-right .select-style .combo-list a:hover{
    background-color: #f26e21e3;
    padding:3px 10px 3px 20px;
}

/* ****************************** */
/* ****************************** */
/* ****************************** */

.game-view .interna-content{
    padding: 0px;
}
 

.game-view-header{
    display: block;
    overflow: hidden;
    position: relative;
    height: 600px;
    /*
     background-image: url('/misc/images/features_butllet.webp');
    */
    background-position: center bottom;
    background-size:cover;
    background-repeat: no-repeat;

    -webkit-clip-path: polygon(100% 0, 100% 94%, 69% 100%, 0 94%, 0 0);
    clip-path: polygon(100% 0, 100% 94%, 69% 100%, 0 94%, 0 0);

}

.game-view-header .btn-trailer{
    display: block;
    overflow: hidden;
    position: relative;
    z-index: 5;
    width: 130px;
    height: 90px;
    margin:0 auto;
    padding: 0px;
    margin-top: 300px;
}
.game-view-header .btn-trailer span{
    display: block;
    overflow: hidden;
    color: transparent;

    margin:0px;
    width: 130px;
    height: 90px;
    
    opacity: 0.9;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;

    background-image: url('/misc/images/btn-play.webp');
    background-position: center bottom;
    background-size:contain;
    background-repeat: no-repeat;
}
.game-view-header .btn-trailer span:hover{
    opacity: 1; 
    margin:5px;
    width: 120px;
    height: 80px;
}

.game-view-header video{
    position: absolute;
    z-index: 3;
    bottom: 0px;
    width: 100%;
}

/*.game-view-header .btn-trailer.no-animate{
    margin-top: -40px;
    opacity: 0;
}*/

.game-view-container{
    opacity: 1;
    margin-top: 0px;
}

.game-view-container.no-animate{
    opacity: 0;
    margin-top: 150px;
}



.game-view .game-title{
    display: block;
    overflow: hidden;
}
.game-view .game-title h1{
    font-size: 2.5rem;
    line-height: 3rem;
    color:#25313C;
}

.game-view-box-top{
    display: grid;
    grid-template-columns: 50% 50%;
    margin-bottom: 100px;
}
.game-view-box-top .b-left{
    padding-right: 30px;
}
.game-view-box-top .b-right{
    padding-left: 30px;
    border-left: 1px solid #9DA2B8;
}

.game-view-box-top .game-vb-text{
    display: block;
    overflow: hidden;
    font-size: 1.1rem;
    line-height: 1.8rem;
    font-weight: 600;
}
.game-view-box-top .game-vb-lines{
    display: block;
    overflow: hidden;
}

.game-view-box-top .game-vb-button{
    display: block;
    overflow: hidden;
    text-align: center;
    padding-top: 30px;
}

.game-view-box-top .game-vb-button .button.game-vb-bt{
    width: 220px;
    margin: 0 auto;
}
.game-view-box-top .game-vb-button .button.game-vb-bt2{
    width: 220px;
    float: left;
    margin-right: 20px;
}

.game-view-box-top .game-vb-lines{
    display: block;
    overflow: hidden;
}
.game-view-box-top .game-vb-lines .item{
    display: grid;
    grid-template-columns: 30% 70%;
}
.game-view-box-top .game-vb-lines .item .item-title{
    font-size: 1rem;
    line-height: 3.5rem;
    font-weight: 700;
    color:#727687;
}
.game-view-box-top .game-vb-lines .item .item-det{
    display: block;
    overflow: hidden;
    font-size: 1rem;
    line-height: 2rem;
    color:#3E4D58;
    border-bottom: 1px solid #9DA2B8;
    padding: 15px 0;
}
.game-view-box-top .game-vb-lines .item:last-child .item-det{
    border-bottom: none;
}
 
.game-view-box-top .game-vb-lines .item .item-det.genres span{
    display: inline-block;
    padding:1px 15px;
    border-radius: 20px;
    font-weight: 600;
    color:#3E4D58;
    background-color: #C9CDDC;
    margin: 3px 10px 3px 0;
} 

.game-view-box-top .game-vb-lines .item .item-det.stores{
    line-height: 0.8rem;
}
.game-view-box-top .game-vb-lines .item .item-det.stores span{
    width: 60px;
    height: 60px;
    filter: invert(1) contrast(50%) sepia(100%) saturate(20) brightness(100%);
    transition: all .2s ease-in-out;
    opacity: 0.8;
    margin: 2px 15px 2px 0;
}

.game-view-box-top .game-vb-lines .item .item-det.stores span:active,
.game-view-box-top .game-vb-lines .item .item-det.stores span:hover{
    filter:invert(1) contrast(50%) sepia(100%) saturate(20) brightness(300%);
    /*filter: invert(1) contrast(100%) sepia(0) saturate(0);*/
}

.game-view-box-top .game-vb-lines .item .item-det.dev{
    line-height: initial;
    /*padding-top: 0px;*/
}
.game-view-box-top .game-vb-lines .item .item-det.dev img{
    display: block;
    float: left;
    height: 40px;
    width: auto;
    margin-right: 10px;
}
.game-view-box-top .game-vb-lines .item .item-det.dev span{
    display: block;
    float: left;
    font-weight: 600;
    font-size: 1rem;
    margin-top: 2px;
}
 


.game-view-feature-box{
    display: block;
    overflow: hidden;
    padding:150px 0;
    opacity: 1;
    margin-top: 0px;
    position:relative;
    /*
     background-image: url('/misc/images/features_butllet.webp');
    */
    background-position: center bottom;
    background-size:cover;
    background-repeat: no-repeat;

    -webkit-clip-path: polygon(59.63% 6.09%, 100% 0px, 100% 94%, 0px 100%, 0px 5.57%, 5.05% 0);
    clip-path: polygon(59.63% 6.09%, 100% 0px, 100% 94%, 0px 100%, 0px 5.57%, 5.05% 0);

}

.game-view-feature-box.no-animate{
    opacity: 0;
    margin-top: 150px;
}

.game-view-feature-box .adiv{
    position: absolute;
    top:0px;
    left: 0px;
    right: 0px;
    bottom:0px;
    z-index: 3;
    color:transparent; 
}
.game-view-feature-box .game-trailer{
    position: absolute;
    z-index: 2;
    top:0px;
    left: 0px;
    right: 0px;
    bottom:0px;
    width: 130%;
    height: 130%;
    margin-top: -10%;
    margin-left: -10%;
}

.game-view-feature-box .container{
    position: relative;
    padding:50px 50px 80px;
    margin-top:0;
}
.game-view-feature-box.no-animate .container{
    margin-top: 100px;
}

 
.game-view-feature-box .bg{
 
    background:rgba(37,49,60,0.9);
    -webkit-clip-path: polygon(0 0, 100% 5%, 97% 100%, 3% 95%);
    clip-path: polygon(0 0, 100% 5%, 97% 100%, 3% 95%);
    position:absolute;
    top:0px;
    bottom: 0px;
    left: 0px;        
    right: 0px;
    z-index: 4;
}    

 
.game-view-feature-box .title{
    
    padding: 10px 10px 10px;
    position: relative;
    z-index: 5;
}
.game-view-feature-box .title h2{
    font-weight: 700;
    font-size: 2.3rem;
    line-height: 3rem;
    color:#CCC;
}


.game-view-feature-box .content{
    position: relative;
    z-index: 5;
    display: grid;
    grid-template-columns: 50% 50%;
}

.game-view-feature-box .content .item{
    display: block;
    overflow: hidden;
    padding:5px 0;
    color:#CCC;
    position:relative;
    padding: 15px 20px 15px 50px;
}

.game-view-feature-box .content .item .icon{
    position: absolute;
    left: 10px;
    top: 19px;
    width: 25px;
    height: 25px;

    background-image: url('/misc/images/features_butllet.webp');
    background-position: center center;
    background-size:contain;
    background-repeat: no-repeat;
}
 
.game-view-feature-box .content .item .f-title{
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 700;
}
 

 
.game-view-screenshots{
    padding-top: 100px;
    padding-bottom: 100px;
    margin-top: 0px;
    opacity: 1;
}
.game-view-screenshots.no-animate{
    margin-top: 150px;
    opacity: 0;
}

.game-view-screenshots .title{    
    padding: 10px 10px 50px;
    position: relative;
    z-index: 5;
}
.game-view-screenshots .title h2{
    font-weight: 700;
    font-size: 2.3rem;
    line-height: 3rem;
    color: #25313C;
}

.game-view-screenshots .content{
    display: grid;
    grid-template-columns: 33.3% 33.3% 33.3%;
}
.game-view-screenshots .content .item{
    display: block;
    overflow: hidden;
    line-height: 0px;
    margin: 10px;
    opacity: 1;
    /*-webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;*/
}
.game-view-screenshots .content .item.no-animate{
    margin-top: 100px;
    opacity: 0;
}

.game-view-screenshots .content .item:hover{
    margin: 5px 0px -5px;
}
.game-view-screenshots .content .item img{
    width: 100%;
    height: auto;
    border-radius: 10px;
}





.game-view-review{
    display: block;
    overflow: hidden;
    padding:300px 0 700px;
    /*
     background-image: url('/misc/images/features_butllet.webp');
    */
    background-position: center bottom;
    background-size:cover;
    background-repeat: no-repeat;

    -webkit-clip-path: polygon(28% 6%, 100% 0, 100% 100%, 0 100%, 0 0);
    clip-path: polygon(28% 6%, 100% 0, 100% 100%, 0 100%, 0 0);
}

.game-view-review .title{    
    padding: 10px 10px 50px;
    position: relative;
    z-index: 5;
}
.game-view-review .title h2{
    font-weight: 700;
    font-size: 2.3rem;
    line-height: 3rem;
    color: #FFF;
}

.game-view-review .container{
    display: block;
    overflow: hidden;
    opacity: 1;
    margin-top:0px;
}
.game-view-review .container.no-animate{
    opacity: 0; 
    margin-top:100px;
}

.game-view-review .content{
    display: block;
    overflow: hidden;
}

.game-review-slide{
    display: block;
    overflow: hidden;
    margin:0px;
    position: relative;
}
.game-review-slide .slide-bt{
    position:absolute;
    top:35%;
    width: 50px;
    /* background-color: #F15A24; */

    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.game-review-slide .slide-bt.prior{
    left: 0px;
}
.game-review-slide .slide-bt.next{
    right: 0px;
}
.game-review-slide .slide-bt img{
    width: 100%;
    height: auto;
}


.game-review-slide .slide-content{
    display: block;
    overflow: hidden;    
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.game-review-slide .slide-content .slide-item{
    display: block;
    overflow: hidden;     
}
.game-review-slide .slide-content .slide-item .slide-item-content{
    display: block;
    overflow: hidden;  
    position: relative; 
    border-radius: 10px;
    padding:60px 20px;
    margin:7px 80px;
    background-color: #FFF;
    color: #25313C;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
}
.game-review-slide .slide-content .slide-item .slide-item-content .alink{
    display: block;
    overflow: hidden;  
    position: absolute;
    z-index: 5;
    color: transparent;    
    top: 5px;
    bottom: 5px;
    left: 5px;
    right: 5px; 
}

.game-review-slide .slide-content .slide-item .slide-item-content img{
    display: block;
    overflow: hidden;  
    position: absolute;
    left: 5%;
    top:25%;
    width: 12%;
    height: auto;
    border-radius: 50%;
}
.game-review-slide .slide-content .slide-item .slide-item-content .details{
    display: block;
    overflow: hidden;  
    width: 80%;
    margin-left: 20%;
}
.game-review-slide .slide-content .slide-item .slide-item-content .details .d-text,
.game-review-slide .slide-content .slide-item .slide-item-content .details .d-note{
 
    display: block;
    overflow: hidden; 
    font-size: 1rem;
    line-height: 2rem;
}
.game-review-slide .slide-content .slide-item .slide-item-content .details .d-note{
    font-weight: 700;
}
.game-review-slide .slide-content .slide-item .slide-item-content .details .d-name{
    display: block;
    overflow: hidden; 
    font-size: 1.1rem;
    font-weight: 600;
    color: #E64725;
    margin-top: 15px;
}


.game-review-slide .slide-content .slide-item .slide-item-content .details .d-text::before,
.game-review-slide .slide-content .slide-item .slide-item-content .details .d-text::after{
    content: "\2304";
    color: transparent;
    display: inline-block;
    width: 25px;
    height: 25px;
    margin:0px 5px;

    background-image: url('/misc/images/quote_open.webp');
    background-position: center center;
    background-size:contain;
    background-repeat: no-repeat;
}
.game-review-slide .slide-content .slide-item .slide-item-content .details .d-text::after{
    background-image: url('/misc/images/quote_clos.webp');
} 




.game-review-slide .slide-dots{
    display: block;
    overflow: hidden;  
    text-align: center;
    margin:10px 0 0 0;
}
.game-review-slide .slide-dots .slide-dot-item{
    display: inline-block;
    overflow: hidden; 
    background-color: #FFF;
    color:transparent; 
    width: 10px;
    height: 10px;
    border-radius: 7px;
    margin:5px;
    opacity: 0.7;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
}
.game-review-slide .slide-dots .slide-dot-item.active{
    opacity: 1;
}



.game-page-deco-1, 
.game-page-deco-2,
.game-page-deco-3,
.game-page-deco-4{
    background-position: center center;
    background-size:contain;
    background-repeat: no-repeat;

    overflow: hidden;
    display: block;
    z-index: 5;
    position: relative;
    width: 100%;
    opacity: 1;
}


.game-page-deco-1.no-animate, 
.game-page-deco-2.no-animate,
.game-page-deco-3.no-animate,
.game-page-deco-4.no-animate{
    opacity: 0;
}

.game-page-deco-1{
    background-image: url('/misc/images/game-page-deco-1.webp');
    height: 100px;
    margin-top: -20px;
}
.game-page-deco-2{
    background-image: url('/misc/images/game-page-deco-2.webp');
    height: 260px;
    margin-bottom: -220px;
}
.game-page-deco-3{
    background-image: url('/misc/images/game-page-deco-3.webp');
    height: 110px;
    margin-top: -30px;
}
.game-page-deco-4{
    background-image: url('/misc/images/game-page-deco-4.webp');
    height: 200px;
    margin-bottom: -170px;
}



.modal-box{
    display: none;
    position:fixed;
    z-index: -5;
    background-color: rgba(0,0,0,0.4);
    bottom: 0px;
    top:0px;
    opacity: 1;
    left: 0px;
    right: 0px;

    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.modal-box.view{
    z-index: 995;
    top:0px;
    opacity: 1;
}

.modal-box .modal-div{
    display: block;
    position:relative;
    width: 800px;
    margin:7% auto 0;
    background-color: rgba(37,49,60,0.9);  
    padding:50px;
    opacity: 0; 
    z-index: -5;

    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    
    -webkit-clip-path: polygon(4.6% 11.5%, 97.78% 11.00%, 95.56% 89%, 3.11% 95.5%);
    clip-path: polygon(4.6% 11.5%, 97.78% 11.00%, 95.56% 89%, 3.11% 95.5%);
}
.modal-box .modal-div.view{
    z-index: 999;
    opacity: 1;
    -webkit-clip-path: polygon(0.6% 8.5%, 100% 1%, 96% 96.5%, 4.44% 92.82%);
    clip-path: polygon(0.6% 8.5%, 100% 1%, 96% 96.5%, 4.44% 92.82%);
}
 
.modal-box .modal-div .close{
    display: block;
    position:absolute;
    right: 10px;
    top:10px;
    color:#FFF;
    font-size: 1.5rem;
    font-weight: 600;
    opacity: 1;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.modal-box .modal-div .close:hover{
    opacity: 0.8;
}

.modal-box .modal-div .modal-content{
    /*min-height: 300px;*/
    width: 100%;
    text-align: center;
    /*background-color: #FFF;*/    
    line-height: 1px;
}

.modal-box .modal-div .modal-content img,
.modal-box .modal-div .modal-content iframe{
    width: 100%;
    height: auto;
}
.modal-box .modal-div .modal-content iframe{
    height: 450px;
}

 
/* ****************************** */
/* ****************************** */
/* ****************************** */

.btn{
    padding:10px 15px;
    margin:0px 2px;
    text-transform: uppercase;
    color:#FFF;
    font-weight: 700;
    font-size: 0.8rem;
    background-color: #0277bd;
    border-radius: 3px;
    border:none;
    cursor:pointer;
    opacity: 1;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.btn:visited,.btn:hover{
    color:#FFF;
}
.btn.small{
    padding:5px 10px;
}
.btn:hover{
    opacity: 0.7;
}
.btn.action{
    background-color: #2e7d32;
}
.btn.cancel{
    background-color: #333;
}
.btn.delete{
    background-color: #c62828;
}
.btn.edit{
    background-color: #757575 ;
}

.toast{
    position: fixed;
    top:80%;
    opacity: 0;
    right: 20px;
    min-width: 100px;
    line-height: 2rem;
    font-size: 1.1rem;
    color: #FFF;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
    background-color: #333;
    border-radius: 40px;
    padding:10px 20px;
    -webkit-transition: all .50s ease-in-out;
    -o-transition: all .50s ease-in-out;
    transition: all .50s ease-in-out;
}
.toast.tView{
    top:15%;
    opacity: 1;
}
.toast.tHide{
    opacity: 0; 
}

.toast.ok{
    background-color: #2e7d32;
}
.toast.error{
    background-color: #c62828;
}
.toast.warning{
    background-color: #e65100;
}


/* *************** */
 .container{
    display: block;
    overflow: hidden;
    margin:0 auto;
    max-width: 1200px;
    width: 96%;
 }
 .admin.container .content{
    margin:10px;
    padding:30px;
    background-color: #FFF;
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
}

 .form{
    display: block;
    overflow: hidden;
    margin:0 auto;
    padding:20px;
 }
 .form .form-content{
    display: block;
    overflow: hidden;
}

 .form .form-content.form-login{
    margin:50px auto 10px;
    width: 300px;
    padding:30px;
    background-color: #FFF;
    border-radius: 5px;
    box-shadow: rgba(17, 17, 26, 0.05) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;
 
}

.form .form-content .form-title{
    display: block;
    overflow: hidden;
    font-size: 2rem;
    line-height: 2.5rem;
    font-weight: 600;
    padding:0 0 30px 0;
    font-family: 'Bebas Neue', cursive;
}

.form .form-content .form-line{
    display: block;
    overflow: hidden;
    margin-bottom: 15px;
}

.form .form-content .form-line .form-line-text{
    display: block;
    overflow: hidden;
    font-size: 1rem;
    line-height: 1.3rem;
}
.form .form-content .form-line .form-line-input{
    display: block;
    overflow: hidden;
}

.form .form-content .form-line .form-line-input .input{
    padding:7px 10px;
    font-size: 1.1rem;
    line-height: 1.5rem;
} 
.form .form-content .form-line .form-line-input .input.full{
    width: 92%;
}
.form .form-content .form-line .form-line-input .input.med{
    width: 50%;
}

.form .form-content .form-line.buttons{
    margin-top: 30px;
    text-align: right;
    margin-bottom: 0px;
}
.form .form-content .form-line.buttons .bt-space{
    display: inline-block;
    width: 15px;
    height: 100%;
}


/* *************** */

.admin.container .page-title{
    display: block;
    overflow: hidden;
    font-size: 2rem;
    line-height: 2.5rem;
    font-weight: 600;
    padding:0 0 30px 0;
    font-family: 'Bebas Neue', cursive;
}

.admin.container .page-subtitle{
    display: block;
    overflow: hidden;
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 600;
    padding:20px 0;
    font-family: 'Bebas Neue', cursive;
}

.admin.container .page-subtitle .btn.add{
    padding: 0px 15px;
    font-size: 1rem;
    font-weight: 600;
    color: #FFF;
    font-family: 'Roboto', sans-serif;
}

.space{
    display: block;
    overflow: hidden;
    width: 100%;
    height: 30px;
}


.item-list{
    display: block;
    overflow: hidden;
    width: 100%;
    border: 1px solid rgba(0,0,0,0.1);
    border-radius: 10px;
}
.item-list .hr{
    display: block;
    overflow: hidden;
    width: 100%;
    margin:0 auto;
    height: 0px;
    border-bottom: 1px solid rgba(0,0,0,0.1);
}
.item-list .item{
    display: block;
    overflow: hidden;
    width: 96%;
    padding: 15px 2%;
    background-color: rgba(0,0,0,0);
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.item-list .item.bg,
.item-list .item:hover{
    background-color: rgba(0,0,0,0.02);
}

.item-list .item.list-header{
    font-size: 0.9rem;
    font-weight: bold;
    padding: 5px 2%; 
    text-transform: uppercase;
}

.item-list .item .item-box{
    display: block;
    /*overflow: hidden;*/
    width: 100%;
    padding: 1px 0;
}
.item-list .item .item-box.tmargin{
    margin-top:20px;
}
.item-list .item span{
    color:#888;
}
.item-list .item .font-pq{
    font-size: 0.85rem;
}
.item-list .item .item-box.subtitle{
    font-weight: 700;
    margin-top:30px;
    border-bottom: 1px solid #999;
    font-size: 1.4rem;
}
.item-list .item .item-box.subtitle span{
    color:#888;
    font-size: 0.85rem;
    font-weight: normal;
}
 
.item-list .item .col{
    display: block;
    /*overflow: hidden;*/
    float: left;
}
.item-list .item .col.c1{ width: 10%; }
.item-list .item .col.c2{ width: 20%; }
.item-list .item .col.c3{ width: 30%; }
.item-list .item .col.c4{ width: 40%; }
.item-list .item .col.c5{ width: 50%; }
.item-list .item .col.c6{ width: 60%; }
.item-list .item .col.c7{ width: 70%; }
.item-list .item .col.c8{ width: 80%; }
.item-list .item .col.c9{ width: 90%; }
.item-list .item .col.c10{ width: 100%; }

.item-list .item .col.form-line{
    margin: 0 !important;
}
.item-list .item .col.form-line.buttons{
    padding-top:5px;
} 


.item-list .item .item-title{
    font-weight: bold;
    font-size: 1.1rem;
    /*line-height: 1.5rem;*/
}

.item-list .item.form{
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.form-details{
    display: block;
    overflow: hidden;
    padding:20px 10px;
    font-size: 1rem;
}







 }
.item-list .item .col.c7{ width: 70%; }
.item-list .item .col.c8{ width: 80%; }
.item-list .item .col.c9{ width: 90%; }
.item-list .item .col.c10{ width: 100%; }

.item-list .item .col.form-line{
    margin: 0 !important;
}
.item-list .item .col.form-line.buttons{
    padding-top:5px;
} 


.item-list .item .item-title{
    font-weight: bold;
    font-size: 1.1rem;
    /*line-height: 1.5rem;*/
}

.item-list .item.form{
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.form-details{
    display: block;
    overflow: hidden;
    padding:20px 10px;
    font-size: 1rem;
}