.is-fixed{position:fixed;}
nav{background-color:#000;z-index:999;top:0;width:100%;box-shadow:0 1px 15px rgba(0,0,0,0.1);}
nav.opac{background-color:rgba(255,255,255,1);}
.menu{display:block;font-family:"Segoe UI","wf_segoe-ui_normal","Arial",sans-serif;text-align:center;}
.menu li:first-of-type{margin-left:60px;}
.menu li{display:inline-block;position:relative;z-index:100;font-family:"Roboto",sans-serif;text-transform:uppercase;}
.menu li:first-child{margin-left:0;}
.menu li a{text-decoration:none;padding:15px 15px;display:block;color:#FFF;transition:all .5s ease-in-out 0s;font-size:1.3em;font-family:Play;}
.menu li a:hover{border-bottom:2px solid #337ab7;padding:10px;color:#337ab7;}
.menu li:hover> a hr{background-color:#3498db;display:block;left:0;}
.menu li a hr{background-color:transparent;margin:0;height:5px;border:#FFF;transition:0.8s;position:relative;left:-20%;}
.menu ul{visibility:hidden;opacity:0;margin:0;padding:0;width:170px;position:absolute;left:0px;background:#fff;z-index:99;transform:translate(0, 20px);transition:all .5s ease-out;}
.menu ul:after{bottom:100%;left:20%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(255, 255, 255, 0);border-bottom-color:#fff;border-width:6px;margin-left:-6px;}
.menu ul li{display:block;float:none;background:none;margin:0;padding:0;}
.menu ul li a{font-size:12px;font-weight:normal;display:block;color:#797979;background:#fff;}
.menu ul li a:hover,
.menu ul li:hover>a{background:#6BB9F0;color:#fff;}
.menu li:hover>ul{visibility:visible;opacity:1;transform:translate(0, 0);transition:all .5s ease-out;}
.menu ul ul{left:169px;top:0px;visibility:hidden;opacity:0;transform:translate(20px, 20px);transition:all .5s ease-out;}
.menu ul ul:after{left:-6px;top:10%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(255, 255, 255, 0);border-right-color:#fff;border-width:6px;margin-top:-6px;}
.menu li>ul ul:hover{visibility:visible;opacity:1;transform:translate(0, 0);transition:all .5s ease-out;}
.responsive-menu{display:none;width:100%;padding:5px 15px;background:#000;color:#fff;text-transform:uppercase;--font-weight:600;font-size:5vh;box-shadow:0 1px 15px rgba(0,0,0,0.1);}
.responsive-menu.opac{opacity:.6;}
.responsive-menu i{color:#fff;}
.responsive-menu i:hover{color:#F2F1EF;}
.responsive-menu:hover{background:#000;color:#fff;text-decoration:none;}
a.homer{--background:#3498db;}
@media (min-width:0){section .container-fluid .contentDescription.cat-title{position:absolute;width:100%;right:0;}
}
@media (min-width:1084px){.panel-body{--height:160px;}
}
@media (min-width:768px){.resp-nav{display:none;}
}
@media (min-width:768px) and (max-width:979px){.panel-body{padding:15px;height:160px;}
.mainWrap{width:768px;}
.menu ul{top:37px;}
.menu li a{font-size:12px;}
a.homer{background:#3498db;}
section .container-fluid .contentDescription{width:90%;margin-bottom:10px;}
.carousel-indicators{bottom:5px;}
.mainWrap{width:768px;}
.menu ul{top:37px;}
.menu li a{font-size:12px;}
a.homer{background:#3498db;}
}
@media (min-width:768px) and (max-width:1024px){section .container-fluid .contentDescription{width:90%;margin-bottom:10px;}
.carousel-indicators{bottom:10px;}
}
@media (max-width:767px){.menu li a hr{display:none !important;}
.menu li:first-of-type{margin-left:0;}
.menu{display:none;}
.responsive-menu{display:block;}
nav{margin:0;background:none;}
.menu li{display:block;margin:0;}
.menu li a{background:#fff;color:#797979;}
.menu li a:hover,.menu li:hover>a{background:#3498db;color:#fff;}
.menu ul{visibility:hidden;opacity:0;top:0;left:0;width:100%;transform:initial;}
.menu li:hover>ul{visibility:visible;opacity:1;position:relative;transform:initial;}
.menu ul ul{left:0;transform:initial;}
.menu ul li ul li a{background-color:#E4F1FE;}
.menu ul li a{background-color:#eee;border:1px solid #FFF;}
.menu li>ul ul:hover{transform:initial;}
}