.left-menu {
    overflow: hidden
}

.navtree {
    height: 450px;
    position: relative;
    display: block;
}

.navtree-list {
    float: left;
    width: 300px;
    position: absolute;
    left: 0
}

.navtree-list .sidenav-item {
    display: block;
    position: relative;
    outline: none;
    -webkit-outline: none;
    -moz-outline: none;
}

.navtree-list .sidenav-item.navtree-back {
    color: #b88b21;
    padding-left: 26px
}

.navtree-list .sidenav-item.navtree-back .icon {
    left: 0;
    top: 8px;
}

.navtree-list .icon,
.navtree-list .icon:first-child {
    position: absolute;
    right: 0
}

.navtree-list .icon-chevron-right {
    color: #82888a
}

li>.navtree-list {
    left: 100%;
    top: 0;
    display: none;
}
/*.help_nav .subnav{background: #fff;}*/
/*.help_nav .subnav-item {color: #82888a;}*/
/*.help_nav .subnav-item:hover, .help_nav .subnav-item:focus, .help_nav .subnav-item[aria-selected="true"] {
    text-decoration: none;
    color: #4e4d4d;
}
*/
.help_nav .show-sm{
    display: none !important;
}

@media (max-width: 767px) {
    .subnav .left-menu {
        background-color: #fff;
        display: block;
    }
.help_nav .show-sm{
    display: block !important;
}
.sidenav-list i.icon.icon-chevron-right {
    font-size: 15px !important;
    top: 6px !important;
}
    .subnav .left-menu .navtree{height: auto;display: none;}
    .help_nav .left-menu{display: block;
    background: #fff;
    box-shadow: 0px 2px 10px 0px #ccc;
    margin-bottom: 25px;}
    .navtree-list {
        width: 100%;
        position: inherit;
        left:0 !important;
        float: none;
    }
    .navtree-list li {
        padding: 5px 0;
        padding-left: 20px;
        border-top: 1px solid #dce0e0
    }
    .help-search-form {
    padding-left: 0;
    padding-right: 0;
    margin: 20px auto;
    width: 80% !important;
}
.nt i.icon.icon-chevron-right{
display: none;
}
.sub_menu_header {
    position: relative;
}
.sub_menu_header h2 {
    color: #2b2a2a;
    text-transform: capitalize;
    font-size: 20px;
    margin: 0;
    padding: 15px 15px 10px;
}
.sub_menu_header i.fa {
    right: 14px;
    color: #2b2a2a !important;
    position: absolute;
    left: inherit;
    font-size: 26px !important;
}
.help-section-header h2.black_bold {
    font-size: 24px;
    margin: 0;
}
}

@media (max-width: 767px) {
    .search-results-container {
        display: none
    }
}

.help-search-container {
    overflow: visible
}

.help-search-container .search-container {
    position: relative
}

.help-search-container .search-container .search-results-container {
    position: absolute;
    width: 100%;
    z-index: 1;
    background: #fff;
    border: solid 1px #dce0e0;
    border-width: 0 1px 1px
}

.help-search-container .search-container .search-results-container .search-results {
    position: relative
}

.help-search-container .search-container .search-results-container .loading {
    height: 200px
}

@media (min-width: 768px) {
    .help-search-container-banner {
        height: 400px
    }
    .help-search-container-lean-banner {
        height: 200px
    }
    .help-search-bg {
        background-image: url("../images/banner-red.jpg")
    }
}

@media (min-width: 768px) {
    .help-content {
        min-height: 400px
    }
}

@media (max-width: 767px) {
    .help-section-header {
        background: #f5f5f5;
        font-size: 16px;
        font-weight: bold;
        padding: 20px
    }
}

.instant-help-nav {
    padding: 10px 14px;
    color: #fff;
    position: relative
}

.instant-help-nav .icon {
    position: absolute;
    top: 7px;
    left: -10px;
    font-size: 1.4em
}

a.help-article-action {
    display: block;
    padding: 16px 22px
}

a.help-article-action .action-icon {
    margin-right: 18px;
    color: #cacccd
}

a.help-article-action .action-title {
    line-height: 46px;
    color: #3c3f40
}

a.help-contextual-action {
    display: block;
    padding: 10px 25px
}

a.help-contextual-action .action-icon {
    color: #cacccd;
    height: 51px
}

a.help-contextual-action .action-title {
    color: #3c3f40
}

.help-center .help-trigger-wrapper,
.help-center #header-help-menu {
    display: none
}

@media (max-width: 767px) {
    .page-container-sm-full {
        padding: 0;
        overflow-x: hidden
    }
}

.search-result-icon {
    font-size: 1.6em;
    float: left
}

.search-result-title {
    display: block;
    padding-top: 4px;
    margin-left: 30px;
    margin-bottom: 10px;
    color: inherit;
    font-weight: bold
}

