/* 
 Theme Name:     Bare bones - Menu Connect
 Author:         TripAvisor Team
 Author URI:     http://www.divithemeexamples.com 
 Template:       Divi
 Version:        1.0
*/

.pageWrapper {
    max-width: 80%;
    margin: auto;
}

.pageWrapperMenu {
    max-width: 1080px;
    margin: auto;
    min-height: 95px;
}

.pricingButton,
.pricingButton:hover,
.pricingButton:visited {
    font-family: Poppins;
    font-size: 14px;
    color: #000000;
    text-decoration: none;
    display: inline-block;
    margin-left: 20px;
}

.page--menu-connect h3 {
    font-size: 25px;
    line-height: 1;
    color: #000;
    font-weight: normal;
    text-align: center;
    font-weight: normal;
    margin: 0px;
    padding: 30px 0;
}

.page--menu-connect h3 strong {
    font-weight: 700;
}

.bgPink {
    background-color: #FFCCCC;
}

.et_pb_section_7,
.et_pb_section_6 {
    position: relative;
    z-index: 200;
}

.page--menu-connect .mapBox {
    font-size: 18px;
    line-height: 26px;
    padding-top: 60px;
    padding-bottom: 60px;
    min-height: 130px;
}

.page--menu-connect .mapBox strong {
    display: block;
}

.fixedPosition {
    position: absolute;
    margin-top: -90px;
}

.page--menu-connect .mapBox img {
    width: 100%;
    position: relative;
    z-index: 100;
}

.mapBox .textWrapper {
    padding-left: 60px;
}

.boxImageFixed {
    margin-bottom: 70px;
}

.bgFood {
    min-height: 400px;
    padding: 70px 0;
}

.pageWrapper--quote {
    background-color: #fff;
    max-width: 1020px;
    margin: auto;
    padding: 60px 90px 60px 0;
}

.quoteWrapper {
    text-align: right;
}

.pageWrapper--quote p {
    font-size: 20px;
    line-height: 28px;
}

.pageWrapper--quote .author {
    font-size: 12px;
    font-family: 'Roboto Mono', monospace;
    color: #000;
    margin: 0px;
    font-weight: 700;
}

.pageWrapper--quote span {
    display: inline-block;
    background-color: #FFCCCC;
    width: 90px;
    height: 90px;
    border-radius: 45px;
    text-align: center;
    line-height: 90px;
    margin: auto;
}

.hideMobile {
    display: inline-block;
}

.showMobile {
    display: none;
}

#readyBox strong {
    font-family: 'Poppins', Helvetica, Arial, Lucida, sans-serif;
    font-weight: 700;
}

.customFooter {
    text-align: center;
    padding: 10px 0 20px 0;
    margin: auto;
    color: #666;
    font-size: 13px;
}

.footerCustomLinks a,
.footerCustomLinks a:hover,
.footerCustomLinks a:visited {
    color: #666;
}

.footerCustomLinks {
    display: block;
}

.footer-widget {
    margin-bottom: 10px !important;
}

.menuLogo img {
    width: 160px;
    margin: 20px 0 20px 0;
}

.btnOrange,
.btnOrange:hover,
.btnOrange:visited {
    font-size: 14px;
    font-family: Poppins;
    background-color: #f2b203;
    color: #000000;
    text-decoration: none;
    border-radius: 12px;
    /*padding: 18px 20px 18px 20px;*/
    padding: 15px 20px 15px 20px;
    position: relative;
    top: -28px;
}


/* et_pb_row et_pb_row_0 et-last-child */

.page--menu-connect .et_pb_row {
    width: 98% !important;
    max-width: 1080px;
}

.page--menu-connect .et_pb_blurb_content {
    max-width: 100% !important;
}

.page--menu-connect .et_pb_button_0_wrapper {
    margin-left: 0 !important;
}


/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */

.owl-theme .owl-dots,
.owl-theme .owl-nav {
    text-align: center;
    -webkit-tap-highlight-color: transparent
}

.owl-theme .owl-nav {
    margin-top: 10px
}

.owl-theme .owl-nav [class*=owl-] {
    color: #FFF;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #D6D6D6;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px
}

.owl-theme .owl-nav [class*=owl-]:hover {
    background: #fff;
    color: #000;
    text-decoration: none
}

.owl-theme .owl-nav .disabled {
    opacity: .5;
    cursor: default
}

.owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 10px
}

.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1
}

.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #00000050 !important;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #000 !important;
    background-color: #000 !important;
}

.owl-nav {
    margin: 0px auto !important;
    padding: 0px;
    position: absolute;
    top: 250px;
    max-width: 1000px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}

.owl-next,
.owl-prev,
.owl-next:hover,
.owl-prev:hover,
.owl-next:visited,
.owl-prev:visited {
    font-size: 60px !important;
    margin: 0px !important;
    padding: 0px !important;
    outline: none !important;
    border: none !important;
    background-color: transparent !important;
    background: transparent !important;
    line-height: 1;
    margin: 0px;
    padding: 0px;
}

.owl-prev {
    float: left;
}

.owl-dots {
    margin-top: 25px;
}

.owl--menu .owl-nav {
    top: 250px;
    left: -40px;
}

.owl--menu .owl-next,
.owl--menu .owl-next :hover {
    color: #000;
    left: 40px !important;
}

.owl-next {
    float: right;
    position: relative !important;
    left: 30px !important;
}


/* quote */

.carouselQuoteAuthor {
    font-size: 12px;
    font-family: 'Roboto Mono', monospace;
    color: #000;
    margin: 0px;
    font-weight: 700;
    margin-top: 35px;
}


/* carousel of quotes */

.mcarousel {
    min-height: 546px;
    background-color: #F9F0EC;
    padding-top: 76px !important;
    padding-bottom: 105px !important;
}

.mcarousel .carouselWrapper {
    background-color: #fff;
    width: 80%;
    margin: auto;
    padding: 35px 54px;
    min-height: 545px;
    border-radius: 10px;
}

.owl--menu {
    margin: auto;
    width: 306px;
    display: inline-block;
}

.owl--menuImage {
    width: 306px !important;
    max-width: auto !important;
}

.carouselFixed {
    position: absolute;
    width: 100%;
    top: -70px;
}

.carouselText {
    max-width: 470px;
}

.carouselText p {
    margin-bottom: 0px !important;
    padding-bottom: 15px !important;
}

.hideBox {
    display: none;
}


/* specific rule for devices */

