/* Portal Mode - VideoGallery */

.gkNspPM-VideoGallery {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
	overflow: hidden;
	position: relative;
	width: 100%;
}

.gkNspPM-VideoGallery .gkBigBlock {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	/*overflow: hidden;*/
	padding:0;
	position: relative;
	width: 57.2%;
}

.gkNspPM-VideoGallery .gkSmallBlock {
	cursor: pointer;
	float: right;
	width: 42.8%;
	padding-left:30px;
}

.gkNspPM-VideoGallery .gkItemsPage {
	display: none;
}

.gkNspPM-VideoGallery .gkItemsPage.active {
	display: block;
}

.gkNspPM-VideoGallery .gkSmallBlock figcaption {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	padding:0px;
	position: relative;
}

.gkNspPM-VideoGallery .gkBigBlock figure {
	cursor: pointer;
	left: 0;
	position: absolute;
	top: 0;
	z-index: 1;
}

.gkNspPM-VideoGallery .gkBigBlock figcaption {
	bottom: -20%;
	opacity: 0;
	padding: 0px;
	position: absolute;
	-webkit-transition: all .25s ease-out;
	-moz-transition: all .25s ease-out;
	-ms-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	transition: all .25s ease-out;
	z-index: 2;
}
.gkNspPM-VideoGallery .gkBigBlock.active figcaption {
	bottom:55px;
	opacity: 1;
}

.gkNspPM-VideoGallery .gkBigBlock strong {
display:none;
	background: #f7a834;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	padding: 3px 5px;
	line-height: 20px;
	text-transform: uppercase;
}

.gkNspPM-VideoGallery .gkSmallBlock .gkItem {
cursor: pointer;height:118px;clear:both;
}

.gkNspPM-VideoGallery .gkSmallBlock h3 {
	font-size: 18px;
	font-weight: 300;
	margin: 0 0 5px 0;
	padding: 0;
	text-transform: none;
}
.gkNspPM-VideoGallery .gkSmallBlock h3 a { padding-right:15px;}
.gkNspPM-VideoGallery .gkBigBlock h3 {
}

.gkNspPM-VideoGallery .gkBigBlock h3 a {
}

.gkNspPM-VideoGallery .gkBigBlock h3 a:active,
.gkNspPM-VideoGallery .gkBigBlock h3 a:focus,
.gkNspPM-VideoGallery .gkBigBlock h3 a:hover {
	color: #d82731!important;
}

.gkNspPM-VideoGallery .gkSmallBlock p.linktext { display:none;
}

.gkNspPM-VideoGallery .gkBigBlock img,
.gkNspPM-VideoGallery .gkBigBlock .gkImageWrap {
	cursor: pointer;
	display: block;
	height: auto;
	width: 100%;
}

.gkNspPM-VideoGallery .gkSmallBlock .gkImageWrap  {float: right;height:100%;max-width:200px; max-height:88px; margin:15px 0;	}
.gkNspPM-VideoGallery .gkSmallBlock img{max-width: 100%; height:auto;}



.gkNspPM-VideoGallery .gkImageWrap {
	overflow: hidden;
	position: relative;
	z-index: 1;
}
.gkNspPM-VideoGallery .gkImageWrap img {
	-webkit-transform: scale(1) rotate(0deg);
	-moz-transform: scale(1) rotate(0deg);
	-ms-transform: scale(1) rotate(0deg);
	-o-transform: scale(1) rotate(0deg);
	transform: scale(1) rotate(0deg);
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-ms-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;
}

.gkNspPM-VideoGallery .gkImageWrap:hover img,
.gkNspPM-VideoGallery .gkBigBlock:hover img {
	-webkit-transform: scale(1.2) rotate(-5deg);
	-moz-transform: scale(1.2) rotate(-5deg);
	-ms-transform: scale(1.2) rotate(-5deg);
	-o-transform: scale(1.2) rotate(-5deg);
	transform: scale(1.2) rotate(-5deg);
}

.gkNspPM-VideoGallery .gkBigBlock p,
.gkNspPM-VideoGallery .gkBigBlock small,
.gkNspPM-VideoGallery .gkSmallBlock strong {
	
}
.gkNspPM-VideoGallery .gkBigBlock small {display: none;}

