.page-content{
    transition:all 350ms ease;
 }
 .header-logo-left .header-icon-1{
    right:0px;
     top:0px
 }
 /*Menu System*/
 .menu-box, .menu-hider{
    display:none;
     opacity:0;
 }
 .menu-ready{
    display:block;
 }
 .menu-hider{
    pointer-events: none;
     transition:all 350ms ease;
     background-color:rgba(0,0,0,0.5);
 }
 .menu-hider-visible{
    transition:all 350ms ease;
     pointer-events: all;
     opacity:1;
 }
 .page-content{
     /* z-index:95; */
     /* background-color:#FFF; */
     overflow-x:hidden;
     box-shadow: 0 0px 25px 13px rgba(0,0,0,0.08);
     background-position: top center;
     background-repeat: repeat;
     /* z-index:1 */
     margin-top:10px;
 }
 .page-footer-menu .page-content{
     padding-bottom:calc(60px + (constant(safe-area-inset-bottom)));
     padding-bottom:calc(60px + (env(safe-area-inset-bottom)));
     z-index: 0;
 }
 /*Menu Update*/
 #menu-update{
     background-color:#FFF;
     position:fixed;
     z-index:9999;
     width:310px;
     height:430px;
     top:50%;
     left:50%;
     transform:translate(-50%, -50%);
     opacity:0;
     pointer-events:none;
     border-radius:0px;
     transition:all 350ms ease;
 }
 .menu-active{
    opacity:1!important;
 }
 .menu-active-no-click{
    opacity:1;
     background-color:rgba(0,0,0,0.8);
     pointer-events:all!important;
 }
 #menu-install-pwa-ios{
    overflow:visible!important;
 }
 .menu-box{
     overflow-y: scroll!important;
     -webkit-overflow-scrolling: touch!important;
     position:fixed;
     z-index:99;
     transition:all 350ms ease;
     -webkit-transform: translateZ(0);
     -moz-transform: translateZ(0);
     -ms-transform: translateZ(0);
     -o-transform: translateZ(0);
     transform: translateZ(0);
     -webkit-backface-visibility: hidden;
     -moz-backface-visibility: hidden;
     -ms-backface-visibility: hidden;
     backface-visibility: hidden;
     -webkit-perspective: 1000;
     -moz-perspective: 1000;
     -ms-perspective: 1000;
     perspective: 1000;
     background-size:cover;
 }
 .menu-active{
     pointer-events:all!important;
     transition:all 350ms ease;
 }
 .menu-hider{
     position:fixed;
     top:0px;
     left:0px;
     right:0px;
     bottom:0px;
     z-index:98;
     background-color: rgba(7, 36, 34, 0.88);
 }
 [data-menu-effect="menu-reveal"]{
    z-index:90!important;
     display:none;
 }
 [data-menu-effect="menu-reveal"][data-menu-type="menu-box-left"]{
    transform:translateX(0px)!important;
 }
 [data-menu-effect="menu-reveal"][data-menu-type="menu-box-right"]{
    transform:translateX(0px)!important;
 }
 [data-menu-type="menu-box-left"]{
     opacity:1;
     top:0px;
     bottom:0px;
     left:0px;
     border-radius:0px!important;
 }
 [data-menu-type="menu-box-right"]{
     opacity:1;
     top:0px;
     bottom:0px;
     right:0px;
     border-radius:0px!important;
 }
 [data-menu-type="menu-box-top"]{
     opacity:1;
     top:0px;
     right:0px;
     left:0px;
 }
 [data-menu-type="menu-box-bottom"]{
     opacity:1;
     bottom:0px;
     right:0px;
     left:0px;
 }
 [data-menu-type="menu-box-modal"]{
     transform-origin: 0% 0%;
     opacity:0;
     pointer-events:none;
     left:50%;
     top:50%;
     transform:scale(0.9, 0.9) translate(-50%,-50%)!important;
 }
 .menu-active[data-menu-type="menu-box-modal"]{
     opacity:1!important;
     pointer-events: all!important;
     transform:scale(1, 1) translate(-50%, -50%)!important;
 }
 .menu-active[data-menu-type="menu-box-left"]{
    transform:translateX(0px)!important;
 }
 .menu-active[data-menu-type="menu-box-right"]{
    transform:translateX(0px)!important;
 }
 .menu-active[data-menu-type="menu-box-bottom"]{
    transform:translateY(0px)!important;
 }
 .menu-active[data-menu-type="menu-box-top"]{
    transform:translateY(0px)!important;
 }
 .menu-box-detached[data-menu-type="menu-box-top"]{
     opacity:1;
     top:15px;
     right:10px;
     left:10px;
     margin-top:-25px;
 }
 .menu-box-detached[data-menu-type="menu-box-bottom"]{
     opacity:1;
     bottom:15px;
     right:10px;
     left:10px;
     margin-bottom:-25px;
 }
 /*Notch Detection*/
 .notch-hider{
    display:none;
 }
 .has-notch .notch-hider{
     display:block!important;
     background-color:#FFF;
     position:fixed;
     top:0px;
     left:0px;
     right:0px;
     z-index:990;
 }
 .menu-box-content{
    z-index:1;
 }
 .menu-box{
    background-color:#FFF;
 }
 /* ---------------- tabs ---------------- */
 @media all {
     * {
         box-sizing: border-box;
    }
     .tabs {
         display: flex;
         flex-direction: row;
         row-wrap: nowrap;
         justify-content: flex-start;
         align-content: flex-start;
         align-items: flex-start;
         box-sizing: border-box;
         background:#007774 !important;
         z-index: 1;
    }
     .tabs * {
         box-sizing: inherit;
    }
     .tabs :focus {
         box-shadow: none;
         outline: none;
    }
     .tabs .button-list {
         flex: 0 1 auto;
         display: flex;
         flex-direction: column;
         justify-content: flex-start;
         align-content: stretch;
         align-items: stretch;
    }
     .tabs button {
         border-radius: 0;
         margin: 0;
         font-size: 0.8rem;
         padding: .3em .3em;
         border: 1px solid transparent;
         background: #ddd;
         color: #666;
         transition: all .6s ease-in-out;
         width: 20vw;
         border-radius: 10px;
    }
     .tabs button:hover {
         color: #333;
    }
     .tabs button:not(:first-of-type) {
         border-top-color: #aaa;
         margin: 4px 0px;
    }
     .tabs button.active {
         background: #fff;
         background: #007774;
         color: white;
    }
     .tabs section {
         flex: 2 1 auto;
         display: none;
         background: #fff;
         background: rgba(255,255,255,.6);
         padding-left: .22rem;
         height: 322px;
    }
     .tabs section.active {
         display: block;
    }
     .tabs img {
         display: block;
         margin: 0 auto;
         width:20px;
         height: 20px;
    }
 }
 /* / @media all */
 @media (max-width: 900px) {
     .tabs button:first-child:not(.active) {
         border-top: 1px solid #aaa;
         border-left: 1px solid #aaa;
    }
     .tabs button.active {
         border-right: 1px solid #aaa;
    }
 }
 .padding-0{
     padding:0 !important;
 }
 .sidenav2 {
     height: 100%;
     width: 0;
     position: fixed;
     z-index: 222;
     top: 0;
     right: 0;
     background-color: #007774;
     overflow-x: hidden;
     transition: 0.5s;
     padding-top: 30px;
 }
 .sidenav3 {
     width: 220px;
     position: fixed;
     z-index: 222;
     bottom: calc(60px + (env(safe-area-inset-bottom)));
     right: 0;
     background-color: white;
     overflow-x: hidden;
     transition: 0.5s;
     padding-top: 20px;
     border-top-left-radius: 5px;
     border-bottom-left-radius: 5px;
     display: none;
     box-shadow: 1px 0px 5px grey;
     flex-direction: column;
     justify-content: flex-end;
     padding-bottom: 10px;
 }
 .sidenav2 a:active {
     color: #00ebff !important;
 }
 .sidenav3 a:active {
     color: #00ebff;
 }
 /* Style the sidenav links and the dropdown button */
 .sidenav2 a, .dropdown-btn {
     padding: 10px 11px 8px 22px;
     text-decoration: none;
     font-size: 13px;
     color: #fff !important;
     display: block;
     border: none;
     background: none;
     width:100%;
     text-align: left;
     cursor: pointer;
     outline: none;
     display: flex;
     flex-direction: row;
     align-items: center;
     justify-content: space-between;
 }
 .sidenav2 a:nth-last-child(3) {
 }
 .lineDiv{
     border-bottom: 1px solid #0dd1e3;
     margin:10px 0 10px 0
 }
 .sidenav2 a:last-child {
    /* color: #00ebff;
     */
 }
 .sidenav3 a, .sidenav3 .dropdown-btn {
     padding: 6px 8px 6px 20px;
     text-decoration: none;
     font-size: 1.1rem;
     color: #666;
     display: block;
     border: none;
     background: none;
     width:100%;
     text-align: left;
     cursor: pointer;
     outline: none;
     border-bottom: 0.5px solid rgba(255,255,255,0.3);
 }
 .lineMeDiv{
     border-bottom: 1px solid #007774;
     padding-bottom: 10px;
     margin-bottom: 10px;
     padding-left: 5px;
     width: 88%;
     margin-left: 14px;
 }
 /* On mouse-over */
 .dropdown-btn:hover {
     color: #f1f1f1;
 }
 .dropdown-container {
     display: none;
     padding-left: 38px;
 }
 .dropdown-container a{
     display: none;
     padding: 5px 11px 6px 22px;
     text-decoration: none;
     font-size: 13px;
     color: #fff;
     display: block;
     border: none;
     background: none;
     width:100%;
     text-align: left;
     cursor: pointer;
     outline: none;
 }
 .dropdown-container a:nth-last-child(2) {
     border-bottom: none;
 }
 .dropdown-container a:last-child {
     color: white;
 }
 /* Optional: Style the caret down icon */
 .fa-caret-down {
     float: right;
     padding-right: 8px;
 }
 .fa-caret-up {
     float: right;
     padding-right: 8px;
 }
 .dropdown-btn.active i{
     color: #00ebff;
 }
 .dropdown-btn.active span{
     color: #00ebff;
 }
 .sidenav2 .closebtn {
     position: absolute;
     top: -1px;
     right: 2px;
     font-size: 50px;
     margin-left: 51px;
     width: auto;
     border-bottom: none;
     font-weight:lighter;
 }
 .sidenav3 .closebtn {
     position: absolute;
     top: 5px;
     right: 5px;
     font-size: 36px;
     margin-left: 50px;
     width: auto;
     border-bottom: none;
 }
 .sideNavOverlay{
     width: 100%;
     height: 100%;
     background-color: rgba(7, 36, 34, 0.88);
     position: absolute;
     top: 0;
     z-index: 99;
     display: none;
 }
 .sideNavOverlay2{
     width: 100%;
     height: 100%;
     background-color: rgba(7, 36, 34, 0.88);
     position: absolute;
     top: 0;
     z-index: 95;
     display: none;
 }
 .sideMenuIcon{
     width: 25px;
     height: 25px;
     margin-right: 15px;
 }
 
 
 .user-profile {
     margin: -12px 0 -5px 0;
     height: 6em;
 }
 .user-profile > img.avatar {
     padding: 0.7em;
     margin-left: 0.3em;
     height: 6.23em;
     width: 6.23em;
     border-radius: 18em;
 }
 .user-profile .username {
     margin-top: -4em;
     margin-left: 6.3em;
     top: 5px;
     text-align: left;
     color: #FFF;
     font-size: 1em;
 }
 .user-profile .userid {
     display: inline-block;
     text-align: left;
     margin-left: 6.3em;
     color: #ccc;
     font-size: 1.0em;
 }
 .user-profile .bio {
     top: -3px;
     display: inline-block;
     text-align: left;
     margin-left: 5.8em;
     color: #FFF;
     font-size: 1.1em;
     display: flex;
 }
 .user-profile span {
     color: #e3eeee;
     white-space: nowrap;
     font-size: 1em;
     font-weight: bold;
 }
 
 /* .fa{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-ul{list-style-type:none;margin-left:2.5em;padding-left:0}.fa-ul>li{position:relative}.fa-li{left:-2em;position:absolute;text-align:center;width:2em;line-height:inherit}.fa-border{border:.08em solid #eee;border-radius:.1em;padding:.2em .25em .15em}@keyframes fa-spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.fa-500px:before{content:"\f26e"}.fa-align-center:before{content:"\f037"}.fa-align-left:before{content:"\f036"}.fa-align-right:before{content:"\f038"}.fa-angle-down:before{content:"\f107"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-apple:before{content:"\f179"}.fa-apple-alt:before{content:"\f5d1"}.fa-box:before{content:"\f466"}.fa-box-open:before{content:"\f49e"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-chrome:before{content:"\f268"}.fa-clock:before{content:"\f017"}.fa-css3:before{content:"\f13c"}.fa-css3-alt:before{content:"\f38b"}.fa-desktop:before{content:"\f108"}.fa-download:before{content:"\f019"}.fa-flag:before{content:"\f024"}.fa-font:before{content:"\f031"}.fa-google:before{content:"\f1a0"}.fa-google-play:before{content:"\f3ab"}.fa-home:before{content:"\f015"}.fa-html5:before{content:"\f13b"}.fa-id-card:before{content:"\f2c2"}.fa-id-card-alt:before{content:"\f47f"}.fa-image:before{content:"\f03e"}.fa-images:before{content:"\f302"}.fa-infinity:before{content:"\f534"}.fa-js:before{content:"\f3b8"}.fa-kiss:before{content:"\f596"}.fa-language:before{content:"\f1ab"}.fa-link:before{content:"\f0c1"}.fa-medium:before{content:"\f23a"}.fa-medium-m:before{content:"\f3c7"}.fa-mobile:before{content:"\f10b"}.fa-mobile-alt:before{content:"\f3cd"}.fa-page4:before{content:"\f3d7"}.fa-play:before{content:"\f04b"}.fa-qrcode:before{content:"\f029"}.fa-safari:before{content:"\f267"}.fa-spinner:before{content:"\f110"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-th:before{content:"\f00a"}.fa-th-large:before{content:"\f009"}.fa-user:before{content:"\f007"}.fa-user-alt:before{content:"\f406"}.fa-user-clock:before{content:"\f4fd"}.fa-user-md:before{content:"\f0f0"}.fa-venus:before{content:"\f221"}.fa-window-close:before{content:"\f410"}@font-face{font-family:"Font Awesome 5 Brands";font-style:normal;font-weight:400;src:url(../webfonts/fa-brands-400.eot);src:url(../webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-brands-400.woff2) format("woff2"),url(../webfonts/fa-brands-400.woff) format("woff"),url(../webfonts/fa-brands-400.ttf) format("truetype"),url(../webfonts/fa-brands-400.svg#fontawesome) format("svg")}@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:400;src:url(../webfonts/fa-regular-400.eot);src:url(../webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-regular-400.woff2) format("woff2"),url(../webfonts/fa-regular-400.woff) format("woff"),url(../webfonts/fa-regular-400.ttf) format("truetype"),url(../webfonts/fa-regular-400.svg#fontawesome) format("svg")}@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:900;src:url(../webfonts/fa-solid-900.eot);src:url(../webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-solid-900.woff2) format("woff2"),url(../webfonts/fa-solid-900.woff) format("woff"),url(../webfonts/fa-solid-900.ttf) format("truetype"),url(../webfonts/fa-solid-900.svg#fontawesome) format("svg")}.fa{font-family:"Font Awesome 5 Free"}.fa{font-weight:600;font-size:1.1em}.fa-angle-up:before{content:"\f106"} */