@media only screen and (max-width: 1200px) {
    .page--menu-connect .et_pb_row {
        width: 98% !important;
    }
}

@media only screen and (max-width: 1024px) {}

@media only screen and (max-width: 980px) {
    .page--menu-connect h3 {
        font-size: 18px;
        padding: 20px 0px;
        line-height: 1.2;
    }
    .pageWrapper--quote {
        padding: 20px 20px;
    }
    .pageWrapper--quote p {
        font-size: 20px;
        line-height: 1.2;
        width: 90%;
        margin: auto;
        margin-top: 20px;
    }
    .pageWrapper--quote .author {
        font-size: 12px;
        margin-top: 0px;
        width: 90%;
        margin: auto;
    }
    .hideMobile {
        display: none !important;
    }
    .showMobile {
        display: block;
        text-align: center;
    }
    .fixedPosition {
        position: relative;
        margin: 0px;
        top: 70px;
    }
    .fixedPosition img {
        width: 550px !important;
    }
    .page--menu-connect .mapBox {
        padding-bottom: 0px;
        padding-top: 45px;
    }
    .mapBox .textWrapper {
        position: relative;
        top: 15px;
    }
    .menuLogo {
        text-align: center !important;
        display: block !important;
    }
    .menuLogo img {
        width: 70vw;
    }
}

@media only screen and (max-width: 720px) {
    .menuLogo img {
        width: 60vw;
    }
    .pageWrapper--quote span {
        display: inline-block;
        background-color: #FFCCCC;
        width: 60px;
        height: 60px;
        border-radius: 30px;
        text-align: center;
        line-height: 60px;
        margin: auto;
    }
    .pageWrapper--quote span img {
        width: 40%;
    }
    .quoteWrapper {
        text-align: center;
    }
    .mapBox .textWrapper {
        padding-left: 0px;
    }
    .mapBox .textWrapper p {
        margin-bottom: 0px;
    }
    .pageWrapper--quote .author {
        padding-bottom: 40px !important;
    }
    #saveTimeBlock,
    #saveTimeBlock .et_pb_row_4 {
        padding-bottom: 0px;
    }
    .pageWrapperMenu {
        min-height: 80px;
    }
}

@media only screen and (max-width: 640px) {
    .page--menu-connect h3 {
        font-size: 18px;
        padding: 20px 0px;
        line-height: 1.2;
    }
    .pageWrapper--quote {
        padding: 20px 20px;
    }
    .pageWrapper--quote p {
        font-size: 18px;
        line-height: 1.2;
        width: 90%;
        margin: auto;
        margin-top: 20px;
    }
    .pageWrapper--quote .author {
        font-size: 12px;
        margin-top: 0px;
        width: 90%;
        margin: auto;
    }
    .pageWrapper--quote span {
        display: inline-block;
        background-color: #FFCCCC;
        width: 60px;
        height: 60px;
        border-radius: 30px;
        text-align: center;
        line-height: 60px;
        margin: auto;
    }
    .pageWrapper--quote span img {
        width: 40%;
    }
    .quoteWrapper {
        text-align: center;
    }
    .fixedPosition img {
        width: 330px !important;
    }
    .pageWrapperMenu {
        min-height: 70px;
    }
}

@media only screen and (max-width: 420px) {
    .mcarousel {
        min-height: 546px;
        padding-top: 30px !important;
    }
    .mcarousel .carouselWrapper {
        width: 99%;
        padding: 20px 10px;
        min-height: 545px;
        padding-bottom: 0px;
    }
    .owl--menu .owl-nav {
        top: 200px;
        left: 0px;
    }
    .owl--menu .owl-prev {
        position: relative;
        left: -30px;
    }
    .owl--menu .owl-next,
    .owl--menu .owl-next :hover {
        left: 30px !important;
    }
    .owl--menu {
        margin: auto;
        width: 235px;
        display: inline-block;
    }
    .owl--menuImage {
        width: 235px !important;
        max-width: auto !important;
    }
    .carouselFixed {
        position: relative;
        top: 60px;
    }
    .carouselText p {
        font-size: 16px;
        margin-bottom: 0px !important;
        padding-bottom: 10px;
    }
    .carouselText img {
        width: 50px;
    }
    .carouselText .carouselQuoteAuthor {
        margin-top: 10px;
        font-size: 18px;
        padding-bottom: 0px !important;
    }
    .owl-dots {
        display: none !important;
    }
}

@media only screen and (max-width: 320px) {
    .pageWrapperMenu {
        min-height: 60px;
    }
}


/* new landers */

.rp-header {
    padding: 25px 0;
}

.rp-header #top-menu,
.et-menu,
.rp-header nav#top-menu-nav,
.rp-header nav.et-menu-nav {
    float: right !important;
}

.rp-top-menu-nav {
    position: relative;
    z-index: 999;
}

.rp-top-menu-nav nav li a {
    color: #000;
}

.pageReputationPro {
    font-weight: 500;
    font-family: 'Poppins', Helvetica, Arial, Lucida, sans-serif !important;
}

.pageReputationPro h1,
.pageReputationPro h2,
.pageReputationPro h3,
.pageReputationPro h4,
.pageReputationPro h5,
.pageReputationPro h6 {
    font-family: 'Poppins', Helvetica, Arial, Lucida, sans-serif !important;
    color: #000;
}

.pageWrapper {
    max-width: 1190px;
    margin: auto;
}

.pageBanner {
    min-height: 693px;
    margin-top: 80px;
    margin-bottom: 60px;
    top: -1px;
}

.pageBannerBg {
    padding-top: 50px;
    margin: auto;
    max-width: 1650px;
    min-height: 720px;
    background-image: url(http://staging-talanders.kinsta.cloud/wp-content/uploads/2020/10/bg-rp-banner-small.png);
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    z-index: 100;
}

.bannerTextWrapper {
    max-width: 635px;
}

.pageBanner .bannerText {
    font-size: 20px;
    font-weight: normal;
}

.pageBanner h3 {
    font-size: 32px;
    margin-bottom: 30px;
    line-height: 1;
    color: #000;
}

.pageBanner h1 {
    font-size: 72px;
    line-height: 1.1;
    font-weight: 600;
    margin-bottom: 15px;
    width: 630;
    color: #000;
}

.pageBanner .bannerTextWapper {
    font-size: 20px;
    line-height: 1.2;
    font-weight: normal;
}

.pageBanner p {
    margin-bottom: 40px;
    line-height: 1.3;
}


/* black button top navbar */

.blackButton--top,
#menu-item-8832 a,
.blackButton--top:hover,
#menu-item-8832 a:hover,
.blackButton--top,
#menu-item-8831 a,
.blackButton--top:hover,
#menu-item-8831 a:hover,
#menu-item-8870 a,
#menu-item-8870 a:hover {
    display: inline-block;
    border: solid 2px #000;
    border-radius: 28px;
    font-weight: 500 !important;
    font-size: 16px;
    /*padding: 15px 20px;*/
    padding: 0px 20px !important;
    line-height: 47px;
    margin-right: 10px;
    text-decoration: none;
    color: #fff !important;
    background-color: #000;
    /*margin-bottom: 20px;*/
    position: relative;
    top: -20px;
}

