

.widget-carousel-storie {
    min-height: 680px;
    padding-top: 100px;
    padding-bottom: 0px;
    margin-top: 200px;
}


.elementor-widget.elementor-widget-carousel-storie {
  margin-bottom: 0px;
}

.elementor-widget.elementor-widget-carousel-storie .elementor-container {
	max-width:100%;
}

.widget-carousel-storie .titolo-e-testo {
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 0px;

}

.widget-carousel-storie .elementor-col-33 {
   /*padding-left:9%;*/
   display: flex;
    justify-content:end;
	padding-right: 50px;
}

.widget-carousel-storie .titolo-e-testo .entry-content p {
  margin-bottom: 0px;
}

.widget-carousel-storie .tet-titolo {
  margin-bottom: 5px;
}

.widget-carousel-storie .tet-testo {
	position:relative;
	display:block;
	margin-bottom: -30px !important;
	font-family: 'Paralucent',paralucent,sans-serif;
    font-size: 24px;
    line-height: 29px;
    font-weight: 600;
}


.widget-carousel-storie  .pulsante-storie {
    width: 260px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #022A39;
    background: #fff;
    border-radius: 20px;
    font-size: 19px;
    font-weight: 600;
    font-family: 'Paralucent',paralucent,sans-serif;
	margin-top:20px;
}



.widget-carousel-storie .carousel-storie {
  width: 100%;
  max-height: 800px;
  /*height: 100%;*/
  margin-top: -240px;
}

.col-swiper-storie {
	    flex-direction: column;
		padding-left:5%;
}

.widget-carousel-storie .carousel-storie .swiper-slide {
  text-align: center;
  font-size: 18px;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  height: auto;
  width: auto;
}

.widget-carousel-storie .carousel-storie .swiper-slide img , .widget-carousel-storie .carousel-storie .swiper-slide video {
  display: block;
  width: 100%;
  height: 100%;
  max-height: 800px;
  object-fit: cover;
  border-radius: 30px;
}


.widget-carousel-storie .arrow-container {
	display: flex;
    justify-content: flex-end;
    z-index: 9999;
    position: absolute;
    right: 25px;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
       -webkit-transition: all 0.7s ease-in-out 0s;
    -moz-transition: all 0.7s ease-in-out 0s;
    transition: all 0.7s ease-in-out 0s;
	opacity:0;
}

.widget-carousel-storie .carousel-storie-button-prev {
  margin-right: 35px;
}


.widget-carousel-storie .immagine-box-hover {
	display: block;
    width: 100%;
    height: 100%;
}

.widget-carousel-storie .content {
overflow: hidden;
    position: relative;
    width: 100%;
    margin: auto;
}

.widget-carousel-storie .immagine-box-hover .content .content-overlay {
    background: rgb(255,255,255);
	/*background: linear-gradient(180deg, rgba(255,255,255,0.45) 0%, rgba(0,0,0,0.45) 100%);*/
	background:#022A3980;
    opacity: 0.33;
    position: absolute;
    height: 100%;
	border-radius:30px;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    -webkit-transition: all 0.7s ease-in-out 0s;
    -moz-transition: all 0.7s ease-in-out 0s;
    transition: all 0.7s ease-in-out 0s;
}


.widget-carousel-storie .immagine-box-hover .content:hover .content-overlay {
    opacity: 1;
}

.widget-carousel-storie .immagine-box-hover .content:hover  .arrow-container {
    opacity: 1;
}

.widget-carousel-storie .immagine-box-hover .fadeIn-left {
    left: 20%;
}



.widget-carousel-storie .immagine-box-hover:hover .content-details {
    top: 88%;
    left: 50%;
    opacity: 1;
    visibility: visible;
}

.widget-carousel-storie .immagine-box-hover .content-details {
    position: absolute;
    text-align: left;
    padding-left: 50px;
    padding-right: 50px;
    width: 100%;
    top: 120%;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translate(-50%, -80%);
    -moz-transform: translate(-50%, -80%);
    transform: translate(-50%, -80%);
    -webkit-transition: all 0.7s ease-in-out 0s;
    -moz-transition: all 0.7s ease-in-out 0s;
    transition: all 0.7s ease-in-out 0s;
	text-align:center;
	color:#fff;
}


