@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,700,400italic,300&amp;subset=latin,latin-ext");@import url("https://fonts.googleapis.com/css?family=Montserrat:700");@import url("https://fonts.googleapis.com/css?family=Libre+Baskerville&amp;subset=latin,latin-ext");@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700");@import url("https://fonts.googleapis.com/css?family=Lato");

#ivm-mega-menu-wrapper {
    display:none;
    position:absolute;
    box-sizing: border-box;
    
}
#ivm-mega-menu-wrapper.ivm-active {
    display:block !important;
}

#ivm-mega-menu {
    display:block;
    position:relative;
    width:250px;
}

#ivm-mega-menu-items {
    box-sizing:border-box;
    width:100%;
    padding:20px 0;
    border:1px solid #ddd;
    background: #fff;
    box-shadow: 0px 5px 10px rgba(0,0,0,0.08)
}
#ivm-mega-menu-items li > a {
    display:block;
    box-sizing:border-box;
    padding:5px 25px;
	font-size: 1.2rem;
	font-family: "Open Sans",sans-serif;
}
#ivm-mega-menu-items li:hover a {
    background: #c7c6c5;
}

.ivm-mega-menu-panel {
    display:none;
    box-sizing: border-box;
    position:absolute;
    left:100%;
    top:0;
    padding:30px;
    border:1px solid #ddd;
    width:auto;/*tenia 600px cuando se quiere que tenga un ancho fijo*/
    background: #fff;
    margin-left:-1px;
    box-shadow: 5px 5px 10px rgba(0,0,0,0.08);
	min-width: 220px;/*este se quita cuando se quiere con ancho fijo*/
}

#ivm-mega-menu ul {
    list-style:none;
	font-size: 1.2rem;
	font-family: "Open Sans",sans-serif;
}

#ivm-mega-menu h4 {
    margin:0px;
	color: #00b2f5;
	font-size: 1.2rem;
	font-family: "Montserrat",sans-serif;
	text-transform: uppercase;
}

/* ==================================================================
    Responsive
================================================================== */
.ivm-mm-item-mobile {
    display:none;
}

@media (max-width: 768px) {

    #ivm-mega-menu-wrapper {
        left:1%;
        right:1%;
        width:98%;
        max-width:100%;
        background: #fff;
        z-index:1002;
    }
    #ivm-mega-menu {
        width:100%;
        max-width:100%;
        border:1px solid #ddd;
        border-bottom:none;
        box-shadow: 0px 5px 15px rgba(0,0,0,0.1);
    }
    #ivm-mega-menu-items {
        display:none;
    }
    .ivm-mega-menu-panel {
        position:relative;
        display:none;
        left:0;
        width:100%;
        max-width:100%;
        box-shadow:none;
        border:none;
        border-bottom:1px solid #ddd;
        margin-left:0;
    }
    .ivm-mega-menu-panel .uk-grid > div + div {
        margin-top:20px;
    }
    .ivm-mm-item-mobile {
        display:block;
        box-sizing: border-box;
        height:40px;
        line-height:40px;
        padding:0 15px;
        border-bottom:1px solid #ddd;
    }
    .ivm-mm-item-mobile.ivm-active + .ivm-mega-menu-panel {
        display:block;
    }
}

.uk-nav li a:hover{color: #c7c6c5;}
