@CHARSET "UTF-8";
/* reset  */
.clearfix::after, .clrf::after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
} 
.borderbox, .bbox { 
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
}
p { margin:0; padding:0; }
ul { margin:0; padding:0; }
li { margin:0; padding:0; }
img { border: none; margin:0; padding:0; }
h1 { margin:0; padding:0; }
h2 { margin:0; padding:0; }
/* end reset */

body {
	margin:0;
	padding:0;
	background-color:#f2f2f2;
	font-family: 'Open Sans', sans-serif;
	background-image: url(https://images.yesalps.com/static/bk.jpg);
	background-repeat: repeat;
	background-position: top;
}
#mainContainer {
	background-image:url(/comimg/site/background-page.gif);
	background-repeat:repeat-y;
	background-position:top center;
	margin:0 auto;
	box-shadow: 0 0 40px #b0b0b0;
}
.mainCorpo_d {
	width: 1050px; /* max */
	padding: 25px 30px 0 30px;
}

/* header */
.page-header { position: relative; }
.brand-wrapper { height: 45px; }
#brand-logo {
    display: inline-block;
    width: 270px;
    height: 45px;
    background-image: url(https://images.yesalps.com/static/site/YA-common-sprite_1.svg#logo-ya-view);
    background-position-x: 0;
    background-position-y: center;
    background-repeat: no-repeat;
}
#topRightTool2 {
    position: absolute;
    right: 0px;
    top: 13px;
    z-index: 401;
}
.logoPortali { /* per le pagine di notfound e error */
	text-decoration: none;
	font-family: 'Poppins', sans-serif;
    color: #4e7dc7;
    font-size: 46px;
    font-weight: bold;
    letter-spacing: -1.2px;
    word-spacing: -8px;
    line-height: 50px;
}
#logoYA { /* per le pagine di notfound e error */
    margin-right: 8px;
    width: auto;
}
#headLoginMenuLink {
	text-decoration: none;
	color: #4e7dc7;
}
#headLoginMenuLink {
	padding-left: 25px;
	/*background-image: url(https://images.yesalps.com/static/site/YA-common-sprite_1.svg#icon-user-view);*/
	background-image: url(https://images.yesalps.com/static/site/YA-common-sprite_1.svg#icon-user-circle-view);
    background-position-x: left;
    background-position-y: center;
    background-repeat: no-repeat;
    background-size: 20px 20px;
}
.separatore {
	display: inline-block;
	margin-right: 20px;
    width: 1px;
    height: 30px;
    background-color: #4e7dc7;
}
.separatore img {
	width: 1px;
	height: 30px;
	position: absolute;
	top: 3px;
}
#brand-payoff {
    margin: 0;
    font-size: 16px;
    font-family: "Roboto", sans-serif;
    line-height: 15px;
    font-weight: normal;
    color: #787878;
    padding-top: 10px;
}
#brand-payoff > a > span {
	font-weight: bold;
}
#brand-payoff2021 {
	position: relative;
	font-family: 'Roboto', sans-serif;
	clear: both;
	font-size: 16px;
	margin-top: 20px !important;
}
#brand-payoff2021 a {
	text-decoration: none;
}
#brand-payoff2021 span:first-child {
	font-size: 20px;
	font-weight: bold;
}
#brand-payoff2021 img {
	width: 25px;
	margin-left: 5px;
	margin-bottom: -5px;
}
#brand-payoff2021 span[data-elem="altreZone"] {
	margin-left: 15px;
	margin-top: -2px;
	cursor: pointer;
}
a[data-elem="altreZone"] {
	position: relative;
	padding-right: 15px;
	text-decoration: none;
	color: #787878 !important;
}
/* 2020
a[data-elem="altreZone"]:after {
	position: absolute;
	content: " ";
	width: 6px;
	height: 6px;
	top: 4px;
	right: 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	background: transparent;
	border: none;
	border-bottom: 2px solid #787878;
	border-right: 2px solid #787878;
}
*/

/* { Login Privati */
.login-wrapper {
    display: inline-block;
    position: relative;
    margin-right: 10px;
}
.login-wrapper *,
.login-wrapper *:after,
.login-wrapper *:before {
    box-sizing: border-box;
}
#loginUtentiBtn {
	position: absolute;
	right: 0;
	border: 1px solid #437dc7;
	border-radius: 3px;
	background-color: transparent;
	background-image: none;
	width: 50px;
	height: 30px;
	cursor: pointer;
}

#loginUtentiBtn > [data-icon] {
    position: absolute;
	top: 4px;
	left: 6px;
    width: 20px;
    height: 20px;
    background-color: transparent;
    background-image: url(https://images.yesalps.com/static/site/YA-common-sprite_4.svg#icon-user-circle-view);
    background-position-x: center;
    background-position-y: center;
    background-repeat: no-repeat;
	opacity: 0.5;
}

#loginUtentiBtn > [data-arrow-down] {
	position: absolute;
    content: " ";
    width: 10px;
    height: 10px;
	top: 12px;
    right: 6px;
    border-top: 5px solid #4e7dc7;
    border-right: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid transparent;	
}

#loginUtentiBtn[data-logged="true"] > [data-icon] {
	opacity: 1;
}

#loginUtentiBtn[data-logged="true"] > [data-icon]:after, 
#loginUtentiBtn[data-logged="true"] > [data-icon]:before {
	position: absolute;
	content: "";
	border-radius: 50%;
}
#loginUtentiBtn[data-logged="true"] > [data-icon]:after {
	width: 8px;
	height: 8px;
	right: -2px;
	bottom: -2px;
	background-color: #16a55a;
}
#loginUtentiBtn[data-logged="true"] > [data-icon]:before {
	width: 10px;
	height: 10px;
	right: -3px;
	bottom: -3px;
	background-color: #ffffff;
}
			
#loginMenu {
    top: 45px !important;
    right: -10px !important;
}

#loginMenu:after {
    right: 33px !important;
}
/* Login Privati } */

/* NUOVO Login Operatori (15/07/2022) { */
#loginUtentiBtn[data-logged="true"][data-is-operatore="true"] {
    border: none;
    padding-left: 30px;
    padding-right: 25px;
    /*width: max-content;*/
    width: auto;
    white-space: nowrap;
}

#loginUtentiBtn[data-logged="true"][data-is-operatore="true"] > [data-username] {
	font-family: 'Open Sans', sans-serif;
}

#loginUtentiBtn[data-logged="true"][data-is-operatore="true"] > [data-icon]:before,
#loginUtentiBtn[data-logged="true"][data-is-operatore="true"] > [data-icon]:after {
    display: none;
}

#loginUtentiBtn[data-logged="true"][data-is-operatore="true"] ~ #loginMenu {
    width: auto;
    top: 45px !important;
    left: 0;
    right: auto;
    min-width: 200px;
}
/* NUOVO Login Operatori (15/07/2022) } */

