/* ---------------------------------------------------------------------- */
/*Swiper Plus for block_swiper.php
/* ---------------------------------------------------------------------- */
.swiper-container {
	z-index: 0 !important;
	-webkit-backface-visibility: hidden;
	overflow: hidden;
	backface-visibility: hidden;
}

.swiper-slide{ text-align: center; background-size: cover; background-repeat: no-repeat; background-position: center; width: 100%; position: relative;}
/*.horizontal-slider .swiper-slide, .vertical-slider .swiper-slide, .fade-slider .swiper-slide, .gallery-top .swiper-slide{ width: 100% !important;}*/
.swiper-slide>img, .swiper-slide>a>img{margin: auto;}

@media (min-width: 992px) {
.swiper-container {
	min-height: 100%;
}
}

@media (max-width: 767px) {
.swiper-container.full-height {
	min-height: 400px;
	max-height: 400px;
}
}
.swiper-container.full-height .swiper-wrapper .swiper-slide {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	margin: 0;
	overflow: hidden;
	position: relative;
}

@media (max-width: 767px) {
.swiper-container.full-height .swiper-wrapper .swiper-slide {
	height: 310px;
}
}
#main-slider {
	margin-top: 0;
}

@media (max-width: 991px) {
#main-slider {
	padding-top: 90px;
}
}
.grid-overlay {
	background: url("../images/grid.png");
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 5;
}
.video-wrapper {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -1;
}
.video-wrapper video {
	backface-visibility: hidden;
	height: auto;
	position: absolute;
	top: 0;
	visibility: visible;
	width: 100%;
	z-index: 1;
}
.caption-centered {
	box-sizing: border-box;
	margin: 0 auto;
	max-width: 1080px;
	padding-left: 20px;
	padding-right: 20px;
	width: 100%;
	text-align: center;
	position: relative;
	top: 50%;
	z-index: 10;
}

@media (max-width: 991px) {
.caption-centered {
	padding-left: 30px;
	padding-right: 30px;
}
}
.caption-centered h2 {
	font-size: 60px;
	line-height: 60px;
	text-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
	letter-spacing: -3px;
	margin: 0;
	font-weight: 300;
}

@media (max-width: 767px) {
.caption-centered h2 {
	font-size: 30px;
	letter-spacing: 0;
	line-height: 30px;
}
}
.caption-centered p {
	line-height: 17px;
}
.navigation-slide {
	width: 100%;
	height: 380px;
}
.navigation-slide.small-height {
	height: 200px;
}
.navigation-slide .swiper-slide {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.swiper-slide a.slide-link{ position: absolute; top:0; right:0; bottom: 0; left:0;}

@media (max-width: 767px) {
#main-slider .swiper-button-next, #main-slider .swiper-button-prev {
	display: none;
}
}

