/*Version 1.0*/
/*CLASES*/
.display-flex{display:flex;display:-webkit-flex;display:-moz-flex;display:-o-flex;display:-ms-flex;}
.flex-wrap{flex-wrap: wrap;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-o-flex-wrap: wrap;-ms-flex-wrap: wrap;}
.flex-row{flex-direction: row;-webkit-flex-direction: row;-moz-flex-direction: row;-o-flex-direction: row;-ms-flex-direction: row;}
.flex-row-reverse{flex-direction: row-reverse;-webkit-flex-direction: row-reverse;-moz-flex-direction: row-reverse;-o-flex-direction: row-reverse;-ms-flex-direction: row-reverse;}
.flex-column{flex-direction: column;-webkit-flex-direction: column;-moz-flex-direction: column;-o-flex-direction: column;-ms-flex-direction: column;}
.flex-column-reverse{flex-direction: column-reverse;-webkit-flex-direction: column-reverse;-moz-flex-direction: column-reverse;-o-flex-direction: column-reverse;-ms-flex-direction: column-reverse;}
.justify-content-center{justify-content: center;-webkit-justify-content: center;-moz-justify-content: center;-o-justify-content: center;-ms-justify-content: center;}
.justify-content-space-between {justify-content: space-between;-webkit-justify-content: space-between;-moz-justify-content: space-between;-o-justify-content: space-between;-ms-justify-content: space-between;}
.align-items-center{align-items: center;-webkit-align-items: center;-moz-align-items: center;-o-align-items: center;-ms-align-items: center;}

/*CONTENIDO*/
html, body, .container-fluid, .container-fluid .row:last-child{height:100%;}
body.game .container-fluid{padding: 2% 0 7% 0;}
.montserrat{font-family:'Montserrat';}
.nunito-sans{font-family:'Nunito Sans';}
body.game{background: url(../images/bg-games.jpg);}
.subheading{font-weight: 600;font-size: 1.3rem;text-transform: uppercase;padding:15px;color:#fff;font-family: 'Montserrat';background: transparent;text-align:center;}
@media(max-width: 400px){.subheading{font-size: 1.1rem;}}
#tablero{height: 100%;background-size: cover !important;width: 90%;margin: auto;box-sizing: border-box;}
@media(max-width: 900px){#tablero{height: 95%;}}

/*AJUSTES HOME*/
#home-section{background: rgba(255,255,255,0.8);padding: 2% 4%;border-radius: 25px;}
#home-section .row{background:url(images/casa-home.png) no-repeat left top;background-size:contain;}
#inicio-home{min-height: 600px;}
/*Breakpoints*/
@media(max-width: 1450px){#inicio-home{min-height: 550px;}}
@media(max-width: 1300px){#inicio-home{min-height: 500px;}}
@media(max-width: 1200px){#inicio-home{min-height: 400px;}}
@media(max-width: 1000px){
#home-section .row{-ms-flex-direction: column-reverse;flex-direction: column-reverse;background-position:center bottom;background-size:75%;}
#inicio-img, #inicio-home{max-width: 100%;}
#inicio-img{min-height: 450px;}
}
@media(max-width: 850px){#inicio-img{min-height: 350px;}}
@media(max-width: 768px){#inicio-home{min-height: 450px;} #home-section .row {background-size: contain;}}
@media(max-width: 500px){
#home-section h3{font-size:1.5rem;}
#inicio-home{padding: 1rem !important;min-height: 450px;}
#inicio-img{min-height: 300px;}
}
@media(max-width: 370px){#home-section h3{font-size: 1.2rem;} #home-section h5{font-size: 1rem;}}
@media(max-width: 370px){#inicio-img{min-height: 250px;}}

/*menu*/
.menu-area{background: #d61a5e}
.dropdown-menu{padding:0;margin:0;border:0 solid transition!important;border:0 solid rgba(0,0,0,.15);border-radius:0;-webkit-box-shadow:none!important;box-shadow:none!important}
.mainmenu a, .navbar-default .navbar-nav > li > a, .mainmenu ul li a , .navbar-expand-lg .navbar-nav .nav-link{color:#000;font-size:16px;text-transform:capitalize;padding:16px 15px;font-family:'Roboto',sans-serif;display: block !important;}
.mainmenu .active a,.mainmenu .active a:focus,.mainmenu .active a:hover,.mainmenu li a:hover,.mainmenu li a:focus ,.navbar-default .navbar-nav>.show>a, .navbar-default .navbar-nav>.show>a:focus, .navbar-default .navbar-nav>.show>a:hover{color: #fff;background: #4CAF50;outline: 0;}
/*==========Sub Menu=v==========*/
.mainmenu .collapse ul > li:hover > a{background: #4CAF50;}
.mainmenu .collapse ul ul > li:hover > a, .navbar-default .navbar-nav .show .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .show .dropdown-menu > li > a:hover{background: #4CAF50;}
.mainmenu .collapse ul ul ul > li:hover > a{background: #4CAF50;}

/*.mainmenu .collapse ul ul, .mainmenu .collapse ul ul.dropdown-menu{background:#1565C0;}
.mainmenu .collapse ul ul ul, .mainmenu .collapse ul ul ul.dropdown-menu{background:#1E88E5}
.mainmenu .collapse ul ul ul ul, .mainmenu .collapse ul ul ul ul.dropdown-menu{background:#64B5F6}*/

/******************************Drop-down menu work on hover**********************************/
.mainmenu{background: none;border: 0 solid;margin: 0;padding: 0;min-height:20px;width: 100%;}
@media only screen and (min-width: 767px) {
.mainmenu .collapse ul li:hover> ul{display:block}
.mainmenu .collapse ul ul{position:absolute;top:100%;left:0;min-width:250px;display:none}
/*******/
.mainmenu .collapse ul ul li{position:relative}
.mainmenu .collapse ul ul li:hover> ul{display:block}
.mainmenu .collapse ul ul ul{position:absolute;top:0;left:100%;min-width:250px;display:none}
/*******/
.mainmenu .collapse ul ul ul li{position:relative}
.mainmenu .collapse ul ul ul li:hover ul{display:block}
.mainmenu .collapse ul ul ul ul{position:absolute;top:0;left:-100%;min-width:250px;display:none;z-index:1}

}
@media only screen and (max-width: 767px) {
.navbar-nav .show .dropdown-menu .dropdown-menu > li > a{padding:16px 15px 16px 35px}
.navbar-nav .show .dropdown-menu .dropdown-menu .dropdown-menu > li > a{padding:16px 15px 16px 45px}
}
.dropdown-menu li:not(.active) a{background:transparent!important;color:#000!important;}