/*
	  ============================================================
		   Main Banner Css Wrap Start #Main Css
	  ============================================================
*/

.nopad{
	margin:0 !important;
	padding:0 !important;
}



.main-banner{
	width: 100%;
	position: relative;
	overflow:hidden;
	clear:both;
	border-top:1px solid #ccc;
/* 	border-bottom:1px solid #ccc; */
}

.bg-blur {
  /* Add the blur effect */
  filter: blur(2px);
  -webkit-filter: blur(2px);
  z-index:0;	
  /* Center and scale the image nicely */
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  clip-path:inset(0);
}

.bg-blur ,  
.overlay {  
	width:100%;
	height:100%;
	position:absolute;
}
.overlay { 
	z-index:1;	
	background:	rgba(27, 47, 82,.75);
	display: flex;
	flex-direction:column;
	justify-content: center;
	align-items: center;
}

.overlay a,
.overlay .post-meta{
	font-size:24px;
}

.overlay h1{
	font-size:42px;
} 

.overlay h1, 
.overlay .post-meta{
	text-align:center;
	color:#fff;	
	color: transparent; /* Rende trasparente l'interno del testo */
	-webkit-text-stroke: 2px #fff; /* Spessore e colore del contorno */
	text-transform:uppercase;
}  

	
	
	
	
.slider-for2{
	float: left;
	width: 100%;
	position: relative;
}

.slider-for2 .slick-next,
.slider-for2 .slick-prev{ position:absolute; width:48px; height:48px;top: calc(50% - 32px); z-index:99;text-shadow: 1px 1px 0 rgba(255,255,255,0.7);}
.slider-for2 .slick-prev{ left: 15px;}
.slider-for2 .slick-next{ right: 0px; }

.slider-for2 .slick-next:before,
.slider-for2 .slick-prev:before{ 
  font-family: "flexslider-icon";
  font-size: 50px;
  line-height:50px;
  display: inline-block;
}
.slider-for2 .slick-prev:before{ content: '\f001';}
.slider-for2 .slick-next:before{ content: '\f002';}
	
.slider-nav2{
	float: left;
	width: 29.6%;
	right: 0;
	top: 0;
	bottom: 0;
	position: absolute;
	background-color: #C92027;
	background-color: transparent;
	background-color: rgba(27, 47, 82, .65);
}
.main-banner ul{
	margin:0; 
	padding: 0;
	list-style: none;
}
.slider-for2 li a .container {
    position: relative;
}
.slider-for2 li a img{
	float: left;
	width: 100%;
}
.slider-for2 li a .kode-caption-wrapper {
    left: 0;
    right: 0;
    width: 100%;
    bottom: 10%;
    margin: 0 auto;
    position: absolute;
    transform: translateY(15%);
    -o-transform: translateY(15%);
    -ms-transform: translateY(15%);
    -moz-transform: translateY(15%);
    -webkit-transform: translateY(15%);
}
.kode-caption{
	width: auto;
	display: inline-block;
	padding: 28px 30px 36px;
	background-color: rgba(0,0,0,0.5);
	background-color: rgba(27, 47, 82, .85);
}
.kode-caption-title{
	color: #fff;
	font-size: 26px;
	line-height: 30px;
	text-transform: uppercase;
}
.kode-caption-text{
	color: #fff;
	font-size: 16px;
	margin-top: 5px;
}
.kode_button{
	font-size: 18px;
	text-transform: uppercase;
}
.kode_button i{
	margin-left: 8px;
}
/*Banner Navigation tart*/
.slider-nav2  li.slick-slide{
	border:none;
}
.slider-nav2 .slick-list{
	/*padding: 0 !important;*/
}
.shop{
	background: #fff url('../images/mockup.png') scroll no-repeat 110% 10%;
	background-size:60%;
}

.banner{
	padding: 30px;
	min-height:175px;
	margin: 0 0 60px;
}

.banner h4{
width:50%;
font-size: 40px;
text-transform: uppercase;
background-color: transparent;
color: #c92027;
}

.instagram-wrap {
  float: left;
  width: 100%;
  position: relative;
  background-color: #c92027;
}

.instagram-feed-title {
  float: left;
  width: max(20%, 220px);
  top: 50%;
  left: 0;
  right: auto;
  transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  position: absolute;
}

.instagram-feed-title h5 {
  margin: 0;
  color: #fff;
  font-size: 36px;
  font-weight: normal;
  text-transform: uppercase;
  padding-left: min(15%, 70px);
}

.instagram-feed {
  float: right;
  width: min(80%, calc(100% - 220px));
}

.sponsor {
  float: left;
  width: 100%;
  padding: 40px 0;
  background-color: #1B2F52;
}

.sponsor.top {
  background-color: #fff;
  margin-bottom:60px;
}

.sponsor .slick-slide a {
  float: left;
  width: 100%;
  padding: 15px 30px;
  text-align: center;
}
.sponsor .slick-slide:not(:first-child) a {
  border-left: 1px dotted rgba(255,255,255,0.3);
}
.sponsor.top .slick-slide:not(:first-child) a {
  border-left: 1px dotted rgba(201, 32, 39, .3)/*;rgba(27, 47, 82, 0.8);*/
}


.sponsor .slick-slide a img {
  float: none;
  width: auto;
  display: inline-block;
}

.banner-thumb{
	float: left;
	width: auto;
	padding: 0 30px 30px;
}

.banner-thumb .text{
	padding-bottom:30px;
	border-bottom:1px dotted #777;
}


.banner-thumb h5{
	float: left;
	width: 100%;
	margin: 0 0 26px;
	font-size:24px;
}
.banner-thumb .rgb-date,
.banner-thumb h5 a{
	color: #fff;
}
/*Banner Navigation End*/

body .wpsw-social-links ,
body .wpsw-social-links-shortcode {
    padding: 30px 30px 0px !important;
	
}

/*
	  ============================================================
		   Main Banner Css Wrap End #Main Css
	  ============================================================
*/

@media screen and (min-width: 992px) {
	.slider-for2{
		width: calc(100% - 29.6%);
	}
}

@media screen and (max-width: 991px) {
	.shop{
		background-position:95% 10%;
		background-size:50%;
	}
	.banner h4{
		margin:0.25em 0;
		font-size: 40px;
	}

	.slider-for2{
		width: calc(100% - 29.6%);
	}
	.banner-thumb{
		padding: 0 20px 20px;
	}
	.kode-caption{
		padding: 28px 30px 36px;
	}
	.kode-caption-title{
		font-size: 16px;
		line-height: 20px;
	}
	.kode-caption-text{
		color: #fff;
		font-size: 13px;
		margin-top: 5px;
	}

	.banner-thumb h5{
		font-size:16px;
	}
}

@media screen and (max-width: 899px) {
	.shop{
		background-position:100% 10%;
		background-size:52%;
	}
	.banner h4{
		margin:0.45em 0;
		font-size: 35px;
	}
}

@media screen and (max-width: 768px) {
	.shop{
		background-position:130% 10%;
		background-size:72%;
	}
	


.slider-for2{ padding-right:0; width: 100%;}
.slider-nav2{display:none;}

.kode-caption{
	padding: 20px;
}
.kode-caption-title{
	font-size: 14px;
	line-height: 18px;
}
.kode-caption-text{
	color: #fff;
	font-size: 13px;
	margin-top: 5px;
}
.instagram-feed-title h5 {
  font-size: 28px;
}


}
@media screen and (max-width: 639px) {
	.shop{
		background-position:530% 10%;
		background-size:90%;
	}

	.banner h4{
		width:70%;
		margin:0.25em 0;
		font-size: 28px;
	}
}