/* Portal Mode - News Gallery */

.gkNspPM-TechNewsHeader1 {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
	position: relative;
}

.gkNspPM-TechNewsHeader1 .gkImagesWrapper {
	position: relative;
	width: 100%;
    overflow: hidden;
}

.gkNspPM-TechNewsHeader1 .gkImage {
	height: 100%;
	position: absolute;	
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
	will-change: all;
}

.gkNspPM-TechNewsHeader1[data-cols="3"] .gkImage {
	width: 20%;
}
.gkImage > div {
/*    -webkit-box-shadow: 10px 0px 20px -6px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 0px 20px -6px rgba(0,0,0,0.75);
    box-shadow: 10px 0px 20px -6px rgba(0,0,0,0.75);	 */
}



.gkNspPM-TechNewsHeader1[data-cols="3"] .gkImage:nth-child(1),
.gkNspPM-TechNewsHeader1[data-cols="4"] .gkImage:nth-child(1),
.gkNspPM-TechNewsHeader1[data-cols="5"] .gkImage:nth-child(1) { left: 0; }
.gkNspPM-TechNewsHeader1[data-cols="3"] .gkImage:nth-child(2),
.gkNspPM-TechNewsHeader1[data-cols="4"] .gkImage:nth-child(2),
.gkNspPM-TechNewsHeader1[data-cols="5"] .gkImage:nth-child(2) { left: 60%; }
.gkNspPM-TechNewsHeader1[data-cols="3"] .gkImage:nth-child(3) { left: 80%; }
/*.gkNspPM-TechNewsHeader1[data-cols="4"] .gkImage:nth-child(3) { left: 66.666666%; }*/
.gkNspPM-TechNewsHeader1[data-cols="4"] .gkImage:nth-child(3) { left: 73.333333%; }
.gkNspPM-TechNewsHeader1[data-cols="5"] .gkImage:nth-child(3) { left: 62.5%; }
/* .gkNspPM-TechNewsHeader1[data-cols="4"] .gkImage:nth-child(4) { left: 83.333333%; } */
.gkNspPM-TechNewsHeader1[data-cols="4"] .gkImage:nth-child(4) { left: 86.666666%; }
.gkNspPM-TechNewsHeader1[data-cols="5"] .gkImage:nth-child(4) { left: 75%; }
.gkNspPM-TechNewsHeader1[data-cols="5"] .gkImage:nth-child(5) { left: 87.5%; }

.gkNspPM-TechNewsHeader1[data-cols="4"] .gkImage {
	width: 16.666666%;
}
.gkNspPM-TechNewsHeader1[data-cols="5"] .gkImage {
	width: 12.5%;
}

.gkNspPM-TechNewsHeader1 .gkImageArea {
	background-size: auto 100%;
	background-position: center center;
	height: 100%;
	position: absolute;
	width: 100%;
}
	
.gkNspPM-TechNewsHeader1 .gkImage .gkImageArea:after {
	background: fade(@primary_color, 0);
	background: -moz-linear-gradient(left, rgba(46, 46, 46, 0.5) 0%, rgba(46, 46, 46, 0) 2%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(46, 46, 46, 0.5)), color-stop(2%, rgba(46, 46, 46, 0)));
	background: -webkit-linear-gradient(left, rgba(46, 46, 46, 0.5) 0%, rgba(46, 46, 46, 0) 2%);
	background: -o-linear-gradient(left, rgba(46, 46, 46, 0.5) 0%, rgba(46, 46, 46, 0) 2%);
	background: -ms-linear-gradient(left, rgba(46, 46, 46, 0.5) 0%, rgba(46, 46, 46, 0) 2%);
	background: linear-gradient(left, rgba(46, 46, 46, 0.5) 0%, rgba(46, 46, 46, 0) 2%);
	bottom: 0;
	content: "";
	left: 0;
	opacity: 1;
	pointer-events: none;
	position: absolute;
	right: 0;
	top: 0;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
}

.gkNspPM-TechNewsHeader1 .gkImage.active .gkImageArea:after {
	opacity: 1;
}

