/* --------------------------------------------------------------- */
/* - TypeKit fix for FOUT on firefox
/* --------------------------------------------------------------- */
.wf-loading {
    /* Hide the blog title and post titles while web fonts are loading */
    visibility: hidden;
}

/* --------------------------------------------------------------- */
/* - idangeerous.swiper-2.0
/* --------------------------------------------------------------- */

.swiper-container { position: relative; 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;	
}
.swiper-container, .swiper-slide { width:100%; overflow: hidden; }
.swiper-slide {	float: left; position: relative; }
.swiper-slide img { width: 100%; }

/* set the arrow images in components.css as overrides */
a.arrow-left { display: block; position: absolute; z-index: 2;} 
a.arrow-right { display: block; position: absolute; z-index: 2;}

.swiper-pagination { position: absolute; z-index: 20; }
.swiper-pagination .swiper-pagination-switch { display: inline-block; width: 10px; height: 10px; border-radius: 10px; margin: 0 5px; cursor: pointer; }
.swiper-pagination .swiper-active-switch { }

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

@media (min-width: 768px) {
    .swiper-slide .content { position: absolute; bottom:0; height: 100%;}
}

/* --------------------------------------------------------------- */
/* - jQuery Accordion
/* --------------------------------------------------------------- */
.ui-accordion .ui-accordion-header { padding-left: 0 !important; padding-right:0 !important; outline-color:#fff; }
.ui-accordion .ui-accordion-content { padding-left: 0 !important; padding-right:0 !important; }

/* --------------------------------------------------------------- */
/* - idangeerous.swiper-3.0 Gallery
/* --------------------------------------------------------------- */
.swiper-container.gallery-top, 
.swiper-container.gallery-thumbs, 
.gallery-top .swiper-wrapper,
.gallery-thumbs .swiper-wrapper,
.gallery-top .swiper-slide,
.gallery-thumbs .swiper-slide { background-color: #fff; }

.gallery-top { width: 100%; height: 675px !important; margin-left: auto; margin-right: auto; }
.gallery-top .swiper-slide { background-size: cover; background-position: center; }

.gallery-top .swiper-slide img,
.gallery-thumbs .swiper-slide img { width:auto; }
   
.gallery-thumbs { height: 20%; box-sizing: border-box; padding: 10px 0; }
.gallery-thumbs .swiper-wrapper { height:180px; }
.gallery-thumbs .swiper-slide { width: 16%; height: 100% !important; opacity: 0.4; }
.gallery-thumbs .swiper-slide-active { opacity: 1; }