.widget-carousel-storie .immagine-box-hover .content-details h3 {
	font-size: 47px;
    color: #fff;
    margin-bottom: 5px;
    line-height: 57px;
	font-weight:600;
}

.widget-carousel-storie .immagine-box-hover .content-details p{
	font-size:24px;
	line-height:29px;
	font-family: 'Paralucent',paralucent,sans-serif;
	font-weight:600;
	margin-bottom: 25px;
}

.widget-carousel-storie .immagine-sfondo-storia {
	padding-top:40px;
	padding-bottom:10px;
	opacity:0.7;
}


.widget-carousel-storie .carousel-storie-button-next,.widget-carousel-storie .carousel-storie-button-prev  {
    height: 40px;
    display: flex;
    align-items: center;
    outline: none;
	  cursor: pointer;
    background: #F8A655;
    width: 40px;
    justify-content: center;
    border-radius: 50%;
}


.widget-carousel-storie .carousel-storie-button-next:after {
  content:"";
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NiIgaGVpZ2h0PSI0NiIgdmlld0JveD0iMCAwIDQ2IDQ2Ij4KICA8ZyBpZD0iUmFnZ3J1cHBhXzc4OTYiIGRhdGEtbmFtZT0iUmFnZ3J1cHBhIDc4OTYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQ0IDQ0KSByb3RhdGUoMTgwKSI+CiAgICA8ZyBpZD0iUmFnZ3J1cHBhXzc4OTQiIGRhdGEtbmFtZT0iUmFnZ3J1cHBhIDc4OTQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE0IDE0KSI+CiAgICAgIDxwYXRoIGlkPSJUcmFjY2lhdG9fNTI3MyIgZGF0YS1uYW1lPSJUcmFjY2lhdG8gNTI3MyIgZD0iTTAsMTQsNyw3LDAsMCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNyAxNCkgcm90YXRlKDE4MCkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjIiLz4KICAgICAgPHBhdGggaWQ9IlRyYWNjaWF0b181Mjc0IiBkYXRhLW5hbWU9IlRyYWNjaWF0byA1Mjc0IiBkPSJNMCwwSDE0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxNCA3KSByb3RhdGUoMTgwKSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIvPgogICAgPC9nPgogIDwvZz4KPC9zdmc+Cg==");
  background-repeat: no-repeat;
  background-repeat: no-repeat;
  height: 46px;
  width: 40px;
  background-position: center;
  display: block;
}

.widget-carousel-storie .carousel-storie-button-prev:after {
  content:"";
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMC41MTQiIGhlaWdodD0iMTYuNTU4IiB2aWV3Qm94PSIwIDAgMjAuNTE0IDE2LjU1OCIgc3R5bGU9InJvdGF0ZTogMTgwZGVnOyI+CiAgPGcgaWQ9IlJhZ2dydXBwYV8zNTAiIGRhdGEtbmFtZT0iUmFnZ3J1cHBhIDM1MCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwLjczKSI+CiAgICA8cGF0aCBpZD0iVHJhY2NpYXRvXzExMSIgZGF0YS1uYW1lPSJUcmFjY2lhdG8gMTExIiBkPSJNMjE5MzMuODg3LTIyNjguNWw4LjA3LDcuNTQ5LTguMDcsNy41NDkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMTkyMi45MDYgMjI2OC41MDEpIiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIvPgoJIDxsaW5lIGlkPSJMaW5lYV82OCIgZGF0YS1uYW1lPSJMaW5lYSA2OCIgeDI9IjE4LjkyMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCA3LjU5MikiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLXdpZHRoPSIyIi8+CiAgPC9nPgo8L3N2Zz4K");
  background-repeat: no-repeat;
  background-repeat: no-repeat;
  height: 17px;
  width: 21px;
  display: block;
  cursor: pointer;
}


