/*

Slideshow / Banner / Slick Styling

https://www.toptal.com/developers/cssminifier

*/


.cycle-overlay, .cmsBannerCaptionInner {
	z-index: 600; background: rgba(0,0,0,0.3); color: white; padding: 15px;
}
.cycle-overlay {   position: absolute; bottom: 0; width: 100%;  }
.cycle-pager{ display:none; }

#cmsCycle2 { 	overflow: hidden; }

#cmsCycle2 > img {     width: 100%; display: block; padding: 0;  }
#cmsCycle2 > img:nth-child(n+2) { display:none; }

/* in case script does not load */
/*.
cycle-slideshow img:first-child {    position: static; z-index: 100;}
*/
.cb-slider ul.cmsDivSlider.slick-slider {
    margin: 0;
    padding:0;
}
.cmsDivSlider {
	position: relative;
	overflow: hidden;
	padding:0;
}
.cmsDivSlider .row { display:flex; width: 100%; margin: 0; }
.cmsDivSlider > li:nth-of-type(n+2) {display:none;}
.cmsDivSlider > li.cycle-slide
{
	background-color: inherit;
	width: 100%;
	bottom:0;
    display: flex !important;
    align-items: center;
}

.cmsDivSlider .row .column > img,
.cmsDivSlider .row .column > a > img,
.cmsDivSlider .column > figure,
.animatedSlidePlaceholder .row .column > img,
.animatedSlidePlaceholder .row .column > a > img,
.animatedSlidePlaceholder .column > figure {
	margin: 0;
	flex-shrink: 0;
}

.cmsDivSlider .row .column.flow-opposite {  order: 1; }
#productImagesSlider{margin-top:0;margin-bottom:0;}

#cmsBannerSlideDiv img { width: 100%; }
#cmsBannerSlideContainer, #cmsBannerContainer,
.animatedSlideWrapOuter {   position:relative; overflow:hidden; margin:0; padding:0; }
#cmsBannerOverlay{bottom:0;z-index: 100;}
#cmsBannerOverlay,
.animatedSlideWrapInner { position:absolute; top:0; height: 100%; width: 100%; margin:0; padding:0;}
.animatedSlidePlaceholder { visibility:hidden; }
.animatedSlidePlaceholder .row { margin: 0; overflow: hidden; padding: 0; }
.animatedSlidePlaceholder .clearfix:before,
.animatedSlidePlaceholder .clearfix:after { display:none; content:none;}

.animatedSlideWrapInner ul { height: 100%;   list-style:none; margin:0; padding:0;  }
.animatedSlideWrapInner .slideViewFinder>li {display:block; margin:0; padding:0; list-style:none;  box-sizing: border-box; }
.animatedSlideWrapInner .slideViewFinder { position:absolute; height: 100%; width:100%;  margin:0; padding:0;  }

.animatedSlideWrapInner li ,
.animatedSlideWrapInner ul .cmsItem img,
.animatedSlideWrapInner ul img {  width: 100%; max-width:none; display:block;  }
.animatedSlidePlaceholder img{max-width:none;width:100%;display:block;}
.animatedSlideWrapInner li:gt(0) { display: none; }

.animatedSlideWrapOuter .sliderArrow {
	position : absolute;
	top : 45%;
	width : 20px;
	height : 20px;
	cursor: pointer;
}
.animatedSlideWrapOuter #sliderLeftArrow {
	left: 5%;
 	background : url(/uploads/js/slider/img/arrow-sprite.png);
	background-position : 0 0;
}
.animatedSlideWrapOuter  #sliderRightArrow {
	right: 5%;
 	background : url(/uploads/js/slider/img/arrow-sprite.png);
	background-position : 20px 0;
}

.animatedSlideWrapOuter #sliderLeftArrow:hover  {
	background-position : 0 21px;
}

.animatedSlideWrapOuter #sliderRightArrow:hover  {
	background-position : 20px 21px;
}


#slideNumbers {
		padding : 5px 8px 5px 8px;
		text-align : right;
		position : absolute;
		bottom : 0;
		right : 0;
		background : url(/uploads/slider/img/paging_bg2.png);
		color : #333;
		font-size : 13px;
}

#slideNumbers a.slideActive {
		font-weight : bold;
		border : 1px solid #555;
		border-radius : 3px;
		background: #f3f3f3;
		padding : 1px 3px 1px 3px;!important;
}

#slideNumbers a {
		padding : 2px 4px ;
		cursor : pointer;
		text-decoration : none;
		color : #333;
}

#slideNumbers a:hover {
		font-weight : bold;
}

.cmsBannerCaptionContainer { position: absolute; display:flex; font-size: 150%;    align-items: center;   /*v-align*/    justify-content: center; /*h-align */  }
#cmsBannerContainer.captionType .cmsBannerCaptionContainer { display: none;}
#cmsBannerContainer.captionTypeBottom .cmsBannerCaptionContainer {bottom: 0; width: 100%;  }
#cmsBannerContainer.captionTypeTop .cmsBannerCaptionContainer {top: 0; width: 100%;  }
#cmsBannerContainer.captionTypeLeft .cmsBannerCaptionContainer {left: 5%; width: 33%; bottom: 33%; min-height: 33%;}
#cmsBannerContainer.captionTypeRight .cmsBannerCaptionContainer {right: 5%; width: 33%; bottom: 33%;  min-height: 33%; }
#cmsBannerContainer.captionTypeCenter .cmsBannerCaptionContainer {left: 20%; width: 60%; top: 33%; min-height: 33%; }
#cmsBannerContainer.captionTypeUnder .cmsBannerCaptionContainer { position:relative; }
.cmsBannerCaptionInner {
	height: inherit;
	width: 100%;
	text-align: center;
	vertical-align: middle;
    display: flex;
    align-items: center;   /*v-align*/
    justify-content: center; /*h-align */
}
/* kill flex for gallery sliders, title above text...  */
.cmsGalleryPageSlider .cmsBannerCaptionInner { display: block; }
.cmsGalleryPageSlider .cmsBannerCaptionText { font-size: 70%; }
div.cmsBannerCaptionCTA { display:inline-block; margin: 10px ; padding: 5px 15px; font-size: 75%; }
.captionTypeBottom .cmsBannerCaptionInner>*,
.captionTypeTop .cmsBannerCaptionInner>* { display:inline-block; margin: 0 10px ; line-height: 150%; }

/*
Andrew Flex Banner Overlay Snippet Css
*/
#cmsBannerOverlay .flex.vcenter {display:flex;align-items:center;height:100%;padding:2% 5%;box-sizing:border-box;}

#cmsBannerContainer.captionTypeUnder .cmsBannerCaptionInner {
	background: none;
	color: inherit;
}






@media (max-width: 560px) { 
	/* mobile: adjust */
	#cmsBannerContainer.captionTypeLeft .cmsBannerCaptionContainer {left: 5%; width: 90%;}
	#cmsBannerContainer.captionTypeRight .cmsBannerCaptionContainer {right: 5%; width: 90%;}
	#cmsBannerContainer.captionTypeCenter .cmsBannerCaptionContainer {left: unset; width: 90%; margin: auto; text-align: center; }

}