body { padding: 0; margin: 0; color: #000; } /*===============================================*/ /* CAROUSEL SLIDER */ /*===============================================*/ .carousel-container{ width:100%; position:relative; } .property-carousel { width:100%; } .property-carousel__slide { width: 375px; margin-right: 5px; } .property-carousel__slide img { width: 100%; } .property-carousel-button-next { display: block; width: 40px; height: 40px; border-radius: 100%; position: absolute; right: 20px; top: 50%; z-index: 444; cursor: pointer; background-color: #fff; background-image: url(images/arrow-right.svg); background-position: 100% 100%; background-repeat: no-repeat; background-size: 36px; } .property-carousel-button-prev { display: block; width: 40px; height: 40px; border-radius: 100%; position: absolute; left: 20px; top: 50%; cursor: pointer; z-index: 444; background-color: #fff; background-image: url(images/arrow-left.svg); background-position: 100% 100%; background-repeat: no-repeat; background-size: 36px; } .property-carousel-button-next, .property-carousel-button-prev { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } .property-carousel-button-next:hover, .property-carousel-button-prev:hover { opacity: 0.5; } .property-carousel-button-next.swiper-button-disabled, .property-carousel-button-prev.swiper-button-disabled { display: none; } .swiper-pagination { display: none; } .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 2px; } .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets { bottom:15px; } .swiper-pagination-bullet { background: #fff; opacity: 0.5; } .swiper-pagination-bullet-active { opacity: 1; } @media screen and (max-width: 800px) { .swiper-pagination { display: block; } }