:root {
    --white: #fff;
}

.btn-primary,
.form .btn-primary,
.btn-submit {
    color: #000!important;
    background-color: var(--color-theme-primary) !important;
}

.btn-primary:hover,
.form .btn-primary:hover,
.btn-submit:hover {
    color: var(--white) !important;
}

.navbar-nav .active .nav-link {
    color: var(--white) !important;
}


.btn {
    border-radius: 50px;
}


.lazy-image img {
    border-radius: 50px;
}
/*-- Slider --*/

.carousel-item {
    height: 450px;
    background-size: cover;
    background-position: center;
    opacity: 0;
    transition-duration: 1s;
    transition-property: opacity;
}

.carousel .carousel-item.active,
.carousel .carousel-item-next.carousel-item-left,
.carousel .carousel-item-prev.carousel-item-right {
    opacity: 1
}

.carousel .active.carousel-item-left,
.carousel .active.carousel-item-right {
    opacity: 0
}

.carousel .carousel-item-next,
.carousel .carousel-item-prev,
.carousel .carousel-item.active,
.carousel .active.carousel-item-left,
.carousel .active.carousel-item-prev {
    transform: translateX(0);
    transform: translate3d(0, 0, 0)
}

.carousel-indicators li {
    border-radius: 50%;
    width: 10px;
    height: 10px;
}
.carousel-indicators {
    bottom: 0;
}
.slideshow .btn-slideshowarrow.slideshow-arrow-prev {
    display: none !important;
}
.slideshow .btn-slideshowarrow.slideshow-arrow-next {
    display: none !important;
}

@media (min-width: 400px) {
    .carousel-indicators {
        bottom: 28%
    }
}

@media(min-width: 768px) {
    .carousel-item {
        height: 550px
    }

    .carousel-indicators {
        display: block;
        z-index: 1;
        bottom: 58%;
        right: 2rem;
        left: auto;
        margin: 0 auto;
    }

    .carousel-indicators li {
        display: block;
        flex: unset;
    }

}

section.text {
	padding-top: 2em !important;
}

.title {
	color: #54F4EB;
	/* background: linear-gradient(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)), url(https://apihoard.webit.com/api/v1/Image/20C6C7540DB3FCD96E7ED9D8E3BEA8BB/20C6C7540DB3FCD96E7ED9D8E3BEA8BB.png?size=1920x1440);
	background-position: center center;
	background-size: cover; */
	padding: 4em 0;
	margin-bottom: 2em;
}


/*hp*/

/* Hero ==== */

.webit__parallax {
    position: relative;
    background: rgba(255,255,255,0.3);
    min-height: 600px;
    display: flex;
    align-items: center;
}

.btn-outline-primary {
    border-color: white;
    color: white;
    border-radius: 8px;
}

.btn-outline-primary:hover {
    border-color: white;
    background-color: white;
    color: black;
    transform: scale(1.1);
}

.webit__svg {
    height: 100px;
    width: 100%;
    position: absolute;
    bottom: -1px;
}

@media (max-width: 812px) {
    .webit__svg {
        display: none;
    }
}

/* SVG Animation ===  */

.wb__wave > use {
    animation: move-forever 25s cubic-bezier(.55, .5, .45, .5) infinite;
}

.wb__wave > use:nth-child(1) {
    animation-delay: -2s;
    animation-duration: 7s;
}

.wb__wave > use:nth-child(2) {
    animation-delay: -3s;
    animation-duration: 10s;
}

.wb__wave > use:nth-child(3) {
    animation-delay: -4s;
    animation-duration: 13s;
}

.wb__wave > use:nth-child(4) {
    animation-delay: -5s;
    animation-duration: 20s;
}

@keyframes move-forever {
    0% {
        transform: translate3d(-90px, 0, 0);
    }

    100% {
        transform: translate3d(85px, 0, 0);
    }
}


/* Services Card ========================================================= */
.cw-services {
    margin: 5rem 0;
}

.cw-service-image {
    border-radius: 30px;
}

