@import url('https://fonts.googleapis.com/css2?family=League+Spartan:wght@100..900&display=swap');

:root {

	--font-base: "League Spartan", sans-serif;
	--font-base2: "League Spartan", sans-serif;

	--color-bk: #fff;	
	--color-bk-header: #fff;
	--color-header: #2C7EA4;
	--color-header-hover: #262e6c;
	--color-font:#2C7EA4;
	--font-body-size:2.4rem;
	--font-body-line-height:2.6rem;
	--font-body-weight:300;
	--font-footer-size:1.4rem;
    --font-footer-line-height:2rem;
    --font-footer-color:#fff;

	
	--font-header-size:2.4rem;
    --font-header-transform:uppercase;
    --font-header-weight:400;
	
	--height-header:100px;
    --line-height-header:100px;
    --height-header-fixed:70px;
    --line-height-header-fixed:70px;
	
	--background-footer:#fff;
    --background-footer-baseline:#E8C15B;  
	
	--color-1:#2C7EA4;
	--color-2:#E8C15B;
	
	
}



a.lang-markup,
span.lang-markup {
	display: none !important;
}

html[lang='en-US'] span[rel-lang='en'],
html[lang='en-US'] a[rel-lang='en']{
	display: inline-block !important;
} 

html[lang='it-IT'] span[rel-lang='it'], 
html[lang='it-IT'] a[rel-lang='it']{
	display: inline-block !important;
}

html[lang='fr-FR'] span[rel-lang='fr'],
html[lang='fr-FR'] a[rel-lang='fr']{
	display: inline-block !important;
}

html[lang='de-DE'] span[rel-lang='de'],
html[lang='de-DE'] a[rel-lang='de']{
	display: inline-block !important;
}

html[lang='es-ES'] span[rel-lang='es'],
html[lang='es-ES'] a[rel-lang='es']{
	display: inline-block !important;
} 

html {
    font-size: 62.5% !important;
}

html.scale-125 {
	font-size: 47.5% !important;
}

html.layout-edit {
	font-size: 100% !important; 
}
 
.equal {
	display: flex;
	flex-wrap: wrap;
}	


.align-items-center {
    -webkit-box-align: center!important;
    -ms-flex-align: center!important;
    align-items: center!important;
}

.align-items-top {
    -webkit-box-align: top!important;
    -ms-flex-align: top!important;
    align-items: top!important;
}


.align-horizontal-items-center {
	-webkit-justify-content: center;
	-ms-justify-content: center;
	 justify-content: center;
}

.align-items-space {
    justify-content: space-around;
}

.equal_stessa_altezza * {
	height: 100%; 
	display: flex;
    flex-direction: column;
}

.equal_stessa_altezza img { 
	height: 100% !important;
	object-fit: cover;
}

.mb-0 {margin-bottom: 0px !important;}
.mb-5 {margin-bottom: 5px;}
.mb-10 {margin-bottom: 10px;}
.mb-15 {margin-bottom: 15px;}
.mb-20 {margin-bottom: 20px;}
.mb-25 {margin-bottom: 25px;}
.mb-30 {margin-bottom: 30px;}
.mb-35 {margin-bottom: 35px;}
.mb-40 {margin-bottom: 40px;}
.mb-45 {margin-bottom: 45px;}
.mb-50 {margin-bottom: 50px;}
.mb-55 {margin-bottom: 55px;}
.mb-60 {margin-bottom: 60px;}
.mb-65 {margin-bottom: 65px;}
.mb-70 {margin-bottom: 70px;}
.mb-80 {margin-bottom: 80px;}
.mb-90 {margin-bottom: 90px;}
.mb-95 {margin-bottom: 95px;}

.mt-0 {margin-top: 0px !important;}
.mt-5 {margin-top: 5px;}
.mt-10 {margin-top: 10px;}
.mt-15 {margin-top: 15px;}
.mt-20 {margin-top: 20px;}
.mt-25 {margin-top: 25px;}
.mt-30 {margin-top: 30px;}
.mt-35 {margin-top: 35px;}
.mt-40 {margin-top: 40px;}
.mt-45 {margin-top: 45px;}
.mt-50 {margin-top: 50px;}
.mt-55 {margin-top: 55px;}
.mt-60 {margin-top: 60px;}
.mt-65 {margin-top: 65px;}
.mt-70 {margin-top: 70px;}
.mt-80 {margin-top: 80px;}
.mt-90 {margin-top: 90px;}
.mt-95 {margin-top: 95px;}

.margin-left-65 {  
	margin-left: 65px;
}

.max-padding {padding: 99px 0;}
.default-padding {padding: 50px 0 50px 0;}
.no-margin {margin: 0 !important;}

a:focus {
	box-shadow: none !important;
}


