@charset "utf-8";
/* CSS Document */

#testimonials,
#videos {
	position: relative;
	margin-bottom: 80px;
	padding-top: 80px;
}

#logos {
    padding-bottom: 30px;
}

#service-scroller .swiper-wrapper {
    height: 450px;
}

.wrapper_logos {
    position: relative;
    margin-top: 60px;
    padding-bottom: 20px;

}

.wrapper_accordion-image {
    padding-top: 2px;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 1px;
    /* [disabled]border-left: 0px solid #8A8A8A; */
    /* [disabled]border-right: 0px solid #8A8A8A; */
    /* [disabled]border-bottom: 1px solid #8A8A8A; */
    /* [disabled]border-top: 1px solid #8A8A8A; */
}

.wrapper-carousel {
	margin-left: auto;
	margin-right: auto;
	/* [disabled]background-image: url(../images/backgrounds/sections/testimonials.png); */
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	/* [disabled]background-attachment: fixed; */
	position: relative;
	border-bottom-style: solid;
	border-bottom-width: 0px;
	margin-bottom: 40px;
}

#galleries {
	padding: 30px;
}

.wrapper-carousel ul {
	margin-left: 10px;
}

.wrapper-carousel li {
	color: #fff!important;
	font-size: 1rem;
	line-height: 1.4;
	text-align: left;
}

.wrapper-carousel img {
	/* [disabled]margin-bottom: 10px; */
}

.DWCarousel_widget img {
    transform: scale(.94);
    transition: .5s;
}

.DWCarousel_widget img:hover {
    transform: scale(1);
}


.wrapper-carousel .fill_medium {
    background-color: var(--bg-medium);
}

    .wrapper_swiper {
	position: relative;
	margin-top: 0px;
	/* [disabled]padding-bottom: 20px; */
	width: 100%;
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 10px;
	padding-right: 10px;
    }

    .swiper-slide {
	background-position: center;
	background-size: contain;
    }

.content-carousel .edge-fade {
    mask-image: linear-gradient(to left, transparent, black var(--edge-fade-amount), black calc(100% - var(--edge-fade-amount)), transparent);
}

.content-carousel {
	margin-left: auto;
	margin-right: auto;
	padding-right: var(--mobile-maxcol-size-left-padding);
	padding-left: var(--mobile-maxcol-size-left-padding);
	width: 100%;
	z-index: 1;
	position: relative;
	/* [disabled]padding-top: 20px; */
}

#testimonials .content-carousel {
	padding-top: 30px;
	padding-bottom: 20px;
	background-color: var(--bg-testimonials);
}

#videos .content-videos {
	padding-top: 30px;
	padding-bottom: 20px;
	background-color: var(--bg-videos);
}

#testimonials h3,
#videos h3 {
    max-width: 800px;
	min-width: 300px;
	margin: auto;
}


#testimonials h3 {
    color: var(--color-testimonial-header);
}

#videos h3 {
    color: var(--color-videos-header);
}

.content-carousel p {
    font-weight: 300;
    font-size : 1.2rem;
    line-height: 1.5;
    color: var(--color-testimonial-text);
    text-align: center;
}

.content-carousel h6 {
    font-size : 0.9rem;
    font-weight : normal;
    color: var(--color-testimonial-text-name);
    text-transform : none;
    /* [disabled]letter-spacing : 2px; */
    text-align: center;
    font-style: italic;
    margin-top: 16px;
    margin-right: 30px;
    margin-left: 30px;
}

.content-carousel .edge-fade {
    mask-image: linear-gradient(to left, transparent, black var(--edge-fade-amount), black calc(100% - var(--edge-fade-amount)), transparent);
}


    .swiper-slide img {
	display: block;
	height: 100%;
	object-fit: contain;
	width: 100%;
    }      

    .parallax-bg {
        position: absolute;
        left: 0;
        top: 0;
        width: 130%;
        height: 100%;
        -webkit-background-size: cover;
        background-size: cover;
        background-position: center;
    }

    .slide-content {
        max-width: 100%;
        background-color: hsla(218,54%,31%,.8);
        backdrop-filter: blur(4px) brightness(90%);
        margin: 60px 20px 40px 20px;
        padding: 20px 40px;
    }

    .slide-content h3,
    .slide-content h4 {
        text-align: left!important;
        max-width: 90%;
        padding: 0;
        margin-left: 0;
    }

    .slide-content h3 {
	/* [disabled]margin-bottom: 10px; */
	color: #fff;
    }

    .slide-content h4  {
	color: rgba(255,255,255,0.80);
	margin-bottom: 16px;
    }

    .slide-content p  {
        color: rgba(255,255,255,1);
    }


    .parallax-bg {
        background-image: url("images/slide-show/large/l1.jpg");
        background-position: top;
    }


  #testimonials .swiper {
	max-width: 900px;
	margin: auto;
	padding-bottom: 10px;
  }

  #testimonials .swiper-slide {
	padding-left: 15px;
	padding-right: 20px;
  }


