/*
Theme Name: Blosom - Child
Version: 587
Description: A child theme of DMM by Almina
Template: mts_schema
Text Domain: schema
*/

/* Carousel */
@import url("../mts_schema/style.css");

/* general */

* {
    box-sizing: border-box;
}
html .dm-service-section img {
    padding: 100px;
}
html .single_page, html .dm-service-section:nth-child(odd){background-color: transparent;}
html .newCon {
    background-size: contain;
    background-repeat: no-repeat;
	opacity:0.8;
}
html div#slider-primary {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1cbbb6+0,217d9f+48,2f4182+100 */
background: linear-gradient(135deg,  rgba(28,187,182,1) 0%,rgba(33,125,159,1) 48%,rgba(47,65,130,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}
footer#site-footer {
    background:url(/wp-content/uploads/2024/11/coral-ocean-floor.webp) top center / cover;
}
#page {
    padding: 0px;
}

html #logo a {
    text-transform: none;
}

a.btn {
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1px;
    background: rgb(0,0,0);
    /* background: linear-gradient(90deg, var(--aColor) 0%, var(--sColor) 100%); */
    color: #fff !important;
    border-radius: 60px;
}

#header a.btn {
    padding: 10px 20px;
}

.container {
    width:  100%;
    max-width: 1400px;
    padding: 0px 15px;
}
.anchor-fix {
    position: relative;
    top: -160px;
    width: 100%;
    height: 1px;
}
/*html #secondary-navigation > nav > ul > li:hover,html  #secondary-navigation > nav > ul > li.current-menu-item,html  #secondary-navigation > nav > ul li.current-menu-item,html #secondary-navigation > nav > ul > li.current-menu-parent {
    background: transparent !important;
}*/

html #secondary-navigation > nav > ul > li:hover > a,html  #secondary-navigation > nav > ul > li.current-menu-item > a,html  #secondary-navigation > nav > ul > li.current-menu-parent > a,html  #secondary-navigation > nav ul.sub-menu > li.current_page_item > a,html #secondary-navigation > nav > ul > li.current-menu-item > a {
    color: #ffffff !important;
}
.navigation ul ul{background: #fff !important;}
.sub-menu .current_page_item:before{opacity:0;}
@keyframes fadeInUpa {
    0% {
        opacity: 0;
        transform: translate3d(0, 150px, 0);
    }
    to {
        opacity: 1;
        transform: none;
    }
}
.fadeInUpa {
    animation-name: fadeInUpa;
}

@keyframes fadeInLefta {
    0% {
        opacity: 0;
        transform: translate3d(-150px, 0, 0);
    }
    to {
        opacity: 1;
        transform: none;
    }
}
.fadeInLefta {
    animation-name: fadeInLefta;
}

/* Footer */
.copyrights {
    padding: 0px;
}

.copyrights p a {
    line-height: 1;
    display: inline-block;
}

.copyrights p {
    margin-bottom: 23px;
    font-size: 17px;
}

footer .social-icons a {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    color: #000;
    background: #fff;
    display: inline-block;
    text-align: center;
    line-height: 40px;
}

.dm-full.footer-creds p {
    margin-bottom: 0px;
}

footer#site-footer {
    margin: 0px;
}

.copyrights .dm-flex {
    align-items: inherit;
}

.copyrights .dm-half {
    padding: 0px;
}

.copyrights iframe {
    height: 100%;
}

a#move-to-top {
    width: 40px;
    height: 40px;
}

.copyrights .dm-full {
    text-align: center;
    padding: 20px 0px;
    display: flex;
    justify-content: space-between;
    opacity: 0.9;
}

.dm-col-3 {
    width: 40%;
}

.dm-col-3 span {
    border: 0px !important;
    padding: 0px !important;
    margin: 0px !important;
}

.dm-flex.dm-full {
    justify-content: space-between;
    margin-bottom: 50px;
}

.dm-flex.dm-full h4 {
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 17px;
}

.dm-full.footer-contact-info img {
    max-width: 400px;
    margin: 0px auto;
    display: block;
    float: none;
}

.logo-wrap {
    margin: 0px;
    float: none;
    overflow: visible;
}

.dm-full.footer-contact-info {
    margin-bottom: 50px;
}

.copyrights .dm-half:nth-child(1) {
    padding-top: 80px;
    padding-bottom: 80px;
    font-size: 14px;
}

.footer-wrapper {
    max-width: 620px;
    margin-right: 0px;
    margin-left: auto;
    margin: 0px auto;
}

.dm-full.footer-creds p:nth-child(2) {
    margin: 0px;
}

.copyrights h3,.copyrights h4 {
    color: #fff;
}

.copyrights {
    text-align: left;
}

.copyrights .dm-flex {
    max-width: 1400px;
    margin: auto;
    padding: 50px 0px;
}

section.visit-us-today {
    padding: 10vh 0px;
	display:none;
    position: relative;
}

section.visit-us-today ifraME {
    border-radius: 0px 50px;
    display: block;
    min-height: 350px;
}

section.visit-us-today .dm-flex {
    gap: 35px;
}

section.visit-us-today .dm-half {
    flex: 1;
}

section.visit-us-today h2 {
    font-size: 40px;
}

section.visit-us-today .dm-half li:before {
    opacity: 0;
    padding: 0px;
}

section.visit-us-today ul {
    padding: 0px;
}

section.visit-us-today li {margin-bottom: 22px;padding-left: 40px;position: relative;}

section.visit-us-today i {
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 23px;
    color: var(--pColor);
}

section.visit-us-today a {
    display: block;
    line-height: 1;
}

/* Blog Section */
section.dm-blog-posts {
    padding: 100px 0px;
    /* background-position: 50% 50%; */
    /* background-size: initial; */
    /* background-repeat: no-repeat; */
}

section.dm-blog-posts h4 {
    text-align: center;
    text-transform: uppercase;
    font-size: 26px;
    letter-spacing: 1px;
}

.dm-blog-image {
    height: 300px;
    background-size: cover;
    background-position: 50% 50%;
    border-radius: 9px;
    margin-bottom: 13px;
}

.dm-blog-image p {
    font-size: 17px;
}

section.dm-blog-posts p {
    font-size: 16px;
    color: #000;
}

section.dm-blog-posts h3 {
    font-weight: bold;
}

section.dm-blog-posts .dm-flex {
    margin-top: 30px;
    align-items: inherit;
}

section.dm-blog-posts .dm-third:hover {
    background-color: #fff;
    box-shadow: 0 20px 30px -10px rgb(38 115 228 / 20%);
}

section.dm-blog-posts .dm-third {
    padding: 20px;
    border-radius: 10px;
    padding: 20px;
    border-radius: 10px;
    -webkit-transition: background-color 200ms ease, box-shadow 350ms ease, color 200ms ease;
    transition: background-color 200ms ease, box-shadow 350ms ease, color 200ms ease;
}

section.dm-blog-posts .dm-third:nth-child(2) {
    animation-delay: 0.2s;
}
section.dm-blog-posts .dm-third:nth-child(3) {
    animation-delay: 0.4s;
}

/* Services  */
.central-tab {
    flex: 1 1 16%;
    padding: 10px;
}

.central-tab:nth-child(2) {
    animation-delay: 0.2s;
}
.central-tab:nth-child(3) {
    animation-delay: 0.3s;
}
.central-tab:nth-child(4) {
    animation-delay: 0.4s;
}
.central-tab:nth-child(5) {
    animation-delay: 0.5s;
}
.central-tab:nth-child(6) {
    animation-delay: 0.6s;
}
.central-tab:nth-child(7) {
    animation-delay: 0.7s;
}
 
.central-wrapper .central-tab img {
    border-radius: 10px;
}

.central-img-tabs {
    display: flex;
    justify-content: center;
    padding: 0px 15px;
    margin-top: -65px;
}

.central-img-tabs img {
    height: 140px !important;
    object-fit: cover;
    width: 100%;
    cursor: pointer;
    border-radius: 10px;
    text-align: center;
    display: block;
}

.central-img-tabs h3 {
    text-align: center;
    text-transform: uppercase;
    font-size: 15px;
}

.central-wrapper {
    background: #4e8abf;
    padding: 80px 0px 120px;
}

.central-wrapper .central-tab:nth-child(1) {
    display: block;
}

.central-wrapper .central-tab {
    display: none;
}

section.central-services .container-wide {
    max-width: 1300px;
    margin: 0px auto;
}

.central-img-tabs .central-tab-item > div {
    margin-bottom: 10px;
    border-radius: 10px;
    border: 3px solid rgba(0,0,0,0);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.central-img-tabs .central-tab-item > div:hover {
    border-color: var(--aColor);
}

.central-tab-item.active-service-button > div {
    border-color: var(--aColor);
}

section.new-service-section {
    background: url(/wp-content/uploads/2024/11/Ocean-sea-waves-with-white-foam-1.png) top center / cover fixed;
    padding: 10vh 0px;
}

section.new-service-section h2 {
    text-align: center;
    font-size: 55px;
    margin-bottom: 30px;
    font-weight: 400;
    color: #000;
}

section.new-service-section p {
}

section.new-service-section h3 {
    font-size: 27px;
    max-width: 280px;
    line-height: 1.2;
    position: relative;
    z-index: 1;
}

section.new-service-section span {
    text-transform: uppercase;
    letter-spacing: 0px;
}

section.new-service-section .dm-third {
    flex: 1 1 30%;
    width: auto;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    padding: 15px;
    flex-basis: 300px;
}

section.new-service-section .dm-flex {
    align-items: inherit;
}

section.new-service-section .dm-third:hover {
    /* background-image: initial; */
    /* background-color: #ffffff; */
    /* box-shadow: 0px 5px 15px -6px rgb(0 0 0 / 30%); */
    /* transform: translateX(0px) translateY(-15px)!important; */
}

/* Testimonials */
.main-head-wrap.header_fixed #regular-header {
    margin-top: -40px;
}

.central-text-wrapper:nth-child(odd) .letter-wrap {background: var(--pColor);}

.dm-half-plus .slick-dots button {
    background: rgb(17 17 17 / 19%);
}

.letter-wrap img {
    position: absolute;
    bottom: 0px;
    right: 0px;
    transform: scaleX(-1);
    max-width: 60px;
}

.central-text-wrapper {
    padding: 20px 10px;
}

section.classy-testimonials {
    padding: 10vh 0px;
}

.dm-half-plus {
    display: block;
    flex: 1 1 66.66%;
    width: 66.66%;
}

.classy-testimonials-wrapper.dm-flex {
    max-width: 1300px;
    margin: 0px auto;
}

.classy-testimonials-wrapper.dm-flex strong {
    font-size: 50px;
    line-height: 1;
    font-weight: 400;
    padding-right: 50px;
    display: block;
}

.letter-wrap {
    background-color: var(--aColor);
    border-radius: 0 22px 0 22px;
    overflow: hidden;
    padding-top: 30px;
    position: relative;
    padding-right: 25px;
    padding-bottom: 30px;
    padding-left: 25px;
    box-shadow: 0px 5px 10px -6px rgb(0 0 0 / 30%);
}

.letter-wrap p {
    font-size: 17px;
}

.letter-wrap h4 {
    font-size: 25px;
    border-top: 1px solid #000;
    padding-top: 10px;
}

section.central-testimonials {
    padding: 100px 0px;
    background-size: cover;
    background-position: 50% 0%;
    position: relative;
}

