/* ADMIN EDITOR (DON'T DELETE THIS LINE) */
@import "admin-editor.css";
/* END ADMIN EDITOR */

/* FRONTEND STYLE */
body {
    position: relative;
    font-family: "Roboto", sans-serif;
    overflow-x: hidden;
}
a {
    color: unset;
    text-decoration: none;
}

a:hover {
    color: inherit;
}

.full-screen-container {
    width: 100vw;
    height: 100vh;
    position: fixed;
    z-index: 999;
    pointer-events: none;
}

#testemonies,
#aboutSlider,
#aboutSliderBlue,
#prodImgSlider,
#serviceImgSlider,
.productContainer a,
.greenHover,
.blueHover,
.seeEquipHover,
.seeServiceHover,
.seeRentalHover,
.whiteHover {
    cursor: none;
}

.mvvIcons {
    height: 100px;
    display: flex;
    align-items: flex-end;
}

.seeService {
    top: 30px !important;
    transform: rotate(90deg) !important;
    left: 110px !important;
}

.seeServiceReverse {
    top: 30px !important;
    left: -10px !important;
    transform: rotate(90deg) !important;
}
.fwBanner {
    transition: all 0.3s ease-in-out !important;
}
.fwBanner img {
    transition: all 0.8s ease-in-out !important;
    border-radius: 0px;
}


.circle-out,
.circleProdHover {
    border-radius: 50%;
    height: 0px;
    width: 0px;
    background: #3ba935;
    position: relative;
    z-index: 100000;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.circleBlue-out,
.circleServHover {
    border-radius: 50%;
    height: 0px;
    width: 0px;
    background: #18aad7;
    position: relative;
    z-index: 100000;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.circleBlue-out p {
    transform: translateX(25%);
    margin-bottom: 0;
}

.circle-out p {
    position: absolute;
    width: 100%;
    left: 0;
    margin-bottom: 0;
    letter-spacing: 0.45;
}

.circleProdHover i,
.circleServHover i {
    position: absolute;
}
.circle-out.hoverSlider,
.circleBlue-out.hoverSlider,
.circleProdHover.hoverSlider,
.circleServHover.hoverSlider {
    animation: grow2 0.1s forwards;
}
.circle-out.hoverSlider::after,
.circleBlue-out.hoverSlider::after,
.circleProdHover.hoverSlider::after,
.circleServHover.hoverSlider::after {
    height: 100px;
    width: 100px;
    border-radius: 50%;
    content: "";
}

.blueCircleHover {
    border-radius: 50%;
    height: 0px;
    width: 0px;
    background: #18aad7;
    opacity: 0.5;
    position: relative;
    z-index: 100000;
}
.greenCircleHover {
    border-radius: 50%;
    height: 0px;
    width: 0px;
    background: #3ba935;
    opacity: 0.5;
    position: relative;
    z-index: 100000;
}
.white-mainpage-circle-out {
    border-radius: 50%;
    height: 0px;
    width: 0px;
    background: #fff;
    opacity: 0.5;
    position: relative;
    z-index: 100000;
}

.greenCircleHover.hoverSlider,
.blueCircleHover.hoverSlider,
.white-mainpage-circle-out.hoverSlider {
    animation: grow 0.1s forwards;
    mix-blend-mode: exclusion;
}
.greenCircleHover.hoverSlider::after,
.blueCircleHover.hoverSlider::after,
.white-mainpage-circle-out.hoverSlider::after {
    height: 50px;
    width: 50px;
    border-radius: 50%;
    content: "";
}

.homeProdSliderHover {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    border-radius: 50%;
    height: 0px;
    width: 0px;
    background: #3ba935;
    position: relative;
    z-index: 100000;
}
.blueHomeProdSliderHover {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    border-radius: 50%;
    height: 0px;
    width: 0px;
    background: #18aad7;
    position: relative;
    z-index: 100000;
}
.blueServiceRentalHover {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    border-radius: 50%;
    height: 0px;
    width: 0px;
    background: #18aad7;
    position: relative;
    z-index: 100000;
}

.homeProdSliderHover.hoverSlider,
.blueHomeProdSliderHover.hoverSlider,
.blueServiceRentalHover.hoverSlider {
    animation: grow2 0.1s forwards;
}

.homeProdSliderHover.hoverSlider::after,
.blueHomeProdSliderHover.hoverSlider::after,
.blueServiceRentalHover.hoverSlider::after {
    border-radius: 50%;
    content: "";
}

@keyframes grow {
    0% {
        height: 30px;
        width: 30px;
    }

    100% {
        height: 50px;
        width: 50px;
        margin-left: -40px;
        margin-top: -40px;
        border-radius: 50%;
    }
}
@keyframes grow2 {
    0% {
        height: 30px;
        width: 30px;
    }

    100% {
        height: 100px;
        width: 100px;
        margin-left: -40px;
        margin-top: -40px;
        border-radius: 50%;
    }
}

#cursor {
    position: absolute;
    width: 20px;
    height: 20px;
    border: 1px solid #333333;
    box-sizing: border-box;
    transition: 0.1s;
    transform: translate(-50%, -50%), translate3d(0, 0, 0);
    border-radius: 50%;
    pointer-events: none;
    z-index: 9999999;
}

#cursor.click,
#cursor.send,
#cursor.zoom {
    width: 80px;
    height: 80px;
    border: 1px solid orangered;
    display: flex;
    align-items: center;
    justify-content: center;
}
#cursor.click::after {
    content: "click";
    color: orangered;
}
#cursor.send::after {
    content: "send";
    color: orangered;
}
#cursor.zoom::after {
    content: "zoom";
    color: orangered;
}

.rating {
    /* float:left; */
    width: 160px;
}
.rating span {
    float: right;
    position: relative;
}
.rating span input {
    position: absolute;
    top: 0px;
    left: 0px;
    opacity: 0;
}
.rating span label {
    display: inline-block;
    width: 30px;
    height: 30px;
    text-align: center;
    color: #fff;
    background: #ccc;
    font-size: 30px;
    margin-right: 2px;
    line-height: 30px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
}
.rating span:hover ~ span label,
.rating span:hover label,
.rating span.checked label,
.rating span.checked ~ span label {
    background: #f90;
    color: #fff;
}

/* ENDFRONTEND STYLE */

/* COMPARE */
section#compare {
    display: none;
}
section#compare.active {
    display: block;
    background-color: #efefef;
    position: fixed;
    top: calc(100vh - 150px);
    /* bottom:0px;  */
    width: 100%;
    padding: 20px 0px;
    -webkit-box-shadow: 0px 0px 14px -5px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 14px -5px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 14px -5px rgba(0, 0, 0, 0.75);
    z-index: 99999;
    min-height: calc(100vh - 150px);
    transition: all ease-in-out 300ms;
}
section#compare.active.expand {
    top: 150px;
}
section#compare .hiddenCompare {
    overflow-y: auto;
    max-height: calc(100vh - 420px);
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    column-gap: 30px;
    margin-bottom: 20px;
}
section#compare .hiddenCompare .innerHiddenCompare {
    display: table;
}
section#compare .hiddenCompare .innerHiddenCompare > div {
    padding: 0.5rem 0;
}

section#compare #list .compare-item {
    display: flex;
}
section#compare #list .compare-item:nth-child(4) {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}

section#compare #list .compare-item:nth-child(-n + 3) > div > img {
    max-height: 60px;
    background-color: grey;
    margin-right: 15px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
}

section#compare #list .title-prod {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 10px;
}

section#compare #list .remove-prod {
    font-size: 75%;
}

section#compare #list .remove-prod > img {
    height: 15px;
    margin-top: -5px;
    margin-right: 8px;
}

/* END COMPARE*/

/* CONFIG */

.noScroll {
    overflow: hidden;
}

.critec {
    font-weight: 800;
    font-size: 28px;
    font-family: "Gilroy";
    text-transform: lowercase;
}
.t11,
.t11 p {
    font-size: calc(8px + (11 - 8) * ((100vw - 300px) / (1800 - 300)));
    line-height: 1.5;
}

.t12,
.t12 p {
    font-size: calc(10px + (12 - 10) * ((100vw - 300px) / (1800 - 300)));
    line-height: 1.5;
}
.t14,
.t14 p {
    font-size: calc(12px + (14 - 12) * ((100vw - 300px) / (1800 - 300)));
    line-height: 1.5;
}
.t15,
.t15 p {
    font-size: calc(12px + (15 - 12) * ((100vw - 300px) / (1800 - 300)));
    line-height: 1.5;
    letter-spacing: 0.45;
}

