body {
    padding: 0 !important;
}

/*---------------Banner - App------------------*/
#banner_app {
    background-image: linear-gradient(#FFDA8A , #FFCB5B );
    background-image: -webkit-linear-gradient(top, #FFDA8A , #FFCB5B );
    background-image: -o-linear-gradient(top, #FFDA8A , #FFCB5B );
    height: 24px;
    position: relative;
}
#banner_app .banner_app {
    width: 100%;
    margin: auto;
    /*background: url(../../../images/svg/icon-loudspeaker.svg) no-repeat left center;*/
    /*padding-left: 5px;*/
    height: 24px;
    text-align: -webkit-center;
    text-align: -moz-center;
    text-align: center;
}

#banner_app .banner_app a {
    font-size: 12px;
    color: #3E4B51;
    line-height: 24px;
    text-decoration: underline;
    font-family: Montserrat;
}
#banner_app .banner_app p {
    font-size: 12px;
    color: #3E4B51;
    line-height: 24px;
    text-decoration: none;
    font-family: Montserrat;
}
#banner_app .banner_app a span {
    text-decoration: underline;
    font-weight: bold;
    margin-left: 15px;
}
#banner_app .banner_app a:hover > span {
    text-decoration: none;
}
#banner_app #close_banner_app {
    position: absolute;
    top: 3px;
    right: 12px;
    height: 12px;
    width: 12px;
}
#banner_app #close_banner_app:hover {
    cursor: pointer;
}

#header_parent {
    width: 100%;
    background-color: #fff;
    z-index: 10;
    padding: 10px 0;
}
#header_parent.new-parent-layout {
    background-color: rgba(30, 30, 31, 0.70);
    padding: 10px 0;
    transition: background-color 1s;
    -moz-transition: background-color 1s;
    -webkit-transition: background-color 1s;
}
#header_parent.header-fixed {
    z-index: 600;
    background-color: #fff;
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
    transition: background-color 1s;
    -moz-transition: background-color 1s;
    -webkit-transition: background-color 1s;
}
#site-index #form_search_view {
    display: none;
}
.is_mobile {
    display: none !important;
}
#site-index #header_parent {
    position: fixed;
    border-bottom: solid 1px #e9e9e9;
}
/**************************************************************/
.wrapper_header,
.wrapper_header a,
.wrapper_header p,
.wrapper_header input {
    font-family: "Roboto", "Raleway", sans-serif ;
}
#header {
    max-width: 1440px;
    overflow: hidden;
    margin: 0 auto;
}
.wrapper_header {
    margin: 0px 40px;
    overflow: hidden;
}
/**************************BEGIN Logo************************************/
.wrapper_header .section_logo {
    float: left;
}
.section_logo #full_logo,
.section_logo #dot_logo {
    height: 52px;
    display: table-cell;
    background-position: center left;
    background-repeat: no-repeat;
}
#site-index .wrapper_header .section_logo #dot_logo,
.wrapper_header .section_logo #full_logo {
    background-image: url(../../../images/svg/header_menu/spacer-logo-black.svg);
    width: 179px;
}
.wrapper_header .section_logo #dot_logo {
    background-image: url(../../../images/svg/v3/dot-logo.svg);
    width: 55px;
}
#dot_logo:hover,
#full_logo {
    text-decoration: none;
}
/**************************End Logo************************************/

