:root {
/*
! Do not Modify, Delete or Add data to this block.
This block will be REcreated by Dashboard every time you save CSS in Dashboard.
In case of CSS damage - just clear all [root]-related code and do SAVE in Dashboard.
If you need to add new variable - You can add another [root] block below.
*/
--text-color: #333;
--primary-color: #e9096c;
--secondary-color: #14141f;
}

/**************/
/*** COMMON ***/
/**************/

/*** Header ***/
body:not(.state-fullscreen) .icon-inside.logo::before,
body:not(.state-fullscreen) #products-nav .logo#logo::after {
    content:'';
    display:none;
}
#products-nav #logo::after {top: 22px;}
#products-nav #logo::before {content: ""}
#products-nav #logo span::before {content: ""}
header {background: var(--secondary-color);}
header #products-nav #logo,
header #products-nav #logo[domain-data] { 
    padding: 4px 12px;
    min-width: 100px;
}
header #products-nav #logo::after {
    background: var(--secondary-color);
}
header .user-menu__prices {color: #999;}
header #products-nav #subdomains { justify-content: flex-start; }
header #products-nav #subdomains > a {
    flex: none;
    min-width: 38px;
    border-color: #444;
}
#products-nav #subdomains > a.timeline {
    border-color: #999;
}
@media (min-width: 600px) {
    #products-nav #subdomains::after { background: #444; }
}
/*
@media (min-width: 1024px) {
    #appsearchform { border-right: 1px solid #444; }
}
*/
/*
header #appsearchform > input {width: 260px;}
header #appsearchform > button {left: 233px;}
*/
header#page-header #logo .logo { background: transparent url('img/logo.svg?v=5') no-repeat left /auto 42px; }

/*** Footer ***/
footer {
    background: #24242f;
    border-top:solid 4px #54545f;
}

footer > section#logo-slogan .phone {
    color: #fff;
    background: #b3b3b3;
}
footer #logo-slogan .footer-options .phone::before {
    color: var(--secondary-color);
}
footer #logo-slogan__content .logo {
    background:transparent url('img/logo.svg?v=5') no-repeat;
	background-size: 70% auto;
}

footer > section a {color: #9d9ea7;}
footer > section a:hover {color: var(--primary-color)}
footer > section h4 {color: #fff;}
footer #logo-slogan .footer-options .bbb-badge {color: #b3b3b3;}
footer #logo-slogan .footer-options .phone {color: var(--secondary-color); background: #b3b3b3;}

/*** buttons ***/
button, .button {
    color: #000;
    border-radius: 0;
    background: var(--primary-color);
}

/*****************/
/*** HOME PAGE ***/
/*****************/

/*** Header Menu ***/
.state-landing header {background: none;}
.state-landing header #products-nav #logo,
.state-landing header #products-nav #logo[domain-data] { 
    padding: 0 12px;
    min-width: 40px;
}
.state-landing header #products-nav #subdomains > a { color: #737373; }
.state-landing header #products-nav #subdomains > a.explore,
.state-landing header #products-nav #subdomains > a.discover { color: #737373; }
.state-landing header #products-nav #subdomains { position:relative; }
.state-landing header #products-nav #logo:hover,
.state-landing header #products-nav #subdomains > a:hover {
    background: var(--secondary-color);
    transition:none;
    border-radius:0;
    color: #F3F3F3;
}
.state-landing header #products-nav #logo:hover > .icon-inside { opacity: .9; }
.state-landing header #products-nav #subdomains > a.discover::after { display:none; }

/*** Map Search Box ***/
header #products-nav #logo .logo { background: transparent url('img/logo.svg?v=5') no-repeat center /100% 32px;}
.xmap-page header {background: none;}
.xmap-page header #products-nav #logo {
    padding-top: 2px;
    min-width: 50px;
}
.xmap-page header #products-nav #logo .logo {
    width: 100px;
    background: transparent url('img/logo.svg?v=5') no-repeat left /38px;
    background-size:auto 18px;
}

