html, body {
	height: 100%;
	margin: 0;
}
#myContainer {
	/* overflow: hidden; */
	height: 100%;
	position: relative;

	/* width: 1141px; */
}
#myContainer img{
	width:100%;
	height:100%;
	/* height:calc(100% - 150px); */
	object-fit:cover;
	object-position: top;
}

/* Arrows */
.swiper-button-next, .swiper-button-prev {
	-webkit-filter: grayscale(100%) brightness(5);
	filter: grayscale(100%) brightness(5);
	/* -webkit-filter: invert(31%) sepia(4%) saturate(6798%) hue-rotate(309deg) brightness(48%) contrast(103%);
	filter: invert(31%) sepia(4%) saturate(6798%) hue-rotate(309deg) brightness(48%) contrast(103%); */
}

.swiper-button-next:hover, .swiper-button-prev:hover {
	opacity:.7;
}

/* banner Caption */
.swiper-wrapper .swiper-caption{
	position: absolute;
	right: 150px;
	left: 150px;
	text-align: left;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
	bottom: inherit;
	color:#FFF;
}
.swiper-wrapper h1, .swiper-wrapper h2, .swiper-wrapper h3, .swiper-wrapper h4, .swiper-wrapper h5, .swiper-wrapper h6{
	color: #FFF;
}
.swiper-wrapper .swiper-slide h1, .swiper-wrapper .swiper-slide h2 {
    line-height: 60px;
    /* letter-spacing: -2px; */
    font-weight: 100;
    font-size: 48px;
    margin-bottom: 15px;
    margin-top: 10px;
}
.swiper-wrapper .swiper-slide h1 strong, .swiper-wrapper .swiper-slide h2 strong {
    font-weight: 800;
}
@media (max-width:768px){
	.swiper-wrapper .swiper-slide h1, .swiper-wrapper .swiper-slide h2 {
	    line-height: 32px;
	    letter-spacing: 0;
	    font-size: 22px;
	    margin-bottom: 5px;
	    margin-top: 5px;
	}
	.swiper-wrapper .swiper-caption{
		left: 50px;
	}
}
@media (max-width:1024px){
	.swiper-wrapper .swiper-slide h1, .swiper-wrapper .swiper-slide h2 {
	    line-height: 40px;
	    letter-spacing: 0;
	    font-size: 30px;
	    margin-bottom: 5px;
	    margin-top: 0;
	}
}
@media (max-width:430px){
	.swiper-wrapper .swiper-slide h1, .swiper-wrapper .swiper-slide h2 {
	    line-height: 28px;
	    font-size: 25px;
	    margin-top: 0;
	}
	.swiper-wrapper .swiper-slide h3 {
	    margin:0;
	}
}
.swiper-wrapper .swiper-slide h3 {
    line-height: 22px;
    letter-spacing: 7px;
    font-weight: 600;
    font-size: 18px;
    text-transform: uppercase;
}
@media (max-width: 768px){
	.swiper-wrapper .swiper-slide h3 {
	    /* font-size: 12px; */
		 letter-spacing: 1px;
	}
}
@media (max-width:1024px){
	.swiper-wrapper .swiper-slide h3 {
	    letter-spacing: 1px;
	}
}
/* Animations */
 .swiper-wrapper .swiper-slide .anim-1{
 	opacity: 0;
 	-webkit-transition: all 1000ms ease;
 	-moz-transition: all 1000ms ease;
 	-ms-transition: all 1000ms ease;
 	-o-transition: all 1000ms ease;
 	transition: all 1000ms ease;
 	-webkit-transform: translateY(-50px);
 	-moz-transform: translateY(-50px);
 	-ms-transform: translateY(-50px);
 	-o-transform: translateY(-50px);
 	transform: translateY(-50px);
 }
 .swiper-wrapper .swiper-slide .anim-2{
 	opacity: 0;
 	-webkit-transition: all 1000ms ease;
 	-moz-transition: all 1000ms ease;
 	-ms-transition: all 1000ms ease;
 	-o-transition: all 1000ms ease;
 	transition: all 1000ms ease;
 	-webkit-transform: translateY(50px);
 	-moz-transform: translateY(50px);
 	-ms-transform: translateY(50px);
 	-o-transform: translateY(50px);
 	transform: translateY(50px);
 }

 .swiper-wrapper .swiper-slide.swiper-slide-active .anim-1,
 .swiper-wrapper .swiper-slide.swiper-slide-duplicate-active .anim-1,
 .swiper-wrapper .swiper-slide.swiper-slide-active .anim-2,
 .swiper-wrapper .swiper-slide.swiper-slide-duplicate-active .anim-2 {
 	opacity: 1;
 	-webkit-transform: translateY(0);
 	-moz-transform: translateY(0);
 	-ms-transform: translateY(0);
 	-o-transform: translateY(0);
 	transform: translateY(0);
 }

 .swiper-wrapper .swiper-slide.swiper-slide-active .anim-1,
 .swiper-wrapper .swiper-slides.wiper-slide-duplicate-active .anim-1{
 	transition-delay: 500ms;
 }
 .swiper-wrapper .swiper-slide.swiper-slide-active .anim-2,
 .swiper-wrapper .swiper-slide.swiper-slide-duplicate-active .anim-2{
 	transition-delay: 1000ms;
 }
 /* MOuse */
 .mouse-helper {
 	color: #fff;
 	position: absolute;
 	left: 50%;
 	bottom: 1em;
 	font-size: 2.2em;
 	-webkit-transform: translateX(-50%);
 	-ms-transform: translateX(-50%);
 	-o-transform: translateX(-50%);
 	transform: translateX(-50%);
 	z-index: 2;
 	-webkit-animation: vertical 3s ease infinite;
 	animation: vertical 3s ease infinite;
	margin-left: -10px;
 }
 .mouse-helper .ion-mouse {
 	display: block;
 	background: url(mouse.png);
 	background-size: cover;
 	width: 0.6635em;
 	height: 0.9695em;
 	margin-top: 0.7em;
	/* filter: brightness(0) saturate(100%) */
 }

 /* vertical animation */
 @-webkit-keyframes vertical {
 	0%,
 	60%,
 	80%,
 	100% {
 		-webkit-transform: translateY(0);
 	}
 	20% {
 		-webkit-transform: translateY(-5px);
 	}
 	40% {
 		-webkit-transform: translateY(20px);
 	}
 }

 @keyframes vertical {
 	0%,
 	60%,
 	80%,
 	100% {
 		-webkit-transform: translateY(0);
 	}
 	20% {
 		-webkit-transform: translateY(-5px);
 	}
 	40% {
 		-webkit-transform: translateY(20px);
 	}
 }
 /* Arrow */
 .arrow {
   border: solid #FFF;
   border-width: 0 3px 3px 0;
   display: inline-block;
   padding: 15px;
 }
 .down {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
