/*
Theme Name:   fertilylifetheme
Theme URI:    http://netrising.com/twenty-fifteen-child/
Description:  Areca Theme
Author:       Netrising
Author URI:   http://example.com
Template:     twentytwentyone
Version:      1.0.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
Text Domain:  fertilylifetheme
*/

.price-option{
	font-size:34px;
	font-weight: 800;
	font:Urbanist;
}
/*
#lista-trattamento>li {
   counter-increment: item;
   margin-bottom: 5px;
   list-style-position:outside;
 }
 #lista-trattamento>li::marker {	 
   content: counter(item);
   font-family:'Urbanist', sans-serif;
   color: #C9944C;
   font-size:64px;
   font-weight:800;
 } */


.list_container .single_list_container{
    display: flex;
    align-items: flex-start;
    gap: 25px;
}
.single_list_container .text_list{
     color: #003576;
}
.single_list_container .text_list{
    font-family: 'Jost', sans-serif;
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0.4px;
}
.single_list_container .number_list{
    text-align: end;
    font-size: 64px;
    font-weight: 800;
    font-family: 'Urbanist', sans-serif;
    line-height: 64px;
    min-width: 60px;
    color: #C9944C;
}

.mt-40{
    margin-top: 40px;
}

.pl-20{
	padding-left: 20px;
}

.dialog-close-button>i{
	font-size:40px !important;
	color:#003576 !important;
}

.d-flex{
	display:flex;
}

@media screen and (max-width: 768px){
	.single_list_container .number_list{
		text-align:start;
	}
	.single_list_container .text_list{
		font-size:14px;
	}
	.list_container .single_list_container{
		gap:5px;
	}
}

@media screen and (min-width: 1025px) and (max-width: 1699px) 
{ 
	.single_card:hover .elementor-widget-image a::after{ 
		content:"+"; 
		background-color: rgb(0, 53, 118); 
		opacity: 0.8;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 2;
		border-radius: 20px;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 64px;
		color: #fff;
		margin: 0 auto;
	}
} 

@media screen and (min-width: 1700px)
{ 
	.single_card:hover .elementor-widget-image a::after
	{ 
		content:"+"; 
		background-color: rgb(0, 53, 118);
		opacity: 0.8;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0px;
		z-index: 2;
		border-radius: 20px;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 64px;
		color: #fff;
		margin: 0 auto;
	}
}

