@charset "UTF-8";
/* Penha Longa - CSS Main */

.link-button{
	position: absolute;
	display: block;
	width: auto;
	height: auto;
	top: 30px;
	left: 30px;
	z-index: 444;
}

.link-button a{
	position: relative;
	display: block;
	width: auto;
	height: 40px;
	padding: 0 15px;
	background-color: rgb(1,0,251);
	color: rgb(255,255,255);
	line-height: 40px;
	font-size: 16px;
	font-weight: 400;
	text-decoration: none;
	transition: all .2s ease;
}

.link-button a:hover{
	color: rgb(1,0,251);
	background-color: rgb(255,255,255);
}

.promo-modal{
	position: fixed;
	display: block;
	overflow: hidden;
	width: 0;
	height: 0;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: rgba(1,0,251,0.5);
	z-index: 999998;
	transition: all .4s ease;
}

.promo-modal.open{
	position: fixed;
	display: block;
	width: 100vw;
	height: 100vh;
	background-color: rgba(1,0,251,0.5);
	z-index: 999998;
}

.promo-modal .content-modal{
	position: relative;
	height: calc(100vh - 120px);
	background-color: rgb(255,255,255);
	margin-top: 60px;
}

.promo-modal .content-modal .promo-close{
	position: absolute;
	display: block;
	width: 20px;
	height: 20px;
	top: 30px;
	right: 30px;
	cursor: pointer;
	z-index: 999999;
}

.promo-modal .content-modal .promo-close svg{
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
}

.promo-modal .content-modal .promo-close svg path{
	fill: rgb(1,0,251);
}