.central-testimonials-wrapper {
    margin: 0px auto;
    width: 52%;
    margin-right: 0px;
    padding: 50px 0px 30px;
    position: relative;
}

.central-testimonials-wrapper .dm-half {
    width: 47.5vw;
    max-width: 650px;
}

.central-testimonials-wrapper strong {
    display: block;
    margin-bottom: 40px;
}

.central-testimonials-wrapper p {
    font-size: 24px;
}

.central-test-content {
    margin-bottom: 18px;
    font-size: 20px;
    line-height: 1.5;
}

.central-test-content + h4 {
}

section.central-services {
    margin-bottom: 80px;
}

section.central-testimonials:before {
    height: 100%;
    width: 100%;
    position: absolute;
    content: "";
    background: #000;
    top: 0px;
    left: 0px;
    opacity: 0.5;
}

section.central-testimonials * {
    color: #fff;
}

.central-testimonials-wrapper li:before {
    display: none;
}

.central-testimonials-wrapper .slick-dots {
    position: relative;
    bottom: 0px;
    text-align: left;
}

.central-testimonials-wrapper .slick-dots li button:before {
    opacity: 0.3 !important;
}

.central-testimonials-wrapper .slick-dots li button {
    opacity: 0.5;
}

.central-testimonials-wrapper .slick-dots .slick-active button {
    background: #fff !important;
    opacity: 1 !important;
}

.central-testimonials-wrapper {
    padding: 50px 0px 30px;
}

.central-tab-item {
    cursor: pointer;
}

/* Half Half  */
section.half-half-classy {
    padding: 10vh 0px;
    background: #f4f6f3;
}

section.half-half-classy img {
    border-radius: 50px 0px;
}

section.half-half-classy h2 {
    font-size: 41px;
}

section.half-half-classy p {
    font-weight: 300;
}

.main-head-wrap.header_fixed #header {
}

/* CTA  */
.cta-content {
    overflow: hidden;
    width: 50%;
    margin: 0px auto;
    text-align: center;
}

.cta-carrier {
    padding: 10vh 0px 15vh;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    max-width: 100%;
    margin: 0px auto;
    opacity: 1;
    background-color: var(--pColor);
}

.cta-carrier h2 {
    font-size: 41px;
}

section.cta-classic {
    background-position: 50% 50%;
    background-size: cover;
    background-attachment: fixed;
}

/* Welcome */
section.central-welcome {
    padding: 10vh 0px;
    position: relative;
    z-index: 1;
}

section.central-welcome .container-wide {
}

section.central-welcome h2 {color: var(--pColor);font-size: 55px;}

.central-welcome .central-image img {
    width: 100%;
    height: 100% !important;
    box-shadow: 0 20px 50px -20px rgb(0 0 0 / 20%);
    -o-object-fit: cover;
    object-fit: cover;
    object-position: 50% 50%;
}
section.central-welcome .dm-flex {
    align-items: inherit;
}

.central-image {
    position: relative;
    height: 100%;
}

section.central-welcome .dm-half:nth-child(1) {
    flex: 1 1 50%;
	display:none;
    order: 2;
}

section.central-welcome .dm-half:nth-child(2) {
    flex: 1 1 50%;
    max-width: 70%;
    text-align: center;
    background: #c5e8f8;
    padding: 20px;
}

#site-header .container-wide {
    max-width: 1400px;
}

.container-wide {
    max-width: 1400px;
    margin: 0px auto;
    width: 100%;
    padding: 0px 15px;
}

section.central-welcome h3 {
    font-size: 23px;
    text-transform: uppercase;
    color: var(--pColor);
}


section.central-welcome blockquote {
    background: transparent;
    padding: 0px 20px;
    margin-bottom: 20px;
    border-left: 2px solid var(--aColor);
    font-style: italic;
    opacity: 0.9;
}

section.central-welcome blockquote:after {
    left: 10px;
    top: 10px;
    color: #fff;
    font-size: 90px;
    line-height: 90px;
    opacity: 0;
}

section.central-welcome blockquote p + p {
    font-weight: bold;
    font-size: 14px;
}

/* Mobile */
.mobile_cta_buttons.hide-d.mobile-btn p a {
    color: #fff;
    display: block;
    padding: 10px 20px;
}

.mobile_cta_buttons.hide-d.mobile-btn p {
    text-align: center;
    margin-bottom: 10px;
}

.mobile_cta_buttons.hide-d.mobile-btn div.header-social-icons a {
    color: #fff;
    margin: 0px 10px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    padding: 0px !important;
    text-align: center;
    border-radius: 50%;
    display: inline-block;
    float: none;
}

.mobile_cta_buttons.hide-d.mobile-btn div.header-social-icons {
    background: transparent;
    width: 100%;
    float: none;
    text-align: center;
    margin: 0px;
}

.mobile_cta_buttons.hide-d.mobile-btn {
    padding: 20px 20px;
    display: none;
}

@media (min-width:  881px) {
    .main-head-wrap.header_fixed #regular-header {
        margin-top: -40px;
    }
    .mobile_cta_buttons.hide-d.mobile-btn div.header-social-icons:before {
        display: none;
    }
}

/* Header */

@media (min-width: 881px) {
    div#header nav {
        width: auto;
        margin: 0px auto;
        margin-right: 0px;
    }
}


#secondary-navigation #logo a {
    font-weight: bold;
    font-size: 26px;
}

html #header #logo {
    float: none !important;
    display: block !important;
}

div#header {
    padding: 5px 0px;
    float: none;
    background-color: transparent;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.regular_header #secondary-navigation {
    float: none;
}

div#regular-header i {
    margin-right: 8px;
}

.main-head-wrap {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
}
.header-spacer {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
@media (min-width: 881px) {
    .header-spacer {
        min-height: 130px;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
}

#logo {
    float: none !important;
}

#logo a {
    padding: 0px !important;
    float: none;
    display: block;
}

div#secondary-navigation {
    float: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#header .logo-wrap {
    padding: 0px;
    overflow: visible;
    max-width: 23%;
}

nav.navigation.clearfix #menu-main-menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    align-items: center;
    flex: 1;
}

#logo img {
    float: none;
    max-width: 350px;
    border-radius: 5px;
}

ul#menu-main-menu a {
}

#secondary-navigation a {
    padding: 20px;
}

div#regular-header {
    background: var(--pColor);
}

div#regular-header * {
    color: #fff;
}

div#regular-header .container-wide.dm-flex p {
    margin: 0px;
}

div#regular-header .container-wide {
    padding: 5px 0px;
}

.dm-third.social-header {
    text-align: right;
}

.dm-third.social-header a {
    margin-left: 10px;
}

.dm-third.address-header {
    text-align: center;
}

.dm-third.phone-header {
    text-align: left;
}

#regular-header {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.dm-full.footer-contact-info {
    text-align: center;
    font-size: 28px;
    font-weight: bold;
}


/* Video */
.carousel-caption {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    z-index: 1;
    max-width: 1300px;
    margin: 0px auto;
    left: 0px;
    right: 0px;
    text-align: center;
}

.carousel-caption span {
    color: #fff;
    font-size: 23px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px;
}

.carousel-caption h2 p {
    font-weight: 300;
    line-height: 1.5;
    font-size: 24px;
    opacity: 0.9;
    margin: 10px auto 20px;
    margin-right: 0px;
}

.video_holder:before {
    height: 100%;
    width: 100%;
    position: absolute;
    content: "";
    background: #000;
    opacity: 0.7;
    z-index: 1;
}

.carousel-caption h2 {
    color: #fff;
}

html .video_holder {
    border-radius: 0px 0px 250px 0px;
    height: 100vh;
    width: 97%;
    min-height: 500px;
0px 0px 250px
    contain-intrinsic-block-size: auto 100px;
    overflow: hidden;
}

.carousel-caption a:hover {
    background: #000 !important;
}

.dm-slide-main .slide-caption p{text-shadow:1px 2px 2px #000!important;}
.dm-slide-main .slide-caption a, .central-wrapper h3, .central-wrapper p{color:#fff;}
html .slick-next{display:none;}

/* Responsive */
@media (max-width:  1300px) {
    .container-wide {
        padding: 0px 15px;
    }
}

@media (max-width: 1025px ) {
    .copyrights .dm-half {
        flex: 1 1 100%;
    }

    .copyrights .dm-half:nth-child(1) {
        order: 2;
    }

    .dm-full.footer-creds p {
        text-align: center;
    }

    .copyrights .dm-half iframe {
        height: 350px;
    }

    .central-welcome .central-image img {
        width:  100%;
    }

    .central-img-tabs img {
        height: 120px !important;
    }
}

@media (max-width: 991px) {
        html .dm-slide-main {    height: 250px !important;}
    html .dm-slide-main .slide-caption{bottom:10px;}
    html .dm-slide-main .slide-caption h2{font-size:26px!important;}
    html .dm-slide-main .slide-caption p {    font-size: 14px;}
    .mobile_cta_buttons.hide-d.mobile-btn {
        display: block;
    }
    #secondary-navigation {
        height: auto !important;
    }
    .dm-blog-posts .dm-third {
        flex: 1 1 50%;
        flex-basis: 320px;
        max-width: 50%;
    }

    section.central-services {
        display: flex;
        flex-wrap: wrap;
    }

    section.central-services > .container-wide {
        order: 1;
    }

    .central-wrapper {
        order: 2;
        padding: 80px 0px;
    }

    .central-img-tabs {
        margin: 0px;
    }

    section.central-services {
        margin-bottom: 0px;
    }

    section.dm-blog-posts .dm-third {
        flex-basis: 320px;
    }
}
@media (max-width: 881px) {
    #page.homepage {
        padding: 0px !important;
    }
    html a#pull {
        width: auto;
        text-align: center;
        padding: 0px;
        color: #fff !important;
        background: transparent !important;
        font-size: 29px;
        position: relative;
        display: block;
        margin: 0px !important;
        margin-left: 15px !important;
    }

    html a#pull:after {position: relative;padding: 0px !important;left: 0px;right: 0px;top: 0px !important;color: #fff;}

    .regular_header #secondary-navigation {
        width: 100%;
        justify-content: space-between;
    }

    #header a.btn {
        margin: 0px auto;
        margin-right: 0px;
    }

    .dm-third.social-header {
        display: none;
    }

    nav.navigation.clearfix #menu-main-menu {
        margin: 0px !important;
    }
    #header .logo-wrap {
        max-width: initial;
    }

    .carousel-caption h2 p {
        display: none;
    }

    .carousel-caption {
        text-align: center;
    }

    section.central-welcome .container-wide {
        border: 0px;
        padding: 20px 10px;
    }

    section.central-welcome {
        padding: 5vh 0px;
    }

    .classy-testimonials-wrapper.dm-flex strong {
        padding: 0px;
        text-align: center;
        font-size: 40px;
    }

    .cta-carrier {
        padding: 10vh 0px;
    }

    .cta-content {
        width: 100%;
    }

    section.half-half-classy {
        padding: 5vh 0px;
    }

    section.visit-us-today {padding: 5vh 10px;}

    section.visit-us-today .dm-half {
        flex: 1 1 100%;
    }

    .dm-full.footer-creds p {
        width: 100%;
        text-align: center;
    }

    .copyrights .dm-full {
        flex-wrap: wrap;
    }
}
@media (max-width: 768px) {
    html .video_holder {
        max-height: 500px !important;
    }
    .header-spacer {
        height: 95px;
    }
    div#regular-header {
        display: none;
    }
    .dm-blog-posts .dm-third {
        flex-basis: 320px;
        max-width: 100%;
    }
    section.central-welcome .dm-half:nth-child(1) {
        flex: 1 1 100%;
        margin-bottom: 30px;
    }

    .central-tab {
        flex: 1 1 33.33%;
    }

    .central-img-tabs {
        flex-wrap: wrap;
    }
    .central-wrapper {
        padding: 50px 0px;
    }

    .central-wrapper .dm-half {
        flex: 1 1 100%;
    }

    .central-testimonials-wrapper {
        padding: 15px;
        width: 100%;
        text-align: center;
    }

    .central-testimonials-wrapper .dm-half {
        width: 100%;
        max-width: 100%;
    }
    .copyrights .dm-half:nth-child(1) {
        padding: 40px 0px;
    }
    .central-testimonials-wrapper .slick-dots {
        text-align: center;
    }
    .dm-col-3 {
        width: 100%;
        text-align: center;
    }

}
@media (max-width: 640px) {
    div#header {
        padding: 10px 0px;
    }
    #header a.btn {
        display: none;
    }
}
@media (max-width: 540px) {
    footer .dm-full {
        padding: 0px 15px;
    }
    .dm-full.footer-contact-info img {
        width: 100%;
        max-width: 90%;
    }
    .central-tab {
        flex:  1 1 50%;
    }
    .carousel-caption h2 {
        font-size: 32px;
    }
    section.central-welcome h2 {
        font-size: 40px;
    }
    .central-img-tabs {
        padding: 0px;
    }
    .central-wrapper .dm-half {
        padding: 0px;
    }
}