.t16,
.t16 p {
    font-size: calc(14px + (16 - 14) * ((100vw - 300px) / (1800 - 300)));
    line-height: 1.5;
}
.t18,
.t18 p {
    font-size: calc(16px + (18 - 16) * ((100vw - 300px) / (1800 - 300)));
    line-height: 1.7;
}
.t20,
.t20 p {
    font-size: calc(18px + (20 - 18) * ((100vw - 300px) / (1800 - 300)));
    line-height: 1.5;
}

.t30,
.t30 p {
    font-size: calc(20px + (30 - 20) * ((100vw - 300px) / (1800 - 300)));
    line-height: 1.5;
}
.t36,
.t36 p {
    font-size: clamp(1rem, 4vw, 36px);
    line-height: 1.5;
}

.t50,
.t50 p {
    font-size: calc(30px + (50 - 30) * ((100vw - 300px) / (1800 - 300)));
    line-height: 1.5;
}

.t60,
.t60 p {
    font-size: calc(30px + (60 - 30) * ((100vw - 300px) / (1800 - 300)));
    line-height: 1;
}

.t70,
.t70 p {
    font-size: calc(40px + (70 - 40) * ((100vw - 300px) / (1800 - 300)));
    line-height: 1;
}
.t80,
.t80 p {
    font-size: calc(40px + (80 - 40) * ((100vw - 300px) / (1800 - 300)));
    line-height: 1.5;
}

.t100,
.t100 p {
    font-size: calc(60px + (100 - 60) * ((100vw - 300px) / (1800 - 300)));
    line-height: 1;
}

.lh12 {
    line-height: 1.2;
}

.thin {
    font-weight: 100;
}

.light {
    font-weight: 300;
}

.regular {
    font-weight: 400;
}

.c-black {
    color: #000;
}
.c-white {
    color: #fff;
}

.c-lightBlue {
    color: #18aad7;
}
.c-darkBlue {
    color: #0080c7;
}
.c-lightGreen {
    color: #8cb624;
}
.c-darkGreen {
    color: #3ba935;
}
.c-lightGray {
    color: #f1f2f2;
}

.c-lightGray2 {
    color: #a2aab2;
}

.bg-lightGray {
    background: #f1f2f2;
}

.bg-lightGray2 {
    background: #f8f8f8;
}

.spacer150 {
    grid-column: inherit;
    height: 150px;
    width: 100%;
}
.spacer120 {
    grid-column: inherit;
    height: 120px;
    width: 100%;
}
.spacer90 {
    grid-column: inherit;
    height: 90px;
    width: 100%;
}
.spacer60 {
    grid-column: inherit;
    height: 60px;
    width: 100%;
}
.spacer30 {
    grid-column: inherit;
    height: 30px;
    width: 100%;
}
.spacer15 {
    grid-column: inherit;
    height: 15px;
    width: 100%;
}

#newsletter label.error {
    color: red;
    position: absolute;
    bottom: -13px;
    left: 0px;
    font-size: 10px;
}

.servicesAboutSection i {
    color: #18aad7;
}

.prodAboutSection i {
    color: #3ba935;
}

.prodImgSliderItem {
    /* display: flex !important;
    flex-direction: column;
    align-items: center; */
    margin-right: 25px;
    margin-left: 25px;
}

.prodVideoInfo {
    position: absolute;
    top: 0;
    background: rgba(255, 255, 255, 0.6);
    width: 100%;
}

.resource i {
    color: #3ba935;
}

.blueResource i {
    color: #18aad7;
}

.contactCol p,
.addressCol p {
    margin-bottom: 0;
}

.contactCol a {
    color: #3ba935;
}

.inputFile input[type="file"] {
    opacity: 0;
    position: absolute;
    z-index: -1;
}

.inputFile label {
    border-radius: 50px;
    border: 1px solid #3ba935;
    padding: 10px 30px;
    cursor: pointer;
    margin-bottom: 30px;
}

.inputFile label i {
    color: #3ba935;
    padding-right: 10px;
}
/* HEADER SECTION */
header .container-fluid {
    padding: 25px 0;
    position: fixed;
    z-index: 98;
}

header .container-fluid .row {
    margin: 0;
}

header .container-fluid .searchBox > i,
header .container .searchBox > i {
    color: #000;
}

header .container-fluid.fixedMain {
    background-color: #fff;
    color: #000;
    box-shadow: 0px 3px 15px #0000000d;
}
header .container-fluid.fixedMain .otherPage > p,
header .container-fluid.fixedMain .otherPage > i,
header .container-fluid.fixedMain .hamburguer > i,
header .container-fluid.fixedMain .hamburguerBlue > i,
header .container-fluid.fixedMain .mobileBurguer > i {
    color: #000;
}
header .container-fluid.fixedMain .searchBox {
    background-color: #3ba935;
}
header .container-fluid.fixedMain .searchBoxGray {
    background-color: #f1f2f2;
}
header .container-fluid.fixedMain .searchBox i,
header .container-fluid.fixedMain .searchBox i {
    color: #fff;
}

.searchBox,
.searchBoxGray {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.menuItems .menuItem {
    margin: 0 25px;
}

.menuItems,
.otherPage {
    display: flex;
    align-items: center;
    justify-content: center;
}

.otherPage i {
    font-size: 20px;
    color: #fff;
    padding-left: 5px;
}

.footerOtherPage i {
    padding-left: 5px;
}

.footerItemList li {
    letter-spacing: 0.7;
}
.socialIcon {
    border-radius: 100px;
}

.socialIcon:hover {
    background: #fff;
}
.headerBudgetBtn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 200px;
    height: 45px;
    background: #3ba935;
    border-radius: 50px;
    padding: 20px 0;
    color: #fff !important;
}
.headerBudgetBtnBlue {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 200px;
    height: 45px;
    background: #18aad7;
    border-radius: 50px;
    padding: 20px 0;
    color: #fff;
}

.headerBudgetBtn:hover {
    background: #8cb624;
    color: #fff;
}

.headerBudgetBtnBlue:hover {
    background: #0080c7;
    color: #fff;
}

.headerBudgetBtn:hover {
    background: #8cb624;
    color: #fff;
}

.c-pointer {
    cursor: pointer;
}

.hamburguer,
.hamburguerBlue,
.mobileBurguer {
    cursor: pointer;
}

.hamburguer i,
.hamburguerBlue i,
.mobileBurguer i {
    font-size: 40px;
    font-weight: 100;
}

.hamburguer:hover i {
    color: #3ba935;
}
.hamburguerBlue:hover i {
    color: #18aad7;
}

.mobileMenu {
    position: fixed;
    right: -100vw;
    overflow-y: scroll;
    bottom: 0;
    height: auto;
    top: 60px;
    width: 100%;
    background: #fff;
    display: flex;
    flex-direction: column;
    padding: 30px;
    padding-bottom: 90px;
    transition: all ease-in-out 300ms;
    z-index: 10;
    justify-content: space-between;
}
.mobileMenu .mobileList {
    display: flex;
    flex-direction: column;
    text-align: start;
}
.mobileMenu .menu-icons {
    text-align: start;
}
.mobileMenu .menu-icons a:last-child {
    padding-right: 0px;
}
.mobileMenu a,
.mobileMenu div.dropdownMobile {
    color: #252525;
    text-decoration: none;
    margin-bottom: 15px;
}
.mobileMenu.active {
    right: 0;
}

.mobileMenu .searchBox {
    justify-content: flex-start !important;
}

.offscreenMenu {
    z-index: 99;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    position: fixed;
    left: 100%;
    top: 0;
    transition: all 0.5s ease;
}

.offscreenMenu.active {
    left: 0;
    z-index: 99;
}

.offscreenMenu .leftCol,
.offscreenMenu .rightCol,
.offscreenMenu .leftColBlue {
    height: 100vh;
}

.offscreenMenu .rightCol {
    padding: 50px 100px;
    display: flex;
    flex-direction: column;
}

.offscreenMenu .closeMenu,
.offscreenMenu .closeMenuBlue {
    display: flex;
    justify-content: flex-end;
}

.offscreenMenu .closeMenuBtn {
    font-size: 36px;
    cursor: pointer;
}