.promo-modal .content-modal .cover{
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.promo-modal .content-modal .text-modal{
	position: absolute;
	display: block;
	width: 100%;
	height: auto;
	bottom: 0;
	left: 0;
	background-color: rgba(255,255,255,0.9);
	text-align: center;
}

.promo-modal .content-modal .text-modal .title{
	position: relative;
	display: block;
}

.promo-modal .content-modal .text-modal .title h1{
	position: relative;
	display: block;
	font-family: 'LAB-HEADER';
	font-weight: 300;
	font-size: 42px;
	padding: 30px 30px 10px 30px;
}

.promo-modal .content-modal .text-modal .description{
	position: relative;
	display: block;
}

.promo-modal .content-modal .text-modal .description p{
	position: relative;
	display: block;
	padding: 5px 30px 30px 30px;
}

.promo-modal .content-modal .text-modal .description a{
	position: relative;
	display: inline-block;
	width: auto;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	font-weight: 400;
	text-decoration: none;
	background-color: rgb(1,0,251);
	color: rgb(255,255,255);
	padding: 0 30px;
	margin: 0 0 30px 0;
	transition: all .2s ease;
}

.promo-modal .content-modal .text-modal .description a:hover{
	color: rgb(1,0,251);
	background-color: rgb(255,255,255);
}

.sergi-arola-signature{
	position: absolute;
	display: block;
	width: auto;
	height: 60px;
	bottom: 80px;
	left: 80px;
	z-index: 888;
}

.sergi-arola-signature svg{
	position: absolute;
	display: block;
	width: auto;
	height: 100%;
	bottom: 0;
	left: 0;
}

.sergi-arola-signature svg path{
	fill: rgba(255,255,255,1);
}

.sergi-arola-signature.black svg path{
	fill: rgba(0,0,0,1);
}

.sergi-arola-signature-xl{
	position: absolute;
	display: block;
	width: auto;
	height: 100px;
	bottom: 80px;
	left: 80px;
	z-index: 888;
}

.sergi-arola-signature-xl svg{
	position: absolute;
	display: block;
	width: auto;
	height: 100%;
	bottom: 0;
	left: 0;
}

.sergi-arola-signature-xl svg path{
	fill: rgba(255,255,255,1);
}

.sergi-arola-signature-xl.black svg path{
	fill: rgba(0,0,0,1);
}

.sergi-arola-signature-cr{
	position: relative;
	display: block;
	width: auto;
	height: 120px;
	z-index: 888;
}

.sergi-arola-signature-cr svg{
	position: absolute;
	display: block;
	width: auto;
	height: 100%;
	bottom: 0;
	left: 0;
}

.sergi-arola-signature-cr svg path{
	fill: rgba(0,0,0,1);
}

.sergi-arola-signature-cr.black svg path{
	fill: rgba(0,0,0,1);
}

.sergi-retro{
	position: relative;
	display: block;
	width: 100vw;
	height: auto;
}

.sergi-retro img{
	width: 100%;
}

.main-top{
	position: relative;
	display: block;
	width: 100vw;
	height: 100vh;
	top: 0;
	left: 0;
	color: rgb(255,255,255);
	background-color: rgb(0,0,0);
	z-index: 666;
}

.main-top .top-back{
	position: absolute;
	display: block;
	overflow: hidden;
	width: 100vw;
	height: 100vh;
	top: 0;
	left: 0;
}

.main-top .top-back video{
	position: absolute;
	display: block;
	min-width: 100%; 
  	min-height: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.main-top .filter{
	position: relative;
	display: block;
	width: 100vw;
	height: 100vh;
	top: 0;
	left: 0;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,1+100 */
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}

.scroll-down{
	position: absolute;
	display: block;
	width: 50px;
	height: 50px;
	bottom: 105px;
	left: 50%;
	transform: translate(-50%, 0);
	z-index: 777;
}

.scroll-down .mouse{
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.scroll-down .mouse svg{
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
}

.scroll-down .mouse svg path{
	fill: rgb(255,255,255);
}

.scroll-down .mouse-wheel{
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	animation: wheel 2s infinite;
}

.scroll-down .mouse-wheel svg{
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
}

.scroll-down .mouse-wheel svg path{
	fill: rgb(255,255,255);
}

@-webkit-keyframes wheel {
	0% {top: 0;}
	50% {top: 10%;}
	100% {top: 0;}
}

.scroll-down-text{
	position: absolute;
	display: inline-block;
	width: auto;
	height: auto;
	bottom: 80px;
	left: 50%;
	transform: translate(-50%, 0);
	font-family: 'LAB-HEADER';
	font-weight: 200;
	font-size: 12px;
	text-align: center;
	color: rgba(255,255,255,1);
	z-index: 777;
	animation: mousetext 2s infinite;
}

@-webkit-keyframes mousetext {
	0% {color: rgba(255,255,255,0);}
	50% {color: rgba(255,255,255,1);}
	100% {color: rgba(255,255,255,0);}
}

.top-headline{
	position: absolute;
	display: block;
	width: 100vw;
	height: auto;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	z-index: 777;
}

.top-headline h2{
	position: relative;
	display: block;
	font-size: 72px;
	padding: 0;
	margin: 0 0 15px 0;
}

.top-headline h4{
	position: relative;
	display: inline-block;
	height: 24px;
	font-size: 28px;
	line-height: 30px;
	padding: 0;
	margin: 0 0 10px 0;
	color: rgb(255,255,255);
	transition: all .4s ease;
}

.top-headline h4:hover{
	color: rgb(1,0,251);
}

.top-headline h4 .home-arrow-left{
	position: absolute;
	display: block;
	width: 11px;
	height: 11px;
	top: -2px;
	left: -30px;
}

.top-headline h4 .home-arrow-left svg{
	position: relative;
	display: inline-block;
	width: 14px;
	height: 14px;
	animation: arrowheadleft 2s infinite;
}

@-webkit-keyframes arrowheadleft {
	0% {transform: translate(4px, 0);}
	50% {transform: translate(-2px, 0);}
	100% {transform: translate(4px, 0);}
}

.top-headline h4 .home-arrow-left svg path{
	fill: rgb(255,255,255);
	transition: all .4s ease;
}

.top-headline h4:hover .home-arrow-left svg path{
	fill: rgb(1,0,251);
}

.top-headline .home-arrow-right{
	position: absolute;
	display: block;
	width: 20px;
	height: 20px;
	top: -2px;
	right: -30px;
}

.top-headline .home-arrow-right svg{
	position: relative;
	display: inline-block;
	width: 20px;
	height: 20px;
	animation: arrowheadright 2s infinite;
}

@-webkit-keyframes arrowheadright {
	0% {transform: translate(-2px, 0);}
	50% {transform: translate(4px, 0);}
	100% {transform: translate(-2px, 0);}
}

.top-headline .home-arrow-right svg path{
	fill: rgb(255,255,255);
}

.michelin-star{
	position: absolute;
	display: block;
	width: auto;
	height: 30px;
	bottom: 110px;
	left: 50%;
	transform: translate(-50%, 0);
	z-index: 888;
}

.michelin-star svg{
	position: relative;
	display: block;
	width: auto;
	height: 100%;
}

.michelin-star svg path{
	fill: rgb(255,255,255);
}

.restaurant{
	position: relative;
	display: block;
	width: 100vw;
	height: auto;
	padding: 120px 0 180px 0;
	/*background-color: rgba(0,255,0,0.5);*/
}

.restaurant .container{
	width: 100%;
	/*background-color: rgba(255,0,0,0.5);*/
	padding: 0;
}

.restaurant .container .image{
	padding: 0;
	/*background-color: rgba(255,0,255,0.5);*/
}

.restaurant .container .image .frame{
	position: relative;
	width: 100%;
	height: calc(100vh - 80px);
	
	background-repeat: no-repeat;
	background-size: cover;
	background-position: left;
}

.restaurant .container .text{
	padding: 0 160px;
	margin: 0 0 120px 0;
	/*background-color: rgba(0,0,255,0.5);*/
}

.restaurant .container .text h3{
	font-family: 'LAB-HEADER';
	font-weight: 300;
	font-size: 32px;
	padding: 0;
	margin: 0 0 30px 0;
}

.restaurant .container .text p{
	font-family: 'LAB-TEXT';
	font-weight: 300;
	font-size: 18px;
	padding: 0;
	margin: 0 0 15px 0;
}

.restaurant .container .text p b{
	font-size: 18px;
	font-weight: 400;
}

.restaurant .container .text p span{
	font-family: 'LAB-TEXT';
	font-weight: 300;
	font-size: 32px;
	padding: 0;
	margin: 0 0 15px 0;
}

.slider2{
	position: relative;
	display: block;
	width: 100vw;
	height: auto;
	padding: 120px 0 0 0;
	/*background-color: rgba(0,255,0,0.5);*/
}

.slider2 .container{
	width: 100%;
	/*background-color: rgba(255,0,0,0.5);*/
	padding: 0;
}

.slider2 .container .image{
	padding: 0;
	/*background-color: rgba(255,0,255,0.5);*/
}

.slider2 .container .image .frame{
	position: relative;
	width: 100%;
	height: calc(100vh - 80px);
	
	background-repeat: no-repeat;
	background-size: cover;
	background-position: left;
}

.restaurant-home-menu{
	position: relative;
	display: block;
	width: 100vw;
	height: auto;
	padding: 0 0 0 0;
	/*background-color: rgba(0,255,0,0.5);*/
}

.restaurant-home-menu .container{
	width: 100%;
	/*background-color: rgba(255,0,0,0.5);*/
	padding: 0 0;
}

.restaurant-home-menu .container .image{
	padding: 0 0 0 80px;
	/*background-color: rgba(255,0,255,0.5);*/
}

.restaurant-home-menu .container .image img{
	position: relative;
	width: 100%;
	height: auto;
	top: 2%;
	transform: translate(0, -5%);
	
	-webkit-filter: drop-shadow(18px 18px 24px rgba(0,0,0,0.1));
  	filter: drop-shadow(18px 18px 24px rgba(0,0,0,0.1));
}

.restaurant-home-menu .container .image .frame{
	position: relative;
	width: 100%;
	height: auto;
	
	background-repeat: no-repeat;
	background-size: cover;
	background-position: left;
}

.restaurant-home-menu .container .image .frame:before{
	content: "";
    width: 1px;
    padding-bottom: 100%;
    display: block;
}

.restaurant-home-menu .container .text{
	padding: 0 80px 0 160px;
	/*background-color: rgba(0,0,255,0.5);*/
}

.restaurant-home-menu .container .text h3{
	font-family: 'LAB-HEADER';
	font-weight: 300;
	font-size: 32px;
	padding: 0;
	margin: 0 0 30px 0;
}

.restaurant-home-menu .container .text p{
	font-family: 'LAB-TEXT';
	font-weight: 300;
	font-size: 18px;
	padding: 0;
	margin: 0 0 20px 0;
}

.restaurant-home-menu .container .text p.inverse{
	font-size: 18px;
	text-align: right;
}

.restaurant-home-menu .container .text p b{
	font-size: 22px;
	font-weight: 400;
}

.restaurant-home-menu .container .text p span{
	font-family: 'LAB-TEXT';
	font-weight: 300;
	font-size: 32px;
	padding: 0;
	margin: 0 0 20px 0;
}

.restaurant-home-menu .container .text p.inverse span{
	font-family: 'LAB-TEXT';
	font-weight: 300;
	font-size: 26px;
	padding: 0;
	margin: 0 0 20px 0;
}

.restaurant-home-menu .container .text p.inverse span.vat{
	font-size: 16px;
}

.team{
	position: relative;
	display: block;
	width: 100vw;
	height: auto;
	padding: 0 0 0 0;
	/*background-color: rgba(0,255,0,0.5);*/
}

.team .container{
	width: 100%;
	/*background-color: rgba(255,0,0,0.5);*/
	padding: 0;
}

.team .container .image{
	padding: 0;
	/*background-color: rgba(255,0,255,0.5);*/
}

.team .container .image img{
	position: absolute;
	max-width: 100%;
	max-height: 100%;
	left: 0;
	bottom: 0;
}

.team .container .image .frame{
	position: relative;
	width: 100%;
	height: auto;
	
	background-repeat: no-repeat;
	background-size: cover;
	background-position: left;
}

.team .container .image .frame:before{
	content: "";
    width: 1px;
    padding-bottom: 100%;
    display: block;
}

.team .container .text{
	padding: 120px 160px 105px 80px;
	/*background-color: rgba(0,0,255,0.5);*/
}

.team .container .text h3{
	font-family: 'LAB-HEADER';
	font-weight: 200;
	font-size: 32px;
	padding: 0;
	margin: 0 0 30px 0;
}

.team .container .text h3 b{
	font-weight: 300;
}

.team .container .text p{
	font-family: 'LAB-TEXT';
	font-weight: 300;
	font-size: 18px;
	padding: 0;
	margin: 0 0 20px 0;
}

.team .container .text p b{
	font-size: 22px;
	font-weight: 400;
}

.team .container .text p span{
	font-family: 'LAB-TEXT';
	font-weight: 300;
	font-size: 32px;
	padding: 0;
	margin: 0 0 20px 0;
}

.vladimir-veiga{
	position: relative;
	display: block;
	width: 100vw;
	height: auto;
	padding: 240px 0 80px 0;
	overflow: auto;
	background: transparent;
	
	background-image: url(../images/team/vladimir-veiga.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: right;
}

.vladimir-veiga .container{
	width: 100%;
	/*background-color: rgba(255,0,0,0.5);*/
	padding: 0;
}

.team .container .image{
	padding: 0;
	/*background-color: rgba(255,0,255,0.5);*/
}

.vladimir-veiga .container .text{
	padding: 0 80px 0 160px;
	color: rgb(255,255,255);
	/*background-color: rgba(0,0,255,0.5);*/
}

.vladimir-veiga .container .text h3{
	font-family: 'LAB-HEADER';
	font-weight: 200;
	font-size: 32px;
	padding: 0;
	margin: 0 0 30px 0;
}

.vladimir-veiga .container .text h3 b{
	font-weight: 300;
}

.vladimir-veiga .container .text p{
	font-family: 'LAB-TEXT';
	font-weight: 300;
	font-size: 18px;
	padding: 0;
	margin: 0 0 20px 0;
}

.vladimir-veiga .container .text p b{
	font-size: 22px;
	font-weight: 400;
}

.vladimir-veiga .container .text p span{
	font-family: 'LAB-TEXT';
	font-weight: 300;
	font-size: 32px;
	padding: 0;
	margin: 0 0 20px 0;
}

.media-gallery{
	position: relative;
	display: block;
	width: 100vw;
	height: auto;
	padding: 120px 0;
	/*background-color: rgba(0,255,0,0.5);*/
}

.media-gallery .container{
	width: 100%;
	/*background-color: rgba(255,0,0,0.5);*/
	padding: 0;
}

.media-gallery .container .image{
	padding:0 15px 30px 15px;
	/*background-color: rgba(255,0,255,0.5);*/
}

.media-gallery .container .image img{
	position: relative;
	width: 100%;
	height: auto;
}

.media-gallery .container .image .frame{
	position: relative;
	width: 100%;
	height: auto;
	
	background-repeat: no-repeat;
	background-size: cover;
	background-position: left;
}

.media-gallery .container .image .frame:before{
	content: "";
    width: 1px;
    padding-bottom: 100%;
    display: block;
}

.media-gallery .container .text{
	padding: 0  160px 0 160px;
	/*background-color: rgba(0,0,255,0.5);*/
}

.media-gallery .container .text h3{
	font-family: 'LAB-HEADER';
	font-weight: 200;
	font-size: 32px;
	padding: 0;
	margin: 0 0 30px 0;
}

.media-gallery .container .text h3 b{
	font-weight: 300;
}

.media-gallery .container .text p{
	font-family: 'LAB-TEXT';
	font-weight: 300;
	font-size: 18px;
	padding: 0;
	margin: 0 0 20px 0;
}

.media-gallery .container .text p a{
	color: rgb(27,27,27);
	text-decoration: none;
	transition: all .2s ease;
}

.media-gallery .container .text p a:hover{
	color: rgb(1,0,251);
	text-decoration: none;
}

.media-gallery .container .text p b{
	font-size: 22px;
	font-weight: 400;
}

.media-gallery .container .text p span{
	font-family: 'LAB-TEXT';
	font-weight: 300;
	font-size: 32px;
	padding: 0;
	margin: 0 0 20px 0;
}

.media-gallery .container .text p span b{
	font-size: 32px;
	font-weight: 400;
}

.feed-intro{
	position: relative;
	display: block;
	width: 100vw;
	height: auto;
	padding: 60px 120px;
	background-color:rgb(75,75,75);
}

.feed-intro h2{
	color: rgb(255,255,255);
	font-weight: 300;
	padding: 0;
	margin: 0;
}

.feed-intro h2 a{
	color: rgb(255,255,255);
	text-decoration: none;
	transition: all .2s ease;
}

.feed-intro h2 a:hover{
	color: rgb(1,0,251);
	text-decoration: none;
}

#ifeed {
	position: relative;
	display: block;
	overflow: hidden;
	width: 100vw;
	height: 33.32vw;
	padding: 0;
	margin: 0;
	border:none;
}

#instafeed {
	position: relative;
	display: block;
	width: 100vw;
	height: 50vw;
	padding: 0;
	margin: 0;
}
  
#instafeed a {
    position: relative;
	overflow: hidden;
	display: inline-block;
	width: 25vw;
	height: 25vw;
	float: left;
}
    
#instafeed a img {
	position: relative;
	display: block;
	width: auto;
	height: auto;
	min-width: 100%;
	min-height: 100%;
	transition: all .4s ease;
}    

