/* 
 Theme Name:     Hotels New landers - Divi child theme
 Author:         TripAvisor Team
 Author URI:     http://www.divithemeexamples.com 
 Template:       Divi
 Version:        1.0 
*/

.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, .bullets .try,
.pageBanner .button:hover, .bullets .try: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, .bullets .try--white {
    background-color: #fff;
    color: #000;
    border-radius: 28px;
}

.pageBanner .button--white:hover, .bullets .try--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: 50px;
    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 40px 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;
}
.bullets h3 {
    font-size: 32px;
    font-weight: 500;
    text-transform: capitalize !important;
}
.bullets h3 span {
    text-transform: lowercase i !important;
}
.bullets .tryButton {
    text-align: right;
}
.pageSpotlight small {
    font-size: 12px;
    font-weight: 400;
}

.pageSpotlight .percentageText {
    color: #004F32;
    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: 500px;
}

.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-talanders.kinsta.cloud/wp-content/uploads/2020/11/sp-bg-fixed.png) !important;
}


/* end sponsored placements */


/* business advantage  */

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

.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-talanders.kinsta.cloud/wp-content/uploads/2020/11/bg-page-ba.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;
    bottom: -15px;
}

.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;
    height: auto !important;
    padding-bottom: 60px;
}

.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: 665px;
}

.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: center;
    display: none;
    margin: 25px 0;
}

.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;
}

.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;
}

.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;
}


/* spotlight demo request */

.bgEllipse {
    position: absolute;
    margin-left: -50px;
}

.pageBannerBg--demo {
    background-image: none !important;
    background-position: top left !important;
    background-size: auto !important;
    padding-top: 0px !important;
}

