/* /bow/900/modules/header/template.css */
.section-title.text-center
{
	-webkit-justify-content: center;
	justify-content: center;
}

.section-title figure
{
	position:relative;
	display:inline-block;
	width:auto;
}
.section-title figure::before
{
	content:'';
	display:block;
	width:60px;
	height:60px;
	border-radius:60px;
	position:absolute;
	top:50%;
	left:50%;
	margin:-30px 0 0 -30px;
	background-color:var(--accent);
	z-index:-1;
}
.ratio
{
	display:block;
	position:relative;
}

.ratio-1_1
{
	padding-bottom:100%;
	height:0;
}

.ratio-news
{
	padding-bottom:38.743%;
	height:0;
}


.ratio img
{
	position:absolute;
	height:100%;
	width:100%;
	top:0;
	bottom:0;
	left:0;
	right:0;
	z-index:1;
	object-fit:cover;
}

.navbar .custom-menu ul li a.active:before {
	width: 50%;
	content:'';
	background: var(--accent);
	transition: width .25s ease;
	content: '';
	display: block;
	position: absolute;
	left: 0;
	bottom: -4px;
	height: 4px;
}

/* /bow/900/modules/vc-quiz/template.css */
.overlay_visible {
opacity: 0;
}

.popup {
	box-sizing: border-box;
	z-index: 25;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background-color:#fffbf7;
	border-radius: 0;
	width: auto;
	height: auto;
	opacity: 1;
	visibility: visible;
	padding: 0 ;
	position:static !important;
}

.popup__final-img {
max-width: 220px;
height: auto;
margin-top: 20px;
align-self: center;
border-radius: 5px;
}

.popup__content {
display: none;
margin: 0 auto;
flex-direction: column;
transition: all 3s ease;
transform: translateX(-15px);
}

.question-visible {
transition: all 3s ease;
display: flex;
transform: translateX(0);
}

.popup__progress-item img {
width: 14px;
height: 10px;
}

.popup_visible {
/* transform: translate(-50%, -50%);*/
opacity: 1;
visibility: visible;
transition: 0.5s;
/* top: 50%;*/
}

.popup__title {
text-align: center;
font-size: 22px;
font-weight: 700;
padding: 0;
margin: 10px 0 0;
}

.popup__subtitle {
text-align: center;
font-size: 18px;
font-weight: 500;
margin: 8px 0;
padding: 0;
}

.popup__close {
display:none;
color: #525252;
z-index: 21;
position: static;
top: 0;
right: 22px;
height: 16px;
width: 16px;
background-color: transparent;
border: none;
outline-color: transparent;
padding: 6px 12px 12px;
font-weight: 800;
font-size: 22px;
cursor: pointer;
}
/*
.popup__button {
margin: 8px auto 0;
padding: 8px 0;
border-radius: 8px;
font-size: 18px;
font-weight: 600;
outline-color: transparent;
border: none;
background-color: var(--accent);
color: #000;
width: 176px;
height: 40px;
cursor: pointer;
}

.popup__button:disabled {
margin: 8px auto 0;
padding: 8px 0;
border-radius: 8px;
font-size: 18px;
font-weight: 600;
outline-color: transparent;
border: none;
background-color: #dfdfdf;
color: #fff;
width: 176px;
height: 40px;
}
*/
.popup__button {
line-height:70px !important;
border:none !important;
cursor: pointer;
}

.popup__button:disabled {
	pointer-events:none;
	background-color: #dfdfdf;
	cursor: not-allowed;
}

.popup__progress {
position:relative;
z-index:1;
padding: 0 0 48px;
display: flex;
background: rgb(255, 251, 247) !important;
align-items: center;
align-self: center;
justify-content: space-between;
}
.progress-wrapper{
margin-top:-75px;
position:relative;
}

.progress-wrapper:before {
content:'';
            position: absolute;
            top:22px;
            right:-48px;
            height: 100px;
            width: 50px;
            border-radius: 0 75px 75px 0 ;
            background-color: trasparent;
			border:2px solid #000;
			z-index:0;
        }
		
		
.popup__progress-line {
height: 2px;
width: 40px;
background-color: var(--accent);
background-color:#212529;
}

.popup__progress-item {
height: 48px;
width: 48px;
border-radius: 50%;
border: 2px solid var(--accent); 
border: 2px solid #212529;
color: #000;
font-size: 24px;
font-weight: 400;
display: flex;
justify-content: center;
align-items: center;
}

.popup__progress-item_active {
background-color: var(--accent);
color: #000;
font-weight:bold;
border-color:var(--accent);
}

.quiz {
display: flex;
flex-direction: column;
}

.quiz__question {
font-size: 18px;
font-weight: 600;
margin: 0;
padding: 16px 0 12px;
}

.quiz__answers_images {
display: flex;
}

/* Customize the label (the container) */
.container {
display: block;
position: relative;
padding-left: 30px;
margin-bottom: 16px;
cursor: pointer;
font-size: 16px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

.container_images {
padding: 0;
margin: 0 auto 40px;
}

.container_images > img {
width: 110px;
height: 130px;
object-fit: cover;
}

.container_images:not(:first-of-type) {
padding-left: 23px;
}

/* Hide the browser's default radio button */
.container input[type="radio"] {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}

/* Create a custom radio button */
.checkmark {
position: absolute;
top: 50%;
margin-top:-8px !important;
left: 0;
height: 16px;
width: 16px;
background-color: #fff;
border-radius: 50%;
border: 2px solid #212529;
}

.checkmark_images {
bottom: -26px;
left: 50%;
top: auto;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
content: "";
position: absolute;
display: none;
}

/* Show the indicator (dot/circle) when checked */
.container input:checked ~ .checkmark:after {
display: block;
}


/* Style the indicator (dot/circle) */
.container .checkmark:after {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 8.5px;
	height: 8.5px;
	border-radius: 50%;
	background: var(--accent);
}

.popup__progress .popup__progress-line:last-child
{
	display:none;
}

/* /bow/900/modules/quiz-invio/template.css */


/* /bow/900/modules/footer/template.css */
#accordion-footer .accordion-style1.panel-group .panel-heading { border-top: 1px solid #e4e4e4; }
.accordion-style1 .panel-heading .text-dark  i{ font-size: 14px; color: #000 !important; }
.accordion-style1 .panel-heading .text-white i { font-size: 14px; color: #fff !important; }

.accordion-style1.panel-group .panel-heading+.panel-collapse>.panel-body {  border-top: 0; padding: 0px 0; }
.accordion-style1 .panel-title { font-size: 14px; padding: 12px 0 12px 0; }
.accordion-style1 .panel-heading i {
    font-size: 12px;
    color: #000;
}
@media (max-width: 991px) { 
	#accordion-footer .accordion-style1.panel-group .panel-heading { border-top: 0px solid #e4e4e4; }
	.accordion-style1 .list-unstyled { border-bottom: 1px solid #e4e4e4; padding: 5px 0 10px 0;  }
	.accordion-style1 .list-unstyled li a { padding: 6px 0;  display: block;  }
}

.border-lg-right { margin-right:20px; padding-right:20px; border-right: 1px solid #999; }

@media (max-width: 768px) { 
	.border-lg-right { margin-right:0px; padding-right:0px; border-right: 0px solid #999; }
}

/* footer */
.footer-logo { max-height: 107px; }
.list-inline { padding-left: 0; list-style: none; margin-left: -5px;}
.list-inline>li { display: inline-block; padding:0; margin:0; }
.list-inline>li a { padding: 10px 10px 10px 10px; letter-spacing: 0.5px; display: block; }