#instafeed a:hover img{
	transform: scale(1.2);
}

.address-bar{
	position: relative;
	display: block;
	width: 100vw;
	height: auto;
	min-height: 160px;
	padding: 30px 0;
	background-color:rgb(75,75,75);
}

.address-bar .lab-signature{
	position: absolute;
	display: block;
	width: auto;
	height: 100px;
	top: 50%;
	left: 160px;
	transform: translate(0, -50%);
}

.address-bar .lab-signature .llbs{
	position: absolute;
	display: block;
	width: auto;
	height: 100%;
}

.address-bar .lab-signature .llbs svg{
	position: relative;
	display: block;
	width: auto;
	height: 100%;
}

.address-bar .lab-signature .llbs svg path{
	fill: rgb(255,255,255);
}

.address-bar .lab-address{
	position: absolute;
	display: block;
	width: auto;
	height: auto;
	top: 50%;
	right: 160px;
	transform: translate(0, -50%);
	text-align: right;
}

.address-bar .lab-address h3{
	padding: 0;
	margin: 0 0 5px 0;
	color: rgb(255,255,255);
	font-weight: 400;
}

.address-bar .lab-address h5{
	padding: 0;
	margin: 0;
	color: rgb(255,255,255);
	font-weight: 400;
}

#google-maps{
	position:relative;
	display:block;
    overflow: hidden;
	width:100%;
	height:440px;
	background-color:rgba(0,255,0,0);
    margin:0;
}

