@font-face {
   	font-family: "FrutigerBold";
   	src: url(fonts/FrutigerNeue1450Pro-Bold.otf) format("truetype");
    font-weight: normal;
    font-style: normal;
}
@font-face {
   	font-family: "Frutiger";
	src: url(fonts/FrutigerNeue1450Pro-Regular.otf) format("truetype");
    font-weight: normal;
    font-style: normal;
}


:root {

/*Size 1*/
  --fs-xxl: 60px;
  --lh-xxl: 80px;

  --fs-xl: 40px;
  --lh-xl: 53px;

  --fs-big: 30px;
  --lh-big: 40px;

  --fs-body: 22px;
  --lh-body: 32px;

  --fs-small: 16px;
  --lh-small: 26px;

 --fs-bodyh2: 24px;
  --lh-bodyh2: 34px;

 --fs-ol: 46px;
  --lh-ol: 66px;

 --fs-gal: 16px;
  --lh-gal: 26px;

 --fs-fac: 100px;
  --lh-fac: 133px;

  --c-primary: #022B4B;
  --c-secondary: #FFA93D;
  --c-third: #8DB2D0;

  --m-big: 150px;
  --m-med: 100px;
  --m-sml: 50px;
  --m-tiny: 20px;
}


/*.legend {
	margin-right: 40px;
}

.legend:before {
	content: '';
	position: absolute;
	top: 0;
	left: -45px;
	width: 35px;
	height: 4px;
	margin-top: 10px;
	background-color: #3A6F2E;
}
.legend:first-of-type:before {
    background-color: #64B145;
}
.legend:nth-of-type(3):before {
    background-color: #DDDDDD;
}*/
.green{
	color: #ABD355 ;
  	font-size: var(--fs-small);
  	line-height: var(--lh-small);
}
.button{
	color: var(--c-primary);
	background-color: #fff;
	padding: 10px 15px;
	font-size: 16px;
	line-height: 21px;
	margin-top: 35px;
	background-image: url('/img/heart.svg');
	background-repeat: no-repeat;
	padding-right: 37px;
	background-position: top 50% right 15px;
	transition: all 0.5s;
}
.button.nohart{
	background-image: none;
	padding-right: 10px;
}
.button:hover{
	background: var(--c-primary);
	color: #fff !important;
	background-image: url('/img/heart_hov.svg');
	background-repeat: no-repeat;
	padding-right: 37px;
	background-position: top 50% right 15px;
	transition: all 0.5s;
}
.righttxt{
	text-align: right;
    white-space: nowrap;
    margin-left: auto;
    padding-left:20px;
    float: right;
}