.main-menu {display: inline-block; vertical-align: middle;width: 100%;text-align: center;position: relative;}
.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; }
.main-menu .topmenu { display: flex; width: 100%; text-align: center; align-items: center; justify-content: space-between; }
.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: #f7be00; 
}
.main-menu > ul li.level1.btn-menu:hover > a{color: #fff;}
.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:last-child > a{padding-right: 0px;}
.main-menu > ul  li.level1 > a {
    font-family: 'Open Sans', sans-serif;
    color: #ffffff;
    display: block;
    font-size: 18px;
    height: 56px;
    text-transform: none;
    line-height: 56px;
    font-weight: 800;
    padding: 0px 10px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.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 "Open Sans"; 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 #fff; position: relative; cursor: pointer; }
.mobile-menu:after, .mobile-menu:before { display: block; width: 100%; height: 3px; background: #fff; content: ""; position: absolute; bottom: 0; }
body#index .mobile-menu{ border-top: 3px solid #fff; }
body#index .mobile-menu:after, body#index .mobile-menu:before{
    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 { 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 a:hover { color: #f7be00; }
.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:0px; 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; }
@media only screen and (max-width:1200px) {
    .main-menu > ul  li.level1 > a { font-size: 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; float: right; }
    .main-menu { margin-top: 10px; }
    .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: 14px;}
    .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 .mega-menu { padding: 15px 15px 15px; }
    .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;}
}