/* Login Operatori { */
#site-login { 
	margin: 0;
  	display: -webkit-inline-box;
  	display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
  	display: inline-flex;
  	-webkit-align-items: start;
      -webkit-box-align: start;
         -ms-flex-align: start;
            align-items: start;
}
#site-login > p, #site-login > div > p {
	cursor: pointer;
    font-size: 16px;
    color: #4e7dc7;
    display: inline-block;
    margin-right: 20px;
    margin-left: 5px;
    padding-top: 0;
    padding-left: 0;
    line-height: 30px;
}
#site-login > p a, #site-login > p a:hover, #site-login > p a:visited {
	color: #4e7dc7;
	text-decoration: none;
}
#loginToggle {
    border: none;
    cursor: pointer;
    display: inline-block;
    width: 20px;
    height: 20px;
    position: relative;
    background-color: transparent;
    background-image: url(https://images.yesalps.com/static/site/YA-common-sprite_1.svg#icon-user-circle-view);
    background-position-x: center;
    background-position-y: center;
    background-repeat: no-repeat;
    text-indent: -9999px;
    outline: none;
    margin-top: 5px;
}
/* Login Operatori } */
#site-language {
	position: relative;
	top: 0;
	right: 0;
	font-size: 14px;
	z-index: 10;
	margin-left: 0;
}
.language-list {
	margin: 0;
	list-style: none;
	background-color: #edf2f9;
}
.language-list li {
	padding: 0;
}
.language-list a {
	display: none;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	text-decoration: none;
}
.language-list a:link,
.language-list a:visited {
	color: #4e7dc7;
}
.language-list a:hover {
	color: #ffffff;
	background-color: #4e7dc7;
}
.language-list a:active,
.language-list a.active,
.language-list a.in {
	display: inline-block;
}
.language-list a:active,
.language-list a.active {
	color: #ffffff;
	background-color: #4e7dc7;
}
.language-list, .language-list a.active {
	border-radius: 3px;
}
#site-language[data-collapsed="in"] .language-list li a.active {
	border-radius: 0;
}
#site-language[data-collapsed="in"] .language-list li:first-child a {
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}
#site-language[data-collapsed="in"] .language-list li:last-child a {
	border-top-right-radius: 0;
	border-top-left-radius: 0;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
}
/* 2020
.language-list a:active::after,
.language-list a.active::after {
	position: absolute;
	content: "";
	top: 36px;
	left: 9px;
	border-top: 6px solid #4e7dc7;
	border-right: 6px solid transparent;
	border-left: 6px solid transparent;
	background-color: transparent;
} 
*/

.logoYAcont {
	display: inline-block;
	vertical-align: middle;
	padding-top: 4px;
}
.logoYAfooterCircuito { display: inline-block; }
.logoYAfooterCircuito img {
	display: block;
	width: 100px;
}
/**/
.assistenza-footer a {
	color: black;
	text-decoration: none;
	font-size: 14px;
	color: #4e7dc7;
}
.assistenzaMail-footer p {
	font-size: 12px;
	margin: 0 20px;
	white-space: nowrap;
	color: black;
	font-size: 14px;
	color: #4e7dc7;
}
.credits-circuito { display: inline-block; font-size: 12px;	font-weight: 300; margin-top: -1px; }
.social-circuito { display: inline-block; font-size: 13px; font-weight: 600; position: absolute; width: 100%; margin-left: 25px; }
.social-circuito > a { 
	display: inline-block;
	padding: 7px 48px 10px 0;
	margin: 0 10px;
	vertical-align: top;
}
#layout-switch {
	background-image: url("https://images.yesalps.com/static/site/layout_mob.png");
	background-position: 96% 0%;
	background-repeat: no-repeat;
	background-size: 34px 34px;
}
#fb-page, #ig-page {
	margin: 0 3px; 
	padding: 0;
	background: none;
}
#social-followus {
	padding: 7px 0 10px 0;
	margin: 0 3px 0 0;
	display: inline-block;
}
#share-toggle {
	cursor: pointer; 
	display: inline-block;
	position: relative;
	padding: 7px 48px 10px 0;
	margin: 0 0 0 10px;
	vertical-align: top;
	background-image: url("https://images.yesalps.com/static/site/share.png");
	background-position: 96% 0%;
	background-repeat: no-repeat;
	background-size: 34px 34px;
}
.loader {
	position: relative;
}
.loader:before {
	position: absolute;
	content: "";
	top: 50%;
	right: 0;
    border: 4px solid #cad8ee;
    border-right-color: #4e7dc7;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    transform-origin: center center;
    animation: loader 1s infinite ease-out;
}
@keyframes loader {
    0% {
        transform: translate3d(0,-50%,0) rotate(0deg);
    }
    100% {
        transform: translate3d(0,-50%,0) rotate(360deg);
    }
}
.mainHeader {  /* per le pagine di notfound e error */
	width: 100%;
	margin: 0 auto;
	max-width: 1050px;
	padding-bottom: 16px;
}

div.mainHeader {/* per le pagine di notfound e error */
	width: 1050px;
}