#map{
	position:absolute;
	width:100%;
	height:470px;
}

#google-maps h4{
    position: relative;
    display: block;
    max-width: 340px;
    font-size: 18px;
	font-weight: 300;
	font-family: 'LAB-HEADER';
    margin: 15px 0 10px 0;
    padding: 0;
    text-align: left;
}

.contact{
	position: relative;
	display: block;
	width: 100vw;
	left: 50%;
	height: auto;
	padding: 60px 160px;
	transform: translate(-50%, 0);
}

.contact h3{
	position: relative;
	display: block;
	width: auto;
	height: auto;
	width: 100%;
	height: auto;
	font-size: 32px;
	font-weight: 400;
	margin: 0 0 5px 0;
	text-align: center;
}

.contact .phone{
	padding: 0 0 0 30px;
	font-size: 24px;
	font-weight: 200;
	text-align: left;
}

.contact .phone span{
	font-weight: 400;
}

.contact .phone a{
	color: rgb(27,27,27);
	text-decoration: none;
	transition: all .2s ease;
}

.contact .phone a:hover{
	color: rgb(1,0,251);
}

.contact .phone a svg{
	position: absolute;
	display: block;
	width: 30px;
	height: 30px;
	top: 50%;
	left: 0;
	transform: translate(0, -50%);
	padding-bottom: 5px;
}

