*{
	box-sizing: border-box;
}

.bigSlide{
    height: 100vh;
	overflow:hidden;
	position: relative;
}

.bigSlide .slide{
	position: absolute;
	left:0;
	top:0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
	z-index: -1000; 
	display:none;
	padding:0 15px;
	animation: slide 2s ease;
}
.bigSlide .slide.active{
	display: flex;
}
@keyframes slide{
	0%{
		transform:scale(1.1);
	}
	100%{
		transform: scale(1);
	}
}
.slideContainer{
	max-width: 1170px;
	margin:auto;
	
}

.bigSlide .slideContainer{
	 flex-grow: 1;
}
.bigSlide .caption{
	width:50%;
}
.bigSlide .caption h1{
	font-size:42px;
	color:#000000;
	margin:0;
	
}
.bigSlide .slide.active .caption h1{
	opacity:0;
	animation: captionText .5s ease forwards;
	animation-delay:1s;
}
.bigSlide .caption p{
	font-size: 18px;
	margin:15px 0 30px;
	color:#222222;
}
.bigSlide .slide.active .caption p{
	opacity:0;
	animation: captionText .5s ease forwards;
	animation-delay:1.2s;
}
.bigSlide .caption a{
 display: inline-block;
 padding:10px 30px;
 background-color: #000000;
 text-decoration: none;
 color:#ffffff;
}

.bigSlide .slide.active .caption a{
	opacity:0;
	animation: captionText .5s ease forwards;
	animation-delay:1.4s;
}

@keyframes captionText{
	0%{
		opacity:0; transform: translateX(-100px);
	}
	100%{
	 opacity:1; transform: translateX(0px);	
	}
}

.bigSlide .controls .prev,
.bigSlide .controls .next{
 position: absolute;
 /*z-index: 1;*/
 top:50%;
 height:40px;
 width: 40px;
 margin-top: -20px;
 color:#bbbbbb;
 text-align: center;
 line-height: 40px;
 font-size:7vh;
 border-radius: 0 3px 3px 0;
 cursor:pointer;
 transition: all .5s ease;
}
.bigSlide .controls .prev:hover,
.bigSlide .controls .next:hover{
	color: #ffffff;
}
.bigSlide .controls .prev{
 left:5px;
}
.bigSlide .controls .next{
 right:10px;
}

.bigSlide .indicator{
	position: absolute;
    right: 10px;
	bottom: 10px;
/*	z-index: 1;*/
	transform: translateX(-50%);
	cursor:pointer;
}

.bigSlide .indicator div{
	width: 25px;
	height: 25px;
	color:#ffffff;
	background-color: #bbbbbb;
	border-radius:50%;
	text-align: center;
	line-height: 25px;
	margin-bottom: 7px;
}

.bigSlide .indicator div.active{
 background-color: #000;
}

@media screen and (max-width: 813px) and (orientation:landscape) {
#img1{
	background-image: url("../images/la813px1.jpg");
}
#img2{
	background-image: url("../images/la813px2.jpg");
}
#img3{
	background-image: url("../images/la813px3.jpg");
}
#img4{
	background-image: url("../images/la813px4.jpg");
}
}

@media screen and (min-width: 814px) and (orientation:landscape) {
#img1{
	background-image: url("../images/la1920px1.jpg");
}
#img2{
	background-image: url("../images/la1920px2.jpg");
}
#img3{
	background-image: url("../images/la1920px3.jpg");
}
#img4{
	background-image: url("../images/la1920px4.jpg");
}
}


@media screen and (max-width: 414px) and (orientation:portrait) {
#img1{
	background-image: url("../images/po578px1.jpg");
}
#img2{
	background-image: url("../images/po578px2.jpg");
}
#img3{
	background-image: url("../images/po578px3.jpg");
}
#img4{
	background-image: url("../images/po578px4.jpg");
}
}

@media screen and (min-width: 415px) and (orientation:portrait) {
#img1{
	background-image: url("../images/po900px1.jpg");
}
#img2{
	background-image: url("../images/po900px2.jpg");
}
#img3{
	background-image: url("../images/po900px3.jpg");
}
#img4{
	background-image: url("../images/po900px4.jpg");
}
}



/*responsive*/
@media(max-width: 767px){
	.controls{
		display: none;
	}
}