@import "/css/CCC/global.css";
@import "/css/CCC/landing.css";
@import "/css/CCC/landing-responsive.css";
@import "/css/textpageV2.css";

@import url('https://fonts.googleapis.com/css2?family=Lexend+Deca&display=swap');

h1 {
    font-family: 'Lexend Deca', sans-serif !important;
    margin-bottom: 0;
}

.page-breadcrumbs nav .breadcrumb .breadcrumb-item a,
.page-breadcrumbs nav .breadcrumb .breadcrumb-item a:hover {
    color: #acacac !important;
}

.page-breadcrumbs nav .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
    content: ">";
    color: #acacac !important;
}

.page-breadcrumbs nav .breadcrumb .breadcrumb-item.active {
    color: #777 !important;
}



.section-plain {
    padding: 90px 0;
}


.section1 {
    background: inherit;
}

.section {
    padding: 90px 0;
    background: #04fc8b;
    background: -moz-linear-gradient(167deg,#005554 0%,#0ad7d6 70%,#00cec4 60%,#04fc8b 100%);
    background: -webkit-linear-gradient(167deg,#005554 0%,#00cec4 70%,#00cec4 60%,#04fc8b 100%);
    background: linear-gradient(167deg,#005554 0%,#00cec4 70%,#00cec4 60%,#04fc8b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#005554',endColorstr='#04FC8B',GradientType=1);
}

.page-breadcrumbs {
    position: relative;
    top: -25px;
}


.text-page .reviews .section1 {
    background: url('/images/rev-header-bg.jpg') no-repeat;
    background-position: center -40px !important;
    background-size: cover;
    min-height: inherit;
}

.section-plain.review-intro {
    padding: 45px 0;
}

.text-page.reviews .section2 {
    background: #fff !important;
}

.mme-star img {
    width: 40%;
	height:intrinsic;
}

.star {
    position: relative;
    top: -10px;
}

    .star > p {
        font-size: 60px;
    }

.mme-review-sum p {
    margin-bottom: 0;
}

.awards-icons img {
    width: 110px;
	height:intrinsic;
}

.award-box {
    position: relative;
    top: -42px;
    left: 25px;
}


a.learn-more {
    position: relative;
}

    a.learn-more[aria-expanded="false"]:before {
        content: "\f107";
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        font-size: 18px;
        position: absolute;
        right: -16px;
        top: 0;
    }

    a.learn-more[aria-expanded="true"]:before {
        content: "\f106";
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        font-size: 18px;
        position: absolute;
        right: -16px;
        top: 0;
    }

.intro-desc.hide-desc {
    display: none;
}


/*online reviews*/
.onlinereviews-section {
    position: relative;
    z-index: 2;
}

    .onlinereviews-section:before {
        content: "";
        position: absolute;
        background: url(/images/rev-bg.png) no-repeat;
        background-position: top;
        background-size: 100%;
        width: 100%;
        min-height: 600px;
        top: 0;
        opacity: 0.3;
        z-index: -1;
    }

    .onlinereviews-section .text-review-box {
        border-radius: 20px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
    }

.onlinereviews-item .text-review-box {
    min-height: 190px;
    margin-bottom: 15px;
}

.rev-phone img {
    width: 110%;
    position: relative;
    left: -20px;
}

div#pagination-container {
    margin-top: 35px;
}

#pagination-container ul {
    padding-left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

    #pagination-container ul li {
        display: flex;
        justify-content: center;
        align-items: center;
        list-style: none;
        border: 1px solid #fff;
        background: transparent;
        margin-right: 5px;
        width: 40px;
        height: 40px;
        border-radius: 8px;
    }

        #pagination-container ul li.disabled span {
            color: #fff;
        }

        #pagination-container ul li:first-child,
        #pagination-container ul li:last-child {
            border: none;
        }



        #pagination-container ul li.active {
            color: #fff;
            background: rgba(0,0,0,0.3);
            border: none;
        }

        #pagination-container ul li a.page-link {
            color: #fff;
            font-weight: bold;
            background: transparent;
            border: none;
        }

.page-link:focus {
    box-shadow: none;
}

span.ellipse.clickable {
    color: #fff;
}

/*what-cust-say section*/

