@charset "utf-8";

#top-slider {
  position: relative;
  width: 100%;
/*  height: 100%;*/
  overflow: hidden;
}

#top-slider .container {
     position: relative;
/*   height: inherit;*/
}

.swiper-container-1 .wrapper-claim {
   position: absolute;
   left: 9%;
   bottom: 30%;
   z-index: 200;
}   

/*.swiper-container-1 .panel-title-1 {
	font-size: 5.0rem;
	font-size: 50px;
	line-height: 5.0rem;
	line-height: 50px;
   color: #fff;
   text-transform: uppercase;
   font-weight: 500;
   -webkit-text-shadow: 0px 4px 5px rgba(0,0,0,0.20);
   -moz-text-shadow: 0px 4px 5px rgba(0,0,0,0.20);
   text-shadow: 0px 4px 5px rgba(0,0,0,0.20);    
}

.swiper-container-1 .panel-title-2 {
   margin-top: 6px;
	font-size: 10em;
	font-size: 100px;
	line-height: 10.0rem;
	line-height: 100px;
   color: #fff; 
   text-transform: uppercase;
   font-weight: 500;   
   -webkit-text-shadow: 0px 4px 5px rgba(0,0,0,0.20);
   -moz-text-shadow: 0px 4px 5px rgba(0,0,0,0.20);
   text-shadow: 0px 4px 5px rgba(0,0,0,0.20);  
}*/

.swiper-container-1 {
   position: relative;   
   width: 100%;
   height: 100%;
   transition: opacity .6s ease, transform .3s ease;
   overflow: hidden;
}
  
.swiper-container-1 .swiper-wrapper {}   
   
.swiper-container-1 .swiper-image {
   width: 100%;
   height: 100%;
}
   
.swiper-container-1 .swiper-image-inner {
   display: flex;   
   width: 100%;
   height: 100%;   
   background-size: cover;
   background-position: center center;
}
      
.swiper-container-1 .swiper-slide {   
   overflow: hidden;
}
   
.swiper-container-1 .swiper-button-prev,
.swiper-container-1 .swiper-button-next {
   width: 44px;
   opacity: 0;
   visibility: hidden;
   transition: all 0.3s ease-out;
}
   
.swiper-container-1 .swiper-button-prev {
   transform: translateX(50px);
}
   
.swiper-container-1 .swiper-button-next {
   transform: translateX(-50px);
}
   
.swiper-container-1:hover .swiper-button-prev,
.swiper-container-1:hover .swiper-button-next {
   transform: translateX(0);
   opacity: 1;
   visibility: visible;
      z-index: 400; 
}
   
.swiper-container-1 .swiper-pagination-1 {
   position: absolute;
   margin-left: 9%;
   bottom: 5%;
   z-index: 400; 
}
  
.swiper-container-1 .swiper-pagination-bullet {
   width: 22px;
   height: 22px;
   line-height: 22px;
   opacity: 1;
   background: rgba(255, 255, 255, 1.0);
}

.swiper-container-1 .swiper-pagination-bullet-active {
   color: #fff;
   background: #909600;
}
   
.swiper-container-1 .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
   margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 9px);
} 
   
.swiper-container-1 .swiper-button-prev,
.swiper-container-1 .swiper-button-next {
   color: #fff;
}  

.swiper-container-1 .swiper-image-inner::after {
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
/*  background: linear-gradient(to bottom, transparent 50%, rgba(69,137,144,0.8) 90%);*/
   background: linear-gradient(to bottom, transparent 35%, rgba(0,0,0,0.35) 90%);   
}

.swiper-container-1 .swiper-image-inner .container {  
   display: inline-block;
   bottom: 20%;
   align-self: flex-end; 
   z-index: 1000;      
}

/*----------------------- responsive */
/*@media only screen and (max-width: 820px) {  
.swiper-container-1 .panel-title-1 {
	font-size: 4.0rem;
	font-size: 40px;
	line-height: 4.0rem;
	line-height: 40px;
}
   
.swiper-container-1 .panel-title-2 {
   margin-top: 6px;
	font-size: 5em;
	font-size: 50px;
	line-height: 5.0rem;
	line-height: 50px;
}   
}

@media only screen and (max-width: 550px) {   
.swiper-container-1 .swiper-image-inner .container {  
   bottom: 30%;   
}
}

@media only screen and (max-width: 390px) {  
.swiper-container-1 .panel-title-1 {
	font-size: 2.0rem;
	font-size: 20px;
	line-height: 2.0rem;
	line-height: 20px;
}
   
.swiper-container-1 .panel-title-2 {
   margin-top: 6px;
	font-size: 2.9em;
	font-size: 29px;
	line-height: 2.9rem;
	line-height: 29px;
}   
}*/