/**
 * Swiper 3.3.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * 
 * http://www.idangero.us/swiper/
 * 
 * Copyright 2016, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 * 
 * Licensed under MIT
 * 
 * Released on: February 7, 2016
 */
 

	html, body {
        #position: relative;
        #height: 100%;
    }
    body {
        #background: #eee;
        #font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
        #font-size: 14px;
        #color:#000;
        #margin: 0;
        #padding: 0;
    } 
 
 
.swiper-container{
	width: 100%;
    height: 100%;
margin:0 auto;
position:relative;
overflow:hidden;
z-index:1
}



.swiper-container-no-flexbox .swiper-slide{
float:left
}


.swiper-wrapper{
position:relative;
width:100%;
height:100%;
z-index:1;
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:flex;
-webkit-transition-property:-webkit-transform;
-moz-transition-property:-moz-transform;
-o-transition-property:-o-transform;
-ms-transition-property:-ms-transform;
transition-property:transform;
-webkit-box-sizing:content-box;
-moz-box-sizing:content-box;
box-sizing:content-box
}

.swiper-container-android .swiper-slide,.swiper-wrapper{
-webkit-transform:translate3d(0,0,0);
-moz-transform:translate3d(0,0,0);
-o-transform:translate(0,0);
-ms-transform:translate3d(0,0,0);
transform:translate3d(0,0,0)
}


.swiper-slide{
-webkit-flex-shrink:0;
-ms-flex:0 0 auto;
flex-shrink:0;
width:100%;
height:100%;
position:relative;
	text-align: center;
	#font-size: 18px;
	background: #fff;
	#margin-left:-33px;					/* чтобы картинка была по центру, почему-то свдигается влево изначально */
	

	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
        
    }


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

.swiper-container-autoheight .swiper-wrapper{
-webkit-box-align:start;
-ms-flex-align:start;
-webkit-align-items:flex-start;
align-items:flex-start;
-webkit-transition-property:-webkit-transform,height;
-moz-transition-property:-moz-transform;
-o-transition-property:-o-transform;
-ms-transition-property:-ms-transform;
transition-property:transform,height
}

.swiper-container .swiper-notification{
position:absolute;
left:0;
top:0;
pointer-events:none;
opacity:0;
z-index:-1000
}

.swiper-wp8-horizontal{
-ms-touch-action:pan-y;
touch-action:pan-y
}

.swiper-wp8-vertical{
-ms-touch-action:pan-x;
touch-action:pan-x
}

.swiper-button-next,.swiper-button-prev{
position:absolute;
top:50%;
#width:27px;
#height:44px;
	width:14px;									/* ширина стрелок */
	height:25px;								/* высота стрелок */
margin-top:-22px;
	#margin-left: -10px;
z-index:10;
cursor:pointer;
#-moz-background-size:27px 44px;
#-webkit-background-size:27px 44px;
#background-size:27px 44px;
	-moz-background-size:14px 25px;
	-webkit-background-size:14px 25px;
	background-size:14px 25px;
background-position:center;
background-repeat:no-repeat
}

.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{
opacity:.35;
cursor:auto;
pointer-events:none
}

.swiper-button-prev,.swiper-container-rtl .swiper-button-next{
background-image:url("../images/arrow-left.png");
left:5px;							/* сдвиг левой стрелки от левого края */
right:auto	
}


.swiper-button-next,.swiper-container-rtl .swiper-button-prev{
background-image:url("../images/arrow-right.png");
right:5px;							/* сдвиг правой стрелки от правого края */
left:auto
}


			@media (min-width:768px){
				
				.swiper-button-next,.swiper-button-prev{
					margin-top:-52px;							/* сдвиг стрелок вверх на середину картинки */
					}
				
				.swiper-button-prev,.swiper-container-rtl .swiper-button-next{
					left:25px;							/* сдвиг левой стрелки от левого края */
					}
				
				.swiper-button-next,.swiper-container-rtl .swiper-button-prev{					
					right:25px;							/* сдвиг правой стрелки от правого края */
					}
			}


.swiper-pagination{
position:absolute;
#	position:relative;
	#margin-left:-200px;
	margin-top: calc(58% - 17px);		/* положение буллетов, привязка к размеру экрана, чтобы были всегда на картинке */
	#margin-top: 50px;		/* положение буллетов, привязка к размеру экрана, чтобы были всегда на картинке */
	#margin-bottom:100px;				/* отступ блока буллетов снизу */
text-align:center;
-webkit-transition:.3s;
-moz-transition:.3s;
-o-transition:.3s;
transition:.3s;
-webkit-transform:translate3d(0,0,0);
-ms-transform:translate3d(0,0,0);
-o-transform:translate3d(0,0,0);
transform:translate3d(0,0,0);
z-index:100;

#background-color:#ddd;
#width: 200px;

}

			@media (min-width:768px){
				.swiper-pagination{
					margin-left:10px;			/* сдвиг буллетов-плашек */
					margin-top: 58%;
				}
			}


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

.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{
bottom:10px;
left:0;
width:100%
}

