.headers{
position:relative;
text-align:center;
background:#fff;
color:white;
}

.text-white {
    color: #fff;
    text-shadow: 2px 2px 2px #000;
}

@import url(http://fonts.googleapis.com/css?family=Lato:300:400);



.header {
  position:relative;
  text-align:center;
  background: linear-gradient(60deg, rgba(84,58,183,1) 0%, rgba(0,172,193,1) 100%);
  color:white;
}

.inner-header {
  height:65vh;
  width:100%;
  margin: 0;
  padding: 0;
}

.flex { /*Flexbox for containers*/
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.waves {
  position:relative;
  width: 100%;
  height:15vh;
  margin-bottom:-7px; /*Fix for safari gap*/
  min-height:100px;
  max-height:150px;
}

.content {
  position:relative;
  height:20vh;
  text-align:center;
  background-color: white;
}

/* Animation */

.parallax > use {
  animation: move-forever 25s cubic-bezier(.55,.5,.45,.5)     infinite;
}
.parallax > use:nth-child(1) {
  animation-delay: -2s;
  animation-duration: 7s;
}
.parallax > use:nth-child(2) {
  animation-delay: -3s;
  animation-duration: 10s;
}
.parallax > use:nth-child(3) {
  animation-delay: -4s;
  animation-duration: 13s;
}
.parallax > use:nth-child(4) {
  animation-delay: -5s;
  animation-duration: 20s;
}
@keyframes move-forever {
  0% {
   transform: translate3d(-90px,0,0);
  }
  100% { 
    transform: translate3d(85px,0,0);
  }
}
/*Shrinking for mobile*/
@media (max-width: 768px) {
 
}
@media only screen and (min-width: 769px){
  .homeBanner {width:100%; position:relative;}
.homeBanner:after{content:"";display:block;width:1px;height:100%;position:absolute;right:100px; top:0; background:#DD9E7F; opacity:0.2;z-index:3;}
.homeBanner .swiper-slide {overflow:hidden;}
.homeBanner .swiper-slide .p_img {width:100%;height:100vh;max-height:1440px; transition:all 4s; transform:scale(1.2);}
.homeBanner .swiper-slide .p_img img{width:100%;}
.homeBanner .swiper-slide .p_info {width:100%;max-width:1600px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); padding:15px;z-index:2;}

.homeBanner .swiper-slide .p_info p { text-align: right;   background-image: linear-gradient(180deg,#f4d5ab,#93744c);
    -webkit-background-clip: text;
    color: transparent; font-size:92px; line-height:90px; padding-bottom:20px; text-transform:uppercase;transform:translate(0,300px); opacity:0; transition:all 2s ease 0.5s;font-family: "975c9e85-fb81-44ce-94c2-7659cafad147" !important;}
.homeBanner .swiper-slide .p_info h1 {font-size:60px; line-height:1;transform:translate(0,300px); opacity:0;text-align: left; }
.homeBanner .swiper-slide .p_info h1.p_btitle{transition:all 2s ease 0.8s;font-size:49px !important;line-height:1.5;    text-shadow: 2px 3px 2px #b83031;}
.homeBanner .swiper-slide .p_info h1.p_subtitle{transition:all 2s ease 1s;font-size:18px!important;;line-height:1.5;    text-shadow: 2px 2px 2px #b83031;}


.homeBanner .swiper-slide .p_info span {padding-top:40px; position:relative; width:40px; height:20px; display:block;margin-right: auto;margin-left: 0; transform:translate(0,300px); opacity:0;transition:all 2s ease 1.2s;}
.homeBanner .swiper-slide .p_info span:before {content:"";display:block;width:16px; height:16px; background:#dfc097;border-radius:50%;position:absolute;left:0; bottom:0;}
.homeBanner .swiper-slide .p_info span:after {content:"";display:block;width:16px; height:16px; background:#fff;opacity:0.6;border-radius:50%;position:absolute;left:10px; bottom:0;}

.homeBanner .swiper-slide.swiper-slide-active .p_img {transform:scale(1);}

.homeBanner .swiper-slide.swiper-slide-active .p_info p {transform:translate(0,0); opacity:1;}
.homeBanner .swiper-slide.swiper-slide-active .p_info h1 {transform:translate(0,0); opacity:1;}

.homeBanner .swiper-slide.swiper-slide-active .p_info span {transform:translate(0,0); opacity:1;}

.swiper-btn {width:50px; height:50px;border:2px #fff solid; position:absolute; right:25px; border-radius:50%;top:auto; z-index:5;}
.homeBanner .swiper-btn.swiper-button-prev {bottom:120px;left:auto;opacity:0.8;}
.homeBanner .swiper-btn.swiper-button-next {bottom:50px;}
.homeBanner .swiper-btn.swiper-button-prev:after,.homeBanner .swiper-btn.swiper-button-next:after {font-size:20px; color:#fff;font-weight:bold;}


.homeBanner .p_pagenation {position:absolute; right:45px; left:auto; top:0; width:10px;height:100%;z-index:4;display:flex;flex-direction: column;justify-content: center;}

.homeBanner .p_pagenation span {width:10px; height:10px; margin:5px 0 !important; border-radius:5px; background:#fff; transition:all 0.5s; opacity:1;}
.homeBanner .p_pagenation span.swiper-pagination-bullet-active {width:10px !important; height:30px; margin:0 !important; background:#DD9E7F;}



@keyframes scrollmouse
{
from {transform: translate(-50%,0);opacity:1;}
to {transform: translate(-50%,24px);opacity:0;}
}


.homeBanner .scrollBox {width:100%; height:40px; max-width:1600px;padding:0 15px; left:50%; bottom:150px; transform:translate(-50%,0); position:absolute; z-index:2;}
.homeBanner .scrollBox span {width:120px; height:20px; line-height:20px; text-transform:uppercase; color:#fff;display:block;position:absolute; left:-33px; bottom:85px;transform:rotate(90deg);font-family: "975c9e85-fb81-44ce-94c2-7659cafad147" !important;}

.homeBanner .scrollBox i {display:block;width:24px; height:40px;border-radius:12px;border:2px #fff solid;position:relative;}
.homeBanner .scrollBox i:before {content:"";display:block; width:4px;height:10px; background:#fff;border-radius:2px;position:absolute; left:50%;transform:translate(-50%,0);top:6px;animation: scrollmouse 2s linear infinite;}

  
}
@media only screen and (max-width: 768px){
  
  
 .homeBanner:after {
	right: 64px;
}
.homeBanner .swiper-slide .p_img {
	max-height: 650px;
}
.homeBanner .swiper-slide .p_info p {
	font-size: 36px !important;
	line-height: 36px;
	padding-right: 0px;
	color: #eed9b6;
}
.homeBanner .swiper-slide .p_info h1.p_btitle {
	transition: all 2s ease 0.8s;
	font-size: 36px !important;
	line-height: 1.5;
}
.homeBanner .swiper-slide .p_info h1 {
	font-size: 26px;
	padding-right: 0px;
}
.homeBanner .scrollBox span {
	display: none;
}
.homeBanner .swiper-slide .p_info h1.p_subtitle img {
	width: 100% !important;
}
.homeBanner .p_pagenation {
	right: 27px;
}
.swiper-btn {
	width: 34px;
	height: 34px;
	right: 15px;
}
.homeBanner .swiper-btn.swiper-button-prev {
	bottom: 94px;
}
.homeBanner .swiper-btn.swiper-button-prev:after, .homeBanner .swiper-btn.swiper-button-next:after {
	font-size: 16px;
}


  .waves {
    height:60px;
    min-height:60px;
  }
  .content {
    height:30vh;
  }
  h1 {
    font-size:24px;
  }
 
}


@media only screen and (max-width: 1024px) and (min-width: 769px){
  
}