/* Start:/bitrix/templates/v2/components/bitrix/news.list/swiper/style.css?17606398721634*/
@charset "UTF-8";

body {
	background-color : rgba(150, 150, 150, 1);
	color : rgba(0, 0, 0, 1);
	-webkit-text-size-adjust : 100%;
	}
  	
@keyframes rotate {
	from {
    	transform : rotate(0deg);
  		}
  	to {
    	transform : rotate(360deg);
  		}
	}
 	
div.loading {
	position : absolute;
	top : 0;
	left : 0;
	z-index : 100;
	width : 100vw;
	height : 100vh;	
	background-color : rgba(255, 255, 255, 1);
 	}
 	
div.loading::before {
	position : absolute;
	top : calc(50% - 20px);
	left : calc(50% - 20px);
	z-index : 10;
	width : 40px;
	height : 40px;
	background-color : rgba(0, 0, 0, 1);
	animation-name : rotate;
	animation-duration : 3s;
	animation-iteration-count : infinite;
	animation-timing-function : linear;
	content : '';
	}
	
div.container {
	position : relative;
	width : 100%;
    max-width : 70rem;
    margin : 0 auto;
 	}
 	
div.swiper-main {
	width : 100%;
	padding : 0 0 50px 0;
	position : relative;
	overflow : hidden;
	}
	
div.swiper-main > ul {
	display : flex;
	width : 2000em;
	padding : 0;
	margin : 0;
	list-style : none;
	}

div.swiper-main > ul > li > a,
div.swiper-main > ul > li > a > img {
	display : block;
	width : 100%;
	}
	
div.swiper-main > div {
	position : absolute;
	bottom : 0;
	left : 0;
	z-index : 10;
	width : 100%;
	text-align : center;
	}
		
div.swiper-main > div > span {
	display : inline-block;
	vertical-align : top;
   	border-radius : 50%;
	width : 15px;
	height : 15px;
    margin : 20px 10px;
    background-color : #ffffff;
    cursor : pointer;
    }
    
div.swiper-main > div > span.swiper-pagination-bullet-active {
    background-color : #02a0d0;
    cursor : default;
	}
/* End */
/* /bitrix/templates/v2/components/bitrix/news.list/swiper/style.css?17606398721634 */