.gkNspPM-VideoGallery .gkBigBlock figure:before {
	background:none; /* Chrome,Safari4+ */	
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 2;
}
.gkNspPM-VideoGallery .gkBigBlock figure:after {
	background: transparent;
	background: rgba(0, 0, 0, .1);
	border:0;
	border-radius:0;
	color: transparent;
	content: "";
	font-family: FontAwesome;
	font-size: 48px;
	left:0;
	line-height: 100px;
	margin:0;
	opacity: 0;
	position: absolute;
	text-indent: 28px;
	top: 0;
	-webkit-transition: all .25s ease-out;
	-moz-transition: all .25s ease-out;
	-ms-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	transition: all .25s ease-out;
	width:100%;
	z-index: 3;
	height:100%;
}
.gkNspPM-VideoGallery .gkBigBlock figure.video:after {
	content: "\f04b";
	text-indent: 34px;
}

.gkNspPM-VideoGallery .gkBigBlock.active figure:after {
	opacity: 1;
	top:0%;
}

.gkNspPM-VideoGallery .gkSmallBlock small {
	border: 1px solid #d82731;
	font-size: 14px;
	height: 45px;
	line-height: 45px;
	margin: -22px 0 0 0;
	position: absolute;
	right: 20px;
	text-align: center;
	top: 50%;
	width: 45px;
}

.gkNspPM-VideoGallery .gkSmallBlock small:after {
	border-style: solid;
	border-width: 8px 8px 8px 0;
	border-color: transparent #d82731 transparent transparent;
	content: "";
	height: 0px;
	left: -8px;
	position: absolute;
	top: 15px;
	width: 0px;
}
.gkNspPM-VideoGallery .gkSmallBlock small:before {
	border-style: solid;
	border-width: 7px 7px 7px 0;
	border-color: transparent #fff transparent transparent;
	content: "";
	height: 0px;
	left: -6px;
	position: absolute;
	top: 16px;
	width: 0px;
	z-index: 1;
}
.gkNspPM-VideoGallery .gkBigBlock .gkIsHelperImage {
	display: block;
	height: auto;
	width: 100%;
}