.what-cust-say.wrap-banner-content .section1 {
    padding-bottom: 0 !important;
    min-height: inherit !important;
    background-image: none !important;
}

.section.what-cust-say {
    position: relative;
    min-height: 700px;
    z-index: 1;
}

    .section.what-cust-say .container {
        position: relative;
        z-index: 4;
    }

    .section.what-cust-say:before {
        content: "";
        position: absolute;
        background: #000000;
        background: -webkit-linear-gradient(top, #000000, #FFFFFF);
        background: -moz-linear-gradient(top, #000000, #FFFFFF);
        background: linear-gradient(to bottom, #000000, #FFFFFF);
        opacity: 0.3;
        width: 100%;
        height: 50%;
        top: 0;
        z-index: 2;
    }

    .section.what-cust-say:after {
        content: "";
        position: absolute;
        background: -moz-linear-gradient(top, #000000, #FFFFFF);
        background: linear-gradient(to bottom, #fff, #000);
        opacity: 0.3;
        width: 100%;
        height: 50%;
        bottom: 0;
        z-index: 2;
    }

.product-cta img {
    width: 70%;
}

.what-media-says {
    position: relative;
    z-index: 2;
}

    .what-media-says:before {
        content: "";
        position: absolute;
        background: url(/images/what-media-says-bg.png) no-repeat;
        background-size: cover;
        background-position: bottom;
        width: 100%;
        height: 100%;
        top: 0;
        opacity: 0.3;
        z-index: -1;
    }


/*mme-app section*/

.mme-app-section {
    position: relative;
    overflow-y: hidden;
}

.mme-dlapp-phone-wrap {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 45%;
    margin-left: 55%;
    z-index: -1;
}

.mme-dlapp-img {
    position: relative;
    bottom: -110px;
}

    .mme-dlapp-img img {
        width: 485px;
    }


/*where to leave reviews*/

.where-to-leave-reviews {
    background: #00cbca;
}

    .where-to-leave-reviews a {
        color: #fff !important;
    }

.media-logos {
    background: #f2f2f2;
    padding: 20px 0;
}


.logo-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin: 30px 0;
}

    .logo-container img {
        width: 150px;
    }


.app-links a:first-child img {
    margin-right: 20px;
    width: 180px;
}

.app-links a:last-child img {
    width: 206px !important;
}

.review-site-wrap {
    width: 95%;
}

.review-site {
    text-align: center;
    cursor: pointer;
}

    .review-site a {
        cursor: pointer;
    }

    .review-site p {
        color: #fff;
        font-size: 45px;
        margin-bottom: 0;
    }

    .review-site span {
        font-size: 25px;
    }

    .review-site svg {
        width: 120px;
    }

    .review-site img {
        width: 100%;
        margin-top: 15px;
    }

.contact-opt {
    text-align: center;
}

    .contact-opt svg {
        width: 100px;
        height: 100px;
        margin-bottom: 10px;
    }

@media (max-width: 1440px) {

    .text-page .reviews .section1 {
        background-position: center -25px !important;
    }
}

@media (max-width: 1199px) {

    .mme-dlapp-phone-wrap {
        width: 45%;
        margin-left: 55%;
    }

    .mme-dlapp-img {
        bottom: -172px;
    }
}


@media (max-width: 991px) {
    .text-page .reviews .section1 {
        background-position: center -15px !important;
    }

    .section, .section-plain {
        padding: 50px 0;
    }

    h1.pb-5 {
        padding-bottom: 20px !important;
    }

    /*section 2*/

    .page-breadcrumbs {
        top: -90px;
    }

    .sec2-content {
        margin-top: -50px !important;
    }

        .sec2-content .row.pt-5 {
            padding-top: 0 !important;
        }

        .sec2-content .d-flex {
            justify-content: center;
        }

    .award-box {
        position: relative;
        top: 0;
        left: 0;
        text-align: center;
    }


    .sec2-content .row .col-lg-7.col-xs-12 {
        margin-top: 30px;
    }

    .onlinereviews-section .row .d-md-block {
        display: none !important;
    }



    /*mme-app-section section*/

    .mme-dlapp-phone-wrap {
        position: relative;
        max-height: 450px;
        width: 100%;
        margin-left: 0;
        text-align: center;
    }

    .mme-dlapp-img {
        bottom: 0;
    }

        .mme-dlapp-img img {
            width: 485px;
        }

    .app-links {
        justify-content: center;
    }

    /*what source cust say*/
    .what-cust-say .container div.pb-5 {
        padding-bottom: 0 !important;
    }

    .product-cta img {
        width: 60%;
    }

    /*media logo*/
    .media-logos {
        padding: 40px 0;
    }

        .media-logos .img-fluid {
            max-width: 200px;
        }


    .review-site-wrap {
        width: 100%;
    }
}

@media (max-width: 767px) {


    .text-page .reviews .section1 h1 {
        margin-bottom: 30px;
        margin-top: 15px;
    }

    .review-intro .awards-circle .awards-circle-wrap {
        top: -90px;
        padding: 0 30px;
    }

    h1 {
        font-size: 30px;
    }

    .breadcrumb a {
        color: #777;
    }


    /*section 2*/
    .page-breadcrumbs {
        top: -80px;
    }

    .sec2-content {
        margin-top: -70px !important;
    }

    .d-flex.mme-star {
        justify-content: space-between;
    }

        .d-flex.mme-star img {
            width: 35%;
        }

    .mme-review-sum {
        width: 65%;
    }

    .star.d-flex {
        justify-content: start;
    }




    /*mme-app-section section*/

    .mme-dlapp-phone-wrap {
        max-height: 345px;
    }

    .app-links {
        flex-direction: column;
        align-items: center;
    }

    .mme-dlapp-img img {
        width: 100%;
    }

    .app-links a img {
        margin-right: 0 !important;
        margin-bottom: 20px !important;
        width: 200px !important;
    }

    .app-links a:last-child img {
        width: 200px !important;
    }

    /*media says*/

    .what-media-says {
        background: url('/images/what-media-says-bg-mobile.png') no-repeat;
        background-size: 120%;
        background-position: top;
    }

    .media-logos .img-fluid {
        max-width: 100%;
    }

    .wrap-banner-content {
        margin-bottom: 0;
    }

    /*reviews site*/


    .review-site {
        width: 33%;
    }

        .review-site p {
            font-size: 32px;
        }

        .review-site svg {
            width: 90px;
        }
}

@media (max-width: 575px) {

    .text-page .reviews .section1 {
        background-position: -212px 0 !important;
        background-size: 165%;
    }

    /*online reviews*/

    .onlinereviews-section .text-review-box {
        display: block;
        min-height: 200px;
        padding: 20px;
    }

    #pagination-container ul li {
        width: 30px;
        height: 30px;
    }

        #pagination-container ul li a.page-link, #pagination-container ul li.active .current {
            font-size: 12px !important;
        }

    .onlinereviews-section img.like_icon_msg {
        width: 15px;
        margin-right: 5px;
        position: relative;
        top: -3px;
    }

    .what-cust-say.wrap-banner-content .container {
        padding-left: 0;
        padding-right: 0;
    }


    .what-cust-say.wrap-banner-content .section1 .zoomtimeline.mode-3dslider {
        height: auto !important;
        min-height: 635px !important;
        margin-bottom: 0 !important;
    }

    /*.wrap-banner-product .chev-left-svg {
        left: 0 !important;
    }
    .wrap-banner-product .chev-right-svg {
        right: 0 !important;
    }*/

    .zoomtimeline.mode-3dslider.zoomtimeline0 .details-container > .detail {
        margin-left: -165px !important;
        width: 330px !important;
    }

    .wrap-banner-product .zoomtimeline.mode-3dslider .details-container > .detail .detail-excerpt {
        padding-top: 0;
    }

        .wrap-banner-product .zoomtimeline.mode-3dslider .details-container > .detail .detail-excerpt p {
            text-align: left !important;
        }

    .wrap-banner-product .chev-left-svg,
    .wrap-banner-product .chev-right-svg {
        top: 12% !important;
        bottom: inherit !important;
    }

    .what-media-says:before {
        content: inherit;
    }
}

@media (max-width: 375px) {
    .page-link {
        padding: 0 !important;
    }
}