/* MLoc */
.container-wide.dm-flex .dm-full {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.container-wide.dm-flex .dm-full p {
    padding: 0px 5px !important;
    font-size: 14px !important;
}

.container-wide.dm-flex p:after {
    content: "";
    position: absolute;
    right: 0px;
    width: 1px;
    height: 100%;
    background: #fff;
    opacity: 0.6;
}

.container-wide.dm-flex p:last-of-type:after {
    display: none;
}

.container-wide.dm-flex .dm-full p:nth-child(1) a {
    font-weight: bold;
}

.home div#regular-header {
}

.home .header-spacer {
    display: none;
}

.counter-wrap {
    border: 2px solid #f39220;
    padding: 90px 60px;
    text-align: center;
    color: #f39220;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.counter-wrap h4 {
    margin: 0px;
    font-size: 60px;
    color: inherit;
    font-weight: 700;
}

.dm-col-md-4.dm-third:nth-child(1) h4:after {
    content: "+";
}

.dm-col-md-4.dm-third:nth-child(2) h4:after, .dm-col-md-4.dm-third:nth-child(3) h4:after {
    content: "+";
}

section.counter-up {
    padding: 0px 0px 100px;
    position: relative;
}

section.counter-up .contrainer:before {
    content: "";
    height: 100px;
    width: 2px;
    background: var(--sColor);
    position: relative;
    display: block;
    margin: 0px auto;
    margin-bottom: 50px;
}


section.counter-up .container:before {
    content: "";
    display: block;
    width: 2px;
    height: 150px;
    background: #e2e2e2;
    position: absolute;
    left: 20%;
    top: -10%;
}

section.counter-up .container {
    padding-top: 150px;
    padding-bottom: 50px;
}

.counter-wrap:hover {
    background: var(--pColor);
}

.counter-wrap:hover * {
    color: #fff;
}

.hide-las {
    position: relative;
    background: var(--pColor);
}

.hide-las:before {
    content:"";
    border-left: 2px solid;
    border-color: #504a49;
    border-top: 2px solid;
    right: 50%;
    -webkit-transform: translateX(-92px);
    -moz-transform: translateX(-92px);
    -ms-transform: translateX(-92px);
    transform: translateX(-92px);
    z-index: 10;
    border-color: #e2e2e2 !important;
    height: 200px!important;
    width: 300px!important;
    position: absolute;
    bottom: -90px;
}

.hide-las:after {
    content:"";
    border-color: #504a49;
    border-top: 2px solid;
    right: 50%;
    -webkit-transform: translateX(-92px);
    -moz-transform: translateX(-92px);
    -ms-transform: translateX(-92px);
    transform: translateX(0);
    z-index: 10;
    border-color: #e2e2e2 !important;
    height: 200px!important;
    width: 65%;
    position: absolute;
    bottom: -90px;
    right: 0px;
}

.primary-auto-rotator {
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 450px;
    height: 250px;
    overflow: hidden;
    z-index: 100;
    background: #e2e2e2;
}

.primary-auto-rotator img {
    height: 250px !important;
    object-fit: cover;
    width: 100%;
    display: block;
    object-position: 50% 50%;
    border: 2px solid #e2e2e2;
}

.central-welcome h2 strong {
    color: var(--aColor);
    line-height: 1;
    display: block;
    margin-bottom: 20px;
}

html #secondary-navigation > nav > ul > li.current-menu-item > a:before {
    width: 100%;
}

ul#menu-main-menu a:before {
    width: 0px;
    height: 1px;
    position: absolute;
    bottom: 0px;
    content: "";
    background: #fff;
    left: 0px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

ul#menu-main-menu a {
    position: relative;
    padding: 8px 20px;
}

ul#menu-main-menu a:hover:before {
    width: 100%;
}

section.counter-up:before {
    content: "";
    position: absolute;
    bottom: 0px;
    right: 0px;
    background-image: var(--bgImage);
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: 50% 50%;
}

section.counter-up:after {
    content: "";
    background: linear-gradient(360deg, rgb(255 255 255 / 0%) 0%, rgb(255 255 255) 47%, rgb(255 255 255) 100%);
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
}

section.counter-up .container {
    position: relative;
    z-index: 1;
}

.video_holder video {
    object-position: top;
}

.nice-section-break {
    padding: 0px 0px 50px;
    text-align: center;
    position: relative;
}

.nice-section-break h2 {
}

.nice-section-break h2:after {
    content: "";
    width: 100px;
    background: var(--aColor);
    height: 2px;
    position: relative;
    display: block;
    margin: 10px auto 0px;
}

.copyrights .dm-full {
    border-top: 1px solid #ffffff42;
}

section.visit-us-today li {
    padding: 0px;
}

section.visit-us-today .dm-flex {
    align-items: inherit;
    margin: 0px -15px;
    gap: 0px;
}

section.visit-us-today iframe {
    height: 100%;
    border-radius: 0px;
}

.nice-section-break:before {
}

header#site-header {
    z-index: 1000;
}

.hover-over {
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    width: 100%;
    bottom: 20%;
    text-align: center;
    display: none;
}

section.cta-classic {
    position: relative;
}

section.cta-classic:after {
    content: "";
    background: linear-gradient(342deg, rgb(255 255 255 / 0%) 0%, rgb(255 255 255) 47%, rgb(255 255 255) 100%);
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.hover-over h4 {
    font-weight: bold;
    font-size: 23px;
    margin: 15px 0px;
    text-transform: uppercase;
}

.hover-over i {
    height: 60px;
    width: 60px;
    text-align: center;
    line-height: 60px;
    background: var(--aColor);
    border-radius: 50%;
    color: #fff;
}

.hover-over span {
    display: block;
    text-transform: capitalize;
    font-weight: 400;
    font-size: 20px;
    display: none;
}

.cta-carrier h3 {
    font-weight: bold;
    font-size: 36px;
}


/* Flip Flop */
/* The flip box container - set the width and height to whatever you want. We have added the border property to demonstrate that the flip itself goes out of the box on hover (remove perspective if you don't want the 3D effect */
.flip-box {
  background-color: transparent;
  width: 100%;
  height: 500px;
  /* border: 1px solid #f1f1f1; */
  perspective: 1000px; /* Remove this if you don't want the 3D effect */
}

/* This container is needed to position the front and back side */
.flip-box-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
   -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

/* Do an horizontal flip when you move the mouse over the flip box container */
.flip-box:hover .flip-box-inner {
    transform: rotateX(180deg) translateZ(1px);
}

.new-service-section .dm-flex > div {
    -webkit-backface-visibility: visible;
    animation-fill-mode: initial !important;
}

@media not all and (min-resolution:.001dpcm) { @media {
    .flip-box:hover .flip-box-inner {
        transform: rotateX(180deg) translateZ(1px);
    }
}}

.sub-menu .current_page_item:before {
    opacity: 0.7;
    background: var(--aColor);
}

/* Position the front and back side */
.flip-box-front, .flip-box-back {
  position: absolute;
  width: 100%;
  height: 100%;
    -webkit-perspective: 0;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translate3d(0,0,0);
    visibility: visible;
    backface-visibility: hidden;
}

/* Style the front side (fallback if image is missing) */
.flip-box-front {
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-image: linear-gradient(180deg, #9d9d9d 0%, var(--pColor) 100%);
}

/* Style the back side */
.flip-box-back {
  background-color: var(--pColor);
  color: white;
  transform: rotateX(180deg);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
}

section.half-half-classy .dm-flex {
    align-items: center;
}

section.half-half-classy img {
    height: 100% !important;
    display: block;
    object-fit: cover;
    border-radius: 4px;
    object-position: 70% 50%;
}

section.half-half-classy .dm-half:nth-child(2) p {
    height: 100%;
}

.flip-box-front img {
    display: block;
    margin: 0px auto 20px;
    max-width: 130px;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    max-width: 100%;
    height: 100% !important;
    object-fit: cover;
    opacity: 0.2;
}

.flip-box-front h3 {
    padding: 0px 30px;
    color: #fff;
    font-weight: bold;
    line-height: 1;
}

.flip-box-back * {
    color: #fff;
}

.flip-box-back h3 {
    max-width: 100% !important;
    text-align: center;
}

section.visit-us-today:before {
    height: 100%;
    width: 100%;
    position: absolute;
    content: "";
    background-image: var(--bgImage);
    opacity: 0.05;
    z-index: -1;
    left: 0px;
    top: 0px;
    background-size: 40%;
    background-attachment: fixed;
}

section.visit-us-today .dm-half:nth-child(3) {
    padding: 0px;
}

section.visit-us-today .dm-half:nth-child(1) {
    padding: 40px;
}

section.visit-us-today .dm-half:nth-child(1) h3:after {
    content: "";
    height: 3px;
    background: var(--aColor);
    width: 80px;
    display: block;
    margin: 10px 0px;
}

section.hd-testi.hd-section {
    position: relative;
    background-attachment: fixed;
    background-position: 50% 50%;
    padding: 10vh 0px;
}

section.hd-testi.hd-section:before {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--sColor);
    content: "";
    color: #fff;
    opacity: 1;
}

h2.hd-heading__head {
    color: #fff;
    margin: 0;
    font-size: 45px;
    letter-spacing: 1px;
    text-align: left;
}

.nlapo {
    box-shadow: 2px 1px 17px rgba(0,0,0,.1);
    padding: 30px 40px 30px;
    box-sizing: border-box;
    border-radius: 40px;
    background-color: #fff;
}

.ts-carousel__item {
    margin: 20px 0;
    padding: 0px 10px;
}

.testila {
    position: relative;
}

.testila:before {
    content: "\f10d";
    font-family: 'Font Awesome 5';
    color: var(--aColor);
    position: absolute;
    font-size: 90px;
    opacity: .1;
    top: -20px;
    left: -25px;
    line-height: 90px;
}

.no-slider:before,.no-slider:after {
    opacity: 0 !important;
}

.ts-carousel__para {
    font-size: 19px;
}

.ts-carousel__para {
    min-height: 150px;
}

.whowrote {
    padding: 16px 0;
    border-top: 1px solid #dedede;
    margin-top: 30px;
    margin-bottom: 0;
    padding-bottom: 0;
}

.whowrote {
    min-height: 86px;
}

.flux {
    display: flex;
    align-items: center;
    justify-content: center;
}

.img {
    height: 60px;
    width: 60px;
    border-radius: 50%;
    background-color: var(--aColor);
    text-align: center;
    color: #fff;
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    background-position: 50% 50%;
    background-size: cover;
    box-sizing: border-box;
    color: #fff;
}

.ts-carousel__head {
    margin-bottom: 10px;
    font-size: 17px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #000;
    font-weight: 700;
    margin: 0;
    width: calc(100% - 60px);
}

span.slide-star {
    width: 100%;
}

span.slide-star:before {
    opacity: 0 !important;
}

a.dm_classic_modal {
    display: inline-block;
    cursor: pointer;
}

section.hd-testi.hd-section .slick-prev {
    z-index: 1;
    left: -60px;
}

section.hd-testi.hd-section .slick-next {
    right: -60px;
}

.hd-testi__carousel {
    padding: 0px 45px;
}

@media (max-width: 1100px) {
    .dm-col-md-4.dm-third {
        width: 50%;
        margin-bottom: 30px;
    }
}

@media (max-width: 880px) {

    .dm-col-md-4.dm-third {
        width: 50%;
        margin-bottom: 30px;
    }
	#logo img {
		max-width: 250px;
	}

    section.new-service-section .dm-third {
        padding: 0px 5px;
    }

    .primary-auto-rotator {
        display: none;
    }

    .hide-las:before,.hide-las:after {
        display: none;
    }

    html .video_holder {
        max-height: 600px;
    }

    .carousel-caption {
        top: 68%;
    }

    .container-wide .dm-half {
        flex: 1 1 100% !important;
    }

    section.central-welcome .dm-half:nth-child(1) {
        order: inherit;
        margin-bottom: 20px;
    }

    section.counter-up .container:before {
        display: none;
    }

    section.counter-up .container {
        padding: 50px 0px;
    }

    .container-wide .dm-half:nth-child(1) {
        padding-top: 20px;
    }

    section.new-service-section .dm-third {
        padding: 10px;
    }

    section.new-service-section .dm-flex {
        gap: 0px;
    }

    .copyrights .dm-fourth {
        width: 50%;
        margin-bottom: 15px;
    }
}

