/* ===============================================================
Basic Swiper Styles 
================================================================*/
.swiper-container {
	margin:0 auto;
	position:relative;
	overflow:hidden;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden;
	/* Fix of Webkit flickering */
	z-index:1;
}
.swiper-wrapper {
	position:relative;
	width:100%;
	-webkit-transition-property:-webkit-transform, left, top;
	-webkit-transition-duration:0s;
	-webkit-transform:translate3d(0px,0,0);
	-webkit-transition-timing-function:ease;
	
	-moz-transition-property:-moz-transform, left, top;
	-moz-transition-duration:0s;
	-moz-transform:translate3d(0px,0,0);
	-moz-transition-timing-function:ease;
	
	-o-transition-property:-o-transform, left, top;
	-o-transition-duration:0s;
	-o-transform:translate3d(0px,0,0);
	-o-transition-timing-function:ease;
	-o-transform:translate(0px,0px);
	
	-ms-transition-property:-ms-transform, left, top;
	-ms-transition-duration:0s;
	-ms-transform:translate3d(0px,0,0);
	-ms-transition-timing-function:ease;
	
	transition-property:transform, left, top;
	transition-duration:0s;
	transform:translate3d(0px,0,0);
	transition-timing-function:ease;

	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.swiper-free-mode > .swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto;
}
.swiper-slide {
	float: left;
}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
	-ms-touch-action: pan-y;
}
.swiper-wp8-vertical {
	-ms-touch-action: pan-x;
}

/* ===============================================================
Pagination Styles
================================================================*/
.swiper-pagination-switch {
    display: inline-block;
    height: 26px;
    width: 26px;
    background-color: #fff;
    border: 4px solid #9fabb4;
    border-radius: 12px;
    position: relative;
    margin: 0px 15px 0px 0px;
    cursor: pointer;
}
.swiper-pagination-switch:hover {
    background-color: #fff;
    border: 4px solid  #4dc0e2;
}
.swiper-pagination-switch:last-child {
    margin-right: 0;
}
.pagination .swiper-active-switch:before {
    background-color: #4dc0e2;
    content: '';
    position: absolute;
    left: 3px;
    top: 3px;
    height: 12px;
    width: 12px;
    border-radius: 6px;
}

.swiper-slide {
    width:  100%;
    height: 60px;
}

.swiper-slide .swiper-slide-inner {
    max-width: 1200px;
    width: 100%;
    padding: 0 40px;
}

.snippet {
    margin-left: 0;
    margin-right: 0;
}
.snippet .snippet-slider {
    left: auto;
    top: auto;
    right: auto;
    bottom: auto;
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 0;
    padding-right: 0;
}
.snippet .snippet-slider .swiper-container .swiper-slide {
    background-size: cover;
    background-position: 50% 50%;
}
.snippet .snippet-slider.snippet-slider-promo {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 0;
    padding-right: 0;
}
.snippet .snippet-slider.snippet-slider-promo .swiper-container {
    width: 100%;
    height: 302px;
}
.snippet .snippet-slider .slider-information {
    text-align: center;
    position: absolute;
    left: auto;
    top: 50%;
    right: 0;
    bottom: 0;
    background-color: transparent;
    width: 100%;
    height: 68px;
    /*z-index: 1000;*/
    margin-top: -34px;
}
.snippet .snippet-slider .pagination {
    margin: 0 0 0 60px;
    position: absolute;
    bottom: 20px;
    left: 50%;
    z-index: 1010;
    width: 430px;
    text-align: center;

}
.snippet .snippet-slider .snippet-slider-right,
.snippet .snippet-slider .snippet-slider-left {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 1000;
    position: absolute;
    left: 25px;
    top: 0;
    right: auto;
    bottom: auto;
    cursor: pointer;
    width: 40px;
    height: 68px;
    background:url(../../bg/tc_items.png) no-repeat 0 0 transparent;
}
.snippet .snippet-slider .snippet-slider-right {
    left: auto;
    right: 25px;
    background-position: -45px 0;
}

@media screen and (max-width: 950px) {
    .snippet .snippet-slider.snippet-slider-promo .swiper-container {
        height: auto;
    }

    .swiper-slide-inner .promoBox {
        width: 100%;
        right: 0;
        left: 0;
        padding: 0 20px;
        display: none;
    }

    .swiper-slide .swiper-slide-inner {
        width: 100%;
        max-height: 330px;
        overflow: hidden;
        padding: 0;
    }

    .snippet .snippet-slider .pagination {
        margin: 0;
        width: 100%;
        left: 0;
        bottom: 8px;
    }

    .swiper-slide-inner img {
        width: 100%;
    }

    .swiper-slide-inner a:first-child {
        padding: 0 20px;
    }

    .swiper-slide-inner a:first-child img {
        /*display: none;*/
        width:    100%;
        height:   auto;
        position: initial;
    }

    .snippet .snippet-slider .slider-information {
        display: none;
    }

}

@media screen and (max-width: 680px) {
    .snippet .snippet-slider.snippet-slider-promo .swiper-container {
        height: 200px;
    }
}

@media screen and (max-width: 540px) {
    .snippet .snippet-slider.snippet-slider-promo .swiper-container {
        height: 170px;
    }
}