.pageBannerBg--demo .bg--green {
    background-color: #d9f2e9;
    background-color: transparent;
    max-width: 1600px;
    margin-left: 50px;
    padding-top: 50px !important;
    padding-bottom: 30px !important;
    background-image: url(http://staging-talanders.kinsta.cloud/wp-content/uploads/2021/03/bg-form.png) !important;
    background-position: top center;
    background-size: contain;
}

.pageBannerBg--demo ul {
    margin: 0px;
    padding: 0px;
}

.pageBannerBg--demo .bannerTextWrapper {
    max-width: 570px;
}

.pageBannerBg--demo .bannerTextWrapper p {
    font-size: 20px;
    font-weight: normal;
}

.pageBannerBg--demo .ulIcons {
    background-position: top left;
    background-repeat: no-repeat;
    list-style: none;
    background-size: 50px 50px;
    padding: 0px 0px 30px 70px !important;
    margin-bottom: 5px;
    max-width: 80%;
    line-height: 1.2;
    font-size: 16px !important;
    font-weight: 400 !important;
}

.pageBannerBg--demo .iconRate {
    background-image: url(http://staging-talanders.kinsta.cloud/wp-content/uploads/2021/03/icon-rate.png);
}

.pageBannerBg--demo .iconParity {
    background-image: url(http://staging-talanders.kinsta.cloud/wp-content/uploads/2021/03/icon-parity.png);
}

.pageBannerBg--demo .iconMarket {
    background-image: url(http://staging-talanders.kinsta.cloud/wp-content/uploads/2021/03/icon-market.png);
}

.pageDemoRequest h1 {
    font-size: 62px;
}

.form--snowflake i {
    font-weight: 400;
}

.form--snowflake {
    font-size: 14px;
    font-weight: 500;
    margin-top: 100px;
}

.form--snowflake p {
    margin-bottom: 20px;
}

.form--snowflake input[type="text"],
.form--snowflake input[type="email"],
.form--snowflake input[type="tel"],
.form--snowflake select {
    width: 100%;
    margin-bottom: 20px;
    border: solid 1px #E0E0E0;
    border-radius: 24px;
    background-color: #fff;
    font-size: 14px;
    font-family: Poppins, Helvetica, Arial, Lucida, sans-serif;
    line-height: 1;
    padding: 14px 16px 17px 16px;
    height: 47px;
}

.form--snowflake .customSelect {
    height: 46px;
    border: solid 1px #E0E0E0;
    border-radius: 24px;
    background-color: #fff;
    margin-bottom: 20px;
    text-align: left;
    width: 100% !important;
    padding-left: 16px !important;
    padding-right: 16px !important
}

.form--snowflake .customSelect select {
    padding: 0px 0px 0 0 !important;
    height: auto;
    line-height: 1 !important;
    border: none;
    border-radius: 0px !important;
    margin: 10px 20px 0px 0px !important;
    width: 100% !important;
    background-color: transparent;
}

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

.form--snowflake .button--black,
.frm_final_submit {
    background-color: #000;
    color: #fff;
}

.form--snowflake .frm_none_container {
    display: inline-block !important;
}

.form--snowflake .col-md-6 {
    float: left;
}

.form--snowflake .frm_error_style {
    position: relative;
    font-weight: normal !important;
    color: #cc0000;
    padding-left: 15px;
    margin-bottom: 15px;
}

.form--snowflake .frm_error {
    position: relative;
    top: -15px;
    color: #cc0000;
    font-weight: normal !important;
}

.form--snowflake .frm_message {
    text-align: center;
    font-size: 20px;
    font-style: italic;
}

.form--snowflake .frm_message {
    font-style: normal;
    padding-left: 15px;
    text-align: left;
    font-family: 'Poppins', Helvetica, Arial, Lucida, sans-serif !important;
    font-weight: normal;
}

.part_1,
.part_2 {
    display: inline-block;
    float: left;
}

.part_1 {
    width: 912px;
    max-width: 912px !important;
    text-align: right;
    background-color: #d9f2e9;
    min-height: 350px;
}

.part_2 {
    width: 688px;
    max-width: 688px !important;
    background-color: #eafaf4;
    min-height: 350px;
}

/* promo tools */
.pageWrapperPromoTools {
    max-width: 100%;
}
.promoTools,
.promoTools h1, 
.promoTools h2,
.promoTools h3,
.promoTools p {
    font-family: 'Poppins', Helvetica, Arial, Lucida, sans-serif !important;
}
.promoToolsLogo {
    margin-bottom: 40px;
    border-bottom: solid 1px #e3e9e7;
    padding: 20px 0 10px 0;
    position: relative;
    top: -30px;
}
.promotoolText {
    padding-left: 170px;
    max-width: 80%;
}
.promoTools h1 {
    font-size: 72px;
    font-weight: 600;
    color: #000;
}
.promoTools h2 {
    font-weight: 400;
    font-size: 36px;
    color: #000;
}
.promoTools h3 {
    color: #000;
    font-weight: 500;
    font-size: 48px;
}
.promoTools p {
    font-weight: 400;
    font-size: 20px;
    color: #000;
}
.promoTools--bggreen {
    margin-top: 40px;
    background-color: #EAFAF4;
    padding: 65px 0 80px 0;
    margin-bottom: 64px;
}
.promotools-footer p {
    font-size: 12px;
}
.promoTools .squareRow {
    padding: 74px 0;
    margin-bottom: 16px;
    padding-left: 15px;
}
.promoTools .lightGreen {
    background-color: #34E0A1;
    border-top-right-radius: 102px;
    border-bottom-right-radius: 102px;
}
.promoTools .marginTop {
    margin-top: 60px;
}
.promoTools .marginBottom {
    margin-bottom: 50px;
}
.promoTools .mediumGreen {
    background-color: #00AA6C;
    border-top-left-radius: 102px;
    border-bottom-left-radius: 102px;
}
.promoTools .darkGreen {
    background-color: #004F32;
    border-top-right-radius: 102px;
    border-bottom-right-radius: 102px;
}
.promoTools .darkGreenLeft {
    background-color: #004F32;
    border-top-left-radius: 102px;
    border-bottom-left-radius: 102px;
}
.promoTools .darkGreen h3, .promoTools .darkGreenLeft h3, .promoTools .darkGreenLeft  p {
    color: #fff;
}
.promoTools .darkGreen p {
    color: #fff;
}
.promoTools .visitStoreButton, .promoTools .visitStoreButton:hover, .promoTools .visitStoreButton:visited {
    border: solid 2px;
    display: inline-block;
    font-weight: 500;
    font-size: 16px;
    padding: 14px 24px;
    line-height: 1;
    text-align: center;
    background-color: #fff;
    border-radius: 12px;
    color: #000 !important;
    text-decoration: none;
}
.materialBg {
    background-repeat: no-repeat;
    border-top-left-radius: 102px;
    border-bottom-left-radius: 102px;
    background-size: cover;
    background-position: top left;
    margin-bottom: 15px;
}
.materialBg--Left {
    border-top-right-radius: 102px;
    border-bottom-right-radius: 102px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.marginLeftMinus {
    position: relative;
    left: -15px;
}
.materialBg--sticker {
    background-image: url(http://staging-talanders.kinsta.cloud/wp-content/uploads/2021/04/sticker.png);
}
.materialBg--material {
    background-image: url(http://staging-talanders.kinsta.cloud/wp-content/uploads/2021/04/materials.png);
}
.materialBg--asset {
    background-image: url(http://staging-talanders.kinsta.cloud/wp-content/uploads/2021/04/assets.png);
}
.fixMarginLeft {
    position: relative;
    left: 15px;
}
.promoToolsFooter {
    margin-bottom: 50px;
}

.bulletsSeparator {
    border-top: solid 1px #E0E0E0;
    margin-top: 20px;
    padding-bottom: 60px;
}

/* 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;
    }
    .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;
    }

    .promotoolText {
        padding-left: 70px;
    }
}

@media only screen and (max-width: 769px) {
    .bgEllipse {
        display: none;
    }
    .pageBannerBg--demo {
        padding-bottom: 0px !important;
    }
    .pageBannerBg--demo .bg--green {
        background-image: none !important;
        background-color: #d9f2e9;
        margin-left: 0px;
        padding-bottom: 0px !important;
    }
    .demoTextarea {
        background-color: #d9f2e9;
    }
    .demoFormArea {
        background-color: #eafaf4;
        padding-bottom: 50px;
    }
    .form--snowflake {
        margin-top: 30px !important;
    }

    .promoToolsLogo {
        margin-bottom: 50px;
    }
    .materialBg { display: none; }
}

@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;
    }

    .bullets h3 {
        font-size: 24px !important;
    }
    .bullets .try--white {
        font-size: 16px !important;
        margin-bottom: 30px;
        margin-top: 10px;
    }
    .bullets .tryButton {
        text-align: left;
    }

    .mediumGreen {
        position: relative;
        left: 15px;
    }
}

@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;
    }
    .pageBannerBg--demo .bg--green {
        margin-left: 0px;
    }
    .bgEllipse {
        display: none;
    }
    .form--snowflake {
        margin-top: 100px;
    }
    .pageDemoRequest {
        margin-top: 40px !important;
    }
    .pageDemoRequest .bg--green {
        padding-top: 30px !important;
        padding-bottom: 0px !important;
    }
    
    .promoToolsLogo {
        margin-bottom: 50px;
    }
    .promotoolText {
        padding-left: 30px;
        max-width: 90%;
    }
    .promoTools h1 {
        font-size: 32px;
    }
    .promoTools h2 {
        font-size: 28px;
    }
    .promoTools h3 {
        font-size: 28px;
    }
    .promoTools h1, .promoTools h2, .promoTools h3 {
        line-height: 1;
    }
    
}

@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%;
    }
}

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