/**************************
#FANCYBOX - START
**************************/
.fancybox-thumbs {
	background: #555;
}
.fancybox-thumbs__list a:before {
	border: 2px solid #ccc;
}
@media(max-width: 640px) {
	.fancybox-thumbs {
		width: 80px;
	}	
	.fancybox-thumbs__list a {
		height: 54px;
	}
	.fancybox-show-thumbs .fancybox-inner {
		right: 80px;
	}
}
@media(min-width: 1024px) {
	body .fancybox-slide--video .fancybox-content {
		width: 1100px !important;
    	height: 620px !important;
	}
}
/**************************
#FANCYBOX - END
**************************/
/**************************
#SLICK SLIDER STYLES - START
**************************/
.slick-dots {
    margin-left: 0;
}
body .slick-arrow:before {
	font-family: 'Font Awesome 5 Pro';
    content: '\f054';    
    border: none;
    right: 14px;    
    color: #FFF;
}
body .slick-prev:before {	
    content: '\f053';    
}
.default-section .slick-arrow:before {
	color: #000;
}
/**************************
TYPOGRAPHY - END
**************************/


.hero-form-container {
    padding: 24px;
}
.inner-hero-form,
.hero-form-container {
    height: 100%;
}

@media(min-width: 1024px) {

	.hero.form-layout-1.form-side.form-left .hero-carousel-type .hero-banner-message {
		margin-left: auto;
	}
	.hero.form-layout-1.form-side .hero-carousel-type .hero-banner-message {
		width: calc(100% - 400px);
	}

	.hero.form-layout-1.form-side .hero-carousel-type .hero-form {
		position: absolute;
	    top: 0;
	    width: 400px;
	    height: 100%;
	    display: flex;
    	align-content: center;
    	flex-wrap: wrap;
    	right: calc(100% - (1170px - 400px));
	}
	.hero.form-layout-1.form-side.form-right .hero-carousel-type .hero-form {
		left: calc(100% - (1170px - 400px));
	}
	.hero.form-layout-1.form-side .hero-carousel-type .inner-hero-form {
		max-width: 1170px;
	    margin: 0 auto;
	    width: 100%;
	    height: auto;
	   
	}
	.hero.form-layout-1.form-side.form-right .hero-carousel-type .hero-form-container {
		margin-left: auto;
	}
	.hero.form-layout-1.form-side .hero-carousel-type .hero-form-container {
		   width: 400px;
	}
	 
}