/* gallery text content */
.galleryTextText {
	padding: 10px 10px 50px 10px;
}

.galleryImagesArea {
	width: 100%;
}

.galleryElement {
	height:auto;
	float: left;
	cursor:pointer;
	cursor:zoom-in;
	cursor:-webkit-zoom-in;
	cursor:-moz-zoom-in;
	margin: 0px 12px 12px 0;
}

.galleryElement > img {
	width: 100%;
	height: auto;
}

.galleryImages > div > .gallerySubText {
	color:white;
	margin-bottom:15px;
}

/* XS */
@media(max-width:767px) {
	.galleryElement {width: 130px;}
}

/* SM */
@media(min-width:768px) {
	.galleryElement {width: 215px;}
}

/* MD */
@media(min-width:992px) {
	.galleryElement {width: 165px;}
}

/* LG */
@media(min-width:1200px) {
	.galleryElement {width: 215px;}
}

.varietyKeyword {
	white-space:nowrap;
}

.varietyKeywords {
	padding:15px 0 10px 0;
	cursor:pointer;
}

.varietyKeywords.blue {
	color:white;
}

.varKeyActive {
	color:#00B6E8;
	font-weight:bold;
}


/* fancybox styles */
/* XS */
@media(max-width:767px) {
	.fancybox-wrap {
		width:90% !important;
		height:auto !important;
	}
	
	.fancybox-inner {
		width:100% !important;
		height:auto !important;
	}
	
	.fancyboxElement > .leftArea > img {
		width: 100%;
		height: auto
	}
	
	.fancyboxElement > .rightArea {
		height: auto !important;
		width: 100% !important;
		float: left !important;
		background-repeat: repeat-x !important;
		background-position: left top !important;
	}
}

/* SM */
@media(min-width:768px) and (max-width:991px) {
	.fancybox-wrap {
		width:700px !important;
		height:auto !important;
	}
	
	.fancybox-inner {
		width:700px !important;
		height:450px !important;
	}
	
	.fancyboxElement > .leftArea > img {
		width:450px;
		height:450px;
	}
	
	.fancyboxElement > .rightArea {
		height:450px !important;
	}
}

/* MD - LG */
@media(min-width:992px) {
	.fancybox-wrap {
		width:850px !important;
		height:auto !important;
	}
	
	.fancybox-inner {
		width:850px !important;
		height:600px !important;
	}
}

.fancyboxElement > .leftArea {
	float:left;
	position:relative;
}

.fancyboxElement > .rightArea {
	float:right;
	width:250px;
	height:600px;
	padding:15px;
	background:url(./../../res/img/gallery-background-dark.jpg) no-repeat center center;
	color:white;
}

.fancyboxNav > .fancyboxPrevNav,
.fancyboxNav > .fancyboxNextNav {
	width:25px;
	height:42px;
	position:absolute;
	bottom: 20px;
	z-index:100;
	background:url(./../../res/img/slider-arrow-dark.png) no-repeat center center;
	cursor:pointer;
}

.fancyboxNav > .fancyboxPrevNav {
	left:20px;
}

.fancyboxNav > .fancyboxNextNav {
	right:20px;
	-moz-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	filter: FlipH;
	-ms-filter: "FlipH";
}