.topcontent h1 span span {
    display: none;
} /* YOUTUBE */
.blog iframe {
    display: block;
    margin: 0 auto 30px auto;
    border: 6px solid;
    border-radius: 3px;
    width: 100%;
    max-width: 560px;
} 
/* FORMS MODIFICATION */
    
/* SEE REVIEWS */

/* PROJECTS IMAGES ON PPC CAMPAIGNS */
/* LOTTIE */
/* ICONS SVG IMAGES BEGINS */
 @font-face {
    font-family: "icomoon";
    src: url("https://ds86ezgzhjiyh.cloudfront.net/templates/supfort/fonts/icomoon2.eot");
    src: url("https://ds86ezgzhjiyh.cloudfront.net/templates/supfort/fonts/icomoon2.eot") format("embedded-opentype"), url("https://ds86ezgzhjiyh.cloudfront.net/templates/supfort/fonts/icomoon2.ttf") format("truetype"),
    url("https://ds86ezgzhjiyh.cloudfront.net/templates/supfort/fonts/icomoon2.woff") format("woff"), url("https://ds86ezgzhjiyh.cloudfront.net/templates/supfort/fonts/icomoon2.svg") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
[class^="icon-"],
[class*=" icon-"] {
/* use !important to prevent issues with browser extensions that change fonts */
    font-family: "icomoon" !important; /*speak: none;*/
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-size: 40px !important;
    margin: 0 0 14px 0; /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon-facebook2:before {
    content: "\e905";
}
.icon-paperplane:before {
    content: "\e904";
}
.icon-mobile:before {
    content: "\e000";
}
.icon-search:before {
    content: "\e007";
}
.icon-browser:before {
    content: "\e00c";
}
.icon-pencil:before {
    content: "\e032";
}
.icon-chat:before {
    content: "\e049";
}
.icon-speedometer:before {
    content: "\e051";
}
.icon-mail-envelope-closed:before {
    content: "\e903";
}
.icon-twitter:before {
    content: "\ea96";
}
.icon-linkedin2:before {
    content: "\eaca";
}
.icon-pinterest:before {
    content: "\ead1";
} /* ICONS SVG IMAGES ENDS */
@font-face {
    font-family: "Supfort Bold";
    src: url("https://ds86ezgzhjiyh.cloudfront.net/templates/supfort/fonts/supfort-bold.ttf");
    font-display: swap;
}
@font-face {
    font-family: "Supfort Light";
    src: url("https://ds86ezgzhjiyh.cloudfront.net/templates/supfort/fonts/supfort-light.ttf");
    font-display: swap;
} /* RESET STYLES */
            a,
            abbr,
            acronym,
            address,
            applet,
            article,
            aside,
            audio,
            b,
            big,
            blockquote,
            body,
            canvas,
            caption,
            center,
            cite,
            code,
            dd,
            del,
            details,
            dfn,
            div,
            dl,
            dt,
            em,
            embed,
            fieldset,
            figcaption,
            figure,
            footer,
            form,
            h1,
            h2,
            h3,
            h4,
            h5,
            h6,
            header,
            hgroup,
            html,
            i,
            iframe,
            img,
            ins,
            kbd,
            label,
            legend,
            li,
            mark,
            menu,
            nav,
            object,
            ol,
            output,
            p,
            pre,
            q,
            ruby,
            s,
            samp,
            section,
            small,
            span,
            strike,
            strong,
            sub,
            summary,
            sup,
            table,
            tbody,
            td,
            tfoot,
            th,
            thead,
            time,
            tr,
            tt,
            u,
            ul,
{
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline;
}
a {
    outline: 0;
    text-decoration: none;
    color: #85ad97;
    transition: ease 0.5s;
}
strong {
    font-weight: bold;
    font-family: "Supfort Bold", Tahoma, Geneva, sans-serif;
}
em {
    font-style: italic;
}
            
.underline {
    text-decoration: underline;
}
body {
    background: #fff;
    font-size: 17px;
    font-family: "Supfort Light", Arial, Helvetica, sans-serif;
    font-weight: normal;
    /*overflow: hidden;*/
    color: #515151;
}
            
.innertopcontent h1 {
    font-family: "Supfort Bold", Tahoma, Geneva, sans-serif;
}
.hide-text {
    display: none;
} /* SOCIAL SHARING */
            
             /* HEADER AND CONTENT */
header {
    border-bottom: 1px solid #e7e7e7;
    font-size: 0;
    position: relative;
    z-index: 50;
    background: #fff;
}
            
.innertopcontent {
    max-width: 1200px;
    margin: 0 auto;
    width: 96%;
    padding: 1px 0;
    /*overflow-x: hidden;*/
}
/*::-webkit-scrollbar {
      width: 15px;
}
::-webkit-scrollbar-track {
      background-color: #b46868;
} /* the new scrollbar will have a flat appearance with the set background color */
 
/*::-webkit-scrollbar-thumb {
      background-color: rgba(0, 0, 0, 0.2); 
} /* this will style the thumb, ignoring the track */
 
/*::-webkit-scrollbar-button {
      background-color: #7c2929;
} /* optionally, you can style the top and the bottom buttons (left and right for horizontal bars) */
 
/*::-webkit-scrollbar-corner {
      background-color: black;
}*/
.innerabout {
    width: 85%;
}
.innertopcontent {
    text-align: center;
    padding: 55px 0 55px 0;
}
.lottie .innertopcontent {
    padding: 55px 0 0 0;
}
/* MENU */
/* INNER CONTENT */
.topcontent {
    min-height: 70vh;
}
.blog .innertopcontent {
    max-width: 600px;
    text-align: left;
    width: 78%;
}
.innertopcontent h1 {
    text-transform: uppercase;
    font-size: 45px;
    max-width: 750px;
    line-height: 55px;
    margin: 0 auto;
}
.darkmode .blog .innertopcontent p a {
    color: #fff;
    border-bottom: 1px solid #fff;
}

.innertopcontent p + p a,
.blog .innertopcontent p.send-comments a,
.blog .innertopcontent p a:hover {
    border: 1px solid #68ac93;
    color: #fff;
    background: #68ac93;
}
.innertopcontent p + p a:hover,
.blog .innertopcontent p.send-comments a:hover {
    border: 1px solid #4b8771;
    color: #fff;
    background: #4b8771;
}
.blog .innertopcontent p a:hover {
    border: 0;
    border-bottom: 1px solid #4b8771;
            }
.innertopcontent h2 {
    font-size: 28px;
    margin: 16px 0 12px 0;
}
.blog .innertopcontent h2,
.blog .innertopcontent h3 {
    margin: 0 auto 30px auto;
    text-transform: uppercase;
    text-align: center;
    font-size: 26px;
    max-width: 100%;
}
.innertopcontent img {
    margin: 10px auto 0 auto;
    width: 100%;
    max-width: 800px;
    height: auto;
    display: block;
}
.blog .innertopcontent img {
    margin: 0 auto 40px auto;
    border-radius: 3px;
    border: 1px solid #6c6c6c;
}
.blog .innertopcontent img.topimg {
     margin: 0 auto 30px auto;
} /* TOP RATED COMPANY */
.top-rated .topcontent {
    min-height: 90vh;
    background: #265cdc;
    color: #fff;
    padding: 0 0 15px 0;
}
            
/* GENERAL CONTACT AND PAYMENT FORMS */
            
.blog .innertopcontent .related h2 {
    text-align: left;
    margin: 0 auto 20px auto;
}
.blog .innertopcontent .related a {
    display: block;
    background: #515151;
    color: #fff;
    border-radius: 3px;
    border: 1px solid #515151;
    white-space: normal;
}
.darkmode .blog .innertopcontent .related a {
    background: #313131;
    border: 1px solid #313131 !important;
}
.blog .innertopcontent .related a:hover {
    border: none;
    background: #fff;
    color: #515151;
    border: 1px solid #515151;
} 
/* FAQ SECTION */

/* LETTER PARAGRAPH */
            
            
/* TOP RATED TWO NEW */
.top-rated-2 .innertopcontent h1 {
    font-size: 64px;
    max-width: 100%;
    margin: 18px 0 0 0;
}
.top-rated-2.jooser .innertopcontent h1 span,
.top-rated-2.jooser2 .innertopcontent h1 span {
    margin: 0 0 0 14px;
}
.top-rated-2 .innertopcontent h1 br {
    display: none;
}
.top-rated-2 .innertopcontent h2 br {
    display: none;
}
.top-rated-2 .innertopcontent h2 {
    font-size: 34px;
}
.top-rated-2 .innertopcontent .inneronetext p {
    text-transform: uppercase;
    font-size: 40px;
}
.top-rated-2.jooser .innertopcontent .inneronetext p {
    font-size: 35px;
}
.top-rated-2 .innertopcontent p span {
    font-size: 25px;
    max-width: 700px;
    display: inline-block;
    margin: 25px auto 0 auto;
}
.top-rated-2 .innertopcontent {
    max-width: 1600px;
}

.top-rated-2 .innertopcontent p a {
    font-size: 22px;
}
.top-rated-2 .innertopcontent .onelinks p a {
    color: #4f4f4f;
}
.top-rated-2 .innertopcontent .onelinks p a:hover {
    color: #fff;
}
.top-rated-2 .innertopcontent .onelinks p + p a {
     color: #fff;
}

} /* RADIO BUTTONS */
@keyframes hover-color {
    from {
    border-color: #4b8771;
}
    to {
    border-color: #4b8771;
    }
}
.magic-radio {
    display: none;
}
.magic-radio + label {
    position: relative;
    padding-left: 30px;
    cursor: pointer;
}
.magic-radio + label:hover:before {
    animation-duration: 0.4s;
    animation-fill-mode: both;
    animation-name: hover-color;
}
.magic-radio + label:before {
    position: absolute;
    top: -2px;
    left: 0;
    display: inline-block;
    width: 20px;
    height: 20px;
    content: "";
    border: 1px solid #4b8771;
}
.magic-radio + label:after {
    position: absolute;
    display: none;
    content: "";
}
.magic-radio:checked + label:after {
    display: block;
} 
/* FOR RADIOS */
.centrado form .contacttext input,
.centrado form textarea {
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 6px 10px 6px 10px;
    width: 91%;
    margin: 0 auto 18px auto;
    display: block;
    font-size: 15px;
}
.centrado header {
    text-align: center;
}
.centrado .logo {
    width: 35%;
}
.centrado .blog .innertopcontent {
    width: 90%;
}
.centrado .logo img {
    width: 100%;
}
.centrado .contactsend input {
    border: 1px solid #68ac93;
    color: #fff;
    background: #68ac93;
    cursor: pointer;
    transition: ease 0.3s;
    width: 100%;
    font-size: 22px;
    padding: 6px 0 6px 0;
    border-radius: 3px;
}
.centrado .contactsend input:hover {
    border: 1px solid #4b8771;
    color: #fff;
    background: #4b8771;
}
.centrado .innertopcontent {
    padding: 10px 0 55px 0;
}
.centrado .blog .innertopcontent h1 {
    margin: 0 auto 10px auto;
}
.centrado .blog .innertopcontent h1 + p {
    text-align: center;
    margin: 0 auto 20px auto;
    background: #b91d1d;
    color: #fff;
    font-size: 18px;
    padding: 6px 10px 10px 10px;
    max-width: 250px;
    border-radius: 3px;
    line-height: 24px;
}
.centrado .blog .innertopcontent form p {
    text-align: left;
    margin: 26px 0 14px 0;
    font-size: 22px;
    line-height: 30px;
}
.centrado form {
    max-width: 420px;
    margin: 0 auto;
}
.centrado form .question {
    border: 1px solid #ccc;
    border-radius: 6px;
    padding: 0 24px 18px 24px;
    margin: 0 0 18px 0;
}
.magic-radio + label:before,
    input[type="radio"] + label:before {
    border-radius: 50%;
}
.magic-radio + label:after,
    input[type="radio"] + label:after {
    top: 0;
    left: 2px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #4b8771;
}
.magic-radio:checked + label:before,
    input[type="radio"]:checked + label:before {
    border: 1px solid #4b8771;
}
.question .answer {
    margin: 0 0 12px 0;
} 
/* SHOW HIDE RADIOS */
.question + #hidequest {
    display: none;
}
    input#toogle-content:checked ~ span#content {
    display: block;
}
 /* FOD CHECKBOXES */
 @keyframes hover-color {
from {
    border-color: #4b8771;
}
to {
    border-color: #4b8771;
    }
}
.magic-checkbox {
    display: none;
}
.magic-checkbox + label {
    position: relative;
    padding-left: 30px;
    cursor: pointer;
}
.magic-checkbox + label:hover:before {
    animation-duration: 0.4s;
    animation-fill-mode: both;
    animation-name: hover-color;
}
.magic-checkbox + label:before {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 20px;
    height: 20px;
    content: "";
    border: 1px solid #4b8771;
}
.magic-checkbox + label:after {
    position: absolute;
    display: none;
    content: "";
}
.magic-checkbox:checked + label:after {
    display: block;
} /* FOR CHECKBOXES */
.magic-checkbox + label:before {
    border-radius: 3px;
}
.magic-checkbox + label:after {
    top: 3px;
    left: 8px;
    box-sizing: border-box;
    width: 6px;
    height: 12px;
    transform: rotate(45deg);
    border-width: 2px;
    border-style: solid;
    border-color: #fff;
    border-top: 0;
    border-left: 0;
}
.magic-checkbox:checked + label::before {
    border: 1px solid #4b8771;
    background: #4b8771;
} /* FAQ */
#faqs .showfaqs p,
#faqs .showfaqs h3 {
    border-bottom: 1px solid #c4f1e1;
    padding: 0 0 10px 0;
}
#faqs .faqbox h3 {
    text-transform: none;
    font-size: 17px;
}
#faqs .showfaqs p + p,
#faqs .showfaqs h3 + p {
    border-bottom: 0px solid #c4f1e1;
    padding: 14px 5px 10px 5px;
}
#faqs p + .content,
#faqs h3 + .content {
    max-height: 0;
    font-size: 0;
    transition: 0.35s ease;
    color: #fff;
}
#faqs .showfaqs p + .content,
#faqs .showfaqs h3 + .content {
    opacity: 1;
    font-size: inherit;
    max-height: 999em;
    text-align: left;
}
.contact#faqs .innercontact p {
    display: block;
}
#faqs .faqbox {
    color: #515151;
    display: inline-block;
    max-width: 300px;
    width: 28%;
    margin: 0 15px 30px 15px;
    border: 1px solid #eaeaea;
    transition: ease 0.3s;
    border-radius: 2px;
    cursor: pointer;
    vertical-align: top;
    padding: 8px 10px 8px 10px;
}
#faqs .faqbox:hover,
#faqs .showfaqs.faqbox {
    background: linear-gradient(135deg, #68ac93 0%, #5ca78b 100%);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);
    color: #fff;
    border: 1px solid #5ca78b;
}
@media screen and (max-width: 1600px) {
.message .text-questions a {
    font-size: 20px;
}
.message .text-questions a span {
    ont-size: 24px;
    }
}
@media screen and (max-width: 1550px) {
.top-rated .reviews .mini-review,
.top-rated-2 .reviews .mini-review {
    max-width: 390px;
    }
}
@media screen and (max-width: 1500px) {
.top-rated .oneimage img {
    margin: 0 -100px 0 0;
}
.top-rated form h3,
.top-rated-2 form h3,
#quote form h3,
#work form h3,
.work form h3 {
    font-size: 16px;
}
.top-rated form input,
.top-rated form textarea,
.top-rated-2 form input,
.top-rated-2 form textarea,
#quote form input,
#quote form textarea {
    font-size: 15px;
}
.top-rated form textarea,
.top-rated-2 form textarea,
#quote form textarea {
    height: 56px;
    }
}
@media screen and (max-width: 1450px) {
.top-rated .oneimage img {
    margin: 0 -150px 0 0;
    }
}
 @media screen and (max-width: 1400px) {
.top-rated .oneimage img {
    margin: 0 -200px 0 0;
}
.top-rated .reviews .mini-review,
.top-rated-2 .reviews .mini-review {
    max-width: 320px;
    }
}
@media screen and (max-width: 1350px) {
.top-rated .oneimage img {
    margin: 0 -250px 0 0;
    }
}
            @media screen and (max-width: 1300px) {
                .top-rated .oneimage img {
                    margin: 0 -300px 0 0;
                }
                .top-rated-2 .innertopcontent .inneronetext p {
                    font-size: 30px;
                }
                .top-rated-2 .innertopcontent h1 {
                    font-size: 55px;
                }
                .top-rated-2 .innertopcontent h2 {
                    font-size: 28px;
                }
                .top-rated-2 .innertopcontent p span {
                    font-size: 20px;
                    max-width: 570px;
                }
                .top-rated-2 .topcontent {
                    max-height: 925px;
                    min-height: 925px;
                }
                .message .text-questions a {
                    font-size: 17px;
                }
                .message .text-questions a span {
                    font-size: 20px;
                }
                .lottie.top-rated-2 .topcontent {
                    max-height: 990px;
                    min-height: 990px;
                }
                .top-rated-2 .reviewstext {
                    font-size: 17px;
                }
                .top-rated-2 .reviewstext img {
                    height: 25px;
                    width: 25px;
                }
                .top-rated-2 .glogobig img {
                    height: 48px;
                    width: 48px;
                }
                .lottie .message .custom .text-questions:nth-child(1) a {
                    bottom: 160px;
                }
                .message .custom .text-questions:nth-child(1) a {
                    bottom: 150px;
                }
                .message .custom .text-questions:nth-child(2) a {
                    bottom: 95px;
                }
            }
            @media screen and (max-width: 1250px) {
                .boxreview {
                    margin: 0 4px 30px 4px;
                }
                .top-rated .oneimage img {
                    margin: 0 -350px 0 0;
                }
                .top-rated .innertopcontent p {
                    font-size: 22px;
                }
                .top-rated .innertopcontent h1 {
                    font-size: 65px;
                }
                .top-rated .innertopcontent h1 span {
                    font-size: 43px;
                }
                .top-rated .innertopcontent h2 {
                    font-size: 26px;
                }
                .top-rated .innertopcontent .onelinks p a,
                .top-rated .innertopcontent .onelinks p + p a {
                    font-size: 16px;
                    margin: 25px 12px 0 0;
                }
                .top-rated .innertopcontent p span {
                    font-size: 16px;
                    max-width: 410px;
                    text-align: left;
                }
                .top-rated .onetext {
                    text-align: center;
                }
                .top-rated .onetext .inneronetext {
                    text-align: left;
                    max-width: 415px;
                    margin: 0 auto;
                }
                .top-rated .mini-services .mainservice,
                .top-rated-2 .mini-services .mainservice {
                    max-width: 310px;
                    width: 25%;
                    margin: 0 25px 30px 25px;
                }
            }
            @media screen and (max-width: 1200px) {
                .top-rated .oneimage img {
                    margin: 0 -400px 0 0;
                }
                .top-rated .reviews .mini-review,
                .top-rated-2 .reviews .mini-review {
                    max-width: 265px;
                }
            }
            @media screen and (max-width: 1160px) {
                .boxreview {
                    margin: 0 4px 30px 4px;
                    width: 18%;
                    font-size: 16px;
                    min-height: 190px;
                }
                .top-rated .oneimage img {
                    margin: 0 -450px 0 0;
                }
                .top-rated-2.seolps .innertopcontent h1 {
                    font-size: 50px;
                }
            }
            @media screen and (max-width: 1100px) {
                .top-rated .oneimage img {
                    margin: 0 -500px 0 0;
                }
            }
            @media screen and (max-width: 1080px) {
                .lottie.top-rated-2 .topcontent {
                    max-height: 960px;
                    min-height: 960px;
                }
                #lottie {
                    width: 95%;
                }
                .top-rated-2.seolps .innertopcontent h1 {
                    font-size: 48px;
                }
            }
            @media screen and (max-width: 1060px) {
                .lottie.top-rated-2 .topcontent {
                    max-height: 930px;
                    min-height: 930px;
                }
            }
            @media screen and (max-width: 1050px) {
                .top-rated-2 .topcontent {
                    max-height: 895px;
                    min-height: 895px;
                }
                .top-rated-2 .topcontent .oneimage.joomla img {
                    max-width: 800px;
                }
                .top-rated-2.jooser .topcontent .oneimage.joomla img {
                    max-width: 480px;
                }
            }
            @media screen and (max-width: 1036px) {
                .logo {
                    width: 19%;
                }
            }
            @media screen and (max-width: 1030px) {
                .lottie.top-rated-2 .topcontent {
                    max-height: 920px;
                    min-height: 920px;
                }
            }
            @media screen and (max-width: 1024px) {
                .boxreview {
                    margin: 0 4px 30px 4px;
                    width: 20%;
                    font-size: 15px;
                    min-height: 150px;
                }
            }
            @media screen and (max-width: 1020px) {
                .top-rated .reviews .mini-review,
                .top-rated-2 .reviews .mini-review {
                    max-width: 100%;
                }
            }
            @media screen and (max-width: 1000px) {
                .boxreview {
                    margin: 0 12px 30px 12px;
                    width: 38%;
                    font-size: 16px;
                    min-height: 120px;
                    max-width: 400px;
                }
                .services .boxservice {
                    width: 28%;
                }
                .top-rated .onetext {
                    width: 100%;
                    margin: 78px auto 0 auto;
                }
                .top-rated .onetext .inneronetext {
                    text-align: center;
                }
                .top-rated .innertopcontent p span {
                    text-align: center;
                }
                .top-rated .oneimage {
                    position: relative;
                    width: 100%;
                }
                .top-rated .onetext {
                    width: 100%;
                    margin: 0 auto 0 auto;
                }
                .top-rated .oneimage img {
                    height: auto;
                    width: 100%;
                    margin: -60px auto 0 auto;
                    display: block;
                }
                .top-rated .topcontent {
                    min-height: auto;
                }
                .top-rated .mini-services .mainservice,
                .top-rated-2 .mini-services .mainservice {
                    max-width: 360px;
                    width: 30%;
                }
                .top-rated-2 .innertopcontent .inneronetext p {
                    font-size: 24px;
                }
                .top-rated-2 .joomla .innertopcontent .inneronetext p {
                    font-size: 28px;
                }
                .top-rated-2 .innertopcontent h1 {
                    font-size: 45px;
                }
                .top-rated-2 .innertopcontent h2 {
                    font-size: 24px;
                }
                .top-rated-2 .topcontent {
                    max-height: 835px;
                    min-height: 835px;
                }
                .top-rated-2.jooser .topcontent {
                    max-height: 870px;
                    min-height: 870px;
                }
                .top-rated-2 .topcontent .oneimage.joomla img {
                    width: 75%;
                }
                #faqs .faqbox {
                    width: 42%;
                }
                .lottie.top-rated-2 .topcontent {
                    max-height: 880px;
                    min-height: 880px;
                }
                .top-rated-2.seolps .innertopcontent h1 {
                    font-size: 42px;
                }
            }
            @media screen and (max-width: 980px) {
                .lottie.top-rated-2 .topcontent {
                    max-height: 870px;
                    min-height: 870px;
                }
            }
            @media screen and (max-width: 950px) {
                .top-rated-2 .topcontent .oneimage.joomla img {
                    width: 82%;
                }
            }
            @media screen and (max-width: 940px) {
                .lottie.top-rated-2 .topcontent {
                    max-height: 850px;
                    min-height: 850px;
                }
            }
            @media screen and (max-width: 920px) {
                .top-rated-2 .topcontent {
                    max-height: 775px;
                    min-height: 775px;
                }
                .joomla-templates .top-rated-2 .topcontent {
                    max-height: 814px;
                    min-height: 814px;
                }
                .top-rated-2 .topcontent .oneimage.joomla img {
                    width: 74%;
                }
            }
            @media screen and (max-width: 900px) {
                .lottie.top-rated-2 .topcontent {
                    max-height: 820px;
                    min-height: 820px;
                }
                .top-rated-2.seolps .innertopcontent h1 {
                    font-size: 38px;
                }
            }
            @media screen and (max-width: 870px) {
                .services h4,
                .contact .title {
                    font-size: 20px;
                }
                .services p {
                    font-size: 15px;
                }
                .cms .innertopcontent h1 {
                    font-size: 35px;
                    line-height: 45px;
                }
            }
            @media screen and (max-width: 860px) {
                .top-rated-2 .topcontent .oneimage.joomla img {
                    width: 80%;
                }
            }
            @media screen and (max-width: 850px) {
                .top-rated-2 .topcontent {
                    max-height: 740px;
                    min-height: 740px;
                }
                .top-rated-2 .topcontent.joomla {
                    max-height: 800px;
                    min-height: 800px;
                }
                .top-rated-2.jooser .topcontent {
                    max-height: 870px;
                    min-height: 870px;
                }
                .lottie.top-rated-2 .topcontent {
                    max-height: 800px;
                    min-height: 800px;
                }
            }
            @media screen and (max-width: 800px) {
                .services h4,
                .contact .title {
                    font-size: 17px;
                }
                .top-rated-2 .joomla .innertopcontent h1 br {
                    display: block;
                }
                .top-rated-2 .joomla .innertopcontent h1 {
                    font-size: 70px;
                    line-height: 64px;
                }
                .top-rated-2 .joomla .innertopcontent h1 span {
                    font-size: 60px;
                }
                .top-rated-2 .topcontent.joomla {
                    max-height: 860px;
                    min-height: 860px;
                }
                .top-rated-2.jooser .innertopcontent h1 span,
                .top-rated-2.jooser2 .innertopcontent h1 span {
                    margin: 0 0 0 0;
                }
                .top-rated-2.jooser .topcontent .oneimage.joomla img {
                    max-width: 400px;
                    min-width: auto;
                }
                .lottie.top-rated-2 .topcontent {
                    max-height: 770px;
                    min-height: 770px;
                }
                .lottie.top-rated-2.seolps .innertopcontent h1 {
                    font-size: 34px;
                }
            }
            @media screen and (max-width: 780px) {
                .cms .about h2,
                .cms .services h2,
                .cms .contact h2,
                .cms .reviews h2,
                .top-rated .mini-services h2,
                .top-rated-2 .mini-services h2 {
                    font-size: 31px;
                    max-width: 100%;
                    line-height: 42px;
                }
                .top-rated-2 .topcontent {
                    max-height: 720px;
                    min-height: 720px;
                }
                .top-rated-2 .topcontent .oneimage.joomla img {
                    width: 84%;
                }
                .top-rated-2 .topcontent.joomla {
                    max-height: 830px;
                    min-height: 830px;
                }
            }
            @media screen and (max-width: 768px) {
                .services .boxservice {
                    width: 44%;
                }
                .services h4,
                .contact .title {
                    font-size: 20px;
                }
                .services p {
                    font-size: 17px;
                }
            }
            @media screen and (max-width: 765px) {
                .services .boxservice {
                    width: 45%;
                    max-width: 400px;
                    margin: 0 10px 45px 10px;
                }
                .services p {
                    font-size: 16px;
                }
                .lottie.top-rated-2 .innertopcontent h1 {
                    font-size: 42px;
                }
            }
            @media screen and (max-width: 750px) {
                .boxreview {
                    min-height: 150px;
                }
                .top-rated-2 .innertopcontent h1 br {
                    display: block;
                }
                .top-rated-2 .innertopcontent h1 {
                    font-size: 64px;
                    line-height: 60px;
                }
                .top-rated-2 .innertopcontent h1 span {
                    font-size: 54px;
                }
                .top-rated-2 .innertopcontent h2 br {
                    display: block;
                }
                .top-rated-2 .innertopcontent h2 {
                    font-size: 30px;
                }
                .top-rated-2 .innertopcontent p span {
                    max-width: 515px;
                }
                .top-rated-2 .topcontent {
                    max-height: 810px;
                    min-height: 810px;
                }
                .top-rated-2 .innertopcontent p a {
                    font-size: 18px;
                }
                .top-rated-2 .topcontent.joomla {
                    max-height: 910px;
                    min-height: 910px;
                }
                .top-rated-2 .topcontent .oneimage.joomla img {
                    width: 90%;
                }
                .lottie.top-rated-2 .innertopcontent h1 {
                    font-size: 64px;
                }
                .lottie.top-rated-2 .topcontent {
                    max-height: 860px;
                    min-height: 860px;
                }
                .lottie.top-rated-2 .innertopcontent h1 strong {
                    display: none;
                }
                .lottie.top-rated-2.seolps .innertopcontent h1 {
                    font-size: 64px;
                }
                .lottie.top-rated-2.seolps .innertopcontent h1 span {
                    font-size: 42px;
                }
            }
            @media screen and (max-width: 730px) {
                #lottie {
                    width: 98%;
                }
            }
            @media screen and (max-width: 710px) {
                #lottie {
                    width: 100%;
                }
            }
            @media screen and (max-width: 700px) {
                #faqs .faqbox {
                    width: 80%;
                }
            }
            @media screen and (max-width: 690px) {
                .lottie.top-rated-2 .topcontent {
                    max-height: 840px;
                    min-height: 840px;
                }
            }
            @media screen and (max-width: 680px) {
                .innertopcontent h1 {
                    font-size: 38px;
                    max-width: 100%;
                    line-height: 45px;
                }
                .innertopcontent h1 span {
                    font-size: 25px;
                }
                .about h2,
                services h2,
                .contact h2,
                .reviews h2,
                .top-rated .mini-services h2,
                .top-rated-2 .mini-services h2 {
                    font-size: 31px;
                    max-width: 100%;
                    line-height: 42px;
                }
                .innertopcontent h2 {
                    font-size: 25px;
                }
                .contact a.boxcontact {
                    margin: 0 5px 30px 5px;
                }
                .contact .boxcontact {
                    padding: 70px 0 70px 0;
                }
                .innertopcontent {
                    padding: 40px 0 55px 0;
                }
                .blog .innertopcontent p,
                .blog .innertopcontent p a {
                    font-size: 22px;
                }
                .blog .innertopcontent h2,
                .blog .innertopcontent .faq h3.title,
                .blog .innertopcontent h3 {
                    font-size: 22px;
                }
                pre {
                    font-size: 16px;
                }
                .cms .innertopcontent h1 {
                    font-size: 28px;
                    line-height: 34px;
                }
                .cms .innertopcontent h2 {
                    font-size: 20px;
                }
                .top-rated-2 .topcontent {
                    max-height: 770px;
                    min-height: 770px;
                }
                .lottie.top-rated-2 .topcontent {
                    max-height: 820px;
                    min-height: 820px;
                }
                .lottie .innertopcontent {
                    padding: 40px 0 0 0;
                }
                .message .text-questions.dos a {
                    bottom: 65px;
                }
            }
            @media screen and (max-width: 660px) {
                .lottie.top-rated-2 .topcontent {
                    max-height: 805px;
                    min-height: 805px;
                }
            }
            @media screen and (max-width: 650px) {
                .boxreview {
                    font-size: 15px;
                }
                .top-rated-2 .topcontent.joomla {
                    max-height: 870px;
                    min-height: 870px;
                }
                .top-rated-2 .joomla .innertopcontent h1 {
                    font-size: 62px;
                    line-height: 54px;
                }
                .top-rated-2 .joomla .innertopcontent h1 span {
                    font-size: 52px;
                }
                .logo img {
                    max-width: 150px;
                }
            }
            @media screen and (max-width: 640px) {
                .cms .about h2,
                .cms .services h2,
                .cms .contact h2,
                .cms .reviews h2 {
                    font-size: 28px;
                }
                .top-rated-2 .topcontent.joomla {
                    max-height: 830px;
                    min-height: 830px;
                }
                .lottie.top-rated-2 .topcontent {
                    max-height: 795px;
                    min-height: 795px;
                }
            }
            @media screen and (max-width: 610px) {
                .lottie.top-rated-2 .topcontent {
                    max-height: 780px;
                    min-height: 780px;
                }
            }
            @media screen and (max-width: 600px) {
                .top-rated .onetext {
                    min-width: 100%;
                }
                .lottie.top-rated-2 .topcontent {
                    max-height: 785px;
                    min-height: 785px;
                }
            }
            @media screen and (max-width: 599px) {
                .top-rated-2 .innertopcontent {
                    padding: 15px 0 32px 0;
                }
            }
            @media screen and (max-width: 590px) {
                .innertopcontent h1 {
                    font-size: 36px;
                }
                .innertopcontent h1 span {
                    font-size: 22px;
                }
                .about h2,
                .services h2,
                .contact h2,
                .reviews h2,
                .top-rated .mini-services h2,
                .top-rated-2 .mini-services h2 {
                    font-size: 29px;
                    line-height: 40px;
                }
                .services .boxservice {
                    width: 44%;
                }
                .top-rated .mini-services .mainservice,
                .top-rated-2 .mini-services .mainservice {
                    max-width: 360px;
                    width: 35%;
                }
                .top-rated-2 .topcontent {
                    max-height: 840px;
                    min-height: 840px;
                }
                .top-rated-2 .topcontent .oneimage img {
                    width: 120%;
                    min-width: 700px;
                }
                .top-rated-2 .topcontent .oneimage.joomla img {
                    width: 90%;
                    max-width: 100%;
                    min-width: 92%;
                }
                .lottie.top-rated-2 .topcontent {
                    max-height: 765px;
                    min-height: 765px;
                }
                .top-rated-2 .topcontent .oneimage {
                    overflow-x: scroll;
                }
            }
            @media screen and (max-width: 580px) {
                .cms .about h2,
                .cms .services h2,
                .cms .contact h2,
                .cms .reviews h2 {
                    font-size: 24px;
                    line-height: 36px;
                }
                .top-rated-2 .joomla .innertopcontent .inneronetext p {
                    font-size: 22px;
                }
                .top-rated-2 .joomla .innertopcontent h1 {
                    font-size: 44px;
                    line-height: 42px;
                }
                .top-rated-2 .joomla .innertopcontent h1 span {
                    font-size: 38px;
                }
                .top-rated-2 .joomla .innertopcontent h2 {
                    font-size: 22px;
                }
                .top-rated-2 .joomla .innertopcontent p span {
                    max-width: 430px;
                    font-size: 18px;
                }
                .top-rated-2 .topcontent.joomla {
                    max-height: 755px;
                    min-height: 755px;
                }
                .top-rated-2.jooser .topcontent .oneimage.joomla img {
                    max-width: 360px;
                }
            }
            @media screen and (max-width: 560px) {
                .innertopcontent h1 {
                    font-size: 34px;
                    line-height: 40px;
                }
                .innertopcontent h1 span {
                    font-size: 20px;
                }
                .about h2,
                .services h2,
                .contact h2,
                .reviews h2,
                .top-rated .mini-services h2,
                .top-rated-2 .mini-services h2 {
                    font-size: 30px;
                    line-height: 38px;
                }
                .innertopcontent h2 {
                    font-size: 22px;
                }
                .top-rated .innertopcontent {
                    padding: 35px 0 55px 0;
                }
                .top-rated .innertopcontent h1 {
                    font-size: 50px;
                    line-height: 40px !important;
                }
                .top-rated .innertopcontent h1 span {
                    font-size: 34px;
                }
                .top-rated .innertopcontent p {
                    font-size: 16px;
                }
                .top-rated .innertopcontent h2 {
                    font-size: 22px;
                }
                .top-rated .innertopcontent .onelinks p a,
                .top-rated .innertopcontent .onelinks p + p a {
                    font-size: 12px;
                    margin: 18px 15px 0 0;
                }
                .top-rated .innertopcontent p span {
                    font-size: 14px;
                    max-width: 284px;
                    line-height: 24px;
                    margin: 0;
                }
                .top-rated .mini-services .mainservice,
                .top-rated-2 .mini-services .mainservice {
                    width: 50%;
                }
                .top-rated-2 .innertopcontent .inneronetext p {
                    font-size: 20px;
                }
                .top-rated-2 .innertopcontent h1 {
                    font-size: 58px;
                    line-height: 45px;
                }
                .top-rated-2 .innertopcontent h1 span {
                    font-size: 45px;
                }
                .top-rated-2 .innertopcontent h2 {
                    font-size: 25px;
                }
                .top-rated-2 .innertopcontent p a {
                    font-size: 15px;
                }
                .top-rated-2 .joomla .innertopcontent p a {
                    font-size: 12px;
                }
                .top-rated-2 .innertopcontent p span {
                    max-width: 370px;
                    font-size: 18px;
                }
                .top-rated-2 .topcontent {
                    max-height: 705px;
                    min-height: 705px;
                }
                .top-rated-2 .topcontent.joomla {
                    max-height: 730px;
                    min-height: 730px;
                }
                .message .text-questions a {
                    font-size: 13px;
                }
                .message .text-questions a span {
                    font-size: 16px;
                }
                .centrado .blog .innertopcontent h1 + p {
                    font-size: 15px;
                    max-width: 200px;
                    line-height: 20px;
                }
                .lottie.top-rated-2 .innertopcontent h1 {
                    font-size: 48px;
                }
                .lottie.top-rated-2 .topcontent {
                    max-height: 680px;
                    min-height: 680px;
                }
                .message .text-questions.dos a {
                    bottom: 60px;
                }
                .message .text-questions.big a {
                    min-width: 70px;
                    padding: 10px 14px 10px 14px;
                }
                .lottie.top-rated-2.seolps .innertopcontent h1 {
                    font-size: 48px;
                }
                .lottie.top-rated-2.seolps .innertopcontent h1 span {
                    font-size: 30px;
                }
                .top-rated-2 .reviewstext {
                    font-size: 13px;
                }
                .top-rated-2 .reviewstext img {
                    height: 18px;
                    width: 18px;
                }
                .top-rated-2 .glogobig img {
                    height: 38px;
                    width: 38px;
                }
                .lottie .message .custom .text-questions:nth-child(1) a {
                    bottom: 130px;
                }
                .message .custom .text-questions:nth-child(1) a {
                    bottom: 125px;
                }
                .message .custom .text-questions:nth-child(2) a {
                    bottom: 80px;
                }
            }
            @media screen and (max-width: 550px) {
                .cms .innertopcontent h1 {
                    font-size: 22px;
                    line-height: 28px;
                }
                .cms .innertopcontent h2 {
                    font-size: 16px;
                }
                .top-rated .reviews .writing,
                .top-rated .reviews .image p,
                .top-rated .reviews .image h5 {
                    font-size: 14px;
                }
                .top-rated-2 .joomla .innertopcontent p span {
                    font-size: 15px;
                }
                .top-rated-2 .topcontent.joomla {
                    max-height: 680px;
                    min-height: 680px;
                }
                .nav li a,
                .nav li button {
                    padding: 28px 8px 28px 8px;
                }
            }
            @media screen and (max-width: 540px) {
                .services h4,
                .contact .title {
                    font-size: 17px;
                }
                .services .boxservice {
                    margin: 0 4px 45px 4px;
                }
                .services .boxservice {
                    width: 47%;
                }
                .sharing {
                    left: 0;
                }
                .share-buttons li span {
                    font-size: 16px !important;
                    border-radius: 0 5px 5px 0;
                    margin: 0 0 4px 0;
                }
                .share-buttons li + li span {
                    font-size: 16px !important;
                }
                .lottie.top-rated-2 .topcontent {
                    max-height: 665px;
                    min-height: 665px;
                }
            }
            @media screen and (max-width: 530px) {
                .contact .text {
                    font-size: 16px;
                }
                .boxreview {
                    font-size: 16px;
                    min-height: 210px;
                    width: 35%;
                }
                .innertopcontent h1 {
                    font-size: 30px;
                    line-height: 38px;
                }
                .innertopcontent h1 span {
                    font-size: 18px;
                }
                .about h2,
                .services h2,
                .contact h2,
                .reviews h2,
                .top-rated .mini-services h2,
                .top-rated-2 .mini-services h2 {
                    font-size: 26px;
                    line-height: 36px;
                }
                .about h3,
                .services h3,
                .contact h3,
                .reviews h3,
                .top-rated .mini-services h3 {
                    font-size: 15px;
                }
                .blog .innertopcontent p,
                .blog .innertopcontent p a {
                    font-size: 20px;
                    line-height: 30px;
                }
            }
            @media screen and (max-width: 520px) {
                .lottie.top-rated-2 .topcontent {
                    max-height: 655px;
                    min-height: 655px;
                }
            }
            @media screen and (max-width: 500px) {
                .cms .about h2,
                .cms .services h2,
                .cms .contact h2,
                .cms .reviews h2 {
                    font-size: 22px;
                }
                .top-rated form input,
                .top-rated form textarea,
                .top-rated-2 form input,
                .top-rated-2 form textarea,
                #quote form input,
                #quote form textarea {
                    width: 94%;
                }
                .top-rated-2 .topcontent.joomla {
                    max-height: 648px;
                    min-height: 648px;
                }
                .top-rated-2.jooser .topcontent.joomla {
                    max-height: 700px;
                    min-height: 700px;
                }
                .top-rated-2.jooser .joomla .innertopcontent h2 {
                    font-size: 18px;
                }
                .top-rated-2.jooser .joomla .innertopcontent .inneronetext p {
                    font-size: 20px;
                }
                #quote form .contacttext input[name="name"],
                #quote form .contacttext input[name="email"] {
                    width: 92%;
                }
                #callback form .contacttext input[name="name"],
                #callback form .contacttext input[name="email"] {
                    width: 92%;
                }
            }
            @media screen and (max-width: 490px) {
                .lottie.top-rated-2 .topcontent {
                    max-height: 640px;
                    min-height: 640px;
                }
            }
            @media screen and (max-width: 470px) {
                .nav li.hidemobile {
                    display: none;
                }
                .share-buttons li span {
                    padding: 12px 9px 12px 9px;
                }
                .share-buttons li + li span {
                    padding: 12px 6px 12px 6px;
                }
                .blog .innertopcontent h1 {
                    font-size: 23px;
                }
                .blog .innertopcontent h2,
                .blog .innertopcontent .faq h3.title,
                .blog .innertopcontent h3 {
                    font-size: 20px;
                }
                .innertopcontent h1 {
                    font-size: 24px;
                    line-height: 34px;
                }
                .innertopcontent h2 {
                    font-size: 18px;
                }
                .blog .innertopcontent p,
                .blog .innertopcontent p a {
                    font-size: 18px;
                }
                .about h2,
                .services h2,
                .contact h2,
                .reviews h2,
                .top-rated .mini-services h2,
                .top-rated-2 .mini-services h2 {
                    font-size: 21px;
                    line-height: 32px;
                }
                .innertopcontent {
                    padding: 35px 0 55px 0;
                }
                .innertopcontent p a {
                    font-size: 15px;
                }
                .services h4,
                .contact .title {
                    font-size: 16px;
                }
                .joomla .innertopcontent {
                    padding: 35px 0 48px 0;
                }
                .top-rated .mini-services h3,
                .top-rated-2 .mini-services h3 {
                    font-size: 16px;
                }
            }
            @media screen and (max-width: 465px) {
                .lottie.top-rated-2 .topcontent {
                    max-height: 625px;
                    min-height: 625px;
                }
            }
            @media screen and (max-width: 460px) {
                .cms .about h2,
                .cms .services h2,
                .cms .contact h2,
                .cms .reviews h2 {
                    font-size: 18px;
                    line-height: 30px;
                }
                .top-rated .innertopcontent p {
                    font-size: 14px;
                    margin: 0 0 16px 0;
                }
                .top-rated .innertopcontent h2 {
                    font-size: 17px;
                }
                .top-rated .innertopcontent h1 {
                    font-size: 42px;
                    line-height: 34px !important;
                }
                .top-rated .innertopcontent h1 span {
                    font-size: 28px;
                }
                .top-rated .innertopcontent .onelinks p a,
                .top-rated .innertopcontent .onelinks p + p a {
                    font-size: 11px;
                    margin: 14px 15px 0 0;
                    padding: 10px 18px 10px 18px;
                }
                .top-rated .innertopcontent p span {
                    font-size: 11px;
                    line-height: 20px;
                }
                .top-rated form h2,
                .top-rated-2 form h2,
                #quote form h2,
                #work form h2,
                .work form h2 {
                    font-size: 25px;
                }
                .top-rated form h3,
                .top-rated-2 form h3,
                #quote form h3,
                #work form h3,
                .work form h3 {
                    font-size: 14px;
                }
                .top-rated form input,
                .top-rated form textarea,
                .top-rated-2 form input,
                .top-rated-2 form textarea {
                    font-size: 12px;
                }
                .top-rated form textarea,
                .top-rated-2 form textarea {
                    height: 45px;
                }
                .top-rated-2 form .centerform,
                .top-rated-2 form .centerform label,
                #quote form .centerform label {
                    font-size: 14px;
                }
                .top-rated-2 .joomla .innertopcontent p span {
                    font-size: 16px;
                    max-width: 325px;
                }
                .logo img {
                    max-width: 100px;
                }
            }
            @media screen and (max-width: 440px) {
                .cms .innertopcontent h1 {
                    font-size: 20px;
                }
                .cms .innertopcontent h2 {
                    font-size: 16px;
                }
                .top-rated form input,
                .top-rated form textarea,
                .top-rated-2 form input,
                .top-rated-2 form textarea,
                #quote form input,
                #quote form textarea {
                    width: 93%;
                }
                .lottie.top-rated-2 .topcontent {
                    max-height: 610px;
                    min-height: 610px;
                }
                #quote form .contacttext input[name="name"],
                #quote form .contacttext input[name="email"] {
                    width: 89%;
                }
                #callback form .contacttext input[name="name"],
                #callback form .contacttext input[name="email"] {
                    width: 89%;
                }
            }
            @media screen and (max-width: 435px) {
                .lottie.top-rated-2 .topcontent {
                    max-height: 625px;
                    min-height: 625px;
                }
            }
            @media screen and (max-width: 430px) {
                .lottie.top-rated-2 .topcontent {
                    max-height: 610px;
                    min-height: 610px;
                }
            }
            @media screen and (max-width: 420px) {
                .contact a.boxcontact {
                    display: block;
                    width: 80%;
                    padding: 40px 0 40px 0;
                }
                .contact a.boxcontact {
                    margin: 0 auto 30px auto;
                }
                .services .boxservice {
                    width: 90%;
                }
                .services .boxservice:nth-child(7) {
                    margin-bottom: 45px;
                }
                .boxreview {
                    font-size: 16px;
                    min-height: auto;
                    width: 80%;
                }
                .top-rated .mini-services .mainservice,
                .top-rated-2 .mini-services .mainservice {
                    width: 60%;
                }
            }
            @media screen and (max-width: 415px) {
                .lottie.top-rated-2 .innertopcontent h1 {
                    font-size: 42px;
                }
                .lottie.top-rated-2 .topcontent {
                    max-height: 610px;
                    min-height: 610px;
                }
            }
            @media screen and (max-width: 410px) {
                .top-rated-2 .innertopcontent .inneronetext p {
                    font-size: 18px;
                }
                .top-rated-2 .innertopcontent h2 {
                    font-size: 22px;
                }
                .top-rated-2 .innertopcontent .inneronetext p {
                    font-size: 18px;
                }
                .top-rated-2 .innertopcontent h1 {
                    font-size: 52px;
                }
                .top-rated-2 .innertopcontent h1 span {
                    font-size: 40px;
                }
                .innertopcontent p a {
                    margin: 18px 4px 0 4px;
                    padding: 10px 10px 10px 10px;
                }
            }
            @media screen and (max-width: 400px) {
                .nav li a,
                .nav li button {
                    padding: 28px 5px 28px 5px;
                    font-size: 12px;
                }
                .lottie.top-rated-2 .topcontent {
                    max-height: 585px;
                    min-height: 585px;
                }
            }
            @media screen and (max-width: 390px) {
                .cms .innertopcontent h1 {
                    font-size: 18px;
                    line-height: 26px;
                }
                .lottie.top-rated-2.seolps .innertopcontent h1 {
                    font-size: 45px;
                    line-height: 34px;
                }
                .lottie.top-rated-2.seolps .innertopcontent h1 span {
                    font-size: 28px;
                }
            }
            @media screen and (max-width: 380px) {
                .cms .about h2,
                .cms .services h2,
                .cms .contact h2,
                .cms .reviews h2 {
                    font-size: 16px;
                    line-height: 24px;
                }
                .top-rated-2 .topcontent.joomla {
                    max-height: 605px;
                    min-height: 605px;
                }
                .top-rated-2.jooser .joomla .innertopcontent h2 {
                    font-size: 17px;
                }
                .nav li a,
                .nav li button {
                    font-size: 11px;
                }
            }
            @media screen and (max-width: 370px) {
                .lottie.top-rated-2 .topcontent {
                    max-height: 570px;
                    min-height: 570px;
                }
            }
            @media screen and (max-width: 365px) {
                .lottie.top-rated-2 .innertopcontent .inneronetext p {
                    font-size: 16px;
                }
                .lottie.top-rated-2 .innertopcontent h1 span {
                    font-size: 34px;
                }
                .lottie.top-rated-2 .innertopcontent h1 {
                    font-size: 38px;
                }
                .lottie.top-rated-2 .innertopcontent h2 {
                    font-size: 18px;
                }
            }
            @media screen and (max-width: 360px) {
                .innertopcontent h1 {
                    font-size: 22px;
                    line-height: 30px;
                }
                .top-rated-2 .innertopcontent h1 {
                    margin: 12px 0 0 0;
                }
                .about h2,
                .services h2,
                .contact h2,
                .reviews h2,
                .top-rated .mini-services h2,
                .top-rated-2 .mini-services h2 {
                    font-size: 17px;
                    line-height: 26px;
                }
                .innertopcontent h2 {
                    font-size: 18px;
                    max-width: 265px;
                    margin: 6px auto 2px auto;
                    line-height: 28px;
                }
                .innertopcontent p a {
                    font-size: 12px;
                }
                .services h4,
                .contact .title {
                    font-size: 16px;
                }
                .blog .innertopcontent h1 {
                    font-size: 20px;
                }
                .blog .innertopcontent {
                    width: 74%;
                }
                .cms .innertopcontent h1 {
                    font-size: 18px;
                }
                .cms .innertopcontent h2 {
                    line-height: 22px;
                    max-width: 200px;
                }
                .top-rated-2 .innertopcontent h1 span {
                    font-size: 38px;
                }
                .top-rated-2 .innertopcontent h2 {
                    font-size: 18px;
                    max-width: 285px;
                }
                .top-rated-2 .innertopcontent .inneronetext p {
                    font-size: 16px;
                }
                .top-rated-2 .innertopcontent h1 {
                    font-size: 48px;
                    line-height: 40px;
                }
                .top-rated-2 .innertopcontent h2 {
                    font-size: 20px;
                    max-width: 320px;
                    line-height: 25px;
                    margin: 10px auto 0 auto;
                }
                .top-rated-2 .innertopcontent p span {
                    max-width: 340px;
                }
                .top-rated-2 .topcontent.joomla {
                    max-height: 550px;
                    min-height: 550px;
                }
                .lottie.top-rated-2 .topcontent {
                    max-height: 530px;
                    min-height: 530px;
                }
                .top-rated .mini-services h3,
                .top-rated-2 .mini-services h3 {
                    font-size: 14px;
                }
                .lottie.top-rated-2 .mini-services .story p {
                    font-size: 18px;
                }
                .lottie.top-rated-2.seolps .innertopcontent h1 {
                    font-size: 40px;
                    line-height: 34px;
                }
                .lottie.top-rated-2.seolps .innertopcontent h1 span {
                    font-size: 25px;
                }
                #quote form .contacttext input[name="name"],
                #quote form .contacttext input[name="email"] {
                    width: 87%;
                }
                #callback form .contacttext input[name="name"],
                #callback form .contacttext input[name="email"] {
                    width: 87%;
                }
                .top-rated-2 .innertopcontent p span {
                    margin: 18px auto 0 auto;
                }
            }
            @media screen and (max-width: 350px) {
                .cms .innertopcontent h1 {
                    font-size: 17px;
                }
                .joomla .innertopcontent p a {
                    padding: 10px 8px 10px 8px;
                }
            }
            @media screen and (max-width: 345px) {
                .top-rated-2 .joomla .innertopcontent .inneronetext p {
                    font-size: 20px;
                }
                .top-rated-2 .joomla .innertopcontent h1 {
                    font-size: 40px;
                    line-height: 36px;
                }
                .top-rated-2 .joomla .innertopcontent h1 span {
                    font-size: 34px;
                }
                .top-rated-2 .joomla .innertopcontent h1 {
                    margin: 10px 0 0 0;
                }
            }
       
            @media screen and (max-width: 330px) {
                .nav li a,
                .nav li button {
                    padding: 28px 6px 28px 6px;
                }
                .top-rated-2 .innertopcontent h1 {
                    font-size: 45px;
                }
                .top-rated-2 .innertopcontent .inneronetext p {
                    font-size: 15px;
                }
                .top-rated-2 .innertopcontent h1 span {
                    font-size: 36px;
                }
                .top-rated-2 .innertopcontent h2 {
                    font-size: 18px;
                }
                .top-rated-2 .innertopcontent p a {
                    font-size: 13px;
                }
                .top-rated-2 .seereviews {
                    right: 0;
                }
                .message .text-questions a {
                    left: 0;
                }
            }
            @media screen and (max-width: 325px) {
                .innertopcontent h1 {
                    font-size: 20px;
                    line-height: 28px;
                }
                .innertopcontent h1 span {
                    font-size: 16px;
                }
                .top-rated-2 .innertopcontent h1 {
                    font-size: 43px;
                }
            }
            @media screen and (max-width: 319px) {
                .top-rated-2 .innertopcontent h1 {
                    font-size: 41px;
                }
            }
            @media screen and (min-width: 2000px) {
                .topcontent {
                    min-height: auto;
                }
                .popup {
                    max-height: 410px;
                }
            }
            @media screen and (max-height: 420px) {
                .popup {
                    height: 60%;
                }
            }
            @media screen and (max-height: 600px) {
            }
            @media screen and (max-height: 510px) {
            }
        </style>
        <style>
            .blog .innertopcontent .maindion.norelco {
                position: fixed;
                width: 100%;
                max-width: 250px;
                right: 0;
                top: 90px;
                opacity: 0.05;
                margin: 0;
                padding: 0;
                border: 0;
            }
            .blog .innertopcontent .maindion.norelco h3 {
                text-transform: uppercase;
                max-width: 215px;
                text-align: center;
                margin: 0 auto 10px auto;
                font-size: 18px;
                font-family: "Supfort Bold", Tahoma, Geneva, sans-serif;
                color: #616161;
            }
            .blog .innertopcontent .maindion.norelco h3 a {
                color: #616161;
            }
            .darkmode .blog .innertopcontent .maindion.norelco h3 a {
                color: #fff;
            }
            .blog .innertopcontent .maindion.norelco .dion label::after {
                right: 6.5%;
            }
            .sticky .blog .innertopcontent .maindion.norelco {
                top: 10px;
                opacity: 1;
            }
            .blog .innertopcontent .maindion.norelco.five .dion {
                border-radius: 5px 5px 0 0;
            }
            .blog .innertopcontent .maindion.norelco.five .dion + .dion {
                border-radius: 0 0 5px 5px;
            }
            .blog .innertopcontent .maindion.norelco.five .dion label + .content .innercontent {
                width: 80%;
            }
            @media screen and (max-width: 1100px) {
                .blog .innertopcontent .maindion.norelco {
                    display: none;
                }
            } /* NEW OVERRIDING STYLES */
            .blog .innertopcontent .dion p {
                display: block;
                font-size: unset;
                margin: 10px 0 10px 0;
                line-height: 20px;
            }
            /*STYLE DU BAS DE SECTION*/
            /*.blog .innertopcontent .maindion {
                /*border-bottom: 1px dashed;*//***POINTILLES DU BAS ***/
                /*padding: 0 0 75px 0;
                margin: 0 0 75px 0;*/
            }
            .blog .innertopcontent h2.diontitle {
                background: #efefef;
                padding: 18px 0 18px 0;
            }
            .blog .innertopcontent h3.diontitle {
                margin: 0 auto 5px auto;
                text-transform: uppercase;
                text-align: center;
                font-size: 22px;
                max-width: 100%;
                font-family: "Supfort Bold", Tahoma, Geneva, sans-serif;
            }
            .blog .innertopcontent h3.diontitle + p {
                text-align: center;
                border-radius: 3px;
                padding: 5px 12px 5px 12px;
                font-size: 18px;
                max-width: 460px;
                margin: 0 auto 25px auto;
                line-height: 22px;
            } /* HOVER LINKS */
            .blog .innertopcontent .dionlinks {
                position: fixed;
                top: 90px;
                right: 10px;
                z-index: 10;
            }
            .sticky .blog .innertopcontent .dionlinks {
                top: 10px;
            }
            .blog .innertopcontent .dionlinks p {
                margin: 0;
                line-height: 24px;
            }
            .blog .innertopcontent .dionlinks p a {
                background: #fff;
                border: 1px solid #f7f7f7;
                color: #fff;
                font-size: 14px;
                display: inline-block;
                width: 120px;
                text-align: center;
                border-radius: 3px;
                margin: 0;
                padding: 0;
                line-height: 30px;
            }
            .sticky .blog .innertopcontent .dionlinks p a {
                background: #5c9c84;
                border: 1px solid #5c9c84;
                color: #fff;
            } /* HIDES THE INPUT WHICH IS NOT NEEDED TO BE DISPLAYED */
            .dion input {
                display: none;
            } /* THIS IS THE MAIN SECTION WITH CLASS DION */
            .dion {
                background: #68ac93;
                width: 90%;
                margin: 0 auto 1px auto;
                border: 1px solid #68ac93;
                transition: ease 0.26s;
                position: relative;
                max-width: 800px;
                border-bottom: 1px solid #c5c5c5;
            }
            .one .dion {
                border-bottom: 1px solid #68ac93;
            }
            .two .dion {
                background: #e5e5e5;
                border: 1px solid #e5e5e5;
            }
            .three .dion,
            .four .dion {
                background: none;
                border: 0;
            }
            .five .dion {
                border: 0px solid #68ac93;
                background: #2770b3;
                margin: 0 auto 0 auto;
                border-bottom: 0px solid #11589a;
            }
            .five.orange .dion {
                background: #e84722;
            }
            .five.darkgreen .dion {
                background: #305247;
            }
            .two.ocho .dion {
                background: #fbfbfb;
                border: 1px solid #f9f9f9;
                border: 1px solid #617962;
                box-shadow: inset 0 1px 0 #fff;
            }
            .two.ocho.darking .dion {
                background: #fff;
                border: 1px solid #222;
                box-shadow: inset 0 1px 0 #000;
            }
            .five.orange.purple .dion {
                background: #683f9e;
                margin: 0 auto 0 auto;
                border: 1px solid #683f9e;
                border-bottom: 1px solid #52278e;
            }
            .five.orange.purple.blue .dion {
                background: #0090b5;
                margin: 0 auto 5px auto;/**espacement des cadres**/
                border: 3px solid #fff;
                border-radius: 5px;
                box-shadow: 0 0 8px 0 #b7b7b7;
                transition: ease 0.26s;
            }
            .five.orange.purple.blue.safi .dion {
                border-radius: 60px;
                box-shadow: 0 0 0 0 #b7b7b7;
                border: 0px solid #fff;
                background: none;
            }
            .dion:hover {
                background: #418a6f;
            }
            .two .dion:hover {
                background: #fff;
            }
            .three .dion:hover,
            .four .dion:hover {
                background: none;
            }
            .five .dion:hover {
                background: #1d1e1a;
                border-bottom: 0px solid #1d1e1a;
            }
            .five.darkgreen .dion:hover {
                background: #21332d;
            }
            .two.ocho .dion:hover {
                background: #617962;
                box-shadow: inset 0 1px 0 #6c8a6d;
                color: #fff;
            }
            .five.orange.purple .dion:hover {
                background: #51396f;
            }
            .five.orange.purple.blue .dion:hover {
                background: #0090b5;
            }
            .five.orange.purple.blue.safi .dion:hover {
               /* border: 3px solid rgb(92 ,66, 109);*/
                background: none;
            }
            .five.orange.purple.blue .dion label:hover,
            .five.orange.purple.blue .dion input:checked + label {
                color: #fff;
                background: #006c88;
                border-radius: 2px;
                border-bottom: 0px solid;
            }
            .five.orange.purple.blue.safi .dion label:hover,
            .five.orange.purple.blue.safi .dion input:checked + label {
                border-radius: 60px;
                background: #0a7285;
            }
            .five.orange.purple.blue.safi.white .dion label:hover,
            .five.orange.purple.blue.safi.white .dion input:checked + label {
                background: #f6f6f6;
                /*border: 3px solid rgb(92 ,66, 109);*/
            }
            .maindion .dion:first-child {
                border-radius: 3px 3px 0 0;
            }
            .five .dion:first-child {
                border-radius: 5px 5px 0 0;
            }
            .two.ocho .dion:first-child {
                border-radius: 6px 6px 0 0;
            }
            .two.ocho.darking .dion:first-child {
                border-radius: 0;
            }
            .two.ocho .dion:first-child label:hover,
            .two.ocho .dion:first-child input:checked + label {
                border-radius: 5px 5px 0 0;
            }
            .two.ocho.darking .dion:first-child label:hover,
            .two.ocho.darking .dion:first-child input:checked + label {
                border-radius: 0;
            }
            .maindion .dion:last-child {
                border-radius: 0 0 3px 3px;
            }
            .five .dion:last-child {
                border-radius: 0 0 5px 5px;
                border-bottom: 0px solid;
            }
            .two.ocho .dion:last-child {
                border-radius: 0 0 6px 6px;
            }
            .two.ocho.darking .dion:last-child {
                border-radius: 0;
            }
            .two.ocho .dion:last-child label:hover,
            .two.ocho .dion:last-child input:checked + label + .content {
                border-radius: 0 0 4px 4px;
            }
            .two.ocho.darking .dion:last-child label:hover,
            .two.ocho.darking .dion:last-child input:checked + label + .content {
                border-radius: 0;
            }
            .two.ocho .dion:last-child input:checked + label {
                border-radius: 0 0 0 0;
            }
            .five .dion:first-child input:checked + label {
                border-radius: 5px 5px 0 0;
            }
            .one .dion:last-child input:checked + label + .content {
                border-radius: 0 0 3px 3px;
            } /* THIS IS THE LABEL WHERE QUESTION IS DISPLAYED */
            .dion label {
                font-size: 16px;
                color: #fff;
                padding: 12px 24px 12px 10px;
                display: block;
                cursor: pointer;
                position: relative;
                z-index: 10;
                transition: ease 0.26s;
            }
            .two .dion label {
                color: #616161;
                border-bottom: 1px solid #c5c5c5;
            }
            .three .dion label {
                padding: 12px 24px 12px 20px;
                z-index: 10;
                border-radius: 35px;
                background: #4d5159;
                transition: ease 0.26s;
            }
            .three.red .dion label {
                background: #ed5565;
            }
            .three.green .dion label {
                background: #03a678;
            }
            .three.white .dion label {
                background: #fff;
                box-shadow: 0 0 10px 0px #afafaf;
                margin: 0 0 10px 0;
                border: 1px solid #ccc;
                color: #515151;
            }
            .three.blue .dion label {
                background: #4a89dc;
            }
            .four .dion label {
                border-bottom: 2px solid #1f2426;
                background: #3b4549;
                border-radius: 4px;
            }
            .two.ocho .dion label {
                color: #616161;
                border-bottom: 0px solid #c5c5c5;
                transition: ease 0s;
            }
            .two.ocho.darking .dion label {
                color: #fff;
                background: #3d3d3d;
                border-bottom: 0px solid #c5c5c5;
                transition: ease 0s;
            }
            .two.ocho.darking.green .dion label {
                background: #144d78;
            }
            .five.orange.purple.blue.safi .dion label {
                box-shadow: 0 0 8px 0 #b7b7b7;
                border: 3px solid #fff;/** CONTOUR BLANC ORGANIGRAMME COURS **/
                border-radius: 60px;
                background: #212528;
                transition: ease 0.26s;
            }
            .five.orange.purple.blue.safi.white .dion label {
                box-shadow: 0 0 5px 0 #b7b7b7;
                border: 3px solid #fff;/** CONTOUR BLANC ORGANIGRAMME COURS **/
                border-radius: 60px;
                background: #f6f6f6;
                color: #515151;
            }
            .five.orange.purple.blue.safi.white .dion label {
                transition: 0.35s ease;
            }
            .two.ocho .dion label:hover,
            .two.ocho .dion input:checked + label {
                background: #617962;
                box-shadow: inset 0 1px 0 #6c8a6d;
                color: #fff;
            }
            .two.ocho.darking .dion label:hover,
            .two.ocho.darking .dion input:checked + label {
                background: #222;
                box-shadow: inset 0 1px 0 #6c8a6d;
                color: #fff;
            }
            .two.ocho.darking.green .dion label:hover,
            .two.ocho.darking.green .dion input:checked + label {
                background: #0d324d;
                box-shadow: inset 0 1px 0 #0d324d;
                color: #fff;
            }
            .three .dion label:hover {
                background: #322d42;
            }
            .three.red .dion label:hover {
                background: #da4453;
            }
            .three.green .dion label:hover {
                background: #049372;
            }
            .three.white .dion label:hover {
                color: #fff;
            }
            .three.blue .dion label:hover {
                background: #2970cc;
            }
            .three .dion input:checked + label {
                background: #322d42;
            }
            .three.white .dion input:checked + label {
                color: #fff;
            }
            .four .dion label:hover {
                background: #1f2426;
            }
            .five.orange.purple .dion label:hover,
            .five.orange.purple .dion input:checked + label {
                color: #fff;
                background: #51396f;
            }
            .five.orange.purple .dion:first-child label:hover,
            .five.orange.purple .dion:first-child input:checked + label {
                border-radius: 3px 3px 0 0;
            }
            .five.orange.purple.blue .dion:first-child label:hover,
            .five.orange.purple.blue .dion:first-child input:checked + label {
                border-radius: 2px;
            }
            .five.orange.purple.blue.safi .dion:first-child label:hover,
            .five.orange.purple.blue.safi .dion:first-child input:checked + label {
                border-radius: 60px;
            }
            .five.orange.purple.blue.safi.white .dion:first-child label:hover,
            .five.orange.purple.blue.safi.white .dion:first-child input:checked + label {
                border-radius: 60px;
                border: 3px solid rgba(2, 59, 108, 0.5);/*#023b6c;/*5c4269;*//***CONTOUR ORGANIGRAMME COURS***/2 59 108
            }
            .dion input:checked + label {
                background: #418a6f;
            }
            .two .dion input:checked + label {
                background: #fff;
            }
            .four .dion input:checked + label {
                background: #1f2426;
            }
            .five .dion input:checked + label {
                background: #1d1e1a;
            } /* THESE ARE THE FONT AWESOME ICONS SHOWING TO THE RIGHT OF EACH QUESTION */
            .dion label::after {
                font-family: "Font Awesome 5 Free";
                content: "\f067";
                font-size: 15px;
                font-weight: bold;
                position: absolute;
                right: 2.5%;
                top: 34%;
            }
            .two .dion label::after {
                content: "\f31e";
            }
            .three .dion label::after {
                content: "\f054";
            }
            .four .dion label::after {
                content: "\f0e0";
            }
            .five .dion label::after {
                content: "\f07b";
            }
            .five.darkgreen .dion label::after {
                content: "\f13a";
            }
            .two.ocho .dion label::after {
                content: "\f054";
                transform: rotate(0deg);
                transition: 0.35s ease;
            }
            .two.ocho.darking .dion label::after {
                content: "\f303";
                transform: rotate(0deg);
                transition: 0.35s ease;
            }
            .two.ocho.darking.green .dion label::after {
                content: "\f6a9";
                transform: rotate(0deg);
                transition: 0.35s ease;
            }
            .two.ocho .dion input:checked + label::after {
                transform: rotate(90deg);
                content: "\f054";
            }
            .two.ocho.darking .dion input:checked + label::after {
                transform: rotate(90deg);
                content: "\f303";
            }
            .two.ocho.darking.green .dion input:checked + label::after {
                content: "\f028";
                transform: rotate(0deg);
            }
            .dion input:checked + label::after {
                font-family: "Font Awesome 5 Free";
                content: "\f068";
                font-size: 15px;
                font-weight: bold;
                position: absolute;
                right: 2.5%;
                top: 34%;
            }
            .two .dion input:checked + label::after {
                content: "\f78c";
            }
            .three .dion input:checked + label::after {
                content: "\f078";
            }
            .four .dion input:checked + label::after {
                content: "\f658";
            }
            .five .dion input:checked + label::after {
                content: "\f07c";
            }
            .five.darkgreen .dion input:checked + label::after {
                content: "\f057";
}
.five.orange.purple .dion label::after {
    content: "\f00d";
    transform: rotate(45deg);
    transition: 0.35s ease;
}
.five.orange.purple.safi .dion label::after {
    content: "\f077";
    transform: rotate(0deg);
    transition: 0.35s ease;
}
.five.orange.purple.safi.white .dion label::after {
    content: "\f204";
    transform: rotate(0deg);
    transition: 0.35s ease;
}
.five.orange.purple .dion input:checked + label::after {
    transform: rotate(270deg);
}
.five.orange.purple.safi .dion input:checked + label::after {
    transform: rotate(180deg);
}
.five.orange.purple.safi.white .dion input:checked + label::after {
    transform: rotate(0deg);
    content: "\f205";
} /* THIS IS THE ACTUAL CONTENT WHICH IS THE ANSWER */
.dion label + .content {
    max-height: 0;
    font-size: 0;
    transition: ease 0.26s;
    position: absolute;
    width: 100%;
    max-width: 800px;
    padding: 5px 0 5px 0;
    opacity: 0;
} /* THIS CREATES PADDING INSIDE THE CONTENT AND IT CENTERS THE CONTENT */
.dion label + .content .innercontent {
    width: 96%;
    margin: 0 auto;
} /* THIS SHOWS THE CONTENT WHEN USER CLICKS ON QUESTIONS */
.dion input:checked + label + .content {
    font-size: 14px;
    max-height: 999em;
    text-align: left;
    line-height: 22px;
    background: #fff;
    color: #1d1d1d;
    position: relative;
    opacity: 1;
}
.blog .innertopcontent .dion label + .content p {
    font-size: 14px;
}
.two .dion input:checked + label + .content {
    color: #616161;
    box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.2);
}
.three .dion input:checked + label + .content {
    background: #322d42;
    color: #fff;
    border-radius: 22px;
    margin: 1px 0 0 0;
}
.three.white .dion input:checked + label + .content {
    margin: 1px 0 16px 0;
}
.four .dion input:checked + label + .content {
    box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.2);
    transform: scale(1.045, 1.045);
     margin: 12px 0 14px 0;
     z-index: 15;
    border-radius: 6px;
    border: 1px solid #b9b9b9;
}
.five .dion input:checked + label + .content {
    background: #262721;
    color: #fff;
}
.five.darkgreen .dion input:checked + label + .content {
    transform: scale(1.03, 1.03);
    z-index: 15;
    background: #219e81;
}
.five .dion:last-child input:checked + label + .content {
    border-radius: 0 0 5px 5px;
}
.two.ocho .dion input:checked + label + .content {
    background: #6c8a6d;
    color: #fff;
}
.two.ocho.darking .dion input:checked + label + .content {
    background: #fff;
    color: #222;
}
.two.ocho.darking.green .dion input:checked + label + .content {
    background: #63cce2;
    color: #124b76;
}
.five.orange.purple.blue .dion input:checked + label + .content {
    background: #fff;
    color: #515151;
}
.five.orange.purple.blue.safi .dion input:checked + label + .content {
    background: #074a56;
    color: #fff;
    box-shadow: 0 0 8px 0 #b7b7b7;
    z-index: 15;
    margin: 8px auto 14px auto;
    border-radius: 22px;
    border: 3px solid #fff;
    width: 85%;
}
.five.orange.purple.blue.safi.white .dion input:checked + label + .content {
    background: #f6f6f6;
    color: #515151;
    box-shadow: 0 0 5px 0 #b7b7b7;
}
/* house styles */

.innercontent ul {
    list-style: none;
    padding-left: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
}
.innercontent ul li {
    padding: 5px 0px;  
}
.innercontent ul li span{
    float: right;
}
/*.innercontent ul li:hover {
    color: rgba(198, 200, 203, 0.9);
    cursor:  pointer;  
}*/
.innercontent ul li:hover {
    color: rgba(92, 66, 105, 1.0);/*#5C4269*/
    cursor:  pointer;  
}