#menu-item-7127 {
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    position: relative;
    left: -2px;
    top: 2px;
}

#menu-item-7127,
#menu-item-7127 a:hover,
#menu-item-7127 a {
    background-color: #004F32 !important;
    color: #faf1ed !important;
}

.page--reputation-pro .nav li ul {
    width: 270px !important;
}

.page--reputation-pro .nav li ul li {
    width: 100%;
}

.page--reputation-pro .nav li ul li a {
    width: auto !important;
}

.rp-top-menu-nav ul li a,
.rp-top-menu-nav ul li a:hover,
.rp-top-menu-nav ul li a:visited {
    color: #000 !important;
}

.rp-top-menu-nav .sub-menu {
    margin-top: 15px;
    position: absolute;
    right: 0px;
    border-top: 1px solid #E0E0E0;
}

.nav .sub-menu .current-menu-item a {
    background-color: #F2F2F2;
    border-radius: 5px;
}

#menu-item-7120 .sub-menu,
#menu-item-8826 .sub-menu,
#menu-item-8829 .sub-menu {
    margin-left: 0px !important;
    padding-bottom: 0px;
    border: 2px solid #E0E0E0;
    box-sizing: border-box;
    border-radius: 28px;
}

#menu-item-7120 .sub-menu li:last-child,
#menu-item-8826 .sub-menu li:last-child,
#menu-item-8829 .sub-menu li:last-child {
    padding-bottom: 20px;
}

.pageBanner .button,
.pageBanner .button:hover {
    display: inline-block;
    border: solid 2px #000;
    border-radius: 28px;
    font-weight: 500 !important;
    font-size: 16px;
    padding: 15px 20px;
    line-height: 1.2;
    margin-right: 10px;
    text-decoration: none;
}

.pageBanner .button--white {
    background-color: #fff;
    color: #000;
    border-radius: 28px;
}

.pageBanner .button--white:hover {
    background-color: #474747;
    border: solid 2px #474747;
    color: #fff;
}

.pageBanner .button--black {
    background-color: #000;
    color: #fff;
}

.pageBanner .button:hover {
    background-color: #474747;
    border: solid 2px #474747;
}

.bgBoxCta {
    color: #fff;
    padding: 0px 15px;
    font-size: 20px;
    line-height: 1.5;
    margin: 96px auto;
}

.mobileOptions .button,
.mobileOptions .button:hover,
.mobileOptions .button--black,
.mobileOptions .button--black:hover {
    display: inline-block;
    border: solid 2px #474747;
    font-weight: 500 !important;
    font-size: 16px;
    padding: 15px 20px;
    line-height: 1.2;
    margin-right: 10px;
    text-decoration: none;
}

.mobileOptions .button--white {
    background-color: #fff;
    color: #000;
}

.mobileOptions .button--white:hover {
    background-color: transparent;
}

.mobileOptions .button--black {
    background-color: #000;
    color: #fff;
}

.mobileOptions .button--black:hover {
    display: inline-block;
    border: solid 2px #000;
    border-radius: 28px;
    font-weight: 500 !important;
    font-size: 16px;
    padding: 15px 20px !important;
    line-height: 1.2;
    margin-right: 10px;
    text-decoration: none;
    background-color: #000;
    color: #fff;
}

.pageBanner--percentage {
    min-height: 690px;
    clear: both;
    margin: auto;
    padding-top: 50px !important;
    padding-bottom: 90px !important;
    background-color: #fdf8f7;
}

.percentageWrapper {
    padding-left: 70px;
}

