<style type="text/css">
/*<![CDATA[*/
.jtpl-mobile-navigation {
    top: 100px;
    box-shadow: 0 0 30px 
}
 /*]]>*/
</style>
 

<style type="text/css">
/*<![CDATA[*/
    .jtpl-mobile-navigation > div:nth-child(1) > div:nth-child(1) > ul:nth-child(1) > li:nth-child(2) > a:nth-child(1)
    .navigation-colors--transparency a, .navigation-colors--transparency a:link, .navigation-colors--transparency a:visited {
    color: #000;
}
 /*]]>*/
</style>
 

<style type="text/css">
/*<![CDATA[*/
@media (min-width:768px) {
ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
 
ul li {
  display: block;
  position: relative;
  float: left;
}
 /*]]>*/
</style>
 

<style type="text/css">
/*<![CDATA[*/
@media (min-width:768px) {
li ul { display: none; }
 
ul li a {
  display: block;
  padding: 1em;
  text-decoration: none;
  white-space: nowrap;
}
ul li a:hover 
 /*]]>*/
</style>
 

<style type="text/css">
/*<![CDATA[*/
@media (min-width:768px) {
li:hover > ul {
  display: block;
  position: absolute;
}
 
li:hover li { float: none; }
 
li:hover a 
 
li:hover li a:hover 
 
.main-navigation li ul li { border-top: 0; }
 /*]]>*/
</style>
 

<style type="text/css">
/*<![CDATA[*/
@media (min-width:768px) {
ul ul ul {
  left: 100%;
  top: 0;
}
 /*]]>*/
</style>
 

<style>
/* <![CDATA[ */
 @media (min-width:1000px) {
      .cc-nav-level-0 a:link, .cc-nav-level-0 a:visited {margin-right: 3px !important;}
 
.cc-nav-level-1 a:link, .cc-nav-level-1 a:visited {width: 20.5rem !important; margin: 5px !important; padding: 4px 10px !important;}
 
     .cc-nav-level-1 a:link, .cc-nav-level-1 a:visited {width: 20.5rem !important; margin: 5px !important; padding: 15px 15px !important;}
 /*]]>*/
</style>
 

<style>
/* <![CDATA[ */
@media only screen and (device-width: 768px) {
.jtpl-navigation .j-nav-level-0 {
        max-width: 1280px;
        margin: 0 auto;
        padding: 0 90px;
}
}
/*]]>*/
</style>