/* >> Menu CSS
----------------------------------------------------*/
    
.menu_top .right-m,
.menu_top .left-m,
.menu_bottom a,
.menu_bottom img{display: none;}

.menu_bottom{width: 100%; height: 52px; z-index: 3; box-shadow: 0 10px 10px rgba(0,0,0,0.15);}

.mobil-nav button{display: block; width: 36px; height: 36px; background: #CD1719; border: none; border-radius: 4px; background-image: url(../images/icon-mn.png); background-repeat: no-repeat; background-position: center; cursor: pointer; outline: none; margin: 1em;}
.mobil-nav .mn-contr1{background: #b91517; margin-bottom: 1em; overflow-y: scroll; height: 418px;}
.mobil-nav a{display: block; padding: 0.875em 1em 0.875em 2.3em;}
.mobil-nav .mn-lvl1{color: #fff;}
.mobil-nav .mn-contr2{background: #fff;}
.mobil-nav .mn-lvl2{color: #1a1a1a;}
.mobil-nav .mn-contr3{background: #dedede;}
.mobil-nav .mn-lvl3{color: #1a1a1a;}
.mobil-nav .mn-contr4{background: #fff;}
.mobil-nav .mn-lvl4{color: #CD1719;}
.mobil-nav .mn-contr4{background: #dedede;}
.mobil-nav .mn-contr5{background: #bfbebe;}
.mobil-nav .mn-contr6{background: #d0d0d0;}
.mobil-nav .mn-contr6  a{ color: #000000;}
.fix-top { width: 100%; z-index: 4; display: block; position: fixed; top: 0; background: #fff; box-shadow: 0 10px 10px rgba(0, 0, 0, 0.15); }

.menu_bottom .container > a{padding: 18px 8px 14px; font-size: 0.9rem;}
/* >> TAB & PC
--------------------------------------------*/
@media only screen and (min-width: 520px){

}

/* >> PC
--------------------------------------------*/
@media only screen and (min-width: 960px){
    
    .mobil-nav{display: none;}
	
    .menu_top .right-m,
    .menu_top .left-m,
    .menu_bottom a,
    .menu_bottom img{display: block;}
    
    .menu_top{width: 100%; padding: 0 10px; height: 44px; z-index: 4; display: block; position: fixed; top: 0; background: #fff; box-shadow: 0 10px 10px rgba(0, 0, 0, 0.15);}
    .menu_top a{cursor: pointer;}

    .menu_top .right-m{float: right;}
    .menu_top .left-m{float: left;}

    .menu_top .right-m > ul > li,
    .menu_top .left-m > ul > li{display: block; float: left;}

    .menu_top ul > li > ul{box-shadow: 0 0 15px rgba(0,0,0,0.3); /*border-radius: 4px;*/}

    .menu_top ul li ul{position: absolute; margin-top: 1em; display: none; width: 250px; border-radius: 4px; overflow: hidden;}
    .menu_top ul li ul li{background-color: #b91517;}
    .menu_top ul li ul li a{color: #fff; padding: 10px 1em 10px 2.25em; display: block;}
    .menu_top ul li ul li a:hover,
    .menu_top ul li ul li a.selected{background-color: #cd1719 !important;}
    .menu_top ul li ul li ul{position: relative; margin-top: 0; display: none; border-radius: 0;}
    .menu_top ul li ul li ul li{background: #fff;}
    .menu_top ul li ul li ul li a{color: #1a1a1a;}
    .menu_top ul li ul li ul li a:hover{background-color: #dedede !important;}

    .menu_top .lvl2.haschild{background: url(../images/icon-right_top-menu.png) no-repeat right center;}
    .menu_top .lvl2.haschild.open{background: url(../images/icon-down_top-menu.png) no-repeat right center;}

    .menu_top .right-m ul li ul{right: 0;}

    .menu_top .m-lvl1{font-size: 0.875em; color: #1a1a1a; padding: 16px 10px 10px 10px; display: block; margin-right: 4px;}
    .menu_top .m-lvl1:hover{background-color: #cd1719; color: #fff;}
    .menu_top .m-lvl1.selected{background-color: #b91517; color: #fff;}
    .menu_top .m-lvl1{border-bottom-left-radius: 4px; border-bottom-right-radius: 4px;}

    .menu_bottom a{cursor: pointer;}

    .menu_bottom .container > a{display: block; float: left; margin-right: 0.5%; position: static; padding: 18px 7px 14px; font-size: 0.9rem; color: #000; border-bottom: 4px solid #fff;}
    .menu_bottom .container > a.selected,
    .menu_bottom .container > a:hover{border-bottom: 4px solid #cd1719;}
    .menu_bottom .container ul{display:none; position: absolute; width: 100%; left: 100%; top: 0; padding: 0 0 0 1em;}
    .menu_bottom .container ul li{position: static;}
    .menu_bottom .container > ul{width:25%; top:68px; left:0;}
    .menu_bottom .container > ul > li > ul,
    .menu_bottom .container > ul > li > ul > li > ul{ background: url(../images/mnu-separ.jpg) top left repeat-y; /*border-left: 1px solid #d0d0d0;*/}
    .menu_bottom .container a.lvl2{font-weight: bold; color: #1a1a1a; text-transform: uppercase; padding: 0.625em 0 0.625em 16px ; display: block;}
    .menu_bottom .container a.lvl3{font-weight: bold; color: #1a1a1a; padding: 0.625em 0 0.625em 16px ; display: block;}
    .menu_bottom .container a.lvl4{color: #1a1a1a; padding: 0.625em 16px 0.625em 0 ; display: block;}
    .menu_bottom .container a.lvl5{color: #1a1a1a; padding: 0.625em 16px 0.625em 0 ; display: block;}
    .menu_bottom .container a.lvl6{color: #1a1a1a; padding: 0.625em 16px 0.625em 0 ; display: block;}

    .menu_bottom .container a.lvl2:hover,
    .menu_bottom .container a.lvl3:hover,
    .menu_bottom .container a.lvl4:hover,
    .menu_bottom .container a.lvl5:hover,
    .menu_bottom .container a.lvl6:hover{color: #cd1719;}

    .menu_bottom .container a.lvl2.selected,
    .menu_bottom .container a.lvl3.selected,
    .menu_bottom .container a.lvl4.selected,
    .menu_bottom .container a.lvl5.selected,
    .menu_bottom .container a.lvl6.selected{color: #cd1719;}

    .menu_bottom .bg-menu{background-color: #fff; position: absolute; top: 52px; width: 100%; display:none; border: 1px solid #ddd;}
    .menu_bottom .menu-img{display:none;max-width: 266px; position: absolute; right: 1em; top: 68px; padding-left: 1em; border-left: 1px solid #d0d0d0;}

    .menu_bottom .lvl2.haschild2, .menu_bottom .lvl3.haschild2{background: url(../images/icon-right_bottom-menu.png) no-repeat left -1em center;}

    .m-left_menu{margin-bottom: 2em;}
    .m-left_menu .side_menu-title{text-align: center; color: #cd1719; text-transform: uppercase; font-weight: bold; border-bottom: 1px solid #e0e0e0; padding-bottom: 8px; margin-bottom: 1em;}
    .m-left_menu a{cursor: pointer; display: block;}

    .m-left_menu a.lvl2{text-transform: uppercase; color: #626262; font-weight: bold; padding: 10px 12px 10px 36px; }
    .m-left_menu a.lvl2:hover{color: #cd1719;}
    .m-left_menu a.lvl2.open, .m-left_menu a.lvl2.selected{background-color: #cd1719; color: #fff;}
    .m-left_menu a.lvl3{color: #626262; font-weight: bold; padding: 10px 24px 10px 48px;}
    .m-left_menu a.lvl3:hover{color: #000;}
    .m-left_menu a.lvl3.open, .m-left_menu a.lvl3.selected{background-color: #dedede;}
    .m-left_menu a.lvl4{color: #626262; padding: 10px 24px 10px 60px;}
    .m-left_menu a.lvl4:hover{color: #000;}
    .m-left_menu a.lvl4.selected{color: #cd1719;}
    .m-left_menu a.lvl5{color: #cd1719; padding: 10px 24px 10px 85px;}
    .m-left_menu a.lvl5:hover{color: #000;}
    .m-left_menu a.lvl5.selected{color: #cd1719; text-decoration: underline;}
    .m-left_menu a.lvl6{color: #626262; padding: 10px 24px 10px 105px;}
    .m-left_menu a.lvl6:hover{color: #000;}
    .m-left_menu a.lvl6.selected{color: #626262; text-decoration: underline;}

    .m-left_menu ul li.open, .m-left_menu ul li.opened{/*box-shadow: 0 0 15px rgba(0,0,0,0.3);*/}

    .m-left_menu ul li ul{display: none;}
    .m-left_menu ul li ul.opened{display: block !important;}

    .m-left_menu .lvl2.haschild{background: url(../images/icon-right_bottom-menu.png) no-repeat left center; /*background-position-x: 360px;*/}
    .m-left_menu .lvl2.haschild.open, .m-left_menu li.opened > .haschild{background: #cd1719 url(../images/icon-right_bottom-menu_open.png) no-repeat left center; /*background-position-x: 360px;*/}

    .m-left_menu .lvl3.haschild{background: url(../images/icon-right_bottom-menu.png) no-repeat left center; /*background-position-x: 360px;*/}
    .m-left_menu .lvl3.haschild.open, .m-left_menu .lvl3.haschild.selected{background: #dedede url(../images/icon-right_bottom-menu_open.png) no-repeat left center; /*background-position-x: 360px;*/}

    .m-left_menu .lvl4.haschild{background: url(../images/icon-right_bottom-menu.png) no-repeat left center; /*background-position-x: 360px;*/}
    .m-left_menu .lvl4.haschild.open, .m-left_menu .lvl3.haschild.selected{background: #626262 url(../images/icon-right_bottom-menu_open.png) no-repeat left center; color: #ffffff;/*background-position-x: 360px;*/}

    .m-left_menu .lvl5.haschild{background: url(../images/icon-right_bottom-menu.png) no-repeat left center; /*background-position-x: 360px;*/}
    .m-left_menu .lvl5.haschild.open, .m-left_menu .lvl4.haschild.selected{background: #dedede url(../images/icon-right_bottom-menu_open.png) no-repeat left center; color: #626262; font-weight: bold;/*background-position-x: 360px;*/}
}

@media only screen and (min-width: 1400px){
    .menu_bottom .container > a{margin-right: 1.5%; padding: 18px 8px 14px; font-size: 1rem;}
}