/**************************BEGIN section_menu************************************/
.wrapper_header .section_menu {
    float: right;
}
.wrapper_header .section_menu a {
    margin-right: 40px;
}
.section_menu .wp_leasemyspace,
.section_menu .wp_menu,
.section_menu nav {
    float: left;
    overflow: hidden;
}
.section_menu .btn_leasemyspace {
    display: inline-block;
    width: 300px;
    height: 52px;
    background: url(/images/svg/header_menu/button-leasemyspace.svg) no-repeat 0 0;
}
.section_menu .login_account,
.section_menu .phone_header {
    font-size: 18px;
    line-height: 52px;
    padding-left: 25px;
    background-repeat: no-repeat;
    background-position: center left;
}
.section_menu .login_account {
    color: #00b2db;
}
.section_menu .login_account.login {
    background-image: url(/images/svg/header_menu/icon-login.svg);
}
.section_menu .login_account.account {
    background-image: url(/images/svg/header_menu/icon-account.svg);
}
.section_menu .login_account:hover,
.section_menu .phone_header:hover {
    text-decoration: none;
}
.section_menu .phone_header {
    color: #303030;
    background-image: url(/images/icons_phone_black.png);
    background-size: 16px 16px;
    padding-left: 15px;
}
#site-index .new-parent-layout .section_menu .phone_header {
    background-image: url('/images/icons_phone_white.png');
    color: #fff;
}
#site-index .header-fixed.new-parent-layout .section_menu .phone_header {
    background-image: url(/images/icons_phone_black.png);
    color: #303030;
}
.section_menu .wp_menu .header_menu {
    height: 52px;
    width: 40px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center left;
    background-image: url(/images/svg/header_menu/button-menu.svg);
    margin-right: 0px;
}
.section_menu .header_menu:hover {
    background-image: url(/images/svg/header_menu/button-menu-hover.svg);
}
#site-index .new-parent-layout .section_menu .header_menu {
    background-image: url(/images/svg/header_menu/button-menu-white.svg);
}
#site-index .header-fixed.new-parent-layout .section_menu .header_menu {
    background-image: url(/images/svg/header_menu/button-menu.svg);
}
/**************************End section_menu************************************/

/**************************BEGIN section_popup_menu************************************/
.wrapper_header .section_popup_menu {
    display: none;
    position: absolute;
    top: 60px;
    width: 298px;
    padding: 20px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    box-shadow: 0 13px 40px 0 rgba(0, 0, 0, 0.2);
    border: solid 1px #e4e4e4;
    background-color: #ffffff;
    z-index: 999;
}
.section_popup_menu .wp_list {
    overflow: hidden;
}
.section_popup_menu .wp_title {
    cursor: pointer;
    font-family: Poppins;
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    color: #303030;
    padding-left: 28px;
    background-position: 0 0;
    background-repeat: no-repeat;
}
.section_popup_menu .wp_list ul {
    margin: 0;
    padding: 0;
    list-style:none;
}
.section_popup_menu .wp_title:after {
    content: "";
    background: unset;
    border: solid #303030;
    border-width: 0 1px 1px 0;
    display: block;
    padding: 4px;
    width: unset;
    height: unset;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transition: transform 1s;
    -moz-transition: transform 1s;
    -webkit-transition: transform 1s;
    float: right;
}
.section_popup_menu .show_sub_menu.wp_title:after {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transition: transform 1s;
    -moz-transition: transform 1s;
    -webkit-transition: transform 1s;
}
.section_popup_menu .storage_menu {
    margin-bottom: 20px;
}
.section_popup_menu .storage_menu .wp_title {
    background-image: url(/images/svg/header_menu/icon-storage.svg);
}
.section_popup_menu .parking_menu .wp_title {
    background-image: url(/images/svg/header_menu/icon-parking.svg);
}
.section_popup_menu .column_title {
    font-size: 14px;
    font-weight: 500;
    color: #a3a3a3;
    margin-bottom: 5px;
}
.section_popup_menu .wp_list a {
    font-size: 12px;
    color: #333333;
}
.section_popup_menu .list_menu {
    margin-left: 28px;
    margin-top: 15px;
    display: none;
}
.section_popup_menu .wp_column_1 {
    width: 100%;
    margin-bottom: 20px;
    float: left;
}
.section_popup_menu .wp_column_2 {
    width: 50%;
    margin-bottom: 20px;
    float: left;
}
.section_popup_menu .divider {
    border-top: 1px solid #bdbdbd;
    margin: 15px 0px;
}
.section_popup_menu .become_host_menu {
    margin-bottom: 14px;
}
.section_popup_menu .wp_leasemyspace .btn_leasemyspace {
    display: inline-block;
    width: 100%;
    height: 52px;
    background: url(/images/svg/header_menu/button-leasemyspace.svg) no-repeat 0 0;
}
.section_popup_menu .wp_helpmore {
    margin-top: 20px;
}
.section_popup_menu .wp_helpmore .helpmore{
    font-size: 14px;
    color: #0e93de;
}
.section_popup_menu .wp_helpmore .helpmore span {
    text-decoration: underline;
}
.section_popup_menu .wp_helpmore .helpmore:hover{
    text-decoration: none;
}
/**************************End section_popup_menu************************************/