.image-border-white {border: 1px solid #fff;}
.image-border-green {border: 1px solid #3e984c;}
.image-border-lightgreen {border: 1px solid #9ecca5;}
.img-shadow {
	-webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.5);
}
.img-responsive {width: 100%;}


.qx-container {max-width: 1440px;}

@media (min-width: 1200px){
.container { width: 1170px;}
}

@media (min-width: 1300px){
.container { width: 1200px;}
}

@media (min-width: 1500px){
.container { width: 1440px;}
}


body {
	font-family: var(--font-base);
	color: var(--color-font);
	font-size: var(--font-body-size);
	line-height: var(--font-body-line-height);
	font-weight: var(--font-body-weight);
	background: var(--color-bk);
}

body #t3-mainbody {
	background: var(--color-bk);
}

#t3-mainbody {
	margin-top: 150px; 
}

b, strong {
	font-weight: 700;
}

em {
	color: inherit;	
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: var(--font-base);
	letter-spacing: inherit;
	color: var(--color-font) !important;
	line-height: 1.1;
}


.text-titolone span {
	font-family: var(--font-base);
	font-size: 80px;
	line-height:82px; 
	letter-spacing: 2px; 
}


.text-titolo span {
	font-family: var(--font-base);
	font-size: 7.7rem;
	line-height: 8.3rem; 
} 

.text-titoletto span {
	font-family: var(--font-base);
	font-size: 4.0rem;
	line-height: 5rem; 
}

.text-titolino span {
	font-family: var(--font-base);
	font-size: 22px;
	line-height: 30px;
}

.text-testo-plus,
.text-testo-plus span {
	font-family: var(--font-base);
	font-size: 1.8rem;
	line-height: 2.4rem;
	font-weight: 300;
}

.text-testo span {
	font-family: var(--font-base);
	font-size: 2.4rem;
	line-height: 2.8rem;
}

.text-testo-small span {
	font-family: var(--font-base);
	font-size: 18px;
	line-height: 20px;
}

.image-circle img {
	border: 4px solid #fff;
	border-radius: 100%;
}

.no-gutters .qx-col-wrap {
	padding: 0 !important;
}

.no-padding {
	padding-left: 0 !important;
	padding-right: 0 !important; 
}

.text-uppercase, .text-uppercase span {text-transform: uppercase;}

.text-tiny, .text-tiny span {font-weight: 200 !important;}
.text-xlight, .text-xlight span {font-weight: 200;}
.text-light, .text-light span, .text-book span {font-weight: 300;}
.text-regular, .text-regular span {font-weight: 400;}
.text-medium, .text-medium span {font-weight: 500;}
.text-semibold, .text-semibold span {font-weight: 600;}
.text-bold, .text-bold span {font-weight: 700;}
.text-xbold, .text-xbold span {font-weight: 800;}
.text-xblack, .text-xblack span {font-weight: 900;}

.text-white, a.text-white, .text-white a, .text-white span, .text-white a {color: #fff !important;}
.text-black, a.text-black, .text-black a, .text-black span {color: #000 !important;}

.text-color-1 {
	color: var(--color-1);
}

.text-color-2 {
	color: var(--color-2);
}

#sp-header {
	background: var(--color-bk-header) !important;
}

#sp-header,
#sp-header .logo,
#sp-menu {
	height: var(--height-header);
	line-height: var(--line-height-header);	
}

#sp-header .sp-megamenu-parent>li>a, 
#sp-header .sp-megamenu-parent>li>span {
	line-height: var(--line-height-header);
	font-size: var(--font-header-size);
	text-transform: var(--font-header-transform);
	font-weight: var(--font-header-weight);
	color: var(--color-header);
	padding: 0 15px !important;
}

#sp-header.header-sticky,
#sp-header.header-sticky .logo,
.header-sticky #sp-menu,
#sp-header.header-sticky .sp-megamenu-parent>li>a, 
#sp-header.header-sticky .sp-megamenu-parent>li>span {
	height: var(--height-header-fixed);
	line-height: var(--line-height-header-fixed);	
}



#sp-header .sp-megamenu-parent>li>a:hover,
#sp-header .sp-megamenu-parent>li.active > a{
	color: var(--color-header-hover);
}

#sp-header .header-modules,
#sp-menu {
	margin:0;
	margin-top: -10px;
}

#offcanvas-toggler {
	display: none !important;
}

.background_footer,
#footer {
	background: var(--background-footer);
}

#footer-baseline {
	background: var(--background-footer-baseline);
}

#footer-baseline,
#footer-baseline p,
#footer-baseline a {
	font-size: var(--font-footer-size);
	font-weight: var(--font-footer-line-height);
	color:var(--font-footer-color);
}

.form-visual {
	max-width: 100% !important;
	background: transparent !important;
	font-family: "acumin-pro" !important;
}

