#mobile-menu-container-click {}
#mobile-menu-button {font-size:1.6em;text-align:center; padding:10px; height:60px;background-color:#225560; color:#e4c66d;position: relative;
    top: 0px;    z-index: 1;}
    .ccm-toolbar-visible #mobile-menu-button {top:30px;}
    #mobile-menu-button span#mobile-menu-icon::after {content: "\f0c9";
   font-family: "FontAwesome";display:inline;}
#mobile-menu-button span#mobile-menu-text::after {content: " MENU";}


#mobile-menu-button.opened span#mobile-menu-icon::after {content: "\f00d";
   font-family: "FontAwesome";display:inline;}
#mobile-menu-button.opened span#mobile-menu-text::after {content: " CLOSE";}

#mobile-menu-button:hover {cursor:pointer;}

#mobile-menu-content {background-color:#3b6064; position: relative; max-height: 0;
    transition: max-height 0.35s ease-out;
    overflow: hidden;top:0px;}
    .ccm-toolbar-visible #mobile-menu-content {top:30px;}
#mobile-menu-content.opened {max-height:4000px;transition: max-height 0.55s ease-in;}

#mobile-menu-content ul {list-style-type: none;
    margin: 0;
    padding: 0;cursor:pointer;
}
#mobile-menu-content ul li a {color:white;text-transform:uppercase;font-weight:bold; font-size:1.3em}
#mobile-menu-content ul li {padding:15px;-webkit-transition: all 300ms ease-in-out; 
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out; }
#mobile-menu-content ul li ul li a {text-transform:none;font-size:1em;font-weight:normal; }
#mobile-menu-content ul li.opened-sub {background-color: #183a42;}
#mobile-menu-content ul li.opened-sub a {color:#c9e4ca;}
#mobile-menu-content ul li ul li:hover {background-color:#3b6064;}
#mobile-menu-content ul li ul {position: relative; max-height: 0;
    transition: max-height 0.35s ease-out;
    overflow: hidden;}

    #mobile-menu-content ul li.opened-sub ul {position: relative; max-height: 700px;
    transition: max-height 1s ease-out;
    overflow: hidden;}

    #mobile-menu-content ul li.opened-sub ul li a {color:white;}

    #mobile-menu-content ul li ul li a::after {content: "\f00d";
   font-family: "FontAwesome";display:inline;-webkit-transition: all 300ms ease-in-out; 
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;}

       #mobile-menu-content ul li a::after {content: "\f078";
   font-family: "FontAwesome";display:inline-block; float:right;padding-right:10px;color: #c9e4ca;}
    #mobile-menu-content ul li ul li a::after {content:none;}

    #mobile-menu-content ul li.opened-sub a::after {-ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg);-webkit-transition: all 300ms ease-in-out; 
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;}