.cw-buttons {
    position: absolute;
    /* top: 0; */
    bottom: 0;
    right: 0;
    /* left: 0; */
    width: 50%;
    height: 60px;
    padding: 0;
    border: 2px solid #fff;
    border-radius: 30px;
  align-content:center;
}

.cw-card {
    overflow: hidden;
    transition: transform 0.3s ease-in-out;
    height: 100%;
    width: 100%;
    border-radius: 30px;
}

.cw-service-image {
    transition: 0.4s ease;
    overflow: hidden;
    height: 100%;
    width: 100%;
    border-radius: 30px;

}

.cw-card:hover .cw-service-image {
    transform: scale(1.08);
    border-radius: 30px;
}

.cw-buttons {
    transition: 0.4s ease;
}

.cw-card:hover .cw-buttons {
    transition: all .5s;
    transform: translateX(10px);

}



/*services*/

.cw-paw {
    /* background-image: url(https://apihoard.webit.com/api/v1/Image/20C6C7540DB3FCD96E7ED9D8E3BEA8BB/20C6C7540DB3FCD96E7ED9D8E3BEA8BB.png?size=1920x1440); */
      padding-bottom: 35px;
    }





























/* -------------------- Modal popup ---------------------- */
.page-home #myModal .modal-header .close {
    color: var(--color-theme-secondary);
}


.bg-primary {
    background-color: var(--color-theme-primary)!important;
}

.modal-dialog {
	max-width: 650px;
}

.modal-footer {
	border-top: 0;
}

.modal-body h4 {
	font-size: 1em;
    color: #000;
}
.modal-body {
    color: #000;
}


/* Gallery Adjustments */

.gallery-lightbox-thumbimg-photo,
.gallery .gallery-img-photo {
	background-size: contain;
}


.cw-bone-list img {
    width: 5%;
    height: auto;
}

li {
    list-style: none;
}



/*===================================================================================================
	List Zoom
===================================================================================================*/
/*.list .row {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
}

.list .list-img-wrap {
    border: 0;
}

.list-wrap {
    margin-bottom: 1.5em;
    overflow: hidden;
    display: block;
    position: relative;
    height: 432px;
    -webkit-transition: padding 500ms cubic-bezier(0.075, 0.82, 0.165, 1);
    transition: padding 500ms cubic-bezier(0.075, 0.82, 0.165, 1);
    display: flex;
    flex-flow: column;
    justify-content: center;
    box-shadow: 3px 3px 5px #000000;
}

.list-wrap:hover {
    transition-duration: 2s;
}

.list-img-wrap {
    height: 432px;
    margin: 0 auto;
    border-width: 0;
}*/

/*.list-img-link {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}


/* Text 
.list-wrap .list-text {
    color: var(--white);
    text-align: center;
    padding: 0 1.8em;
    position: relative;
    z-index: 9;
}

.list-wrap .list-text ~ .list-text {
    transition: opacity 1s;
}

.list-text-title {
    font-weight: 400 !important;
}

.list-wrap:hover .list-text ~ .list-text {
    display: block;
    height: auto;
    opacity: 1;
    position: relative;
    top: auto;
    left: auto;
}

.list-wrap:hover .list-text ~ .list-text {
    visibility: visible;
    height: auto;
    opacity: 1;
    position: relative;
    top: auto;
    left: auto;
    transition: opacity 1s;
    pointer-events: none;
}

.list-text-btn {
    margin-top: 1em;
    text-transform: uppercase;
    font-weight: 400 !important;
}*/


/* Image 
.list-wrap .list-img-wrap::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    z-index: 2;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.6) 100%);
    -webkit-transition: all 5s cubic-bezier(0.075, 0.82, 0.165, 1);
    transition: all 5s cubic-bezier(0.075, 0.82, 0.165, 1)
}

.list-wrap:hover .list-img-wrap::after {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
}

.list-img-content {
    position: absolute;
    top: 0;
    left: 0%;
    width: 100%;
    height: 100%;
}

.list-img-photo {
    -webkit-transition: all 5s cubic-bezier(0.075, 0.82, 0.165, 1);
    transition: all 5s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.list-wrap:hover .list-img-photo,
a.list-img-link:hover .list-img-wrap .list-img-photo {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}*/