.percentageWrapperBg {
    padding-top: 20px;
    background-image: url(http://staging-tainsights.kinsta.cloud/wp-content/uploads/2020/10/rp-stat-bg.png);
    background-position: top right;
    background-size: 270px auto;
    background-repeat: no-repeat;
}

.pageBanner--percentage ul {
    margin: 0;
    padding: 0;
    text-align: left;
}

.pageBanner--percentage ul li {
    display: inline-block;
    font-size: 20px;
    vertical-align: top;
}

.pageBanner--percentage h3 {
    font-size: 48px;
    line-height: 1.2;
    margin-bottom: 5px;
}

.pageBanner--percentage h2 {
    font-weight: 700;
    font-size: 144px;
    line-height: 1;
    margin-bottom: 0px;
}

.pageBanner--percentage ul li:first-child {
    width: 35%;
    margin-right: 90px;
}

.pageBanner--percentage ul li {
    width: 50%;
}

.pageBanner--percentage .percentageText {
    font-weight: 500;
    font-size: 48px !important;
    line-height: 1.2;
}

.pageBanner--percentage small {
    font-size: 12px;
    margin-top: 86px;
    display: block;
}

.pageBanner--percentage p {
    font-size: 20px !important;
    font-weight: normal;
}

.bgGreen {
    background-color: #004F32;
    color: #fff;
    padding: 48px 64px;
    font-size: 20px;
    line-height: 1.5;
    margin-bottom: 50px;
}

.pageReputationPro .buttonWhite,
.pageReputationPro .buttonWhite:hover,
.pageReputationPro .buttonWhite:visited {
    font-size: 16px;
    display: inline-block;
    padding: 15px 20px;
    background: #FFFFFF;
    border: 2px solid #000000;
    box-sizing: border-box;
    border-radius: 28px;
    line-height: 1;
    color: #000;
    text-decoration: none;
    font-weight: 500 !important;
}

.bgOrange {
    background-color: #F2B203;
    color: #000;
    padding: 48px 64px;
    font-size: 20px;
    line-height: 1.5;
    margin: 96px auto;
}

.bgOrange h2 {
    color: #000;
    font-size: 48px;
    line-height: 1.2;
    margin-bottom: 20px;
    font-weight: 500;
}

.hSeparator h2 {
    font-size: 32px;
    font-weight: 500;
    text-align: center;
    line-height: 40px;
    clear: both;
}

.moreReviews h2 {
    font-weight: 500;
    font-size: 48px;
    margin-bottom: 35px;
    line-height: 1;
    color: #000;
}

.moreReviews .reviewDetail {
    padding-bottom: 96px;
    text-align: left;
}

.moreReviews .reviewImage {
    padding-left: 3px;
}

.moreReviews .reviewDetail,
.moreReviews .reviewDetail p {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2;
}

.moreReviews .reviewDetail strong {
    font-weight: 500 !important;
    font-size: 20px;
    margin: 0px 0 20px 0 !important;
    line-height: 1.2;
    display: block;
}

.moreReviews .reviewDetail p {
    padding: 0px;
    margin: 0 0 35px 0;
    line-height: 1.3;
}

.moreReviews .reviewDetail {
    list-style: none;
    margin: 0px;
    clear: left;
}

.moreReviews .reviewDetail li {
    display: inline-block;
    margin: 0px;
    width: 58%;
    padding-top: 10px;
    padding-bottom: 10px;
}

.moreReviews .reviewDetail li:first-child {
    width: 37%;
    float: left;
    margin: 0 20px 75px 0;
}

.moreReviews .reviewDetail li:first-child img {
    margin-right: 55px;
}

.moreReviews .reviewDetail ul {
    margin: 0px;
    width: 100%;
}

.moreReviews .reviewDetail ul li {
    width: 45%;
    display: inline-block;
    background-image: url(http://staging-tainsights.kinsta.cloud/wp-content/uploads/2020/10/checkmark.png);
    background-repeat: no-repeat;
    background-position: 0px 15px;
    padding-left: 40px;
    line-height: 1.2;
}

.moreReviews .reviewDetail ul li:first-child {
    width: 45%;
}

.h2--underline h2 {
    display: flex;
    flex-direction: row;
}

.h2--underline span {
    background-color: #fff;
    padding: 0 15px;
}

.h2--underline h2:before,
.h2--underline h2:after {
    content: "";
    flex: 1 1;
    border-bottom: 1px solid #000;
    margin: auto;
}

.ta-ads {
    margin: 20px 0 0 0;
    padding: 0px;
    text-align: left;
}

.ta-ads .adItem {
    background-color: #faf1ed;
    vertical-align: top;
    display: inline-block;
    padding: 0px;
    margin: auto;
    margin-bottom: 40px;
    text-align: center;
    font-size: 20px;
    min-height: 405px;
    width: 100%;
}

.ta-ads img {
    display: block;
    margin-bottom: 25px;
    width: 100%;
}

.ta-ads small {
    display: inline-block;
    margin-bottom: 25px;
    background-color: #fff;
    border-radius: 4px;
    border: solid 2px #000;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    padding: 2px 10px;
    text-transform: uppercase;
}

.ta-ads p {
    padding: 0px 20px;
}

.ta-ads span {
    display: inline-block;
    padding: 0
}

.ta-ads a,
.ta-ads a:hover,
.ta-ads a:visited {
    text-decoration: none;
    color: #000;
}


/* spolight */

.banner--spotlight {
    background-image: url(http://staging-talanders.kinsta.cloud/wp-content/uploads/2020/10/bg-spotlight.png);
}

.pageSpotlight h2 {
    /* color: #004F32; */
    color: #00AA6C;
}

.pageSpotlight .percentageText {
    color: #00AA6C;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.pageSpotlight--percentage {
    min-height: 610px !important;
    background-color: #fcf8f6 !important;
}

.pageSpotlight--percentage small {
    position: absolute;
    bottom: -10px;
}

.bgGreen {
    background-color: #004F32;
    color: #fff;
    padding: 48px 64px;
    font-size: 20px;
    line-height: 1.5;
    margin: 96px auto;
}

.bgGreen h2 {
    color: #fff;
    font-size: 48px;
    line-height: 1.2;
    margin-bottom: 20px;
    font-weight: 500;
}

.pageBannerBg--spotlight {
    background-image: url(http://staging-talanders.kinsta.cloud/wp-content/uploads/2020/10/bg-spotlight.png) !important;
}

.percentageWrapperBg--spotlight {
    background-image: url(http://staging-talanders.kinsta.cloud/wp-content/uploads/2020/10/percentage-bg.png);
}

.moreReviews--spotlight h2 {
    margin-bottom: 10px;
}

.moreReviews--spotlight p {
    margin-bottom: 70px;
}


/* end spolight */


/* sponsored placements */
.pageBannerBg--sponsored-placements .bannerTextWrapper {
    max-width: 550px;
}
.pageBannerBg--sponsored-placements .bannerTextWrapper .bannerText {
    max-width: 450px;
}
.pageBannerBg--sponsored-placements {
    min-height: 800px;
    max-width: 1600px;
}

.percentageText--sp {
    max-width: 509px !important;
    min-height: 300px;
}

.percentageWrapperBg--sp {
    background-image: url(http://staging-talanders.kinsta.cloud/wp-content/uploads/2020/11/bg-stat-sp.png);
}

.bgGreenLight--sp {
    background-color: #00AA6C !important;
}

.testimonialWidget--sp .customSlide .quoteText {
    background-color: #D8F1E6;
}

.pageBannerBg--sponsored-placements {
    background-image: url(http://staging-tarestaurants.kinsta.cloud/wp-content/uploads/2021/04/hero-ads-1.png) !important;
}


/* end sponsored placements */


/* business advantage  */

.percentageText--ba {
    max-width: 630px !important;
    min-height: 450px;
}

.percentageWrapperBg--ba {
    background-image: url(http://staging-talanders.kinsta.cloud/wp-content/uploads/2020/11/ba-stat.png);
}

.bgGreenLight--ba {
    background-color: #7446AF !important;
}

.pageBannerBg--ba .bannerTextWrapper {
    max-width: 500px;
}

.testimonialWidget--ba .customSlide .quoteText {
    background-color: #EDE8F5;
}

.pageBannerBg--ba {
    background-image: url(http://staging-tarestaurants.kinsta.cloud/wp-content/uploads/2021/04/hero-premium.png) !important;
}

.percentageText--ba h2,
.percentageText--ba p {
    color: #7446AF !important;
}

.pageba--percentage {
    min-height: 610px !important;
    background-color: #fcf8f6 !important;
}

.pageba--percentage small {
    position: absolute;
    bottom: 0px;
}


/* end business advantage  */


/* trip plus */

.moreReviews--tp h2 {
    margin-bottom: 15px;
    font-weight: 400 !important;
}

.moreReviews--tp .h2--purple {
    font-weight: 400;
    font-size: 32px;
    color: #7446AF;
}

.moreReviews--tp p {
    font-weight: normal !important;
    font-size: 20px;
    margin-bottom: 30px;
}

.reviewDetail--tp img {
    padding: 0px;
    margin-bottom: 30px;
}

.reviewDetail--tp .reviewImage ul li:first-child,
.reviewDetail--tp .bullets--tp ul li:first-child {
    margin: 0px;
}

.reviewDetail--tp strong {
    padding: 0px;
    margin: 0 0 30px 0;
    font-size: 28px !important;
    color: #7446AF;
}

.reviewDetail--tp .reviewImage ul {
    margin-bottom: 50px;
}

.reviewDetail--tp .reviewImage ul li,
.reviewDetail--tp .bullets--tp ul li {
    display: block !important;
    float: none !important;
    width: 90% !important;
    padding: 0 0 30px 40px;
    background-position: top left;
    font-size: 18px;
}

.pageBannerBg--tp {
    padding-top: 0px;
    background-image: none !important;
    background-color: #F2F1EC !important;
    min-height: 500px;
}

.bgPurple,
.bgSquare {
    min-height: 650px;
    margin: 0px;
}

.bgPurple {
    background-color: #F2F1EC !important;
    text-align: right;
}

.margins {
    margin-top: 60px;
}

.margins .bannerText {
    padding: 0px;
    margin-bottom: 32px !important;
}

.margins p {
    margin-bottom: 32px !important;
    padding-bottom: 0px;
}

.bgPurple .bannerTextWrapper {
    max-width: 575px;
    display: inline-block;
    text-align: left;
}

.blackImage {
    background-color: #000;
    display: inline-block;
    padding: 30px;
    box-shadow: 30px 30px #7446AF;
    position: relative;
    left: -16px;
}

.bgPurple .button--purple,
.bgPurple .button--purple:visited,
.bgPurple .button--purple:link,
.bgPurple .button--purple:hover {
    background-color: #7446AF;
    border: solid 2px #7446AF;
    color: #fff;
}

.bgPurple .button--white,
.bgPurple .button--white:visited,
.bgPurple .button--white:link,
.bgPurple .button--white:hover {
    background-color: transparent;
    border: solid 2px #7446AF;
    color: #7446AF;
    margin-top: 32px;
}

.blackImage img {
    border-radius: 50%;
}

.bgSquare {
    border-top: solid 1px rgba(116, 70, 175, .3);
    border-left: solid 1px rgba(116, 70, 175, .3);
    background-image: url(http://staging-talanders.kinsta.cloud/wp-content/uploads/2020/12/pattern2.png) !important;
    background-repeat: repeat;
    background-size: auto;
    background-position: top left;
}

.bgPurple--tp {
    background-color: #52327C;
    margin-top: 0px;
}

.bgPurple--tp .bannerTextWrapper {
    color: #fff;
}

.bgPurple--tp h2 {
    color: #fff;
    font-size: 48px;
    font-weight: 400;
}

.bgPurple--tp .textWrapper {
    /* margin: 45px 0 0 80px; */
    margin: 0px 0 0 80px;
    padding: 0px 0 0 80px !important;
    height: 324px;
    display: table-cell;
    vertical-align: middle;
}

.bgPurple h1,
.bgPurple p {
    color: #000;
}

.bgPurple h1 {
    font-size: 55px;
    font-weight: 400 !important;
}

.bgPurple p {
    font-size: 20px;
    font-weight: 400 !important;
}

.bgPurple .bannerText {
    padding-right: 50px;
}

.boxSpace {
    width: 90%;
    display: block;
    height: 308px;
    margin-bottom: 30px;
}

.boxYellow {
    background-color: #F8C40F;
    height: 395px;
    width: 95%;
    margin: 0px;
}

.boxGreenLight {
    background-color: #34E0A1;
}

.boxPurple {
    background-color: #7446AF;
}

.boxRed {
    background-color: #FF6666;
}

.boxGreen {
    background-color: #00AA6C;
}

.pagetp--percentage {
    padding-top: 0px !important;
    margin-top: 0px !important;
    background-color: #fff;
}

.percentageWrapperBg--tp {
    background-image: none !important;
    padding-bottom: 50px;
    padding-top: 50px;
    background-color: #F2F1EC;
    border: none;
}

.percentageWrapperBg--tp .pageWrapper {
    background-color: #fff;
}

.percentageWrapperBg--tp h2,
.percentageWrapperBg--tp h3 {
    color: #000 !important;
    font-weight: 400 !important;
    line-height: 1.2;
}

.percentageWrapperBg--tp h3 {
    font-size: 48px;
}

.percentageWrapperBg--tp h2 {
    font-size: 45px;
    padding-right: 10px;
}

.percentageText--tp .percentageText {
    color: #000 !important;
    font-size: 144px !important;
    font-weight: 500 !important;
    line-height: 1;
}

.percentageText--tp small {
    position: absolute;
    bottom: 40px;
}

.readyToJoinBg {
    background-image: url(http://staging-talanders.kinsta.cloud/wp-content/uploads/2021/01/ready-to-join.png);
    background-repeat: no-repeat;
    background-position: top left;
    min-height: 324px;
}

.button--purpleWhite,
.button--purpleWhite:visited,
.button--purpleWhite:link,
.button--purpleWhite:hover {
    background-color: #52327C !important;
    border: solid 2px #fff !important;
    color: #fff !important;
    font-size: 16px;
}

.stats--tp {
    min-height: 560px;
}

.stats--tp .percentageWrapper,
.stats--tp .percentageWrapper1,
.stats--tp .percentageWrapper2 {
    padding-top: 50px;
    padding-left: 100px;
}

.stats--tp .percentageWrapper1 {
    padding-left: 100px;
}

.stats--tp .percentageWrapper1 h3 {
    color: #7446AF !important;
    padding-right: 5px;
}

.stats--tp .percentageWrapper2 {
    max-width: 650px;
}

.faq {
    max-width: 1064px;
    margin: auto;
    margin-bottom: 50px;
}

.faq h2 {
    font-weight: 400;
    font-size: 48px;
    padding: 0px !important;
    margin-bottom: 10px;
}

.faq p {
    font-size: 20px;
    margin-bottom: 30px;
    font-weight: 400;
}

.faq .card {
    border: none;
    border-radius: 0 !important;
    padding: 0px !important;
    margin: 0px !important;
}

.faq .card-header {
    background-color: transparent;
    border: none;
    padding: 0px !important;
    margin: 0px 0 0 0!important;
}

.faq .card-body {
    margin: 0px !important;
    padding: 10px 0 10px 0 !important;
    font-size: 20px;
    font-weight: 400;
}

.faq .collapsed {
    margin-bottom: 40px !important;
    background-image: url(http://staging-talanders.kinsta.cloud/wp-content/uploads/2020/12/faq-close.png) !important;
    background-repeat: no-repeat;
    background-position: center right;
}

.faq .btn-link,
.faq .btn-link:hover,
.faq .btn-link:visited {
    display: block;
    width: 100%;
    font-weight: 400 !important;
    text-align: left;
    background-color: transparent;
    text-decoration: none !important;
    padding: 0px 10px 5px 0;
    margin: 0 0 0px 0;
    color: #52327C;
    font-size: 28px;
    line-height: 1.3;
    border-bottom: solid 2px #000 !important;
    border-radius: 0px !important;
    outline: none;
    background-image: url(http://staging-talanders.kinsta.cloud/wp-content/uploads/2020/12/faq-open.png);
    background-repeat: no-repeat;
    background-position: center right;
}

.reviewImageBig img {
    width: 100%;
}

.statsTitle2 {
    max-width: 500px;
}


/* end trip plus */


/*mobile menu */

.mobileButton {
    cursor: pointer;
    display: inline-block;
}

.mobileOptions {
    display: none;
}

#mobileClose {
    display: none;
}

#menuMobileOptions {
    display: none;
    position: relative;
    width: 100vw;
    margin-top: 17px;
    background-color: #fff;
    left: 0px;
    z-index: 999;
    border-top: solid 1px #F0EBF5;
}

#menuMobileOptions .mobileWrapper {
    padding: 10px 20px;
    display: block;
}

#menuMobileOptions ul li a,
#menuMobileOptions ul li a:hover #menuMobileOptions ul li a:visited {
    color: #000;
    font-size: 18px;
    display: block;
    text-decoration: none;
}

#menuMobileOptions .menu {
    margin-left: 0px;
}

#menuMobileOptions .menu li {
    padding: 7px 7px;
    border-radius: 5px;
}

#menuMobileOptions .current-menu-item {
    background-color: #F2F2F2;
}

.mobileBanner {
    text-align: left;
    display: none;
    margin: 25px 0;
    position: relative;
    left: -17px;
}

.mobileBanner img {
    width: 85vw;
}

.customSlide {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.customSlide .quoteText {
    margin-top: 75px;
    background-color: #FFF5D9;
    min-height: 458px;
    height: 458px;
    max-width: 658px;
    display: table-cell;
    text-align: left;
}

.customSlide li {
    display: inline-block;
    background-position: right center;
    background-repeat: no-repeat;
    height: 629px;
    width: 100%;
    margin: 0px;
    padding: 0px;
    padding-top: 90px;
}

.quoteWrapper {
    margin-top: 76px;
    font-size: 18px;
    font-family: 'PT Serif', serif;
}

.quoteWrapper h3 {
    font-size: 48px;
    color: #000;
    font-weight: 500;
    font-family: 'Poppins', Helvetica, Arial, Lucida, sans-serif !important;
    margin-bottom: 40px;
    text-align: left;
    max-width: 770px;
}

.quoteAuthor,
.quoteTitle {
    font-family: 'Roboto Mono', monospace !important;
    font-size: 16px;
    line-height: 1.2;
    margin-bottom: 0px;
    padding-bottom: 10px;
    letter-spacing: 1px;
    font-weight: 700;
}

.quoteAuthor {
    text-transform: uppercase;
}

.textWrapper {
    padding: 0px 100px 0 170px;
    line-height: 1.3;
}

.quoteWrapper--spotlight {
    margin-top: 76px;
    font-size: 20px;
}

.customSlide--spotlight {
    background-color: #E3F4ED;
}

.customSlide--spotlight .quoteText {
    margin-top: 0px;
    background-color: transparent;
    width: 100%;
    max-width: 100%;
}

.customSlide--spotlight li {
    height: 420px;
    width: 100%;
    margin: 0px;
    padding: 0px;
}

.customSlide--spotlight .textWrapper {
    padding: 50px 180px 0 180px;
    padding-top: 0px;
}

.customSlide--spotlight .textWrapper img {
    width: 84px !important;
    height: auto !important;
}


/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */

.owl-theme .owl-dots,
.owl-theme .owl-nav {
    text-align: center;
    -webkit-tap-highlight-color: transparent
}

.owl-theme .owl-nav {
    margin-top: 10px
}

.owl-theme .owl-nav [class*=owl-] {
    color: #FFF;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #D6D6D6;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px
}

.owl-theme .owl-nav [class*=owl-]:hover {
    background: #fff;
    color: #000;
    text-decoration: none
}

.owl-theme .owl-nav .disabled {
    opacity: .5;
    cursor: default
}

.owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 10px
}

.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1
}

.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #00000050;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #000;
}

.owl-nav {
    margin: 0px auto !important;
    padding: 0px;
    position: absolute;
    top: 250px;
    max-width: 1000px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}

.owl-next,
.owl-prev,
.owl-next:hover,
.owl-prev:hover,
.owl-next:visited,
.owl-prev:visited {
    font-size: 60px !important;
    margin: 0px !important;
    padding: 0px !important;
    outline: none !important;
    border: none !important;
    background-color: transparent !important;
    background: transparent !important;
    line-height: 1;
    margin: 0px;
    padding: 0px;
}

.owl-next {
    float: right;
    position: relative !important;
    left: 30px !important;
}

.owl-prev {
    float: left;
}

.owl-dots {
    margin-top: 25px;
}

.owl-spotlight .owl-nav {
    top: 150px;
}

.owl-spotlight .owl-next {
    left: 0px !important;
}

.landersFixed {
    display: inline-block;
    position: relative;
}

.landersFixed div {
    display: inline-block;
    position: relative;
}

.landersFixed .buyButton {
    top: 10px;
}

.landersFixed .allButtons {
    margin-right: 18px;
    top: -7px;
}

.fixedMenu {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    height: 80px;
    background-color: #fff;
}

.customFooter {
    position: relative;
    margin-bottom: 30px;
}

.customFooter .logoFooter {
    width: 150px !important;
    margin-bottom: 20px;
}

.customFooter p {
    font-size: 10px;
    padding: 0px 0 10px 0 !important;
    margin: 0px;
}


/* specific rule for devices */

@media only screen and (max-width: 1200px) {
    .pageWrapper {
        max-width: 95%;
    }
}

@media only screen and (max-width: 1150px) {
    .pageBannerBg--spotlight .bannerTextWrapper {
        max-width: 500px;
    }
    .pageReputationPro .bannerTextWrapper {
        max-width: 500px;
    }
}

@media only screen and (max-width: 1024px) {
    .pageBannerBg--spotlight .bannerTextWrapper {
        max-width: 500px;
    }
    .pageReputationPro .bannerTextWrapper {
        max-width: 500px;
    }
}

@media only screen and (max-width: 980px) {
    #et_mobile_nav_menu,
    .landersFixed {
        display: none;
    }
    .mobileOptions {
        display: block;
    }
    .mobileOptions .button,
    .mobileOptions .button:hover,
    .mobileOptions .button:visited {
        padding: 7px 10px !important;
        font-size: 16px;
    }
    .pageBannerBg {
        background-position: top right;
    }
    .owl-next {
        left: 0px !important;
    }
    .owl-nav {
        max-width: 90%;
    }
}

@media only screen and (max-width: 920px) {
    .customSlide .quoteText {
        margin-top: 0px;
        width: 100% !important;
        max-width: 100% !important;
        min-height: auto !important;
    }
    .customSlide li {
        display: inline-block;
        font-size: 18px;
        line-height: 1.1;
        height: 95vh;
        width: 100%;
        margin: 0px;
        padding: 0px;
        background-color: #FFF5D9;
        background-position: bottom center;
        background-size: 100%;
    }
    .textWrapper {
        padding: 45px 45px 45px 45px;
    }
    .owl-nav {
        position: relative;
        top: 0px;
    }
    .quoteWrapper--spotlight {
        margin-top: 76px;
        font-size: 20px;
    }
    .customSlide--spotlight {
        background-color: #E3F4ED;
    }
    .customSlide--spotlight .quoteText {
        margin-top: 0px;
        background-color: transparent;
        width: 100%;
        max-width: 100%;
    }
    .customSlide--spotlight .textWrapper {
        padding: 50px 180px 0 180px;
    }
    .customSlide--spotlight .textWrapper img {
        width: 63px !important;
    }
    .customSlide--spotlight li {
        background-color: #E3F4ED;
    }
    .owl-spotlight .owl-nav {
        top: -115px;
    }
    .owl-spotlight .owl-dots {
        position: absolute;
        top: 320px;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
    }
    .customSlide--spotlight .textWrapper {
        padding: 40px 40px 0 40px;
    }
    .testimonialWidget--ba .customSlide li {
        background-color: #EDE8F5 !important;
    }
    .hideMobile {
        display: none;
    }
    /* .bgPurple--tp .textWrapper {
        margin-top: 0px;
        max-width: none;
    } */
    .faq h2 {
        font-size: 32px;
    }
    .faq .btn-link,
    .faq .btn-link:hover,
    .faq .btn-link:visited {
        font-size: 24px;
    }
    .margins {
        width: 95%;
        margin-left: auto;
        margin-right: auto;
    }
    .bgSquare,
    .bgPurple {
        min-height: auto;
    }
    .bgSquare {
        padding-bottom: 75px !important;
    }
    .margins .blackImage {
        text-align: center;
        width: 85% !important;
        margin-left: auto;
        margin-right: auto;
        left: 15px;
    }
    .margins .blackImage img {
        width: 80%;
    }
    .boxSpace {
        width: 100%;
    }
    .reviewDetail--tp .reviewImage ul li:first-child {
        margin-bottom: 0px !important;
    }
    .stats--tp .percentageWrapper1 h3 {
        font-size: 28px !important;
    }
    .stats--tp .percentageWrapper2 h2 {
        font-size: 25px !important;
    }
    .stats--tp .percentageText {
        font-size: 90px !important;
    }
    .stats--tp {
        min-height: 500px;
        padding: 30px;
    }
    .percentageWrapperBg--tp .pageWrapper {
        max-width: 80vw;
        vertical-align: top;
    }
    .stats--tp .percentageWrapper1 {
        min-height: auto !important;
        padding-bottom: 0px !important;
        padding-top: 0px !important;
        padding-left: 0px !important;
        margin-bottom: 0px !important;
    }
    .stats--tp .percentageWrapper2 {
        padding-top: 0px !important;
        padding-left: 0px !important;
        margin-top: 0px !important;
    }
    .percentageWrapperBg--tp {
        border-top: none;
    }
    .bgBoxCta {
        margin: 40px auto;
        padding: 40px 20px;
    }
    .bgBoxCta .textWrapper {
        margin-top: 0px;
    }
}

@media only screen and (max-width: 720px) {
    .stats--tp {
        padding: 0px;
    }
    .pageBannerBg--tp .bgPurple {
        text-align: left;
        margin-left: 20px;
    }
    .mobileBanner {
        display: block;
    }
    .pageBannerBg {
        background-repeat: repeat;
        background-image: url(http://staging-talanders.kinsta.cloud/wp-content/uploads/2020/10/bg-pink-alpha.png);
    }
    .pageBannerBg--spotlight {
        background-repeat: repeat;
        background-image: url(http://staging-talanders.kinsta.cloud/wp-content/uploads/2020/10/bg-green-alpha.png) !important;
    }
    .customLogo {
        max-width: 190px !important;
        height: auto !important;
    }
    .quoteWrapper {
        font-size: 16px;
    }
    .pageBannerBg--sponsored-placements {
        background-repeat: repeat;
        background-image: url(http://staging-talanders.kinsta.cloud/wp-content/uploads/2020/11/bg-mobile-sp.png) !important;
    }
    .pageBannerBg--ba {
        background-image: url(http://staging-talanders.kinsta.cloud/wp-content/uploads/2020/11/bg-purple.png) !important;
    }
    .boxYellow {
        margin-bottom: 25px;
    }
    .moreReviews--tp h2 {
        margin-bottom: 0px;
    }
    .percentageWrapperBg--tp .pageWrapper {
        background-color: #fff;
        box-shadow: none;
    }
    .bgPurple--tp {
        max-width: none !important;
    }
    .margins {
        text-align: center;
    }
    .margins .blackImage {
        width: 292px !important;
        left: 15px;
        height: 292px !important;
        box-shadow: 10px 10px #7446AF;
        padding: 15px !important;
        margin: auto !important;
    }
    .margins .blackImage img {
        width: 100%;
    }
    .stats--tp {
        min-height: auto;
    }
    .stats--tp .percentageWrapper1 {
        padding: 32px 32px 0 32px !important;
    }
    .stats--tp .percentageWrapper1 h3 {
        color: #7446AF !important;
    }
    .stats--tp .percentageWrapper2 {
        max-width: 600px;
        padding: 20px 32px 0 32px !important;
    }
    .percentageText--tp small {
        position: relative;
        bottom: 0px;
        margin-top: 10px;
        margin-bottom: 25px;
    }
    .percentageText--tp .percentageText {
        font-weight: 700;
        font-size: 90px !important;
    }
    .bgPurple--tp .textWrapper {
        margin: 0px 15px;
    }
    .reviewDetail--tp .reviewImage {
        text-align: center !important;
    }
}

@media only screen and (max-width: 640px) {
    .customLogo {
        max-width: 150px !important;
        height: auto !important;
    }
    #menu-item-7120 .sub-menu {
        padding-bottom: 0px;
        border: none;
        ;
        width: auto;
    }
    .pageWrapper {
        max-width: 90%;
    }
    h1,
    h2,
    h3,
    h4 {
        line-height: 1.2;
    }
    h1,
    .pageBanner h1 {
        font-size: 38px;
    }
    h2,
    .bgOrange h2,
    .moreReviews h2,
    .bgGreen h2 {
        font-size: 32px;
        line-height: 1.2;
    }
    h3,
    .pageBanner h3 {
        font-size: 20px;
    }
    h4 {
        font-size: 18px;
    }
    .pageBanner {
        margin-bottom: 30px;
    }
    .pageBanner .bannerText {
        font-size: 20px;
    }
    .moreReviews .reviewImage {
        padding-left: 0px;
        padding-right: 0px;
        margin-bottom: 30px;
    }
    .percentageWrapper {
        padding-left: 0px;
    }
    .moreReviews .reviewDetail {
        padding-bottom: 0px;
        margin-bottom: 25px !important;
    }
    .moreReviews .reviewDetail ul li,
    .moreReviews .reviewDetail ul li:first-child {
        float: none;
        clear: both;
        width: 100%;
        margin-bottom: 10px;
    }
    .moreReviews .reviewDetail li:first-child img {
        margin-right: 0px;
        width: 100%;
    }
    .percentageWrapperBg {
        padding-top: 0px;
    }
    .pageBanner--percentage {
        padding-bottom: 40px !important;
        padding-top: 40px !important;
    }
    .percentageWrapperBg {
        background-image: none !important;
    }
    .pageBanner--percentage h3 {
        font-size: 32px;
        margin-bottom: 15px;
    }
    .pageBanner--percentage p {
        font-size: 18px !important;
    }
    .pageBanner--percentage h2 {
        font-size: 96px;
    }
    .pageBanner--percentage .percentageText {
        font-size: 32px !important;
    }
    .pageBanner--percentage small {
        margin-top: 10px;
    }
    .pageBannerBg {
        padding-top: 0px;
        padding-bottom: 50px;
    }
    .bgOrange {
        max-width: 100% !important;
        padding: 24px 32px;
        margin: 40px auto;
    }
    .bgOrange .row {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .moreReviews .reviewDetail p {
        margin-bottom: 20px;
    }
    .pageSpotlight--percentage small {
        padding-top: 20px;
        padding-bottom: 20px;
        position: relative;
    }
    .bgGreen {
        max-width: 100% !important;
        padding: 24px 32px;
        margin: 40px auto;
    }
    .bgGreen .row {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .customSlide--spotlight .textWrapper img {
        width: 63px !important;
    }
    .customSlide--spotlight li {
        height: 470px;
    }
    .customSlide--spotlight .textWrapper {
        padding: 40px 40px 0 40px;
    }
    .owl-spotlight .owl-nav {
        top: -110px;
    }
    .owl-spotlight .owl-dots {
        top: 370px;
    }
    .pageBanner--percentage {
        min-height: auto !important;
        height: auto !important;
        padding-bottom: 20px !important;
        padding-top: 0px !important;
    }
    .pageba--percentage small,
    .percentageWrapperBg--sp small {
        position: relative;
    }
    .percentageText--ba,
    .percentageText--sp {
        min-height: auto;
    }
    .reviewDetail--tp .reviewImage ul {
        margin-bottom: 0px;
    }
    .reviewDetail--tp .reviewImage {
        margin-bottom: 0px;
    }
    .percentageText--tp .percentageText {
        font-weight: 700;
        font-size: 90px !important;
    }
    .percentageWrapperBg--tp {
        background-image: none !important;
        padding-bottom: 42px;
        padding-top: 42px;
        border-top: none;
    }
    .bgPurple--tp {
        margin-top: 0px !important;
    }
    .pagetp--percentage {
        margin-bottom: 0px !important;
        padding-bottom: 0px !important;
    }
    .margins {
        margin-top: 50px;
    }
    .margins--image {
        margin-top: 0px;
    }
    .bgPurple--tp h2 {
        font-size: 32px !important;
    }

    .percentageText--ba {
        min-height: 350px;
    }
}

@media only screen and (max-width: 420px) {
    .customSlide--spotlight li {
        background-color: #E3F4ED;
        height: 550px;
    }
    .customSlide li {
        height: auto !important;
        min-height: auto;
        padding-bottom: 200px;
    }
    .textWrapper {
        padding: 20px 20px 20px 20px;
    }
    .owl-spotlight .owl-nav {
        top: -100px !important;
        position: relative;
    }
    .owl-spotlight .owl-dots {
        top: -60px !important;
        position: relative !important;
        margin: auto;
        width: 60vw;
        display: block;
    }
    .margins .blackImage {
        width: 292px !important;
        left: 15px;
        height: 292px !important;
        box-shadow: 10px 10px #7446AF;
        padding: 15px !important;
    }
    .margins .blackImage img {
        width: 100%;
    }
    .percentageText--ba {
        min-height: 300px;
    }
}

@media only screen and (max-width: 320px) {
    .customLogo {
        max-width: 150px !important;
        height: auto !important;
    }
}