.offscreenMenu .closeMenu:hover i {
    color: #3ba935;
}
.offscreenMenu .closeMenuBlue:hover i {
    color: #18aad7;
}

.offscreenMenu.active .leftCol,
.offscreenMenu.active .leftColBlue {
    right: 0;
}

.offscreenMenu .rightCol {
    background: #ffffff;
    position: relative;
    right: -100vw;
    transition: all ease-in-out 300ms;
}

.offscreenMenu.active .rightCol {
    right: 0;
}

.openMenuItems,
.openMenuItemsBlue {
    height: 100%;
}

.openMenuItems,
.openMenuItemsBlue,
.openMenuFooter {
    padding: 0 50px;
}

.openMenuItems li,
.openMenuItemsBlue li {
    letter-spacing: 0.7;
}

.searchModal {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: #ffffff;
    z-index: 999;
    opacity: 0;
    pointer-events: none;
    transition: all ease-in-out 300ms;
}
.searchModal.active {
    opacity: 1;
    pointer-events: unset;
}

.searchModal .formSearchInput {
    position: relative;
    margin-top: 50px;
}
.formSearchInput label.error {
    font-size: 12px;
    color: red;
}
.searchModal form input {
    width: 100%;
    border: 0;
    border-bottom: 1px solid #ababab;
    font-size: 18px;
    color: #ababab;
    padding: 8px 0;
    outline: none;
}
.searchModal form input:focus + button {
    color: #1c3d76;
}
.searchModal form button {
    background: transparent;
    border: 0;
    color: #ababab;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.closeBtn {
    width: 33px;
    height: 33px;
    border-radius: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #3ba935;
    cursor: pointer;
}

.blueCloseBtn {
    width: 33px;
    height: 33px;
    border-radius: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #18aad7;
    cursor: pointer;
}
.closeBtn,
.blueCloseBtn {
    color: #fff;
    font-size: 20px;
}

.mobileSearchTitle .closeBtn,
.mobileSearchTitle .blueCloseBtn {
    display: none;
}

.privacyInfo h1,
.privacyInfoBlue h1 {
    font-size: calc(30px + (60 - 30) * ((100vw - 300px) / (1800 - 300)));
    line-height: 1;
    font-weight: 300;
}

.privacyInfo a {
    color: #3ba935;
    text-decoration: underline;
}
.privacyInfoBlue a {
    color: #18aad7;
    text-decoration: underline;
}

.visionListBlue li::before {
    content: "\f00c";
    font-family: "Font Awesome 6 Pro";
    color: #18aad7;
    font-weight: bold;
    display: inline-block;
    width: 1.5rem;
    font-weight: 300;
    font-size: 15px;
}

.visionListBlue li,
.visionList li {
    padding-bottom: 15px;
}

.visionList li::before,
.recruitText li::before {
    content: "\f00c";
    font-family: "Font Awesome 6 Pro";
    color: #3ba935;
    font-weight: bold;
    display: inline-block;
    width: 1.5rem;
    font-weight: 300;
    font-size: 15px;
}

.privacyInfo ul,
.privacyInfoBlue ul {
    display: table;
}

.privacyInfo li,
.privacyInfoBlue li {
    display: table-row;
}

.privacyInfo li::before {
    display: table-cell !important;
    content: "\f178";
    font-family: "Font Awesome 5 Pro";
    color: #3ba935;
    font-weight: bold;
    display: inline-block;
    width: 1.5rem;
    font-weight: 100;
    font-size: 18px;
}
.privacyInfoBlue li::before {
    display: table-cell !important;
    content: "\f178";
    font-family: "Font Awesome 5 Pro";
    color: #18aad7;
    font-weight: bold;
    display: inline-block;
    width: 1.5rem;
    font-weight: 100;
    font-size: 18px;
}

.openMenuItems ul,
.openMenuItemsBlue ul,
ul.footerItemList,
ul.footerItemListBlue,
.aboutUsArticles ul,
.aboutUsArticlesBlue ul,
.visionList ul,
.visionListBlue ul,
.recruitText ul,
.news ul,
.newsBlue ul,
.privacyInfo ul,
.privacyInfoBlue ul,
.prodAboutSection ul,
.rentalProdSection ul,
.rentalProdDesc ul,
.rentalProdEquip ul,
.prodCharSection ul,
.prodHighlightSection ul,
.prodGallerySection ul,
.prodVideoSection ul,
.serviceVideoSection ul,
.campanhaInfo ul,
ul.servicesHpAbout {
    list-style: none;
    padding: 0;
}

.openMenuItems ul li,
.openMenuItemsBlue ul li,
ul.footerItemList li,
ul.footerItemListBlue li,
ul.servicesHpAbout li {
    margin: 2rem 0;
    text-transform: uppercase;
}

.openMenuItems ul li a:hover,
ul.footerItemList li a:hover {
    color: #3ba935;
}
.openMenuItemsBlue ul li a:hover,
ul.footerItemListBlue li a:hover {
    color: #18aad7;
}

header .container-fluid.fixed {
    position: fixed;
    /* padding: 15px 15px; */
    top: 0;
}

.menuBtn {
    position: relative;
    width: 40px;
    height: 23px;
    transition-duration: 0.5s;
}

.menuBtn .icon-left {
    transition-duration: 0.5s;
    position: absolute;
    height: 1px;
    width: 20px;
    top: 10px;
    background-color: #000;
    left: 0px;
}

.menuBtn .icon-left:before {
    transition-duration: 0.5s;
    position: absolute;
    width: 20px;
    height: 1px;
    background-color: #000;
    content: "";
    top: -10px;
}

.menuBtn .icon-left:after {
    transition-duration: 0.5s;
    position: absolute;
    width: 20px;
    height: 1px;
    background-color: #000;
    content: "";
    top: 10px;
}

.menuBtn .icon-left:hover {
    cursor: pointer;
}

.menuBtn .icon-right {
    transition-duration: 0.5s;
    position: absolute;
    height: 1px;
    width: 20px;
    top: 10px;
    background-color: #000;
    left: 15px;
}

.menuBtn .icon-right:before {
    transition-duration: 0.5s;
    position: absolute;
    width: 20px;
    height: 1px;
    background-color: #000;
    content: "";
    top: -10px;
}

.menuBtn .icon-right:after {
    transition-duration: 0.5s;
    position: absolute;
    width: 20px;
    height: 1px;
    background-color: #000;
    content: "";
    top: 10px;
}

.menuBtn.open .icon-left {
    transition-duration: 0.5s;
    background: transparent;
}

.menuBtn.open .icon-left:before {
    transform: rotateZ(45deg) scaleX(1) translate(5px, 2px);
}

.menuBtn.open .icon-left:after {
    transform: rotateZ(-45deg) scaleX(1) translate(5px, -2px);
}

.menuBtn.open .icon-right {
    transition-duration: 0.5s;
    background: transparent;
}

.menuBtn.open .icon-right:before {
    transform: rotateZ(-45deg) scaleX(1) translate(-5px, 2px);
}

.menuBtn.open .icon-right:after {
    transform: rotateZ(45deg) scaleX(1) translate(-5px, -2px);
}
/* END HEADER SECTION */

/* HOMEPAGE SLIDER SECTION */
.sliderContainerHp {
    position: relative;
}

.sliderContainerHp .slider {
    width: 100%;
    height: 100vh;
}

.sliderContainerHp .slick-slide {
    color: white;
}

.sliderContainerHp .slick-prev:before,
.sliderContainerHp .slick-next:before {
    color: black;
}

.sliderContainerHp .slick-dots {
    bottom: -30px;
}

.sliderContainerHp .progressBarContainer,
.sliderContainerHp .progressBarContainerBlue {
    position: absolute;
    bottom: 15%;
    width: 90%;
    left: 100px;
}

.sliderContainerHp .progressBarContainer div,
.sliderContainerHp .progressBarContainerBlue div {
    display: block;
    padding: 0;
    cursor: pointer;
    margin-right: 10px;
    float: left;
    color: white;
}

.sliderContainerHp .progressBarContainer div:last-child,
.sliderContainerHp .progressBarContainerBlue div:last-child {
    margin-right: 0;
}

.sliderContainerHp .progressBarContainer div span.progressBar,
.sliderContainerHp .progressBarContainerBlue div span.progressBar {
    width: 100%;
    height: 2px;
    background-color: rgba(255, 255, 255, 0.6);
    display: block;
}

