/* Base */

.menu-visible {
    overflow: hidden;
}
 mob-login{
    background: url(../images/m-burger-menu-new.png) no-repeat scroll left top;
    display: block;
    height: 35px;
    position: absolute;
    top: 20px;
    width: 35px;
    right: 15px;
    outline: none;
    cursor: pointer;
    }

#primary-cont {
    position: relative;
    /* Set the position property so z-index will apply */
}
.menu-visible #menu{height:auto !important; padding: 0px 0px 0px !important; background:#ffffff !important;}
#menu {
    position: fixed;
    right: -280px;
    width: 280px;
    padding: 0;
    margin: 0;
    list-style: none;
    background: #444444;
    z-index: 10001;
    /* Make sure the z-index is lower than the #page */
    -webkit-transition: all 0.3s linear;
    /* For Safari 3.1 to 6.0 */
    transition: all 0.3s linear;
    /*height: 100%;*/
    top: 98px;
}

#menu ul {
    list-style: none;
    margin: 0 0 20px 0;
    padding: 0;
    float: left;
    width: 100%;
}

#menu ul li {
    margin: 0 10px 8px;
    padding: 0;
}

#menu ul li a {
    background: #AEA99D none repeat scroll 0 0;
    color: #3f3f3f;
    display: block;
    height: 50px;
    padding: 0 4px;
    position: relative;
    width: 100%;
    font-size: 15px;
    font-family: "Gibson-light";
    float: right;
    line-height: 50px;
}

#menu ul li a:after {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(174, 169, 157, 0);
    /*border-right-color: #AEA99D;*/
    border-width: 14px;
    margin-top: -14px;
    box-sizing: border-box;
	left: -35px !important;
}
#menu ul.left-rail-sub li a:after{display:none;}

ul.mob-head-menu li a:hover {
    text-decoration: none;
}

#menu ul li.active a {
   /* background: #ffffff none repeat scroll 0 0;*/
}

#menu ul .active a:after {
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #ffffff;
}

#menu ul li a .menu-text-home {
    color: #95a7b3;
    font-family: "Gibson-regular";
}

#menu ul li a .menu-text-courage {
    color: black;
    font-family: "Gibson-regular";
    padding:0 2px;
}


#menu ul li a .menu-text-team {
    color: #3f3f3f;
    font-family: "Gibson-regular";
}

#menu ul li a .menu-text-curate {
    color: black;
    font-family: "Gibson-regular";
}

#menu ul li a .menu-text-clinical {
    color: #000000;
    font-family: "Gibson-regular";
}

#menu ul li a .menu-icon {
    margin: 0 5px 0 15px;
    float: left;
}

#menu ul li a .menu-icon img {
    height: 45px;
    width: auto;
}

#menu ul li a:hover,
#menu ul li a:focus {
    text-decoration: none;
    outline: none !important;
}


/* Animations */

#menu {
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
}

.menu-visible #menu {
    width: 100%;
    max-width: 100%;
   /* height: 100%;*/
    overflow: hidden;
    top: 98px;
    right: 0px;
	left:0px
}
#menu ul li a {
    background:url(../images/arrow-sml.png)no-repeat 92% 15px;
    color: #000000;
    display: block;
    height: 50px;
    padding: 0px;
    position: relative;
    width: 100%;
    font-size: 14px;
    font-family: "Gibson-regular";
    float: right;
    line-height: 50px;
    margin-left: 0px;
    border-bottom:1px solid #2196f3;
    left: 15px;
}
#menu ul li {
    margin: 0px;
    padding: 0;
    margin-left:0px;
}

.menu-visible #menu .menu-wrap {
    overflow: hidden;
    height: auto;
	padding-bottom:30px;
}

a.burger-menu {
    background: url(../images/m-burger-menu-new.png) no-repeat scroll left top;
    display: block;
    height: 35px;
    position: absolute;
    top: 20px;
    width: 28px;
    left: 15px;
    outline: none;
	cursor:pointer;
}

a.burger-menu:hover,
a.burger-menu:focus {
    outline: none !important;
}

.menu-visible .mobile-close {
    background: url(../images/close.svg) no-repeat scroll right top;
}


.mobile-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    display: none;
    background: #444444;
    left: 0;
    top: 0;
    opacity: .9;
    z-index: 10000;
    bottom: 0;
    right: 0;
}

.menu-visible .mobile-overlay {
    opacity: .9;
    display: block;
}

.mob-search {
    margin: 0 0 10px 0;
    position: relative;
    padding-left: 15px;
    width: 90%;
    float: left;

    box-sizing: border-box;
}

.mob-search form {
    margin-bottom: 0;
}

.mob-search input {
    height: 30px;
    width: 90%;
    border: 1px solid #F4971E !important;
    background: #ffffff !important;
    border-radius: 50px;
    color: #b7c2ca;
    font-size: 20px;
    padding-left: 50px !important;
    box-shadow: none !important;
    padding-right: 32px !important;
    box-sizing: border-box;
    margin-top:9px;
}

.mob-search .mob-search-btn {
    height: 30px;
    left: 10px;
    position: absolute;
    top: 14px;
    width: 40px;
}

.mob-search .mob-search-btn img {
    width: 19px;
    height: auto;
}

.mob-search #searchclear {
    right: 5px !important;
}

.mob-profile {
    margin-bottom: 20px;
}

.mob-profile.register,
.mob-profile.login {
    margin-bottom: 10px;
}

a.mob-profile {
    color: #e0e9f2 !important;
    float: left;
    font-size: 16px;
    line-height: 16px;
    margin: 0 0 5px 10%;
    text-decoration: none;
    width: 100%;
}

.mob-profile:hover {
    text-decoration: none;
}

.mob-profile i {
    margin-left: 2px;
    position: relative;
    top: 1px;
}
#menu ul.mobile-nav  > li{display:none;}
#menu ul.mobile-nav li.show {display:block; }
#menu ul.mobile-nav li.show a {
    padding-left: 30px;
}
#menu ul.mobile-nav li.show a{   
    background: none; 
}
#menu ul.mobile-nav li.show{
    position: relative; 
    border-bottom:-30px;
}
#menu ul.mobile-nav li.show ul.left-rail-sub a.back{   
    background:url('../images/arrow-sml-or-left.png')no-repeat left 15px !important;
    position: absolute !important;
    width: 25px !important;
    /*left: 55px !important;*/
    top: -48px !important;
    border: none !important;
}
.es #menu ul.mobile-nav li.show a.people-places {
    margin-bottom: 12px !important;
}

#menu ul.mobile-nav li.trusted_home{min-height: auto;}
#menu ul.mobile-nav li.trusted_home a{min-height: auto;height: auto;padding-bottom: 0px !important;}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .menu-visible #menu .menu-wrap {
        height:auto;
		padding-bottom:30px;
    }
}