@charset "UTF-8";
body {margin:0;padding:0;}
.header {background-color:transparent;}

* {transition:all 0.8s;-webkit-transition:all 0.8s;font-family: 'Roboto', sans-serif;}
.header-nav {position:relative;float:left;margin-top:-120px; auto;z-index: 15; margin-left:550px;} /* menu position L/R */
.header-nav ul {position:absolute;float:left;list-style:none;margin:0;padding:0;}
.header-nav ul li {position:relative;float:left;border-left:0px solid rgba(0,0,0,1.00);} /* menu: lines left */
.header-nav ul li ul {margin-left:-4px;z-index: 20;overflow: visible}
.header-nav > ul {position:relative;}
.header-nav > ul > li:last-child {border-right:0px solid rgba(0,0,0,1.00);} /* menu: line right, omnly of last menu item */

.header-nav > ul > li > .header-nav-link + ul li {width:180px;opacity:0;height:0;margin-top:0px;border-bottom:4px solid rgba(206,206,206,0.00);} /* menu: sublink under line */
.header-nav > ul > li:hover .header-nav-link + ul > li {opacity:1;height:auto;margin-top:0;} /* menu: ?*/
.header-nav .header-nav-link {float:left;text-decoration:none;color:#000000;font-weight:600;font-size:14px; padding:15px;width:100%;z-index: 15;border-radius: 1px} /* menu box BG: all link hover color + size*/
.header-nav .header-nav-link:hover {background-color:rgba(235,234,234,1.00) !important;}/* menu: mainlink hover BG color*/

.header-nav .header-nav-top-link {padding: 25px 15px -25px;} /* menu: padding */
.header-nav ul li:hover .header-nav-link {background-color:#AAA4A4;} /* menu: sublink hover BG color*/
.header-nav ul li:hover .header-nav-top-link {background-color:rgba(214,214,214,0.80);} /* menu: mainlink BG*/

.header-nav > ul > li > .header-nav-top-link + ul {top:49px;}/* menu: sublink drop distance*/
.header-nav > ul > li:hover .header-nav-sub-link {background-color:#AAA4A4;z-index:100;margin-left: 5px;height: 30px;display: flex;align-items: center;} /* menu: sublink BG color*/


@media (max-width: 767px) {
  .header-nav > ul > li {width:100%;border-right:4px solid rgba(224, 52, 106, 1);border-bottom:2px solid rgba(224, 52, 106, 1);}
  .header-nav > ul > li:first-child > a {font-size:18px;font-weight:400;}
  .header-nav > ul > li:last-child {border-bottom:none;}
  .header-nav > ul > li > .header-nav-top-link + ul {position:relative;top:0px;left:4px;width:100%;}
  .header-nav > ul > li > .header-nav-top-link + ul li {position:relative;float:left;border-left:none;width:100%;}
}