.contact .phone a svg path{
	fill: rgb(27,27,27);
}

.contact .phone a:hover svg path{
	fill: rgb(1,0,251);
}

.contact .schedule{
	padding: 10px 0 0 0;
	text-align: center;
}

.contact .email{
	padding: 0;
	font-size: 24px;
	font-weight: 200;
	text-align: right;
}

.contact .email a{
	color: rgb(27,27,27);
	text-decoration: none;
	transition: all .2s ease;
}

.contact .email a:hover{
	color: rgb(1,0,251);
}

.contact .email a span{
	text-transform: uppercase;
	font-weight: 400;
}

.footer{
	position: relative;
	display: block;
	width: 100vw;
	height: auto;
	font-size: 14px;
	padding: 60px 160px;
}

.footer .copyright{
	position: relative;
	display: block;
	float: left;
}

.footer .links{
	position: relative;
	display: block;
	float: right;
}

.footer .links ul{
	position: relative;
	padding: 0;
	margin: 0;
}

.footer .links ul li{
	position: relative;
	display: inline-block;
}

.footer .links ul li a{
	color: rgb(27,27,27);
	text-decoration: none;
	transition: all .2s ease;
}

.footer .links ul li a:hover{
	color: rgb(1,0,251);
}

.covid-warning {
	position: fixed;
	display: block;
	width: 100vw;
	height: auto;
	padding: 5px 0;
	top: 0;
	left: 0;
	color: rgb(255,255,255);
	background-color: rgb(0,0,0);
	z-index: 999;
}