@media (max-width: 720px ) {
    div#header {
        padding: 0px;
    }
    .dm-col-md-4.dm-third {
        width: 100%;
    }
    section.central-welcome {
        padding-bottom: 0px;
    }

    div#header {
        padding: 0px;
    }

    .dm-col-md-4.dm-third {
        width: 100%;
    }

    section.central-welcome {
        padding-bottom: 0px;
    }

    .cta-carrier {
        padding: 40px 0px;
    }

    section.cta-classic {
        background-size: 0px;
    }

    section.cta-classic {
        background-position: center top;
    }

    section.new-service-section .dm-third {
        flex: 1 1 100%;
    }

    .nice-section-break h2 {
        font-size: 40px;
        padding: 0px 10px;
    }

    section.visit-us-today iframe {
        height: 400px;
    }
    h2.hd-heading__head {
        font-size: 35px;
    }
    .hd-testi__carousel {
        padding: 0px 10px;
    }
}

@media (max-width: 640px ){
    .carousel-caption span {
        letter-spacing: 0px;
        font-size: 18px;
        line-height: 1;
        display: block;
    }
    .nice-section-break h2 {
        font-size: 30px;
    }
    section.visit-us-today .dm-half:nth-child(1) {
        padding: 40px 20px;
    }
    .copyrights .dm-fourth {
        width: 100%;
    }
}

html .no-slider .video_holder {background: var(--pColor);}

html .no-slider .video_holder .carousel-caption {
}

html .dm-slide-main {
    height: 100vh !important;
}

.newCon {
    opacity: 0.4;
}

div#slider-primary {
    background: #000;
}

html .dm-slide-main .slide-caption {
    top: 55%;
    bottom: auto;
    text-align: center;
    max-width: 1600px;
    margin: 0px auto;
    left: 0px;
    right: 0px;
    transform: translateY(-50%);
}

html .dm-slide-main .slide-caption p {
    text-align: center;
    font-size: 22px;
}

html .dm-slide-main .slide-caption h2 {
    text-align: center;
    margin: 0px;
    font-size: 50px !important;
}

.main-head-wrap.header_fixed #header {
    background: #000000ad;
    padding: 5px 0px;
}

/* New Header */
div#new-top-header {
    background: var(--pColor);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

div#new-top-header * {
    color: #fff;
}

.dm-half-plus.phone-header {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.dm-half-plus.phone-header p {
    margin: 0px;
}

a.header-btn {
    padding: 15px 15px;
    display: block;
    background: var(--aColor);
}

.dm-half-plus.phone-header {
    text-transform: uppercase;
}


.cta-content * {
    color: #fff;
}

section.visit-us-today h3 {
    font-weight: bold;
    font-size: 40px;
}

section.visit-us-today li input {
    height: 45px !important;
}


.dm-half-plus.phone-header p {
    font-size: 14px;
    font-weight: bold;
    padding: 0px 10px;
    position: relative;
}

.dm-half-plus.phone-header p i {
    margin-right: 6px;
}

.dm-half-plus.phone-header p:nth-last-child(2):after {
    opacity: 0;
}

.main-head-wrap.header_fixed #new-top-header {
    margin-top: -52px;
}

.dm-third.new-header .social-icons a {
    padding: 0px 15px;
    position: relative;
}

.dm-third.new-header .social-icons a:after {
    content: "";
    position: absolute;
    right: 0px;
    width: 1px;
    height: 100%;
    background: #fff;
    opacity: 0.6;
    top: 50%;
    transform: translateY(-50%);
}

.dm-third.new-header .social-icons a:last-of-type:after {
    opacity: 0;
}

body:not(.home) header#site-header {
    background: #fff;
}

@media (max-width: 880px) {
    #new-top-header {
        display: none;
    }
}

.carousel-caption strong {
    display: block;
    font-size: 50px;
    color: var(--aColor);
    line-height: 1;
}

.carousel-caption h2 {
    font-size: 80px;
    font-weight: 400 !important;
    line-height: 1.2;
    margin-bottom: 30px;
}

.video_holder a.btn {
    font-size: 20px;
    padding: 10px 40px;
    font-weight: bold;
    letter-spacing: 0px;
}

section.home-icons {
    background: var(--pColor);
	display:none;
}

section.home-icons img {
    height: 380px !important;
    display: block;
    object-fit: cover;
    border-radius: 100px 0px;
}

section.home-icons {
    padding: 10vh 0px;
    text-align: center;
}

section.home-icons h4 {
    color: #fff;
    font-weight: bold;
    font-size: 23px;
    padding: 20px 0px;
}

section.home-icons h2 {
    font-size: 45px;
    color: #fff;
    font-weight: 400;
}

section.home-icons p {
    color: #fff;
    margin-bottom: 50px;
    font-size: 20px;
}

section.home-icons a.btn {
    padding: 15px 50px;
    font-weight: bold;
    font-size: 20px;
}

section.home-icons .container > p:nth-child(1) img {filter: brightness(0) invert(1);max-width: 100px;height: auto !important;border-radius: 0px;margin: 0px auto;display: block;}

section.home-icons .container > p:nth-child(1) {
    margin: 0px 0px 10px;
}

.dm-full.footer-creds .container {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 0px 15px;
}

.dm-full.footer-creds a {
    font-weight: bold;
}

.middle-menu .logo-wrap {
    display: none;
}

#header.middle-menu #secondary-navigation {
    justify-content: center;
    align-items: center;
}

div#header.middle-menu nav {
    float: none;
    margin: inherit;
}

#header li.meunLogo a {
    font-size: 35px;
}

div#header.middle-menu {
    padding: 5px 0px;
}

.central-image img {
    border-radius: 100px 0px;
}

span.small-image img {
    max-width: 100px;
}

span.small-image {
    display: block;
}

.cta-carrier h4 {
    font-weight: bold;
    text-transform: uppercase;
    margin: 0px;
}

.cta-carrier img {
    filter: brightness(0) invert(1);
}

.cta-carrier h2 {
    font-size: 55px;
}

.cc.container {
    position: relative;
    margin-top: -10vh;
}

.cc.container img {
    border-radius: 20px 20px 250px 0px;
    height: 550px !important;
    object-fit: cover;
    width: 100%;
    object-position: 50% 10%;
}

section.cta-classic {
    padding-bottom: 10vh;
}

section.new-service-section h2 + p {max-width: 1000px;margin: 0px auto 0px;}

.dm-flex-box {
    display: flex;
    flex-wrap: wrap;
    background: #fff;
	padding: 30px 0;
}

.dm-flex-box img {
    display: block;
    width: 300px;
    margin: 0px auto;
}

.dm-flex-box .dm-half:nth-child(1) {
    padding: 0px;
    flex: 1 1 55%;
}

.new-service-section .dm-flex > div:nth-child(even) .dm-flex-box {
    flex-direction: row-reverse;
}

.dm-flex-box .dm-half:nth-child(2) {
    flex: 1 1 45%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px 50px;
}

.dm-flex-box .dm-half:nth-child(2) h3 {
    font-size: 40px;
    font-weight: bold;
}

.dm-flex-box .dm-half:nth-child(2) a.btn {
    background: var(--pColor) !important;
    font-size: 20px;
    font-weight: bold;
}

.new-service-section .dm-flex > div:nth-child(1) {
    border-radius: 50px 50px 0px 0px;
    overflow: hidden;
}

.new-service-section .dm-flex > div:last-child {
    border-radius: 0px 0px 50px 50px;
    overflow: hidden;
}

section.home-icons .dm-flex {
    overflow: hidden;
	align-items: flex-start;
}

.col-12 {
    display: flex;
    flex-wrap: wrap;
    position: relative;
}

.dm-testi-4 {
    width: 40%;
}

.dm-testi-6 {
    width: 60%;
    padding: 100px 50px 0px;
}

.hd-testi__carousel {
    right: 0px;
    width: 150%;
    margin-left: -40%;
}

.right-side-pp {
    text-align: left;
}

.right-side-pp * {
    text-align: left;
    color: #fff;
}

.right-side-pp h5 {
    color: var(--aColor);
    font-weight: bold;
}

.rrss button {
    height: 60px;
    width: 60px;
    text-align: center;
    color: var(--aColor);
    border-radius: 50%;
    border: 0px;
    background: var(--aColor);
    font-size: 22px;
    display: inline-block;
    margin-left: 20px;
    cursor: pointer;
}

.rrss {
    text-align: right;
    width: 100%;
    margin-bottom: 50px;
}

.button-inline {
    text-align: right;
}

.dm-classic-pop, .dm-readmore-wrapper.dm-modal {
    border-radius: 50px 0px 0px 50px;
    overflow: hidden;
}

.dm-modal h4 {
    font-size: 41px;
    font-weight: bold;
}

.ts-carousel .slick-arrow {
    display: none !important;
}

.dm-test-phone {
    height: 850px;
    border: 5px solid rgb(224, 224, 224);
    border-radius: 50px;
    overflow: hidden;
    padding: 50px;
    background: var(--aColor);
    position: relative;
}