.gkNspPM-TechNewsHeader1 .gkTitle {
	bottom: 110px;
	color: #fff;
	font-size: 40px;
	line-height: 40px;
	left: 5%;
	margin: 0;
	max-width: 700px;
	right: auto;
	will-change: font-size;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
	position: absolute;
	z-index: 1;
    text-shadow: 0 0 20px rgba(0,0,0,1);
    text-align: left;
}
.gkNspPM-TechNewsHeader1 .gkImage > a:hover{
	background: #9b9c8c;
	color: #e7e3e2;
	text-decoration:none;
}

.gkNspPM-TechNewsHeader1 .gkImage > a {
	/*
	border-radius: 50%;
	*/
	font-size:18px;
	background: #e7e3e2;
	bottom: 50px;
	color: #9b9c8c;
	

	position: absolute;
	
	
	/*-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
	-ms-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
	-o-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
*/
	text-align: center;
	-webkit-transform: translateX(-150px) scale(0);
	-moz-transform: translateX(-150px) scale(0);
	-ms-transform: translateX(-150px) scale(0);
	-o-transform: translateX(-150px) scale(0);
	transform: translateX(-150px) scale(0);
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
	left: 5%;
	width: auto;
	padding: 5px 20px;
	will-change: all;

	}

.gkNspPM-TechNewsHeader1 .gkImage > a > .micon {
	position: relative;
	top: -4px;
}

.gkNspPM-TechNewsHeader1 .gkImage.active {
	width: 60%;	
} 

/* First and last side has always the same position */
.gkNspPM-TechNewsHeader1[data-cols="3"] .gkImage:nth-child(1).active,
.gkNspPM-TechNewsHeader1[data-cols="4"] .gkImage:nth-child(1).active,
.gkNspPM-TechNewsHeader1[data-cols="5"] .gkImage:nth-child(1).active { left: 0; }
.gkNspPM-TechNewsHeader1[data-cols="3"] .gkImage:nth-child(3).active,
.gkNspPM-TechNewsHeader1[data-cols="4"] .gkImage:nth-child(4).active,
.gkNspPM-TechNewsHeader1[data-cols="5"] .gkImage:nth-child(5).active { left: 40%; }

/* Settings for 3 slides */
.gkNspPM-TechNewsHeader1[data-cols="3"] .gkImage:nth-child(2).active { left: 20%; }
.gkNspPM-TechNewsHeader1[data-cols="3"] .gkImage:nth-child(1)[class="gkImage"] + .gkImage[class="gkImage"] { left: 20%; } 

/* Settings for 4 slides */
/* .gkNspPM-TechNewsHeader1[data-cols="4"] .gkImage:nth-child(2).active { left: 16.666666%; }
.gkNspPM-TechNewsHeader1[data-cols="4"] .gkImage:nth-child(1)[class="gkImage"] + .gkImage[class="gkImage"] { left: 16.666666%; } 
.gkNspPM-TechNewsHeader1[data-cols="4"] .gkImage:nth-child(1)[class="gkImage"] + .gkImage[class="gkImage"] + .gkImage[class="gkImage"] { left: 33.333333%; }
.gkNspPM-TechNewsHeader1[data-cols="4"] .gkImage:nth-child(3).active { left: 33.333333%; } */
.gkNspPM-TechNewsHeader1[data-cols="4"] .gkImage:nth-child(2).active { left: 13.333333%; }
.gkNspPM-TechNewsHeader1[data-cols="4"] .gkImage:nth-child(1)[class="gkImage"] + .gkImage[class="gkImage"] { left: 13.333333%; } 
.gkNspPM-TechNewsHeader1[data-cols="4"] .gkImage:nth-child(1)[class="gkImage"] + .gkImage[class="gkImage"] + .gkImage[class="gkImage"] { left: 26.666666%; }
.gkNspPM-TechNewsHeader1[data-cols="4"] .gkImage:nth-child(3).active { left: 26.666666%; }