.sliderContainerHp .progressBarContainer div span.progressBar .inProgress {
    background-color: rgba(59, 169, 53, 1);
    width: 0%;
    height: 2px;
}

.sliderContainerHp .progressBarContainerBlue div span.progressBar .inProgress {
    background-color: rgba(24, 170, 215, 1);
    width: 0%;
    height: 2px;
}

.sliderContainerHp.slick-initialized {
    opacity: 1;
    visibility: visible;
}

.sliderContainerHp .slick-track {
    padding-top: 0px;
    padding-bottom: 0px;
}

.sliderContainerHp .slick-slide {
    position: relative;
    height: 100vh;
}
.sliderContainerHp.slick-slide::before {
    background-color: #000;
    opacity: 0.3;
    z-index: 1;
}
.sliderContainerHp .slick-dots {
    bottom: 50px;
}

.sliderContainerHp .slick-slide .slide-image {
    opacity: 0;
    height: 100%;
    background-size: cover;
    background-position: center;
    transition: all 0.5s ease;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    transform: translate(-50%, -50%);
}

.sliderContainerHp .slick-slide .slide-image.show {
    opacity: 1;
}

.sliderContainerHp .sliderTitle {
    width: 600px;
}

.show {
    display: block;
}

.sliderContainerHp .slick-slide .loading {
    position: absolute;
    top: 44%;
    left: 0;
    width: 100%;
}

.sliderContainerHp {
    background-color: #fff;
}

.sliderContainerHp h1 {
    text-align: left;
    letter-spacing: 0px;
    color: #fff;
    opacity: 1;
}

.sliderContainerHp .descSlider {
    max-width: 650px;
}

.sliderBtn {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 190px;
    height: 55px;
    padding: 0 30px;
    background: transparent;
    border: 1px solid #3ba935;
    border-radius: 50px;
}
.sliderBtnBlue {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 190px;
    height: 55px;
    padding: 0 30px;
    background: transparent;
    border: 1px solid #18aad7;
    border-radius: 50px;
}

.sliderBtn,
.sliderBtnBlue {
    position: relative;
}

.sliderBtn:hover {
    background: #3ba935;
    color: #fff;
}
.sliderBtnBlue:hover {
    background: #0080c7;
    color: #fff;
}

.sliderBtn:hover .sliderArrow {
    background: #8cb624;
}
.sliderBtnBlue:hover .sliderArrowBlue {
    background: #18aad7;
}

.sliderArrow {
    position: absolute;
    right: 5;
    border: 0;
    color: #fff;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: #3ba935;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
}
.sliderArrowBlue {
    position: absolute;
    right: 5;
    border: 0;
    color: #fff;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: #18aad7;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
}

.sliderContainerHp .bottomText {
    position: absolute;
    bottom: 25px;
}
/* END HOMEPAGE SLIDER SECTION */

/* HOMEPAGE SECTION */
.hpAboutServices {
    display: flex;
    align-items: flex-end;
    height: 100%;
}

#servicesAboutHp {
    height: 850px;
}

.aboutHpTitle {
    list-style: none;
}

.aboutHpTitle li,
.aboutUsArticles li,
.aboutUsArticlesBlue li,
.news ul li,
.newsBlue ul li,
.prodAboutSection li,
.rentalProdSection li,
.prodCharSection li,
.prodHighlightSection li,
.prodGallerySection li,
.prodVideoSection li,
.serviceVideoSection li,
.campanhaInfo ul li,
ul.servicesHpAbout li {
    display: flex;
    align-items: center;
}

.aboutHpTitle li::before,
.aboutUsArticles li::before,
.news ul li::before,
.campanhaInfo ul li::before {
    content: "\2022";
    color: #3ba935;
    font-weight: bold;
    display: inline-block;
    width: 1.5rem;
    /* margin-left: -0.5em; */
    margin-left: 0;
    font-size: 3rem;
}

ul.servicesHpAbout li::before,
.aboutUsArticlesBlue li::before,
.newsBlue ul li::before {
    content: "\2022";
    color: #18aad7;
    font-weight: bold;
    display: inline-block;
    width: 1.5rem;
    margin-left: 0;
    font-size: 3rem;
}

.rentalProdSection li::before {
    content: "\2022";
    color: #18aad7;
    font-weight: bold;
    display: inline-block;
    width: 1.5rem;
    margin-left: 0;
    font-size: 3rem;
}

.rentalProdEquip li,
.rentalProdDesc li {
    font-weight: 400;
    padding-bottom: 2rem;
    display: table-row;
}

.rentalProdEquip ul,
.rentalProdDesc ul {
    display: table;
}
.rentalProdEquip li::before,
.rentalProdDesc li::before {
    content: "\f061";
    font-family: "Font Awesome 5 Pro";
    font-weight: 100 !important;
    display: table-cell !important;
    color: #18aad7;
    font-weight: bold;
    display: inline-block;
    width: 4rem;
    margin-left: 0;
    font-size: 1.5rem;
}

.prodAboutSection li::before,
.prodCharSection li::before,
.prodHighlightSection li::before,
.prodGallerySection li::before,
.prodVideoSection li::before {
    content: "\2022";
    color: #3ba935;
    font-weight: bold;
    display: inline-block;
    width: 1.5rem;
    margin-left: 0;
    font-size: 3rem;
}

.serviceVideoSection li::before {
    content: "\2022";
    color: #18aad7;
    font-weight: bold;
    display: inline-block;
    width: 1.5rem;
    margin-left: 0;
    font-size: 3rem;
}

.aboutHpLeftImgWrapper {
    display: flex;
}