@media (max-width: 767px) {
    .back-bar {
        background-color: #f5f5f5
    }
    .help-center {
        background-color: #fff
    }
    .help-center-sm {
        padding: 16px
    }
    .search-result-icon {
        font-size: 2.4em;
        float: left
    }
    .search-result-title {
        display: block;
        padding-top: 4px;
        margin-left: 48px;
        margin-bottom: none;
        color: inherit;
        font-weight: bold
    }
    .search-result-abstract {
        margin-left: 48px
    }
    .search-result-loading {
        min-height: 40px
    }
    .help-search-form {
        padding-left: 0;
        padding-right: 0
    }
    .sub_menu_header.show-sm + .navtree{display: none;}
    .sub_menu_header.show-sm.open + .navtree{display: block;height: auto;}
}

.padding-bottom-lg {
    padding-bottom: 48px
}

.i-still-need-help {
    background-color: #f5f5f5
}

.panel-your-trips {
    margin-top: 0;
    border: 1px solid #dce0e0
}

.media-photo.how-makent-works,
.media-photo.hosting-basics,
.media-photo.traveling-basics {
    height: 140px;
    width: 155px;
    background-repeat: no-repeat;
    background-color: transparent
}

.how-makent-works {
    background-position: 0 0
}

.hosting-basics {
    background-position: -190px 0
}

.traveling-basics {
    background-position: -375px 0
}

.btn-transparent {
    background: transparent;
    color: white
}

.btn-transparent:hover {
    background-color: #ffffff;
    background-color: rgba(255, 255, 255, 0.5);
    color: white
}

.reso-trip-card {
    height: 223px
}

.reso-trip-card .reso-trip-action-button {
    width: 170px
}

.reso-trip-card-photo-elem {
    height: 100%;
    padding-left: 0;
    padding-right: 0;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

.reso-trip-card-photo {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

.reso-trip-card-background-photo {
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#000000));
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.5)));
    background: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.5));
    background: -moz-linear-gradient(transparent, rgba(0, 0, 0, 0.5));
    background: -o-linear-gradient(transparent, rgba(0, 0, 0, 0.5));
    background: linear-gradient(transparent, rgba(0, 0, 0, 0.5));
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=0)
}

.reso-trip-card-canceled-trip-date-padding {
    margin-top: 3px
}

.reso-trip-h3-less-padding {
    margin-top: 2px;
    margin-bottom: 5px
}

.reso-trip-card-bottom-link {
    font-size: 14px;
    margin-right: 24px
}

.reso-trip-card-capital-cancel {
    text-transform: uppercase
}

.panel-body:first-child .no-reso-trip-found-text-box {
    margin: 15px
}

@media (max-width: 1099px) {
    .reso-trip-card .reso-trip-action-button {
        width: 100%
    }
    .reso-trip-card .btn+.btn {
        margin-left: 0
    }
}

@media (min-width: 768px) {
    .category-card {
        height: 200px;
        text-align: center
    }
    .category-card-icon-container {
        display: block
    }
}

@media (min-width: 768px) and (max-width: 1099px) {
    .category-card {
        height: 150px
    }
}

@media (max-width: 767px) {
    .category-card .panel-body {
        width: 100%
    }
    .reso-trip-card {
        height: auto
    }
    .reso-trip-card-photo-elem {
        height: 120px
    }
    .reso-trip-card-bottom-link {
        margin-right: 10px
    }
}

.article-icon {
    font-size: 2em;
    margin-right: 8px
}

@media (max-width: 767px) {
    .subnav,
    .left-menu {
        display: none
    }
}

@media (max-width: 767px) {
    .homepage-articles-list {
        background: #fff;
        padding: 15px;
    }
}

.getting-started-list .illustration {
    float: right;
    width: 233px;
    height: 210px;
    background-repeat: no-repeat
}

.step-a-community .illustration {
    background-position: 45px 0
}

.step-secure-services .illustration {
    background-position: -190px 0
}

.step-customer-support .illustration {
    background-position: -425px 0
}

.step-list-your-space .illustration {
    background-position: 0 0
}

.step-respond-to-requests .illustration {
    height: 197px;
    background-position: -250px -13px
}

.step-welcome-your-guests .illustration {
    background-position: -500px 0
}

.step-search .illustration {
    background-position: 0 0
}

.step-book .illustration {
    background-position: -230px 0
}

.step-travel .illustration {
    background-position: -465px 0
}

.listing_banner {
    color: #fff;
    padding: 15px 25px;
    font-size: 16px;
    background-color: #28323c;
    background-color: rgba(40, 50, 60, 0.5);
    line-height: 20px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.listing_banner__status {
    padding-right: 10px
}

.show-ie {
    display: none
}

.ie .show-ie {
    display: block
}

.contact-loading-indicator {
    min-height: 300px
}

.submit-buttons__chat-button--loading button,
.submit-buttons__chat-button--online button {
    display: none
}

#chat-button-loading .chat-button-loader.loading {
    display: inline-block;
    height: 13px;
    width: 35px
}

