html,
body,
body div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
article,
aside,
figure,
footer,
header,
hgroup,
nav,
section {
display: block;
} *,
*:before,
*:after {
box-sizing: border-box;
}           .Button {
text-align: center;
font-size: 16px;
font-size: 1.6rem;
text-decoration: none;
display: inline-block;
min-height: 46px;
padding: 5px 15px;
border: none;
cursor: pointer;
width: auto;
}  .input-error {
border: 1px solid #FF0000;
}
input,
textarea {
border: none;
max-width: 100%;
}  .icon {
display: inline-block;
}
.no-svg .icon {
display: inline-block;
}
@media only screen and (min-width: 480px) {
.no-svg .icon {
display: inline-block;
}
}
@media only screen and (min-width: 768px) {
.no-svg .icon {
display: inline-block;
}
}
@media only screen and (min-width: 992px) {
.no-svg .icon {
display: inline-block;
}
}
@media only screen and (min-width: 1200px) {
.no-svg .icon {
display: inline-block;
}
}  #cookieMessageWrapper {
background: #CCCCCC;
width: 100%;
position: fixed;
bottom: 0px;
z-index: 6;
padding: 10px;
}
#cookieMessage {
display: block;
margin: 0 auto;
max-width: 918px;
}
.txt_cookies {
text-transform: none;
font-size: 12px;
font-size: 1.2rem;
}
.txt_cookies a:hover {
background: transparent;
text-decoration: underline;
}
#cookieClose {
text-transform: lowercase;
text-decoration: underline;
cursor: pointer;
}
* {
image-rendering: optimizeSpeed; image-rendering: -moz-crisp-edges; image-rendering: -o-crisp-edges; image-rendering: -webkit-optimize-contrast; image-rendering: optimize-contrast; -ms-interpolation-mode: nearest-neighbor; } html {
font-size: 62.5%; }
body {
font-size: 16px;
font-size: 1.6rem;
font-family: Arial, sans-serif;
}
html,
body {
height: 100%;
}
ul,
ol {
list-style: none;
margin: 0;
padding: 0;
}
a {
text-decoration: none;
}
@media print {  * {
background: transparent !important;
color: black !important;
box-shadow: none !important;
text-shadow: none !important;
filter: none !important;
-ms-filter: none !important;
}
@page {
margin: 0.5cm;
}
h2,
h3 {
orphans: 3;
widows: 3;
page-break-after: avoid;
}
p {
orphans: 3;
widows: 3;
}
pre,
blockquote {
border: 1px solid #CCCCCC;
page-break-inside: avoid;
}
abbr[title]:after {
content: " (" attr(title) ")";
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
a[href^="javascript:"]:after,
a[href^="#"]:after {
content: "";
}
img {
max-width: 100% !important;
page-break-inside: avoid;
}
thead {
display: table-header-group;
}
tr {
page-break-inside: avoid;
}
}
body::after {
content: 'vSmart';
display: none;
}
.container,
.container-fluid {
max-width: 320px;
}  * {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-tap-highlight-color: transparent; }
html {
width: 100%;
height: 100%;
}
body {
margin: 0;
padding: 0;
text-rendering: geometricPrecision;
width: 100%;
height: 100%;
font-family: 'Roboto', sans-serif;
color: #010101;
font-size: 18px;
font-weight: 400;
background-color: #f1e9d9;
line-height: 1.2;
}
:focus {
outline: none;
}
header {
width: 100%;
height: 90px;
}
header .top-header-container {
display: flex;
justify-content: space-between;
padding: 10px 2%;
padding-top: 20px;
color: #010101;
text-transform: uppercase;
align-items: flex-start;
margin-top: 10px;
margin-bottom: 5px;
height: 100%;
}
header .top-header-container .newssletter-form {
display: none;
}
header .top-header-container .newssletter-form .inf-block {
display: flex;
justify-content: flex-start;
}
header .top-header-container .newssletter-form .inf-block h3 {
font-size: 12px;
font-weight: 400;
margin-right: 15px;
}
header .top-header-container .newssletter-form .inf-block p {
font-size: 10px;
text-transform: none;
}
header .top-header-container .newssletter-form .mail-submit-block {
margin-top: 10px;
height: 25px;
width: 100%;
}
header .top-header-container .newssletter-form .mail-submit-block form {
display: flex;
height: 100%;
}
header .top-header-container .newssletter-form .mail-submit-block form input[type="email"] {
flex-basis: 50%;
background-color: transparent;
border: none;
border-bottom: 1px solid #010101;
border-radius: 0;
font-family: 'Roboto', sans-serif;
color: #010101;
font-size: 10px;
font-weight: 400;
padding: 2px 5px;
height: 100%;
display: block;
}
header .top-header-container .newssletter-form .mail-submit-block form input[type="email"]::placeholder {
font-family: 'Roboto', sans-serif;
color: #010101;
font-size: 10px;
font-weight: 400;
text-transform: uppercase;
}
header .top-header-container .newssletter-form .mail-submit-block form input[type="submit"] {
flex-basis: 30%;
font-family: 'Roboto', sans-serif;
border: none;
border-bottom: 1px solid #010101;
background-color: transparent;
font-size: 10px;
color: #010101;
height: 100%;
padding: 2px 5px;
display: block;
cursor: pointer;
border-radius: 0;
text-transform: uppercase;
}
header .top-header-container .site-branding {
max-width: 180px;
}
header .top-header-container .site-branding a {
color: #010101;
display: block;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
header .top-header-container .site-branding a:focus {
outline: none;
}
header .top-header-container .site-branding a img {
width: 100%;
height: auto;
display: block;
}
header .top-header-container .site-branding a p {
font-size: 13px;
margin-top: 8px;
font-family: 'Roboto Mono', sans-serif;
}
header .top-header-container .language-selector ul {
list-style: none;
display: flex;
justify-content: space-evenly;
padding: 0;
}
header .top-header-container .language-selector ul li {
margin-right: 10px;
}
header .top-header-container .language-selector ul li a {
color: #010101;
font-size: 14px;
}
header .top-header-container .language-selector ul li.current-lang a {
color: #C73024;
}
header .top-header-container .language-selector ul li:last-child {
margin-right: 0;
}
.overlay {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-color: rgba(0, 0, 0, 0.4);
z-index: 0;
}
.main-container.home {
width: 100%;
}
.main-container.home .flex-container {
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
border-top: 2px solid #010101;
}
.main-container.home .flex-container .col {
flex-basis: 100%;
transition: 0.3s ease-in-out;
overflow: hidden;
}
.main-container.home .flex-container .col.video-container {
position: relative;
cursor: pointer;
height: 50vh;
}
.main-container.home .flex-container .col.video-container video {
object-fit: cover;
cursor: pointer;
position: absolute;
height: 100%;
width: 100%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.main-container.home .flex-container .col.image-container {
position: relative;
background-position: center;
background-repeat: no-repeat;
height: 100vh;
background-size: calc(100vw);
max-height: 600px;
}
.main-container.home .flex-container .col.image-container .overlay-base {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(241, 233, 217, 0.3);
z-index: 1;
}
.main-container.home .flex-container .col.image-container .info-holder {
display: none;
position: absolute;
top: 90%;
left: 20%;
transform: translate(-50%, -50%);
z-index: 20;
}
.main-container.home .flex-container .col.image-container .info-holder .title {
display: none;
color: #010101;
font-size: 40px;
text-transform: uppercase;
font-weight: 400;
}
.main-container.home .flex-container .col.image-container .info-holder .contact-bttn-holder {
margin-top: 20px;
}
.main-container.home .flex-container .col.image-container .info-holder .contact-bttn-holder a {
color: #C73024;
border: 1px dashed #C73024;
padding: 5px;
text-transform: uppercase;
}
.main-container.home .flex-container .col.image-container .image-boxes {
position: absolute;
height: 100%;
width: 100%;
flex-direction: column;
justify-content: space-evenly;
z-index: 10;
}
.main-container.home .flex-container .col.image-container .image-boxes .element-container {
min-width: 80px;
width: 25vw;
max-width: 110px;
margin: 0 auto;
justify-content: space-between;
color: #010101;
font-size: 18px;
margin-bottom: 25px;
position: absolute;
}
.main-container.home .flex-container .col.image-container .image-boxes .element-container .image-holder img {
width: 100%;
height: auto;
display: block;
}
.main-container.home .flex-container .col.image-container .image-boxes .element-container .text-holder {
position: absolute;
width: 150px;
opacity: 0;
transition: 0.3s ease-in-out;
font-size: 16px;
}
.main-container.home .flex-container .col.image-container .image-boxes .element-container.container-type-0 {
top: 30%;
left: 10%;
}
.main-container.home .flex-container .col.image-container .image-boxes .element-container.container-type-0 .text-holder {
top: -30%;
left: 0;
transform: translateY(-50%);
}
.main-container.home .flex-container .col.image-container .image-boxes .element-container.container-type-1 {
right: 0%;
top: 5%;
}
.main-container.home .flex-container .col.image-container .image-boxes .element-container.container-type-1 .image-holder img {
left: -55%;
position: relative;
}
.main-container.home .flex-container .col.image-container .image-boxes .element-container.container-type-1 .text-holder {
top: 50%;
left: -200%;
transform: translateY(-50%);
}
.main-container.home .flex-container .col.image-container .image-boxes .element-container.container-type-2 {
right: 10%;
bottom: 2%;
}
.main-container.home .flex-container .col.image-container .image-boxes .element-container.container-type-2 .text-holder {
width: 250px;
top: -75%;
left: -50%;
}
.main-container.home .flex-container .col.image-container .image-boxes .element-container:hover .text-holder {
opacity: 1;
transition: 0.3s ease-in-out;
}
.main-container.home .flex-container .col:first-child {
border-bottom: 2px solid #010101;
}
.main-container.home .flex-container .col.open-col {
flex-basis: 90%;
transition: 0.3s ease-in-out;
}
.main-container.home .flex-container .col.open-col.image-container .image-boxes {
display: flex;
}
.main-container.home .flex-container .col.smaller-col {
flex-basis: 10%;
}
.main-container.home .modal-video-container {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: rgba(0, 0, 0, 0.8);
width: 100%;
height: 100vh;
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: 0.4s linear all;
}
.main-container.home .modal-video-container video {
width: 90%;
height: 90vh;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.main-container.home .modal-video-container .close-container {
position: absolute;
width: 30px;
height: 30px;
top: 20px;
right: 20px;
cursor: pointer;
z-index: 10000;
}
.main-container.home .modal-video-container .close-container .bar {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: 3px;
background-color: #C73024;
transform: translate(-50%, -50%) rotate(45deg);
}
.main-container.home .modal-video-container .close-container .bar:last-child {
transform: translate(-50%, -50%) rotate(-45deg);
}
.main-container.home .modal-video-container.open {
z-index: 200;
opacity: 1;
visibility: visible;
pointer-events: all;
transition: 0.4s linear all;
}
.main-container.contact .column-container {
display: flex;
justify-content: flex-start;
border-top: 2px solid #010101;
flex-wrap: wrap;
}
.main-container.contact .column-container .col {
flex-basis: 100%;
padding: 5% 2%;
}
.main-container.contact .column-container .col.info-holder {
border-bottom: 2px solid #010101;
font-size: 16px;
padding-bottom: 60px;
}
.main-container.contact .column-container .col.info-holder h2 {
font-size: 35px;
font-weight: 400;
}
.main-container.contact .column-container .col.info-holder .info-contacto {
margin-top: 5%;
}
.main-container.contact .column-container .col.info-holder .info-contacto a {
font-size: 18px;
color: #010101;
display: block;
margin-bottom: 5px;
}
.main-container.contact .column-container .col.contact-holder {
width: 90%;
max-width: 790px;
margin: 0 auto;
}
.main-container.contact .column-container .col.contact-holder input,
.main-container.contact .column-container .col.contact-holder textarea {
width: 100%;
background-color: transparent;
border: none;
border-bottom: 2px solid #010101;
border-radius: 0;
margin-bottom: 15px;
font-family: 'Roboto', sans-serif;
color: #010101;
font-size: 18px;
font-weight: 400;
padding: 5px 0;
}
.main-container.contact .column-container .col.contact-holder input::placeholder,
.main-container.contact .column-container .col.contact-holder textarea::placeholder {
font-family: 'Roboto', sans-serif;
color: #010101;
font-size: 18px;
font-weight: 400;
}
.main-container.contact .column-container .col.contact-holder .send-holder {
width: 100%;
margin-bottom: 30px;
}
.main-container.contact .column-container .col.contact-holder .send-holder input[type="submit"] {
padding: 10px;
background-color: #C73024;
width: 150px;
display: block;
margin: 0 auto;
border: none;
color: white;
text-transform: uppercase;
font-size: 16px;
}
.solo-movil {
display: block;
}
.solo-pc {
display: none;
}
footer .lower-bar {
height: 70px;
padding-top: 20px;
display: flex;
justify-content: space-between;
align-items: center;
border-top: 2px solid #010101;
}
footer .lower-bar a {
color: #010101;
text-transform: uppercase;
font-weight: 400;
font-size: 20px;
z-index: 1000 !important;
}
footer .newsletter-form-mobile {
display: block;
width: 100%;
border-top: 2px solid #010101;
margin-bottom: 46px;
margin-top: 20px;
}
footer .newsletter-form-mobile .inf-block {
margin: 0 auto;
margin-top: 25px;
width: 80%;
color: #010101;
text-align: center;
margin-bottom: 25px;
}
footer .newsletter-form-mobile .inf-block h3 {
font-size: 18px;
margin-bottom: 10px;
text-transform: uppercase;
}
footer .newsletter-form-mobile .inf-block p {
font-size: 16px;
text-transform: none;
}
footer .newsletter-form-mobile .mail-submit-block {
height: 25px;
margin: 0 auto;
margin-top: 15px;
margin-bottom: 20px;
width: 80%;
max-width: 300px;
}
footer .newsletter-form-mobile .mail-submit-block form {
display: flex;
height: 100%;
flex-wrap: wrap;
justify-content: center;
}
footer .newsletter-form-mobile .mail-submit-block form input[type="email"] {
flex-basis: 75%;
background-color: transparent;
border: none;
border-bottom: 1px solid #010101;
border-radius: 0;
font-family: 'Roboto', sans-serif;
color: #010101;
font-size: 16px;
font-weight: 400;
padding: 2px 5px;
height: 100%;
display: block;
}
footer .newsletter-form-mobile .mail-submit-block form input[type="email"]::placeholder {
font-family: 'Roboto', sans-serif;
color: #010101;
font-size: 16px;
font-weight: 400;
text-transform: uppercase;
}
footer .newsletter-form-mobile .mail-submit-block form input[type="submit"] {
font-family: 'Roboto', sans-serif;
border: none;
border-bottom: 1px solid #010101;
background-color: transparent;
font-size: 16px;
color: #010101;
height: 100%;
padding: 2px 5px;
display: block;
cursor: pointer;
margin: 15px;
border-radius: 0;
text-transform: uppercase;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
-webkit-box-shadow: 0 0 0 30px #E8E5DE inset !important;
background: transparent!important;
}
#form-validation-pop-up {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 90%;
max-width: 500px;
background-color: #f1e9d9;
padding: 15px;
z-index: 400;
opacity: 0;
pointer-events: none;
transition: 0.6s ease-in-out all;
border: 1px solid #010101;
}
#form-validation-pop-up .inner-container {
background-color: #f1e9d9;
}
#form-validation-pop-up .inner-container .text-holder {
text-align: center;
padding: 50px 0;
}
#form-validation-pop-up .inner-container .close {
position: absolute;
top: 5%;
right: 5%;
cursor: pointer;
}
#form-validation-pop-up .close-container {
position: absolute;
width: 30px;
height: 30px;
top: 20px;
right: 20px;
cursor: pointer;
z-index: 10000;
}
#form-validation-pop-up .close-container .bar {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: 3px;
background-color: #C73024;
transform: translate(-50%, -50%) rotate(45deg);
}
#form-validation-pop-up .close-container .bar:last-child {
transform: translate(-50%, -50%) rotate(-45deg);
}
#form-validation-pop-up.is-Open {
opacity: 1;
pointer-events: all;
transition: 0.6s ease-in-out all;
}
.overlay-pop-up {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.4);
z-index: 300;
opacity: 0;
pointer-events: none;
transition: 0.3s ease-in-out all;
}
.overlay-pop-up.is-Open {
opacity: 1;
pointer-events: all;
transition: 0.3s ease-in-out all;
}
@media only screen and (min-width: 480px) {
body::after {
content: 'hSmart';
display: none;
}
.container,
.container-fluid {
max-width: 480px;
}  }
@media only screen and (min-width: 768px) {
body::after {
content: 'vTablet';
display: none;
}
.container,
.container-fluid {
max-width: 750px;
}  }
@media only screen and (min-width: 992px) {
body::after {
content: 'Desktop';
display: none;
}
.container,
.container-fluid {
max-width: 970px;
}  .solo-movil {
display: none;
}
.solo-pc {
display: block;
}
.cursor {
position: fixed;
z-index: 200000;
width: 100%;
height: 100%;
top: 0;
left: 0;
pointer-events: none;
user-select: none;
mix-blend-mode: hard-light;
opacity: 0;
visibility: hidden;
transition: opacity 1s ease;
cursor: none;
}
.cursor .cursor__ball {
width: 30px;
height: 30px;
position: relative;
top: 0;
left: 0;
z-index: 1000;
border-radius: 50%;
background-color: #C73024;
transition: width 0.3s ease, height 0.3s ease, background-color 0.3s ease;
}
.cursor.active {
opacity: 1;
visibility: visible;
}
header .top-header-container {
margin: 0;
padding: 10px 20px;
padding-top: 20px;
align-items: flex-start;
}
header .top-header-container .newssletter-form {
display: block;
}
header .top-header-container .site-branding {
max-width: 250px;
}
header .top-header-container .site-branding a {
position: relative;
left: -15%;
text-align: center;
}
header .top-header-container .language-selector ul li a {
font-size: 16px;
}
.main-container.home .flex-container {
flex-wrap: nowrap;
height: calc(100vh - 160px);
}
.main-container.home .flex-container .col {
flex-basis: 50%;
}
.main-container.home .flex-container .col.image-container {
background-size: auto calc(100vh - 160px);
background-position: bottom;
height: 100%;
max-height: none;
}
.main-container.home .flex-container .col.image-container .info-holder {
display: block;
position: absolute;
top: 50%;
left: 20%;
transform: translate(-50%, -50%);
z-index: 20;
}
.main-container.home .flex-container .col.image-container .info-holder .title {
display: block;
}
.main-container.home .flex-container .col.image-container .image-boxes {
position: absolute;
top: 50%;
height: 100%; transform: translateY(-50%);
width: 100%;
display: flex;
flex-direction: column;
justify-content: space-evenly;
}
.main-container.home .flex-container .col.image-container .image-boxes .element-container {
width: 110px;
margin: 0 auto;
justify-content: space-between;
color: #010101;
font-size: 18px;
margin-bottom: 25px;
position: absolute;
transition: 0.3s ease-in-out;
}
.main-container.home .flex-container .col.image-container .image-boxes .element-container .image-holder img {
width: 100%;
height: auto;
display: block;
}
.main-container.home .flex-container .col.image-container .image-boxes .element-container .text-holder {
position: absolute;
width: 150px;
opacity: 0;
transition: 0.3s ease-in-out;
font-size: 18px;
}
.main-container.home .flex-container .col.image-container .image-boxes .element-container .text-holder p {
word-break: keep-all;
white-space: nowrap;
}
.main-container.home .flex-container .col.image-container .image-boxes .element-container.container-type-0 {
top: 2%;
left: 50%;
transition: 0.3s ease-in-out;
}
.main-container.home .flex-container .col.image-container .image-boxes .element-container.container-type-0 .text-holder {
top: 50%;
left: -160%;
transform: translateY(-50%);
}
.main-container.home .flex-container .col.image-container .image-boxes .element-container.container-type-1 {
top: 20%;
left: 85%;
transition: 0.3s ease-in-out;
}
.main-container.home .flex-container .col.image-container .image-boxes .element-container.container-type-1 .image-holder img {
position: relative;
}
.main-container.home .flex-container .col.image-container .image-boxes .element-container.container-type-1 .text-holder {
top: 140%;
left: -55%;
transition: 0.3s ease-in-out;
transform: translateY(-50%);
}
.main-container.home .flex-container .col.image-container .image-boxes .element-container.container-type-2 {
right: 12%;
bottom: 12%;
}
.main-container.home .flex-container .col.image-container .image-boxes .element-container.container-type-2 .text-holder {
width: 250px;
top: 120%;
left: -20%;
}
.main-container.home .flex-container .col.image-container .image-boxes .element-container:hover .text-holder {
opacity: 1;
transition: 0.3s ease-in-out;
}
.main-container.home .flex-container .col.video-container {
height: 100%;
}
.main-container.home .flex-container .col:hover {
flex-basis: 70%;
transition: 0.3s ease-in-out;
}
.main-container.home .flex-container .col:hover.image-container .image-boxes .element-container.container-type-1 {
left: 65%;
transition: 0.3s ease-in-out;
}
.main-container.home .flex-container .col:hover.image-container .image-boxes .element-container.container-type-2 {
right: 22%;
transition: 0.3s ease-in-out;
}
.main-container.home .flex-container .col:first-child {
border-bottom: none;
border-right: 2px solid #010101;
}
.main-container.home .flex-container .col.smaller-col {
flex-basis: 30%;
}
.main-container.home .flex-container .col.smaller-col.image-container .info-holder {
display: none;
}
.main-container.home .flex-container .col.smaller-col.image-container .image-boxes {
display: none;
}
.main-container.contact .column-container {
height: calc(100vh - 160px);
}
.main-container.contact .column-container .col {
flex-basis: 50%;
padding: 2% 20px;
}
.main-container.contact .column-container .col.info-holder {
border-right: 2px solid #010101;
border-bottom: none;
}
footer .newsletter-form-mobile {
display: none;
}
}
@media only screen and (min-width: 1200px) {
body::after {
content: 'Desktop';
display: none;
}
.container,
.container-fluid {
max-width: 1170px;
}  header .top-header-container .newssletter-form .inf-block {
margin-right: 12px;
}
header .top-header-container .newssletter-form .inf-block h3 {
font-size: 14px;
}
header .top-header-container .newssletter-form .inf-block p {
font-size: 12px;
text-transform: none;
}
header .top-header-container .site-branding a {
position: relative;
left: -70%;
transform: translateY(-5px);
}
}
@media only screen and (min-width: 1400px) {
header .top-header-container .newssletter-form {
width: 500px;
}
header .top-header-container .newssletter-form .inf-block h3 {
font-size: 13px;
}
header .top-header-container .newssletter-form .inf-block p {
font-size: 13px;
text-transform: none;
}
header .top-header-container .newssletter-form .mail-submit-block form input[type="email"] {
font-size: 13px;
}
header .top-header-container .newssletter-form .mail-submit-block form input[type="submit"] {
font-size: 13px;
}
header .top-header-container .site-branding a {
position: relative;
left: -80%;
}
.main-container.home .flex-container .col.image-container {
background-size: auto calc(100vh - 160px);
background-position: bottom;
height: 100%;
}
.main-container.home .flex-container .col.image-container .info-holder {
display: block;
position: absolute;
top: 43%;
left: 20%;
transform: translate(-50%, -50%);
z-index: 20;
transition: 0.3s ease-in-out;
}
.main-container.home .flex-container .col.image-container .info-holder .title {
display: block;
}
.main-container.home .flex-container .col.image-container .image-boxes {
position: absolute;
top: 50%;
height: 100%; transform: translateY(-50%);
width: 100%;
display: flex;
flex-direction: column;
justify-content: space-evenly;
}
.main-container.home .flex-container .col.image-container .image-boxes .element-container {
width: 110px;
margin: 0 auto;
justify-content: space-between;
color: #010101;
font-size: 18px;
margin-bottom: 25px;
position: absolute;
transition: 0.3s ease-in-out;
}
.main-container.home .flex-container .col.image-container .image-boxes .element-container .image-holder img {
width: 100%;
height: auto;
display: block;
}
.main-container.home .flex-container .col.image-container .image-boxes .element-container .text-holder {
position: absolute;
width: 150px;
opacity: 0;
transition: 0.3s ease-in-out;
font-size: 18px;
}
.main-container.home .flex-container .col.image-container .image-boxes .element-container .text-holder p {
word-break: keep-all;
white-space: nowrap;
}
.main-container.home .flex-container .col.image-container .image-boxes .element-container.container-type-0 {
top: 5%;
left: 55%;
transition: 0.3s ease-in-out;
}
.main-container.home .flex-container .col.image-container .image-boxes .element-container.container-type-0 .text-holder {
top: 50%;
left: -160%;
transform: translateY(-50%);
}
.main-container.home .flex-container .col.image-container .image-boxes .element-container.container-type-1 {
top: 20%;
left: 80%;
transition: 0.3s ease-in-out;
}
.main-container.home .flex-container .col.image-container .image-boxes .element-container.container-type-1 .image-holder img {
position: relative;
}
.main-container.home .flex-container .col.image-container .image-boxes .element-container.container-type-1 .text-holder {
top: 140%;
left: -55%;
transition: 0.3s ease-in-out;
transform: translateY(-50%);
}
.main-container.home .flex-container .col.image-container .image-boxes .element-container.container-type-2 {
right: 18%;
bottom: 15%;
}
.main-container.home .flex-container .col.image-container .image-boxes .element-container.container-type-2 .text-holder {
width: 250px;
top: 120%;
left: 0%;
}
.main-container.home .flex-container .col.image-container .image-boxes .element-container:hover .text-holder {
opacity: 1;
transition: 0.3s ease-in-out;
}
.main-container.home .flex-container .col:hover.image-container .info-holder {
left: 30%;
transition: 0.3s ease-in-out;
}
.main-container.home .flex-container .col:hover.image-container .image-boxes .element-container.container-type-1 {
left: 56%;
transition: 0.3s ease-in-out;
}
.main-container.home .flex-container .col:hover.image-container .image-boxes .element-container.container-type-2 {
right: 28%;
transition: 0.3s ease-in-out;
}
}
@media only screen and (min-width: 1600px) {
.main-container.home .flex-container .col.image-container {
background-size: auto calc(100vh - 160px);
background-position: bottom;
height: 100%;
}
.main-container.home .flex-container .col.image-container .info-holder {
display: block;
position: absolute;
top: 43%;
left: 20%;
transform: translate(-50%, -50%);
z-index: 20;
transition: 0.3s ease-in-out;
}
.main-container.home .flex-container .col.image-container .info-holder .title {
display: block;
}
.main-container.home .flex-container .col.image-container .image-boxes {
position: absolute;
top: 50%;
height: 100%; transform: translateY(-50%);
width: 100%;
display: flex;
flex-direction: column;
justify-content: space-evenly;
}
.main-container.home .flex-container .col.image-container .image-boxes .element-container {
width: 110px;
margin: 0 auto;
justify-content: space-between;
color: #010101;
font-size: 18px;
margin-bottom: 25px;
position: absolute;
transition: 0.3s ease-in-out;
}
.main-container.home .flex-container .col.image-container .image-boxes .element-container .image-holder img {
width: 100%;
height: auto;
display: block;
}
.main-container.home .flex-container .col.image-container .image-boxes .element-container .text-holder {
position: absolute;
width: 150px;
opacity: 0;
transition: 0.3s ease-in-out;
font-size: 18px;
}
.main-container.home .flex-container .col.image-container .image-boxes .element-container .text-holder p {
word-break: keep-all;
white-space: nowrap;
}
.main-container.home .flex-container .col.image-container .image-boxes .element-container.container-type-0 {
top: 5%;
left: 55%;
transition: 0.3s ease-in-out;
}
.main-container.home .flex-container .col.image-container .image-boxes .element-container.container-type-0 .text-holder {
top: 50%;
left: -160%;
transform: translateY(-50%);
}
.main-container.home .flex-container .col.image-container .image-boxes .element-container.container-type-1 {
top: 20%;
left: 68%;
transition: 0.3s ease-in-out;
}
.main-container.home .flex-container .col.image-container .image-boxes .element-container.container-type-1 .image-holder img {
position: relative;
}
.main-container.home .flex-container .col.image-container .image-boxes .element-container.container-type-1 .text-holder {
top: 140%;
left: -55%;
transition: 0.3s ease-in-out;
transform: translateY(-50%);
}
.main-container.home .flex-container .col.image-container .image-boxes .element-container.container-type-2 {
right: 22%;
bottom: 15%;
}
.main-container.home .flex-container .col.image-container .image-boxes .element-container.container-type-2 .text-holder {
width: 250px;
top: 120%;
left: 0%;
}
.main-container.home .flex-container .col.image-container .image-boxes .element-container:hover .text-holder {
opacity: 1;
transition: 0.3s ease-in-out;
}
.main-container.home .flex-container .col:hover.image-container .info-holder {
left: 30%;
transition: 0.3s ease-in-out;
}
.main-container.home .flex-container .col:hover.image-container .image-boxes .element-container.container-type-1 {
left: 50%;
transition: 0.3s ease-in-out;
}
.main-container.home .flex-container .col:hover.image-container .image-boxes .element-container.container-type-2 {
right: 30%;
transition: 0.3s ease-in-out;
}
}