@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: "FuturaStd-Book";
    src: url("../fonts/FuturaStd-Book.eot?#iefix") format("embedded-opentype"), url("../fonts/FuturaStd-Book.woff") format("woff"), url("../fonts/FuturaStd-Book.ttf") format("truetype"), url("../fonts/FuturaStd-Book.svg#FuturaStd-Book") format("svg");
}
@font-face {
    font-family: "FuturaStd-BookOblique";
    src: url("../fonts/FuturaStd-BookOblique.eot?#iefix") format("embedded-opentype"), url("../fonts/FuturaStd-BookOblique.woff") format("woff"), url("FuturaStd-BookOblique.ttf") format("truetype"), url("FuturaStd-BookOblique.svg#FuturaStd-BookOblique") format("svg");
}
@font-face {
    font-family: "FuturaStd-Light";
    src: url("../fonts/FuturaStd-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/FuturaStd-Light.woff") format("woff"), url("../fonts/FuturaStd-Light.ttf") format("truetype"), url("../fonts/FuturaStd-Light.svg#FuturaStd-Light") format("svg");
}
@font-face {
    font-family: "FuturaLt-Medium";
    src: url("../fonts/FuturaLT.eot?#iefix") format("embedded-opentype"), url("../fonts/FuturaLT.woff") format("woff"), url("../fonts/FuturaLT.ttf") format("truetype"), url("../fonts/FuturaLT.svg#FuturaLT") format("svg");
}
@font-face {
    font-family: "FuturaStd-Heavy";
    src: url("../fonts/FuturaStd-Heavy.eot?#iefix") format("embedded-opentype"), url("../fonts/FuturaStd-Heavy.woff") format("woff"), url("../fonts/FuturaStd-Heavy.ttf") format("truetype"), url("../fonts/FuturaStd-Heavy.svg#FuturaStd-Heavy") format("svg");
}

@font-face {
    font-family: "FuturaLt-Heavy";
    src: url("../fonts/FuturaLT-Heavy.eot?#iefix") format("embedded-opentype"), url("../fonts/FuturaLT-Heavy.woff") format("woff"), url("../fonts/FuturaLT-Heavy.ttf") format("truetype"), url("../fonts/FuturaLT-Heavy.svg#FuturaLT-Heavy") format("svg");
}

@font-face {
    font-family: "FuturaLt-Bold";
    src: url("../fonts/FuturaLT-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/FuturaLT-Bold.woff") format("woff"), url("../fonts/FuturaLT-Bold.ttf") format("truetype"), url("../fonts/FuturaLT-Heavy.svg#FuturaLT-Bold") format("svg");
}

@font-face {
    font-family: "GuerlainSans-Regular";
     src: url("../fonts/GuerlainSans-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/GuerlainSans-Regular.otf") format("truetype"), url("../fonts/GuerlainSans-Regular.woff2") format("woff2"), url("../fonts/GuerlainSans-Regular.woff") format("woff");
	
}

@font-face {
    font-family: "GuerlainSans-Medium";
   src: url("../fonts/GuerlainSans-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/GuerlainSans-Medium.otf") format("truetype"), url("../fonts/GuerlainSans-Medium.woff2") format("woff2"), url("../fonts/GuerlainSans-Medium.woff") format("woff");
	}

@font-face {
    font-family: "GuerlainSans-Bold";
   src: url("../fonts/GuerlainSans-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/GuerlainSans-Bold.otf") format("truetype"), url("../fonts/GuerlainSans-Bold.woff2") format("woff2"), url("../fonts/GuerlainSans-Bold.woff") format("woff");
	}

@font-face {
    font-family: "GuerlainSans-Light";
   src: url("../fonts/GuerlainSans-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/GuerlainSans-Light.otf") format("truetype"), url("../fonts/GuerlainSans-Light.woff2") format("woff2"), url("../fonts/GuerlainSans-Light.woff") format("woff");
	}

body{
	font-family: "GuerlainSans-Regular",Helvetica,Arial,sans-serif !important;
	background-color: #F5F5F5;
	line-height: 1.4 !important;
	letter-spacing: .05rem;
}


h1 {font-family: "GuerlainSans-Bold",Helvetica,Arial,sans-serif !important; font-weight: 700; letter-spacing: .1rem; margin-bottom: 0; font-size: 2rem; }
h2 {font-family: "GuerlainSans-Light",Helvetica,Arial,sans-serif !important; font-weight: 200; font-size: 1.8rem; letter-spacing: .1rem;}
h3 {font-family: "GuerlainSans-Bold",Helvetica,Arial,sans-serif !important;  letter-spacing: .1rem; margin-bottom: .4rem; font-size: 1.2rem;}
h5 {font-family: "GuerlainSans-Light",Helvetica,Arial,sans-serif !important; font-weight: 300; font-size: 1.2rem; line-height: 1.8rem;}
h5 strong {font-family: "GuerlainSans-Medium",Helvetica,Arial,sans-serif !important;  font-weight: 400; font-size: 1.2rem; letter-spacing: .1rem;}
strong, b {font-family: "GuerlainSans-Bold",Helvetica,Arial,sans-serif !important; font-weight: 300; letter-spacing: .05rem;}
h6 {font-family: "GuerlainSans-Light",Helvetica,Arial,sans-serif !important; font-weight: 200; font-size: 1.2rem;}



