.swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; z-index: 1; }
.swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; }
.swiper-container-android .swiper-slide, .swiper-wrapper { transform: translate3d(0px, 0px, 0px); }
.swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; }
.swiper-button-next, .swiper-button-prev { position: absolute; top: 40%; width: 22px; height: 50px; margin-top: -22px; z-index: 10; cursor: pointer; background-size: 40px 60px; background-position: center center; background-repeat: no-repeat; }
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; }
.swiper-button-prev, .swiper-container-rtl .swiper-button-next { background-image: url(/assets/images/main/prev.png); left: 10px; right: auto; }
.swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-image: url(/assets/images/main/next.png); right: 10px; left: auto; }
.swiper-pagination { text-align: center; transition: 0.3s; transform: translate3d(0px, 0px, 0px); margin-top:20px;}
.swiper-pagination-bullet { width: 12px; height: 12px; display: inline-block; border-radius: 100%; background: rgb(80, 80, 80); opacity: 0.2; }
.swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; }
.swiper-pagination-bullet-active { opacity: 1; background: rgb(0, 122, 255); }
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0px 5px; margin-bottom:2px;}

.main-slider .swiper-slide {position:relative; height:450px; background-position:center; background-size:cover; background-repeat:no-repeat;}
.main-slider .swiper-slide:before { content:""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: #000; opacity:0.4;} 
.text-slide {position: absolute; top:50%; padding:0px 10%;
    -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);
}
.text-slide h3, .text-slide p {color:white; text-shadow: 1px 4px 6px rgba(0,0,0,0.7);}
.text-slide h3 {font-size:30px; margin-bottom: 20px;}
.text-slide p {font-size:24px;}

@media (min-width:780px) {
    .text-slide h3 {font-size:40px;}
    .text-slide p {font-size:26px;}
    .main-slider .swiper-slide {height: 550px;}
}

@media (max-width:400px) {
    .text-slide h3 {font-size:26px;}
    .text-slide p {font-size:20px;}
}