/* Reset the button */
.swiper-button-next, .swiper-button-prev{top:0; bottom:0; margin: auto; background-image:none; color:#FFF;}

.swiper-button-prev:before, .swiper-button-prev:after{
	content: ""; display:inline-block;
	position: absolute;
	top: 50%;
	width: 2px;
	height: 70%;
	background-color: currentColor;
	-webkit-transform-origin: 50% 0;
	transform-origin: 50% 0;
	left: 0;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	pointer-events: none;
}

.swiper-button-prev:after{
	-webkit-transform: translateY(1px) rotate(-135deg);
	transform: translateY(1px) rotate(-135deg);
}

.swiper-button-next:before, .swiper-button-next:after{
	content: ""; display:inline-block;
	position: absolute;
	top: 50%;
	width: 2px;
	height: 70%;
	background-color: currentColor;
	-webkit-transform-origin: 50% 0;
	transform-origin: 50% 0;
	right: 0;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	pointer-events: none;
}

.swiper-button-next:after{
	-webkit-transform: translateY(1px) rotate(135deg);
	transform: translateY(1px) rotate(135deg);
}




.slider-bg-caption {
	background-color: rgba(0, 0, 0, 0.7);
	border-radius: 0;
	padding: 5px 15px;
	display: inline-block;
	/*font-size: 19px;*/
	color: #ffffff;
	position: absolute;
}

.slider-bg-caption .title{color:#FFF;}

.caption-white {
	background-color: rgba(255, 255, 255, 0.7);
	color: #5b5b60;
}

.slider-bg-caption.caption-white .title{ color: #5b5b60;}

.caption-transparent{ background-color: transparent; color:#FFF;}
.slider-bg-caption.caption-transparent .title{ color:#FFF;}
/*.slider-bg-caption.caption-transparent.slider-bg-caption-cover .title{ color: #fff;}*/

.slider-bg-caption-top-left {
	top: 10px;
	left: 10px;
}
.slider-bg-caption-bottom-left {
	bottom: 10px;
	left: 10px;
}
.slider-bg-caption-top-right {
	top: 10px;
	right: 10px;
}
.slider-bg-caption-bottom-right {
	bottom: 10px;
	right: 10px;
}

.slider-bg-caption-center{top:10%; right:10%; bottom: 10%; left:10%; width: 80%; height: 80%; margin: auto; display:flex; flex-wrap: wrap; flex-direction:column; align-items: center; justify-content: center;}
.slider-bg-caption-cover{ top:0; right:0; bottom: 0; left:0; margin: auto; display:flex; flex-wrap: wrap; flex-direction:column; align-items: center; justify-content: center;}
.slider-bg-caption-cover>*{ width:100%;}

.slider-bg-caption-bottom{ position: relative; bottom :0; left:0; right:0; color:#666}
.swiper-slide .slider-bg-caption-bottom .title{ margin: 0.5em auto;}
.slider-bg-caption-top{top :0; left:0; right:0;}

.slider-bg-caption-cover{opacity: 0;
	transition:0.5s opacity;
	-webkit-transition:0.25s opacity;
	-moz-transition:0.25s opacity;
	-o-transition:0.25s opacity;
	-ms-transition:0.25s opacity;
}
.slider-bg-caption-cover:hover{opacity: 1;}

.parallax-bg {
	background-position: center center;
	background-size: cover;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 130%;
}
.swiper-slide .title {
	/*font-size: 41px;
	font-weight: 300;
	padding: 5px 50px;*/
	margin: 0;
}
.swiper-slide .subtitle {
	font-size: 21px;
	padding: 5px 50px;
}
.swiper-slide .text {
	font-size: 14px;
	line-height: 1.3;
	max-width: 400px;
	padding: 5px 50px;
}

.swiper-wrapper{align-items: center;}

.gallery-thumbs {
	box-sizing: border-box;
	height: 200px;
	padding: 10px 0;
}

@media (max-width: 991px) {
.gallery-thumbs {
	height: 150px;
}
}

@media (max-width: 767px) {
.gallery-thumbs {
	height: 100px;
}
}
.gallery-thumbs .swiper-slide {
	height: 100%;
	opacity: 0.4;
	width: 25%;
	background-position: center center;
	background-size: cover;
	cursor: pointer;
}
.gallery-thumbs .swiper-slide-active {
	opacity: 1;
}

.hide-pagination .swiper-pagination{
	display:none !important;
}
.hide-nav .swiper-button-prev, .hide-nav .swiper-button-next{
	display:none !important;
}
.hover-nav .swiper-button-prev, .hover-nav .swiper-button-next{
	opacity: 0; 
	 transition:0.5s opacity;
	-webkit-transition:0.25s opacity;
	-moz-transition:0.25s opacity;
	-o-transition:0.25s opacity;
	-ms-transition:0.25s opacity;
}
.hover-nav:hover .swiper-button-prev, .hover-nav:hover .swiper-button-next{
	opacity: 1; 
}

.swiper-button-disabled{display:none;}


/* ---------------------------------------------------------------------- */
/*Swiper Plus for block_swiper_carousel.php
/* ---------------------------------------------------------------------- */
.carousel-horizontal{}
.carousel-vertical{}
.carousel-vertical .swiper-slide .img-fluid{max-height: 100%; width: auto;}



/* Style for default-slide */
/* if you want to change the style, please set another class in json, do not change the style in default-slide*/
.default-slide { width: 100%; height: 480px;}
/*arrow style here */
.default-slide .swiper-button-prev, .default-slide .swiper-button-next{color:#FFF; height: 64px; width: 32px; outline: none} 
.default-slide .swiper-button-prev{left: 4%;}
.default-slide .swiper-button-next{right:4%;}
/*dot style here */
.default-slide .swiper-pagination-bullet{width: 12px; height: 12px; display: inline-block; border-radius: 100%; background: #555; opacity: 0.5;outline: none}
.default-slide .swiper-pagination-bullet-active{background: #FFF; opacity: 1}
.default-slide.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 5px;}
/*Text style here*/
.default-slide .title{font-size: 56px; font-weight: bold; margin-bottom: 0.25em}
.default-slide .content{font-size: 28px;}
.default-slide .btn-ghost{color:#FFF; padding: 10px 45px; border-radius: 3px; border: 1px #fff solid; background-color: rgba(255,255,255,0); font-size: 18px;}
.default-slide .btn-ghost:hover{color:#ff9c00; background-color: rgba(255,255,255,1);}

@media (max-width: 768px) {
.default-slide {
	height: 400px;
}
.default-slide .title{font-size: 36px;}
.default-slide .content{font-size: 18px;}
.default-slide .btn-ghost{font-size: 16px; }
}

@media (max-width: 425px) {
.default-slide {
	height: 250px;
}
.default-slide .title{font-size: 28px;}
.default-slide .content{font-size: 14px;}
.default-slide .btn-ghost{font-size: 12px; padding: 6px 12px;}
}

/**/