.form-control {font-family: "GuerlainSans-Regular",Helvetica,Arial,sans-serif !important; border-radius: 0px;  font-weight: 400;}

.button-box .btn-primary, .btn, a.btn {
	font-family: "GuerlainSans-Light",Helvetica,Arial,sans-serif !important; 
	font-weight: 200; 
	font-size: 1rem; 
	line-height: 1rem;
	background-color: #000;
	color:#fff !important;
	padding: .8rem 2rem !important;
	border-radius: 50px !important;
	text-transform: uppercase;
	cursor: pointer;
	box-shadow: none;
	border: 1px solid #000;
	white-space: normal;

}




.button-box .btn-primary:hover, .btn:hover, a.btn:hover, a.btn-primary:hover {
	transition: background-color .8s cubic-bezier(.19,1,.22,1),color .8s cubic-bezier(.19,1,.22,1),border-color .8s cubic-bezier(.19,1,.22,1); 
	border: 1px solid #000;
	background-color: #fff !important;
	color:#000 !important;}

.btn-white, a.btn-white {
	font-family: "GuerlainSans-Light",Helvetica,Arial,sans-serif !important; 
	font-weight: 200; 
	font-size: 1rem; 
	line-height: 1rem;	
	color:#000 !important;
	padding: .8rem 2rem !important;
	border-radius: 50px !important;
	text-transform: uppercase;
	display: inline-block;
	box-shadow: none;
	border: 1px solid #000;
	white-space: normal;
	text-decoration: none;
	background-color: #fff !important;
}


.border-md-left {border-left: 1px solid #000;}
.border-top {border-top: 1px solid #000;}
.border-bottom {border-bottom: 1px solid #000;}


footer {color:#fff; background-color: #4A4A4A; font-family: "GuerlainSans-Regular",Helvetica,Arial,sans-serif !important;}
footer a {color: #fff;}

.logoHeader {height: 50px; width: 240px; }
.logoFoot {width: 160px; height: 28px;}

.navbar {padding: 0;}
nav {font-size: .8rem;letter-spacing: 1px;}
.navbar-brand {margin-right: 0px;}

.nomeUtente, .logout {font-size: .8rem !important;}
.dropdown-menu .dropdown-item {
    font-family: "GuerlainSans-Regular",Helvetica,Arial,sans-serif !important;
    color: #221e20; }
.user {width: 35px; height: 35px;}
.userBig {width: 75px; height: 75px; border: 3px solid #fff;}
#navbarSupportedContent {top: 0px;}

.navbar-toggler {margin-top: -20px; padding-left: 0 !important;}

.bannerConcorso {background-image:url("../img/concorso/concorso_BIG.jpg"); min-height: 150px; background-position: center center; background-repeat:repeat;}
.bannerPillquiz {background-image:url("../img/concorso/pillquiz_fondo.png"); min-height: 150px; background-position: center center; background-repeat:repeat;}
.bannerSostenibilita {background-image:url("../img/sostenibilita.jpg"); min-height: 250px; background-position: center top;}
.bannernovita {background-image:url("../img/imgEvidenza.png"); min-height: 430px; background-position: center center;}
.text-uppercase {text-transform: uppercase;}
.rounded-circle {border-radius: 50% !important; overflow: hidden !important;}

.btn-greyL {
    display: inline-block;
    background-color: #cbcbcb;
    font-family: "GuerlainSans-Light",Helvetica,Arial,sans-serif !important;
    font-size: 17px;
    line-height: 18px;
    padding: 5px 10px 5px 5px;
}

.goldText {color: peru !important;}
.scegliH { width: 100%;	height: 500px;		}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: #000 !important;
}


.titoloCorso {
    font-size: 18px;
    font-family: "GuerlainSans-Bold",Helvetica,Arial,sans-serif !important; font-weight: 300;
}


.text-shadow {text-shadow: 2px 2px #f2c071 !important;}

.videoHp {height: 650px !important; width: 100%;}
.rigaCorsiBlack { border-right: 1px solid #000 !important;}

.videoVimeo {width: 100%; min-height: 280px;}

.lwag {background-image: url( "../img/main/lwag.jpg"); background-size: cover; background-repeat: no-repeat; background-position: top right; }

@media (max-width: 992px) { 
	.logoHeader {height: 30px; width: 180px; }
	.videoHp {height: 400px !important; width: 100%;}

}

@media (max-width: 575px) { 
.border-md-left {border-left: none;}	
.user {width: 25px; height: 25px;}
	.carousel {
    padding-top: 0px !important;
}
	.rigaCorsiBlack {border-right: none !important;}
.videoHp {height: 250px !important; width: 100%}
	
h5 {font-family: "GuerlainSans-Light", Helvetica,Arial, sans-serif !important; font-weight: 300; font-size: 1rem; line-height: 1.6rem;}
h5 strong {font-family: "GuerlainSans-Medium",Helvetica,Arial,sans-serif !important;  font-weight: 400; font-size: 1rem;}
}

.btn-gradient {background: linear-gradient(#D47BAD, #968AAB); text-transform: uppercase; color: #fff;}	
/* .btn-gradient::before {content:'?'; background: linear-gradient(#D47BAD, #968AAB); font-weight: bold;
} */

.acceso {color: #fff;
	background: linear-gradient(#D47BAD, #968AAB); text-transform: uppercase; }
.spento {background-color: #CCCCCC; text-transform: uppercase; color: #fff;}