/* Imgae Swiper */
      
    .swiper-service-1_bg1 {
        background-image: url("../images/swiper/mini-split/1.jpg");
        background-position: top center;
    }      

    .swiper-service-1_bg2 {
        background-image: url("../images/swiper/mini-split/2.jpg");
        background-position: top center;
    }        

    .swiper-service-1_bg3 {
        background-image: url("../images/swiper/mini-split/3.jpg");
        background-position: top center;
    }   

    .swiper-service-1_bg4 {
        background-image: url("../images/swiper/mini-split/4.jpg");
        background-position: top center;
    }  

    .swiper-service-1_bg5 {
        background-image: url("../images/swiper/mini-split/5.jpg");
        background-position: top center;
    } 

    .swiper-service-2_bg1 {
        background-image: url("../images/swiper/mini-split/5.jpg");
        background-position: top center;
    }      

    .swiper-service-2_bg2 {
        background-image: url("../images/swiper/service-2_bg2.jpg");
        background-position: top center;
    }        

    .swiper-service-2_bg3 {
        background-image: url("../images/swiper/service-2_bg3.jpg");
        background-position: top center;
    }   

    .swiper-service-2_bg4 {
        background-image: url("../images/swiper/service-2_bg4.jpg");
        background-position: top center;
    } 


    .swiper-service-3_bg1 {
        background-image: url("../images/swiper/service-3_bg1.jpg");
        background-position: top center;
    }      

    .swiper-service-3_bg2 {
        background-image: url("../images/swiper/service-3_bg2.jpg");
        background-position: top center;
    }        

    .swiper-service-3_bg3 {
        background-image: url("../images/swiper/service-3_bg3.jpg");
        background-position: top center;
    }   

    .swiper-service-3_bg4 {
        background-image: url("../images/swiper/service-3_bg4.jpg");
        background-position: top center;
    } 


    .swiper-service-4_bg1 {
        background-image: url("../images/swiper/service-4_bg1.jpg");
        background-position: top center;
    }      

    .swiper-service-4_bg2 {
        background-image: url("../images/swiper/service-4_bg2.jpg");
        background-position: top center;
    }        

    .swiper-service-4_bg3 {
        background-image: url("../images/swiper/service-4_bg3.jpg");
        background-position: top center;
    }   

    .swiper-service-4_bg4 {
        background-image: url("../images/swiper/service-4_bg4.jpg");
        background-position: top center;
    } 


@media only screen and (min-width : 660px) {
    
    .slide-content {
      max-width: 500px;
      margin: 60px 50px 40px 50px;;
      padding: 20px 40px;
    }    
	
	#service-scroller .swiper-wrapper {
		height: 400px;
	}
	
	.content-carousel {
    padding-right: var(--large-maxcol-size-left-padding);
    padding-left: var(--large-maxcol-size-left-padding);
	}	

	.wrapper-carousel ul {
	/* [disabled]font-size: 1.2rem; */
	/* [disabled]line-height: 1.2; */
	}	
	
	.wrapper-carousel li {
	font-size: 1.2rem;
	/* [disabled]line-height: 1.2; */
	/* [disabled]text-align: center; */
	}	
	
	.content-carousel h3
	{

	}
	.content-carousel h4
	{
    line-height: 1;
    font-size: 1.rem;
	}	
	
	.content-carousel h6
	{
	font-size : 1.1rem!important;
	line-height: 1.2;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	text-align: right;
	margin-left: 0px;
	}	
	
	.content-carousel p {
    text-align: left;
    font-size: 1.4rem;

	}

}