/* Settings for 5 slides */
.gkNspPM-TechNewsHeader1[data-cols="5"] .gkImage:nth-child(2).active { left: 12.5%; }
.gkNspPM-TechNewsHeader1[data-cols="5"] .gkImage:nth-child(1)[class="gkImage"] + .gkImage[class="gkImage"] { left: 12.5%; } 
.gkNspPM-TechNewsHeader1[data-cols="5"] .gkImage:nth-child(1)[class="gkImage"] + .gkImage[class="gkImage"] + .gkImage[class="gkImage"] { left: 25%; }
.gkNspPM-TechNewsHeader1[data-cols="5"] .gkImage:nth-child(1)[class="gkImage"] + .gkImage[class="gkImage"] + .gkImage[class="gkImage"] + .gkImage[class="gkImage"] { left: 37.5%; }
.gkNspPM-TechNewsHeader1[data-cols="5"] .gkImage:nth-child(3).active { left: 25%; }
.gkNspPM-TechNewsHeader1[data-cols="5"] .gkImage:nth-child(4).active { left: 37.5%; }

.gkNspPM-TechNewsHeader1 .gkTitle {
	display: none;	
}
.gkNspPM-TechNewsHeader1 .gkImage.active > .gkTitle {
	font-size: 40px;	
	display: block;
}


.gkNspPM-TechNewsHeader1 .gkImage.active > a {
	-webkit-transform: translateX(0px) scale(1);
	-moz-transform: translateX(0px) scale(1);
	-ms-transform: translateX(0px) scale(1);
	-o-transform: translateX(0px) scale(1);
	transform: translateX(0px) scale(1);
}

.gkNspPM-TechNewsHeader1 .gkBlankImage {
	width: 60%;
}

.gkNspPM-TechNewsHeader1 .gkBlankImage img {
	height: auto;
	width: 100%;
}

/* Mobile devices */
@media (max-width: 1040px) {
	.gkNspPM-TechNewsHeader1 .gkTitle {
		font-size: 14px;
		bottom:80px;
	}
	.gkNspPM-TechNewsHeader1 .gkImage > a {
		bottom:30px;
	}
	
	.gkNspPM-TechNewsHeader1 .gkImage.active > .gkTitle {
	    font-size: 20px;
	}
}


@media (max-width: 959px){
.gkNspPM-TechNewsHeader1 .gkTitle {
    bottom: 75px;
}
	.gkNspPM-TechNewsHeader1 .gkImage > a {
    font-size: 16px;
	line-height:24px;
	}
}
/*
@media (max-width: 840px) {
	.gkNspPM-TechNewsHeader1 .gkImage > .gkTitle {
		line-height: 1.2;
	}
}

*/

@media (max-width: 767px) {
	.gkNspPM-TechNewsHeader1 .gkImage.active > a {
		display: block;		
	}
	.gkNspPM-TechNewsHeader1 .gkImage {
		height: 275px;
		left: 0!important;
		position: relative;
		top: 0!important;
		width: 100%!important;
	}
	
	.gkNspPM-TechNewsHeader1 .gkImage .gkImageArea {
		background-size: cover;
	}
	
	.gkNspPM-TechNewsHeader1 .gkImage .gkImageArea:after {
	    opacity: 1!important;
	}
	
	.gkNspPM-TechNewsHeader1 .gkImage > .gkTitle {
	    font-size: 20px;
	  /*  left: 20px;
	   */ right: 20px;
	}
	
	.gkNspPM-TechNewsHeader1 .gkBlankImage {
		display: none;
	}
	
	.gkNspPM-TechNewsHeader1 .gkImage> a {
		-webkit-transform: translateX(0px) scale(1);
		-moz-transform: translateX(0px) scale(1);
		-ms-transform: translateX(0px) scale(1);
		-o-transform: translateX(0px) scale(1);
		transform: translateX(0px) scale(1);
	}
	
}


@media (max-width: 479px) {
	.gkNspPM-TechNewsHeader1 .gkTitle {
    bottom: 70px;
}
	.gkNspPM-TechNewsHeader1 .gkImage > a {
    font-size: 14px;
	line-height:20px;
	}

}