.aboutHpLeftImg {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.greenArrow {
    position: absolute;
    border: 0;
    color: #fff;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    background: #3ba935;
    display: flex;
    align-items: center;
    justify-content: center;
}

.greenArrow i {
    font-size: 20px;
}

.greenArrow:hover {
    background: #8cb624;
}

.aboutUsArticleWrapper p,
.aboutHpRightArticle p {
    line-height: normal;
}
/*.aboutHpRightArticleWrapper .aboutHpRightArticle:nth-child(n + 2),
.aboutUsArticleWrapper .aboutUsArticle:nth-child(n + 2),
.aboutUsArticleWrapper .aboutUsArticleBlue:nth-child(n + 2) {
    margin-left: -50px;
}*/

.prodCharSection {
    position: relative;
}

.prodCharSection div.row {
    display: flex;
    align-items: flex-end;
    height: 1000px;
}

.prodCharDivs:nth-child(1) {
    background: transparent;
    border: 1px solid #000;
    color: #000;
    z-index: 1;
}
.prodCharDivs:nth-child(2) {
    position: absolute;
    left: 20%;
    bottom: 20%;
    background: rgba(140, 182, 36, 0.5);
    border: none;
    color: #000;
    z-index: -1;
}
.prodCharDivs:nth-child(3) {
    position: absolute;
    left: 38%;
    bottom: 38%;
    /* background: #3ba935; */
    color: #fff;
    border: 2px dashed #3ba935;
    z-index: -2;
    width: 450px;
    height: 450px;
}
.prodCharDivs:nth-child(3) > div {
    border: 1px solid #3ba935;
    background: #3ba935;
    border-radius: 50%;
    height: 400px;
    width: 400px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.prodCharDivs:nth-child(4) {
    position: absolute;
    left: 60%;
    bottom: 60%;
    background: #f8f8f8;
    color: #000;
    border: none;
    z-index: -3;
}

.aboutHpRightArticleWrapper .aboutHpRightArticle:nth-child(3),
.aboutUsArticleWrapper .aboutUsArticle:nth-child(2) {
    border: 1px solid #3ba935;
}
.aboutUsArticleWrapper .aboutUsArticleBlue:nth-child(2) {
    border: 1px solid #0080c7;
}

.aboutUsArticleWrapper .aboutUsArticle:nth-child(1),
.aboutUsArticleWrapper .aboutUsArticle:nth-child(1) p {
    color: #8cb624;
}
.aboutUsArticleWrapper .aboutUsArticleBlue:nth-child(1),
.aboutUsArticleWrapper .aboutUsArticleBlue:nth-child(1) p {
    color: #18aad7;
}
.aboutUsArticleWrapper .aboutUsArticle:nth-child(2),
.aboutUsArticleWrapper .aboutUsArticle:nth-child(2) p {
    color: #3ba935;
}
.aboutUsArticleWrapper .aboutUsArticleBlue:nth-child(2),
.aboutUsArticleWrapper .aboutUsArticleBlue:nth-child(2) p {
    color: #0080c7;
}
.aboutUsArticleWrapper .aboutUsArticle:nth-child(3),
.aboutUsArticleWrapper .aboutUsArticle:nth-child(3) p {
    color: #000;
}
.aboutUsArticleWrapper .aboutUsArticleBlue:nth-child(3),
.aboutUsArticleWrapper .aboutUsArticleBlue:nth-child(3) p {
    color: #707070;
}

.aboutHpRightArticleWrapper .aboutHpRightArticle:nth-child(5),
.aboutUsArticleWrapper .aboutUsArticle:nth-child(3),
.aboutUsArticleWrapper .aboutUsArticleBlue:nth-child(3) {
    border: 1px solid #707070;
}

.aboutHpRightArticle,
.aboutUsArticle,
.prodCharDivs {
    border: 1px solid #8cb624;
    border-radius: 50%;
    height: 400px;
    width: 400px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.aboutUsArticleBlue {
    border: 1px solid #18aad7;
    border-radius: 50%;
    height: 400px;
    width: 400px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.aboutHpRightArticle > div,
.aboutUsArticle > div,
.aboutUsArticleBlue > div,
.prodCharDivs > div {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 100%;
    width: 50%;
}

.aboutUsSliderItem {
    margin-right: 25px;
    margin-left: 25px;
}
.aboutUsSliderItem.slick-slide.slick-cloned {
    display: flex;
    flex-direction: column;
}

.slick-initialized .slick-slide {
    display: flex !important;
    flex-direction: column;
}
.aboutHpRightArticle p {
    margin-bottom: 0;
}

.highlightProdDivWrapper {
    text-align: center;
}

.highlightProdDivWrapper .highlightProdDiv {
    position: sticky;
    position: -webkit-sticky;
    top: 40vh;
    display: flex;
    flex-direction: column;
}

.highlightProdInfo {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    min-height: 200px;
}
/* END HOMEPAGE SECTION */
.campanhasWrapper .relatedProd {
    position: sticky;
    top: 40vh;
}
/* FOOTER SECTION */

.footerInput {
    padding: 1rem 0;
    background: transparent;
    border: none;
    border-bottom: 1px solid #a2aab2;
    color: #1d1d1b;
    width: 100%;
    border-radius: 3px;
    outline: 0;
}

.footerInput::placeholder {
    color: #000;
    text-transform: lowercase;
}
#newsletter a {
    text-decoration: underline;
}
#newsletter button.submitNewsletterGreen {
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    border: 0;
    color: #fff;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: #3ba935;
    display: flex;
    align-items: center;
    justify-content: center;
}
#newsletter button.submitNewsletterGreen:hover {
    background: #8cb624;
}
#newsletter button.submitNewsletterBlue {
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    border: 0;
    color: #fff;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: #18aad7;
    display: flex;
    align-items: center;
    justify-content: center;
}
#newsletter button.submitNewsletterBlue:hover {
    background: #0080c7;
}
#submitNewsletter i {
    font-size: 22px;
    transform: rotate(45deg);
}
/* END FOOTER SECTION */
/* MAIN PAGE SELECT */

.intro {
    position: relative;
    height: 100%;
}

.intro > .row {
    height: 100vh;
}

.mainpage__workingMan {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 100%;
}

.mainpage__select__wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    z-index: 99;
}

i.main__page__arrow {
    font-size: 50px;
    color: #fff;
}
/* END MAIN PAGE SELECT */

/* PRODUCT CAT PAGE */
.prodFilterListDiv,
.newsFilterListDiv,
.formFilterListDiv {
    display: flex;
    flex-wrap: wrap;
}

.prodFilterList,
.newsFilterList {
    height: 45px;
    display: flex;
    list-style-type: none;
    background: none;
    padding-left: 0;
    border: 1px solid #a2aab2;
    border-radius: 50px;
    flex-wrap: wrap;
}
.formFilterList {
    height: 100%;
    display: flex;
    list-style-type: none;
    background: none;
    padding-left: 0;
    border: 1px solid #a2aab2;
    border-radius: 50px;
    flex-wrap: wrap;
}

.prodFilterList li,
.newsFilterList li {
    letter-spacing: 0.7;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 38px;
    width: 111px;
    text-align: center;
    padding: 10px;
    background: none;
    margin: 3px 3px;
    border-radius: 50px;
}
.formFilterList li {
    letter-spacing: 0.7;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 38px;
    width: 145px;
    padding: 20px;
    background: none;
    margin: 5px;
    border-radius: 50px;
}

.prodFilterList li.active,
.newsFilterList li.active,
.formFilterList li.active {
    background: #f1f2f2;
}
.formFilterList.equipamentos li.active{
    background: #3ba935;
}
.formFilterList.servicos li.active{
    background: #18aad7;
}
.prodInfoPage {
    display: flex;
    justify-content: flex-start;
    height: 200px;
    padding: 0 2rem;
}

.campanhaInfo {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
}
.prodInfoPage p,
.campanhaInfo p {
    margin-bottom: 10rem;
}
.productWrapper .productContainer,
.campanhasWrapper .campanhaContainer {
    position: sticky;
    top: 20vh;
}
/* END PRODUCT CAT PAGE */

a.prodAnchors,
a.serviceAnchors  {
    width: fit-content;
}
a.prodAnchors:hover {
    color: #3ba935;
}

a.serviceAnchors:hover {
    color: #0080c7;
}

/* BUDGET SECTION DIV */

