.main-menu {display: inline-block; vertical-align: middle;}
.ontop_menu{text-align: right}
.ontop_menu .main-menu{margin-top: 0;display: inline-block}
.main-menu ul { margin: 0; padding: 0; list-style: none; position: relative; z-index: 100; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; text-align: left; }
.main-menu .topmenu { display: inline-block; width: 100%; text-align: center; }
.main-menu > ul  li.level1 { display: inline-block; vertical-align: middle; position: relative; }
.main-menu > ul  li.level1.current-menu-item > a, 
.main-menu > ul  li.level1:hover > a {
    text-decoration: none;
    color: #0d5596;
}
.main-menu > ul  li.level1.has-child > a:after{
    content: "";
    display: block;
    width: 100%;
    height: 25px;
}
.main-menu > ul li.level1:last-child { margin-right: 0; }
.main-menu > ul li.level1 > a {
    font-family: 'Encode Sans Condensed', sans-serif;
    color: #071c2e;
    display: block;
    font-size: 17px;
    height: 30px;
    text-transform: uppercase;
    line-height: 30px;
    font-weight: 600;
    padding: 0px 10px;
}
.main-menu > ul li.level2 > ul{
    position: absolute;
    left: 100%;
    background: #f6f6f6;
    top: -13px;
    margin-left: 25px;
    min-width: 200px;
    padding: 13px 15px;

    box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.2); -o-box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.2);
}
.main-menu > ul li.level2 > ul > li.level3:last-child{padding-bottom: 0px;}
.main-menu > ul  li.hot-icon::after,
.main-menu > ul  li.new-icon::after{ content: attr(data-i);  display: block; width: 34px; height: 22px;font: bold 11px "Montserrat"; text-transform: uppercase;color: #fff;line-height: 17px; }
.main-menu > ul  li.level1.hot-icon::after,.main-menu > ul  li.level1.new-icon::after{ position: absolute; top: -6px; right: 10px; background: url("../img/hot.png") no-repeat transparent;}
.main-menu > ul  li.level1.new-icon::after{background: url("../img/new.png") no-repeat transparent;}
.ontop_menu .main-menu > ul  li.level1.hot-icon::after,.ontop_menu .main-menu > ul  li.level1.new-icon::after{display: none}

.main-menu > ul  li.level2.hot-icon::after,.main-menu > ul  li.level2.new-icon::after{-webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
background: #cc0000;    display: inline-block;
    line-height: 22px;
    text-align: center;}
.main-menu > ul  li.level2.new-icon::after{background: #3689c3;}

.main-menu .sub-menu { position: absolute; top: 100%; margin-top: -2px; z-index: 9999; opacity: 0; visibility: hidden; width: 195px; background: #FFF; box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.2); -o-box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.2); transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; }
.main-menu li:hover > .sub-menu { opacity: 1; visibility: visible; left: 0; }
.main-menu .arrow:after { font-family: ElegantIcons; font-size: 16px; content: "3"; line-height: 17px; margin-left: -3px; }
.mobile-menu { display: none; width: 26px; height: 17px; /*border-top: 3px solid #5d5d5d;*/ border-top: 3px solid #fff; position: relative; cursor: pointer; }
.mobile-menu:after, .mobile-menu:before { display: block; width: 100%; height: 3px; /*background: #5d5d5d;*/ background: #fff; content: ""; position: absolute; bottom: 0; }
body#index .mobile-menu{
   /*border-top: 3px solid #000000;*/
   border-top: 3px solid #fff;
}
body#index .mobile-menu:after, body#index .mobile-menu:before{
    /*background: #000000;*/
    background: #fff;
}
.mobile-menu:before { bottom: 50%; }
.mobile-menu, .mobile-menu:after, .mobile-menu:before { transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; border-radius: 1px; }
.mobile-menu:hover:before, .mobile-menu:hover:after { background: #fff; }
.mobile-menu:hover { border-color: #9a9a9a; }
.main-menu .sub-menu ul li { position: relative; font-size: 14px; font-family: 'Lato', sans-serif; padding-bottom: 9px; text-align: left; }
.main-menu .sub-menu ul li a {
    color: #1d1d1b;
    font-size: 14px;
    font-weight: 500;
} 
.main-menu .sub-menu ul li:hover > a,
.main-menu .sub-menu ul li.active > a,
.main-menu .sub-menu ul li > a:hover { /*color: #919d56;*/ color: #74816d; }
.main-menu .sub-menu ul li.menu-title { font-size: 14px; font-weight: bold; padding: 15px 0; }
.main-menu .sub-menu ul li.menu-title a { color: #343434 }
.main-menu .sub-menu ul li.html_container, .main-menu .sub-menu ul li.html_container .col { padding: 0; }
.main-menu .mega-menu { max-width: 940px; top: 100%;margin-top:23px; background: #f6f6f6; border: none;padding-top: 0px;padding-bottom: 0px;left: -75px !important; }
.main-menu .mega-menu.list{padding: 20px 0}
.main-menu .mega-menu.list .mega-item > ul > li{border-bottom: 1px solid #e5e5e5;    margin-bottom: 10px;}
.main-menu .mega-menu.list .mega-item > ul > li:last-child{border:0;margin: 0}
.main-menu li:hover .mega-menu { left: -70px; } 
.main-menu .mega-menu:after { content: ""; display: block; clear: both; }
.mega-menu .menu-title { color: #FFF; font-size: 18px; text-transform: uppercase; font-weight: bold; margin: 15px 0 5px; }
.main-menu .mega-menu .mega-item{padding:25px 25px 20px 25px;}
.main-menu .mega-menu .mega-item img{float: right;}
.main-menu .mega-menu .mega-item:last-child, .main-menu .mega-menu .mega-item.last_of_line { border-right: 0; }
.main-menu .mega-menu .mega-item.group_title { padding: 0; border: 0; margin: 0 0 35px; position: relative; }
.main-menu .mega-menu .mega-item.group_title img { max-width: 100%; }
.main-menu .mega-menu .mega-item.group_title .group_content { position: absolute; top: 50%; margin-top: -41px; width: 100%; text-align: center; color: #f2f2f2; text-transform: uppercase; }
.main-menu .mega-menu .mega-item.group_title .group_content h2 { font-size: 24px; font-weight: bold; color: #f2f2f2; }
.main-menu .mega-menu .mega-item.group_title .group_content h3 { font-size: 14px; font-weight: normal; }
.main-menu .mega-menu .mega-item.group_title > ul > li { margin: 0px -5px; }
.main-menu .mega-menu.list-style { color: #888; margin-top: -2px; left: 30px; padding: 0; background: #FFF; box-shadow: 0 0 2px #ccc; -moz-box-shadow: 0 0 2px #ccc; -ms-box-shadow: 0 0 2px #ccc; -webkit-box-shadow: 0 0 2px #ccc; -o-box-shadow: 0 0 2px #ccc; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; }
.main-menu .mega-menu.list-style:before { display: none; }
.mega-menu.list-style .mega-item { width: 100%; padding: 0; }
.main-menu .mega-menu.list-style ul li { padding: 0; }
.main-menu .mega-menu.list-style ul li a { color: #555; display: block; padding: 8px 15px; border-top: 1px solid #ededed; }
.main-menu .mega-menu.list-style li:first-child a { border-top: none; }
.main-menu .mega-menu.list-style li a:hover { background: #fafafa; padding-left: 17px; color: #212121; }
.main-menu .sub-menu ul li.level2 > ul{
    transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    opacity: 0;
    visibility: hidden;
}
.main-menu .sub-menu ul li.level2:hover > ul{
    opacity: 1;
    visibility: visible;
    transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s;}

@media only screen and (max-width:1200px) {
    .main-menu > ul  li.level1 > a { padding: 0 15px; }
    .home_parallax .mobile-menu { display: block; }
    .home_parallax .main-menu { margin-top: 30px; }
    .home_parallax .is-sticky .main-menu {    margin-top: 25px;
        margin-bottom: 20px;}
    .home_parallax .main-menu > ul {background:#fff; position: absolute; top: 100%; right: -146px; width: 270px; margin-top: 40px; opacity: 0; visibility: hidden; text-align: left; }
    .home_parallax .main-menu .topmenu {
        display: inline-block;
        overflow-y: scroll;
        max-height: 360px;
        box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.2);
        -ms-box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.2);
        -webkit-box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.2);
        -o-box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.2);
    }
    .home_parallax header.style_1 .main-menu > ul {left: 15px}
    .home_parallax header.style_2 .main-menu > ul {right: 15px}
    .home_parallax .main-menu.open > ul { opacity: 1; visibility: visible; margin-top: 15px;}
    .home_parallax .is-sticky .main-menu.open > ul{margin-top: 0}

    .home_parallax .main-menu ul li { display: block; }
    .home_parallax .main-menu > ul  li.level1.has-child, .main-menu > ul  li.level1 { margin: 0; }
    .home_parallax .main-menu ul li:after { height: 1px; }
    .home_parallax .main-menu > ul  li.level1 > a { line-height:60px; }
    /*.main-menu ul li a { color: #FFF; }*/
    .home_parallax .main-menu .arrow {width: 31px; position: absolute; top: 2px; right: 2px;}
    .home_parallax .main-menu .arrow:after { border-top-color: #FFF; }
    .home_parallax .main-menu .arrow:hover { background: #FFF; }
    .home_parallax .main-menu .arrow:after { top: 50%; right: 50%; margin: -2px -4px 0 0; }
    .home_parallax .main-menu .arrow:hover:after { border-top-color: #212121; }
    .home_parallax .main-menu .sub-menu {
        visibility: inherit;
        margin: 0;
        display: none;
        position: static;
        opacity: 1;
        width: 100%!important;
        box-shadow: none;
        -moz-box-shadow: none;
        -ms-box-shadow: none;
        -webkit-box-shadow: none;
        -o-box-shadow: none;
    }
    .home_parallax .main-menu .sub-menu li a { border-color: rgba(255, 255, 255, 0.1); }
    .home_parallax .main-menu li .mega-menu { padding: 5px 15px 15px; }
    .home_parallax .main-menu li:hover .mega-menu { left: 0; }



    .home_parallax .mega-menu .mega-item.image { display: none; }
    .home_parallax .main-menu > ul  li.level1.hot-icon::after,.home_parallax .main-menu > ul  li.level1.new-icon::after{display: none;}
}
@media only screen and (max-width:991px) {
    .main-menu > ul li.level1 > a{text-align: left !important;}
    .menu-imagen{display: none;}
    .mobile-menu { display: block; }
    .main-menu { margin-top: 30px; }
    .main-menu > ul {background:#fff; position: absolute; top: 100%; right: 0; width: 270px; margin-top: 40px; opacity: 0; visibility: hidden; text-align: left; width: 100% !important; }
    .main-menu .topmenu {
        display: inline-block;
        box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.2);
        -ms-box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.2);
        -webkit-box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.2);
        -o-box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.2);
    }
    header.style_1 .main-menu > ul {left: 15px}
    .main-menu.open > ul { opacity: 1; visibility: visible; margin-top: 0px;}

    .main-menu ul li,
    .main-menu ul li.level1{ display: block; }
    .main-menu > ul  li.level1.has-child, .main-menu > ul  li.level1 { margin: 0; }
    .main-menu ul li:after { height: 1px; }
    .main-menu > ul  li.level1 > a { text-align: right; }
    /*.main-menu ul li a { color: #FFF; }*/
    .main-menu .arrow {width: 31px; position: absolute; top: 2px; right: 2px;}
    .main-menu .arrow:after { border-top-color: #FFF; }
    .main-menu .arrow:hover { background: #FFF; }
    .main-menu .arrow:after { top: 50%; right: 50%; margin: -2px -4px 0 0; }
    .main-menu .arrow:hover:after { border-top-color: #212121; }
    .main-menu .sub-menu {
        visibility: inherit;
        margin: 0;
        display: none;
        position: static;
        opacity: 1;
        width: 100%!important;
        box-shadow: none;
        -moz-box-shadow: none;
        -ms-box-shadow: none;
        -webkit-box-shadow: none;
        -o-box-shadow: none;
    }
    .main-menu .sub-menu li a { border-color: rgba(255, 255, 255, 0.1); }
    .main-menu li:hover .mega-menu { left: 0; }
    .mega-menu .mega-item { padding: 0; }
    .main-menu .mega-menu .mega-item{border: 0}
    .main-menu .mega-menu .mega-item.group_list{margin-bottom: 25px; float: none;}
    .mega-menu .mega-item.image { display: none; }
    .main-menu > ul li.level1.hot-icon::after, .main-menu > ul li.level1.new-icon::after{display: none;}
}