/**************************BEGIN section_popup_acount************************************/
.wrapper_header .section_popup_account {
    display: none;
    position: absolute;
    top: 60px;
    width: 158px;
    padding: 20px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    box-shadow: 0 13px 40px 0 rgba(0, 0, 0, 0.2);
    border: solid 1px #e4e4e4;
    background-color: #ffffff;
    z-index: 999
}
.wrapper_header .section_popup_account ul {
    margin: 0px;
    list-style: none;
}
.section_popup_account ul li {
    margin-bottom: 15px;
}
.list_account a {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 500;
    color: #303030;
    background-repeat: no-repeat;
    background-position: 0 0;
    padding-left: 35px;
}
.list_account a.dashboard {
    background-image: url(/images/svg/header_menu/icon-dashboard.svg);
}
.list_account a.bookings {
    background-image: url(/images/svg/header_menu/icon-bookings.svg);
}
.list_account a.listings {
    background-image: url(/images/svg/header_menu/icon-listings.svg);
}
.list_account a.messages {
    background-image: url(/images/svg/header_menu/icon-messages.svg);
}
.list_account a.profile {
    background-image: url(/images/svg/header_menu/icon-profile.svg);
}
.list_account a.billing {
    background-image: url(/images/svg/header_menu/icon-billing.svg);
}
.list_account a.logout {
    background-image: url(/images/svg/header_menu/icon-logout.svg);
}
/**************************End section_popup_acount************************************/

/**************************BEGIN section_search************************************/
#site-index .wrapper_header .section_search {
    display: none;
}
.wrapper_header .section_search {
    float: left;
    max-width: 650px;
    width: calc(100% - 400px);
    margin-top: 2px;
}
.wrapper_header .section_search form {
    margin: 0px;
}
.section_search .wp_form_search_header {
    width: 100%;
    overflow: hidden;
}
.wp_form_search_header .wp_search_header {
    height: 48px;
    position: relative;
}
.wp_search_header .input-keyword{
    height: 46px !important;
    padding: 0px;
    margin: 0px;
    padding-left: 10px;
    padding-right: 200px;
    width: calc(100% - 276px);
    float: left;
    font-family: Roboto;
    font-size: 14px;
    color: #303030;
}
.wp_search_header .search_btn {
    width: 48px;
    height: 48px;
    border: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.05);
    background: #f15b61 url(/images/svg/header_menu/icon-search.svg) no-repeat center center;
    float: left;
    margin-left: 16px;
    text-indent: -9999px;
}
.wp_search_header .search_btn:hover {
    background-color: #F7A3A6;
}
.wp_search_header .wp_space_type {
    position: absolute;
    top: 9px;
    right: 74px;
    width: 180px;
}
.wp_space_type input {
    display: none;
}
.wp_space_type-tardis input {
    display: none;
}
.wp_space_type label {
    width: calc(50% - 33px);
    padding-left: 33px;
    margin: 0px;
    float: left;
    font-family: Roboto;
    font-size: 12px;
    line-height: 24px;
    color: #303030;
    background-color: #e9e9e9;
    background-repeat: no-repeat;
    background-position: 15px center;
}
.wp_space_type-tardis label {
     width: calc(50% - 33px);
     padding-left: 33px;
     margin: 0px;
     float: left;
     font-family: Roboto;
     font-size: 12px;
     line-height: 24px;
     color: #303030;
     background-color: #e9e9e9;
     background-repeat: no-repeat;
     background-position: 15px center;
}
.wp_space_type label[for="storage_type"] {
    background-image: url(/images/svg/header_menu/icon-storage-black.svg);
    border-top-left-radius: 2px;
    -webkit-border-top-left-radius: 2px;
    -moz-border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-bottom-left-radius: 2px;
}
.wp_space_type label[for="parking_type"] {
    background-image: url(/images/svg/header_menu/icon-parking-black.svg);
    border-top-right-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    -moz-border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    -moz-border-bottom-right-radius: 2px;
}
.wp_space_type input[type="radio"]:checked+label {
    background-color: #00b2db;
    color: #ffffff;
}
.wp_space_type input[type="radio"]:checked+label[for="storage_type"] {
    background-image: url(/images/svg/header_menu/icon-storage-white.svg);
}
.wp_space_type input[type="radio"]:checked+label[for="parking_type"] {
    background-image: url(/images/svg/header_menu/icon-parking-white.svg)
}
.section_search #form_search_view #spinner-loader {
    right: 220px;
    top: -40px;
}
/**************************End section_search************************************/