#chat-button-loading .chat-button-loader.loading:after {
    background-color: transparent
}

.contact-host-listing-photo {
    height: 220px
}

.contact-element {
    padding-bottom: 90px
}

.contact-element .smaller-panel-border {
    padding-bottom: 15px;
    padding-top: 15px
}

.cta-option .panel-footer:first-child {
    overflow: hidden;
    padding-top: 12px;
    padding-bottom: 12px
}

.attached-cta .panel {
    border-top: 0
}

.icon.pull-left,
.icon.pull-right {
    line-height: 1.2
}

.card-with-padding {
    padding-right: 14px
}

.mini-host-card .mini-host-panel-image {
    height: 200px
}

.mini-host-card .relative-position {
    position: relative
}

.mini-host-card .message-block {
    height: 42px
}

.mini-host-card .contact-info {
    padding: 0
}

.mini-host-card .contact-info .col-sm-6:first-child {
    padding-right: 0
}

.mini-host-card .contact-info .col-sm-6:last-child {
    padding-left: 0
}

.mini-host-card .contact-info .col-sm-6 .partition-border {
    border-left: 1px solid #dce0e0
}

.mini-host-card .cta-button {
    padding: 0
}

.mini-host-card .cta-button .phone-number {
    padding-left: 0;
    padding-right: 0
}

.mini-host-card .host-card-offset {
    margin-top: -75px
}

.contact-guest-card .panel-body {
    padding-bottom: 0
}

.contact-guest-card .action {
    height: 50px;
    border-top: 1px solid #dce0e0
}

.contact-guest-card .resolution-action-space {
    margin-top: 75px
}

.contact-makent-panel {
    padding-top: 15px;
    padding-bottom: 15px
}

.contact-makent-panel .my-question {
    font-size: 18px
}

.contact-makent-panel .btn {
    font-size: 14px
}

.ask-the-community .ask-title {
    margin-bottom: 7px;
    margin-top: 15px
}

.ask-the-community .ask-button {
    font-size: 16px
}

.contact-makent-button {
    width: 100%
}

.btn.small {
    padding-left: 15px;
    padding-right: 15px
}

.no-border-bottom {
    border-bottom: 0
}

@media (max-width: 767px) {
    .contact-us-section-title {
        font-size: 16px;
        font-weight: bold;
        margin-bottom: 16px
    }
    .contact-us-title {
        font-size: 22px;
        padding-top: 10px
    }
    .contact-us-button {
        padding-top: 12px;
        padding-bottom: 12px
    }
    .contact-us-avatar {
        margin-top: -50px
    }
}

@media (min-width: 768px) and (max-width: 1099px) {
    .contact-host-card .host-name-and-photo {
        float: right
    }
}

.contact-host-card .contact-your-host-title {
    font-weight: bold
}

@media (max-width: 767px) {
    .contact-host-card .contact-your-host-title {
        text-align: center
    }
    .icon-list-ul {
        display: none
    }
}

@media (max-width: 767px) {
    .contact-host-card .contact-your-host-message {
        text-align: center
    }
}

@media (max-width: 1099px) {
    .contact-host-card .phone-row {
        display: inline-block
    }
    .contact-makent-panel {
        text-align: center
    }
    .contact-makent-panel .icon,
    .contact-makent-panel .my-question,
    .contact-makent-panel .contact-makent {
        display: block
    }
}

@media (min-width: 1100px) {
    .contact-host-card .phone-row {
        height: 42px
    }
}

.contact-fb__info-container,
.contact-fb__button-container {
    height: 90px
}

.contact-fb__button-container {
    text-align: right
}

.contact-fb__profile-photo {
    text-align: center;
    height: 90px
}

.media-photo-badge .superhost-photo-badge.contact-fb__superhost-badge {
    width: 12px;
    height: 18px
}

.contact-fb__remaining_friends {
    padding: 0 20px
}

.conatct-fb__name-container,
.contact-fb__message-button-container {
    height: 40px
}

@media (min-width: 768px) and (max-width: 1099px) {
    .contact-fb__button-container {
        text-align: left;
        height: 40px
    }
    .contact-fb__info-container {
        height: 80px
    }
    .contact-fb__profile-photo {
        height: 120px
    }
}

@media (max-width: 767px) {
    .contact-fb__info-container,
    .contact-fb__button-container {
        height: 60px;
        text-align: center
    }
}

.ui-menu-item:before {
    content: "";
    position: absolute;
    top: -1px;
    height: 1px;
    left: 20px;
    right: 20px;
    border-top: 1px solid #dce0e0;
}

.ui-state-focus {
    background: #f5f5f5 !important;
    border-top: none !important;
    border-bottom: none !important;
    border-left: 1px solid #dce0e0 !important;
    border-right: 1px solid #dce0e0 !important;
}

.ui-widget-content {
    border: 1px solid #dce0e0 !important;
}

.ui-autocomplete-loading {
    background: url("../images/index.gif") no-repeat right center;
}