.xmap-page header #products-nav #subdomains > a {border-color: #f2f2f2;}
.pay-per-minute {
    visibility:hidden;
}
#money-counter {
    visibility:hidden;
}
/*** Home Topbox ***/
.state-landing { background: #f4f4f4; }
.state-landing main {
    visibility:hidden;
}
.state-landing main::before { 
    visibility:visible;
    background: url('img/home-topbox-bg.jpg?v=2') no-repeat center/cover; 
    top:initial;
    left:initial;
    bottom:0;
}
.state-landing main::after {
    top: -3%;
    left: -3%;
    border-radius: 0;
    width: 106%;
    height: 106%;
    background: var(--secondary-color);
}

@media (min-width: 600px) {
    .state-landing main>.mapboxgl-map,
    .state-landing main>.mapboxgl-map canvas {
        border-radius: 0;
    }
    .state-landing main::before {
        transform: rotate(0) skew(0, 0);
    }
    .state-landing main::after {
        transform: rotate(0);
    }
}
.state-landing main #mapcontainer__landing-page-background::after {transform: rotate(0) skew(0, 0);}

.state-landing .aside-panel-landing__body .video { background: var(--secondary-color); }

.state-landing #home-header {background: var(--secondary-color);}
.state-landing #home-header > h1,
.state-landing #home-header > h2 { color:#fff; }
.state-landing #home-header > a { color: var(--primary-color); }
.state-landing #home-header > a:hover { color: #fff; }
.state-landing header #appsearchform > button[type="submit"] {  background: var(--secondary-color); }
.state-landing #home-header > .help-action {background: darken(var(--secondary-color), 5)}
.state-landing #home-header > .pay-per-minute > a > img,
.state-landing #home-header > .pay-per-minute > a:hover > img  { background:transparent; }
.state-landing #home-header .map-top-destination > h5 { color: var(--primary-color); }
.state-landing #home-header .map-top-destination > h5:hover { color: var(--primary-color); }
.state-landing #home-header > .pay-per-minute > a > h4 {color: #999}
.state-landing #home-header .map-nearby-location-list__keyword:first-child {background: var(--secondary-color);}
@media (min-width: 600px) {
    .state-landing #home-header .map-nearby-location-list__keyword:first-child {border-color: transparent;}
}
.state-landing #home-header > #money-counter {
    border-radius: 0;
    border-color: #000;
    background: var(--secondary-color);
}
@media (min-width: 600px) {
    .state-landing #home-header {background: none;}
}
@media (min-width: 1024px) and (min-width: 600px) {
    .state-landing header #appsearchform > dl > dt > span {
        color: var(--primary-color);
    }
}

