body {font-family: "Open Sans", sans-serif;}
header {position:fixed;top:0;left:0;width:100%;z-index:2;padding:15px 0px;background:rgb(36 56 120 / 70%);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);}
footer {background:#243878;padding:15px 0px}
.logoHeader {max-width:100px}
.bg-main {background:#243878}
.text-main {color:#243878}
.headerLink {text-decoration:none;margin-left:15px}
.headerLink:hover {opacity:0.8}
.headerLink.active {font-weight:900;}
#videoHome {width:100%;height: 100%}
#videoHome.video-js .vjs-tech {object-fit:cover}
.bg-grey {background:#e6e6e6}
.btn-w {text-decoration:none !important}
.iconCard i {font-size:5em;color:#243878}
.card-border {border:solid 5px #243878}
.card-title {font-size:1.5em}
.absCardDesc {padding:15px;position:absolute;width:100%;bottom:0;left:0;background:rgb(255 255 255 / 50%);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);}
.linkGrowHover .imageGrowHover {transition:transform .25s;}
.linkGrowHover:hover .imageGrowHover {transform: scale(1.10);}
.text-shadow {text-shadow: 0px 0px 6px rgba(0,0,0,0.6);}
.sectionImage {min-height:100vh}
.blur-card {background:rgb(255 255 255 / 50%);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);border:none;font-size:0.9em}
.blur-card strong {font-size:1.1em;color:#5c892d;font-weight:900}
.iconSotenib {font-size:7em;padding:15px 0px;color:#5c892d}
.puntiDiForza i {font-size:7em;color:#243878}
.tilePuntiDiForza {font-size:1.25em;font-weight:600;margin-bottom:15px}
.descrPuntiDiForza {font-size:0.8em}
.chevronGoDown {font-size:7em;color:#CCC}
.categoryTitle {font-size:1.1em;font-weight:600;color:#243878;margin-top:10px}
.catLink {font-size:0.7em;font-weight:600}
.iconValore {text-align:center;color:#243878;font-size:4em}
.valoreTitle {font-size:1.5em;color:#243878;font-weight:600;}
#form-card {margin-top:-200px;margin-bottom:30px}
#menuContainer {transition:all .25s}
#mobileOpenMenu, #mobileCloseMenu {display:none}
.tableProducts th, .tableProducts td{border:solid 1px;padding:5px 10px;font-size:0.8em}
.tableProducts th {background:#000;color:#FFF;vertical-align:middle;}
.tableProducts {border:solid 1px #000;min-width:700px}
.tabLabels {font-size:0.8em}
.tabLabels .nav-link.active {font-weight:900}
.tabLabels .nav-link {color:#898989}
.flagContainer {display: inline-block;width:25px;margin-left:30px;} 
@media (max-width:768px) {
	#mobileOpenMenu, #mobileCloseMenu {display:inline-block}
	#mobileOpenMenu i, #mobileCloseMenu i {font-size:2em;color:#FFF;cursor:pointer}
	#form-card {margin-top:15px}
	.valoreTitle, .valoreText {text-align:center}
	#menuContainer {position:fixed;top:0;left:-100%;width:100%;height:100vh;background:#243878;text-align:center}
	.flagContainer {margin:auto;margin-bottom:15px}
	.headerLink {display:block;text-align:center;margin-bottom:15px;margin-left:0}
}
.reveal {position:relative;opacity:0;}
.reveal.active {opacity: 1;}
.active.fade-bottom {animation: fade-bottom .5s ease-in;}
.active.fade-left {animation: fade-left .5s ease-in;}
.active.fade-right {animation: fade-right .5s ease-in;}
@keyframes fade-bottom {
0% {transform: translateY(50px);opacity: 0;}
100% {transform: translateY(0);opacity: 1;}
}
@keyframes fade-left {
0% {transform: translateX(-100px);opacity: 0;}
100% {transform: translateX(0);opacity: 1;}
}
@keyframes fade-right {
0% {transform: translateX(100px);opacity: 0;}
100% {transform: translateX(0);opacity: 1;}
}