/*------------- BODY -------------*/
html, body {
position: absolute;
top: 0;
right: 0;
margin: 0;
padding: 0;
width: 100% !important;
min-height: 100% !important;
height: fit-content;
overflow-x: hidden;
overflow-y: auto;
font-family: 'Roboto', sans-serif;
font-weight: 400;
background-color: #ffffff;
box-sizing: border-box;
}
*{
font-family: 'Roboto', sans-serif;
font-weight: 400;
box-sizing: border-box;
margin: 0px;
padding: 0px;
border: 0px;
}
*{
user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
}
/*------------- BODY -------------*/
/*------------- MAIN -------------*/
.root_main{
display: block;
position: relative;
width: 100%;
height: auto;
margin: 0px;
padding: 0px;
padding-top: 90px;
background-color: #ffffff;
}
/*------------- MAIN -------------*/
/*------------- WHATSAPP -------------*/
.whatsapp_shortcut{
display: block;
position: fixed;
bottom: 0px;
right: 0px;
width: auto;
height: auto;
margin: 0px;
padding: 0px;
padding-right: 20px;
padding-bottom: 20px;
z-index: 99;
outline: none;
}
.whatsapp_shortcut_svg{
display: block;
width: 50px;
height: auto;
margin: 0px;
padding: 0px;
}
/*------------- WHATSAPP -------------*/
/*------------- HEADER -------------*/
.root_header{
display: block;
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 90px;
padding: 0px;
margin: 0px;
background-color: #000000;
z-index: 9999;
}
.root_header__content{
display: flex;
align-items: stretch;
justify-content: space-between;
position: relative;
max-width: 1380px;
height: 100%;
padding: 0px;
margin: 0px auto;
}
.root_header__content__logo{
display: flex;
align-items: center;
width: fit-content;
height: 100%;
margin: 0px;
padding: 0px 20px;
cursor: pointer;
color: #ffffff;
text-decoration: none;
outline: none;
}
.root_header__content__logo__img{
display: block;
width: auto;
height: 50px;
background-color: #000000;
margin: 0px;
padding: 0px;
}
.root_header__content__wrapper{
display: flex;
flex-direction: row;
width: fit-content;
height: auto;
padding: 0px;
margin: 0px;
border: 0px;
}
.root_header__content__wrapper__navbar{
display: flex;
flex-direction: row;
width: fit-content;
height: 100%;
padding: 0px;
margin: 0px;
border: 0px;
}
.root_header__content__wrapper__navbar__item{
display: flex;
align-items: center;
font-size: 18px;
font-weight: 400;
padding: 0px 20px;
cursor: pointer;
color: #ffffff;
text-decoration: none;
}
.root_header__content__wrapper__navbar__item__span,
.root_header__content__wrapper__navbar__item__span__cta{
display: block;
width: fit-content;
height: auto;
font-size: 18px;
font-weight: 400;
padding: 0px;
margin: 0px;
cursor: pointer;
color: #ffffff;
text-decoration: none;
}
.root_header__content__wrapper__navbar__item__span__cta{
padding: 10px 20px;
background-color: #b89359;
}
.root_header__content__wrapper__button{
display: none;
align-items: center;
justify-content: center;
width: calc(100% - 40px);
height: auto;
padding: 10px 20px;
margin: 20px;
font-size: 18px;
font-weight: 400;
background-color: #b89359;
color: #ffffff;
cursor: pointer;
text-decoration: none;
outline: none;
border: 0px;
}
.root_header__content__label{
display: none;
flex-direction: row;
align-items: center;
justify-content: center;
width: auto;
height: 100%;
margin: 0px;
padding: 0px 20px;
cursor: pointer;
}
.root_header__content__label__input{
display: none;
width: 0px;
height: 0px;
}
.root_header__content__label__svg{
display: block;
width: 30px;
height: auto;
fill: #ffffff;
}
#root_header__toggle__svg_open{ display: block; }
#root_header__toggle__svg_close{ display: none; }
@media screen and (max-width: 978px){
.root_header__content__wrapper{
display: none;
flex-direction: column;
justify-content: space-between;
position: fixed;
width: 100%;
height: calc(100% - 90px);
top: 90px;
left: 0px;
background-color: #000000;
border-top: 1px solid #252525;
overflow-x: hidden;
overflow-y: scroll;
}
.root_header__content__wrapper__navbar{
display: flex;
flex-direction: column;
width: 100%;
height: auto;
}
.root_header__content__wrapper__navbar__item{
padding: 20px;
border-bottom: 1px solid #252525;
}
.root_header__content__wrapper__navbar__item__span__cta{
padding: 0px;
background-color: transparent;
}
.root_header__content__wrapper__button{ display: flex; }
.root_header__content__label{ display: flex; }
}
/*------------- HEADER -------------*/
/*------------- FOOTER -------------*/
.root_footer{
display: block;
width: 100%;
height: auto;
padding: 60px 0px;
margin: 0px;
background-color: #000000;
}
.root_footer__content{
display: block;
max-width: 1380px;
height: auto;
padding: 0px 20px;
margin: 0px auto;
}
.root_footer__content__list{
display: grid;
grid-template-columns: repeat( auto-fit, minmax(200px, 1fr) );
gap: 20px;
padding: 0px;
margin: 0px;
padding-bottom: 60px;
margin-bottom: 60px;
border: none;
border-bottom: 1px solid #252525;
}
.root_footer__content__list__element{
display: block;
width: 100%;
height: auto;
padding: 0px;
margin: 0px;
}
.root_footer__content__list__element__nav{
display: block;
width: 100%;
height: auto;
padding: 0px;
margin: 0px;
}
.root_footer__content__list__element__nav__item__title{
display: block;
color: #b89359;
font-size: 14px;
font-weight: 400;
padding: 0px;
margin: 0px;
margin-bottom: 10px;
cursor: pointer;
}
.root_footer__content__list__element__nav__item{
display: block;
color: #ffffff;
font-size: 14px;
font-weight: 400;
padding: 5px 0px;
text-decoration: none;
-webkit-text-decoration-color: #b89359;
text-decoration-color: #b89359;
cursor: pointer;
}
.root_footer__content__list__element__nav__item:hover{
text-decoration: underline;
-webkit-text-decoration-color: #b89359;
text-decoration-color: #b89359;
}
.root_footer__content__extra{
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
width: 100%;
height: auto;
padding: 0px;
margin: 0px;
}
.root_footer__content__extra__link,
.root_footer__content__extra__span{
display: block;
color: #ffffff;
font-size: 14px;
font-weight: 400;
padding: 0px;
cursor: default;
text-decoration: none;
}
.root_footer__content__extra__link:hover{
text-decoration: underline;
-webkit-text-decoration-color: #b89359;
text-decoration-color: #b89359;
}
.root_footer__content__extra__nav{
display: flex;
align-items: center;
width: fit-content;
height: auto;
margin: 0px;
padding: 0px;
gap: 20px;
}
.root_footer__content__extra__nav__item{
display: block;
width: auto;
height: 20px;
margin: 0px;
padding: 0px;
cursor: pointer;
}
.root_footer__content__extra__nav__item__svg{
display: block;
width: auto;
height: 100%;
margin: 0px;
padding: 0px;
fill: #b89359;
}
@media screen and (max-width: 978px){
.root_footer__content__main__nav__item__span__lang__desktop{ display: none; }
.root_footer__content__main__nav__item__span__lang__mobile{ display: block; }
}
@media screen and (max-width: 768px){
.root_footer__content__extra{
display: grid;
grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) );
gap: 20px;
}
}
@media screen and (max-width: 368px){
.section__module__nav{
grid-template-columns: 1fr;
}
}
/*------------- FOOTER -------------*/
/*--------------------- LOADER ---------------------*/
.media_loader{
display: block;
position: absolute;
top: calc(50% - 20px);
left: calc(50% - 20px);
transform: translate(-50%, -50%);
width: 40px;
height: 40px;
padding: 0px;
margin: 0px;
animation: animation_media_loader 1s linear infinite;
z-index: 1;
}
.media_loader__circle{ fill: #f5f5f5; }
.media_loader__halfcircle{ fill: #b89359; }
@keyframes animation_media_loader{
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
/*--------------------- LOADER ---------------------*/
.unselectable_text{
-webkit-user-select: none; /* Safari */
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* Internet Explorer/Edge */
user-select: none; /* Standard syntax */
}