.blueBudgetSection {
    background: transparent linear-gradient(260deg, #18aad7 0%, #0080c7 100%) 0%
        0% no-repeat padding-box;
    height: 227;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.budgetSection,
.spontaneous {
    background: transparent linear-gradient(260deg, #8cb624 0%, #3ba935 100%) 0%
        0% no-repeat padding-box;
    height: 227;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.budgetSection a,
.blueBudgetSection a,
.spontaneous a {
    color: #fff;
}

.spontaneous div {
    display: flex;
    align-items: center;
    justify-content: center;
}

.budgetSection .budgetTitle,
.blueBudgetSection .budgetTitle {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.budgetSection .budgetText,
.blueBudgetSection .budgetText {
    display: flex;
    padding-left: 3rem;
    align-items: center;
    justify-content: center;
    width: 400px;
}

/* END BUDGET SECTION DIV */

/* NOTICIAS */
.newsWrapper {
    margin-bottom: 6rem;
}

.news > img,
.newsBlue > img {
    width: 100%;
}

.newsInfo,
.newsInfoBlue,
.campanhasInfo {
    padding: 0 2rem;
}

.individualNewsDesc {
    margin-top: -100px;
}

.individualNewsDesc p {
    margin-bottom: 0;
}

.otherNewsSection {
    background: #f8f8f8;
}

.otherNewsSection .title {
    flex: 0 1 auto;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
}

.otherNewsSection .more,
.otherNewsSection .moreBlue {
    flex: 0 1 auto;
    margin-left: auto;
}

.otherNewsSection .more i {
    color: #3ba935;
}
.otherNewsSection .moreBlue i {
    color: #18aad7;
}

/* END NOTICIAS */
.testemonyDiv {
    height: 450px;
    width: 400px !important;
    padding: 3rem 5rem 2rem 5rem;
    background: #f8f8f8;
    border-radius: 15px;
    margin-right: 25px;
    margin-left: 25px;
}
/* FORM PAGE */

.contactFormLeftDiv {
    padding: 0 200px;
}

.contactFormRightDiv {
    padding: 0 150 0 0;
}

.formBuild-input input:focus,
.formBuild-input textarea:focus,
.formBuild-input select:focus {
    outline: none;
    border: 0;
}

.formBuild-input input,
.formBuild-input textarea,
.formBuild-input select {
    border: 0;
    border-bottom: 1px solid #a2aab2;
    width: 100%;
    padding: 10px 0px;
    margin-bottom: 18px;
}

.formBuild-input input::placeholder,
.formBuild-input textarea::placeholder,
.formBuild-input select::placeholder {
    font-weight: 300;
    color: #000;
}

.formBuild-input.rgpd input {
    width: 24px;
    background-color: #fff;
    border-radius: 50%;
    vertical-align: middle;
    border: 1px solid #ddd;
    appearance: none;
    -webkit-appearance: none;
    outline: none;
    cursor: pointer;
    margin: 0;
    margin-right: 1rem;
}

.blueContact .formBuild-input.rgpd input:checked {
    background: #0080c7;
    border: 1px solid #000;
}
.greenContact .formBuild-input.rgpd input:checked,
.recruitForm .formBuild-input.rgpd input:checked {
    background: #3ba935;
    border: 1px solid #000;
}

.formBuild-input.rgpd {
    display: flex;
    flex-direction: row-reverse;
    justify-content: start;
    align-items: center;
    margin-bottom: 30px;
    margin-top: 30px;
}

.greenContact .formBuild-input.rgpd label a,
.recruitForm .formBuild-input.rgpd label a {
    color: #3ba935;
}
.blueContact .formBuild-input.rgpd label a {
    color: #18aad7;
}

.formBuild-input label.error {
    color: red;
}

.formBuild-input.rgpd label.error {
    bottom: -10px;
    color: red;
}

.recruitForm .formBuild button,
.greenContact .formBuild button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 182px;
    height: 54px;
    background: #3ba935;
    border-radius: 50px;
    padding: 20px 0;
    color: #fff;
    letter-spacing: 0.7;
    text-transform: uppercase;
    font-size: 14px;
    border: 0;
}

.recruitForm .formBuild button:hover,
.greenContact .formBuild button:hover {
    background: #8cb624;
}

.blueContact .formBuild button {
    display: flex;
    letter-spacing: 0.7;
    align-items: center;
    text-transform: uppercase;
    justify-content: center;
    font-size: 14px;
    width: 182px;
    height: 54px;
    background: #18aad7;
    border-radius: 50px;
    padding: 20px 0;
    color: #fff;
    border: 0;
}

.blueContact .formBuild button:hover {
    background: #0080c7;
}
/* END FORM PAGE */

/* CATALOGUE PAGE */
.catalogueDivWrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.catalogueDiv {
    width: 100%;
    height: 100%;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease-in-out;
}

.catalogueDivImg {
    width: 400px;
    height: 400px;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.catalogueDivImg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}
/* END CATALOGUE PAGE */

.noImgDefault {
    display: flex;
    justify-content: center;
    padding: 3rem;
    border-radius: 15px;
}

.recruitText h2 {
    font-size: calc(30px + (60 - 30) * ((100vw - 300px) / (1800 - 300)));
    color: #000;
    font-weight: 300;
}

.recruitText a {
    text-decoration: underline;
    color: #1c3d76;
}

.inputFile input[type="file"] {
    opacity: 0;
    position: absolute;
    z-index: -1;
}

.inputFile label {
    border-radius: 50px;
    border: 1px solid #3ba935;
    padding: 10px 30px;
    cursor: pointer;
    margin-bottom: 30px;
    font-size: 14px;
}

.inputFile label i {
    color: #3ba935;
    padding-right: 10px;
}

.productHpCard {
    height: 400px;
    margin-right: 15px;
    margin-left: 15px;
}

.slider-section {
    height: 50vh;
    bottom: 0;
    position: absolute;
    width: 100%;
}

@media (min-width:2000px) {
    .slider-section {
    height: 70vh;
}
}

.wheel {
    position: absolute;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 300vw;
    height: 300vw;
    max-width: 2000px;
    max-height: 2000px;
    left: 50%;
    transform: translateX(-50%);
}

.wheel__card {
    position: absolute;
    top: 0;
    left: 0;
    width: 400px;
    max-width: 400px;
    aspect-ratio: 1 / 1;
    cursor: pointer;
}

.wheel__card img {
    width: 100%;
    pointer-events: none;
    z-index: 999;
    cursor: pointer;
    position: absolute;
    will-change: transform;
}
.heightSlide{
    position: relative;
}
.productSliderWheel {
    position: sticky;
    height: 800px;
    overflow: hidden;
    /* position: relative; */
}

.productHpCardInfo {
    position: absolute;
    bottom: -150px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    height: 50px;
    padding: 0 2rem;
}
.wheel__card .productHpCardInfo {
    position: absolute;
    bottom: -175px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    height: 100px;
    padding: 0 2rem;
}

.rentalProdDesc h1,
.rentalProdEquip h1 {
    font-size: calc(30px + (60 - 30) * ((100vw - 300px) / (1800 - 300)));
    line-height: 1;
    font-weight: 300;
}

.servicoRollText {
    background: transparent linear-gradient(260deg, #18aad7 0%, #0080c7 100%) 0%
        0% no-repeat padding-box;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 230px;
    overflow: hidden;
}

.servicoRollText span {
    width: 100%;
    white-space: nowrap;
    animation: marquee 10s infinite linear;
}

@keyframes marquee {
    0% {
        transform: translateX(100%);
    }
    100% {
        transform: translateX(-100%);
    }
}

.aplicacao3area {
    position: absolute;
    width: 100%;
    max-width: 100%;
    top: -30px;
    left: 0;
    height: 477px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    flex-direction: column;
    background: #ffffff;
    z-index: -2;
    border-radius: 500px;
    color: black;
    border: 2px dashed;
}
.aplicacao2area {
    border: 2px solid #48aad7;
    position: absolute;
    width: 60%;
    top: -31px;
    left: 0;
    height: 477px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    flex-direction: column;
    background: #48aad7;
    z-index: -1;
    border-radius: 5000px;
    color: white;
}
.aplicacao1area {
    border: 2px solid #0080c7;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    width: 400px;
    height: 400px;
    border-radius: 50%;
    background: #0080c7;
    color: #fff;
}

.aplicacao1Text {
    font-weight: 200;
    margin-top: 15px;
    line-height: normal;
}
.aplicacao1Title {
    width: 289px;
    text-align: center;
    font-weight: 200;
    line-height: normal;
}
.aplicacao2Icon {
    font-weight: 200;
    width: 289px;
    margin-top: 15px;
    text-align: center;
    margin-right: 50px;
}
.aplicacao2Text {
    font-weight: 200;
    width: 289px;
    margin-top: 15px;
    text-align: center;
    margin-right: 50px;
    line-height: normal;
}
.aplicacao2Title {
    width: 289px;
    text-align: center;
    font-weight: 200;
    line-height: normal;
    margin-right: 50px;
}

.aplicacao3Icon {
    width: 289px;
    margin-top: 15px;
    text-align: center;
    margin-right: 70px;
    line-height: normal;
}
.aplicacao3Title {
    width: 289px;
    margin-top: 15px;
    text-align: center;
    font-weight: 200;
    line-height: normal;
    margin-right: 70px;
}
.aplicacao3Text {
    font-weight: 200;
    width: 289px;
    margin-top: 15px;
    text-align: center;
    margin-right: 70px;
}

.applicationsContainer {
    margin-top: 50px;
}

.mobileAp1Area {
    width: 350px;
    height: 350px;
    background: #0080c7;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    color: #fff;
    text-align: center;
}

.mobileAp2Area {
    width: 350px;
    height: 350px;
    background: #18aad7;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    color: #fff;
    text-align: center;
}
.mobileAp3Area {
    width: 350px;
    height: 350px;
    border: 2px dashed #000;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    color: #000;
    text-align: center;
}

.serviceMaterialDivs {
    width: 270px;
    display: flex;
    justify-content: center;
    height: 270px;
    border-radius: 50%;
    align-items: center;
    border: 1px solid black;
}
.serviceMaterialDivs:nth-child(n + 2) {
    margin-left: -25px;
}
.serviceMaterialDivs:nth-child(even) {
    border: 1px solid #0080c7;
    color: #0080c7;
}

.serviceMaterialDivs:nth-child(3) {
    border: 1px dashed #000;
}

.serviceMaterialDivs:nth-child(5) {
    border: 1px solid #a2aab2;
}

.complementaryServices {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: 200px;
}

.privateEntityDiv {
    width: 90%;
}

.productSliderWheel .noImgDefault {
    height: 100%;
    align-items: center;
}

.aboutHpRightArticle:nth-child(2) {
    margin-top: 0px !important;
    margin-left: -50px !important;
}
.aboutHpRightArticle:last-child {
    margin-left: -50px !important;
    margin-top: 0px !important;
}

/*@media (min-width: 1964px) {
    .aboutHpRightArticle:last-child {
        margin-top: 0px !important;
        margin-left: -50px !important;
    }
}
@media (min-width: 1688px) {
    .aboutHpRightArticle:last-child {
        margin-top: 0px !important;
        margin-left: -50px !important;
    }
}
@media (min-width: 1537px) {
    .aboutHpRightArticle:last-child {
        margin-left: 0px !important;
        margin-top: -50px !important;
    }
}*/

#equipVideo,
#prodVideo {
    height: 650px;
}

@media (min-width: 2000px) {
    .productSliderWheel {
        height: 950px;
    }
}

@media (max-width: 1963px) {
    .aboutHpRightArticle:nth-child(2) {
        margin-top: 0px !important;
        margin-left: -50px !important;
    }
    .aboutHpRightArticle:last-child {
        margin-left: 0px !important;
        margin-top: -50px !important;
    }
}
@media (max-width: 1536px) {
    .formFilterList li {
        width: unset;
        margin: 3px;
    }
    .contactFormLeftDiv {
        padding: 0 100px;
    }
    .sliderContainerHp .progressBarContainer,
    .sliderContainerHp .progressBarContainerBlue {
        left: 100px !important;
    }
    .aplicacao1area {
        width: 300px;
        height: 300px;
    }
    .aplicacao2area {
        width: 65%;
        height: 362px;
    }
    .aplicacao3area {
        height: 362px;
    }
    .main-slider .caption {
        padding-top: 120px;
    }

    .t100,
    .t100 p {
        font-size: calc(60px + (100 - 100) * ((100vw - 300px) / (1800 - 300)));
        line-height: 1;
    }
    .aboutHpLeftImg > img,
    .catalogueDivImg > img {
        width: 300px;
    }

    .aboutHpRightArticle,
    .catalogueDivImg {
        width: 300px;
        height: 300px;
    }

    /*.aboutHpRightArticleWrapper .aboutHpRightArticle:nth-child(n + 2) {
        margin-left: -50px;
    }*/
    .aboutHpRightArticle > div > p {
        font-size: 24px;
    }
    .privacyInfoTitle {
        width: 75% !important;
    }
    
    /*.aboutHpRightArticle:last-child {
        margin-top: 0px !important;
        margin-left: -50px !important;
    }*/
}

@media (max-width: 1536px) {
    .aboutHpRightArticle:nth-child(2) {
        margin-top: 0px !important;
        margin-left: -50px !important;
    }
    .aboutHpRightArticle:last-child {
        margin-left: -50px !important;
        margin-top: 0px !important;
    }
}

@media (max-width: 1366px) {
    .formFilterList {
        flex-wrap: nowrap;
    }

    .t80,
    .t80 p {
        font-size: calc(40px + (70 - 40) * ((100vw - 300px) / (1800 - 300)));
        line-height: 1.5;
    }
    .sliderContainerHp .progressBarContainer,
    .sliderContainerHp .progressBarContainerBlue {
        left: 80px !important;
    }
    .aplicacao3Icon,
    .aplicacao3Title,
    .aplicacao3Text,
    .aplicacao2Icon,
    .aplicacao2Title,
    .aplicacao2Text,
    .aplicacao1Icon,
    .aplicacao1Text,
    .aplicacao1Title {
        width: 200px;
        line-height: normal;
    }
    .applicationsContainer .t50 {
        font-size: calc(30px + (50 - 50) * ((100vw - 300px) / (1800 - 300)));
        line-height: 1;
    }
    /*.productSliderWheel {
        height: 600px;
    }*/
    .productHpCard {
        height: 350px;
    }

    .wheel__card {
        width: 350px;
        max-width: 350px;
    }
}

@media (max-width: 1309px) {
    .aboutHpRightArticle:nth-child(2) {
        margin-top: 0px !important;
        margin-left: -50px !important;
    }
    .aboutHpRightArticle:last-child {
        margin-left: 0px !important;
        margin-top: -50px !important;
    }
}

@media (max-width: 1400px) {
    .offscreenMenu .rightCol {
        padding: 50px 40px;
    }
}
/* LARGE DISPLAY'S */
@media (max-width: 1200px) {
    .lg-spacer150 {
        height: 150px;
    }
    .lg-spacer120 {
        height: 120px;
    }
    .lg-spacer90 {
        height: 90px;
    }
    .lg-spacer60 {
        height: 60px;
    }
    .lg-spacer30 {
        height: 30px;
    }
    .lg-spacer15 {
        height: 15px;
    }

    .lg-block150 {
        display: inline-block;
        width: 150px;
    }
    .lg-block120 {
        display: inline-block;
        width: 120px;
    }
    .lg-block90 {
        display: inline-block;
        width: 90px;
    }
    .lg-block60 {
        display: inline-block;
        width: 60px;
    }
    .lg-block30 {
        display: inline-block;
        width: 30px;
    }
    .lg-block15 {
        display: inline-block;
        width: 15px;
    }

    .lg-taleft {
        text-align: left;
    }
    .lg-tacenter {
        text-align: center;
    }
    .lg-taright {
        text-align: right;
    }
    .lg-tajustify {
        text-align: justify;
    }
    
    .openMenuItems {
        padding: 0;
    }
    
    /*.aboutHpRightArticle:last-child {
        margin-left: 0px !important;
        margin-top: -50px !important;
    }*/
}

/*@media (min-width: 928px) and (max-width:991px) {
    .aboutHpRightArticle:last-child {
        margin-top: 0px !important;
        margin-left: -50px !important;
    }
}*/

/* DESKTOP */
@media (max-width: 992px) {
    header .container-fluid {
        background-color: #ffffff;
    }
    
    .md-spacer150 {
        height: 150px;
    }
    .md-spacer120 {
        height: 120px;
    }
    .md-spacer90 {
        height: 90px;
    }
    .md-spacer60 {
        height: 60px;
    }
    .md-spacer30 {
        height: 30px;
    }
    .md-spacer15 {
        height: 15px;
    }

    .md-spacer0 {
        height: 0px;
    }
    .md-block150 {
        display: inline-block;
        width: 150px;
    }
    .md-block120 {
        display: inline-block;
        width: 120px;
    }
    .md-block90 {
        display: inline-block;
        width: 90px;
    }
    .md-block60 {
        display: inline-block;
        width: 60px;
    }
    .md-block30 {
        display: inline-block;
        width: 30px;
    }
    .md-block15 {
        display: inline-block;
        width: 15px;
    }

    .md-taleft {
        text-align: left;
    }
    .md-tacenter {
        text-align: center;
    }
    .md-taright {
        text-align: right;
    }
    .md-tajustify {
        text-align: justify;
    }
    
    .mobileMenu {
        padding-top: 90px;
    }
    
    /*.aboutHpRightArticle:last-child {
        margin-left: 0px !important;
        margin-top: -50px !important;
    }*/
    
    .highlightProdInfo {
        min-height: 100px;
    }
        
}

@media (max-width: 991px) {
    .aboutHpRightArticle:last-child, .aboutHpRightArticle:nth-child(2) {
        margin-top: 0px !important;
        margin-left: -50px !important;
    }
}
@media (max-width: 872px) {
    .aboutHpRightArticle:nth-child(2) {
        margin-top: 0px !important;
        margin-left: -50px !important;
    }
    .aboutHpRightArticle:last-child {
        margin-left: 0px !important;
        margin-top: -50px !important;
    }
}

/* TABLET */
@media (max-width: 768px) {
    .sliderContainerHp .slick-slide {
        height: 80vh;
    }
    .formBuild-input.rgpd input {
        width: 21px;
    }
    .sliderContainerHp .progressBarContainer div span.progressBar,
    .sliderContainerHp .progressBarContainerBlue div span.progressBar,
    .sliderContainerHp .progressBarContainer div span.progressBar .inProgress,
    .sliderContainerHp
        .progressBarContainerBlue
        div
        span.progressBar
        .inProgress {
        height: 4px;
    }
    .full-screen-container {
        display: none;
    }
    .budgetSection div:nth-child(2),
    .blueBudgetSection div:nth-child(2) {
        justify-content: flex-start;
    }
    .t80,
    .t80 p {
        font-size: calc(40px + (70 - 40) * ((100vw - 300px) / (1800 - 300)));
        line-height: 1.2;
    }
    .privateEntityDiv {
        width: 100%;
    }
    .sliderContainerHp .sliderTitle {
        width: 100%;
    }

    .sliderContainerHp .progressBarContainer,
    .sliderContainerHp .progressBarContainerBlue {
        left: 20px !important;
        bottom: 35% !important;
    }

    .productSliderWheel {
        height: 800px;
    }

    .blueResource {
        padding-right: calc(var(--bs-gutter-x) * 0.5) !important;
        padding-left: calc(var(--bs-gutter-x) * 0.5) !important;
    }
    #cnrDiv img {
        height: unset;
    }
    #servicesAboutHp {
        height: 100%;
    }
    .hpAboutServices {
        align-items: center;
    }
    .highlightProdDivWrapper .highlightProdDiv {
        position: unset;
    }
    .mainpage__select__wrapper {
        align-items: center;
    }
    .highlightProdInfo {
        padding-bottom: 3rem;
    }
    .highlightProdDiv img {
        width: 50%;
    }
    .aboutHpTitle {
        padding-left: 0;
    }

    .newsFilterList {
        border: none;
    }

    .prodFilterList,
    .newsFilterList,
    .formFilterList {
        height: 100%;
        overflow-x: scroll;
        flex-wrap: unset;
        border: none;
        border-radius: 0;
        white-space: nowrap;
    }

    .prodFilterList,
    .formFilterList {
        padding: 0px 5px;
    }

    i.main__page__arrow {
        font-size: 30px;
    }
    .mainpage__select__right,
    .mainpage__select__left {
        height: 50vh !important;
    }
    .prodInfoPage {
        height: 100%;
    }
    .greenCircleHover,
    .blueCircleHover,
    .white-mainpage-circle-out {
        display: none;
    }
    .hiddenTablet {
        display: none;
    }
    header .container-fluid {
        padding: 10px 0;
        position: fixed;
        z-index: 98;
    }
    .mobileSearchTitle::after {
        content: "";
        height: 1px;
        background: #ababab;
        position: absolute;
        bottom: 0;
        left: -15px;
        right: -15px;
    }
    .mobileSearchTitle .closeBtn,
    .mobileSearchTitle .blueCloseBtn {
        display: flex;
        margin-right: 10px;
    }
    .mobileSearchTitle {
        display: flex;
        align-items: center;
        position: relative;
    }
    .mobileSearchTitle .t25 {
        font-size: 15px;
        line-height: 60px;
    }
    .testemonyDiv {
        /* width: unset !important; */
        width: 300px !important;
        padding: 2rem 3rem 2rem 3rem;
        margin-right: 10px;
        margin-left: 10px;
    }
    .privacyInfoTitle {
        width: 100% !important;
    }
    .contactFormLeftDiv,
    .contactFormRightDiv {
        padding-right: calc(var(--bs-gutter-x) * 0.5);
        padding-left: calc(var(--bs-gutter-x) * 0.5);
    }

    /* .formBuild-input.rgpd input[type="checkbox"] {
        width: 45px;
    } */
    .individualNewsDesc {
        margin-top: 0;
    }
    .budgetSection {
        height: 100%;
    }
    .budgetSection .budgetTitle {
        justify-content: center;
    }

    .budgetSection .budgetText {
        width: 100%;
        padding-left: calc(var(--bs-gutter-x) * 0.5);
    }

    .aboutHpLeftImgWrapper {
        justify-content: center;
    }
    .aboutHpLeftImg img {
        width: 300px;
    }
    .aboutHpRightArticleWrapper {
        display: flex;
        justify-content: center;
        align-items: flex-end;
    }
    .aboutHpRightArticle {
        width: 300px;
        height: 300px;
    }
    /*.aboutHpRightArticleWrapper .aboutHpRightArticle:nth-child(n + 2),
    .aboutUsArticleWrapper .aboutUsArticle:nth-child(n + 2),
    .aboutUsArticleWrapper .aboutUsArticleBlue:nth-child(n + 2) {
        margin-left: 0px;
        margin-top: -50px;
    }*/

    .prodCharSection div.row {
        justify-content: center;
        height: auto;
    }
    .prodCharSection .prodCharDivs:nth-child(3) {
        position: unset;
        width: 350px;
        height: 350px;
        margin-right: 1rem;
        margin-bottom: 1rem;
        margin-top: -50px;
    }

    .prodCharSection .prodCharDivs:nth-child(1),
    .prodCharSection .prodCharDivs:nth-child(2),
    .prodCharSection .prodCharDivs:nth-child(4) {
        position: unset;
        width: 300px;
        height: 300px;
        margin-right: 1rem;
        margin-bottom: 1rem;
    }
    .prodCharSection .prodCharDivs:nth-child(2),
    .prodCharSection .prodCharDivs:nth-child(4) {
        margin-top: -50px;
    }

    .prodCharSection .prodCharDivs:nth-child(3) > div {
        position: unset;
        width: 300px;
        height: 300px;
    }

    .prodHighlightText {
        width: 100% !important;
    }

    .aboutUsArticle,
    .aboutUsArticleBlue {
        width: 300px;
        height: 300px;
        margin-right: 1rem;
        margin-bottom: 1rem;
    }
    .prodInfoPage p,
    .campanhaInfo p {
        margin-bottom: 3rem;
    }
    footer {
        text-align: center;
    }
    footer div {
        justify-content: center;
    }
    .mainpage__select__left {
        align-items: center !important;
        padding-left: unset !important;
    }
    
    /*.aboutHpRightArticle:last-child {
        margin-left: 0px !important;
        margin-top: -50px !important;
    }*/

    .sm-spacer150 {
        height: 150px;
    }
    .sm-spacer120 {
        height: 120px;
    }
    .sm-spacer90 {
        height: 90px;
    }
    .sm-spacer60 {
        height: 60px;
    }
    .sm-spacer30 {
        height: 30px;
    }
    .sm-spacer15 {
        height: 15px;
    }

    .sm-block150 {
        display: inline-block;
        width: 150px;
    }
    .sm-block120 {
        display: inline-block;
        width: 120px;
    }
    .sm-block90 {
        display: inline-block;
        width: 90px;
    }
    .sm-block60 {
        display: inline-block;
        width: 60px;
    }
    .sm-block30 {
        display: inline-block;
        width: 30px;
    }
    .sm-block15 {
        display: inline-block;
        width: 15px;
    }

    .sm-taleft {
        text-align: left;
    }
    .sm-tacenter {
        text-align: center;
    }
    .sm-taright {
        text-align: right;
    }
    .sm-tajustify {
        text-align: justify;
    }
}

@media (max-width: 654px) {
    .aboutHpRightArticle:last-child, .aboutHpRightArticle:nth-child(2) {
        margin-left: 0px !important;
        margin-top: -50px !important;
    }
}

@media (max-width: 576px) {
    .mobileMenu {
        padding-top: 60px;
    }
    .highlightProdInfo {
        min-height: 50px;
    }
}

/* MOBILE */
@media (max-width: 420px) {
    #equipVideo,
    #prodVideo {
        height: 500px;
    }
    #equipMaterial > div {
        padding-right: calc(var(--bs-gutter-x) * 0.5) !important;
        padding-left: calc(var(--bs-gutter-x) * 0.5) !important;
    }

    .mobileAp1Area,
    .mobileAp2Area,
    .mobileAp3Area {
        width: 300px;
        height: 300px;
    }

    .inputFile input[type="file"] {
        display: none;
    }

    .formBuild-input.rgpd input {
        width: 31px;
    }

    .productHpCardInfo {
        position: unset;
        bottom: unset;
    }

    .serviceMaterialDivs:nth-child(n + 2) {
        margin-left: 0px;
        margin-top: -25px;
    }
    .highlightProdDiv img {
        width: 100%;
    }
    .sliderContainerHp h1 {
        font-size: 35px;
    }
    .xs-spacer150 {
        height: 150px;
    }
    .xs-spacer120 {
        height: 120px;
    }
    .xs-spacer90 {
        height: 90px;
    }
    .xs-spacer60 {
        height: 60px;
    }
    .xs-spacer30 {
        height: 30px;
    }
    .xs-spacer15 {
        height: 15px;
    }

    .xs-block150 {
        display: inline-block;
        width: 150px;
    }
    .xs-block120 {
        display: inline-block;
        width: 120px;
    }
    .xs-block90 {
        display: inline-block;
        width: 90px;
    }
    .xs-block60 {
        display: inline-block;
        width: 60px;
    }
    .xs-block30 {
        display: inline-block;
        width: 30px;
    }
    .xs-block15 {
        display: inline-block;
        width: 15px;
    }

    .xs-taleft {
        text-align: left;
    }
    .xs-tacenter {
        text-align: center;
    }
    .xs-taright {
        text-align: right;
    }
    .xs-tajustify {
        text-align: justify;
    }
}

img {
    max-width: 100%;
}