@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Open+Sans");
@import url("https://fonts.googleapis.com/css2?family=DM+Serif+Display&display=swap");
button:hover {
opacity: 0.8; }
a {
cursor: pointer;
text-decoration: none;
color: #131313; }
a:hover {
opacity: 0.8;
cursor: pointer;
text-decoration: none; }
button {
cursor: pointer; }
* {
transition: all 0.3s ease;
box-sizing: border-box; }
a:hover {
opacity: 0.8; }
* {
transition: all 0.3s ease;
box-sizing: border-box; }
body {
padding: 0;
margin: 0;
width: 100vw;
max-width: 100vw;
box-sizing: border-box;
overflow-x: hidden;
font-family: "Poppins";
display: flex;
justify-content: center;
align-items: center;
flex-direction: column; }
.container {
max-width: 1200px;
width: 100%;
position: relative;
z-index: 100; }
@media screen and (max-width: 1440px) {
.container {
padding: 0 50px; } }
@media screen and (max-width: 900px) {
.container {
padding: 0 20px; } }
.landing-background {
width: 100vw;
height: 600px;
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
position: absolute;
top: 0;
left: 0;
z-index: -1;
filter: invert(1);
background: linear-gradient(0deg, rgba(0, 0, 0, 0.58), rgba(0, 0, 0, 0.58)), linear-gradient(0deg, rgba(84, 20, 51, 0.2), rgba(105, 43, 73, 0.2)); }
.landing-photo {
z-index: -1;
position: absolute;
top: 0;
left: 0;
width: 100vw;
height: 600px;
object-fit: cover;
filter: invert(1); }
.navbar-wrapper {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
position: sticky;
top: 0;
z-index: 1000;
background: white; }
.navbar {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
font-family: "Poppins";
color: #131313;
padding-top: 40px;
padding-bottom: 40px; }
.navbar .navbar-left {
color: #131313;
font-size: 36px; }
.navbar .navbar-right {
color: #131313;
font-size: 18px;
font-weight: 700;
text-transform: uppercase;
display: flex;
align-items: center;
flex-direction: row; }
.navbar .navbar-right * {
margin-left: 20px; }
@media screen and (max-width: 500px) {
.navbar .navbar-right {
position: absolute;
display: flex;
flex-direction: column;
right: 20px;
top: 48px;
text-align: right; } }
.navbar .navbar-languages {
display: flex;
flex-direction: row; }
.navbar .navbar-languages img {
width: 30px; }
.navbar .navbar-languages a {
margin-left: 5px; }
.landing {
display: flex;
align-items: center;
height: 320px;
justify-content: flex-start; }
@media screen and (max-width: 500px) {
.landing {
height: 250px; } }
.landing .landing-heading {
font-size: 40px;
color: white;
color: #131313;
font-weight: 200;
width: 500px;
font-family: "Poppins"; }
@media screen and (max-width: 500px) {
.landing .landing-heading {
font-size: 32px; } }
.products {
display: grid;
grid-template-columns: repeat(auto-fill, 30%);
justify-content: space-between;
grid-gap: 20px;
position: relative; }
@media screen and (max-width: 500px) {
.products {
grid-template-columns: repeat(auto-fill, 45%); } }
@media screen and (min-width: 1300px) {
.products {
grid-template-columns: repeat(auto-fill, 18%); } }
.products .products-background {
position: absolute;
top: 140px;
width: 120%;
height: 90%;
left: -10%;
background: #f2f0f2;
z-index: -1; }
@media screen and (max-width: 500px) {
.products .products-background {
height: 80%;
width: 110%; } }
.products .product {
width: 100%;
margin-bottom: 20px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
text-align: center; }
.products .product:hover {
width: 103%; }
.products .product .product-preview {
border-radius: 8px; }
.products .product .product-preview img {
width: 100%;
object-fit: cover;
height: 220px; }
.products .product .product-title {
font-weight: 500;
font-size: 19px;
font-family: "Poppins";
color: #131313;
margin-bottom: 0; }
.products .product .product-title img {
padding-left: 7px;
padding-top: 2px; }
.products .product .product-info {
color: #333;
font-weight: 400;
font-size: 14px;
font-family: "Poppins"; }
.features {
margin: 130px 0;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between; }
@media screen and (max-width: 500px) {
.features {
flex-direction: column;
margin: 40px 0;
margin-top: 80px; } }
.features .features-left {
width: 40%; }
@media screen and (max-width: 900px) {
.features .features-left {
width: 50%; } }
@media screen and (max-width: 500px) {
.features .features-left {
width: 100%; } }
.features .features-left b {
font-weight: 600; }
.features .features-left .features-heading {
font-weight: 300;
font-size: 40px; }
@media screen and (max-width: 500px) {
.features .features-left .features-heading {
font-size: 32px; } }
.features .features-left .features-info {
font-weight: 300;
font-size: 20px; }
.features .features-left a {
text-transform: uppercase;
font-size: 20;
font-weight: 600; }
@media screen and (max-width: 500px) {
.features .features-right {
width: 100%; } }
.how {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
margin-bottom: 100px; }
@media screen and (max-width: 500px) {
.how {
flex-direction: column;
padding: 30px 0; } }
.how .how-background {
position: absolute;
width: 120%;
height: 100%;
left: -10%;
background: #f2f0f2;
z-index: -1; }
@media screen and (max-width: 500px) {
.how .how-background {
width: 110%; } }
.how .how-left {
width: 40%; }
@media screen and (max-width: 500px) {
.how .how-left {
display: none; } }
.how .how-left img {
width: 50vw;
z-index: -1;
left: -10vw;
position: absolute;
top: -3vw; }
@media screen and (min-width: 1300px) {
.how .how-left img {
width: 30vw;
left: 0;
max-width: 600px; } }
.how .how-right {
padding: 40px 0;
width: 45%; }
@media screen and (max-width: 500px) {
.how .how-right {
width: 100%; } }
.how .how-right .how-step {
height: auto;
display: flex;
flex-direction: row;
align-items: center; }
@media screen and (max-width: 500px) {
.how .how-right .how-step {
padding: 0px 15px; } }
.how .how-right h5 {
font-size: 36px;
font-weight: 400;
margin: 0;
margin-bottom: 10px; }
@media screen and (max-width: 500px) {
.how .how-right h5 {
margin: 0 15px; } }
.how .how-right h6 {
font-size: 48px;
color: #e29cdb;
margin: 0;
padding-right: 20px;
min-width: 60px;
display: flex;
justify-content: center;
align-items: center; }
@media screen and (max-width: 500px) {
.how .how-right h6 {
margin-left: 15px; } }
.how .how-right p {
font-size: 18px; }
@media screen and (max-width: 500px) {
.how .how-right p {
font-size: 16px; } }
.landing-img {
z-index: -1;
position: absolute;
top: -500px;
right: -300px; }
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea {
background-color: #f0f0f0;
color: #333;
border: none;
width: 100%;
padding: 12px; }
.wpcf7-submit {
padding: 6px 12px;
border: none;
color: white;
background: #333;
font-size: 16px;
font-family: "Poppins";
border-radius: 3px; }
.contact {
display: flex;
padding-top: 100px;
margin-bottom: 50px;
flex-direction: row; }
@media screen and (max-width: 500px) {
.contact {
flex-direction: column; } }
.contact .contact-left {
width: 50%;
height: 100%;
text-align: left;
display: flex;
flex-direction: column;
justify-content: center; }
@media screen and (max-width: 500px) {
.contact .contact-left {
width: 100%; } }
.contact .contact-left h4 {
font-size: 36px;
margin-bottom: 5px; }
.contact .contact-left p {
font-size: 18px; }
.contact .contact-right {
width: 50%; }
@media screen and (max-width: 500px) {
.contact .contact-right {
width: 100%; } }
.why {
margin: 0;
margin-top: 50px; }
@media screen and (max-width: 500px) {
.why {
margin: 25px 0; } }
.why h3 {
font-size: 36px;
font-weight: 400;
margin: 0;
margin-bottom: 10px; }
.why .why-grid {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between; }
.why .why-grid .why-element {
width: 30%;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
margin: 40px 0; }
@media screen and (max-width: 900px) {
.why .why-grid .why-element {
width: 45%; } }
@media screen and (max-width: 500px) {
.why .why-grid .why-element {
width: 100%;
margin: 20px 0; } }
.why .why-grid .why-element .why-icon {
width: 50px;
height: 50px;
background: #F7F7F7;
border-radius: 16px;
display: flex;
align-items: center;
justify-content: center; }
.why .why-grid .why-element .why-icon img {
width: 24px;
height: 24px; }
.why .why-grid .why-element h5 {
font-size: 24px;
font-weight: 500;
margin-bottom: 0px;
margin-top: 20px; }
.why .why-grid .why-element p {
font-size: 16px;
color: #333; }
.footer {
background: #222222;
width: 100%;
height: auto;
padding: 50px 0;
display: flex;
margin-top: 40px;
align-items: space-between;
justify-content: center;
color: white; }
.footer .footer-container {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center; }
.footer .footer-container .footer-left {
width: 50%;
display: flex;
flex-direction: column; }
@media screen and (max-width: 500px) {
.footer .footer-container .footer-left {
display: none; } }
.footer .footer-container .footer-right {
width: 40%;
display: flex;
flex-direction: column; }
@media screen and (max-width: 500px) {
.footer .footer-container .footer-right {
padding: 0;
width: 100%; } }
.footer .footer-container .footer-right p {
font-size: 22px;
font-weight: 400;
margin: 0; }
.footer .footer-container .footer-right a {
color: white; }
.footer .footer-container .footer-right .email {
font-weight: 600; }
.footer .footer-container .footer-right .company {
margin-top: 26px;
font-size: 16px;
font-weight: 600; }
.footer .footer-container .footer-right .code {
font-size: 16px;
font-weight: 300; }
.about {
display: flex;
flex-direction: row;
justify-content: space-between;
padding-top: 100px; }
@media screen and (max-width: 500px) {
.about {
flex-direction: column; } }
.about .about-left {
display: flex;
flex-direction: column;
width: 52%;
justify-content: flex-start; }
@media screen and (max-width: 500px) {
.about .about-left {
width: 100%; } }
.about .about-left p {
font-size: 16px;
white-space: pre-line;
text-align: justify;
color: #333; }
.about .about-left .about-divider {
height: 3px;
margin: 8px 0;
width: 90px;
background: #999; }
.about .about-left .quote {
width: 30px; }
.about .about-left .signature {
width: 250px;
margin-top: 15px;
margin-left: -10px; }
.about .about-right {
width: 40%;
margin-top: 80px; }
@media screen and (max-width: 500px) {
.about .about-right {
width: 100%; } }
.products-page {
display: flex;
flex-direction: row;
margin: 150px 0; }
@media screen and (max-width: 500px) {
.products-page {
margin: 50px 0;
flex-direction: column; } }
.products-page .products-left {
width: 25%;
display: flex;
flex-direction: column; }
@media screen and (max-width: 500px) {
.products-page .products-left {
width: 100%; } }
.products-page .products-left .products-menu-item {
margin-bottom: 28px;
display: flex;
flex-direction: column; }
@media screen and (max-width: 500px) {
.products-page .products-left .products-menu-item {
align-items: center;
margin-bottom: 20px;
flex-direction: row; }
.products-page .products-left .products-menu-item h5 {
margin-right: 8px; } }
.products-page .products-left .products-menu-item h5 {
font-weight: 600;
font-size: 18px;
margin: 0;
color: #383838; }
@media screen and (max-width: 500px) {
.products-page .products-left .products-menu-item h5 {
font-size: 16px;
margin-right: 8px; } }
.products-page .products-left .products-menu-item p {
font-weight: 300;
font-size: 14px;
margin: 0;
margin-top: 5px;
color: #383838; }
@media screen and (max-width: 500px) {
.products-page .products-left .products-menu-item p {
font-size: 12px; } }
.products-page .products-right {
display: flex;
flex-direction: column;
width: 75%; }
@media screen and (max-width: 500px) {
.products-page .products-right {
width: 100%; } }
.products-page .products-right h2 {
font-weight: 600;
font-size: 26px;
color: #000000;
margin: 0;
margin-bottom: 40px; }
.products-page .products-right .product-item {
background: #FFFFFF;
border: 1px solid #F0F0F0;
border-radius: 4px;
width: 100%;
padding: 10px;
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
margin-bottom: 34px;
border-radius: 4px; }
@media screen and (max-width: 500px) {
.products-page .products-right .product-item {
flex-direction: column; } }
.products-page .products-right .product-item .product-left {
width: 180px;
margin-right: 10px; }
.products-page .products-right .product-item .product-left img {
width: 100%; }
.products-page .products-right .product-item .product-right {
display: flex;
flex-direction: column;
width: 100%;
padding-right: 50px; }
@media screen and (max-width: 500px) {
.products-page .products-right .product-item .product-right {
padding-right: 0;
text-align: center; } }
.products-page .products-right .product-item .product-right h4 {
font-weight: 600;
font-size: 18px;
color: #000000;
margin-top: 0;
margin-bottom: 18px; }
.products-page .products-right .product-item .product-right .product-information {
display: flex;
flex-direction: row;
justify-content: flex-start;
width: 100%; }
@media screen and (max-width: 500px) {
.products-page .products-right .product-item .product-right .product-information {
justify-content: space-between;
padding: 0px 20px; } }
.products-page .products-right .product-item .product-right .product-information .product-information-item {
display: flex;
margin-right: 60px;
flex-direction: column; }
@media screen and (max-width: 500px) {
.products-page .products-right .product-item .product-right .product-information .product-information-item {
margin-right: 0; } }
.products-page .products-right .product-item .product-right .product-information .product-information-item p {
font-weight: normal;
font-size: 14px;
color: #C1C1C1;
margin-bottom: 2px; }
.products-page .products-right .product-item .product-right .product-information .product-information-item span {
font-weight: normal;
font-size: 14px;
color: #212121; }
.products-page .products-right .product-item:hover {
box-shadow: 0px 0px 20px 30px rgba(0, 0, 0, 0.02), 0px 0px 10px rgba(0, 0, 0, 0.05); }
.product-page {
display: flex;
flex-direction: row;
align-items: space-between;
position: relative;
margin: 40px 0; }
@media screen and (max-width: 900px) {
.product-page {
flex-direction: column; } }
.product-page .product-left {
width: 80%;
height: 100%;
top: 40px;
position: sticky;
margin-left: -280px;
margin-top: 40px; }
@media screen and (max-width: 900px) {
.product-page .product-left {
width: 100%;
position: relative;
top: 0;
margin: 0;
margin-top: 20px; } }
.product-page .product-left img {
width: 100%; }
.product-page .product-right {
width: 64%;
margin-top: 40px; }
.product-page .product-right .attachment-thumbnail .size-thumbnail {
border: none !important; }
.product-page .product-right #gallery-1 img {
border: none !important; }
@media screen and (max-width: 900px) {
.product-page .product-right {
width: 100%; } }
.product-page .product-right h2 {
font-style: normal;
font-weight: normal;
font-size: 32px; }
@media screen and (max-width: 500px) {
.product-page .product-right h2 {
margin-top: 0; } }
.product-page .product-right .product-table {
width: 100%;
display: flex;
flex-direction: column;
margin: 20px 0; }
.product-page .product-right .product-table .product-table-item {
padding: 6px 0;
border-bottom: 1px solid #EFEFEF;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center; }
.product-page .product-right .product-table .product-table-item p {
font-weight: 600;
font-size: 16px;
color: #1C1C1C;
margin: 0;
text-transform: uppercase; }
.product-page .product-right .product-table .product-table-item span {
font-weight: normal;
font-size: 16px;
color: #000000; }
.product-page .product-right .product-contact-button {
padding: 8px 14px;
font-weight: 600;
font-size: 20px;
color: #FFFFFF;
background: #1C1C1C;
border: none;
border-radius: 8px;
margin-right: auto;
width: auto;
margin: 28px 0;
width: 200px;
text-align: center; }
.product-page .product-right .product-contact-button p {
margin: 0; }
.product-page .product-right .product-description {
display: flex;
flex-direction: column;
font-style: normal;
font-weight: 300;
font-size: 16px;
text-align: justify;
color: #1c1c1c; }
.product-page .product-right .product-description h5 {
margin: 18px 0 4px;
font-weight: 600;
font-size: 18px; }
.product-page .product-right .product-description p {
margin: 0; }
.product-page .product-right .product-features {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
margin: 30px 0; }
.product-page .product-right .product-features .why-element {
width: 46%;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
margin: 20px 0; }
@media screen and (max-width: 900px) {
.product-page .product-right .product-features .why-element {
width: 100%; } }
@media screen and (max-width: 500px) {
.product-page .product-right .product-features .why-element {
width: 100%;
margin: 20px 0; } }
.product-page .product-right .product-features .why-element .why-icon {
width: 40px;
height: 40px;
background: #F7F7F7;
border-radius: 16px;
display: flex;
align-items: center;
justify-content: center; }
.product-page .product-right .product-features .why-element .why-icon img {
width: 20px;
height: 20px; }
.product-page .product-right .product-features .why-element h5 {
font-size: 20px;
font-weight: 500;
margin-bottom: 0px;
margin-top: 10px; }
.product-page .product-right .product-features .why-element p {
font-size: 14px;
color: #333;
margin: 4px 0; }
@media screen and (max-width: 500px) {
.product-page .product-right .product-features .why-element p {
font-size: 16px; } }
.product-page .product-right .product-technical h4 {
font-style: normal;
font-weight: normal;
font-size: 22px;
width: 100%;
margin: 30px 0 10px; }
.product-page .product-right .product-technical .product-technical-table {
background: #f9f9f9;
padding: 16px;
width: 100%;
display: flex;
flex-direction: column; }
.product-page .product-right .product-technical .product-technical-table .product-table-item {
padding: 6px 0;
border-bottom: 1px solid #EFEFEF;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center; }
.product-page .product-right .product-technical .product-technical-table .product-table-item p {
font-weight: 400;
font-size: 16px;
color: #1C1C1C;
margin: 0; }
.product-page .product-right .product-technical .product-technical-table .product-table-item span {
font-weight: normal;
font-size: 16px;
color: #000000; }