/* styles for the portal mode in the dark areas */
.dark-area .gkNspPM-VideoGallery .gkSmallBlock small {
	color: #f5f5f5;
}
.dark-area .gkNspPM-VideoGallery .gkSmallBlock small:before {
	border-color: transparent #000 transparent transparent;
}
.dark-area .gkNspPM-VideoGallery .gkSmallBlock h3 a {
	color: #f5f5f5!important;
}
.dark-area .gkNspPM-VideoGallery .gkSmallBlock h3 a:active,
.dark-area .gkNspPM-VideoGallery .gkSmallBlock h3 a:focus,
.dark-area .gkNspPM-VideoGallery .gkSmallBlock h3 a:hover {
	color: #d82731!important;
}
.dark-area .gkNspPM-VideoGallery .gkSmallBlock p {
	color: #777;
}
.dark-area .gkNspPM-VideoGallery .gkSmallBlock .gkItem {
	border-top: 1px solid #333;
}
.dark-area .gkNspPM-VideoGallery .gkSmallBlock .gkItem:first-child {
	border-top: none;
}
.gkNspPM-VideoGallery .gkSmallBlock figcaption.cattitle, .gkNspPM-VideoGallery .gkSmallBlock figcaption.cattitle a{font-size:11px; padding-top:17px;}
.divider{ background:url(dots.png) repeat-x center; height:7px; display:block; clear:both}
.gkNspPM-VideoGallery .gkSmallBlock .catname, .gkNspPM-VideoGallery .gkSmallBlock .catname a{color:#fff;padding:2px 6px;letter-spacing:1px;font-weight: normal; text-transform:uppercase;}
.gkNspPM-VideoGallery .gkSmallBlock figcaption,.gkNspPM-VideoGallery .gkSmallBlock figcaption a{  font-size:16px; padding-top:15px; margin-top:0; margin-bottom:0; }

.gkNspPM-VideoGallery .gkSmallBlock figcaption h3.article-title,.gkNspPM-VideoGallery .gkSmallBlock figcaption h3.article-title a{font-weight: normal; text-transform:uppercase; font-size:16px; padding-top:15px; margin-top:0; margin-bottom:0;}
.gkNspPM-VideoGallery .gkBigBlock.active h3.article-title a,.gkNspPM-VideoGallery .gkBigBlock.active h3.article-title{ font-weight:normal; font-size:18px; text-transform:uppercase; margin:0; color:#fff;}
.gkNspPM-VideoGallery .gkSmallBlock .gkItem.activelink {}
.gkNspPM-VideoGallery .gkBigBlock p.linktext{ font-size:18px; bottom:0px;opacity: 0.85; display:block; height:55px; width:100%; margin:0; padding:5px 10px;color:#fff;}
.gkNspPM-VideoGallery .gkBigBlock p.date{display:none;}
.gkNspPM-VideoGallery .gkBigBlock.active figcaption {opacity: 0.85;width:100%; }
.gkNspPM-VideoGallery .gkBigBlock.active span.catname{ display:none}
.gkNspPM-VideoGallery .gkBigBlock.active h3.article-title a{padding:6px 10px;line-height:33px;}
.gkNspPM-VideoGallery .gkSmallBlock p.date{background:url(clock.png) no-repeat left; padding-left:23px; height:13px; color:#888; text-transform:uppercase; margin-top:10px;}
/* Mobile devices */
@media (max-width: 1200px) {
	.gkNspPM-VideoGallery .gkBigBlock.active figcaption{ bottom:0;}
}
@media (max-width: 1100px) {
	.gkNspPM-VideoGallery .gkSmallBlock figcaption {
		padding: 0 0px 0 0px;
	}
	.gkNspPM-VideoGallery .gkSmallBlock .gkImageWrap {
		margin: 0 0px 0 0;
	}
	.gkNspPM-VideoGallery .gkSmallBlock img, 
	.gkNspPM-VideoGallery .gkSmallBlock .gkImageWrap {
		max-width: 150px;
	}
	.gkNspPM-VideoGallery .gkSmallBlock h3 {
		font-size: 15px;
	}
	.gkNspPM-VideoGallery .gkSmallBlock p {
		font-size: 11px;
	}
	.gkNspPM-VideoGallery .gkSmallBlock .gkItem {
		padding: 10px 0;
	}
	.gkNspPM-VideoGallery .gkBigBlock figcaption {
		padding: 0px;
	}
	.gkNspPM-VideoGallery .gkBigBlock {
		padding: 0;
	}
	.gkNspPM-VideoGallery .gkSmallBlock small {
		right: 2px;
	}
	.gkNspPM-VideoGallery .gkBigBlock h3 a {
		font-size: 18px;
		line-height: 1!important;
	}
	.gkNspPM-VideoGallery .gkBigBlock h3 {
		margin: 0;
	}
	.gkNspPM-VideoGallery .gkBigBlock figure:after {
		border: 0;
		font-size: 20px;
		line-height: 60px;
		margin: -30px 0 0 -30px;
		text-indent: 25px;
		width: 60px;
	}
	.gkNspPM-VideoGallery .gkBigBlock figure.video:after {
		text-indent: 25px;
	}
	.gkNspPM-VideoGallery .gkBigBlock.active figcaption{ bottom:0;}
}
@media (max-width: 992px) {
	.gkNspPM-VideoGallery .gkBigBlock,
	.gkNspPM-VideoGallery .gkSmallBlock {
		width: 100%;
	}
	.gkNspPM-VideoGallery .gkSmallBlock{ margin-top:120px;}
	.gkNspPM-VideoGallery .gkBigBlock.active figcaption{ bottom:0;}
	.gkNspPM-VideoGallery .gkSmallBlock {padding-left:0px;}
}
@media (max-width: 768px) {
	.gkNspPM-VideoGallery .gkBigBlock,
	.gkNspPM-VideoGallery .gkSmallBlock {
		width: 100%;
	}
	.gkNspPM-VideoGallery .gkSmallBlock figcaption {
		padding: 0 0 0 0px;
	}
	.gkNspPM-VideoGallery .gkSmallBlock small,
	.gkNspPM-VideoGallery .gkBigBlock figure.video:after {
		display: none;
	} 
	.gkNspPM-VideoGallery .gkBigBlock.active h3.article-title a,.gkNspPM-VideoGallery .gkBigBlock p.linktext{ line-height:20px; font-size:13px;}
	.gkNspPM-VideoGallery .gkSmallBlock{ margin-top:130px;}
	 .gkNspPM-VideoGallery .gkSmallBlock figcaption h3.article-title, .gkNspPM-VideoGallery .gkSmallBlock figcaption h3.article-title a{padding-right:10px; font-size:13px; line-height:17px;}
	 .gkNspPM-VideoGallery .gkSmallBlock p.date{ margin-top:5px;}
	 .gkNspPM-VideoGallery .gkSmallBlock figcaption.cattitle, .gkNspPM-VideoGallery .gkSmallBlock figcaption.cattitle a{ padding-top:5px;}
	.gkNspPM-VideoGallery .gkBigBlock.active figcaption{ bottom:0;}
	
}

@media (max-width: 600px) {
	.gkNspPM-VideoGallery .gkBigBlock,
	.gkNspPM-VideoGallery .gkSmallBlock {
		width: 100%;
	}
	.gkHighlighterInterface{ margin-left:10px;}
	.gkNspPM-VideoGallery .gkSmallBlock p.date{ display:none;}
	.gkNspPM-VideoGallery .gkSmallBlock{ margin-top:80px;}

}