.swiper-pagination-bullet{
#width:8px;
#height:8px;
	width: 7px;				/* размер буллетов пагинации */
	height: 22px;
display:inline-block;
border-radius:0%;
#background:#000;
#background: rgba(0,0,0,0.2); /* буллеты пагинации полупрозрачные */
	background: rgba(250,250,250,0.6); /* буллеты пагинации полупрозрачные */
#opacity:.2;
	opacity: 1;
	text-align: center;
	line-height: 20px;
	font-size: 12px;	
	color:#000;
	margin-left:6px;				/* отступы между буллетами */
}

button.swiper-pagination-bullet{
border:none;
margin:0;
padding:0;
box-shadow:none;
-moz-appearance:none;
-ms-appearance:none;
-webkit-appearance:none;
appearance:none
}




.swiper-pagination-clickable .swiper-pagination-bullet{
cursor:pointer
}

.swiper-pagination-white .swiper-pagination-bullet{
background:#fff
}

.swiper-pagination-bullet-active{
opacity:1;
#background: #007aff;
	background: #000;				/* фон активного буллета */
	color:#fff;
}




.swiper-pagination-white .swiper-pagination-bullet-active{
background:#fff
}

.swiper-pagination-black .swiper-pagination-bullet-active{
background:#000
}


.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{
margin:5px 0;
display:block
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
margin:0px 5px			/* отступы буллетов сверху, справа */
}




@-webkit-keyframes swiper-preloader-spin{
100%{
-webkit-transform:rotate(360deg)
}

}

@keyframes swiper-preloader-spin{
100%{
transform:rotate(360deg)
}

}



    /* **************************************************************************** СЛАЙДЕР - КАРТОЧКИ ******************************************************************************* */
    

	
	
	

.slider__card{
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-flex-direction:column;
	-ms-flex-direction:column;
	flex-direction:column;
	-webkit-flex:1 0 auto;
	-ms-flex:1 0 auto;
	flex:1 0 auto;
	color:#262626;
	background-color: #fff;							/* цвет фона всей карточки */
	}



.slider__card__head{
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-flex-direction:column;
	-ms-flex-direction:column;
	flex-direction:column;
	-webkit-flex:1 0 auto;
	-ms-flex:1 0 auto;
	flex:1 0 auto;
	background:#fff;
	#background:#f0f0f0;								/* цвет фона текста */
	word-wrap:break-word
	}



.slider__card__head{
	background:#fff
	}



.slider__card__title{
	display:block;
	padding:0px 20px 0px 0px;					/* отступы текста от границ - снизу и сверху */
	transition:color .3s ease 0s;
	will-change:color;
	font-size:16px;	
	font-weight:400;
	line-height:20px;
	-webkit-flex:1 0 auto;
	-ms-flex:1 0 auto;
	flex:1 0 auto;
	font-family: Fugue-Regular,arial,sans-serif;
	text-transform:uppercase;
		text-align: left;
	}
	
			
	


	
	
	





.slider__card__title:hover{
	#color:rgba(38,38,38,.8)
	}


.slider__card__image,.slider__card__image-container{
	display:block
	}
	
	


.slider__card__meta{
	font-size:15px;
	line-height:16px;	
	font-family: Fugue-Mono,arial,sans-serif;
	text-transform:uppercase;
	text-align: left;
	padding:12px 0px 5px;								/* отступы текста открытия от границ контейнера слева и сверху, от текста снизу */
	font-weight:400;	
	color:#272727;
	}

	
	

.slider__card__image{
	height:0;
	#padding-top:100%;								/* высота блока-картинки в процентах от ширины */
			padding-top:65.78%;
			#padding-top:65.78%;
			#padding-top:248px;						/* делает высоту блока и соответственно картинки, адаптивность нарушается */
			#height:auto;
			#width: auto;
	
	#background-color:#fff;
	background-color:#d9d9d;
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
			transition-duration: 0.5s;					/* скорость прозрачности */
	}
								
							.slider__card__image:hover{
								#opacity: 0.50;								/* прозрачность картинок при наведении */
								}
								
							
								
							


.slider__flow{
	position:relative;
	margin-left:-24px
	}

.slider__flow__entry{
	display:inline-block;
	width:100%;
	#padding-left:24px;
		padding-left:24px;
		#padding-right:0px;
	padding-bottom:24px;
	vertical-align:top;
	}
	
	

	

.slider__flow__entry{
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-flex-direction:column;
	-ms-flex-direction:column;
	flex-direction:column;
	-webkit-flex-shrink:0;
	-ms-flex-negative:0;
	flex-shrink:0
	}




	

.slider__recommendations{
	#background-color:#f2f2f2;									/* фон всего контейнера карточек */
	background-color:#fff;
	padding-bottom:0px;				
				width:100%;					/* позволяет растянуть слайдер на всю ширину, а не только по ширине заголовка */
	}
	
	

	

.slider__recommendations__container{
	padding-left:0px;
	padding-right:0px;
				#margin-top: -15px;								/* отступ контейнера с эвентами сверху */
				padding-top: 15px;								/* отступ контейнера слайдера сверху */
	}

	
				
	
		@media (min-width:768px){
			.slider__recommendations__container{
				width:672px;
				margin-left:auto;
				margin-right:auto;		
				padding-left:0;
				padding-right:0;
				padding-top: 25px;								/* отступ контейнера слайдера сверху */
				}	
		}