/*** Section Video ***/
.state-landing .aside-panel-landing__body .video {
    background: #fff;
    justify-content: center;
    border-top: solid 1px #eee;
    border-bottom: solid 1px #eee;
}
.state-landing .aside-panel-landing__body .video-wrapper.experience_list a {
    height:18vmax;
}
.state-landing .aside-panel-landing__body .video-wrapper {
    position: relative;
    margin-bottom: 6rem;
}
.state-landing .aside-panel-landing__body .video-wrapper img {
    width:100%;
    filter: grayscale(1) brightness(0.4);
}
.state-landing .aside-panel-landing__body .video-wrapper img,
.state-landing .aside-panel-landing__body .video-wrapper-text {
    position: relative;
    z-index: 1;
    background: #fff;
}
.state-landing .aside-panel-landing__body .video-wrapper-text {padding: 0 2rem 1rem;}
.state-landing .aside-panel-landing__body .video-wrapper-text h3 {color: #232323;}
.state-landing .aside-panel-landing__body .video-wrapper-text p {color: #666;}
.state-landing .aside-panel-landing__body .video-wrapper-text .button {
    border-radius: 0;
    padding: .8rem 1rem;
    color: var(--primary-color);
    background: var(--secondary-color);
}
@media (min-width: 768px) {
    .state-landing .aside-panel-landing__body .video-wrapper img {width:54%;}
    .state-landing .aside-panel-landing__body .video-wrapper-text {
        width: 38%;
        margin-left: 4%;
        margin-right: 4%;
    }
}

/*** Section Mobile Apps ***/
.state-landing .aside-panel-landing__body .mobile-apps {background: #171717;}
.state-landing .aside-panel-landing__body .mobile-apps__wrapper-text > h2,
.state-landing .aside-panel-landing__body .mobile-apps__wrapper-text > p,
.state-landing .aside-panel-landing__body .mobile-apps__wrapper-text__links > a {color: #fff;}
@media (min-width: 768px) {
    .state-landing .aside-panel-landing__body .mobile-apps__wrapper-text {
        background: url('img/home/mobile-us-arrow.svg?q=2') no-repeat left 7rem/3rem;
    }
}
/*** Footer ***/
.state-landing footer { background: var(--secondary-color); }
.state-landing footer > section a {color: #9d9ea7;}
.state-landing footer > section a:hover {color: var(--primary-color)}
.state-landing footer > section h4 {color: #fff;}
.state-landing footer > section#logo-slogan .phone {
    color: var(--secondary-color);
    background: #b3b3b3;
}
.state-landing footer #logo-slogan .footer-options .phone::before {
    color: var(--secondary-color);
}
.state-landing footer #logo-slogan__content .logo {
    background:transparent url('img/logo.svg?v=1') no-repeat;
	background-size: 70% auto;
}

.state-landing header #products-nav #logo .logo {
    width: auto;
    background: url('img/logo.svg?v=1') no-repeat left center /54px;
}

@media (min-width: 600px) {
    .state-landing header #products-nav #subdomains > a.timeline {
        border-left: 3px double #444;
    }
    .state-landing header::after {
        height: 2px;
        background: var(--primary-color);
    }
    .state-landing header #products-nav #subdomains > a { 
        color: #737373;
        border-color: #444;
    }
    .state-landing header #products-nav #subdomains > a::before { color: #F3F3F3; }
    .state-landing header #products-nav #logo:hover,
    .state-landing header #products-nav #subdomains > a:hover {
        border-radius: 3px;
        color:#F3F3F3;
    }
    .state-landing header #products-nav #logo > .icon-inside {
        margin-top: -5px;
        height: 38px;
        background: url('img/logo.svg?v=1') no-repeat left center /54px;
    }
    .state-landing #home-header > .help-action > a {
        background: #EEE;
        border-left: none;
    }
    .state-landing #home-header > .help-action > a {
        color: var(--primary-color);
        background:var(--secondary-color);
    }

    .state-landing #home-header > .help-action > a.icon-inside.add-business::before,
    .state-landing #home-header > .help-action > a.icon-inside.incident::before,
    .state-landing #home-header > .help-action > a.icon-inside.helprequest::before,
    .state-landing #home-header > .help-action > a.icon-inside .only-desk { 
        color: #fff;
    }
    .state-landing #home-header > .help-action > a:hover {
        color: var(--secondary-color);
        background: #232323;
    }
    .state-landing #home-header > .help-action > a:hover,
    .state-landing #home-header > .help-action > a.icon-inside.add-business:hover::before,
    .state-landing #home-header > .help-action > a.icon-inside.incident:hover::before,
    .state-landing #home-header > .help-action > a.icon-inside.helprequest:hover::before,
    .state-landing #home-header > .help-action > a.icon-inside:hover .only-desk { color: var(--primary-color); }
    .state-landing #home-header > .help-action > a.icon-inside.myarea { background: var(--primary-color); }
    .state-landing #home-header > .help-action > a.icon-inside.myarea:hover {
        color:#FFF;
        background: var(--secondary-color);
    }
    .state-landing #home-header > .help-action > a > span {
        color:#FFF;
        background: var(--secondary-color);
    }
    .state-landing #home-header > .help-action > a > span::after { border-bottom-color: var(--secondary-color); }
}

/********************/
/*** EXPLORE PAGE ***/
/********************/
.xmap-page.state-explore header,
.xmap-page.state-explore header #products-nav {background: var(--secondary-color);}
/*
.xmap-page.state-explore header #products-nav #logo .logo {
    width: 24px;
    height: 24px;
    background: transparent url('img/logo.svg?v=1') no-repeat left /60px;
}
@media (min-width: 600px) {
    .xmap-page.state-explore header #products-nav {width: 370px;}
}
*/
.xmap-page.state-explore header #products-nav #subdomains > a {border-color: #444;}
.xmap-page.state-explore header #products-nav #subdomains > a:hover {background: var(--secondary-color);}
.xmap-page.state-explore header #products-nav #subdomains > a::before {color: #fff;}
.xmap-page.state-explore header #products-nav #subdomains > a::after {color: #fff;}
.xmap-page.state-explore .hero-table__head tr.promo-head-area,
.xmap-page.state-explore .hero-table__head tr.promo-head-area > td {background: var(--secondary-color);}
.xmap-page.state-explore .hero-table__head tr.promo-head-area > td > div {background: var(--secondary-color);}

/*********************/
/*** DISCOVER PAGE ***/
/*********************/
#discover-header {border: none;}
#discover-header::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 333;
    width: 100%;
    height: 4px;
    background: var(--secondary-color);
}
#discover-header > .city-name {color: var(--primary-color);}

main .discover__categories > ul > li:hover,
main .discover__categories > ul > li.selected,
main .discover__categories > ul > li.selected.icon-inside::before,
main .discover__categories > ul > li:hover.icon-inside::before,
main .discover__categories > ul > li:hover.icon-inside.incident::before,
main .discover__locations > ul > li:hover,
main .discover__locations > ul > li.selected {color: var(--primary-color);}

