/*************************************************************/
/* 																	*/
/*	GRK Slider Responsive slider 								*/
/*	Version 1.0 http://www.grkcms.com							*/
/*	Created for using with GRK CMS Templates 					*/
/*	Under Unlicense, http://unlicense.org/						*/
/* 																	*/
/*************************************************************/


.grkSliderContainer {
	position: relative;
}
.grkSlider {
	outline: none;
	position: relative;
	width: 100%;
	font-size: 13px;
	float: left;
	/* overflow: hidden; */
}
.grkSlider ul, ul#navCorrelati {
	margin: 0;
	padding: 0;
	list-style: none;
}
.grkSlider ul li:first-child {
	display: block;
}
.grkSlider ul li {
	display: none;
	list-style: none;
	float: left;
	width: 100%;
	padding: 0;
	border: 0;
	line-height: 0;
	margin-bottom: 0 !important;
	margin-right: -100% !important;
	height: 100%;
	background-position: 50% 50%;
	background-size: contain;
}
.grkSlider ul li div.mainImage {
	position: relative;
}

.grkSlider ul li div.linkDetails {
	diplay: block;
	position: relative;
}
.grkSlider ul li div.linkDetails a {
	display: block;
	position: relative;
	height: 117px;
	background: #232629;
	text-align: center;
	line-height: 117px;
	font-size: 20px;
	color: #818386;
}
.grkSlider ul li div.linkDetails a:hover {
	color: #fff;
}

.grkSlider-direction-nav li {
	list-style: none;
	
}
.grkSlider-direction-nav a {
	background: #e2001a;
	cursor: pointer;
	display: block;
	font-size: 30px;
    line-height: 54px;
	height: 50px;
	margin: -70px 0 0;
	transition: opacity 0.5s ease;
	opacity: 0.5;
	position: absolute;
	top: 63%;
	width: 50px;
	z-index: 10;
	color: #fff;
	text-align: center;
}
.grkSlider-direction-nav a:hover {
	opacity: 1;
}
.grkSlider-direction-nav .grkSlider-prev {
	left: 0;
	cursor: pointer;
	cursor: hand;
}
.grkSlider-direction-nav .grkSlider-next {
	background-position: 100% 0;
	right: 0;
}


/* ---------------------------------------------------------------------------------------------------- */
/* 																													*/
/* PAGINATION ----------------------------------------------------------------------------------------- */
/* 																													*/
/* ---------------------------------------------------------------------------------------------------- */

.grkSlider-paging {
	position: absolute;
	text-align: center;
	margin: 0 auto;
	width: 100%;
	bottom: 20px;
}
.pagingRel {
	bottom: -20px;
	z-index: 100;
}
.grkSlider-paging li {
	margin: 0;
	padding: 5px;
	display: inline-block;
	zoom: 1;
 	*display: inline;
	background: none;
	line-height: 2px;
}
.grkSlider-paging li:first-child {
	border-bottom-left-radius: 50px;
	-moz-border-radius-bottomleft: 50px;
	-webkit-border-bottom-left-radius: 50px;
	border-top-left-radius: 50px;
	-moz-border-radius-topleft: 50px;
	-webkit-border-top-left-radius: 50px;
}
.grkSlider-paging li:last-child {
	border-bottom-right-radius: 50px;
	-moz-border-radius-bottomright: 50px;
	-webkit-border-bottom-right-radius: 50px;
	border-top-right-radius: 50px;
	-moz-border-radius-topright: 50px;
	-webkit-border-top-right-radius: 50px;
}
.grkSlider-paging li a {
	width: 8px;
	height: 8px;
	display: block;
	background: #818386;
	background: rgba(226,0,26,0.5);
	cursor: pointer;
	text-indent: -9999px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
}
.grkSlider-paging li a:hover {
	background: #f1f1f1;
	background: rgba(255,255,255,1);
}
.grkSlider-paging li a.grkSlider-active {
	background: #818386;
	background: rgba(226,0,26,1);
	cursor: default;
}

/*---- gallery ------*/

#sliderGallery.grkSlider ul li {
    height: auto;
    line-height: 0;
}
#sliderDirGallery.grkSlider-direction-nav a, #sliderDirGallery.grkSlider-direction-nav a ul li  {
   background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #000000;
    font-size: 35px;
    height: auto;
    top: 150px;
}

#sliderPic.grkSlider ul li {
    height: 365px;
}
.grkSlider-paging {
    width: auto;
	bottom: 50px;
    position: absolute;
    right: 390px;
}

.CaptionMobile {
	display: none;
}



/* ---------------------------------------------------------------------------------------------------- */
/* 																													*/
/* PERSONALIZZAZIONI SLIDER ---------------------------------------------------------------------------------------- */
/* 																													*/
/* ---------------------------------------------------------------------------------------------------- */


#main-slider  {
	/*height: 632px;*/
}
#main-slider ul {
	height: 100%;
	/*overflow: hidden;*/
	width: calc(100% - 30px);
}
#main-slider ul li {
	height: 100%;
	position: relative;
	width: calc(100%);
	background: #fff;
}
#main-slider ul li .img-container {
	background-position: 50% 50%;
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 100px;
}
#main-slider.grkSlider ul li div.grkCaption {
	float: right;
	width: 50%;
	transform: translateX(90px);
}
#main-slider .border {
	border-bottom: 10px solid #E31913;
	float: left;
	padding-right: 90px;
	width: calc(100% - 90px);
}
#main-slider h2 {
	color: #fff;
	font-size: 50px;
	font-weight: 600;
	float: left;
	/*width: calc(100% - 125px);*/
	margin: 0;
	text-transform: lowercase;
}
#main-slider h3 {
	color: #fff;
	font-size: 20px;
	font-weight: 600;
	margin-top: 10px;
	float: left;
	width: calc(100% - 150px);
	clear: both;
}
#main-slider h4 {
	color: #fff;
	font-size: 16px;
	margin: 20px 0 0px 0;
	float: left;
	width: calc(100% - 150px);
}
#main-slider p {
	color: #fff;
	float: left;
	width: calc(100% - 90px);
}
#main-slider li .velo {
	background: rgba(0,0,0,.3);
}
#main-slider li:hover .velo {
	background: rgba(0,0,0,.15);
}
.slider-nav {
	position: absolute;
	right: -55px;
	top: calc(50% + 30px);
}
.slider-nav img {
	width: 20px;
}
.slider-nav .counter {
	color: #000;
	font-weight: 600;
	position: absolute;
	left: 0;
	right: 0;
	width: auto;
	top: -45px;
	white-space: nowrap;
}
#main-slider .slider-nav {
	height: 100%;
	position: absolute;
	right: -55px;
	top: 0;
	display: table;
}
#main-slider .slider-nav a {
	display: table-cell;
	vertical-align: bottom;
}
#main-slider .slider-nav img {
	width: 20px;
	margin: 0 3px;
}

#main-slider .slider-nav .counter {
	top: 0;
}
#page-slider ul  {
	height: 100%;
	width: 100%;
	float: left;
}
#page-slider ul li {
	height: 100%;
	position: relative;
	width: calc(100%);
}