@media screen and (max-width: 1022px){
	.single_card .elementor-widget-image a::after
	{
		content:"+"; 
		background-color: rgb(0, 53, 118);
		opacity: 0.8;
		width: 50px;
		height: 50px;
		position: absolute;
		bottom: 0;
		right: 0;
		z-index: 2;
		border-radius: 20px 0 20px 0;
		padding: 10px;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-left: 18px;
		font-size: 32px; 
		color: #fff; 
	}

} @media screen and (min-width: 1023px) and (max-width: 1025px){ .single_card .elementor-widget-image a::after{ content:"+"; background-color: rgb(0, 53, 118); opacity: 0.8; width: 50px; height: 50px; position: absolute; bottom: 0; right: 40px; z-index: 2; border-radius: 20px 0 20px 0; padding: 10px; display: flex; align-items: center; justify-content: center; margin-left: 18px; font-size: 32px; color: #fff; } }

/* popup servizi */ 
.popup_servizi .dialog-message{ 
	overflow: initial !important; 
	max-height: 90vh; 
} 
.popup_servizi .elementor-location-popup, .popup_servizi .elementor-container, .popup_servizi .elementor-widget-html, .popup_servizi .elementor-widget-container{ 
	height: 100%; 
} 
.popup_servizi .elementor-widget-container{ 
	display: flex; 
	flex-direction: column; 
} 
.modal-title{ 
	font-size: 40px;
	letter-spacing: -1.5px;
	line-height: 46px;
	color: #003576;
	font-weight: 800;
	font-family: "Urbanist", Sans-serif;
}
.modal-header h5{
	color: #003576;
	font-family: "Urbanist", Sans-serif;
	font-weight: 800;
	padding-top:10px;
	font-size: 20px;
	line-height: 32px;
	letter-spacing: -.5px;
} 
.modal-body{
	margin: 30px 0;
	padding-bottom: 75px;
	overflow-y: auto;
	flex-grow: 1;
}
.modal-body table td{
	border: none;
} 
.modal-body table td:last-child{
	font-size: 16px;
	letter-spacing: .5px;
	line-height: 28px;
	color: #003576;
	font-weight: 400;
}
.icon_table_servizi{
	color: #B2B6E0;
} 
.icon_table_servizi_lvl2{
	color: #E5B16B;
	font-size: 34px;
	letter-spacing: 0;
	line-height: 24px;
} 
.icon_table_servizi_lvl3{
	color: #AACACC;
	font-size: 34px;
	letter-spacing: 0;
	line-height: 24px;
}
.icon_table_servizi{ 
	font-size: 34px;
	letter-spacing: 0;
	line-height: 24px; 
} 
.modal-footer a{ 
	text-align: center;
	font-size: 12px;
	line-height: 12px;
	letter-spacing: 1px;
	color: #fff;
	font-weight: 700;
}
.popup_1_btn{ 
	background-color: #B2B6E0;
}
.popup_2_btn{ 
	background-color: #E5B16B;
} 
.popup_3_btn{ 
	background-color: #AACACC;
} 
.modal-footer, .surr_2_btn, .popup_3_btn{ 
	border-radius: 20px; 
	padding: 15px; 
	display: flex; 
	justify-content: center; 
} 
.icon_tile li{
	align-items: start !important; 
} 
.fa-circle-xmark{
	color: #BA2424 !important; 
} 
.modal-footer{
	position: relative;
} 
.popup_3_btn::before{
	content: "SCORRI \25be";
	position: absolute;
	top: -120px;
	left: 0;
	width: 100%;
	height: 100px;
	color: #003576;
	font-size: 18px;
	font-weight: 800;
	background: linear-gradient(0deg, rgba(215,228,224,1) 0%, rgba(215,228,224,0) 100%);
	display: flex;
	justify-content: center;
	align-items: end;
	font-family: "Urbanist", Sans-serif;
} 
.popup_2_btn::before{
	content: "SCORRI \25be";
	position: absolute;
	top: -120px; left: 0;
	width: 100%;
	height: 100px;
	color: #003576;
	font-size: 18px;
	font-weight: 800;
	background: linear-gradient(0deg, rgba(241,217,183,1) 0%, rgba(241,217,183,0) 100%);
	display: flex;
	justify-content: center;
	align-items: end;
	font-family: "Urbanist", Sans-serif;
}
.popup_1_btn::before{
	content: "SCORRI \25be";
	position: absolute;
	top: -120px;
	left: 0;
	width: 100%;
	height: 100px;
	color: #003576;
	font-size: 18px;
	font-weight: 800;
	background: linear-gradient(0deg, rgba(218,219,234,1) 0%, rgba(218,219,234,0) 100%);
	display: flex;
	justify-content: center;
	align-items: end;
	font-family: "Urbanist", Sans-serif;
} 
@media screen and (max-width: 1025px){
	.popup_servizi .elementor-widget-wrap{
		padding: 40px 20px !important;
	} 
} 
@media screen and (max-width: 767px){ 
	.modal-body{
		flex-grow: initial;
		height: 460px;
	} 
} 
@media screen and (max-width: 767px){ 
	.modal-title{
		font-size:32px;
		line-height:38px;
	} 
	.modal-body{
		margin:20px 0;
	}
	.modal-body table td:last-child{
		font-size:14px;
	}
	.modal-header h5{
		font-size:16px;
		line-height:28px;
	}
} 
@media screen and (min-width: 767px) and (max-width: 1023px){ 
	.modal-body{
		flex-grow: initial;
		height: 690px;
	}
} 
@media screen and (min-width: 1024px) and (max-width: 1025px){ 
	.modal-body{
		flex-grow: initial;
		height: 310px;
	}
}
.tile_1 .x_icon_red ul li:last-child svg, .tile_1 .x_icon_red ul li:nth-child(2) svg, .tile_2 .x_icon_red ul li:last-child svg{
	fill: #BA2424 !important; 
}

/* Gallery */

#carousel_galleria .elementor-gallery__titles-container{
	/*position: absolute; 
	bottom: 100px;*/
	left: 0;
	z-index: 8;
}

.parent_video{
     display: flex;
     width: 100%;
     flex-wrap: wrap;
     gap: 40px;
}
 .single_video{
     width: calc(50% - 20px);
}
 @media screen and (min-width: 768px) and (max-width: 1025px){
     .parent_video{
         gap: 20px;
    }
}
 @media screen and (max-width: 767px){
     .single_video{
         width: 100%;
    }
     .parent_video{
         gap: 0px;
    }
}
 #paginatorContainerVideo{
     display: flex;
     margin-top: 25px;
     margin-left: 5px;
}
 #paginatorContainerVideo div{
     padding-right: 20px;
     color: #003576;
     font-size: 20px;
     line-height: 34px;
     font-weight: 600;
     font-family: "Urbanist", Sans-serif;
     cursor: pointer;
}
 #paginatorContainerVideo .active_page{
     color: #E5B16B;
     border-bottom: 2px;
     border-color: #B2B6E0;
}
 .scale-in-center {
     -webkit-animation: scale-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
     animation: scale-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
 @-webkit-keyframes scale-in-center {
     0% {
         -webkit-transform: scale(0);
         transform: scale(0);
         opacity: 1;
    }
     100% {
         -webkit-transform: scale(1);
         transform: scale(1);
         opacity: 1;
    }
}
 @keyframes scale-in-center {
     0% {
         -webkit-transform: scale(0);
         transform: scale(0);
         opacity: 1;
    }
     100% {
         -webkit-transform: scale(1);
         transform: scale(1);
         opacity: 1;
    }
}
 .v-hidden{
     visibility: hidden;
}