html, body {
max-width: 100%;
overflow-x: hidden;
}
@font-face {
font-family: "AirbnbCerealApp-Bold";
src: url('../fonts/AirbnbCerealBold.ttf') format("truetype");
}
@font-face {
font-family: "AirbnbCerealApp-Book";
src: url('../fonts/AirbnbCerealBook.ttf') format("truetype");
}
@font-face {
font-family: "AirbnbCerealApp-ExtraBold";
src: url('../fonts/AirbnbCerealExtraBold.ttf') format("truetype");
}
@font-face {
font-family: "AirbnbCerealApp-Medium";
src: url('../fonts/AirbnbCerealMedium.ttf') format("truetype");
}
.newsletter {
width : 100%;
min-width : 100%;
height : 100vh;
min-height : 1700px;
position : relative;
overflow : hidden;
margin : 0px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
background-color : rgba(255, 255, 255, 1.0);
opacity : 1.0;
}
a {
text-decoration : none;
}
div {
-webkit-text-size-adjust: none;
}
.anima-full-width-a {
width : 100%;
}
.anima-full-height-a {
height : 100%;
}
div {
-webkit-text-size-adjust: none;
}
.newsletter .bg {
background-color : rgba(255,255,255,0.0);
top : 0px;
height : 100%;
width : 100%;
position : absolute;
margin : 0;
left : 0px;
transform : rotate(0deg);
opacity : 1.0;
}
.newsletter .header {
background-color : rgba(255,255,255,0.0);
position : relative;
height : 100%;
width : 1200px;
transform : rotate(0deg);
opacity : 1.0;
}
.newsletter .header-layout-container {
pointer-events : none;
flex-direction : column;
top : 24px;
align-items : center;
height : 110px;
width : 100%;
position : absolute;
margin : 0;
display : flex;
left : 0;
}
.newsletter .header-layout-container > * {
pointer-events : auto;
}
.newsletter .header .logopng {
background-color : rgba(255,255,255,0.0);
top : 0px;
height : 128px;
width : 140px;
position : absolute;
margin : 0;
left : 0px;
transform : rotate(0deg);
opacity : 1.0;
}
.newsletter .header .nav {
background-color : rgba(255,255,255,0.0);
top : 20px;
height : 32px;
width : 603px;
position : absolute;
margin : 0;
left : 300px;
transform : rotate(0deg);
opacity : 1.0;
}
.newsletter .header .nav .newsletter1 {
background-color : rgba(255,255,255,0.0);
top : 4px;
height : auto;
width : auto;
position : absolute;
margin : 0;
left : 385px;
transform : rotate(0deg);
opacity : 1.0;
font-family : "AirbnbCerealApp-Bold", Helvetica, Arial, serif;
font-size : 18.0px;
color : rgba(225, 145, 65, 1.0);
text-align : left;
line-height : 24.0px;
}
.newsletter .header .nav .programmes {
background-color : rgba(255,255,255,0.0);
top : 4px;
height : auto;
width : auto;
position : absolute;
margin : 0;
left : 0px;
transform : rotate(0deg);
opacity : 1.0;
font-family : "AirbnbCerealApp-Bold", Helvetica, Arial, serif;
font-size : 18.0px;
color : rgba(27, 27, 27, 1.0);
text-align : left;
line-height : 24.0px;
}
.newsletter .header .nav .publications {
background-color : rgba(255,255,255,0.0);
top : 4px;
height : auto;
width : auto;
position : absolute;
margin : 0;
left : 143px;
transform : rotate(0deg);
opacity : 1.0;
font-family : "AirbnbCerealApp-Bold", Helvetica, Arial, serif;
font-size : 18.0px;
color : rgba(27, 27, 27, 1.0);
text-align : left;
line-height : 24.0px;
}
.newsletter .header .nav .contact {
background-color : rgba(255,255,255,0.0);
top : 4px;
height : auto;
width : auto;
position : absolute;
margin : 0;
left : 281px;
transform : rotate(0deg);
opacity : 1.0;
font-family : "AirbnbCerealApp-Bold", Helvetica, Arial, serif;
font-size : 18.0px;
color : rgba(27, 27, 27, 1.0);
text-align : left;
line-height : 24.0px;
}
.newsletter .header .nav .donate {
background-color : rgba(255,255,255,0.0);
top : 0px;
height : auto;
width : 89px;
position : absolute;
/*margin : 0;*/
padding : 0;
left : 514px;
transform : rotate(0deg);
opacity : 1.0;
margin-top: -15px;
/*z-index: -20;*/
}
/*.newsletter .header .nav .donate .rectangle8412 {
background-color : rgba(225, 145, 65, 1.0);
top : 0px;
height : auto;
width : 89px;
position : absolute;
margin : 0;
left : 0px;
border-radius : 16px;
transform : rotate(0deg);
opacity : 1.0;
}*/
.newsletter .header .nav .donate .donate1 {
/*background-color : rgba(255,255,255,0.0);*/
top : 0px;
height : auto;
width : auto;
padding: 0;
position : absolute;
margin : 0;
left : 12px;
transform : rotate(0deg);
opacity : 1.0;
font-family : "AirbnbCerealApp-Bold", Helvetica, Arial, serif;
font-size : 18.0px;
color : rgba(255, 255, 255, 1.0);
text-align : left;
/*line-height : 24.0px;*/
}
.newsletter .header .socialmedia {
background-color : rgba(255,255,255,0.0);
top : 26px;
height : 21px;
width : 85px;
position : absolute;
margin : 0;
left : 1115px;
transform : rotate(0deg);
opacity : 1.0;
}
.newsletter .header .socialmedia .facebookf {
background-color : rgba(255,255,255,0.0);
top : 1px;
height : 20px;
width : 10px;
position : absolute;
margin : 0;
left : 0px;
transform : rotate(0deg);
opacity : 1.0;
}
.newsletter .header .socialmedia .twitter {
background-color : rgba(255,255,255,0.0);
top : 2px;
height : 18px;
width : 22px;
position : absolute;
margin : 0;
left : 28px;
transform : rotate(0deg);
opacity : 1.0;
}
.newsletter .header .socialmedia .linkedinin {
background-color : rgba(255,255,255,0.0);
top : 0px;
height : 20px;
width : 20px;
position : absolute;
margin : 0;
left : 64px;
transform : rotate(0deg);
opacity : 1.0;
}
.newsletter .formsignup {
background-color : rgba(255,255,255,0.0);
margin-left : -80px;
height : 100%;
width : 640px;
margin-right : 80px;
position : relative;
transform : rotate(0deg);
opacity : 1.0;
}
.newsletter .formsignup-layout-container {
pointer-events : none;
flex-direction : column;
top : 350px;
align-items : center;
height : 450px;
width : 100%;
position : absolute;
margin : 0;
display : flex;
left : 0;
}
.newsletter .formsignup-layout-container > * {
pointer-events : auto;
}
.newsletter .formsignup .btnclear {
background-color : rgba(255,255,255,0.0);
top : 642px;
height : 55px;
width : 148px;
position : absolute;
margin : 0;
left : 190px;
transform : rotate(0deg);
opacity : 1.0;
}
.newsletter .formsignup .btnclear .rectangle {
background-color : rgba(255,255,255,0.0);
top : 0px;
height : 55px;
box-sizing : border-box;
width : 148px;
position : absolute;
margin : 0;
left : 0px;
border-radius : 27px;
border-style : solid;
border-width : 2px;
border-color : rgba(179, 62, 75, 1.0);
transform : rotate(0deg);
opacity : 1.0;
}
.newsletter .formsignup .btnclear .clear {
background-color : rgba(255,255,255,0.0);
top : 17px;
height : auto;
width : auto;
position : absolute;
margin : 0;
left : 47px;
transform : rotate(0deg);
opacity : 1.0;
font-family : "AirbnbCerealApp-Medium", Helvetica, Arial, serif;
font-size : 16.0px;
color : rgba(179, 62, 75, 1.0);
text-align : center;
line-height : 21.0px;
}
.newsletter .formsignup .btnsignup {
background-color : rgba(255,255,255,0.0);
top : 642px;
height : 55px;
width : 158px;
position : absolute;
margin : 0;
left : 0px;
transform : rotate(0deg);
opacity : 1.0;
}
.newsletter .formsignup .btnsignup .rectangle {
background-color : rgba(253, 189, 84, 1.0);
top : 0px;
height : 55px;
width : 158px;
position : absolute;
margin : 0;
left : 0px;
border-radius : 27px;
transform : rotate(0deg);
opacity : 1.0;
}
.newsletter .formsignup .btnsignup .signup {
background-color : rgba(255,255,255,0.0);
top : 16px;
height : auto;
width : auto;
position : absolute;
margin : 0;
left : 47px;
transform : rotate(0deg);
opacity : 1.0;
font-family : "AirbnbCerealApp-Medium", Helvetica, Arial, serif;
font-size : 16.0px;
color : rgba(255, 255, 255, 1.0);
text-align : center;
line-height : 21.0px;
}
.newsletter .formsignup .phonenumber {
background-color : rgba(255,255,255,0.0);
top : 484px;
height : 98px;
width : 468px;
position : absolute;
margin : 0;
left : 172px;
transform : rotate(0deg);
opacity : 1.0;
}
.newsletter .formsignup .phonenumber .phonenumber1 {
background-color : rgba(255,255,255,0.0);
top : 0px;
height : auto;
width : auto;
position : absolute;
margin : 0;
left : 4px;
transform : rotate(0deg);
opacity : 1.0;
font-family : "AirbnbCerealApp-Medium", Helvetica, Arial, serif;
font-size : 24.0px;
color : rgba(125, 128, 132, 1.0);
text-align : left;
line-height : 32.0px;
}
.newsletter .formsignup .phonenumber .rectangle4 {
background-color : rgba(255,255,255,0.0);
top : 44px;
height : 54px;
box-sizing : border-box;
width : 468px;
position : absolute;
margin : 0;
left : 0px;
border-radius : 27px;
border-style : solid;
border-width : 2px;
border-color : rgba(233, 233, 235, 1.0);
transform : rotate(0deg);
opacity : 1.0;
}
.newsletter .formsignup .country {
background-color : rgba(255,255,255,0.0);
top : 484px;
height : 98px;
width : 148px;
position : absolute;
margin : 0;
left : 0px;
transform : rotate(0deg);
opacity : 1.0;
}
.newsletter .formsignup .country .country1 {
background-color : rgba(255,255,255,0.0);
top : 0px;
height : auto;
width : auto;
position : absolute;
margin : 0;
left : 8px;
transform : rotate(0deg);
opacity : 1.0;
font-family : "AirbnbCerealApp-Medium", Helvetica, Arial, serif;
font-size : 24.0px;
color : rgba(125, 128, 132, 1.0);
text-align : left;
line-height : 32.0px;
}
.newsletter .formsignup .country .rectangle4 {
background-color : rgba(255,255,255,0.0);
top : 44px;
height : 54px;
box-sizing : border-box;
width : 148px;
position : absolute;
margin : 0;
left : 0px;
border-radius : 27px;
border-style : solid;
border-width : 2px;
border-color : rgba(233, 233, 235, 1.0);
transform : rotate(0deg);
opacity : 1.0;
}
.newsletter .formsignup .country .triangle {
background-color : rgba(255,255,255,0.0);
top : 64px;
height : 16px;
width : 20px;
position : absolute;
margin : 0;
left : 112px;
transform : rotate(0deg);
opacity : 1.0;
}
.newsletter .formsignup .email {
background-color : rgba(255,255,255,0.0);
top : 346px;
height : 98px;
width : 640px;
position : absolute;
margin : 0;
left : 0px;
transform : rotate(0deg);
opacity : 1.0;
}
.newsletter .formsignup .email .email1 {
background-color : rgba(255,255,255,0.0);
top : 0px;
height : auto;
width : auto;
position : absolute;
margin : 0;
left : 8px;
transform : rotate(0deg);
opacity : 1.0;
font-family : "AirbnbCerealApp-Medium", Helvetica, Arial, serif;
font-size : 24.0px;
color : rgba(125, 128, 132, 1.0);
text-align : left;
line-height : 32.0px;
}
.newsletter .formsignup .email .rectangle4 {
background-color : rgba(255,255,255,0.0);
top : 44px;
height : 54px;
box-sizing : border-box;
width : 640px;
position : absolute;
margin : 0;
left : 0px;
border-radius : 27px;
border-style : solid;
border-width : 2px;
border-color : rgba(233, 233, 235, 1.0);
transform : rotate(0deg);
opacity : 1.0;
}
.newsletter .formsignup .name {
background-color : rgba(255,255,255,0.0);
top : 150px;
height : 98px;
width : 640px;
position : absolute;
margin : 0;
left : 0px;
transform : rotate(0deg);
opacity : 1.0;
}
.newsletter .formsignup .name .name1 {
background-color : rgba(255,255,255,0.0);
top : 0px;
height : auto;
width : auto;
position : absolute;
margin : 0;
left : 8px;
transform : rotate(0deg);
opacity : 1.0;
font-family : "AirbnbCerealApp-Medium", Helvetica, Arial, serif;
font-size : 24.0px;
color : rgba(125, 128, 132, 1.0);
text-align : left;
line-height : 32.0px;
}
.newsletter .formsignup .name .rectangle4 {
background-color : rgba(255,255,255,0.0);
top : 44px;
height : 54px;
box-sizing : border-box;
width : 640px;
position : absolute;
margin : 0;
left : 0px;
border-radius : 27px;
border-style : solid;
border-width : 2px;
border-color : rgba(233, 233, 235, 1.0);
transform : rotate(0deg);
opacity : 1.0;
}
.newsletter .formsignup .signupforournews {
background-color : rgba(255,255,255,0.0);
top : 0px;
height : auto;
width : 640px;
position : absolute;
margin : 0;
left : 0px;
transform : rotate(0deg);
opacity : 1.0;
font-family : "AirbnbCerealApp-Book", Helvetica, Arial, serif;
font-size : 64.0px;
color : rgba(253, 189, 84, 1.0);
text-align : left;
line-height : 64.0px;
}
.newsletter .footer {
background-color : rgba(255,255,255,0.0);
position : relative;
height : 100%;
width : 1163px;
transform : rotate(0deg);
opacity : 1.0;
}
.newsletter .footer-layout-container {
pointer-events : none;
flex-direction : column;
align-items : center;
bottom : 40px;
height : 373px;
width : 100%;
position : absolute;
margin : 0;
display : flex;
left : 0;
}
.newsletter .footer-layout-container > * {
pointer-events : auto;
}
.newsletter .footer .bitmap {
background-color : rgba(255,255,255,0.0);
top : 4px;
height : 122px;
width : 140px;
position : absolute;
margin : 0;
left : 0px;
transform : rotate(0deg);
opacity : 1.0;
}
.newsletter .footer .cyberpolicy {
background-color : rgba(255,255,255,0.0);
top : 0px;
height : auto;
width : 120px;
position : absolute;
margin : 0;
left : 288px;
transform : rotate(0deg);
opacity : 1.0;
font-family : "AirbnbCerealApp-Bold", Helvetica, Arial, serif;
font-size : 18.0px;
color : rgba(44, 45, 48, 1.0);
text-align : left;
line-height : 23.0px;
}
.newsletter .footer .programmes {
background-color : rgba(255,255,255,0.0);
top : 47px;
height : auto;
width : auto;
position : absolute;
margin : 0;
left : 290px;
transform : rotate(0deg);
opacity : 1.0;
font-family : "AirbnbCerealApp-Medium", Helvetica, Arial, serif;
font-size : 16.0px;
color : rgba(125, 128, 132, 1.0);
text-align : left;
line-height : 18.0px;
}
.newsletter .footer .gallery {
background-color : rgba(255,255,255,0.0);
top : 115px;
height : auto;
width : auto;
position : absolute;
margin : 0;
left : 290px;
transform : rotate(0deg);
opacity : 1.0;
font-family : "AirbnbCerealApp-Medium", Helvetica, Arial, serif;
font-size : 16.0px;
color : rgba(125, 128, 132, 1.0);
text-align : left;
line-height : 18.0px;
}
.newsletter .footer .publications {
background-color : rgba(255,255,255,0.0);
top : 81px;
height : auto;
width : auto;
position : absolute;
margin : 0;
left : 290px;
transform : rotate(0deg);
opacity : 1.0;
font-family : "AirbnbCerealApp-Medium", Helvetica, Arial, serif;
font-size : 16.0px;
color : rgba(125, 128, 132, 1.0);
text-align : left;
line-height : 18.0px;
}
.newsletter .footer .contact {
background-color : rgba(255,255,255,0.0);
top : 47px;
height : auto;
width : auto;
position : absolute;
margin : 0;
left : 528px;
transform : rotate(0deg);
opacity : 1.0;
font-family : "AirbnbCerealApp-Medium", Helvetica, Arial, serif;
font-size : 16.0px;
color : rgba(125, 128, 132, 1.0);
text-align : left;
line-height : 18.0px;
}
.newsletter .footer .newsletter1 {
background-color : rgba(255,255,255,0.0);
top : 81px;
height : auto;
width : auto;
position : absolute;
margin : 0;
left : 528px;
transform : rotate(0deg);
opacity : 1.0;
font-family : "AirbnbCerealApp-Medium", Helvetica, Arial, serif;
font-size : 16.0px;
color : rgba(125, 128, 132, 1.0);
text-align : left;
line-height : 18.0px;
}
.newsletter .footer .donate {
background-color : rgba(255,255,255,0.0);
top : 115px;
height : auto;
width : auto;
position : absolute;
margin : 0;
left : 528px;
transform : rotate(0deg);
opacity : 1.0;
font-family : "AirbnbCerealApp-Medium", Helvetica, Arial, serif;
font-size : 16.0px;
color : rgba(125, 128, 132, 1.0);
text-align : left;
line-height : 18.0px;
}
.newsletter .footer .infocyberpolicycent {
background-color : rgba(255,255,255,0.0);
top : 47px;
height : auto;
width : auto;
position : absolute;
margin : 0;
left : 768px;
transform : rotate(0deg);
opacity : 1.0;
font-family : "AirbnbCerealApp-Medium", Helvetica, Arial, serif;
font-size : 16.0px;
color : rgba(125, 128, 132, 1.0);
text-align : left;
line-height : 18.0px;
}
.newsletter .footer .a2540720598498 {
background-color : rgba(255,255,255,0.0);
top : 110px;
height : auto;
width : auto;
position : absolute;
margin : 0;
left : 768px;
transform : rotate(0deg);
opacity : 1.0;
font-family : "AirbnbCerealApp-Medium", Helvetica, Arial, serif;
font-size : 16.0px;
color : rgba(125, 128, 132, 1.0);
text-align : left;
line-height : 18.0px;
}
.newsletter .footer .ihubsenteuplaza {
background-color : rgba(255,255,255,0.0);
top : 135px;
height : auto;
width : auto;
position : absolute;
margin : 0;
left : 768px;
transform : rotate(0deg);
opacity : 1.0;
font-family : "AirbnbCerealApp-Medium", Helvetica, Arial, serif;
font-size : 16.0px;
color : rgba(125, 128, 132, 1.0);
text-align : left;
line-height : 18.0px;
}
.newsletter .footer .facebook {
background-color : rgba(255,255,255,0.0);
top : 47px;
height : auto;
width : auto;
position : absolute;
margin : 0;
left : 1088px;
transform : rotate(0deg);
opacity : 1.0;
font-family : "AirbnbCerealApp-Medium", Helvetica, Arial, serif;
font-size : 16.0px;
color : rgba(125, 128, 132, 1.0);
text-align : left;
line-height : 18.0px;
}
.newsletter .footer .twitter {
background-color : rgba(255,255,255,0.0);
top : 81px;
height : auto;
width : auto;
position : absolute;
margin : 0;
left : 1088px;
transform : rotate(0deg);
opacity : 1.0;
font-family : "AirbnbCerealApp-Medium", Helvetica, Arial, serif;
font-size : 16.0px;
color : rgba(125, 128, 132, 1.0);
text-align : left;
line-height : 18.0px;
}
.newsletter .footer .linkedin {
background-color : rgba(255,255,255,0.0);
top : 115px;
height : auto;
width : auto;
position : absolute;
margin : 0;
left : 1088px;
transform : rotate(0deg);
opacity : 1.0;
font-family : "AirbnbCerealApp-Medium", Helvetica, Arial, serif;
font-size : 16.0px;
color : rgba(125, 128, 132, 1.0);
text-align : left;
line-height : 18.0px;
}
.newsletter .footer .a2512020copyrightc {
background-color : rgba(255,255,255,0.0);
top : 353px;
height : auto;
width : 247px;
position : absolute;
margin : 0;
left : 340px;
transform : rotate(0deg);
opacity : 1.0;
font-family : "AirbnbCerealApp-Bold", Helvetica, Arial, serif;
font-size : 16.0px;
color : rgba(125, 128, 132, 1.0);
text-align : left;
line-height : 20.0px;
}
/* .anima-animate-appear prefix for appear animations */
.anima-animate-appear {
opacity : 0;
display : block;
-webkit-animation : anima-reveal 0.3s ease-in-out 1 normal forwards;
-moz-animation : anima-reveal 0.3s ease-in 1 normal forwards;
-o-animation : anima-reveal 0.3s ease-in-out 1 normal forwards;
animation : anima-reveal 0.3s ease-in-out 1 normal forwards;
}
.anima-animate-disappear {
opacity : 1;
display : block;
-webkit-animation : anima-reveal 0.3s ease-in-out 1 reverse forwards;
-moz-animation : anima-reveal 0.3s ease-in 1 normal forwards;
-o-animation : anima-reveal 0.3s ease-in-out 1 reverse forwards;
animation : anima-reveal 0.3s ease-in-out 1 reverse forwards;
}
.anima-animate-nodelay {
-webkit-animation-delay: 0;
-moz-animation-delay: 0;
-o-animation-delay : 0;
animation-delay : 0;
}
@-webkit-keyframes anima-reveal {
0%
{
opacity: 0;
}
100%
{
opacity: 1;
}
}
@-moz-keyframes anima-reveal {
0%
{
opacity: 0;
}
100%
{
opacity: 1;
}
}
@-o-keyframes anima-reveal {
0%
{
opacity: 0;
}
100%
{
opacity: 1;
}
}
@keyframes anima-reveal {
0%
{
opacity: 0;
}
100%
{
opacity: 1;
}
}
.anima-component-wrapper,
.anima-component-wrapper * {
pointer-events : none;
}
.anima-component-wrapper a *,
.anima-component-wrapper a,
.anima-component-wrapper input,
.anima-component-wrapper video,
.anima-component-wrapper iframe,
.anima-listeners-active,
.anima-listeners-active * {
pointer-events : auto;
}
.anima-hidden,
.anima-hidden * {
visibility : hidden;
pointer-events : none;
}
.anima-smart-layers-pointers,
.anima-smart-layers-pointers * {
pointer-events : auto;
visibility : visible;
}
.anima-component-wrapper.anima-not-ready,
.anima-component-wrapper.anima-not-ready * {
visibility : hidden !important;
}
.anima-listeners-active-click,
.anima-listeners-active-click * {
cursor : pointer;
}