/**
 * Swiper 6.5.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2021 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: March 5, 2021
 *


*/
.swiper-container-vertical > .swiper-wrapper {
                       flex-direction:column
}

.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, 0, 0)
}

.swiper-container-multirow > .swiper-wrapper {
                       flex-wrap:wrap
}

.swiper-container-multirow-column > .swiper-wrapper {
                       flex-wrap: wrap;
                       flex-direction:column
}

.swiper-container-free-mode > .swiper-wrapper {
                       transition-timing-function: ease-out;
                       margin:0 auto
}

.swiper-container-pointer-events {
                       touch-action:pan-y
}

.swiper-container-pointer-events.swiper-container-vertical {
                       touch-action:pan-x
}

.swiper-slide {
                       flex-shrink: 0;
                       width: 100%;
                       height: 100%;
                       position: relative;
                       transition-property:transform
}

.swiper-slide-invisible-blank {
                       visibility:hidden
}

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
                       height:auto
}

.swiper-container-autoheight .swiper-wrapper {
                       align-items: flex-start;
                       transition-property:transform, height
}

.swiper-container-3d {
                       perspective:1200px
}



.swiper-container-3d .swiper-slide-shadow-left {
                       background-image:linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-right {
                       background-image:linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-top {
                       background-image:linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
                       background-image:linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-css-mode > .swiper-wrapper {
                       overflow: auto;
                       scrollbar-width: none;
                       -ms-overflow-style:none
}

.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
                       display:none
}

.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
                       scroll-snap-align:start start
}

.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
                       scroll-snap-type:x mandatory
}

.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
                       scroll-snap-type:y mandatory
}

:root {
                       --swiper-navigation-size:44px
}



.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
                       left: 10px;
                       right:auto
}


.swiper-pagination {
                       position: absolute;
		right:5vw;
	bottom:-0.3vw;
padding:1vw;
background-color: white;
display: inline-block;
                       text-align: right;
                       transition: .3s opacity;
                       z-index:10;
font-size: 1.5vw;
	font-weight: bold;
}
.swiper-pagination span {
margin:0;
background-color: white;
display: inline-block;
}


.swiper-pagination.swiper-pagination-hidden {
                       opacity:0
}


@media only screen and (max-width: 600px){

.swiper-pagination {
padding:2vw;
font-size: 3vw;
}




}