.dm-ttpp {
    position: absolute;
    left: 0px;
    top: 10%;
    height: 80%;
    width: 85%;
    margin: 0px auto;
    right: 0px;
    left: 0px;
}

.dm-ttpp img {
    height: 100% !important;
    object-fit: cover;
}

.dm-test-phone:before {
    width: 100px;
    height: 5px;
    background: #fff;
    border-radius: 10px;
    position: absolute;
    content: "";
    left: 0px;
    right: 0px;
    margin: 0px auto;
    top: 5%;
}

.dm-test-phone:after {
    width: 40px;
    height: 40px;
    background: #fff;
    border-radius: 10px;
    position: absolute;
    content: "";
    left: 0px;
    right: 0px;
    margin: 0px auto;
    bottom: 2.5%;
}


.cta-carrier .dm-full {
    display: flex;
    flex-wrap: wrap;
}

.cc.container .dm-full {
    display: flex;
    flex-wrap: wrap;
    padding-top: 50px;
}

.cc.container h3 {
    text-transform: uppercase;
    font-weight: bold;
}

.cc.container p {
    font-size: 17px;
}

.cc.container .dm-full a.btn {
    color: var(--sColor) !important;
    font-weight: bold !important;
    background: transparent !important;
    padding: 0px;
    font-size: 19px;
}

.cc.container a.btn:after {
    content: "\f061";
    font-family: 'Font Awesome 5';
    position: relative;
}

.dm-full.vut {
    text-align: center;
}

.dm-full.vut h5 {
    margin: 0px;
    text-transform: uppercase;
    font-weight: bold;
}

.dm-full.vut h2 {
    font-size: 55px;
    font-weight: 400;
}

.dm-full.vut h2 + p {
    max-width: 1000px;
    margin: 0px auto 20px;
}

.dm-full.vut {
    padding-bottom: 50px;
}

section.visit-us-today iframe {
    filter: grayscale(1);
    border-radius: 0px 50px 50px 0px;
}

section.visit-us-today .dm-half:nth-child(2) {
    border-radius: 50px 0px 0px 50px;
    background: #fff;
    padding: 50px;
}

section.home-icons .dm-flex .dm-third:nth-child(2) {
    animation-delay: 0.2s;
}

section.home-icons .dm-flex .dm-third:nth-child(3) {
    animation-delay: 0.4s;
}

#header {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

div#header.after-load {
    opacity: 0;
}

.video_holder video {
    height: 100vh;
}

.copyrights:before {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background: #000;
    content: "";
    opacity: 0.4;
}

.copyrights > * {
    position: relative;
    z-index: 1;
}

.copyrights h3 {
    color:#fff;
    font-size: 30px;
    font-weight: bold;
}

footer#site-footer a.btn {
    color: #ffffff !important;
    font-weight: bold;
    font-size: 16px;
}

.dm-ff.mmn {
    padding: 50px 0px;
    border-bottom: 1px solid #ffffff42;
}

.footer-logo-wrap a {
    font-weight: bold;
    font-size: 35px;
}

footer .container {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.copyrights .dm-fourth p {
    font-size: 19px;
}

.copyrights .dm-fourth p:last-of-type {
    margin: 0px;
}

html a.btn {
    font-weight: bold;
    font-size: 20px;
    padding: 10px 25px;
}

.dm-flex-box .dm-half:nth-child(2) a.btn:hover,
html a.btn:hover {
    background: var(--sColor) !important;
}

@media (max-width: 1200px) {
    .hd-testi__carousel {
        width: 200%;
        margin-left: -80%;
    }
}

@media (max-width: 880px) {
    .video_holder a.btn {
        font-size: 13px;
    }
    section.new-service-section h2 {
        font-size: 45px;
    }
    li.meunLogo {
        display: none !important;
    }
    .dm-ttpp img {
        height: 100% !important;
        object-fit: cover;
        width: 100%;
        display: block;
    }
    #header .logo-wrap {
        display: block;
    }

    .carousel-caption h2 {
        font-size: 40px;
    }

    .carousel-caption h2 strong {
        font-size: 25px;
    }

    .mobile_cta_buttons.hide-d.mobile-btn {
        background: var(--pColor);
        margin-top: -1px;
        padding-top: 5vh;
    }

    .mobile_cta_buttons.hide-d.mobile-btn p a {
        background: #fff;
        color: #000;
    }

    section.home-icons {
        padding-top: 5vh;
    }

    html .video_holder {
        width: 100%;
        border-radius: 0px 0px 150px 0px;
    }

    .cta-carrier h2 {
        font-size: 40px;
    }

    .cta-carrier h2 + p {
        padding: 0px 15px;
        margin-bottom: 50px;
    }

    .cc.container {
        margin-top: -5vh;
    }

    .cc.container img {
        height: 350px !important;
    }

    .new-service-section .dm-flex > div {
        border-radius: 0px !important;
    }

    .dm-flex-box .dm-half:nth-child(2) {
        padding: 40px;
    }

    .col-12 {
        flex-wrap: wrap;
    }

    .dm-testi-4 {
        width: 100%;
    }

    .dm-testi-6 {
        width: 100%;
        padding: 50px 15px;
    }

    .dm-test-phone {
        height: 500px;
    }

    .dm-test-phone:after {
        width: 20px;
        height: 20px;
    }

    .hd-testi__carousel {
        width: 100%;
        margin: 0px;
        padding: 0px;
    }

    .dm-full.vut h2 {
        font-size: 40px;
    }

    section.visit-us-today .dm-half:nth-child(2) {
        border-radius: 0px;
        padding: 20px;
    }

    .dm-h {
        width: 100%;
    }
    
    section.home-icons img {
        height: 300px !important;
    }
}