.form-visual ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: var(--color-font) !important;
	text-transform: uppercase;
}
.form-visual ::-moz-placeholder { /* Firefox 19+ */
	color: var(--color-font) !important;
	text-transform: uppercase;
}
.form-visual :-ms-input-placeholder { /* IE 10+ */
	color: var(--color-font) !important;
	text-transform: uppercase;
}
.form-visual :-moz-placeholder { /* Firefox 18- */
	color: var(--color-font) !important;
	text-transform: uppercase;
}

::-webkit-input-placeholder { /* WebKit browsers */
     opacity: 1 !important;
	text-transform: uppercase;
}

.cf-content-wrap {display: none !important;}

#footer .form-visual .cf-input {  
	background: transparent !important;
	font-size: 16px !important;
	border: 1px solid var(--color-font) !important;
	color: var(--color-font) !important;
	font-family: var(--font-base) !important;
	padding: 10px 20px !important;
	font-weight: 400 !important;
}

.form-visual textarea.cf-input {
	height: 200px;
}

.form-visual .form-check-input {vertical-align: top;}

.form-visual .form-check-label {width: 95%;}

.qx-btn-primary,
.form-visual .cf-btn {
	color: var(--color-2) !important;
	background: rgba(255,255,255,0.1) !important;
	font-size: 2.4rem;
	text-decoration: none;
	border: 1px solid var(--color-2) !important;
	text-transform: uppercase;
	border-radius: 20px !important;
	/*max-width: 240px;*/
	padding: 16px 40px !important;
	backdrop-filter: blur(7px);
	transition: all 0.8s ease;
}

.qx-btn-primary span,
.form-visual .cf-btn span {
	white-space: break-spaces;
	line-height: 1;
	color: var(--color-2);
}

.qx-btn-primary:hover,
.form-visual .cf-btn:hover {

	background: var(--color-1) !important;
	text-decoration: underline;
}

.qx-btn-primary:hover span,
.form-visual .cf-btn:hover span {
	color: #fff;
}

video {
    clip-path: inset(1px 1px);
}


.splide__arrow {
	background: var(--color-montros);
}

.splide__arrow svg {
	fill:#fff;
}

.splide__arrow--next {
	right: 5rem;
}

.splide__arrow--prev {
	left: 5rem;
}

.swiper-container {
	width: 100%;
	height: 400px;
	position: relative;
}
.swiper-slide {
	display: flex;
	justify-content: center;
	align-items: center;
}

.swiper-scrollbar {
	background: #c05c28;
	transition: background 0.5s;
	position: relative;
	height: 17px !important;
	top:inherit !important;
	bottom: -100px !important;
}

#sp-main-body {
	padding: 0 !important;
}

.hide_desktop {
	display: none !important;
}

.hide_ipad {
	display: block !important;
}

.layout-iframe .subimage-back {
	position: inherit;
	bottom: inherit;
	left: inherit;
	right: inherit;
	top: inherit;
	height: auto;
}


@media (max-width: 1700px){

}

@media (max-width: 1500px){
	

	
}


@media (max-width: 1200px){
	
	html {
		font-size: 52.5% !important;
	}	
	
}





@media (max-width: 1024px){

	.hide_ipad {
		display: none !important;
	}
	
	.hide_desktop {
		display: block !important;
	}	
	
}

@media (max-width: 991px){
	
	html {
		font-size: 48.5% !important;
	}	 
	
	#offcanvas-toggler {
		display: inline-flex!important;
		height: var(--height-header-fixed);
		line-height: var(--line-height-header-fixed);
	}
	
	#sp-header,
	#sp-header .logo,
	#sp-menu,
	#sp-header .sp-megamenu-parent>li>a, 
	#sp-header .sp-megamenu-parent>li>span {
		height: var(--height-header-fixed);
		line-height: var(--line-height-header-fixed);	
	}


	.offcanvas-active .burger-icon>span:nth-child(3), #modal-menu-toggler.active .burger-icon>span:nth-child(3) {
		transform: translate(0, -6px) rotate(45deg);
	}

}


@media (max-width: 768px){
	
	html {
		font-size: 45.5% !important;
	}
	
	.qx-element-social-icon ul.qx-inline {
		justify-content: center !important;
	}
	
	.footer-menu li {text-align: center;}
	.footer-menu ul {padding-left: 0;}
	
	.footer-menu .nav-child li,
	.footer-menu .nav-child li a {
		font-size: 12px;
		line-height: 19px;
	}
	
	.splide__arrow--next {
		right: -5rem;
	}
	
	.splide__arrow--prev {
		left: -5rem;
	}

}


@media screen and (max-width: 560px) {
	
	html { 
		font-size: 45.5% !important;
	}
	
}


@media screen and (max-width: 320px) { 
	
	.map_canvas,
	#phocaMapPlgPM1 {
		height: 220px !important;
	}
}

