Tobacco Control Media Gallery
#rpg-10213 .img-slider-item .caption { background-color: #ffffff; }#rpg-10213 .img-slider-item .figc {color:#ffffff;}#rpg-10213 .rpg-title { font-size: 18px; }#rpg-10213 { width:80%;}#rpg-10213 p.description { color:#ffffff;font-size:14px; }#rpg-10213 .rpg-title { color:#ffffff; }
.img-slider-swiper-button-prev {
position: relative;
width: auto;
height: auto;
padding: 5px 20px !important;
background: transparent;
border-radius: 0%;
background-position: -82px -22px;
cursor: pointer;
top: 45%;
left: 30px;
margin-top: -25px;
position: absolute;
z-index: 110;
}
.img-slider-swiper-button-next {
position: relative;
right: 30px;
left: auto;
background-position: -81px -99px;
padding: 5px 20px !important;
width: auto;
height: auto;
background: transparent;
border-radius: 0%;
cursor: pointer;
top: 45%;
margin-top: -25px;
position: absolute;
z-index: 110;
}
.img-slider-swiper-button-next:after, .img-slider-swiper-button-prev:after{
font-size: 32px;
font-weight: bold;
color: #107eb6;
}
.img-slider-swiper-button-prev:hover,
.img-slider-swiper-button-next:hover {
background: #107eb6;
}
.img-slider-boxed-prev:hover .img-slider-swiper-button-prev:after,
.img-slider-boxed-next:hover .img-slider-swiper-button-next:after{
color: #fff;
}
.img-slider .swiper-slide img{
width: 100%;
height: auto;
}
/*.img-slider .swiper-container {
width: 50% !important;
}*/
/* .img-slider .swiper-slide img{
max-width: 100vw;
height: 700px;
//width:1920px;
}*/
var auto_play = '1';
var slide_duration = '3000';
auto_play = (auto_play==1) ? { delay: slide_duration, disableOnInteraction: false,} : false;
/*1 Boxed Slider*/
var swiper = new Swiper('.img-slider-swiper-boxed', {
spaceBetween: 30,
//effect: 'flip',
effect: 'fade',//for fade effect
centeredSlides: true,
autoHeight: true,
autoplay: auto_play,
pagination: {
el: '.swiper-pagination',
clickable: true,
},
navigation: {
nextEl: '.img-slider-swiper-button-next',
prevEl: '.img-slider-swiper-button-prev',
},
keyboard: {
enabled: true, //for keyboard control
},
slidesPerView: 'auto',
});