li.meunLogo img,
.footer-logo-wrap img {
    max-width: 292px;
}
.canvas {
  height: 100vh;
  width: 100vw;
  /* background: linear-gradient(to bottom, #edfffa 0%, #31c5d6 100%); */
  position: fixed;
  overflow: hidden;
  top: 0px;
  left: 0px;
}
.bubble {
  display: block;
  border-radius: 100%;
  opacity: 0.8;
  position: absolute;
}
.bubble:nth-child(1) {
  background: radial-gradient(ellipse at center, #b8c6c6 0%, #30b3d3 46%, #20628c 100%);
  width: 77px;
  height: 77px;
  left: 41vw;
  bottom: 82vh;
  -webkit-animation: move1 infinite 4s;
          animation: move1 infinite 4s;
}
@-webkit-keyframes move1 {
  0% {
    bottom: -100px;
  }
  100% {
    bottom: 18vh;
    transform: translate(141px, 0);
    opacity: 0;
  }
}
@keyframes move1 {
  0% {
    bottom: -100px;
  }
  100% {
    bottom: 18vh;
    transform: translate(141px, 0);
    opacity: 0;
  }
}
.bubble:nth-child(2) {
  background: radial-gradient(ellipse at top right, #b8c6c6 0%, #30b3d3 46%, #20628c 100%);
  width: 82px;
  height: 82px;
  left: 44vw;
  bottom: 13vh;
  -webkit-animation: move2 infinite 8s;
          animation: move2 infinite 8s;
}
@-webkit-keyframes move2 {
  0% {
    bottom: -100px;
  }
  100% {
    bottom: 26vh;
    transform: translate(162px, 0);
    opacity: 0;
  }
}
@keyframes move2 {
  0% {
    bottom: -100px;
  }
  100% {
    bottom: 26vh;
    transform: translate(162px, 0);
    opacity: 0;
  }
}
.bubble:nth-child(3) {
  background: radial-gradient(ellipse at center, #b8c6c6 0%, #30b3d3 46%, #20628c 100%);
  width: 89px;
  height: 89px;
  left: 44vw;
  bottom: 20vh;
  -webkit-animation: move3 infinite 6s;
          animation: move3 infinite 6s;
}
@-webkit-keyframes move3 {
  0% {
    bottom: -100px;
  }
  100% {
    bottom: 13vh;
    transform: translate(171px, 0);
    opacity: 0;
  }
}
@keyframes move3 {
  0% {
    bottom: -100px;
  }
  100% {
    bottom: 13vh;
    transform: translate(171px, 0);
    opacity: 0;
  }
}
.bubble:nth-child(4) {
  background: radial-gradient(ellipse at top right, #b8c6c6 0%, #30b3d3 46%, #20628c 100%);
  width: 94px;
  height: 94px;
  left: 97vw;
  bottom: 60vh;
  -webkit-animation: move4 infinite 13s;
          animation: move4 infinite 13s;
}
@-webkit-keyframes move4 {
  0% {
    bottom: -100px;
  }
  100% {
    bottom: 55vh;
    transform: translate(-38px, 0);
    opacity: 0;
  }
}
@keyframes move4 {
  0% {
    bottom: -100px;
  }
  100% {
    bottom: 55vh;
    transform: translate(-38px, 0);
    opacity: 0;
  }
}
.bubble:nth-child(5) {
  background: radial-gradient(ellipse at center, #b8c6c6 0%, #30b3d3 46%, #20628c 100%);
  width: 81px;
  height: 81px;
  left: 3vw;
  bottom: 10vh;
  -webkit-animation: move5 infinite 13s;
          animation: move5 infinite 13s;
}
@-webkit-keyframes move5 {
  0% {
    bottom: -100px;
  }
  100% {
    bottom: 44vh;
    transform: translate(-33px, 0);
    opacity: 0;
  }
}
@keyframes move5 {
  0% {
    bottom: -100px;
  }
  100% {
    bottom: 44vh;
    transform: translate(-33px, 0);
    opacity: 0;
  }
}
.bubble:nth-child(6) {
  background: radial-gradient(ellipse at top right, #b8c6c6 0%, #30b3d3 46%, #20628c 100%);
  width: 65px;
  height: 65px;
  left: 80vw;
  bottom: 91vh;
  -webkit-animation: move6 infinite 3s;
          animation: move6 infinite 3s;
}
@-webkit-keyframes move6 {
  0% {
    bottom: -100px;
  }
  100% {
    bottom: 45vh;
    transform: translate(20px, 0);
    opacity: 0;
  }
}
@keyframes move6 {
  0% {
    bottom: -100px;
  }
  100% {
    bottom: 45vh;
    transform: translate(20px, 0);
    opacity: 0;
  }
}
.bubble:nth-child(7) {
  background: radial-gradient(ellipse at center, #b8c6c6 0%, #30b3d3 46%, #20628c 100%);
  width: 31px;
  height: 31px;
  left: 28vw;
  bottom: 61vh;
  -webkit-animation: move7 infinite 11s;
          animation: move7 infinite 11s;
}
@-webkit-keyframes move7 {
  0% {
    bottom: -100px;
  }
  100% {
    bottom: 98vh;
    transform: translate(179px, 0);
    opacity: 0;
  }
}
@keyframes move7 {
  0% {
    bottom: -100px;
  }
  100% {
    bottom: 98vh;
    transform: translate(179px, 0);
    opacity: 0;
  }
}
.bubble:nth-child(8) {
  background: radial-gradient(ellipse at top right, #b8c6c6 0%, #30b3d3 46%, #20628c 100%);
  width: 17px;
  height: 17px;
  left: 53vw;
  bottom: 47vh;
  -webkit-animation: move8 infinite 4s;
          animation: move8 infinite 4s;
}
@-webkit-keyframes move8 {
  0% {
    bottom: -100px;
  }
  100% {
    bottom: 28vh;
    transform: translate(11px, 0);
    opacity: 0;
  }
}
@keyframes move8 {
  0% {
    bottom: -100px;
  }
  100% {
    bottom: 28vh;
    transform: translate(11px, 0);
    opacity: 0;
  }
}
.bubble:nth-child(9) {
  background: radial-gradient(ellipse at center, #b8c6c6 0%, #30b3d3 46%, #20628c 100%);
  width: 35px;
  height: 35px;
  left: 18vw;
  bottom: 77vh;
  -webkit-animation: move9 infinite 3s;
          animation: move9 infinite 3s;
}
@-webkit-keyframes move9 {
  0% {
    bottom: -100px;
  }
  100% {
    bottom: 75vh;
    transform: translate(-45px, 0);
    opacity: 0;
  }
}
@keyframes move9 {
  0% {
    bottom: -100px;
  }
  100% {
    bottom: 75vh;
    transform: translate(-45px, 0);
    opacity: 0;
  }
}
.bubble:nth-child(10) {
  background: radial-gradient(ellipse at top right, #b8c6c6 0%, #30b3d3 46%, #20628c 100%);
  width: 54px;
  height: 54px;
  left: 7vw;
  bottom: 15vh;
  -webkit-animation: move10 infinite 7s;
          animation: move10 infinite 7s;
}
@-webkit-keyframes move10 {
  0% {
    bottom: -100px;
  }
  100% {
    bottom: 31vh;
    transform: translate(162px, 0);
    opacity: 0;
  }
}
@keyframes move10 {
  0% {
    bottom: -100px;
  }
  100% {
    bottom: 31vh;
    transform: translate(162px, 0);
    opacity: 0;
  }
}
.bubble:nth-child(11) {
  background: radial-gradient(ellipse at center, #b8c6c6 0%, #30b3d3 46%, #20628c 100%);
  width: 53px;
  height: 53px;
  left: 32vw;
  bottom: 58vh;
  -webkit-animation: move11 infinite 15s;
          animation: move11 infinite 15s;
}
@-webkit-keyframes move11 {
  0% {
    bottom: -100px;
  }
  100% {
    bottom: 8vh;
    transform: translate(-46px, 0);
    opacity: 0;
  }
}
@keyframes move11 {
  0% {
    bottom: -100px;
  }
  100% {
    bottom: 8vh;
    transform: translate(-46px, 0);
    opacity: 0;
  }
}
.bubble:nth-child(12) {
  background: radial-gradient(ellipse at top right, #b8c6c6 0%, #30b3d3 46%, #20628c 100%);
  width: 53px;
  height: 53px;
  left: 23vw;
  bottom: 28vh;
  -webkit-animation: move12 infinite 6s;
          animation: move12 infinite 6s;
}
@-webkit-keyframes move12 {
  0% {
    bottom: -100px;
  }
  100% {
    bottom: 51vh;
    transform: translate(191px, 0);
    opacity: 0;
  }
}
@keyframes move12 {
  0% {
    bottom: -100px;
  }
  100% {
    bottom: 51vh;
    transform: translate(191px, 0);
    opacity: 0;
  }
}
.bubble:nth-child(13) {
  background: radial-gradient(ellipse at center, #b8c6c6 0%, #30b3d3 46%, #20628c 100%);
  width: 51px;
  height: 51px;
  left: 69vw;
  bottom: 76vh;
  -webkit-animation: move13 infinite 7s;
          animation: move13 infinite 7s;
}
@-webkit-keyframes move13 {
  0% {
    bottom: -100px;
  }
  100% {
    bottom: 93vh;
    transform: translate(103px, 0);
    opacity: 0;
  }
}
@keyframes move13 {
  0% {
    bottom: -100px;
  }
  100% {
    bottom: 93vh;
    transform: translate(103px, 0);
    opacity: 0;
  }
}
.bubble:nth-child(14) {
  background: radial-gradient(ellipse at top right, #b8c6c6 0%, #30b3d3 46%, #20628c 100%);
  width: 50px;
  height: 50px;
  left: 33vw;
  bottom: 81vh;
  -webkit-animation: move14 infinite 12s;
          animation: move14 infinite 12s;
}
@-webkit-keyframes move14 {
  0% {
    bottom: -100px;
  }
  100% {
    bottom: 26vh;
    transform: translate(172px, 0);
    opacity: 0;
  }
}
@keyframes move14 {
  0% {
    bottom: -100px;
  }
  100% {
    bottom: 26vh;
    transform: translate(172px, 0);
    opacity: 0;
  }
}
.bubble:nth-child(15) {
  background: radial-gradient(ellipse at center, #b8c6c6 0%, #30b3d3 46%, #20628c 100%);
  width: 100px;
  height: 100px;
  left: 59vw;
  bottom: 64vh;
  -webkit-animation: move15 infinite 14s;
          animation: move15 infinite 14s;
}
@-webkit-keyframes move15 {
  0% {
    bottom: -100px;
  }
  100% {
    bottom: 27vh;
    transform: translate(90px, 0);
    opacity: 0;
  }
}
@keyframes move15 {
  0% {
    bottom: -100px;
  }
  100% {
    bottom: 27vh;
    transform: translate(90px, 0);
    opacity: 0;
  }
}
.bubble:nth-child(16) {
  background: radial-gradient(ellipse at top right, #b8c6c6 0%, #30b3d3 46%, #20628c 100%);
  width: 29px;
  height: 29px;
  left: 63vw;
  bottom: 11vh;
  -webkit-animation: move16 infinite 8s;
          animation: move16 infinite 8s;
}
@-webkit-keyframes move16 {
  0% {
    bottom: -100px;
  }
  100% {
    bottom: 8vh;
    transform: translate(25px, 0);
    opacity: 0;
  }
}
@keyframes move16 {
  0% {
    bottom: -100px;
  }
  100% {
    bottom: 8vh;
    transform: translate(25px, 0);
    opacity: 0;
  }
}
.bubble:nth-child(17) {
  background: radial-gradient(ellipse at center, #b8c6c6 0%, #30b3d3 46%, #20628c 100%);
  width: 25px;
  height: 25px;
  left: 95vw;
  bottom: 57vh;
  -webkit-animation: move17 infinite 12s;
          animation: move17 infinite 12s;
}
@-webkit-keyframes move17 {
  0% {
    bottom: -100px;
  }
  100% {
    bottom: 5vh;
    transform: translate(-10px, 0);
    opacity: 0;
  }
}
@keyframes move17 {
  0% {
    bottom: -100px;
  }
  100% {
    bottom: 5vh;
    transform: translate(-10px, 0);
    opacity: 0;
  }
}
.bubble:nth-child(18) {
  background: radial-gradient(ellipse at top right, #b8c6c6 0%, #30b3d3 46%, #20628c 100%);
  width: 26px;
  height: 26px;
  left: 88vw;
  bottom: 41vh;
  -webkit-animation: move18 infinite 12s;
          animation: move18 infinite 12s;
}
@-webkit-keyframes move18 {
  0% {
    bottom: -100px;
  }
  100% {
    bottom: 36vh;
    transform: translate(48px, 0);
    opacity: 0;
  }
}
@keyframes move18 {
  0% {
    bottom: -100px;
  }
  100% {
    bottom: 36vh;
    transform: translate(48px, 0);
    opacity: 0;
  }
}
.bubble:nth-child(19) {
  background: radial-gradient(ellipse at center, #b8c6c6 0%, #30b3d3 46%, #20628c 100%);
  width: 73px;
  height: 73px;
  left: 54vw;
  bottom: 17vh;
  -webkit-animation: move19 infinite 14s;
          animation: move19 infinite 14s;
}
@-webkit-keyframes move19 {
  0% {
    bottom: -100px;
  }
  100% {
    bottom: 100vh;
    transform: translate(91px, 0);
    opacity: 0;
  }
}
@keyframes move19 {
  0% {
    bottom: -100px;
  }
  100% {
    bottom: 100vh;
    transform: translate(91px, 0);
    opacity: 0;
  }
}
.bubble:nth-child(20) {
  background: radial-gradient(ellipse at top right, #b8c6c6 0%, #30b3d3 46%, #20628c 100%);
  width: 81px;
  height: 81px;
  left: 25vw;
  bottom: 56vh;
  -webkit-animation: move20 infinite 3s;
          animation: move20 infinite 3s;
}
@-webkit-keyframes move20 {
  0% {
    bottom: -100px;
  }
  100% {
    bottom: 43vh;
    transform: translate(192px, 0);
    opacity: 0;
  }
}
@keyframes move20 {
  0% {
    bottom: -100px;
  }
  100% {
    bottom: 43vh;
    transform: translate(192px, 0);
    opacity: 0;
  }
}
.bubble:nth-child(21) {
  background: radial-gradient(ellipse at center, #b8c6c6 0%, #30b3d3 46%, #20628c 100%);
  width: 6px;
  height: 6px;
  left: 73vw;
  bottom: 24vh;
  -webkit-animation: move21 infinite 10s;
          animation: move21 infinite 10s;
}
@-webkit-keyframes move21 {
  0% {
    bottom: -100px;
  }
  100% {
    bottom: 71vh;
    transform: translate(117px, 0);
    opacity: 0;
  }
}
@keyframes move21 {
  0% {
    bottom: -100px;
  }
  100% {
    bottom: 71vh;
    transform: translate(117px, 0);
    opacity: 0;
  }
}
.bubble:nth-child(22) {
  background: radial-gradient(ellipse at top right, #b8c6c6 0%, #30b3d3 46%, #20628c 100%);
  width: 92px;
  height: 92px;
  left: 38vw;
  bottom: 77vh;
  -webkit-animation: move22 infinite 12s;
          animation: move22 infinite 12s;
}
@-webkit-keyframes move22 {
  0% {
    bottom: -100px;
  }
  100% {
    bottom: 9vh;
    transform: translate(17px, 0);
    opacity: 0;
  }
}
@keyframes move22 {
  0% {
    bottom: -100px;
  }
  100% {
    bottom: 9vh;
    transform: translate(17px, 0);
    opacity: 0;
  }
}
.bubble:nth-child(23) {
  background: radial-gradient(ellipse at center, #b8c6c6 0%, #30b3d3 46%, #20628c 100%);
  width: 91px;
  height: 91px;
  left: 8vw;
  bottom: 34vh;
  -webkit-animation: move23 infinite 7s;
          animation: move23 infinite 7s;
}
@-webkit-keyframes move23 {
  0% {
    bottom: -100px;
  }
  100% {
    bottom: 65vh;
    transform: translate(146px, 0);
    opacity: 0;
  }
}
@keyframes move23 {
  0% {
    bottom: -100px;
  }
  100% {
    bottom: 65vh;
    transform: translate(146px, 0);
    opacity: 0;
  }
}
.bubble:nth-child(24) {
  background: radial-gradient(ellipse at top right, #b8c6c6 0%, #30b3d3 46%, #20628c 100%);
  width: 18px;
  height: 18px;
  left: 54vw;
  bottom: 44vh;
  -webkit-animation: move24 infinite 6s;
          animation: move24 infinite 6s;
}
@-webkit-keyframes move24 {
  0% {
    bottom: -100px;
  }
  100% {
    bottom: 66vh;
    transform: translate(161px, 0);
    opacity: 0;
  }
}
@keyframes move24 {
  0% {
    bottom: -100px;
  }
  100% {
    bottom: 66vh;
    transform: translate(161px, 0);
    opacity: 0;
  }
}
.bubble:nth-child(25) {
  background: radial-gradient(ellipse at center, #b8c6c6 0%, #30b3d3 46%, #20628c 100%);
  width: 50px;
  height: 50px;
  left: 80vw;
  bottom: 73vh;
  -webkit-animation: move25 infinite 10s;
          animation: move25 infinite 10s;
}
@-webkit-keyframes move25 {
  0% {
    bottom: -100px;
  }
  100% {
    bottom: 88vh;
    transform: translate(138px, 0);
    opacity: 0;
  }
}
@keyframes move25 {
  0% {
    bottom: -100px;
  }
  100% {
    bottom: 88vh;
    transform: translate(138px, 0);
    opacity: 0;
  }
}
.bubble:nth-child(26) {
  background: radial-gradient(ellipse at top right, #b8c6c6 0%, #30b3d3 46%, #20628c 100%);
  width: 50px;
  height: 50px;
  left: 14vw;
  bottom: 16vh;
  -webkit-animation: move26 infinite 13s;
          animation: move26 infinite 13s;
}
@-webkit-keyframes move26 {
  0% {
    bottom: -100px;
  }
  100% {
    bottom: 50vh;
    transform: translate(-46px, 0);
    opacity: 0;
  }
}
@keyframes move26 {
  0% {
    bottom: -100px;
  }
  100% {
    bottom: 50vh;
    transform: translate(-46px, 0);
    opacity: 0;
  }
}
.bubble:nth-child(27) {
  background: radial-gradient(ellipse at center, #b8c6c6 0%, #30b3d3 46%, #20628c 100%);
  width: 58px;
  height: 58px;
  left: 29vw;
  bottom: 89vh;
  -webkit-animation: move27 infinite 14s;
          animation: move27 infinite 14s;
}
@-webkit-keyframes move27 {
  0% {
    bottom: -100px;
  }
  100% {
    bottom: 46vh;
    transform: translate(-19px, 0);
    opacity: 0;
  }
}
@keyframes move27 {
  0% {
    bottom: -100px;
  }
  100% {
    bottom: 46vh;
    transform: translate(-19px, 0);
    opacity: 0;
  }
}
.bubble:nth-child(28) {
  background: radial-gradient(ellipse at top right, #b8c6c6 0%, #30b3d3 46%, #20628c 100%);
  width: 86px;
  height: 86px;
  left: 100vw;
  bottom: 21vh;
  -webkit-animation: move28 infinite 15s;
          animation: move28 infinite 15s;
}
@-webkit-keyframes move28 {
  0% {
    bottom: -100px;
  }
  100% {
    bottom: 36vh;
    transform: translate(153px, 0);
    opacity: 0;
  }
}
@keyframes move28 {
  0% {
    bottom: -100px;
  }
  100% {
    bottom: 36vh;
    transform: translate(153px, 0);
    opacity: 0;
  }
}
.bubble:nth-child(29) {
  background: radial-gradient(ellipse at center, #b8c6c6 0%, #30b3d3 46%, #20628c 100%);
  width: 80px;
  height: 80px;
  left: 65vw;
  bottom: 38vh;
  -webkit-animation: move29 infinite 10s;
          animation: move29 infinite 10s;
}
@-webkit-keyframes move29 {
  0% {
    bottom: -100px;
  }
  100% {
    bottom: 7vh;
    transform: translate(59px, 0);
    opacity: 0;
  }
}
@keyframes move29 {
  0% {
    bottom: -100px;
  }
  100% {
    bottom: 7vh;
    transform: translate(59px, 0);
    opacity: 0;
  }
}
.bubble:nth-child(30) {
  background: radial-gradient(ellipse at top right, #b8c6c6 0%, #30b3d3 46%, #20628c 100%);
  width: 100px;
  height: 100px;
  left: 86vw;
  bottom: 35vh;
  -webkit-animation: move30 infinite 14s;
          animation: move30 infinite 14s;
}
@-webkit-keyframes move30 {
  0% {
    bottom: -100px;
  }
  100% {
    bottom: 100vh;
    transform: translate(1px, 0);
    opacity: 0;
  }
}
@keyframes move30 {
  0% {
    bottom: -100px;
  }
  100% {
    bottom: 100vh;
    transform: translate(1px, 0);
    opacity: 0;
  }
}
.bubble:nth-child(31) {
  background: radial-gradient(ellipse at center, #b8c6c6 0%, #30b3d3 46%, #20628c 100%);
  width: 95px;
  height: 95px;
  left: 70vw;
  bottom: 26vh;
  -webkit-animation: move31 infinite 4s;
          animation: move31 infinite 4s;
}
@-webkit-keyframes move31 {
  0% {
    bottom: -100px;
  }
  100% {
    bottom: 10vh;
    transform: translate(89px, 0);
    opacity: 0;
  }
}
@keyframes move31 {
  0% {
    bottom: -100px;
  }
  100% {
    bottom: 10vh;
    transform: translate(89px, 0);
    opacity: 0;
  }
}
.bubble:nth-child(32) {
  background: radial-gradient(ellipse at top right, #b8c6c6 0%, #30b3d3 46%, #20628c 100%);
  width: 55px;
  height: 55px;
  left: 86vw;
  bottom: 55vh;
  -webkit-animation: move32 infinite 15s;
          animation: move32 infinite 15s;
}
@-webkit-keyframes move32 {
  0% {
    bottom: -100px;
  }
  100% {
    bottom: 91vh;
    transform: translate(68px, 0);
    opacity: 0;
  }
}
@keyframes move32 {
  0% {
    bottom: -100px;
  }
  100% {
    bottom: 91vh;
    transform: translate(68px, 0);
    opacity: 0;
  }
}
.bubble:nth-child(33) {
  background: radial-gradient(ellipse at center, #b8c6c6 0%, #30b3d3 46%, #20628c 100%);
  width: 58px;
  height: 58px;
  left: 31vw;
  bottom: 51vh;
  -webkit-animation: move33 infinite 15s;
          animation: move33 infinite 15s;
}
@-webkit-keyframes move33 {
  0% {
    bottom: -100px;
  }
  100% {
    bottom: 18vh;
    transform: translate(134px, 0);
    opacity: 0;
  }
}
@keyframes move33 {
  0% {
    bottom: -100px;
  }
  100% {
    bottom: 18vh;
    transform: translate(134px, 0);
    opacity: 0;
  }
}
.bubble:nth-child(34) {
  background: radial-gradient(ellipse at top right, #b8c6c6 0%, #30b3d3 46%, #20628c 100%);
  width: 20px;
  height: 20px;
  left: 96vw;
  bottom: 89vh;
  -webkit-animation: move34 infinite 3s;
          animation: move34 infinite 3s;
}
@-webkit-keyframes move34 {
  0% {
    bottom: -100px;
  }
  100% {
    bottom: 39vh;
    transform: translate(67px, 0);
    opacity: 0;
  }
}
@keyframes move34 {
  0% {
    bottom: -100px;
  }
  100% {
    bottom: 39vh;
    transform: translate(67px, 0);
    opacity: 0;
  }
}
.bubble:nth-child(35) {
  background: radial-gradient(ellipse at center, #b8c6c6 0%, #30b3d3 46%, #20628c 100%);
  width: 37px;
  height: 37px;
  left: 95vw;
  bottom: 72vh;
  -webkit-animation: move35 infinite 3s;
          animation: move35 infinite 3s;
}
@-webkit-keyframes move35 {
  0% {
    bottom: -100px;
  }
  100% {
    bottom: 5vh;
    transform: translate(188px, 0);
    opacity: 0;
  }
}
@keyframes move35 {
  0% {
    bottom: -100px;
  }
  100% {
    bottom: 5vh;
    transform: translate(188px, 0);
    opacity: 0;
  }
}
.bubble:nth-child(36) {
  background: radial-gradient(ellipse at top right, #b8c6c6 0%, #30b3d3 46%, #20628c 100%);
  width: 73px;
  height: 73px;
  left: 23vw;
  bottom: 81vh;
  -webkit-animation: move36 infinite 7s;
          animation: move36 infinite 7s;
}
@-webkit-keyframes move36 {
  0% {
    bottom: -100px;
  }
  100% {
    bottom: 89vh;
    transform: translate(35px, 0);
    opacity: 0;
  }
}
@keyframes move36 {
  0% {
    bottom: -100px;
  }
  100% {
    bottom: 89vh;
    transform: translate(35px, 0);
    opacity: 0;
  }
}
.bubble:nth-child(37) {
  background: radial-gradient(ellipse at center, #b8c6c6 0%, #30b3d3 46%, #20628c 100%);
  width: 60px;
  height: 60px;
  left: 16vw;
  bottom: 57vh;
  -webkit-animation: move37 infinite 15s;
          animation: move37 infinite 15s;
}
@-webkit-keyframes move37 {
  0% {
    bottom: -100px;
  }
  100% {
    bottom: 26vh;
    transform: translate(90px, 0);
    opacity: 0;
  }
}
@keyframes move37 {
  0% {
    bottom: -100px;
  }
  100% {
    bottom: 26vh;
    transform: translate(90px, 0);
    opacity: 0;
  }
}
.bubble:nth-child(38) {
  background: radial-gradient(ellipse at top right, #b8c6c6 0%, #30b3d3 46%, #20628c 100%);
  width: 32px;
  height: 32px;
  left: 37vw;
  bottom: 38vh;
  -webkit-animation: move38 infinite 5s;
          animation: move38 infinite 5s;
}
@-webkit-keyframes move38 {
  0% {
    bottom: -100px;
  }
  100% {
    bottom: 69vh;
    transform: translate(157px, 0);
    opacity: 0;
  }
}
@keyframes move38 {
  0% {
    bottom: -100px;
  }
  100% {
    bottom: 69vh;
    transform: translate(157px, 0);
    opacity: 0;
  }
}
.bubble:nth-child(39) {
  background: radial-gradient(ellipse at center, #b8c6c6 0%, #30b3d3 46%, #20628c 100%);
  width: 64px;
  height: 64px;
  left: 40vw;
  bottom: 31vh;
  -webkit-animation: move39 infinite 13s;
          animation: move39 infinite 13s;
}
@-webkit-keyframes move39 {
  0% {
    bottom: -100px;
  }
  100% {
    bottom: 47vh;
    transform: translate(40px, 0);
    opacity: 0;
  }
}
@keyframes move39 {
  0% {
    bottom: -100px;
  }
  100% {
    bottom: 47vh;
    transform: translate(40px, 0);
    opacity: 0;
  }
}
.bubble:nth-child(40) {
  background: radial-gradient(ellipse at top right, #b8c6c6 0%, #30b3d3 46%, #20628c 100%);
  width: 42px;
  height: 42px;
  left: 4vw;
  bottom: 5vh;
  -webkit-animation: move40 infinite 8s;
          animation: move40 infinite 8s;
}
@-webkit-keyframes move40 {
  0% {
    bottom: -100px;
  }
  100% {
    bottom: 10vh;
    transform: translate(20px, 0);
    opacity: 0;
  }
}
@keyframes move40 {
  0% {
    bottom: -100px;
  }
  100% {
    bottom: 10vh;
    transform: translate(20px, 0);
    opacity: 0;
  }
}
.bubble:nth-child(41) {
  background: radial-gradient(ellipse at center, #b8c6c6 0%, #30b3d3 46%, #20628c 100%);
  width: 29px;
  height: 29px;
  left: 59vw;
  bottom: 2vh;
  -webkit-animation: move41 infinite 10s;
          animation: move41 infinite 10s;
}
@-webkit-keyframes move41 {
  0% {
    bottom: -100px;
  }
  100% {
    bottom: 40vh;
    transform: translate(101px, 0);
    opacity: 0;
  }
}
@keyframes move41 {
  0% {
    bottom: -100px;
  }
  100% {
    bottom: 40vh;
    transform: translate(101px, 0);
    opacity: 0;
  }
}
.bubble:nth-child(42) {
  background: radial-gradient(ellipse at top right, #b8c6c6 0%, #30b3d3 46%, #20628c 100%);
  width: 23px;
  height: 23px;
  left: 76vw;
  bottom: 36vh;
  -webkit-animation: move42 infinite 3s;
          animation: move42 infinite 3s;
}
@-webkit-keyframes move42 {
  0% {
    bottom: -100px;
  }
  100% {
    bottom: 20vh;
    transform: translate(159px, 0);
    opacity: 0;
  }
}
@keyframes move42 {
  0% {
    bottom: -100px;
  }
  100% {
    bottom: 20vh;
    transform: translate(159px, 0);
    opacity: 0;
  }
}
.bubble:nth-child(43) {
  background: radial-gradient(ellipse at center, #b8c6c6 0%, #30b3d3 46%, #20628c 100%);
  width: 50px;
  height: 50px;
  left: 57vw;
  bottom: 100vh;
  -webkit-animation: move43 infinite 15s;
          animation: move43 infinite 15s;
}
@-webkit-keyframes move43 {
  0% {
    bottom: -100px;
  }
  100% {
    bottom: 53vh;
    transform: translate(-67px, 0);
    opacity: 0;
  }
}
@keyframes move43 {
  0% {
    bottom: -100px;
  }
  100% {
    bottom: 53vh;
    transform: translate(-67px, 0);
    opacity: 0;
  }
}
.bubble:nth-child(44) {
  background: radial-gradient(ellipse at top right, #b8c6c6 0%, #30b3d3 46%, #20628c 100%);
  width: 8px;
  height: 8px;
  left: 35vw;
  bottom: 24vh;
  -webkit-animation: move44 infinite 14s;
          animation: move44 infinite 14s;
}
@-webkit-keyframes move44 {
  0% {
    bottom: -100px;
  }
  100% {
    bottom: 76vh;
    transform: translate(16px, 0);
    opacity: 0;
  }
}
@keyframes move44 {
  0% {
    bottom: -100px;
  }
  100% {
    bottom: 76vh;
    transform: translate(16px, 0);
    opacity: 0;
  }
}
.bubble:nth-child(45) {
  background: radial-gradient(ellipse at center, #b8c6c6 0%, #30b3d3 46%, #20628c 100%);
  width: 54px;
  height: 54px;
  left: 47vw;
  bottom: 95vh;
  -webkit-animation: move45 infinite 7s;
          animation: move45 infinite 7s;
}
@-webkit-keyframes move45 {
  0% {
    bottom: -100px;
  }
  100% {
    bottom: 65vh;
    transform: translate(90px, 0);
    opacity: 0;
  }
}
@keyframes move45 {
  0% {
    bottom: -100px;
  }
  100% {
    bottom: 65vh;
    transform: translate(90px, 0);
    opacity: 0;
  }
}
.bubble:nth-child(46) {
  background: radial-gradient(ellipse at top right, #b8c6c6 0%, #30b3d3 46%, #20628c 100%);
  width: 22px;
  height: 22px;
  left: 74vw;
  bottom: 13vh;
  -webkit-animation: move46 infinite 5s;
          animation: move46 infinite 5s;
}
@-webkit-keyframes move46 {
  0% {
    bottom: -100px;
  }
  100% {
    bottom: 91vh;
    transform: translate(9px, 0);
    opacity: 0;
  }
}
@keyframes move46 {
  0% {
    bottom: -100px;
  }
  100% {
    bottom: 91vh;
    transform: translate(9px, 0);
    opacity: 0;
  }
}
.bubble:nth-child(47) {
  background: radial-gradient(ellipse at center, #b8c6c6 0%, #30b3d3 46%, #20628c 100%);
  width: 27px;
  height: 27px;
  left: 2vw;
  bottom: 10vh;
  -webkit-animation: move47 infinite 11s;
          animation: move47 infinite 11s;
}
@-webkit-keyframes move47 {
  0% {
    bottom: -100px;
  }
  100% {
    bottom: 97vh;
    transform: translate(-86px, 0);
    opacity: 0;
  }
}
@keyframes move47 {
  0% {
    bottom: -100px;
  }
  100% {
    bottom: 97vh;
    transform: translate(-86px, 0);
    opacity: 0;
  }
}
.bubble:nth-child(48) {
  background: radial-gradient(ellipse at top right, #b8c6c6 0%, #30b3d3 46%, #20628c 100%);
  width: 72px;
  height: 72px;
  left: 20vw;
  bottom: 14vh;
  -webkit-animation: move48 infinite 14s;
          animation: move48 infinite 14s;
}
@-webkit-keyframes move48 {
  0% {
    bottom: -100px;
  }
  100% {
    bottom: 59vh;
    transform: translate(49px, 0);
    opacity: 0;
  }
}
@keyframes move48 {
  0% {
    bottom: -100px;
  }
  100% {
    bottom: 59vh;
    transform: translate(49px, 0);
    opacity: 0;
  }
}
.bubble:nth-child(49) {
  background: radial-gradient(ellipse at center, #b8c6c6 0%, #30b3d3 46%, #20628c 100%);
  width: 90px;
  height: 90px;
  left: 35vw;
  bottom: 1vh;
  -webkit-animation: move49 infinite 8s;
          animation: move49 infinite 8s;
}
@-webkit-keyframes move49 {
  0% {
    bottom: -100px;
  }
  100% {
    bottom: 27vh;
    transform: translate(23px, 0);
    opacity: 0;
  }
}
@keyframes move49 {
  0% {
    bottom: -100px;
  }
  100% {
    bottom: 27vh;
    transform: translate(23px, 0);
    opacity: 0;
  }
}
.bubble:nth-child(50) {
  background: radial-gradient(ellipse at top right, #b8c6c6 0%, #30b3d3 46%, #20628c 100%);
  width: 100px;
  height: 100px;
  left: 11vw;
  bottom: 2vh;
  -webkit-animation: move50 infinite 15s;
          animation: move50 infinite 15s;
}
@-webkit-keyframes move50 {
  0% {
    bottom: -100px;
  }
  100% {
    bottom: 30vh;
    transform: translate(-74px, 0);
    opacity: 0;
  }
}
@keyframes move50 {
  0% {
    bottom: -100px;
  }
  100% {
    bottom: 30vh;
    transform: translate(-74px, 0);
    opacity: 0;
  }
}


.main-container {
    position: relative;
    z-index: 1;
}

div#page {
    position: relative;
}

article.article {
    position: relative;
    z-index: 1;
    background: transparent;
}

div#page {
    position: relative;
}

article.article {
    position: relative;
    z-index: 1;
    background: transparent;
}

body:not(.home) header#site-header ul#menu-main-menu * {
    color: #000;
}

.main-head-wrap.header_fixed #header #menu-main-menu > li > a {
    color: #fff !important;
}

div#page.homepage {
    position: relative;
    z-index: 1;
}

.video_holder a.btn {
	background: linear-gradient(90deg, rgba(224,43,38,1) 0%, rgba(28,187,182,1) 78%, rgba(255,255,255,1) 100%); !important;
}

strong.white {
	color: #fff;
}

strong.blue {
	color: #1cbbb6;
}

.video_holder:before {
	background: unset;
}

section.new-service-section {
    display: none;
}

#slider-primary .dm-slide-main {
    max-height: 740px !important;
}

ul.sub-menu.toggle-submenu {
    display: none;
    transition: 0s !important;
}

.navigation {
    width: 100%;
    border: none;
    display: none;
}
#secondary-navigation {
    width: 100%!important;
    position: relative!important;
}
.navigation .menu a, .navigation .menu .fa > a, .navigation .menu .fa > a {
    color: #fff!important;
    background: transparent;
}
.navigation .menu {
    display: block!important;
    float: none;
    background: transparent;
    margin-bottom: 0;
}
.navigation ul ul {
    visibility: visible!important;
    opacity: 1!important;
    position: relative;
    left: 0!important;
    border: 0;
    width: 100%;
}
.navigation ul li li {
    background: transparent;
    border: 0;
}
nav { height: auto }
#header nav li, #header .navigation ul li li {
    width: 100%!important;
    float: left;
    position: relative;
}
.navigation ul li:after { display: none }
.navigation ul li:before { display: none }
#header nav li a {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2)!important;
    width: 100%!important;
    box-sizing: border-box;
}
#header nav a {
    text-align: left;
    width: 100%;
    text-indent: 25px;
}
a#pull {
    display: block;
    width: 60px;
    position: relative;
    color: #fff;
    margin-left: 0px;
    margin-right: 0px;
    text-indent: 0px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px !important;
}
a#pull:after {
    content: "\f0c9";
    display: inline-block;
    position: absolute;
    right: 15px;
    top: 10px;
    font-family: "Font Awesome 5";
}
.navigation ul .sfHover a, .navigation ul li:hover, .navigation ul .sfHover ul li { background: transparent }
/*disable flayout*/
#catcher { height: 0 !important }
.sticky-navigation-active {
    position: relative !important;
    top: 0 !important;
}
/*-[ Responsive Navigation ]--------------------------------*/
.main-container {
    position: relative;
    left: 0;
    transition: left 500ms ease;
}
.mobile-menu-active .main-container {
    left: 300px;
    transition: left 500ms ease;
}
.navigation.mobile-menu-wrapper {
    display: block;
    position: fixed;
    top: 0;
    left: -300px !important;
    width: 300px !important ;
    height: 100%;
    background-color: #222;
    border-right: 1px solid rgba(0, 0, 0, 0.2);
    overflow: auto;
    transition: left 500ms ease;
    -webkit-backface-visibility: hidden;
    box-sizing: border-box;
    overflow-x: hidden;
}
.mobile-menu-active .navigation.mobile-menu-wrapper {
    left: 0 !important;
    z-index: 1111;
}
.navigation ul li {
    width: 100%;
    display: block;
}
.navigation ul li:hover { background: none }
.navigation ul li a, .navigation ul ul a {
    padding: 9px 0!important;
    width: 100%;
    border: none;
}
.navigation ul ul {
    position: static;
    width: 100%;
    border: none;
}
.navigation ul ul li {
    background: none;
    width: 100%;
}
.navigation i { display: inline }
.navigation ul ul a { padding: 9px 18px !important }
.navigation ul ul ul a { padding: 9px 27px !important }
.navigation ul ul ul ul a { padding: 9px 36px !important }
.navigation .toggle-caret {
    display: block;
    width: 42px;
    height: 42px;
    line-height: 42px;
    color: #ffffff;
    border-left: 1px solid rgba(0, 0, 0, 0.2);
    top: 0;
}
.navigation .menu-item-has-children > a:after { content: '' }
#mobile-menu-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999;
    cursor: pointer;
    display: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: rgba(0,0,0,.5);
}
html.noscroll {
    position: fixed;
    overflow-y: scroll;
    width: 100%;
}

a#pull {
    font-size: 0px !important;
}

a#pull:after {
    font-size: 20px !important;
    position: relative;
    top: 0px;
    left: 0px;
}

#secondary-navigation .navigation ul ul li {
    background: var(--pColor);
}

#secondary-navigation .navigation ul li:hover {
    background: #000;

}

section.special-section {
    position: relative;
}