.banner_home {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 99px 0 102px;
position: relative;
max-width: 1920px;
}
.banner_home .right {
position: absolute;
right: 0;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
z-index: 0;
width: 50%;
}
.banner_home .right .banner_image {
position: relative;
padding: 0 0 0 30px;
}
.banner_home .right .banner_image::before {
content: '';
width: 100%;
height: 100%;
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
background: rgb(58, 133, 199);
background: -webkit-gradient(linear, left top, right top, from(rgba(30, 96, 145, 1)), to(rgba(58, 133, 199, 1)));
background: -o-linear-gradient(left, rgba(30, 96, 145, 1) 0%, rgba(58, 133, 199, 1) 100%);
background: linear-gradient(90deg, rgba(30, 96, 145, 1) 0%, rgba(58, 133, 199, 1) 100%);
position: absolute;
z-index: 0;
bottom: -20px;
left: 12px;
}
.banner_home .right .banner_image img {
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
position: relative;
z-index: 1;
}
.banner_home .left {
width: 48%;
display: block;
}
.banner_home .left .highlighted_text {
color: var(--pink);
font-size: 16px;
font-weight: 700;
}
.banner_home .left .title {
color: var(--black);
font-size: 56px;
font-weight: 800;
font-family: "Sofia Sans Extra Condensed", sans-serif;
margin: 15px 0;
}
.banner_home .left .text {
color: var(--black);
font-size: 16px;
margin: 0;
font-weight: 500;
padding: 0 21% 0 0;
line-height: 28px;
}
.banner_home .left .buttons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
gap: 15px;
margin: 20px 0 0;
}
.banner_home .left .buttons .btn {
border-radius: 50px;
text-align: center;
font-weight: 700;
font-size: 16px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transition: 0.3s all ease-in-out;
-o-transition: 0.3s all ease-in-out;
transition: 0.3s all ease-in-out;
}
.banner_home .left .buttons .btn.request {
color: #fff;
background: rgb(23, 138, 225);
background: -webkit-gradient(linear, left top, right top, from(rgba(23, 138, 225, 1)), to(rgba(13, 72, 117, 1)));
background: -o-linear-gradient(left, rgba(23, 138, 225, 1) 0%, rgba(13, 72, 117, 1) 100%);
background: linear-gradient(90deg, rgba(23, 138, 225, 1) 0%, rgba(13, 72, 117, 1) 100%);
padding: 18px 34px;
gap: 18px;
}
.banner_home .left .buttons .btn.request:hover {
background: -webkit-gradient(linear, left top, right top, from(rgba(23, 138, 225, 1)), color-stop(0%, rgba(23, 138, 225, 1)));
background: -o-linear-gradient(left, rgba(23, 138, 225, 1) 0%, rgba(23, 138, 225, 1) 0%);
background: linear-gradient(90deg, rgba(23, 138, 225, 1) 0%, rgba(23, 138, 225, 1) 0%);
}
.banner_home .left .buttons .btn.about {
color: #21598b;
border: 2px solid #d2dbe1;
padding: 18px 40px;
}
.banner_home .left .buttons .btn.about:hover {
background-color: #21598b;
color: #fff;
}
.banner_home .left .buttons svg {
width: 10px;
color: var(--green);
margin: 8px 0 0;
}
.banner_home .right .highlight_card {
background-color: #fffffff0;
border-radius: 20px;
padding: 12px 24px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: absolute;
z-index: 2;
gap: 15px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-shadow: 0 0 10px #a1a1a136;
box-shadow: 0 0 10px #a1a1a136;
}
.banner_home .right .highlight_card .title {
color: var(--pink);
font-weight: 800;
font-size: 16px;
}
.banner_home .right .highlight_card .text {
color: #070707;
font-weight: 500;
font-size: 10px;
margin: 4px 0;
}
.banner_home .right .highlight_card.card_1 {
left: -23px;
bottom: 77px;
}
.banner_home .right .highlight_card.card_2 {
left: -10px;
bottom: -21px;
} .clients {
overflow: hidden;
}
.clients .title {
font-family: "Sofia Sans Extra Condensed", sans-serif;
font-size: 30px;
color: #242424;
font-weight: 400;
letter-spacing: 0.02em;
}
.clients .title .bold {
font-weight: 700;
}
.clients .clients_loop {
background-color: #fff;
padding: 50px 0;
margin: 26px 0;
position: relative;
}
.clients .clients_loop .swiper-wrapper {
margin: 0 0 0 -40px;
}
.clients .clients_loop .swiper-wrapper{
-webkit-transition-timing-function : linear;
-o-transition-timing-function : linear;
transition-timing-function : linear;
}
.clients .clients_loop::before {
content: '';
height: 100%;
position: absolute;
background: rgb(255,255,255);
background: -webkit-gradient(linear, left top, right top, from(rgba(255,255,255,0.8155637254901961)), color-stop(66%, rgba(255,255,255,0)));
background: -o-linear-gradient(left, rgba(255,255,255,0.8155637254901961) 0%, rgba(255,255,255,0) 66%);
background: linear-gradient(90deg, rgba(255,255,255,0.8155637254901961) 0%, rgba(255,255,255,0) 66%);
width: 9%;
top: 0;
left: 0;
z-index: 2;
}
.clients .clients_loop::after {
content: '';
height: 100%;
position: absolute;
background: rgb(255,255,255);
background: -webkit-gradient(linear, left top, right top, from(rgba(255,255,255,0)), color-stop(66%, rgba(255,255,255,0.8155637254901961)));
background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8155637254901961) 66%);
background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8155637254901961) 66%);
width: 9%;
top: 0;
right: 0;
z-index: 2;
} .kpi {
width: 86.7%;
border-top-right-radius: 25px;
border-bottom-right-radius: 25px;
margin: 40px 0;
position: relative;
}
.kpi .box-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
background: rgb(21,126,205);
background: -webkit-gradient(linear, left top, right top, from(rgba(21,126,205,1)), color-stop(69%, rgba(12,69,112,1)));
background: -o-linear-gradient(left, rgba(21,126,205,1) 0%, rgba(12,69,112,1) 69%);
background: linear-gradient(90deg, rgba(21,126,205,1) 0%, rgba(12,69,112,1) 69%);
border-top-right-radius: 25px;
border-bottom-right-radius: 25px;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #fff;
padding: 22px 0;
position: relative;
z-index: 1;
}
.kpi::before {
content: '';
width: 102%;
height: 100%;
position: absolute;
top: -10px;
right: -10px;
background-color: #c6c6c6;
border-top-right-radius: 25px;
border-bottom-right-radius: 25px;
z-index: 0;
}
.kpi .box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 28.5%;
padding: 0 2%;
}
.kpi .box .icon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.kpi .box .number {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 24px;
letter-spacing: 0.05em;
position: relative;
}
.kpi .box .number::before {
content: '+';
position: absolute;
left: -20px;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.kpi .box .number .count {
font-size: 56px;
font-weight: 700;
line-height: 60px;
}
.kpi .box .text {
font-size: 20px;
text-transform: uppercase;
font-family: "Sofia Sans Extra Condensed", sans-serif;
font-weight: 800;
letter-spacing: 0.05em;
text-align: center;
}
.kpi .sep {
width: 1px;
background-color: #7f9fb8;
height: 90px;
} .machines {
padding: 20px;
background-color: transparent;
border: 3px solid var(--pink);
border-radius: 25px;
margin: 100px auto;
}
.machines .machines-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
position: relative;
background-color: #fff;
border-radius: 25px;
}
.machines .left {
width: 50%;
position: relative;
}
.machines .left img {
max-width: 119%;
margin: -5% 0 -5% -11%;
}
.machines .right {
margin: 90px 0;
width: 47%;
}
.machines .right .highlighted_text {
color: var(--pink);
font-size: 16px;
font-weight: 700;
}
.machines .right .title {
color: var(--black);
font-size: 42px;
font-weight: 800;
font-family: "Sofia Sans Extra Condensed", sans-serif;
margin: 15px 0;
padding: 0 15% 0 0;
}
.machines .right .text {
color: var(--black);
font-size: 16px;
margin: 0;
font-weight: 500;
padding: 0 21% 0 0;
line-height: 28px;
}
.machines .right .buttons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
gap: 15px;
margin: 20px 0 0;
}
.machines .right .buttons .btn {
border-radius: 50px;
text-align: center;
font-weight: 700;
font-size: 16px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transition: 0.3s all ease-in-out;
-o-transition: 0.3s all ease-in-out;
transition: 0.3s all ease-in-out;
}
.machines .right .buttons .btn.request {
color: #fff;
background: rgb(23, 138, 225);
background: -webkit-gradient(linear, left top, right top, from(rgba(23, 138, 225, 1)), to(rgba(13, 72, 117, 1)));
background: -o-linear-gradient(left, rgba(23, 138, 225, 1) 0%, rgba(13, 72, 117, 1) 100%);
background: linear-gradient(90deg, rgba(23, 138, 225, 1) 0%, rgba(13, 72, 117, 1) 100%);
padding: 18px 34px;
gap: 18px;
}
.machines .right .buttons .btn.request:hover {
background: -webkit-gradient(linear, left top, right top, from(rgba(23, 138, 225, 1)), color-stop(0%, rgba(23, 138, 225, 1)));
background: -o-linear-gradient(left, rgba(23, 138, 225, 1) 0%, rgba(23, 138, 225, 1) 0%);
background: linear-gradient(90deg, rgba(23, 138, 225, 1) 0%, rgba(23, 138, 225, 1) 0%);
}
.machines .right .buttons .btn.about {
color: #21598b;
border: 2px solid #d2dbe1;
padding: 18px 40px;
}
.machines .right .buttons .btn.about:hover {
background-color: #21598b;
color: #fff;
}
.machines .right .buttons svg {
width: 10px;
color: var(--green);
margin: 8px 0 0;
} .products {
overflow: hidden;
margin: 85px 0;
}
.products .title {
font-family: "Sofia Sans Extra Condensed", sans-serif;
font-size: 30px;
color: #242424;
font-weight: 400;
letter-spacing: 0.02em;
}
.products .title .bold {
font-weight: 700;
}
.products .products_loop {
background-color: #fff;
padding: 20px 0;
margin: 26px 0;
position: relative;
}
.products .products_loop .swiper-wrapper {
margin: 0 0 0 -40px;
}
.products .products_loop .swiper-wrapper{
-webkit-transition-timing-function : linear;
-o-transition-timing-function : linear;
transition-timing-function : linear;
}
.products .products_loop::before {
content: '';
height: 100%;
position: absolute;
background: rgb(255,255,255);
background: -webkit-gradient(linear, left top, right top, from(rgba(255,255,255,0.8155637254901961)), color-stop(66%, rgba(255,255,255,0)));
background: -o-linear-gradient(left, rgba(255,255,255,0.8155637254901961) 0%, rgba(255,255,255,0) 66%);
background: linear-gradient(90deg, rgba(255,255,255,0.8155637254901961) 0%, rgba(255,255,255,0) 66%);
width: 9%;
top: 0;
left: 0;
z-index: 2;
}
.products .products_loop::after {
content: '';
height: 100%;
position: absolute;
background: rgb(255,255,255);
background: -webkit-gradient(linear, left top, right top, from(rgba(255,255,255,0)), color-stop(66%, rgba(255,255,255,0.8155637254901961)));
background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8155637254901961) 66%);
background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8155637254901961) 66%);
width: 9%;
top: 0;
right: 0;
z-index: 2;
} .about_machine {
margin: 50px 0;
}
.about_machine .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
gap: 50px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.about_machine .left, .about_machine .right {
width: 50%;
}
.about_machine .left .highlighted_text {
color: var(--pink);
font-size: 16px;
font-weight: 700;
}
.about_machine .left .title {
color: var(--black);
font-size: 42px;
font-weight: 800;
font-family: "Sofia Sans Extra Condensed", sans-serif;
margin: 15px 0;
}
.about_machine .left .text {
color: var(--black);
font-size: 16px;
font-weight: 500;
line-height: 28px;
margin: 0 0 20px 0;
}
.about_machine .left .buttons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
gap: 15px;
margin: 30px 0 0;
}
.about_machine .left .buttons .btn {
border-radius: 50px;
text-align: center;
font-weight: 700;
font-size: 16px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transition: 0.3s all ease-in-out;
-o-transition: 0.3s all ease-in-out;
transition: 0.3s all ease-in-out;
}
.about_machine .left .buttons .btn.request {
color: #fff;
background: rgb(23, 138, 225);
background: -webkit-gradient(linear, left top, right top, from(rgba(23, 138, 225, 1)), to(rgba(13, 72, 117, 1)));
background: -o-linear-gradient(left, rgba(23, 138, 225, 1) 0%, rgba(13, 72, 117, 1) 100%);
background: linear-gradient(90deg, rgba(23, 138, 225, 1) 0%, rgba(13, 72, 117, 1) 100%);
padding: 18px 34px;
gap: 18px;
}
.about_machine .left .buttons .btn.request:hover {
background: -webkit-gradient(linear, left top, right top, from(rgba(23, 138, 225, 1)), color-stop(0%, rgba(23, 138, 225, 1)));
background: -o-linear-gradient(left, rgba(23, 138, 225, 1) 0%, rgba(23, 138, 225, 1) 0%);
background: linear-gradient(90deg, rgba(23, 138, 225, 1) 0%, rgba(23, 138, 225, 1) 0%);
}
.about_machine .left .buttons .btn.about {
color: #21598b;
border: 2px solid #d2dbe1;
padding: 18px 40px;
}
.about_machine .left .buttons .btn.about:hover {
background-color: #21598b;
color: #fff;
}
.about_machine .left .buttons svg {
width: 10px;
color: var(--green);
margin: 8px 0 0;
}
.about_machine .left .highlight_card {
background-color: #fffffff0;
border-radius: 20px;
padding: 16px 24px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 15px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-shadow: 0 0 10px #a1a1a136;
box-shadow: 0 0 10px #a1a1a136;
margin: 0 0 15px;
}
.about_machine .left .highlight_card .content {
width: 80%;
}
.about_machine .left .highlight_card .title_highlight {
color: #070707;
font-weight: 700;
font-size: 14px;
font-family: inherit;
}
.about_machine .left .highlight_card .text_highlight {
color: #070707;
font-weight: 500;
font-size: 12px;
line-height: 18px;
margin: 4px 0;
}
.about_machine .right {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
position: relative;
}
.about_machine .right .box-image {
position: relative;
}
.about_machine .right img {
position: relative;
border-radius: 25px;
z-index: 1;
}
.about_machine .right .box-image::before {
background-color: var(--pink);
height: 100%;
width: 100%;
content: '';
position: absolute;
right: -20px;
bottom: -15px;
border-radius: 25px;
z-index: 0;
} .personalized_programs {
margin: 100px 0;
position: relative;
}
.personalized_programs::after {
content: '';
height: 100%;
position: absolute;
background: rgba(17,99,160);
background: -webkit-gradient(linear, left top, right top, from(rgba(17,99,160,1)), color-stop(69%, rgba(12, 69, 112, 1)));
background: -o-linear-gradient(left, rgba(17,99,160,1) 0%, rgba(12, 69, 112, 1) 69%);
background: linear-gradient(90deg, rgba(17,99,160,1) 0%, rgba(12, 69, 112, 1) 69%);
top: 0;
right: 0;
width: 56%;
z-index: 0;
}
.personalized_programs .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
z-index: 1;
max-width: 1475px;
padding: 0 36px 0 0;
}
.personalized_programs .right {
position: relative;
width: 45%;
}
.personalized_programs .left {
width: 50%;
}
.personalized_programs .right .highlighted_text {
color: var(--green);
font-size: 16px;
font-weight: 700;
}
.personalized_programs .right .title {
color: #fff;
font-size: 42px;
font-weight: 800;
font-family: "Sofia Sans Extra Condensed", sans-serif;
margin: 15px 0;
}
.personalized_programs .right .text {
color: #fff;
font-size: 16px;
font-weight: 500;
line-height: 28px;
margin: 0 0 20px 0;
}
.personalized_programs .right .buttons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
gap: 15px;
margin: 30px 0 0;
}
.personalized_programs .right .buttons .btn {
border-radius: 50px;
text-align: center;
font-weight: 700;
font-size: 16px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transition: 0.3s all ease-in-out;
-o-transition: 0.3s all ease-in-out;
transition: 0.3s all ease-in-out;
}
.personalized_programs .right .buttons .btn.request {
color: #fff;
background: rgb(216,41,130);
background: -webkit-gradient(linear, left top, right top, from(rgba(216,41,130,1)), to(rgba(252,83,169,1)));
background: -o-linear-gradient(left, rgba(216,41,130,1) 0%, rgba(252,83,169,1) 100%);
background: linear-gradient(90deg, rgba(216,41,130,1) 0%, rgba(252,83,169,1) 100%);
padding: 18px 34px;
gap: 18px;
}
.personalized_programs .right .buttons .btn.request:hover {
background: -webkit-gradient(linear, left top, right top, from(rgba(216,41,130,1)), color-stop(0%, rgba(216,41,130,1)));
background: -o-linear-gradient(left, rgba(216,41,130,1) 0%, rgba(216,41,130,1) 0%);
background: linear-gradient(90deg, rgba(216,41,130,1) 0%, rgba(216,41,130,1) 0%);
}
.personalized_programs .right .buttons .btn.about {
color: #fff;
border: 2px solid #4a7a9e;
padding: 18px 40px;
}
.personalized_programs .right .buttons .btn.about:hover {
background-color: #4a7a9e;
color: #fff;
}
.personalized_programs .right .buttons svg {
width: 10px;
color: var(--green);
margin: 8px 0 0;
}
.personalized_programs .right .highlight_card {
background: rgb(40,112,166);
background: -webkit-gradient(linear, left top, right top, from(rgba(40,112,166,1)), to(rgba(37,89,128,1)));
background: -o-linear-gradient(left, rgba(40,112,166,1) 0%, rgba(37,89,128,1) 100%);
background: linear-gradient(90deg, rgba(40,112,166,1) 0%, rgba(37,89,128,1) 100%);
border-radius: 20px;
padding: 16px 24px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 15px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0 0 15px;
}
.personalized_programs .right .highlight_card .content {
width: 82%;
}
.personalized_programs .right .highlight_card .title_highlight {
color: #fff;
font-weight: 700;
font-size: 14px;
font-family: inherit;
}
.personalized_programs .right .highlight_card .text_highlight {
color: #fff;
font-weight: 500;
font-size: 12px;
line-height: 18px;
margin: 4px 0;
}
.personalized_programs .left {
line-height: 0;
}
.personalized_programs .left img {
border-top-left-radius: 25px;
border-bottom-left-radius: 25px;
line-height: 0;
} .map .map_locations_bg {
width: 100%;
height: 416px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
cursor: pointer;
}
.map .title {
color: var(--blue);
font-size: 42px;
font-weight: 800;
font-family: "Sofia Sans Extra Condensed", sans-serif;
margin: 15px 0;
} .locations_tag {
margin: 60px 0;
}
.locations_tag .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
position: relative;
}
.locations_tag .left {
padding: 0 5% 0 0;
}
.locations_tag .left, .locations_tag .right {
width: 50%;
}
.locations_tag .left .title {
color: var(--blue);
font-size: 42px;
font-weight: 800;
font-family: "Sofia Sans Extra Condensed", sans-serif;
margin: 0 0 15px;
}
.locations_tag .left .text {
color: var(--black);
font-size: 16px;
font-weight: 500;
line-height: 28px;
margin: 0 0 20px 0;
}
.locations_tag .left .buttons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
gap: 15px;
margin: 30px 0 0;
}
.locations_tag .left .buttons .btn {
border-radius: 50px;
text-align: center;
font-weight: 700;
font-size: 16px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transition: 0.3s all ease-in-out;
-o-transition: 0.3s all ease-in-out;
transition: 0.3s all ease-in-out;
}
.locations_tag .left .buttons .btn.request {
color: #fff;
background: rgb(23, 138, 225);
background: -webkit-gradient(linear, left top, right top, from(rgba(23, 138, 225, 1)), to(rgba(13, 72, 117, 1)));
background: -o-linear-gradient(left, rgba(23, 138, 225, 1) 0%, rgba(13, 72, 117, 1) 100%);
background: linear-gradient(90deg, rgba(23, 138, 225, 1) 0%, rgba(13, 72, 117, 1) 100%);
padding: 18px 34px;
gap: 18px;
}
.locations_tag .left .buttons .btn.request:hover {
background: -webkit-gradient(linear, left top, right top, from(rgba(23, 138, 225, 1)), color-stop(0%, rgba(23, 138, 225, 1)));
background: -o-linear-gradient(left, rgba(23, 138, 225, 1) 0%, rgba(23, 138, 225, 1) 0%);
background: linear-gradient(90deg, rgba(23, 138, 225, 1) 0%, rgba(23, 138, 225, 1) 0%);
}
.locations_tag .left .buttons .btn.about {
color: #21598b;
border: 2px solid #d2dbe1;
padding: 18px 40px;
}
.locations_tag .left .buttons .btn.about:hover {
background-color: #21598b;
color: #fff;
}
.locations_tag .left .buttons svg {
width: 10px;
color: var(--green);
margin: 8px 0 0;
}
.locations_tag .right .location_card {
background-color: #fffffff0;
border-radius: 20px;
padding: 10px 24px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 15px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-shadow: 0 0 10px #a1a1a136;
box-shadow: 0 0 10px #a1a1a136;
margin: 0 0 15px;
width: 316px;
}
.locations_tag .right .location_card .content {
width: 80%;
}
.locations_tag .right .location_card .title {
color: #070707;
font-weight: 800;
font-size: 14px;
}
.locations_tag .right {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-column-gap: 20px;
-moz-column-gap: 20px;
column-gap: 20px;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
} .blog {
padding: 88px 0 140px;
background-color: #f9f9f9; 
}
.blog .container {
position: relative;
}
.blog .top {
text-align: center;
}
.blog .top .title {
color: var(--pink);
font-size: 46px;
font-family: "Sofia Sans Extra Condensed", sans-serif;
font-weight: 700;
}
.blog .btn-all-news {
position: absolute;
top: 0;
right: 40px;
border: 1px solid var(--pink);
text-align: center;
padding: 15px 50px;
border-radius: 50px;
-webkit-transition: 0.3s all ease-in-out;
-o-transition: 0.3s all ease-in-out;
transition: 0.3s all ease-in-out;
}
.blog .btn-all-news a {
color: var(--black);
font-weight: 700;
font-size: 16px;
-webkit-transition: 0.3s all ease-in-out;
-o-transition: 0.3s all ease-in-out;
transition: 0.3s all ease-in-out;
}
.blog .btn-all-news:hover {
background-color: var(--pink);
}
.blog .btn-all-news:hover a {
color: #fff;
}
.blog .bottom .box {
background-color: #fff;
border-radius: 25px;
overflow: hidden;
max-width: 430px;
width: 100%;
border: 1px solid #bfbfbf;
-webkit-transition: 0.3s all ease-in-out;
-o-transition: 0.3s all ease-in-out;
transition: 0.3s all ease-in-out;
position: relative;
padding: 0 0 105px;
}
.blog .bottom .box .content {
padding: 3% 5%;
}
.blog .bottom .box .title {
color: var(--pink);
font-weight: 700;
font-size: 32px;
line-height: 32px;
font-family: "Sofia Sans Extra Condensed", sans-serif;
margin: 0;
}
.blog .bottom .box .text {
font-size: 17px;
line-height: 23px;
margin: 20px 0;
}
.blog .bottom .date {
font-size: 14px;
color: var(--black);
opacity: .5;
margin: 0 0 15px;
padding: 0 5%;
position: absolute;
bottom: 45px;
}
.blog .bottom .date .date-text-1 {
margin: 0 0 2px 0;
}
.blog .bottom .box .btn-read {
text-align: center;
padding: 10px 0;
background-color: var(--pink);
font-family: "Sofia Sans Extra Condensed", sans-serif;
color: #fff;
display: block;
font-weight: 600;
font-size: 22px;
letter-spacing: 0.02em;
-webkit-transition: 0.3s all ease-in-out;
-o-transition: 0.3s all ease-in-out;
transition: 0.3s all ease-in-out;
position: absolute;
bottom: 0;
right: 0;
width: 100%;
}
.blog .bottom .box:hover {
-webkit-box-shadow: 0 0 10px #89898961;
box-shadow: 0 0 10px #89898961;
}
.blog .bottom .box:hover .btn-read {
background-color: #e7519a;
}
.blog .bottom {
margin: 42px 0 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
} @media only screen and (max-width:1600px) {
.machines .right .text {
font-size: 14px;
line-height: 25px;
}
.machines .right {
margin: 5% 0;
}
.personalized_programs .right .title {
font-size: 38px;
margin: 10px 0;
}
.personalized_programs .right .text {
font-size: 14px;
line-height: 24px;
}
.personalized_programs .right .highlighted_text {
font-size: 14px;
}
.locations_tag .right {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 2%;
}
.locations_tag .right .location_card {
width: 47%;
}
}
@media only screen and (max-width:1500px) {
.banner_home .right .highlight_card {
padding: 10px 15px;
}
.banner_home .right .highlight_card .icon {
width: 40px;
}
.banner_home .right .highlight_card .title {
font-size: 14px;
}
.banner_home .right .highlight_card.card_2 {
bottom: 5px;
}
.banner_home .right .highlight_card.card_1 {
bottom: 96px;
}
.banner_home {
margin: 50px 0 102px;
}
.banner_home .left .highlighted_text {
font-size: 14px;
}
.banner_home .left .title {
font-size: 50px;
line-height: 55px;
}
.banner_home .left .text {
font-size: 14px;
line-height: 23px;
}
.products .title {
font-size: 28px;
}
.kpi .box .number .count {
font-size: 46px;
line-height: 130%;
}
.machines .right .buttons .btn {
font-size: 14px;
}
.about_machine .left .highlighted_text {
font-size: 14px;
}
.about_machine .left .title {
font-size: 38px;
margin: 12px 0;
}
.about_machine .left .text {
font-size: 14px;
line-height: 24px;
}
.about_machine .left .buttons .btn {
font-size: 14px;
}
.personalized_programs .left {
width: 45%;
}
.personalized_programs .right {
width: 51%;
}
.personalized_programs .right .highlight_card .content {
width: 88%;
}
.personalized_programs .right .buttons .btn {
font-size: 14px;
}
.personalized_programs .right .buttons .btn.request {
padding: 14px 26px;
gap: 12px;
}
.personalized_programs .right .buttons .btn.about {
padding: 14px 35px;
}
.map .title {
font-size: 38px;
}
.locations_tag .left .title {
font-size: 38px;
}
.locations_tag .left .text {
font-size: 14px;
line-height: 24px;
}
.blog .bottom .box {
max-width: 32%;
}
.blog .bottom .box .title {
font-size: 28px;
line-height: 30px;
}
.blog .bottom .box .text {
font-size: 15px;
line-height: 20px;
}
.blog .bottom .date {
font-size: 13px;
}
.blog .btn-all-news a {
font-size: 14px;
}
}
@media only screen and (max-width:1330px) {
.personalized_programs .right .highlight_card {
padding: 12px 18px;
gap: 8px;
margin: 0 0 10px;
}
.personalized_programs .right .highlight_card .icon {
width: 43px;
}
.personalized_programs .right .highlight_card .title_highlight {
font-size: 13px;
}
.personalized_programs .right .text {
line-height: 21px;
}
.personalized_programs .right .title {
line-height: 34px;
}
.personalized_programs .right .buttons {
margin: 18px 0 0;
}
.personalized_programs .right .highlight_card .text_highlight {
line-height: 16px;
}
.personalized_programs .container {
padding: 0;
}
}
@media only screen and (max-width:1300px) {
.banner_home .left {
width: 46%;
}
.banner_home .left .title {
font-size: 46px;
line-height: 52px;
}
.banner_home .left .buttons .btn {
font-size: 14px;
}
.banner_home .left .buttons .btn.request {
padding: 14px 26px;
gap: 12px;
}
.banner_home .left .buttons .btn.about {
padding: 14px 35px;
}
.kpi .box .text {
font-size: 18px;
}
.kpi .box {
width: 30%;
}
.machines .right .buttons .btn.request {
padding: 14px 26px;
gap: 12px;
}
.machines .right .buttons .btn.about {
padding: 14px 35px;
}
.machines .right .buttons {
gap: 8px;
}
.about_machine .left .buttons .btn.request {
padding: 14px 26px;
gap: 12px;
}
.about_machine .left .buttons .btn.about {
padding: 14px 35px;
}
.about_machine .left .highlight_card {
padding: 15px;
}
.about_machine .left .highlight_card .title_highlight {
font-size: 13px;
}
.map iframe, .map .map_locations_bg {
height: 300px;
}
.locations_tag .left .buttons .btn {
font-size: 14px;;
}
.locations_tag .left .buttons .btn.request {
padding: 14px 26px;
gap: 12px;
}
.locations_tag .left .buttons .btn.about {
padding: 14px 35px;
}
.blog .top .title {
font-size: 42px;
}
}
@media only screen and (max-width:1240px) {
.personalized_programs .right .title {
font-size: 32px;
}
}
@media only screen and (max-width:1150px) {
.personalized_programs .container {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.personalized_programs .left {
width: 100%;
text-align: center;
}
.personalized_programs .right {
width: 100%;
background: rgba(17, 99, 160);
background: -webkit-gradient(linear, left top, right top, from(rgba(17, 99, 160, 1)), color-stop(69%, rgba(12, 69, 112, 1)));
background: -o-linear-gradient(left, rgba(17, 99, 160, 1) 0%, rgba(12, 69, 112, 1) 69%);
background: linear-gradient(90deg, rgba(17, 99, 160, 1) 0%, rgba(12, 69, 112, 1) 69%);
padding: 35px;
border-radius: 25px;
margin: 0 0 30px;
}
.personalized_programs::after {
content: none;
}
.personalized_programs .left img {
border-radius: 25px;
max-width: 440px;
width: 100%;
}
.personalized_programs {
margin: 80px 0;
}
}
@media only screen and (max-width:1100px) {
.machines .right {
width: 48%;
}
}
@media only screen and (max-width:1024px) {
.banner_home {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin: 30px 0;
}
.banner_home .left {
width: 100%;
}
.banner_home .right {
position: relative;
right: initial;
height: 100%;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
margin: 30px 0;
width: 100%;
}
.banner_home .right .highlight_card.card_1,
.banner_home .right .highlight_card.card_2 {
bottom: initial;
left: initial;
}
.banner_home .right .highlight_card {
position: relative;
width: 100%;
max-width: 254px;
}
.banner_home .right .cards {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
gap: 30px;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
width: 90%;
margin: -30px 0 0;
}
.products {
margin: 35px 0;
}
.kpi {
width: 100%;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.kpi::before {
content: none;
}
.kpi .box-container {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.kpi .box {
width: 33%;
}
.machines {
margin: 50px auto;
}
.machines .right .title {
font-size: 38px;
padding: 0;
}
.machines .machines-box {
padding: 30px;
}
.machines .machines-box {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.machines .left, .machines .right {
width: 100%;
}
.machines .right .text {
padding: 0;
}
.machines .right .highlighted_text {
font-size: 14px;
}
.machines .left {
text-align: center;
}
.machines .left img {
max-width: 600px;
width: 100%;
margin: 20px auto 0;
}
.about_machine .container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.about_machine .left, .about_machine .right {
width: 100%;
}
.about_machine .right {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.locations_tag .container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.locations_tag .left, .locations_tag .right {
width: 100%;
padding: 0;
}
.locations_tag .right {
margin: 30px 0 0;
}
.blog {
padding: 50px 0 140px;
}
.blog .bottom {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 30px;
}
.blog .bottom .box {
max-width: 430px;
width: 100%;
}
.blog .btn-all-news {
position: relative;
top: initial;
right: initial;
display: block;
margin: 30px auto 0;
width: 100%;
max-width: 290px;
}
.blog .bottom .box .text {
font-size: 14px;
}
}
@media only screen and (max-width:770px) {
.kpi .box-container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
background: rgb(21, 126, 205);
background: -webkit-gradient(linear, left top, left bottom, from(rgba(21, 126, 205, 1)), color-stop(69%, rgba(12, 69, 112, 1)));
background: -o-linear-gradient(top, rgba(21, 126, 205, 1) 0%, rgba(12, 69, 112, 1) 69%);
background: linear-gradient(180deg, rgba(21, 126, 205, 1) 0%, rgba(12, 69, 112, 1) 69%);
}
.kpi .sep {
display: none;
}
.kpi .box {
width: 100%;
margin: 30px 0;
padding: 0 5%;
}
}
@media only screen and (max-width:620px) {
.banner_home .right .highlight_card {
max-width: 50%;
}
.banner_home .right .cards {
width: 90%;
margin: 48px auto 0;
}
}
@media only screen and (max-width:600px) {
.banner_home .left .title {
font-size: 38px;
line-height: 45px;
}
.banner_home .right .cards {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.banner_home .right .highlight_card {
max-width: 250px;
}
.banner_home .left .text {
padding: 0;
}
}
@media only screen and (max-width:580px) {
.machines .right .buttons {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.personalized_programs .right .buttons {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
@media only screen and (max-width:510px) {
.locations_tag .left .buttons {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.locations_tag .right .location_card {
width: 100%;
}
}
@media only screen and (max-width:470px) {
.about_machine .left .buttons {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
@media only screen and (max-width:450px) {
.banner_home .left .buttons {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.banner_home .left .buttons svg {
margin: 0;
}
}