/*********************/
/*** PRICES PAGE ***/
/*********************/

.order-cart__checkout-btn-free,
.order-cart__checkout-btn-creditcard,
.order-summary__card .card_credit_date [type="submit"],
.order-billing__wrapper [type="submit"],
.review-paypal-cart__checkout-btn-submit,
.review-paypal-summary__card .card_credit_date [type="submit"],
.review-paypal-billing__wrapper [type="submit"],
.prices .pricing .table-responsive .pricing__prices-tbl thead tr th .btn-pricing,
.prices .pricing .table-responsive .pricing__prices-tbl thead tr td .btn-pricing, 
.prices .pricing .table-responsive .pricing__prices-tbl tbody tr th .btn-pricing, 
.prices .pricing .table-responsive .pricing__prices-tbl tbody tr td .btn-pricing {
    color: #000;
    border-radius: 0;
    border: solid 1px var(--primary-color);
    background: var(--primary-color);
}

.order-cart__checkout-btn-free:hover,
.order-cart__checkout-btn-creditcard:hover,
.order-summary__card .card_credit_date [type="submit"]:hover,
.order-billing__wrapper [type="submit"]:hover,
.review-paypal-cart__checkout-btn-submit:hover,
.review-paypal-summary__card .card_credit_date [type="submit"]:hover,
.review-paypal-billing__wrapper [type="submit"]:hover,
.prices .pricing .table-responsive .pricing__prices-tbl thead tr th .btn-pricing:hover,
.prices .pricing .table-responsive .pricing__prices-tbl thead tr td .btn-pricing:hover, 
.prices .pricing .table-responsive .pricing__prices-tbl tbody tr th .btn-pricing:hover, 
.prices .pricing .table-responsive .pricing__prices-tbl tbody tr td .btn-pricing:hover {
    background: none;
}

/************/
/*** CHAT ***/
/************/

.chat main .chatroot__leftside section.brand-logo .logo {
    width: 170px;
  	filter: brightness(0) invert(1);
    background: transparent url('img/logo-dark.svg?v=4') no-repeat left /auto 20px;
}
.chat main .chatroot__leftside section.brand-logo .logo::after {display: none;}

/*******************/
/*** APP LANDING ***/
/*******************/
.app-landing header#page-header #logo .logo {background-size: auto 28px;}

/******************/
/*** FULLSCREEN ***/
/******************/

body.state-fullscreen .aside-panel #xpoint-fs-menu>.menu-logo::before {
    content: '';
    width: 170px;
    background: transparent url('img/logo-dark.svg?v=4') no-repeat left /auto 20px;
}

/*** home page changes 2023.07.06 ***/

body.state-landing #home-header { padding-top:1em; }
body.state-landing .aside-panel { left:0; top:5.5em;}
body.state-landing .aside-panel #home-content { background:#FFF; }
body.state-landing .aside-panel .aside-panel-landing__table { padding-top:2em; margin-top:1em; }
body.state-landing header #products-nav { background:none; }
body.state-landing.dark-theme header #products-nav { background:none; }
body.state-landing main #mapcontainer__landing-page-background > video { display:none; }
body.state-landing .aside-panel-landing__body .video { border:none; }

body.state-landing header { padding-bottom:0; }
body.state-landing main > #mapcontainer__landing-page-background::after { left:0; top:calc(100% + 2em); }

@media(max-width:600px) {
  body.state-landing header { background:#FFF; }
  body.state-landing header #products-nav {background:#FFF; }
  body.state-landing.dark-theme header #products-nav {background:#24242F; }
}

@media(min-width:420px) { body.state-landing .aside-panel { top:5.5em;} }
@media(min-width:600px)
{
  body.state-landing main #mapcontainer__landing-page-background > video { display:block; left:0; right:unset; top:0; min-width:100%; }
  body.state-landing #home-header { padding-top:5em; padding-bottom:0;  min-height: 21em; }
  body.state-landing .aside-panel { top:0; }
}
@media(min-width:640px)
{
  body.state-landing #home-header { min-height: 26em; }
  body.state-landing .aside-panel { top:-1em; }
}
@media(min-width:700px) { body.state-landing .aside-panel { top:1em; } }
@media(min-width:1024px) { body.state-landing header .appsearchform { top:11em; } }
@media(min-width:1200px) { body.state-landing header .appsearchform { top:12em; } }
@media(min-width:1400px) { body.state-landing header .appsearchform { top:13em; } }
@media(min-width:1600px) { body.state-landing header .appsearchform { top:15em; } }