.covid-warning .text {
	position: relative;
	display: inline-block;
	width: calc(100% - 65px);
	height: auto;
	vertical-align: middle;
	font-weight: 500;
	color: rgb(255,255,255);
}

.covid-warning .text a {
	color: rgb(255,255,255);
	text-decoration: underline;
}

.covid-warning .close-covid {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 50px;
	height: 50px;
}

.covid-warning .close-covid svg {
	position: relative;
	display: block;
	width: 20px;
	height: 20px;
	margin: 15px;
	cursor: pointer;
}

.covid-warning .close-covid svg path {
	fill: rgb(255,255,255);
}

.promo-modal{
	position: fixed;
	display: block;
	overflow: hidden;
	width: 0;
	height: 0;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: rgba(134,123,119,0.7);
	z-index: 999998;
	transition: all .4s ease;
}

.promo-modal.open{
	position: fixed;
	display: block;
	width: 100vw;
	height: 100vh;
	background-color: rgba(134,123,119,0.7);
	z-index: 999998;
}

.promo-modal .content-modal{
	position: relative;
	height: calc(100vh - 120px);
	background-color: rgb(255,255,255);
	margin-top: 60px;
}

.promo-modal .content-modal .promo-close{
	position: absolute;
	display: block;
	width: 20px;
	height: 20px;
	top: 30px;
	right: 30px;
	cursor: pointer;
	z-index: 999999;
}

.promo-modal .content-modal .promo-close svg{
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
}

.promo-modal .content-modal .promo-close svg path{
	fill: rgb(134,123,119);
}

.promo-modal .content-modal .cover{
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.promo-modal .content-modal .text-modal{
	position: absolute;
	display: block;
	width: 100%;
	height: auto;
	bottom: 0;
	left: 0;
	background-color: rgba(255,255,255,0.9);
	text-align: center;
}

.promo-modal .content-modal .text-modal .title{
	position: relative;
	display: block;
}

.promo-modal .content-modal .text-modal .title h1{
	position: relative;
	display: block;
	font-weight: 300;
	font-size: 42px;
	padding: 30px 30px 10px 30px;
}

.promo-modal .content-modal .text-modal .description{
	position: relative;
	display: block;
}

.promo-modal .content-modal .text-modal .description p{
	position: relative;
	display: block;
	padding: 5px 30px 30px 30px;
}

.promo-modal .content-modal .text-modal .description a{
	position: relative;
	display: inline-block;
	width: auto;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	font-family: 'Lora';
	font-weight: 400;
	text-decoration: none;
	background-color: rgb(134,123,119);
	color: rgb(255,255,255);
	padding: 0 30px;
	margin: 0 0 30px 0;
	transition: all .2s ease;
}

.promo-modal .content-modal .text-modal .description a:hover{
	color: rgb(134,123,119);
	background-color: rgb(255,255,255);
}