.homeSlide {
	overflow: hidden; background: var(--dgreen); position: relative;
}
.homeSlide .slides, .slides li {height: 100%; max-height: 100%;}
.homeSlide .slides img.mobileimg {display: none;}
/*.homeSlide .slides .slideBox img {width: auto;}*/
.slideContent {
	height: 100vh; max-height: 80vmin; color: #fff;
	top: 0; left: 0; right: 0; padding: 100px 20px 0;
}
.slideblock, .slideBox {width: 100%; height: 100%;}

.slideContent h1 {
	font-size: 4.5vmin; font-weight: 700; margin: 20px 0; 
	line-height: 1.1;
}
.slideContent p {font-size: 2.1vmin;  color: var(--lgreen);}
.callbtnSlide {color: #fff;}

.homeSlide li {background-size: cover;}
.slidebg01 {background: url(../img/slide/slide01.jpg) no-repeat center top;}
.slidebg02-2 {background: url(../img/slide/slide02-2.jpg) no-repeat center top;}
.slidebg02 {background: url(../img/slide/slide02.jpg) no-repeat center top;}
.slidebg03 {background: url(../img/slide/slide03.jpg) no-repeat center top;}
.slidebg04 {background: url(../img/slide/slide04.jpg) no-repeat center top;}
.slidebg05 {background: url(../img/slide/slide05.jpg) no-repeat center top;}
.blackbg {
	width: 100%; height: 100%; position: absolute; 
	background: rgba(0,0,0,.7);
}
.animate {
	opacity: 0;
	-webkit-transition: opacity,-webkit-transform, .4s ease;
	-o-transition: opacity,transform, .4s ease;
	transition: opacity,transform,-webkit-transform, .4s ease;
	webkit-transition-delay: 0.2s; -o-transition-delay: 0.2s; transition-delay: 0.2s;
}
.slideblock .animL {
	-webkit-transform: translateX(-150px); transform: translateX(-150px);
	-ms-transform: translateX(-150px); transform: translateX(-150px);
}
.slideblock .animR {
	-webkit-transform: translateX(150px); transform: translateX(150px);
	-ms-transform: translateX(150px); transform: translateX(150px);
}
.animU {
	-webkit-transform: translateY(-150px); transform: translateY(-150px);
	-ms-transform: translateY(-150px); transform: translateY(-150px);
}
.animD {
	-webkit-transform: translateY(150px); transform: translateY(150px);
	-ms-transform: translateY(150px); transform: translateY(150px);
}
.slideblock .anim {
	opacity: 1; -webkit-transform: translate(0);
	-ms-transform: translate(0); transform: translate(0);
}
.tarjetasbox {position: relative;}
.flexslider .slides img.slidetarjetas {position: absolute; width: auto; display: inline-block;}

.flexslider .slidetarjetas:first-child {left: 0;}
.flexslider .slidetarjetas:nth-child(2) {left: 110px;}
.flexslider .slidetarjetas:nth-child(3) {left: 220px;}
.flexslider .slidetarjetas:last-child {left: 330px;}

.delay300 {webkit-transition-delay: 0.3s; -o-transition-delay: 0.3s; transition-delay: 0.3s;}
.delay400 {webkit-transition-delay: 0.4s; -o-transition-delay: 0.4s; transition-delay: 0.4s;}
.delay500 {webkit-transition-delay: 0.5s; -o-transition-delay: 0.5s; transition-delay: 0.5s;}
.delay600 {webkit-transition-delay: 0.6s; -o-transition-delay: 0.6s; transition-delay: 0.6s;}
.delay700 {webkit-transition-delay: 0.7s; -o-transition-delay: 0.7s; transition-delay: 0.7s;}
.delay800 {webkit-transition-delay: 0.8s; -o-transition-delay: 0.8s; transition-delay: 0.8s;}

/* custom direction nav */
.flex-direction-nav a {height: 90px; margin: 0; top: 45%;}
.flex-direction-nav a::before {
	color: #fff; font-size: 90px;
	font-family: "Montserrat"; line-height: 1; font-weight: 300;
}
.flex-direction-nav .flex-prev {left: 0;}
.flex-direction-nav .flex-next {right: 0;}
.flex-direction-nav a.flex-next::before {content: '›';}
.flex-direction-nav a.flex-prev::before {content: '‹';}
.flexslider:hover .flex-direction-nav .flex-next {right: 30px;}
.flexslider:hover .flex-direction-nav .flex-prev {left: 30px;}
/* end custom */


@media screen and (max-width: 1366px) {
	.homeSlide {max-height: auto;}
	.slideContent a {font-size: 1.6rem; margin: 20px 0;}
}

@media screen and (max-width: 980px) {
	.homeSlide {margin-top: 0;}
	.slideContent {padding-top: 80px;}
}
@media screen and (max-width: 860px) {
	.slidebox {padding: 0;}
}
@media screen and (max-width: 768px) {
	.slideContent {padding: 20px 30px;}
	.slideContent p {font-size: 4vmin; line-height: 1.2;}
	.homeSlide .flex-direction-nav {display: none;}
}
@media screen and (max-width: 568px) {
	.slideContent h1 {font-size: 6vmin; margin: 20px 0 10px;}
	.slideContent a {margin: 10px 0; padding: 15px 30px;}
	.flexslider .slides img.desktopimg {display: none;}
	.flexslider .slides img.mobileimg {display: block;}
	.slidebox {padding: 50px 40px 120px;}
	.callbtnSlide {padding: 10px 0 0;}
}