/* main image */
.mainImage {
	width: 100%;
	margin:0 auto;
	max-width:1050px;
	padding:0;
	position:relative;
	margin-top: 16px;
	margin-bottom: 5px;
	clear: both; 
}
.photograph {
	position:absolute;
	top:0;
	right:0;
}
.photograph p {
	padding: 8px 20px 0 0;
	font-size:12px;
	font-weight:lighter;
}
.photograph p a { color: #fff; text-decoration: none; }
.openCloseMainImage img { width: auto; }
.openCloseMainImage {
	position:absolute;
	bottom: -21px; 
	text-align:center;
	width:100%;
	max-width:1050px;
}

/* menu */
/* MENU DESKTOP */
.mainMenuDesktop {
	display:inline-block;
	width:100%;
	background-color:#f4f4f4;
	padding:0;
	position:relative;
	margin: 25px 0 20px;
}
.mainMenuDesktop ul {
	list-style:none;
	width:100%;
}
.mainMenuDesktop ul li {
	color: #787878; 
	display: block;
	float: left;
	font-size: 16px;
	font-weight: bold;
	list-style: outside none none;
	margin: 0 -2px 0 0;
	padding: 14px 41px;
	position: relative;
	background-image: url('/comimg/site/icon/barra-menu-mab.gif');
    background-repeat: no-repeat;
    background-position: left center;
}
.mainMenuDesktop ul li:first-child {
    background-image: none;
}
.mainMenuDesktop ul.de_Padd li {
	padding: 14px 30px 14px 30px;
}
.mainMenuDesktop ul li a, .mainMenuDesktop ul li button {
	color: #787878; 
	text-decoration:none;
	display:block;
}
.mainMenuDesktop ul li button {
	border: none;
	background-color: #9b9b9b;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	cursor: pointer;
}
.mainMenuDesktop > ul > li:first-child a, .mainMenuDesktop > ul > li:first-child button {
	padding: 14px 41px;
}
.mainMenuDesktop > ul > li:last-child a {
	padding: 14px 39px 14px 38px;
}
.mainMenuDesktop > ul.de_Padd > li:last-child a {
	padding: 14px 32px 14px 32px;
}
.mainMenuDesktop > ul.en_Padd > li:last-child a {
	padding: 14px 43px 14px 42px;
}
.mainMenuDesktop > ul > li:first-child , .mainMenuDesktop > ul > li:last-child, .mainMenuDesktop > ul.de_Padd > li:last-child, .mainMenuDesktop > ul.en_Padd li:last-child  {
    padding: 0;
}
.mainMenuDesktopNotComp ul li {
	padding: 14px 35px;
}
.mainMenuDesktopNotComp ul.de_Padd li {
	padding: 14px 30px;
}
.mainMenuDesktopNotComp ul li:last-child {
    padding: 14px 44px 14px 44px;
}
.mainMenuDesktopNotComp ul.de_Padd li:last-child {
    padding: 14px 40px 14px 40px;
}
.mainMenuDesktopNotComp ul.en_Padd li:last-child {
    padding: 14px 46px 14px 46px;
}
.mainMenuDesktop ul li:hover {
	background-color:#9b9b9b;
}
.mainMenuDesktop ul li:hover a, .mainMenuDesktop ul li:hover {
	color:#fff;
}
.mainMenuDesktop ul li.mainMenuHover {
	background-color: #9b9b9b;
	color: #ffffff;
}

/* submenu */
.containerSubmenu {
	display: none;
	position: absolute;
	top: 49px;
	left: 0;
	background-color: #9b9b9b;
	padding-top: 3px;
	padding-bottom: 10px;
	min-width: 220px;
}
.mainMenuDesktop ul li:last-child > .contieniSubmenuDx_it {
	min-width: 130px;
	left: -176px;
}
.mainMenuDesktop ul li:last-child > .contieniSubmenuDx_de {
	min-width: 130px;
	left: -208px;
}
.mainMenuDesktop ul li:last-child > .contieniSubmenuDx_en {
	min-width: 130px;
	left: -208px;
}
.mainMenuDesktop ul li ul.subMenu {
    display: block;
    float: left;
    min-width: 200px;
    padding-top: 15px;
    padding-right: 15px;
    padding-bottom: 5px;
}
.mainMenuDesktop ul li:last-child > .contieniSubmenuDx ul.subMenu li{
	min-width: 130px;
}
.mainMenuDesktop ul li ul.subMenu li {
	padding: 2px 20px 2px 40px !important;
	color: #fff;
	margin:0;
	display: block;
	min-width:200px;
	background-image: none;
}
.mainMenuDesktop ul li ul.subMenu li a, .mainMenuDesktop ul li ul.subMenu li button {
	background-image: url(/comimg/site/icon/submenu.gif);
	background-repeat: no-repeat;
	padding: 0 0 0 15px;
	background-position: left center;
	border-right: none;
	white-space: nowrap;
	color: #fff;
	font-weight: normal;
}
.mainMenuDesktop ul li ul.subMenu li a:hover, .mainMenuDesktop ul li ul.subMenu li button:hover {
    color:#333;
}
.mainMenuDesktop ul li:hover .containerSubmenu {
	z-index: 40;
}
.mainMenuDesktop > ul > li:first-child {
	padding: 14px 41px;
}
.mainMenuDesktop ul.subMenu > li {
	padding: 2px 20px 2px 40px;
}
/* menu Login desktop / mobile */
div#headLoginMenu { text-align: left; position: relative; }
div#sottoLogin {
    background-color: white;
    border: 1px solid #cad8ee;
    line-height: 130%;
    min-width: 200px;
    padding: 6px 10px;
    position: absolute;
    left: -10px;
    top: 35px;
    visibility: hidden;
    z-index: 100;
    font-size: 13px;
}
div#sottoLogin a, div#sottologin p {
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	color: #4e7dc7;
	text-decoration: none;
}
div#sottoLogin hr, div.navigationLogin hr {
	height: 1px; 
	border-width: 0; 
	color: #c4c4c4; 
	background-color: #c4c4c4;
}
div#sottoLogin > ul, div.navigationLogin > ul {
    padding: 0;
    margin: 0;
    padding-left: 25px;
    list-style-type: disc;
}
div#sottoLogin > ul > li.menuLogin {
	display: block;
	list-style-type: disc;
	white-space: nowrap; 
	padding-left: 15px; 
	background-image: url('/comimg/site/icon/ar/icon-list.png');
    background-repeat: no-repeat;
    background-position: 0px center; 
}
.navigation, .navigationLogin {
	z-index: 9;
	position: relative;
	width: 100%;
	display: none;
	left: 0;
	padding: 0 !important;	
}
.navigationLogin a, .navigationLogin p {
	color: #999999 !important;
	text-decoration: none;
	font-size: 14px;
	font-weight: 600;
}
.navigationLogin a { 
	padding: 5px 8px; 
}
div.navigationLogin ul {
	padding-left: 40px;
}
div.navigationLogin ul li {
	list-style-type: disc;
	color: #999999;	
}
div.navigationLogin ul li a {
	padding: 0;
}
.navigation-item { background-color: #f4f4f4; }
.navigation-item .submenu { 
	display: none; 
	background-color: #eaeaea; 
}
.navigation-item-open { background-color: #eaeaea; }
.navigation-item a {
	color: #999999;
	text-decoration: none;
}
.navigation-item {
	font-size: 18px;
	font-weight: bold;
	padding-top: 17px;
}
.submenu a {
	font-size: 16px;
	padding-left: 30px;
	padding-bottom: 5px;
	padding-top: 5px;
	font-weight: 600;
}
.submenu a:last-child {
	padding-bottom: 15px;
}
.submenu {
	display: none;
}
.submenu-item {
	background-image: url(/comimg/site/icon/menu-apri-submenu.png);
	background-size: 10px 10px;
    background-repeat: no-repeat;
	height: 10px;
	width: 10px;
	position: absolute;
    right: 4%;
    top: 40%;
	opacity: 0.8;
}
.submenu-item-close {
	background-image: url(/comimg/site/icon/menu-chiudi-submenu.png);
	background-size: 10px 10px;
	background-repeat: no-repeat;
	height: 10px;
	width: 10px;
	position: absolute;
    right: 4%;
    top: 40%;
	opacity: 0.8;
}
.navigation,.navigation::after,.navigation::before, .navigation-item,.navigation-item::after,.navigation-item::before {	
	-webkit-box-sizing: border-box;	
	-moz-box-sizing: border-box;	
	box-sizing: border-box;	
	padding: 0;	
	margin: 0;
}
.navigation-item div, .navigation-item a, .navigation-item p, .navigation-item img {
	display: block;
	overflow:hidden;
	position:relative;
}
div#leftSide { float: left; }
div#defaultStyle { float: left; width: 750px; padding: 0 0 40px 0; color: #111; } /* { float: left; width: 815px; padding: 0 0 40px 10px; color: #111; } */
#paginaResponsive { float: left; min-width: 750px; }
.pageNewLresp_d { float: left; }
.pageNewLresp_d { width: 827px; padding-bottom: 40px; }
.pageNewLresp_d p { font-size: 14px; }
.pageNewLresp_d a { color: #4e7dc7; }
.pageNewLresp_d h1 {
	font-size: 24px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	line-height: 26px;
	color: #4e7dc7;
	font-family: 'Roboto', sans-serif;
}
.pageNewLresp_d h2 { 
	font-size: 20px;
	font-weight: bold;
	line-height: 24px;
	color: #4e7dc7;
	font-family: 'Roboto', sans-serif;
}
.pageNewLresp_d h2 > a, .pageNewLresp_d h2 > a:visited {
	color: #4e7dc7;
	text-decoration: none;
}
div#viewMailOnPage p.testo { 
	font-size: 12px;
	line-height: 14px;
	font-family: 'Open Sans', sans-serif;
}
.contenutiNewL_d { background-color: #f4f4f4; width: 98%; padding: 5px; height: auto; }

/* old css from main6.css */
div#pagina {float:left; width:815px; padding:0 0 40px 10px; text-align:justify; color:#111;}
div#pagina h1 {font-family:"Roboto",sans-serif; font-size:24px; text-decoration:none; color:#4e7dc7; margin:6px 0 6px 0; font-weight:bold;}
div#pagina h2 {font-family:"Roboto",sans-serif; font-size:18px; text-decoration:none; color:#4e7dc7; margin:6px 0 6px 0; font-weight:bold;}
div#pagina h3 {font-family:"Roboto",sans-serif; font-size:16px; text-decoration:none; color:#4e7dc7; margin:15px 0 6px 0; font-weight:bold;}
div#pagina p {line-height:18px; font-family:"Open Sans",sans-serif; font-size:14px;}
div#pagina p a,div#pagina p a:VISITED {font-family:"Open Sans",sans-serif; font-size:inherit; color:#4e7dc7; text-decoration:underline;}

div#pagina ul {line-height:135%; font-family:"Open Sans",sans-serif; font-size:14px;}
div#pagina ul li {line-height:135%; font-family:"Open Sans",sans-serif; font-size:14px;}
div#pagina ul li a {color:#4e7dc7; text-decoration:none;}
div#pagina p.testoSmall, .testoSmall {font-size:12px;}

div.bannerTxt {border:solid 1px #4e7dc7; text-align:center; font-size:12px; width:158px; height:58px; margin:7px 0 7px 6px; padding:0;}
div.bannerTxt a {color:#4e7dc7; padding-top:20px; text-decoration:none;}
div.bannerImg {margin:5px 0 5px 6px; padding:0;}
div.bannerImg img {width:160px; height:60px; background-color:#edf2f9;}
.bottone2, .bottone2Big, .bottone2Big_d {cursor:pointer; font-family:helvetica,sans-serif; color:#4e7dc7; border-width:1px 2px 2px 1px; border-color:#4e7dc7; border-style:solid; background-color:#e6ebf2;}
.bottone2 {font-size:12px; border-radius:3px; text-decoration:none !important; padding:1px 6px;}

span.tastoBlu {
	background-color: #4e7dc7;
	background-image: none;
	border: medium none;
	border-radius: 5px;
	color: #FFFFFF;
	cursor: pointer;
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	font-weight: bold;
	line-height: 18px;
	padding: 10px 15px;
}

/* style delle toolbar */
div#TBmytoolbar {clear:both; position:fixed; bottom:0; z-index:40; width:1000px;}
div#TBinfo {background:white;padding-top:5px;}
div#TBinfo div#TBinfobar {border-top :2px solid #1e4c8a; border-left:2px solid #1e4c8a; border-right:2px solid #1e4c8a; border-bottom :1px solid #1e4c8a; background:#e6ebf2;}
div#TBinfo div#TBinfobar table {padding:5px 0px 5px 5px;}
div#TBinfo div#TBinfobar table td#TBsito {color:#4e7dc7;text-align:center;font-size:14px;}
div#TBsegnapostoTool {clear:both; width:1000px; height:60px; color:red;}
div#TBtoolbarchiudi {font-family:Verdana,Arial,sans-serif; font-size:12px;color:#1e4c8a; text-decoration:none;float:right;padding:3px;cursor:pointer;text-align:right;}
.TBtoolbarlabel {font-family:Verdana,Arial,sans-serif; font-size:12px; font-weight:bold; color:#1e4c8a; text-decoration:none; text-align:right;}
.TBtoolbartesto {font-family:helvetica,sans-serif; font-size:12px; text-decoration:none; color:black;}
/* fine style delle toolbar */

/* style per messaggio salvato */
.xb-saved { position: fixed; z-index: 100; right: 20%; bottom: 20%; text-align: center; background-color: #fff; border: 2px solid #4caf50; }
.xb-saved-content { padding: 3px 17px; color: #4caf50; font-family: "Open Sans", sans-serif; font-size: 13px; font-weight: 600; text-align: center; }
.xb-saved-content::after { content: " \2713"; }

/* fine old css*/

h1.titPag { 
	font-size: 24px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	line-height: 26px;
	color: #4e7dc7;
	font-family: 'Roboto', sans-serif;
}
#paginaResponsive h1 {
	font-size: 24px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	line-height: 26px;
	color: #4e7dc7;
	font-family: 'Roboto', sans-serif;
}

/* footer */
.mainFooter {
	width:100%;
	background-color:#4e7dc7;
	padding:13px 19px;
	clear: both;
}
.mainFooter p {
	padding:0;
	margin:0;
	color:#fff;
}
.mainFooter p a, .mainFooter p a:visited { color: #fff; text-decoration: none; }
.footerPayoff { float:left; }
.footerPayoff > p {
	font-size: 12px;
	line-height: 40px;
}
.footerPayoff > p > a, .footerPayoff > p > a:visited { color: #fff; text-decoration: none; }
.footerPayoff > p > a:hover { text-decoration: underline; }
.footerShare_d { float: right; }
.footerShare_d p {
	display:inline-block;
	vertical-align:top;
	/* padding-bottom:18px; */
	margin-right:5px;
}
div.socialMobileContainer { 
	text-align: center; 
	padding: 20px 0 0;
}
div.socialMobileContainer a { 
	padding: 0 10px;
	display: inline-block;
	text-decoration: none;
}
.footerShare ul { display:inline-block; }
.footerShare ul li {
	display:inline-block;
}
p.changeLayout_d { font-size: 12px; line-height: 30px; }
p.changeLayout_d a > img {
	position: relative; 
	top: 6px; 
}

/***************************
box hp_inEvidenza per le altre pagine 
*****************************/
div.inEvidLeft {
    height: 100%;
    background-color:#f4f4f4;
    margin: 0;
    padding: 0;
    text-align: left;
    width: 190px;
    margin-right: 13px;
    margin-bottom: 40px;
    padding: 5px 10px 20px;
}
div.inEvidAR {
	width:280px;
	box-sizing: border-box;
	margin-right: 20px;
}
.inEvidLeftTitle {
	font-size: 18px;
	font-weight: bold;
	margin:0;
	padding:0;
	color: #4e7dc7;
}
ul.colEvidenzaLeft li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin:0;
	padding:0 0 0 5px;
	border-bottom:1px solid #C1C1C1;
	line-height: 44px;
	height: 44px;
	font-size:14px;
	font-family: 'Open Sans', sans-serif;
	color:#333333;
}
ul.colEvidenzaLeft li a {
	display:block;
	margin:0;
	padding:0;
	color:#333333;
	text-decoration:none;
	padding-left:32px;
	background-repeat:no-repeat;
	background-position:left center;
}
ul.colEvidenzaLeft li.su2righe { line-height: 20px; }
ul.colEvidenzaLeft li.su2righe a { padding-top: 2px; }
ul.colEvidenzaLeft li.su3righe { line-height: 13px; }
ul.colEvidenzaLeft li.su3righe a { padding-top: 2px; }
.noleggioSci { background-image:url(https://images.yesalps.com/static/common/site/icon/icon-noleggiosci.png); }
.bici { background-image:url(https://images.yesalps.com/static/common/site/icon/icon-bici.png); }
.rifugi { background-image:url(https://images.yesalps.com/static/common/site/icon/icon-rifugi.png); }
.scuoleSci { background-image:url(https://images.yesalps.com/static/common/site/icon/icon-scuolasci.png); }
.wellnessSpa { background-image:url(https://images.yesalps.com/static/common/site/icon/icon-wellness.png); }
.ristoranti { background-image:url(https://images.yesalps.com/static/common/site/icon/icon-ristoranti.png); }
.associazioni { background-image:url(https://images.yesalps.com/static/common/site/icon/icon-assturistiche.png); }
.promozioni { background-image:url(/comimg/site/icon/icon-promozioni.png); }
.newsletter { background-image:url(https://images.yesalps.com/static/common/site/icon/icon-newsletter.png); }
.mapPremium { background-image:url(https://images.yesalps.com/static/common/site/icon/icon-mappa.png); }
.cerca { background-image:url(https://images.yesalps.com/static/site/lente.png); background-size: 22px; }
.annunci { background-image:url(https://images.yesalps.com/static/common/site/icon/icon-annunci.png); }
.manifestazioni { background-image:url(/comimg/site/icon/icon-quadrato.png); }
.proLoco { background-image:url(/comimg/site/icon/icon-cerchio.png); }
.artigianato { background-image:url(/comimg/site/icon/icon-esagono.png); }
.eventi { background-image:url(https://images.yesalps.com/static/common/site/icon/icon-notizie-eventi.png);}
.campeggio { background-image:url(https://images.yesalps.com/static/common/site/icon/icon-campeggi.png); }
.taxi { background-image:url(https://images.yesalps.com/static/common/site/icon/icon-taxi.png); }
.scriviRec { background-image:url(https://images.yesalps.com/static/widgets/scrivi_circuito.png); background-size: 22px; }
.meteoIcon { background-image: url(https://images.yesalps.com/static/common/site/icon/icon-meteo.png); }
.webcamIcon { background-image: url(https://images.yesalps.com/static/common/site/icon/web_cam.png); }
/*
******************
	toolbar
******************
*/
.toolbar { 
    height: 100%;
    min-height: 100px;
	background-color: #cad8ee;
    margin: 0;
    padding: 0;
    text-align: left;
    width: 210px;
    margin-right: 0px;
    margin-bottom: 40px;
    padding: 10px; 
}
p.toolbarTit {
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	font-weight: bold;
	margin:0;
	padding:0;
	color: #333; 
	text-align: center;
}
.toolbar table {
	font-family: 'Open Sans', sans-serif;
	color: #000; 
	border-collapse: collapse;
	margin: 10px 0;
}
.toolbar table tr td {
	padding: 6px 5px;
	font-size: 12px;
}
.toolbar table tr td:first-child {
	font-weight: bold;
	padding-left: 0;
}

/* style dell'HoverDialog dei trattamenti modifica dell'op5.css */
span#TBTrat span.tratOff {color: grey; font-weight: normal; padding: 0; padding-right: 8px;}
span#TBTrat span.tratOn {color: black; font-weight: bold; padding: 0; padding-right: 8px;}
span.TBtratHover { padding: 2px 5px; white-space: nowrap; border: 1px solid #c1c1c1; background: #fff; font-family: arial; font-size: 12px; font-weight: bold; color: black;}

.toolbar input {
	width:100%;
	border:none;
}
.submitCerca {
	float:right;
}
.reservationHome input.cercaText, .toolbar input.cercaText, .dispGratuitiDesk input.cercaText, #hpOpGratuitiPopUp_d input.cercaText, .cercaOfferte input.cercaText, .cercaEventi input.cercaText, input.cercaText {
	background-image:none;
	background-color:#4e7dc7;
	border: none;
	color:#fff;
	padding:0px 15px;
	margin:0;
	height:34px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
	font-size:18px;
	line-height:18px;
	font-weight:bold;
	font-family: 'Roboto', sans-serif;
	cursor: pointer;
}
.toolbar input.cercaText {
	height: auto;
	min-height: 34px;
	padding: 3px 10px;
	white-space: normal;
}
.toolbar a,.toolbar a:visited {
	color: #4e7dc7;
	font-size: 12px;
}
#hpOpGratuitiPopUp_d input.cercaText{ margin: 10px 0;}

/* pin richieste */
div.pinRichiesta { border-top: solid 1px #edf2f9; position: relative; margin-top: 40px;}
div.pinRichiesta > p.pinRover { position: absolute; top: -15px; width: 100%;}
div.pinRichiesta > p.pinRover > span {background-color: #fff; padding: 3px 15px; font-weight: normal !important;}
div.pinRichiesta > p.pinRmess { margin-top: 25px; }
#formPinRichieste {margin: 10px auto 30px; width: 50%;}
#formPinRichieste > div { position: relative; text-align: center;}
#formPinRichieste input[type="text"] { padding: 3px 3px 3px 10px; margin: 0 10px; }
#formPinRichieste input[type="submit"] { background-color: #4e7dc7; border-radius: 5px; border: solid 1px #4e7dc7; padding: 5px 10px; color: #fff; font-size: 14px; text-shadow: 0 1px 1px #000;}
.pinVuoto { background-color: yellow; border: solid 2px yellow;}

/*  toolbar share social */
.toolbarShareCommon {
	text-align: center;
	clear: both;
}
.toolbarShareCommon a {
	font-size: 0;
	display: inline-block;
    padding: 0 12px;
    text-decoration: none;
}
.red {color: #fa0000 !important;}
a.red {color: #fa0000 !important; text-decoration: none !important;}

/**** per l'hover mouse del tasto richiedi offerta ****/
.overRichiesta {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #c1c1c1;
    color: black;
    font-family: arial;
    font-size: 13px;
    font-weight: normal;
    line-height: 140%;
    padding: 8px 10px;
    z-index: 6;
}
div.overRichiesta span { font-weight: bold; color: #4e7dc7; }

/****************
POPUP NUOVA REPLY
*****************/
div.hdwPopup { overflow: auto; padding: 20px; line-height: 140%; font-size: 16px; width: 280px; text-align: left; }
div.help { width: 600px; }
button.popupHDW { float: right; color: #4e7dc7; font-weight: bold; min-width: 50px; margin: 10px 5px; padding: 5px 15px; border: solid; border-width: 1px 2px 2px 1px; border-color: #4e7dc7; border-radius: 3px; background-color: #e6ebf2; cursor: pointer; }
button.rep { float: left; }

/*MAPPA SITI attività premium*/
.labelsSitiMappa { color: #4e7dc7; background-color:white; font-family:'Open Sans',sans-serif; font-size:12px; text-align:center; white-space:nowrap; padding:4px 0;}
.labelsSitiMappa p { margin-top:0; padding: 0 7px; font-size:12px;}
.labelsZoneMappa { color: #4e7dc7; background-color: white; font-family:'Open Sans', sans-serif; font-size: 12px; text-align: center; white-space:nowrap; padding:0 5px;}
#map{ position: relative; display:none; display:block; margin: 10px 0 auto; width:100%; height:500px;}
.divCentra{width:162px; height:39px; background-color: #4e7dc7; margin: 10px 0 0 0; border-radius: 5px; font-weight: bold; text-align:center;}
.divCentra a{display: block; position:relative; color: white; font-size: 14px; padding: 10px 0 0 0; text-decoration:none;}
.divCentra span{position:relative; top:-5px; margin:0 5px;}
/**********************************/
/* Livelli servizio */
[class*="YAliv"] {
	display: inline-block;
	height: 13px;
	background-repeat: no-repeat;
}
.YAliv-1soli {
  background-image: url(https://images.yesalps.com/static/site/YA-elenchi-sprite_7.svg#icon-1sole-view);
  width: 16px;
}

.YAliv-1S {
  background-image: url(https://images.yesalps.com/static/site/YA-elenchi-sprite_7.svg#icon-1stella-view);
  width: 16px;
}

.YAliv-1g {
  background-image: url(https://images.yesalps.com/static/site/YA-elenchi-sprite_7.svg#icon-1genziana-view);
  width: 16px;
}

.YAliv-1F {
  background-image: url(https://images.yesalps.com/static/site/YA-elenchi-sprite_7.svg#icon-1fiore-view);
  width: 16px;
}

.YAliv-1fun {
  background-image: url(https://images.yesalps.com/static/site/YA-elenchi-sprite_7.svg#icon-1fungo-view);
  width: 16px;
}

.YAliv-2soli {
  background-image: url(https://images.yesalps.com/static/site/YA-elenchi-sprite_7.svg#icon-2soli-view);
  width: 34px;
}

.YAliv-2F {
  background-image: url(https://images.yesalps.com/static/site/YA-elenchi-sprite_7.svg#icon-2fiori-view);
  width: 34px;
}

.YAliv-2S {
  background-image: url(https://images.yesalps.com/static/site/YA-elenchi-sprite_7.svg#icon-2stelle-view);
  width: 34px;
}

.YAliv-2g {
  background-image: url(https://images.yesalps.com/static/site/YA-elenchi-sprite_7.svg#icon-2genziane-view);
  width: 34px;
}

.YAliv-2fun {
  background-image: url(https://images.yesalps.com/static/site/YA-elenchi-sprite_7.svg#icon-2funghi-view);
  width: 34px;
}

.YAliv-3soli {
  background-image: url(https://images.yesalps.com/static/site/YA-elenchi-sprite_7.svg#icon-3soli-view);
  width: 54px;
}

.YAliv-3F {
  background-image: url(https://images.yesalps.com/static/site/YA-elenchi-sprite_7.svg#icon-3fiori-view);
  width: 54px;
}

.YAliv-3S {
  background-image: url(https://images.yesalps.com/static/site/YA-elenchi-sprite_7.svg#icon-3stelle-view);
  width: 54px;
}

.YAliv-3Ssup {
  background-image: url(https://images.yesalps.com/static/site/YA-elenchi-sprite_7.svg#icon-3stellesup-view);
  width: 85px;
}

.YAliv-3g {
  background-image: url(https://images.yesalps.com/static/site/YA-elenchi-sprite_7.svg#icon-3genziane-view);
  width: 50px;
}

.YAliv-3fun {
  background-image: url(https://images.yesalps.com/static/site/YA-elenchi-sprite_7.svg#icon-3funghi-view);
  width: 54px;
}

.YAliv-4soli {
  background-image: url(https://images.yesalps.com/static/site/YA-elenchi-sprite_7.svg#icon-4soli-view);
  width: 72px;
}

.YAliv-4F {
  background-image: url(https://images.yesalps.com/static/site/YA-elenchi-sprite_7.svg#icon-4fiori-view);
  width: 73px;
}

.YAliv-4S {
  background-image: url(https://images.yesalps.com/static/site/YA-elenchi-sprite_7.svg#icon-4stelle-view);
  width: 72px;
}

.YAliv-4Ssup {
  background-image: url(https://images.yesalps.com/static/site/YA-elenchi-sprite_7.svg#icon-4stellesup-view);
  width: 105px;
}

.YAliv-4g {
  background-image: url(https://images.yesalps.com/static/site/YA-elenchi-sprite_7.svg#icon-4genziane-view);
  width: 67px;
}

.YAliv-4fun {
  background-image: url(https://images.yesalps.com/static/site/YA-elenchi-sprite_7.svg#icon-4funghi-view);
  width: 72px;
}

.YAliv-5soli {
  background-image: url(https://images.yesalps.com/static/site/YA-elenchi-sprite_7.svg#icon-5soli-view);
  width: 91px;
}

.YAliv-5F {
  background-image: url(https://images.yesalps.com/static/site/YA-elenchi-sprite_7.svg#icon-5fiori-view);
  width: 92px;
}

.YAliv-5S {
  background-image: url(https://images.yesalps.com/static/site/YA-elenchi-sprite_7.svg#icon-5stelle-view);
  width: 91px;
}

.YAliv-5fun {
  background-image: url(https://images.yesalps.com/static/site/YA-elenchi-sprite_7.svg#icon-5funghi-view);
  width: 91px;
}

/* il livello I cat corrisponde all'icona III cat */
.YAliv-1cat {
  background-image: url(https://images.yesalps.com/static/site/YA-elenchi-sprite_7.svg#icon-3cat-view);
  width: 35px;
  height: 13px;
}

.YAliv-2cat {
  background-image: url(https://images.yesalps.com/static/site/YA-elenchi-sprite_7.svg#icon-2cat-view);
  width: 40px;
  height: 13px;
}
/* il livello III cat corrisponde all'icona I cat */
.YAliv-3cat {
  background-image: url(https://images.yesalps.com/static/site/YA-elenchi-sprite_7.svg#icon-1cat-view);
  width: 45px;
  height: 13px;
}
/*** ALERTS ***/
.alert {
	position: relative;
	border-style: solid;
	border-width: 1px;
	padding: 15px !important;
	font-size: 14px;
}
.alert a {
	color: #4e7dc7;
	text-decoration: none;
}
.alert-header {
	margin-bottom: 10px;
}
.alert-heading {
	margin-top: 0;
	margin-bottom: 0;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	font-weight: 700;
	line-height: 20px;
}
.alert-footer {
	margin-top: 10px;
}
.alert-icon {
	padding-top: 60px !important;
	padding-left: 15px !important;
	background-position: 50% 15px !important;
	background-repeat: no-repeat;
	background-size: 30px 30px;
}
.alert-icon-top {
	padding-top: 60px !important;
	padding-left: 15px !important;
	background-position: 50% 15px !important;
}
.alert-icon-left {
	padding-top: 15px !important;
	padding-left: 60px !important;
	background-position: 15px 50% !important;
}
.alert-information {
	border-color: #cad8ee;
	background-color: #edf2f9;
}
.alert-icon.alert-information {
	background-image: url(https://images.yesalps.com/static/site/YA-icons-generic_7.svg#icon-info-circle-view);
}
.alert-information .alert-heading {
	color: #4e7dc7;
}
.alert-success {
	border-color: #a2dbbd;
	background-color: #d0edde;
}
.alert-icon.alert-success {
	background-image: url(https://images.yesalps.com/static/site/YA-icons-generic_7.svg#icon-check-circle-view);
}
.alert-success .alert-heading {
	color: #16a55a;
}
.alert-warning {
	border-color: #ffd7a4;
	background-color: #ffebd1;
}
.alert-icon.alert-warning {
	background-image: url(https://images.yesalps.com/static/site/YA-icons-generic_7.svg#icon-warning-circle-view);
}
.alert-warning .alert-heading {
	color: #ff9c1b;
}
.alert-error {
	border-color: #fd9999;
	background-color: #fecccc;
}
.alert-icon.alert-error {
	background-image: url(https://images.yesalps.com/static/site/YA-icons-generic_7.svg#icon-error-circle-view);
}
.alert-error .alert-heading {
	color: #fa0000;
}
@media (min-width: 480px) {
	.alert-icon {
		padding-top: 15px !important;
		padding-left: 60px !important;
		background-position: 15px 50% !important;
	}
}
/*** DA YESALPS ***/
.d-none {
	display: none !important; /* Maurizio 10/06/2021 senza prefisso YA, perché serve solo per show/hide con XLbitJS! */
}
/* Bottoni */
.YA--btn {
	display: inline-block;
	min-width: 100px;
	vertical-align: middle;
	border: 1px solid transparent;
	border-radius: 4px;
	padding: 9px 14px;
	color: #000000;
	background-color: transparent;
	font-family: 'Open Sans', sans-serif;
	font-size: inherit;
	font-weight: 700;
	text-align: center;
	line-height: 20px;
	letter-spacing: 0.25px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.YA--btn-primary,
.YA--btn-primary:visited {
	color: #ffffff !important;
	background-color: #4e7dc7 !important;
	border-color: #4e7dc7 !important;
	text-decoration: none !important;
}

.YA--btn-primary:hover,
.YA--btn-primary:active,
.YA--btn-primary:focus {
	color: #ffffff !important;
	background-color: #3b5e95 !important;
	border-color: #3b5e95 !important;
}

.YA--btn-outline-primary,
.YA--btn-outline-primary:visited {
	color: #4e7dc7 !important;
	border-color: #4e7dc7 !important;
	text-decoration: none !important;
}

.YA--btn-outline-primary:hover,
.YA--btn-outline-primary:active,
.YA--btn-outline-primary:focus {
	color: #ffffff !important;
	background-color: #4e7dc7 !important;
	border-color: #4e7dc7 !important;
}

.YA--disabled,
[class*="YA--btn"]:disabled {
	opacity: .65;
	pointer-events: none;
}

.YA--disabled:hover,
[class*="YA--btn"]:disabled:hover {
	cursor: default;
}

.YA--btn-sm {
	padding: 4px 7.5px;
	font-size: 12px;
	letter-spacing: 1px;
}

.YA--btn-outline-primary:hover [class*="icon"],
.YA--btn-outline-primary:hover img {
	filter: invert(99%) sepia(47%) saturate(2%) hue-rotate(75deg) brightness(106%) contrast(100%);
}

.YA--btn-icon-only {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: relative;
	min-width: unset;
	width: 30px;
	height: 30px;
	border-color: transparent;
	padding: 0;
	background-color: transparent;
	cursor: pointer;
}

.YA--btn-block {
	display: block;
	width: 100%;
}

.YA--btn-link,
.YA--btn-link:visited {
	color: #4e7dc7;
	font-weight: inherit;
	letter-spacing: 0;
	text-decoration: none;
}

.YA--btn-link:hover,
.YA--btn-link:active,
.YA--btn-link:focus {
	color: #4e7dc7;
	text-decoration: none;
}

/* Icone */
.YA--icon {
	position: relative;
	display: inline-block;
	vertical-align: top;
	-webkit-box-flex: 0;
	-webkit-flex: none;
	-ms-flex: none;
	flex: none;
	background-position: center;
	background-repeat: no-repeat;
	min-width: 20px;
	min-height: 20px;
}

.YA--icon-3 {
	min-width: 15px;
	min-height: 15px;
}

.YA--icon-bluYA {
	filter: invert(53%) sepia(87%) saturate(1893%) hue-rotate(195deg) brightness(82%) contrast(88%);
}

.YA--icon-white {
	filter: invert(99%) sepia(47%) saturate(2%) hue-rotate(75deg) brightness(106%) contrast(100%);
}

.YA--icon-greyYA {
	filter: invert(47%) sepia(1%) saturate(0%) hue-rotate(48deg) brightness(101%) contrast(89%);
}

.YA--icon-map {
	background-image: url(https://images.yesalps.com/static/site/YA-icons-generic_8.svg#icon-map-view);
}

.YA--icon-external-link {
	background-image: url(https://images.yesalps.com/static/site/YA-icons-generic_8.svg#icon-external-link-view);
}

.YA--icon-eshop {
	background-image: url(https://images.yesalps.com/static/site/YA-icons-generic_8.svg#icon-eshop-view);
}

.YA--icon-webcam {
	background-image: url(https://images.yesalps.com/static/site/YA-icons-generic_8.svg#icon-webcam-view);
}

.YA--icon-altre-zone {
	background-image: url(https://images.yesalps.com/static/site/YA-common-sprite_4.svg#icon-zone-switch-view);
	background-position-x: center;
	background-position-y: center;
	background-repeat: no-repeat;
	background-size: 30px;
	width: 30px;
	height: 30px;
}

/* Grid */
.YA--row {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.YA--align-items-center {
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.YA--justify-content-center {
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.YA--col,
[class*="col-"] {
	padding-left: 10px;
	padding-right: 10px;
	min-width: 0;
}

.YA--col {
	-webkit-flex-basis: 0;
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	max-width: 100%;
}

.YA--col-auto {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 auto;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: auto;
	max-width: 100%;
}

.YA--col-33 {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 33.333333%;
	-ms-flex: 0 0 33.333333%;
	flex: 0 0 33.333333%;
	max-width: 33.333333%;
}

.YA--col-66 {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 66.666667%;
	-ms-flex: 0 0 66.666667%;
	flex: 0 0 66.666667%;
	max-width: 66.666667%;
}

.YA--col-100 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

/* Spacing */
.YA--px-0 {
	padding-right: 0 !important;
	padding-left: 0 !important;
}

.YA--p-2 {
	padding: 10px !important;
}

.YA--pt-2 {
	padding-top: 10px !important;
}

.YA--px-2 {
	padding-right: 10px !important;
	padding-left: 10px !important;
}

.YA--py-2 {
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}

.YA--p-4 {
	padding: 20px !important;
}

.YA--pt-4 {
	padding-top: 20px !important;
}

.YA--pb-4 {
	padding-bottom: 20px !important;
}

.YA--py-4 {
	padding-top: 20px !important;
	padding-bottom: 20px !important;
}

.YA--mb-0 {
	margin-bottom: 0 !important;
}

.YA--mt-1 {
	margin-top: 5px !important;
}

.YA--mt-2 {
	margin-top: 10px !important;
}

.YA--mr-2 {
	margin-right: 10px !important;
}

.YA--mx-2 {
	margin-right: 10px !important;
	margin-left: 10px !important;
}

.YA--mb-2 {
	margin-bottom: 10px;
}

.YA--mr-1 {
	margin-right: 5px !important;
}

.YA--mb-1 {
	margin-bottom: 5px !important;
}

.YA--ml-1 {
	margin-left: 5px !important;
}

.YA--ml-2 {
	margin-left: 10px !important;
}

.YA--mb-3 {
	margin-bottom: 15px !important;
}

.YA--my-3 {
	margin-top: 15px !important;
	margin-bottom: 15px !important;
}

.YA--mt-0 {
	margin-top: 0 !important;
}

.YA--mt-4 {
	margin-top: 20px !important;
}

.YA--mb-4 {
	margin-bottom: 20px !important;
}

.YA--my-4 {
	margin-top: 20px !important;
	margin-bottom: 20px !important;
}

.YA--mx-auto {
	margin-right: auto !important;
	margin-left: auto !important;
}

.YA--ml-auto {
	margin-left: auto !important;
}

/* Colors */
.YA--bg-bluYA-T5 {
	background-color: #edf2f9;
}

.YA--bluYA {
	color: #4e7dc7 !important;
}

.YA--black {
	color: #000 !important;
}

.YA--greyYA {
	color: #787878 !important;
}

.YA--bg-greyYA-T4 {
	background-color: #eaeaea;
}

.YA--bg-greyYA-T5 {
	background-color: #f4f4f4;
}

.YA--bb-greyYA-T3 {
	border-bottom: 1px solid #c6c6c6;
}

.YA--red, .YA--danger, .YA--error  {
	color: #fa0000 !important;
}

.YA--orange, .YA--warning  {
	color: #ff9c1b !important;
}

.YA--green, .YA--success  {
	color: #16a55a !important;
}

/* Text */
.YA--h2 {
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #437dc7;
}

.YA--h3 {
	margin-top: 25px;
	margin-bottom: 0;
	font-size: 16px;
	font-family: 'Roboto', sans-serif;
	color: #4e7dc7;
}

.YA--bold {
	font-weight: bold !important;
}

.YA--text-center {
	text-align: center !important;
}

.YA--text-right {
	text-align: right;
}

.YA--text-S {
	font-size: 12px !important;
}

.YA--text-SM {
	font-size: 13px;
}

.YA--text-M {
	font-size: 14px !important;
}

.YA--text-L {
	font-size: 16px !important;
}

/* Display */
.YA--d-block {
	display: block;
}

.YA--d-inline-block {
	display: inline-block;
}

.YA--d-flex {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

/* Dimensioni */
.YA--w-100 {
	width: 100% !important;
}

/* Float */
.YA--fl-r {
	float: right;
}

/* Frecce angolari */
.YA--angle {
  display: inline-block;
  border: none;
  border-color: inherit;
  border-top: 2px solid;
  border-right: 2px solid;
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  width: 8px;
  height: 8px;
}
.YA--angle-right {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.YA--angle-left {
  -webkit-transform: rotate(-135deg);
      -ms-transform: rotate(-135deg);
          transform: rotate(-135deg);
}

/* Project.COOKIE_CONSENT_14042021 {
   Stili copiati da YesAlps */
.page-footer, .page-footer *, .page-footer *:after, .page-footer *:before {
	box-sizing: border-box;
}
.page-footer {
	box-sizing: border-box;
	margin-top: 10px;
	padding-right: 30px !important;
	padding-left: 30px !important;
	padding-top: 20px !important;
	padding-bottom: 20px !important;
	color: #ffffff;
	background-color: #4e7dc7;
	font-size: 13px;
}
.page-footer-credits {
	line-height: 20px;
}
.page-footer a {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	color: #ffffff !important;
	text-decoration: none;
}
.page-footer-wrapper {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -10px;
	margin-left: -10px;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}
.page-footer-tools {
	margin-left: auto !important;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -10px;
	margin-left: -10px;
}
.page-footer-wrapper-icon {
	position: relative;
	padding-left: 10px;
	padding-right: 10px;
	min-width: 0;
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 auto;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: auto;
	max-width: 100%;
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	line-height: 0;
}
.page-footer-logo {
	display: inline-block;
	margin-top: 5.5px;
	width: 150px;
	height: 30px;
	background-image: url(https://images.yesalps.com/static/site/YA-common-sprite_5.svg#logo-ya-white-view);
	background-repeat: no-repeat;
	background-size: 150px 30px;
}
.page-footer-credits {
	margin-left: 30px;
	border-left: 1px solid #ffffff;
	padding-left: 30px;
}
.page-footer-sep {
	padding: 0 8px;
}
.page-footer-caption {
	-webkit-box-ordinal-group: 0;
	-webkit-order: -1;
	-ms-flex-order: -1;
	order: -1;
	margin-right: 5px;
	line-height: 20px;
}
[class*="page-footer-icon"] {
	margin-left: 5px;
	display: inline-block;
	border-width: 1px;
	border-style: solid;
	width: 45px;
	height: 45px;
	width: 35px;
	height: 35px;
	border-radius: 50%;
	border-color: #ffffff;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 15px 15px;
}
[class*="page-footer-icon"]:first-of-type {
	margin-left: 0;
}
.page-footer-icon-desktop {
	background-image: url(https://images.yesalps.com/static/site/YA-common-sprite_5.svg#icon-desktop-view);
}
.page-footer-icon-mobile {
	background-image: url(https://images.yesalps.com/static/site/YA-common-sprite_5.svg#icon-mobile-view);
}
.page-footer-icon-facebook {
	background-image: url(https://images.yesalps.com/static/site/YA-common-sprite_5.svg#icon-facebook-view);
}
.page-footer-icon-instagram {
	background-image: url(https://images.yesalps.com/static/site/YA-common-sprite_5.svg#icon-instagram-view);
}
.page-footer-icon-share {
	background-image: url(https://images.yesalps.com/static/site/YA-icons-generic_9.svg#icon-share-view);
	background-position-x: 9px;
}

/* } */