@media only screen and (max-width: 979px) {
    .is_desktop {
        display: none !important;
    }
    #site-index #header_parent.header-fixed .wrapper_header .section_search {
        display: block;
    }
    #site-index #header_parent.header-fixed .section_logo #dot_logo {
        background-image: url(../../../images/svg/v3/dot-logo.svg);
        width: 55px;
    }
    /******/
    .wrapper_header .section_search {
        width: calc(100% - 300px);
    }
    .wp_search_header .input-keyword {
        padding-right: 140px;
        width: calc(100% - 216px);
    }
    .wp_search_header .wp_space_type {
        width: 120px;
    }
    .wp_space_type label {
        width: 50%;
        padding: 0px;
        text-align: center;
        background-image: none !important;
        font-size: 10px;
    }
}

@media only screen and (max-width: 768px) {
    .wrapper_header .section_search {
        width: calc(100% - 240px);
    }
}

@media only screen and (max-width: 599px) {
    .is_desktop_tablet {
        display: none !important;
    }
    .is_mobile {
        display: block !important;
    }
    .wrapper_header {
        margin: 0px 15px;
    }
    .wrapper_header .section_search {
        width: calc(100% - 120px);
    }
    .section_search .wp_search_header .input-keyword {
        font-size: 12px !important;
    }
    .section_search #form_search_view #spinner-loader {
        right: 160px;
    }
    #header_parent {
        border-bottom: 1px solid #f3f3f3;
    }
    /*account_menu*/
    .section_popup_menu .storage_menu,
    .section_popup_menu .account_menu {
        margin-bottom: 10px;
    }
    .account_menu .login_account {
        background-image: url(/images/svg/header_menu/icon-login.svg);
        background-size: 17px;
        font-family: Roboto;
        color: #00b2db;
        font-size: 14px;
        line-height: 17px;
        padding-left: 25px;
        background-repeat: no-repeat;
        background-position: center left;
    }
    .account_menu .phone_header {
        background-image: url(/images/icons_phone_black.png);
        background-size: 13px 13px;
        font-family: Roboto;
        color: #303030;
        font-size: 14px;
        padding-left: 12px;
        background-repeat: no-repeat;
        background-position: center left;
        float: right;
    }
    /*account_menu*/
}

@media only screen and (max-width: 450px) {
    .wrapper_header .section_logo #dot_logo,
    #site-index #header_parent.header-fixed .section_logo #dot_logo {
        width: 40px;
    }
    .wrapper_header .section_search {
        width: calc(100% - 90px);
    }
    .section_search .wp_search_header .search_btn {
        display: none;
    }
    .section_search .wp_search_header .input-keyword {
        padding-right: 120px;
        width: calc(100% - 132px);
    }
    .section_search .wp_search_header .wp_space_type {
        right: 10px;
        width: 100px;
    }
    .section_search #form_search_view #spinner-loader {
        right: 80px;
    }
    .section_popup_menu .divider {
        margin: 10px 0px;
    }
    .section_popup_menu .wp_column_1,
    .section_popup_menu .wp_column_2 {
        margin-bottom: 10px;
    }
    .section_popup_menu .wp_leasemyspace .btn_leasemyspace {
        height: 40px;
        background-size: 100% 40px;
    }
    .section_search .wp_search_header .wp_space_type {
        width: 80px;
        right: 5px;
    }
    .section_search .wp_search_header .input-keyword {
        padding-right: 90px;
        width: calc(100% - 102px);
    }
}
@media only screen and (max-width: 414px) {
    .wrapper_header .section_popup_menu {
        top: 72px;
        left: 0px !important;
        width: calc(100% - 42px);
        border-radius: 0px;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
    }
}