.widget-carousel-storie .btn-storia {
	border: 2px solid #fff;
	border-radius: 20px;
	opacity: 1;
    color: #fff;
	 height: 60px;
    display: flex;
    width: 215px;
    margin: 0 auto;
    justify-content: center;
    align-items: center;
	font-weight: 600;
}



@media screen and (max-width:1499px) {
	.widget-carousel-storie .immagine-sfondo-storia {
    display: none;
	}
}



@media (min-width:991px) and (max-width:1300px) {	
.widget-carousel-storie {
    min-height: 400px;
    padding-top: 100px;
    padding-bottom: 80px;
    margin-top: 200px;
}

.widget-carousel-storie h2.tet-titolo.custom-heading-xl {
	font-size: 48px;
    line-height: 48px;
}
 
}


@media screen and (max-width:1200px) {	
.widget-carousel-storie .immagine-box-hover .content-details h3 {
    font-size: 30px;
    line-height: 37px;
}

.widget-carousel-storie .immagine-box-hover .content-details p {
    font-size: 15px;
    line-height: 19px;
    margin-bottom: 20px;
}

.widget-carousel-storie .btn-storia {
    border-radius: 18px;
    height: 40px;
    width: 215px;
    font-weight: 600;
	font-size: 15px;
}

.widget-carousel-storie .immagine-box-hover:hover .content-details {
    top: 83%;
}
}



@media (min-width:769px) and (max-width:990px) {	
  .widget-carousel-storie .elementor-col-33 {
    display: flex;
    justify-content: start;
    padding-right: 50px !important;
    padding-left: 50px !important;
}

.widget-carousel-storie .tet-testo p {
	font-family: 'Paralucent',paralucent,sans-serif;
    font-size: 24px;
    line-height: 29px;
    font-weight: 600;
}
}


@media screen  and (max-width:990px) {	
.widget-carousel-storie .elementor-col-33,.widget-carousel-storie .elementor-col-66  {
    width:100%;
}



@media screen and (max-width: 990px) {
	

.widget-carousel-storie .tet-testo {
    font-size: 14px;
    line-height: 24px;
}
.widget-carousel-storie  .tet-titolo {
    margin-bottom: 5px;
  }
  
  .widget-carousel-storie .tet-testo p {
	font-family: 'Paralucent',paralucent,sans-serif;
    font-size: 24px;
    line-height: 29px;
    font-weight: 600;
}

  .widget-carousel-storie .arrow-container {
  display: none;
}

.widget-carousel-storie .tet-testo p {
    margin-bottom: 35px  !important;
}

.widget-carousel-storie {
	padding-top: 70px;
    margin-top: 50px;
	padding-bottom:50px;
}


.widget-carousel-storie .elementor-col-33 {
    display: flex;
    justify-content: start;
    padding-right: 25px;
    padding-left: 25px;
}

.widget-carousel-storie .carousel-storie {
    margin-top: 50px;
}


}


@media screen and (max-width: 767px) {
	
	
.widget-carousel-storie .pulsante-storie {
    width: 215px;
    height: 40px;
    border-radius: 18px;
    font-size: 15px;
	line-height:19px;
    font-weight: 600;
}	
	
	
.widget-carousel-storie  h2.tet-titolo {
	font-size:38px;
	line-height:45px;
}

	
.widget-carousel-storie  .tet-testo p {
	font-size:19px;
	line-height:23px;
}

.widget-carousel-storie .immagine-box-hover .content-details {
    padding-left: 15px;
    padding-right: 15px;
}

.widget-carousel-storie .immagine-box-hover .content-details h3 {
    font-size: 30px;
    line-height: 37px;
}

.widget-carousel-storie .immagine-box-hover .content-details p {
    font-size: 15px;
    line-height: 19px;
    margin-bottom: 20px;
}

.widget-carousel-storie .btn-storia {
    border-radius: 18px;
    height: 40px;
    width: 215px;
    font-weight: 600;
	font-size: 15px;
}

.widget-carousel-storie .immagine-box-hover:hover .content-details {
    top: 83%;
}
	
}