/* *******************BUTTONS ON N/R CLIENTS PAGE*********************** */
.page-newreturning-clients .btn {
    background-color: #292929 ;
    color: var(--color-theme-primary);
    transition: background-color 1s;
  }

.page-newreturning-clients .btn:hover{
    background-color: var(--color-theme-primary);
    color: #292929;
  }

  /* *******************BUTTONS ON SERVICES PAGE*********************** */
.page-services .btn {
    background-color: #292929 ;
    color: var(--color-theme-primary);
    transition: background-color 1s;
  }

.page-services .btn:hover{
    background-color: var(--color-theme-primary);
    color: #292929;
  }

  /*Home Page Map*/

  .map {
    width: 100%;
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;
} 


/* Reviews */

    /* Customer Reviews */
    .cw-reviews {
        background-color: #F9F9F7;
        padding: 2% 0;
        border-top: 5px solid var(--color-theme-primary);
    }

    .cw-reviews .carousel .carousel-item {
        height: 275px;

    }

    /* Learn More */
    .cw-learn-more {
        padding: 2% 0;

    }


    .cw-learn-more h5 {
        font-size: 2.5em;
        font-weight: 600;
        padding: 2% 0;

    }

    .cw-learn-more h5 span {
        font-family: "Vidaloka";
        color: var(--color-theme-primary);
    }

    .cw-learn-more p {
        font-size: 1.25em;
        font-weight: 400;
        padding: 0 0 2% 0;
    }

    .cw-reviews hr.cw-reviews-divider {
        border-color: var(--color-theme-secondary);
        border-width: 2px;
    }

    

    /* Rating */
    h6.cw-rating i {
        text-align: center;
        color: var(--color-theme-secondary);
    }

    hr.cw-review-break {
        width: 10em;
        border-color: var(--color-theme-text);
        border-width: 2px;
        text-align: center;
    }

    /* Review Text */
    .cw-review-text h5 {
        color: #81D8D0;
        font-size: 1.5em;
        font-weight: 800;
        text-transform: uppercase;
    }

    .cw-review-text p {
        color: var(--color-theme-text);
        font-size: 1.25em;
        text-align: center;
        line-height: 1.75em;
    }

    /* Side Reviews */
    .cw-side-review h5 {
        font-size: 2.5em;
        font-family: "Vidaloka", serif !important;
        color: var(--color-theme-primary);
        padding: 8% 0;
        -ms-transform: rotate(8deg);
        transform: rotate(8deg);
    }

    /* Slideshow Fade */
    .cw-slideshow-fade .carousel-inner .item {
        opacity: 0;
        transition-property: opacity;
    }

    .cw-slideshow-fade .carousel-inner .active {
        opacity: 1;
    }

    .cw-slideshow-fade .carousel-inner .active.left,
    .cw-slideshow-fade .carousel-inner .active.right {
        left: 0;
        opacity: 0;
        z-index: 1;
    }

    .cw-slideshow-fade .carousel-inner .next.left,
    .cw-slideshow-fade .carousel-inner .prev.right {
        opacity: 1;
    }

    .cw-slideshow-fade .carousel-control {
        z-index: 2;
    }

    @media all and (transform-3d),
    (-webkit-transform-3d) {

        .cw-slideshow-fade .carousel-inner>.item.next,
        .cw-slideshow-fade .carousel-inner>.item.active.right {
            opacity: 0;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }

        .cw-slideshow-fade .carousel-inner>.item.prev,
        .cw-slideshow-fade .carousel-inner>.item.active.left {
            opacity: 0;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }

        .cw-slideshow-fade .carousel-inner>.item.next.left,
        .cw-slideshow-fade .carousel-inner>.item.prev.right,
        .cw-slideshow-fade .carousel-inner>.item.active {
            opacity: 1;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }
    }