/* Navigation */

.primary-navigation {display: inline-block; line-height: 1; font-size: 0;}
.primary-navigation ul, .primary-navigation ul li { padding: 0; margin: 0; list-style-type: none; z-index: 1001;}

.primary-navigation .menu-item {display: inline-block; font-size: 1rem; font-weight: 400; text-align: right; padding: 0 20px;}
.primary-navigation .menu-item > a, .primary-navigation .menu-item > a:link, .primary-navigation .menu-item > a:visited {position: relative; display: block;  color: #333;}
.primary-navigation .menu-item > a::after {}
.primary-navigation .menu-item > a:hover, .primary-navigation .menu-item > a:active, .primary-navigation .menu-item > a:focus { color: #86bc24; transition: all 0.2s ease-out 0s;}
.primary-navigation .menu-item > a:hover::after {position: absolute; top:-100%; left: 50%; transform: translate(-50%,5px);content: ""; width: 12px; height: 12px; border-radius: 50%; background-color:#86bc24; display: block; padding: 0; transition: all 0.2s ease-out 0s;}

#menu-logo, .nav-text {display: none; }

/* Tablet
====================================================================== */
@media only screen and (max-width: 900px) {

/* ------ START MENU ITEM ANIMATION ------ */

#menu-logo {display: inherit; background-color: #e5efeb; padding: 0 0;}
#menu-logo img {display:block; max-width:100%; width:100%; margin: 0 auto; text-align:center;}

.bg-menu {padding: 10px 15px 15px; background-color: #c51a1b; border-radius: 20px; margin: 0;}      
 
.primary-navigation .menu-item {text-align: center; padding: 0;}
.primary-navigation .menu-item > a::after, .primary-navigation .menu-item > a:hover::after, .primary-navigation .menu-1 > a:hover::after, .primary-navigation .menu-2 > a:hover::after, .primary-navigation .menu-3 > a:hover::after, .primary-navigation .menu-4 > a:hover::after, .primary-navigation .menu-5 > a:hover::after {display: none!important;}

#touch-navigation-icon { display: inline-block; vertical-align: middle; font-size: 0; line-height: 1; position: relative; cursor: pointer; width: 26px; height: 21px; -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transition: 0.3s cubic-bezier(0.215, 0.61, 0.355, 1); transition: 0.3s cubic-bezier(0.215, 0.61, 0.355, 1); z-index: 1; }
#touch-navigation-icon span { position: absolute; height: 3px; background-color: #fff; left: 0; right: 0; top: 9px; -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transition: 0.3s cubic-bezier(0.215, 0.61, 0.355, 1); transition: 0.3s cubic-bezier(0.215, 0.61, 0.355, 1); border-radius: 30px;}
#touch-navigation-icon:before { content: ''; position: absolute; height: 3px; background-color: #fff; top: 0; left: 0; right: 0; -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transition: 0.3s cubic-bezier(0.215, 0.61, 0.355, 1); transition: 0.3s cubic-bezier(0.215, 0.61, 0.355, 1); border-radius: 30px;}
#touch-navigation-icon:after { content: ''; position: absolute; height: 3px; background-color: #fff; bottom: 0; left: 0; right: 0; -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transition: 0.3s cubic-bezier(0.215, 0.61, 0.355, 1); transition: 0.3s cubic-bezier(0.215, 0.61, 0.355, 1); border-radius: 30px;}
#touch-navigation-icon:hover span { background-color: #86bc24; }
#touch-navigation-icon:hover:before, #touch-navigation-icon:hover:after { background-color: #86bc24; }  

#touch-navigation-icon span::before {
  position: absolute; top: 1px; left: 14px; z-index: -1; content: ''; width: 1px; height: 1px; box-shadow: 0 0 0 0 rgba(255,255,255,.1); border-radius: 50%;  opacity: 0; -webkit-animation: menu-ani 4s infinite; animation: menu-ani 4s infinite; box-sizing: border-box;
  }
   
.touchmenu-open #touch-navigation-icon span { left: 50%; right: 50%; background-color: #c51a1b; }
.touchmenu-open #touch-navigation-icon:before { top: 9px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); background-color: #fff; }
.touchmenu-open #touch-navigation-icon:after { bottom: 9px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); background-color: #fff; }
.touchmenu-open #touch-navigation-icon:hover span { background-color: #fff; }
.touchmenu-open #touch-navigation-icon:hover:before, .touchmenu-open #touch-navigation-icon:hover:after { background-color: #fff; }

/* ------ END MENU ITEM ANIMATION ------ */

#touchmenu-trigger { display: none; }

#page-header .cell.left { width: 140px;}
#page-header #logo img { width: 140px; height: auto; }

#touchmenu-trigger { display: inline-block; }
.primary-navigation, .front-page #page-header .primary-navigation { display: block; width: 250px; background-color: #fff; padding: 0; position: fixed; right: 0; top: 0; bottom: 0; z-index: 999999; overflow: auto; -webkit-transform: translate(100%, 0); -ms-transform: translate(100%, 0); transform: translate(100%, 0); -webkit-transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1); transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1); }
.primary-navigation .menu-item, .front-page #page-header .primary-navigation .menu-item { display: block; }
.primary-navigation .menu-item .text, .primary-navigation .menu-item > a, .primary-navigation .menu-item > a:link, .primary-navigation .menu-item > a:visited, .front-page #page-header .primary-navigation .menu-item > a, .front-page #page-header .primary-navigation .menu-item > a:link, .front-page #page-header .primary-navigation .menu-item > a:visited { display: block; padding: 20px 25px; border-bottom: 1px solid #e5e5e5; }
.primary-navigation .menu-item > a, .primary-navigation .menu-item > a:link, .primary-navigation .menu-item > a:visited, .front-page #page-header .primary-navigation .menu-item > a, .front-page #page-header .primary-navigation .menu-item > a:link, .front-page #page-header .primary-navigation .menu-item > a:visited { display: block; border-bottom: 1px solid #e5e5e5;}
.primary-navigation .menu-item > a:hover, .primary-navigation .menu-item > a:active, .primary-navigation .menu-item > a:focus, .front-page #page-header .primary-navigation .menu-item > a:hover, .front-page #page-header .primary-navigation .menu-item > a:active, .front-page #page-header .primary-navigation .menu-item > a:focus { color: #86bc24; }
.primary-navigation .menu-item.menu-item-has-children > a:after, .front-page #page-header .primary-navigation .menu-item.menu-item-has-children > a:after { content: ''; margin-left: 0.3125em; width: 0; height: 0; display: inline-block; border-style: solid; border-width: 6px 5px 0 5px; border-color: #666666 transparent transparent transparent; vertical-align: middle; -webkit-transition: inherit; transition: inherit; opacity: .6; }
.primary-navigation .menu-item.menu-item-has-children > a:hover:after, .primary-navigation .menu-item.menu-item-has-children > a:active:after, .primary-navigation .menu-item.menu-item-has-children > a:focus:after, .front-page #page-header .primary-navigation .menu-item.menu-item-has-children > a:hover:after, .front-page #page-header .primary-navigation .menu-item.menu-item-has-children > a:active:after, .front-page #page-header .primary-navigation .menu-item.menu-item-has-children > a:focus:after { }
.primary-navigation .menu-item.menu-item-has-children.sub-menu-open, .front-page #page-header .primary-navigation .menu-item.menu-item-has-children.sub-menu-open { box-shadow: none; }
.primary-navigation .menu-item.menu-item-has-children.sub-menu-open > a, .primary-navigation .menu-item.menu-item-has-children.sub-menu-open > a:link, .primary-navigation .menu-item.menu-item-has-children.sub-menu-open > a:visited, .primary-navigation .menu-item.menu-item-has-children.sub-menu-open > a:hover, .primary-navigation .menu-item.menu-item-has-children.sub-menu-open > a:focus, .primary-navigation .menu-item.menu-item-has-children.sub-menu-open > a:active, .front-page #page-header .primary-navigation .menu-item.menu-item-has-children.sub-menu-open > a, .front-page #page-header .primary-navigation .menu-item.menu-item-has-children.sub-menu-open > a:link, .front-page #page-header .primary-navigation .menu-item.menu-item-has-children.sub-menu-open > a:visited, .front-page #page-header .primary-navigation .menu-item.menu-item-has-children.sub-menu-open > a:hover, .front-page #page-header .primary-navigation .menu-item.menu-item-has-children.sub-menu-open > a:focus, .front-page #page-header .primary-navigation .menu-item.menu-item-has-children.sub-menu-open > a:active { color: #fff; background-color: #000; position: relative; z-index: 51; }
.primary-navigation .menu-item.menu-item-has-children.sub-menu-open > a:after, .primary-navigation .menu-item.menu-item-has-children.sub-menu-open > a:link:after, .primary-navigation .menu-item.menu-item-has-children.sub-menu-open > a:visited:after, .primary-navigation .menu-item.menu-item-has-children.sub-menu-open > a:hover:after, .primary-navigation .menu-item.menu-item-has-children.sub-menu-open > a:focus:after, .primary-navigation .menu-item.menu-item-has-children.sub-menu-open > a:active:after, .front-page #page-header .primary-navigation .menu-item.menu-item-has-children.sub-menu-open > a:after, .front-page #page-header .primary-navigation .menu-item.menu-item-has-children.sub-menu-open > a:link:after, .front-page #page-header .primary-navigation .menu-item.menu-item-has-children.sub-menu-open > a:visited:after, .front-page #page-header .primary-navigation .menu-item.menu-item-has-children.sub-menu-open > a:hover:after, .front-page #page-header .primary-navigation .menu-item.menu-item-has-children.sub-menu-open > a:focus:after, .front-page #page-header .primary-navigation .menu-item.menu-item-has-children.sub-menu-open > a:active:after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); opacity: 1; }
.primary-navigation .sub-menu, .front-page #page-header .primary-navigation .sub-menu { position: static; width: auto; display: none; box-shadow: none;  }
.primary-navigation .sub-menu .menu-item, .front-page #page-header .primary-navigation .sub-menu .menu-item { display: block; background-color: transparent; border-top: none; }
#touch-menu-tint { background-color: rgba(25, 25, 25, 0.65); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 999998; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1); transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1); }
.front-page #page-header { padding: 40px; }
.front-page #page-header #touchmenu-trigger { background-color: rgba(0, 0, 0, 0.6); padding: 0.625rem; }
.breakpoint-touch-menu.touchmenu-open #touch-menu-tint { opacity: 1; visibility: visible; }
.breakpoint-touch-menu.touchmenu-open .primary-navigation, .breakpoint-touch-menu.touchmenu-open .front-page #page-header .primary-navigation { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); }

}