body {
    /* overflow-y: hidden; */
    font-size: 15px;
    line-height: 26px;
    color: #444;
    font-weight: 400;
    height: 100%
}

.fiscal-logo,
.flex {
    display: flex;
}

a,
a:focus,
a:hover {
    color: inherit;
    color: inherit;
    outline: 0;
    transition: .4s;
}

.fiscal-btn,
.section-title {
    font-weight: 700;
    position: relative;
    display: inline-block;
}

.logo-overlay-mit,
.logo-overlay-sci,
.logo-overlay-sci.sticky.stuck {
    box-shadow: 0 0 10px 0 rgb(93 93 93);
}

.progressbar li,
li {
    list-style-type: none;
}

.btn-cus,
.checkout-bottom h3,
.fiscal-checkout-form>h3,
.fiscal-login>h3,
.fiscal-mainmenu ul li a,
.fiscal-register>h3,
.fiscal-single-news-content>h3,
.fiscal-submenu ul li a,
.project-img-overlay h4,
.project-img-overlay p,
.service-slider-item h4,
.social-media ul li a,
.widget-title>h3,
blockquote,
body {
    font-family: "Roboto", sans-serif;
    font-display: swap;
}

#pro_2 .active>a,
#pro_3 .active>a,
.header-tab .active>a {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    -o-border-image: none;
    border-image: none;
}

#logo-mitsu,
.payment>img,
.section-greener-company .text-right .box-green-compressor .row .col-md-4,
.section-greener-company .text-right .box-green-compressor .row .col-sm-6,
.section-greener-company .text-right .box-green-compressor .row .col-xs-6 {
    float: right;
}

#breadcrumb li a,
a,
a:focus,
a:hover {
    text-decoration: none;
}

body,
html {
    overflow-x: hidden;
}

.section-greener-company .col-md-4,
body section {
    margin-left: auto;
    margin-right: auto;
}

img {
    max-width: 100%;
    height: auto;
}

h1,
h2,
h3,
h4,
h5,
h6,
ol,
p,
ul {
    margin: 0;
    padding: 0;
}

a {
    -webkit-transition: .4s;
    transition: .4s;
}

.btn-group-fab .btn:focus,
a:focus {
    outline: 0;
}

.clear {
    clear: both;
}

#section-vision .card-header h4,
.featured-image img,
.fiscal-header {
    width: 100%
}

.fiscal-btn {
    border: 2px solid;
    color: #fff;
    padding: 7px 25px;
    z-index: 1;
}

.fiscal-btn:after {
    content: "";
    height: 100%;
    left: 50%;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 0;
    z-index: -1;
    transition: .4s cubic-bezier(1, 1.24, .29, -.39);
}

.breadcromb-left a,
.breadcromb-left a:hover,
.btn-downloads-oil-sep:hover,
.fiscal-btn.primary:hover,
.fiscal-btn:hover,
.fiscal-mainmenu ul li:hover ul li a,
.fiscal-submenu ul li:hover ul li a,
.progressbar li.active,
.single-footer-widget a {
    color: #fff;
}

.fiscal-btn:hover:after {
    width: 100%;
    left: 0;
}

.fiscal-btn.white {
    border-color: #fff;
    color: #fff;
}

.dropdown-menu-large li a:hover,
.fiscal-btn.white:hover,
.fiscal-mainmenu ul li a.mainmenu:hover,
.fiscal-mainmenu ul li:hover a {
    color: #c40001;
}

.fiscal-btn.white:after {
    background: #fff;
}

.section-title {
    font-size: 35px;
    font-weight: 700;
    padding-bottom: 10px;
    text-transform: capitalize;
    margin-bottom: 15px;
}

.section-title:after {
    bottom: 0;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    width: 30%
}

.fix {
    overflow: hidden;
}

.fiscal-header-area [class*=col-],
.no-padding {
    padding: 0;
}

.mb-2 {
    margin: 2px;
}

.mb-4 {
    margin: 4px;
}

.mb-6 {
    margin: 6px;
}

.mb-10 {
    margin: 10px;
}

.section-padding {
    padding: 100px 0;
}

.section_50 {
    padding: 50px 0;
}

.section_90 {
    padding: 5px 0;
}

.padding-bottom {
    padding-bottom: 100px;
}

.padding-top {
    padding-top: 100px;
}

.section-margin {
    margin: 100px 0;
}

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

.margin-bottom {
    margin-bottom: 100px;
}

.fiscal-breadcromb-area {
    overflow-x: hidden;
    position: relative;
    z-index: 1;
    background-color: #484848;
}

#spec_fixed_speed,
#spec_inverter,
.calculate-shipping-right,
.cart-table,
.model_table {
    overflow-x: auto;
}

.fiscal-tabs table tbody,
.logo-overlay-mit,
.logo-overlay-sci,
.quick-glance,
.slicknav_menu .slicknav_icon-bar,
.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #fff;
}

.fiscal-breadcromb-area:after {
    background: #000;
    content: "";
    height: 100%;
    left: 0;
    opacity: .3;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}

.fiscal-breadcromb-area .overlay {
    left: auto;
    right: -200px;
    transform: skewX(-45deg);
    width: 50%
}

.breadcromb-right {
    text-align: right;
    text-transform: capitalize;
}

.breadcromb-left {
    position: relative;
    text-align: left;
    z-index: 9;
}

.btntoTop,
.logo-overlay-sci.sticky.stuck {
    position: fixed;
}

.btntoTop,
.fiscal-cart-close,
.pagination-box {
    text-align: center;
}

.breadcromb-left>h3 {
    color: #fff;
    font-size: 25px;
    font-weight: 300;
}

.breadcromb-left li {
    display: inline-block;
    margin: 0 3px;
    text-transform: capitalize;
    color: #fff;
}

.breadcromb-left a i {
    margin-right: 5px;
    color: #fff;
}

.btntoTop i.fa-angle-up {
    color: #fff;
    content: "\f106";
    display: inline-block;
    vertical-align: middle;
    margin-top: 10px;
}

.btntoTop {
    border: 2px solid;
    border-radius: 2px;
    bottom: 30px;
    cursor: pointer;
    height: 44px;
    opacity: 0;
    right: 30px;
    -webkit-transition: opacity .4s;
    transition: opacity .4s;
    width: 44px;
    z-index: 999;
}

.logo-overlay,
.logo-overlay-mit,
.logo-overlay-sci,
.logo-overlay-sci.sticky.stuck,
.overlay {
    height: 100%;
    transform: skewX(45deg);
    top: 0;
}

.btntoTop.active {
    opacity: 1;
    -webkit-transition: .4s;
    transition: .4s;
    box-shadow: 0 0 4px 0 rgb(48 48 48);
    bottom: 90px;
}

.btntoTop.active:hover {
    background: rgba(0, 0, 0, 0);
    border: 2px solid;
    opacity: .8;
}

.pagination a {
    color: #555 !important;
    border: 1px solid #dc3939 !important;
}

.pagination .active>a,
.pagination a:hover {
    color: #fff !important;
}

.fiscal-header-area .fiscal-header-bottom-area {
    background: #212121;
    color: #fff;
}

.fiscal-header-area.sticky,
.fiscal-header-area.sticky.stuck {
    border-top: 4px solid red;
    background-color: #fff;
    box-shadow: 0 1px 4px 0 rgb(134 134 134);
}

#table-news-events div.section-title,
.fiscal-lang {
    font-size: 1rem;
}

.fiscal-lang select {
    color: #000;
    margin-left: 20px;
    padding: 0 12px;
}

#pro_2 a,
.fiscal-lang>p {
    margin: 0;
}

.fiscal-header-area.sticky {
    margin: 0 auto;
}

.fiscal-header-area.sticky.stuck {
    left: 0;
    right: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99;
}

.logo-overlay-sci {
    left: -310px;
    position: absolute;
    width: 560px;
}

.logo-overlay-mit {
    right: -40px;
    position: absolute;
    width: 250px;
}

.fiscal-logo a {
    color: #fff;
    font-weight: 700;
    position: relative;
    text-transform: uppercase;
}

#pro_2 a,
#pro_3 a,
.cart-table tbody td p,
.contact-text>h4,
.fiscal-contact-form-right button,
.fiscal-mainmenu ul li a,
.fiscal-submenu ul li a,
.main-content h3,
.profile2 .col-md-3 .pro_detail,
.single-footer-widget>h2,
.slide-caption h4,
.social-media ul li a,
.who-left h3 {
    text-transform: capitalize;
}

.fiscal-logo h4>a:before {
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    bottom: 0;
    width: 100%
}

.fiscal-logo h4>a:after {
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

section.fiscal-header-area {
    padding: 12px 10px;
    position: relative;
    border-bottom: 1px solid #353535;
    box-shadow: 0 1px 4px 0 #252525;
    z-index: 98;
    background-color: rgb(232 29 38);
    max-height: 80px;
}

.logo-overlay,
.overlay {
    left: -210px;
    position: absolute;
    width: 440px;
}

.fiscal-mainmenu ul,
.fiscal-submenu ul {
    list-style: none;
    text-align: center;
}

.fiscal-mainmenu ul li,
.fiscal-submenu ul li,
.social-media ul li {
    display: inline-block;
    position: relative;
}

.fiscal-mainmenu ul li a {
    color: #000;
    display: block;
    padding: 8px 5px;
    font-weight: 700;
}

.blog-catagory li a:hover,
.btntoTop.active.btntoTop:hover::before,
.category-shop a,
.client-review>h3,
.contact-icon,
.contact-page-right h4 i,
.contact-para p i,
.fiscal-btn.primary,
.fiscal-cart-product a:hover,
.fiscal-comment-item a,
.fiscal-mainmenu ul .current-page-item>a,
.fiscal-mainmenu ul li a:hover,
.fiscal-mainmenu ul li:hover ul li a:hover,
.fiscal-submenu ul .current-page-item>a,
.fiscal-submenu ul li a:hover,
.fiscal-submenu ul li:hover a,
.fiscal-submenu ul li:hover ul li a:hover,
.footer-bottom p a,
.icon i,
.member-social a i,
.news-meta h4 span,
.single-footer-widget a:hover,
.single-popular-post>p>span {
    color: rgb(232 29 38);
}

.fiscal-mainmenu ul li ul {
    background: #2b2c36;
    border-top: 5px solid;
    opacity: 0;
    position: absolute;
    top: 100%;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 0 0;
    transform-origin: 50% 0 0;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    visibility: hidden;
    width: 215px;
    text-align: left;
    z-index: 99;
}

.fiscal-mainmenu ul li:hover ul,
.fiscal-submenu ul li:hover ul {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.85, 0.92);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.85, 0.92);
}

.fiscal-mainmenu ul li:nth-last-child(-n+1) ul,
.fiscal-submenu ul li:nth-last-child(-n+1) ul {
    left: auto;
    right: 0;
}

.fiscal-mainmenu ul li ul li {
    border-bottom: 1px solid #555;
    display: block;
}

.fiscal-mainmenu ul li a i,
.fiscal-submenu ul li a i {
    margin-left: 7px;
}

.single-slide-item {
    background-position: center center;
    background-size: cover;
    color: #fff;
    height: 600px;
    position: relative;
    background-repeat: no-repeat;
    z-index: 1;
}

.single-slide-item:after {
    background: rgb(0 0 0);
    content: "";
    height: 100%;
    left: 0;
    opacity: .5;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}

.slide-caption-table {
    display: table;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    z-index: 1;
}

.middle,
.slide-caption-tablecell {
    display: table-cell;
    vertical-align: middle;
}

.coupon-cart-left,
.feature .panel-body li,
.slide-caption {
    text-align: left;
}

.section-product h3.section-title,
.slide-caption h4 {
    font-size: 20px;
}

.slide-caption>h2 {
    font-size: 60px;
    margin: 5px 0;
    font-weight: 600;
}

.slide-caption>p {
    font-size: 30px;
    color: rgb(255 255 255);
}

.slide-caption a.fiscal-btn {
    color: #fff;
    margin-top: 30px;
}

.fiscal-slider-carousel .owl-nav button {
    border: 1px solid #fff;
    height: 40px;
    left: 50px;
    position: absolute;
    top: 50%;
    width: 40px;
    visibility: hidden;
    opacity: 0;
    transition: .4s;
}

.fiscal-slider-carousel:hover .owl-nav button {
    visibility: visible;
    opacity: 1;
}

.fiscal-slider-carousel .owl-nav button i.fa {
    border-radius: 50%;
    color: #fff;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    width: 40px;
    opacity: .5;
    transition: .4s;
}

.fiscal-slider-carousel .owl-nav button:hover i {
    opacity: 1;
}

.fiscal-slider-carousel .owl-nav button.owl-next {
    left: auto;
    right: 50px;
}

.who-left {
    margin-right: 15px;
    padding: 30px;
    color: #303030;
}

.who-left h3 {
    font-size: 31px;
    margin-bottom: 30px;
    font-weight: 600;
}

.who-left>p {
    line-height: 1.5;
    margin-bottom: 30px;
}

.who-right {
    margin-left: 15px;
}

.checkout-form-right,
.col-md-6:first-child .single-item,
.col-md-6:nth-child(2) .single-item,
.fiscal-contact-form-right,
.single-contact-left:first-child {
    margin-top: 0;
}

.single-item {
    margin-top: 40px;
    width: auto;
}

.icon {
    float: left;
    text-align: center;
}

.icon i {
    font-size: 40px;
}

.main-content h3 {
    color: #000;
    font-size: 35px;
    margin-bottom: 15px;
    margin-top: 15px;
}

.main-content p {
    font-size: 1.1rem;
    line-height: 1.7;
    margin: 0 0 10px;
}

.fiscal-tabs {
    margin: 30px 0;
}

.nav-tabs>li.active>a,
.nav-tabs>li>a {
    border: 0;
}

#pro_2 a,
.nav-tabs.header-tab>li>a {
    background: #f7f7f7;
    color: #333;
    border-radius: 0;
    border-left: 5px solid #fff;
    font-weight: 600;
    font-size: 1.2rem;
    border-color: currentcolor currentcolor #e3e3e3;
    border-style: none none solid;
    border-width: medium medium 5px;
    box-shadow: 0 1px 4px 0 #c3c3c3;
}

#pro_2 a:hover,
.nav-tabs.header-tab>li>a:hover {
    background: #e3e3e3;
}

#pro_2 .active>a,
.nav-tabs.header-tab>li.active>a {
    background: rgb(232 29 38);
    box-shadow: 0 1px 4px 0 #6c6c6c;
    border-color: currentcolor currentcolor #5f5f5f;
    border-style: none none solid;
    border-width: medium medium 5px;
    color: #fff;
}

#pro_2,
#pro_3,
.header-tab {
    border: none;
    margin-bottom: 0;
}

.panel-body {
    border: 1px solid #dcdcdc;
}

.featured-image {
    position: relative;
    margin-bottom: 15px;
}

.featured-image a,
.fiscal-submenu,
.row.equal-cols:after,
.row.equal-cols:before,
.show-contact-form {
    display: block;
}

.featured-image .overlay {
    border: 6px double #fff;
    height: 98%;
    left: 1%;
    opacity: 0;
    top: 1%;
    transform: skewX(0);
    transition: .4s;
    visibility: hidden;
    width: 98%;
    z-index: 1;
}

.featured-image:hover .overlay {
    visibility: visible;
    opacity: .5;
}

.main-content h2 a {
    color: #000;
    display: inline-block;
    font-size: 25px;
    margin-bottom: 5px;
}

.fiscal-news-list {
    margin-bottom: 50px;
}

.single-contact-left {
    background: #fff;
    box-shadow: 0 2px 12px rgba(0, 0, 0, .07);
    margin-top: 29px;
    padding: 20px;
}

.contact-text>h4 {
    color: rgb(232 29 38);
    font-size: 20px;
    font-weight: 600;
}

.contact-text>p {
    font-size: 15px;
    line-height: 26px;
}

.contact-text>span {
    color: #333;
}

.fiscal-contact-form-right>form {
    background: #fff;
    box-shadow: 0 2px 12px rgba(0, 0, 0, .07);
    padding: 30px 50px;
    margin-top: 0;
}

.fiscal-contact-form-right form p {
    margin: 10px 0;
}

.fiscal-contact-form-right p input,
.fiscal-contact-form-right p select {
    background: #fff;
    border: 1px solid #dadada;
    height: 45px;
    padding: 5px 10px;
    width: 100%
}

.fiscal-contact-form-right textarea {
    background: #fff;
    border: 1px solid #dadada;
    height: 120px;
    padding: 5px 10px;
    width: 100%
}

.fiscal-contact-form-right button {
    border: 1px solid;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    line-height: 17px;
    padding: 12px 18px;
    -webkit-transition: .4s;
    transition: .4s;
}

.contact-para>p {
    font-size: 16px;
    font-weight: 400;
    margin: 1px 0;
}

.contact-para p i {
    font-size: 18px;
    line-height: 30px;
    margin-right: 10px;
    text-align: center;
    width: 20px;
}

.contact-para p>span {
    color: #fff;
    display: inline-block;
    width: 75px;
    font-weight: 600;
}

.contact-para a:hover,
.fiscal-header-contact a:hover {
    color: #dc3939;
}

footer.fiscal-footer-area {
    background: #252525;
    color: #fff;
}

.single-footer-widget {
    margin: 0 15px;
}

.single-footer-widget>h2 {
    border-bottom: 2px solid #ddd;
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 11px;
    padding-bottom: 10px;
}

.app-detail h4,
.app-title h1,
.btn-minimal,
.btn-services,
.calculate-shipping-right table thead th,
.cart-table table thead th,
.not-found,
.product div,
.progressbar li,
.sales,
.title-app-product,
.title-select-your-compressor h3,
.topic-title {
    text-transform: uppercase;
}

.single-footer-widget>ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.single-footer-widget li {
    display: block;
    line-height: 2.2;
}

.footer-bottom {
    padding-top: 20px;
}

.footer-bottom>p {
    margin: 0;
    text-align: left;
    padding: 10px;
}

.fiscal-responsive-menu {
    display: none;
    margin-top: 17px;
    position: relative;
    width: 100%;
    z-index: 999;
}

.btntoTop,
.btntoTop.active:hover,
.contact-page-form form p button,
.contact3-left-form button,
.fiscal-btn,
.fiscal-contact-form-right button,
.fiscal-mainmenu ul li ul {
    border-color: rgb(232 29 38);
}

.btntoTop,
.client-image:after,
.contact-page-form form p button,
.contact3-left-form button,
.coupon-cart-left input[type=submit],
.coupon-cart-right>a,
.details-btn a i,
.featured-image .overlay,
.fiscal-btn:after,
.fiscal-contact-form-right button,
.fiscal-leave-comment button,
.fiscal-review .owl-dots button.active,
.fiscal-site-preloader,
.fiscal-slider-carousel .owl-nav button i.fa,
.get-connected-with a:hover,
.logo-overlay,
.member-image:after,
.news-meta a i,
.news-single-widget form>button,
.our-customer::after,
.overlay,
.pagination .active>a,
.pagination-box .pagination a:hover,
.proceed-checkout>a,
.product-description-review .tabs li a:hover,
.product-description-review .tabs li.active a,
.product-new,
.product-price,
.profile,
.project-more a i,
.register-form-btn button,
.review-carousel .owl-nav button,
.review-carousel .owl-nav button i.fa,
.search_box_container button[type=submit],
.section-title:after,
.send-contact,
.shop-quantity a,
.single-shipping button,
.title-prod-type,
.weekly-subscribe form button,
a.btn-math-comp,
a.btn-math-comp2 {
    background-color: rgb(232 29 38);
}

.who-left p,
p.justify-center {
    /* text-align: justify; */
    text-justify: inter-word;
}

#logo_sci {
    max-height: 50px;
    width: auto;
    height: auto;
    display: block;
}

.sales_boxs {
    background-color: rgb(255 255 255 / 91%);
    box-shadow: 0 2px 5px 0 #929292;
    position: unset;
    transition: .4s ease-in-out;
    padding: 15px 50px;
}

.sales_topic,
.section-padding-5 {
    padding: 5px;
}

.sales {
    color: rgb(232 29 38);
    font-size: xxx-large;
    font-weight: 700;
}

#pro_3 a,
.sales_title {
    color: #000;
    font-weight: 500;
}

.sales_title {
    font-size: x-large;
    padding-top: 10px;
}

.btn-cus {
    background-color: rgb(232 29 38 / 37%);
    color: rgb(255 255 255);
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    padding: 10px 15px;
    transition: .3s linear;
    -moz-transition: .3s linear;
    -o-transition: .3s linear;
    -webkit-transition: .3s linear;
    -ms-transition: .3s linear;
    display: inline-block;
    border-radius: 0;
}

.fiscal-checkout-form>form,
.fiscal-update-cart,
.slide-caption a.btn-cus {
    margin-top: 30px;
}

.btn-cus:focus,
.btn-cus:hover {
    color: #fff;
    outline: 0;
    background-color: rgb(241 17 17 / 73%);
    box-shadow: none;
    border: 1px solid;
}

.col-sm-5 .slide-caption {
    margin-top: 200px;
}

.social-media ul li a {
    color: #fff;
    display: block;
    font-size: 20px;
    padding: 4px 2px;
    font-weight: 700;
}

.contact-us {
    font-size: 15px;
    font-weight: 200;
    margin-left: -10px;
}

.fiscal-header-contact {
    color: #fff;
    padding: 0 7px;
}

.fiscal-header-contact a {
    padding-left: 40px;
    font-size: 12px;
}

.topic-title {
    position: relative;
    font-size: 3rem;
    top: 25px;
    background-color: #fff;
    padding: 0 15px;
    color: #e71d26;
}

.facility-img {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-left: 20px solid #fff;
    border-right: 20px solid #fff;
    border-bottom: 20px solid #fff;
    z-index: 1;
}

.facility-left h3,
.facility-right h3 {
    font-size: 2rem;
    font-weight: 400;
    position: absolute;
    bottom: 0;
}

.facility-left,
.facility-right {
    position: relative;
    transition-duration: .4s;
    display: block;
    z-index: 2;
}

.facility-contend {
    border-bottom: 1px solid #ffb2b2;
    font-size: 1rem;
    text-align: justify;
    padding: 10px;
    color: rgb(28 28 28);
    text-indent: 30px;
}

.facility-right a:hover {
    padding-right: 10px;
    transition-duration: .4s;
}

/* .fiscal-our-services-area {
    background-color: #4a4a4a;
} */
.title-servics {
    font-size: xx-large;
    padding: 100px 0 0;
}

.btn-services {
    background: rgb(232 29 38);
    padding: 10px 100px;
    font-size: 30px;
    box-shadow: 0 1px 18px 0 #13131378;
}

.application,
.img-app-product,
.img-application {
    background-position: center;
    background-repeat: no-repeat;
}

a:hover.btn-services,
a:hover.btn-services:focus {
    color: #fff;
    background-color: rgb(255 78 78);
}

#logo-mitsu {
    max-width: 140px;
}

.application {
    background-size: cover;
    position: relative;
}

.application h2 {
    padding-top: 5px;
}

.application .app {
    padding: 25px 0;
    width: 14%;
    float: left;
    position: relative;
    margin-right: 1px;
    background-color: rgb(232 29 38);
    left: 12px;
    color: #fff;
}

.application .app img {
    width: 85px;
}

a:hover.app {
    color: #fff;
    background-color: rgb(255 78 78);
}

.section-guide {
    font-size: 20px;
    color: #fff;
}

.btn-minimal {
    white-space: initial;
    color: rgb(232 29 38);
    border: 1px solid rgb(232 29 38);
    padding: 10px;
    font-size: 1em;
    box-shadow: 0 0 6px 0 rgb(19 19 19 / 47%);
    display: block;
    transition: .4s;
    background-color: #fff;
}

.btn-minimal:hover {
    color: #fff;
    background-color: rgb(232 29 38);
}

.img-application {
    background-size: contain;
    position: relative;
    transition: .4s;
    z-index: 1;
}

.img-application img {
    object-fit: contain;
    position: relative;
    top: 15px;
}

.row.equal-cols {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.row.equal-cols>[class*=col-] {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.row.equal-cols>[class*=col-]>* {
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.fiscal-tabs ul>li {
    display: inline-block;
    zoom: 1;
    border-right: 6px solid #fff;
}

.fiscal-tabs .panel {
    margin-bottom: 0;
}

.app-title {
    font-size: 29px;
    padding: 10px 20px;
    text-align: left;
}

.app-detail {
    font-weight: 400;
    padding: 10px 20px;
    text-align: justify;
    font-size: 1rem;
}

.app-title h1 {
    color: rgb(255 58 58);
    font-weight: 400;
}

.sub-contain-app {
    text-align: justify;
    color: #fff;
    padding: 30px;
    font-size: 20px;
    font-weight: 200;
}

.application-sub-intro {
    background-size: cover;
    position: relative;
    z-index: 1;
    margin-top: 10px;
}

.application-sub-intro:after {
    background: #000;
    content: "";
    height: 100%;
    left: 0;
    opacity: .4;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}

.product div {
    position: absolute;
    bottom: 38%;
    left: 12%;
    background-color: rgb(72 72 72);
    color: #fff;
    font-size: 18px;
    width: 80%;
    text-align: end;
    transform: skewX(45deg);
    transition-duration: .4s;
}

.img-app-product,
.product div h2,
.product img {
    position: relative;
    transition-duration: .4s;
}

.product img {
    width: 35%;
    left: -50px;
    z-index: 1;
}

.product div h2 {
    font-size: 1.2rem;
    transform: skewX(315deg);
    padding: 10px 15px;
}

.product:hover div {
    box-shadow: 0 0 2px 0 rgb(232 29 38);
    background-color: rgb(232 29 38);
    transition-duration: .4s;
}

.quick-matching {
    background-color: #eaeaea;
}

.feature-product .feature .feature-title {
    color: rgb(51 51 51);
    font-size: 1.1rem;
    font-weight: 600;
}

.feature-product .feature .feature-contain {
    font-size: 1rem;
    font-weight: 400;
    transition-duration: .4s;
}

.feature-product .feature.text-left .feature-contain:hover {
    padding-left: 8px;
    transition-duration: .4s;
}

.feature-product .text-right .feature .feature-contain:hover {
    padding-right: 8px;
    transition-duration: .4s;
}

.img-app-product {
    text-align: right;
    background-size: cover;
    z-index: 1;
    height: 180px;
    box-shadow: 0 2px 5px 0 rgb(93 93 93);
}

.main-application {
    padding: 1% 5%
}

.compressor-group .img-app-product,
.main-application .img-app-product {
    height: 300px;
}

.img-app-product:after,
.img-app-product:hover:after {
    content: "";
    height: 100%;
    left: 0;
    opacity: .5;
    top: 0;
    width: 100%;
    position: absolute;
    transition-duration: .4s;
}

.img-app-product:after {
    z-index: -1;
}

.img-app-product:hover:after {
    color: #fff;
    background: rgb(231 30 38);
    z-index: 1;
}

.img-app-product.border-app-product {
    border: 10px solid rgb(255 255 255);
}

.box-app-product {
    font-size: 1.2rem;
    width: 100%;
    transition-duration: .4s;
    position: absolute;
    bottom: 0;
    color: #fff;
    padding: 5px 5px 5px 0;
    background-color: rgb(254 2 2 / 57%);
    z-index: 2;
}

.title-app-product,
a.btn-dowload-doc {
    background-color: rgb(232 29 38);
    color: #fff;
}

.btn-app-product {
    color: #fff;
    font-size: 1.3rem;
    font-weight: 600;
    transition-duration: .4s;
}

.mini-logo-green {
    width: 45px;
    position: absolute;
    top: -5px;
    right: -20px;
    opacity: 0;
    transition-duration: .4s;
    z-index: 3;
}

.img-green-activity,
.img-green-company,
.img-series {
    background-position: center;
    background-repeat: no-repeat;
    z-index: 1;
}

.btn-app-product:hover .mini-logo-green {
    opacity: 1;
    transition-duration: .4s;
    transform: scale(1.5);
}

.img-series-active:after,
.img-series:after,
.img-series:hover:after {
    content: "";
    left: 0;
    opacity: .4;
    top: 0;
    width: 100%;
    transition-duration: .4s;
    position: absolute;
    z-index: -1;
    border-radius: 18px;
    box-shadow: 2px 4px 12px rgba(0, 0, 0, .08);
}

.btn-app-product:hover {
    transform: scale(1.5);
    -webkit-transform: scale(1.5);
    transition-duration: .4s;
}

.title-app-product {
    padding: 20px 0;
    font-size: 2rem;
    transition-duration: .4s;
}

.type-ref {
    width: 100%;
    padding: 15px;
    font-size: 1.5rem;
    font-weight: 400;
    transition-duration: .4s;
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 2px 4px 12px rgba(0, 0, 0, .08);
    border: 1px solid #0000000d;
}

.type-ref:hover {
    background-color: #ff2323b0;
    transition-duration: .4s;
    color: #fff;
}

.img-series {
    background-size: contain;
    position: relative;
    transition-duration: .4s;
    padding: 0;
}

.img-contact-sale,
.img-pro,
.preview-vdo-app {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.img-series img {
    height: 250px;
    z-index: -1;
    position: relative;
}

.img-series:after {
    background: #000;
    height: 100%
}

.img-series-active:after,
.img-series:hover:after {
    background: #ff1616;
    height: 100%
}

a.btn-series {
    font-size: 2.5rem;
    color: #fff;
    transition-duration: .4s;
}

.products-title {
    color: rgb(232 29 38);
    font-size: 22px;
}

.products-contain {
    font-size: 16px;
    font-weight: 300;
    transition-duration: .4s;
}

.products-contain.text-justify {
    padding: 2px 15px;
}

.products-contain.text-justify:hover {
    background-color: #ffe3e3;
    transition-duration: .4s;
    border-radius: 10px;
}

.dowload-doc {
    font-size: 1.4rem;
    transition-duration: .4s;
}

a.btn-dowload-doc {
    padding: 5px 40px;
    top: -32px;
    position: relative;
}

.toggle-dowload:hover>.row a.btn-dowload-doc {
    color: #fff;
    top: -100px;
}

.progressbar {
    counter-reset: step;
}

.progressbar li {
    width: 25%;
    float: left;
    font-size: 16px;
    position: relative;
    text-align: center;
    color: #7d7d7d;
    font-weight: 600;
}

.progressbar li:before {
    width: 32px;
    height: 32px;
    content: counter(step);
    counter-increment: step;
    line-height: 26px;
    border: 2px solid #7d7d7d;
    display: block;
    text-align: center;
    margin: 0 auto 10px;
    border-radius: 50%;
    background-color: #fff;
}

.progressbar li:after {
    width: 100%;
    height: 4px;
    content: "";
    position: absolute;
    background-color: #7d7d7d;
    top: 15px;
    left: -50%;
    z-index: -1;
}

.progressbar li:first-child:after {
    content: none;
}

.progressbar li.active a {
    color: green;
}

.progressbar li.active:before {
    border-color: #55b776;
    background-color: #55b776;
}

.progressbar li.active+li:after {
    background-color: #55b776;
}

.progressbar li a:hover {
    color: #46ad69;
    transition-duration: .4s;
}

.fiscal-mainmenu ul li.fiscal-submenu .sub,
.fiscal-submenu ul li ul {
    -webkit-transition-duration: .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 99;
    text-align: left;
}

.title-series-product {
    font-size: 2rem;
    font-weight: 600;
    color: #ff3838;
    padding-bottom: 10px;
    display: inline-block;
}

.fiscal-submenu ul li a {
    color: #fff;
    display: block;
    font-size: 1rem;
    padding: 0 15px;
}

.fiscal-submenu ul li ul {
    background: #2b2c36;
    border-top: 1px solid #555;
    position: absolute;
    top: 100%;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 0 0;
    transform-origin: 50% 0 0;
    transition-duration: .5s;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    width: 215px;
}

.fiscal-submenu ul li ul li {
    border-bottom: 1px solid #555;
    display: block;
    padding: 2px 0;
}

.fiscal-submenu ul li ul li a {
    font-size: 14px;
}

.fiscal-submenu ul li a.mainmenu:hover {
    color: #ff2525;
}

.fiscal-mainmenu .sub-mainmenu .sub a {
    color: #141414;
}

.fiscal-mainmenu ul li.fiscal-submenu .sub {
    border: 1px solid rgba(199, 199, 199, .589);
    top: 0;
    background: #fff;
    -webkit-transform-origin: 50% 0 0;
    transform-origin: 50% 0 0;
    transition-duration: .5s;
    position: fixed;
    left: 100%;
    height: 216px;
    width: 300px;
}

.fiscal-mainmenu ul li.sub-mainmenu .sub {
    border: 1px solid #dadada;
    top: 0;
    background: #fff;
    opacity: 0;
    -webkit-transform-origin: 50% 0 0;
    transform-origin: 50% 0 0;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    position: absolute;
    left: 100%;
    visibility: hidden;
    width: 250px;
    text-align: left;
    z-index: 99;
}

.fiscal-mainmenu ul li.sub-mainmenu:hover .sub {
    visibility: visible;
    opacity: 1;
    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.85, 0.92);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.85, 0.92);
}

.title-select-your-compressor {
    text-align: center;
    width: 100%
}

.title-select-your-compressor h1 {
    color: rgb(28 178 118);
    font-size: 4.5rem;
    text-transform: uppercase;
    font-weight: 800;
    transition-duration: .4s;
}

.title-select-your-compressor h3 {
    color: rgb(231 30 38);
    font-weight: 800;
    transition-duration: .4s;
}

.img-contact-sale {
    text-align: right;
    padding: 200px 30px 30px 0;
}

.box-contect-sale {
    background-color: #00000069;
    position: absolute;
    padding: 12px;
    width: 100%;
    top: 0;
    bottom: 0;
    transition-duration: .4s;
    color: #fff;
}

.loading {
    transition-duration: .4s;
    font-size: xx-large;
    font-weight: 200;
}

.not-found {
    transition-duration: .4s;
    color: rgb(255 31 41);
    font-size: 2rem;
    font-weight: 600;
}

.active-ref,
.active-zone,
.btn-zone:focus {
    background-color: rgb(232 29 38);
    color: #fff;
}

.profile .company-name p,
.title-prod-type {
    color: rgb(255 255 255);
    text-transform: uppercase;
}

.table-doc tbody tr td,
.table-spec tbody tr td {
    vertical-align: text-top !important;
    font-size: .9rem;
    white-space: nowrap;
}

.title-spec {
    font-weight: 700;
    text-transform: capitalize;
    width: 20%;
    text-align: left;
}

.table-spec tbody tr:hover {
    background-color: rgb(255 39 49 / 12%);
}

.btn-series .cap {
    font-size: 1rem;
    width: 100%;
    color: #fff;
    font-weight: 600;
    border-top: 3px solid;
    padding: 0 5%
}

a.btn-math-comp {
    color: #fff;
    font-size: 25px;
    padding: 10px;
}

a.btn-math-comp2 {
    color: #fff;
    font-size: 25px;
    text-align: center;
    box-shadow: 0 1px 4px 0 #252525;
    padding: 10px 10%
}

.title-prod-type {
    position: relative;
    transform: skewX(45deg);
    left: -70px;
    padding: 25px 10px 25px 90px;
}

.title-prod-type p {
    font-size: 50px;
    transform: skewX(315deg);
    position: relative;
    font-weight: 700;
    right: 10px;
    padding: 10px 30px;
}

#pro_3 a {
    background: #eee;
    border-radius: 0;
    margin: 0;
    border-left: 5px solid #eee;
}

#pro_3 .active>a {
    background: rgb(232 29 38);
    border-color: currentcolor currentcolor currentcolor #000;
    border-style: none none none solid;
    border-width: medium medium medium 5px;
    color: #fff;
}

#pro_3>li {
    float: none;
    margin: 2px;
}

.profile2 .col-md-3 {
    padding: 20px;
    text-align: center;
}

.profile2 .col-md-3 .pro_topic {
    font-size: 1.5rem;
    display: contents;
    font-weight: 600;
}

.profile2 .col-md-3 .pro_detail {
    font-size: 1.1rem;
    border-top: 1px solid #e81e27;
    font-weight: 300;
}

.img-pro,
.preview-vdo-app {
    display: inline-block;
    clip-path: polygon(0 0, 100% 0%, 100% 100%, 35% 100%);
    text-align: center;
}

.img-award {
    background-position: center;
    padding-top: 300px;
    background-repeat: no-repeat;
    background-size: contain;
}

.profile-intro {
    background-color: rgb(255 255 255);
    color: #444;
    padding: 45px;
}

.profile-intro p {
    text-align: justify;
    font-size: 18px;
    font-weight: 400;
}

.company-name {
    padding: 50px 0;
    animation: 1.5s right_to_left;
}

.profile .company-name p {
    font-size: 2.2rem;
    padding: 20px 0;
    text-align: left;
    transition-duration: .4s;
    font-weight: 700;
    white-space: nowrap;
}

.profile .company-name p:hover,
.section-greener-company ul li:hover {
    padding-left: 10px;
    transition-duration: .4s;
}

.fiscal-news-list .main-content h2 a:hover {
    color: rgb(255 24 34);
    transition-duration: .4s;
}

.section-guide-about-us.sticky {
    transition-duration: .4s;
}

.section-guide-about-us.sticky.stuck {
    position: fixed;
    width: 100%;
    z-index: 98;
    transition-duration: .4s;
    top: 100px;
    box-shadow: 0 1px 4px 0 #252525;
    left: 0;
    right: 0;
}

.section-guide-about-us a.btn-guide {
    color: #000;
    padding: 14px;
    font-weight: 400;
    font-size: 20px;
    cursor: pointer;
    border-bottom: 3px solid #fff;
}

.section-guide-about-us a.btn-guide:hover {
    color: rgb(255 24 34);
}

.green-company {
    padding: 15px 0;
    color: #1a1a1a;
}

.box-green-compressor:hover .section-title,
.title-green-company,
.title-sub-green {
    color: rgb(28 178 118);
}

.img-green-activity,
.img-green-company {
    background-size: cover;
    position: relative;
}

.img-green-company:after {
    background: rgb(0 0 0);
    content: "";
    height: 100%;
    left: 0;
    opacity: .5;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}

.img-green-activity:after {
    background: #313131;
    content: "";
    height: 100%;
    left: 0;
    opacity: .5;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}

.title-green-company {
    font-size: 4rem;
    font-weight: 700;
    text-transform: uppercase;
    transition-duration: .4s;
}

.title-green-company span {
    border-bottom: 4px solid;
}

.title-sub-green {
    font-size: 1.5rem;
    text-transform: uppercase;
    font-weight: 700;
    padding-bottom: 15px;
}

.box-sub-green {
    border-radius: 10px;
    background-color: #fff;
    transition-duration: .4s;
    padding: 20px;
}

.box-sub-green:hover {
    background-color: #f5fff6;
}

.concept-green-company {
    color: #252525;
    font-size: 20px;
}

.contain-green-company {
    font-size: 16px;
    padding: 45px;
    background-color: #ececec;
}

.cooling-compressor,
.refrigeration-compressor {
    padding: 10px 0 10px 35px;
}

.heating-compressor {
    padding: 10px 35px 10px 0;
}

.box-green-compressor {
    border-radius: 74px;
    padding: 35px;
    transition-duration: .4s;
    background-color: #f7f7f7;
}

.box-green-compressor .section-title {
    text-transform: uppercase;
    transition-duration: .4s;
}

#breadcrumb li,
.section-greener-company .text-left .box-green-compressor .row .col-md-4,
.section-greener-company .text-left .box-green-compressor .row .col-sm-6,
.section-greener-company .text-left .box-green-compressor .row .col-xs-6 {
    float: left;
}

.content-green-compressor {
    font-size: 1rem;
    padding: 10px 5px 15px 0;
    text-align: justify;
    text-indent: 30px;
}

.title-innovative {
    font-size: 3rem;
    text-transform: uppercase;
    transition-duration: .4s;
    color: rgb(68 74 255);
    font-weight: 700;
    display: inline-block;
    position: relative;
}

.title-innovative:after {
    background-color: rgb(68 74 255);
}

.title-excellent {
    font-size: 60px;
    text-transform: uppercase;
    transition-duration: .4s;
    color: rgb(64 189 0);
    font-weight: 700;
    display: inline-block;
    position: relative;
}

.contain-driver,
.contain-oil-sep {
    padding: 40px;
    font-weight: 300;
    text-align: justify;
    font-size: 16px;
    transition-duration: .4s;
}

.title-excellent:after {
    background-color: rgb(64 189 0);
}

.title-excellent:after,
.title-innovative:after {
    bottom: 0;
    content: "";
    height: 5px;
    left: 0;
    position: absolute;
    width: 30%
}

.parent {
    display: table;
    margin: 50px auto;
    background: #d3d3d3;
    height: 100px;
    width: 100px;
}

.fiscal-who-we-are-area,
.section-greener-company {
    background-size: cover;
    background-repeat: no-repeat;
}

.btn-zone {
    background-color: rgb(72 72 72);
    color: #fff;
    width: 100%;
    box-shadow: 0 0 5px 0 #afafaf;
}

.btn-zone:hover {
    background-color: rgb(160 59 63);
    color: #fff;
}

.btn-check {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
}

#guide-menu a:hover,
.error {
    color: red;
}

.bd-example-modal-lg .modal-dialog {
    display: table;
    position: relative;
    margin: 0 auto;
    top: 50%
}

.bd-example-modal-lg .modal-dialog .modal-content {
    background-color: transparent;
    border: none;
}

.contain-driver {
    background-color: rgb(45 45 45);
}

.contain-oil-sep {
    background-color: rgb(72 72 72);
    color: #fff;
}

.img-oil-sep {
    max-height: 400px;
}

.btn-downloads-oil-sep {
    background-color: rgb(232 29 38);
    color: #fff;
    padding: 10px 60px;
    box-shadow: 0 1px 4px 0 #252525;
}

.feature-product .feature-oil .feature-title-oil {
    color: #fff;
    font-size: 20px;
    background-color: rgb(232 29 38);
    padding: 10px 30px;
    border-radius: 30px;
    transition-duration: .4s;
}

.feature-product .feature-oil {
    padding-bottom: 10px;
    padding-top: 25px;
}

.vdo-oil {
    width: 100%;
    height: 500px;
}

.title-driver,
.title-spec-oil {
    text-transform: uppercase;
    font-size: 20px;
    padding: 10px;
}

.cart-table table thead,
table.table-models thead {
    position: sticky;
    top: 0;
    z-index: 2;
}

table.table-models thead tr:first-child th {
    background-color: rgb(232 29 38);
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    border: 1px solid rgb(249 249 249);
}

table.table-models thead tr th:first-child,
table.table-models thead tr th:last-child {
    z-index: 2;
}

table.table-models tbody tr td:first-child,
table.table-models thead tr th:first-child {
    position: sticky;
    left: 0;
    border-left-width: 0;
}

table.table-models tbody tr td:last-child,
table.table-models thead tr th:last-child {
    position: sticky;
    right: 0;
    border-right-width: 0;
}

table.table-models thead tr:nth-child(2) th {
    background-color: rgb(108 0 0);
    color: #fff;
    text-align: center;
    border: 1px solid rgb(249 249 249);
    font-size: .8rem;
    z-index: 1;
}

table.table-models tbody tr td {
    border: 1px solid rgb(249 249 249);
    background-color: #fff;
    z-index: 1;
}

.img-driver {
    max-width: 400px;
    width: 100%
}

.model-oil-solution,
.tile-model-driver {
    background-color: rgb(255 24 34);
    color: #fff;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 600;
    padding: 10px 0;
    text-align: center;
    width: 100%;
    box-shadow: 0 1px 4px 0 #252525;
}

.sub-contain-driver {
    color: #fff;
    padding: 50px 0;
}

.section-padding-10 {
    padding: 10px;
}

.section-padding-5-20 {
    padding: 5px 20px;
}

.section-padding-25 {
    padding: 25px;
}

.section-padding-top-10 {
    padding-top: 10px;
}

.section-green {
    color: #fff;
    font-size: 40px;
    font-weight: 600;
}

.green-option,
.section-product .benefit .benefit1 span,
.section-product .benefit .benefit2 span,
.section-product .benefit .benefit3 span,
.section-product .benefit .benefit4 span {
    font-weight: 800;
}

.green-sub-title {
    color: rgb(118 190 50);
    margin-left: 2%;
    margin-right: 2%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 35px;
}

.box-green,
.fiscal-slider-area .logo-green {
    margin-right: auto;
    text-align: center;
    margin-left: auto;
}

.green-option {
    padding: 10px;
    border-radius: 5px;
    font-size: 20px;
    margin-bottom: 10px;
    display: inline-grid;
    align-items: center;
    color: #fff;
}

#modal_policy h2,
#modal_policy h3,
#modal_policy h4,
#modal_policy h5,
#modal_policy h6,
.five-text,
.million-text,
.scroll-text {
    font-weight: 700;
}

.title-news {
    color: rgb(255 24 34);
    display: inline-block;
    font-size: 25px;
    margin-bottom: 5px;
}

.five-million-box {
    color: #000;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
}

.five-text {
    font-size: 90px;
    color: rgb(232 29 38);
    padding: 30px 0 10px;
    text-transform: uppercase;
}

.million-text {
    font-size: xxx-large;
    color: rgb(0 0 0);
    text-transform: uppercase;
    background-color: rgb(255 255 255);
    padding: 15px;
}

.scroll-text {
    font-size: xx-large;
    color: rgb(255 255 255);
    padding: 15px 0 25px;
}

.img-jacket {
    max-height: 300px;
}

.fiscal-slider-area {
    box-shadow: 0 1px 4px 0 rgb(134 134 134);
}

.mapWrapper {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
}

.mapWrapper iframe,
.outer {
    position: absolute;
    top: 0;
    left: 0;
}

.mapWrapper iframe {
    width: 100%;
    height: 100%
}

.modal-dialog-width {
    width: 80%
}

.modal-body {
    font-size: 14px;
    padding: 2%;
    overflow-y: scroll;
    height: 600px;
}

.vdo-iframe {
    height: 500px;
    padding-top: 30px;
    width: 80%
}

.txt-coming-soon {
    text-align: center;
    font-size: 20px;
    color: rgb(74 74 74);
    transition-duration: .4s;
}

.fiscal-slider-area .logo-green {
    z-index: 1;
    transition-duration: .4s;
    display: inline-block;
    position: relative;
    max-width: 100%;
    max-height: 100%
}

.fiscal-slider-area .logo-green:hover {
    transform: scale(1.1);
    transition-duration: .4s;
}

.box-green {
    width: 300px;
    display: block;
}

.section-greener-company {
    background-position: top;
    background-color: #fff;
    box-shadow: 0 0 8px 0 rgb(0 0 0 / 10%);
}

.section-greener-company ul {
    padding-left: 30px;
}

.section-greener-company ul li {
    transition-duration: .4s;
    list-style-type: disclosure-closed;
    font-size: 16px;
}

.section-greener-company .img-green-compressor {
    transition-duration: .4s;
    width: 100%;
    height: auto;
    max-width: 380px;
}

.img-overall-company {
    transition: transform .25s;
    cursor: zoom-in;
}

input#zoomCheck[type=checkbox]:checked~label>.img-overall-company {
    transform: scale(1.3);
    cursor: zoom-out;
}

.logo-sub-green-company {
    width: 110px;
    height: 120px;
    margin: auto;
}

.title-guide-compressor {
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    font-size: 2.2rem;
}

.excellences-content .excellences-topic h4,
.title-red {
    font-size: 2rem;
    font-weight: 700;
    text-transform: uppercase;
}

.title-red {
    color: rgb(232 30 39);
}

.btn-play {
    display: block;
    height: 100%
}

a.btn-play:hover {
    transition: .25s;
    opacity: .5;
}

.fiscal-who-we-are-area {
    background-position: center;
}

.outer {
    display: table;
    height: 100%;
    width: 100%
}

@keyframes right_to_left {
    from {
        margin-left: 100%
    }

    to {
        margin-left: 0;
    }
}

@keyframes left_to_right {
    from {
        margin-left: -100%
    }

    to {
        margin-left: 0;
    }
}

.award-cer,
.vision {
    padding: 25px 30px;
}

.excellences-content img {
    width: 230px;
}

.excellences-content .excellences-topic h4 {
    color: rgb(135 203 54);
    border: 2px solid rgb(163 217 178);
    padding: 10px;
    margin: 0 auto;
    display: block;
}

.excellences-content .excellences-topic h5 {
    margin: 0 auto;
    display: block;
    font-weight: 700;
    position: relative;
    bottom: 12px;
    font-size: 1.2rem;
}

.excellences-content .excellences-topic h5 span {
    background-color: #fff;
    padding: 0 5px;
}

.excellences-content .excellences-body p {
    transition-duration: .4s;
    font-weight: 400;
    font-size: 1rem;
}

.excellences-content .excellences-body p:hover {
    border-radius: 10px;
    background-color: rgb(241 255 234);
    transition-duration: .4s;
    color: rgb(47 139 0);
}

.title-intro-app {
    color: rgb(232 29 38);
    font-weight: 700;
    text-transform: uppercase;
}

.compressor-green {
    position: absolute;
    top: 15%;
    left: 0;
}

.video-container {
    position: relative;
    padding-bottom: 28.25%;
    height: 0;
}

.video-container iframe {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    margin: auto;
    left: 0;
    right: 0;
    text-align: center;
}

#breadcrumb li a,
.bg-feature,
.box-comp,
.section-esg ol li,
.sub-title-lineup span {
    position: relative;
}

.feature .panel-body li,
.models .panel-body li,
.specification .panel-body li {
    display: list-item;
    transition-duration: .4s;
    font-size: 1.1rem;
    padding: 5px;
    font-weight: 600;
}

.models .panel-body li,
.specification .panel-body li {
    list-style-type: revert;
}

.section-guide-compressor .container {
    background-color: rgb(232 30 39);
}

.section-refrigerant {
    padding-bottom: 20px;
}

.section-heating img {
    width: 40%
}

.section-heating p {
    font-size: 1.3rem;
    font-weight: 600;
}

.section-heating .btn-heating h2 {
    font-size: 1.5rem !important;
    padding: 10px;
}

.col-centered {
    float: none;
    display: inline-block;
}

.padding-box-comp {
    padding: 65px 0;
}

.box-comp {
    background-color: rgb(232 30 39 / 80%);
    padding: 10px 0;
    z-index: 1;
}

#breadcrumb {
    list-style: none;
    display: inline-block;
}

#breadcrumb li a {
    color: #fff;
    display: block;
    background: rgb(232 30 39);
    height: 40px;
    line-height: 40px;
    padding: 0 10px 0 5px;
    text-align: center;
    margin-right: 12px;
    text-transform: uppercase;
}

#breadcrumb li:last-child a {
    -moz-border-radius: 0 4px 4px 0;
    -webkit-border-radius: 0;
    border-radius: 0 4px 4px 0;
}

#breadcrumb li:first-child a span {
    padding-left: 10px;
}

#breadcrumb li:first-child a:before {
    border: none;
    border-radius: 0 4px 4px 0;
}

#breadcrumb li:last-child a:after {
    border: none;
}

#breadcrumb li a:after,
#breadcrumb li a:before {
    content: "";
    position: absolute;
    top: 0;
    border: 0 solid rgb(232 30 39);
    border-width: 20px 10px;
    width: 0;
    height: 0;
}

#breadcrumb li a:before {
    left: -20px;
    border-left-color: transparent;
}

#breadcrumb li a:after {
    left: 100%;
    border-color: transparent transparent transparent rgb(232 30 39);
}

.bg-feature {
    background: url("../img/product/bg-product.webp") center/contain no-repeat;
    z-index: 1;
}

.bg-feature:after {
    background: rgba(255, 255, 255, .6);
    content: "";
    height: 100%;
    left: 0;
    opacity: .8;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}

.img-cover {
    width: 100%;
    position: initial;
    height: 100%;
    object-fit: cover;
}

.table-range-capacity thead tr th {
    text-align: center;
    padding: 5px;
    background-color: #646464;
    color: #fff;
}

.table-range-capacity tbody tr td[rowspan]:first-child {
    background-color: #a5a5a5;
    color: #fff;
}

.table-range-capacity tbody tr td[rowspan]:first-child span {
    display: block;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
}

.padding-2 {
    padding: 2px;
}

.table-range-capacity tbody tr td .range-active {
    background-color: #e81e27;
    border: 1px solid #e81e27;
    padding: 5px;
    font-weight: 600;
    color: #fff;
}

.table-range-capacity tbody tr td .range-inactive {
    border: 1px solid #f13942;
    padding: 5px;
    color: #e81e27;
}

.table-range-capacity tbody tr td .range-inactive:hover {
    background-color: #f13942;
    color: #fff;
    transition: .4s;
}

.title-lineup {
    text-transform: capitalize;
    color: #e81e27;
    font-size: 2.5rem;
    font-weight: 600;
}

.title-lineup span {
    position: relative;
    top: 15px;
    background-color: #fff;
    padding: 0 15px;
}

.sub-title-lineup {
    text-transform: capitalize;
    color: #e81e27;
    font-size: 2rem;
    padding: 25px 0;
}

.sub-title-lineup span:first-child a {
    background-color: #fff;
    padding: 2px;
    border: 1px solid #e81e27;
    color: #e81e27;
}

.sub-title-lineup span:last-child a {
    background-color: #e81e27;
    padding: 2px;
    border: 1px solid #e81e27;
    color: #fff;
}

h4.series {
    font-size: 2rem;
}

h1.title-type-product {
    font-size: 3rem;
    text-transform: uppercase;
}

h2.title-type-product {
    font-weight: 500;
    font-size: 2rem;
}

#green div p,
#innovative div p,
.concept-green-company .content-concept {
    font-size: 1rem;
    text-align: justify;
}

#green .padding-2 {
    font-size: 1.5rem;
}

.profile .equal-cols {
    height: 166px;
}

.concept-green-company .section-title:after {
    background-color: rgb(28 178 118);
}

.sci-clean-tech img,
.success-story img {
    z-index: 1;
    border-radius: 10px;
}

.success-story img {
    box-shadow: 0 4px 8px 0 rgb(100 100 100 / 80%);
    margin: auto;
    max-width: 550px;
}

#guide-menu a.active {
    background-color: #f3f3f3;
    border-bottom: 3px solid #333;
    color: #333;
    transition: .4s cubic-bezier(.7, .37, .79, -.11);
}

.main-content p {
    text-indent: 30px;
    padding: 5px 0;
}

.main-content p:first-line {
    text-indent: .5em hanging;
}

#section-img .vdo-iframe {
    width: 40%;
    max-height: 275px;
    padding-top: 0;
}

#mobile-close-btn,
#toolbarContainer,
.canvasjs-chart-credit,
.environmental .mb-img-size,
.governance .mb-img-size,
.hide-contact-form,
.img-green-mobile,
.navbar-mainmenu .language-menu,
.slicknav_btn:after,
.slicknav_btn:before,
.slicknav_menu ul li a i,
.social .mb-img-size,
.wait-loading,
input#zoomCheck[type=checkbox] {
    display: none;
}

.slicknav_menu {
    display: none;
    padding: 0;
    background: 0 0;
}

.slicknav_nav a {
    font-size: 16px;
    text-transform: capitalize;
    -webkit-transition: .4s;
    transition: .4s;
    color: #000;
}

.slicknav_btn {
    line-height: 0;
    margin: 0;
    display: inline-block;
}

.fiscal-submenu-mobile,
.slicknav_menutxt {
    display: none !important;
}

.slicknav_arrow {
    float: right;
    color: #000;
}

.slicknav_nav .slicknav_row:hover,
.slicknav_nav a:hover {
    border-radius: 4px;
    background: #dc3939;
    color: #fff !important;
}

.slicknav_nav li:last-child {
    border-bottom: 0 solid #aaa;
}

.slicknav_nav {
    position: fixed;
    height: 100vh;
    width: 100%;
    top: 0;
    right: 0;
    background: rgb(36 37 38 / 95%);
    display: block;
    padding: 10px 10px 50px;
    line-height: 50px;
    box-shadow: rgb(0 0 0 / 18%) 0 15px 15px;
    overflow-y: auto;
    z-index: 1000;
}

.section-go-green,
.section-product .integrated-items a:after,
.section-product .integrated-items a:hover {
    background-position: center;
    background-repeat: no-repeat;
}

.slicknav_menu .slicknav_icon {
    float: none !important;
    margin: 0;
}

.slicknav_icon-bar {
    height: 2px !important;
    margin: 5px 0;
    width: 22px !important;
}

.slicknav_nav .slicknav_row,
.slicknav_nav a {
    margin: 0;
    padding: 5px;
}

.slicknav_nav .close-btn {
    font-size: 1.5rem;
    background-color: rgb(232 29 38);
    margin-left: auto;
    padding: 6px;
    width: 44px;
}

#section-vision .card-header {
    text-align: left !important;
    display: inline-flex;
}

.card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border-radius: 18px;
    box-shadow: 3px 9px 18px rgba(0, 0, 0, .08);
    transition: .3s cubic-bezier(0, 0, .5, 1);
    border: 1px solid #e4e4e4ba;
}

.card-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.margin-center {
    margin-left: auto !important;
    margin-right: auto !important;
}

.accessories .feature .feature-title {
    color: rgb(51 51 51);
    font-size: 1.1rem;
    font-weight: 600;
    text-transform: capitalize;
}

.products p.model,
.products p.series {
    text-transform: capitalize;
    color: #e81e27;
    font-size: 1.8rem;
}

.products span.cap {
    font-size: 1rem;
    width: 100%;
    color: #2b2b2b;
    font-weight: 600;
    padding: 0 5%
}

.header-col {
    text-align: left;
    background-color: rgb(255 245 245);
    color: #1e1e1e;
    font-size: 1.2rem;
    font-weight: 600;
    box-shadow: 0 1px 2px 0 rgb(232 29 38);
}

.btn-group-fab {
    position: fixed;
    width: 50px;
    height: auto;
    right: 28px;
    bottom: 90px;
    z-index: 99;
}

.btn-group-fab .btn-main img {
    position: absolute;
    top: 3px;
    left: 7px;
    max-height: 40px;
}

.btn-group-fab .btn-sub img {
    position: absolute;
    top: 5px;
    left: 11px;
    max-height: 30px;
}

.btn-group-fab div {
    position: relative;
    width: 100%;
    height: auto;
}

.btn-group-fab .btn {
    position: absolute;
    bottom: 0;
    border-radius: 50%;
    display: block;
    width: 40px;
    height: 40px;
    margin: 4px auto;
    outline: 0;
}

.btn-group-fab .btn-main {
    width: 50px;
    height: 50px;
    right: 50%;
    margin-right: -25px;
    z-index: 9;
    -webkit-transition: 2s;
    transition: .5s;
    box-shadow: 0 0 8px 0 rgb(232 29 38);
    border: 1px solid rgb(232 29 38);
    background-color: #fff;
}

.btn-group-fab .btn-sub {
    bottom: 0;
    z-index: 8;
    right: 50%;
    margin-right: -20px;
    -webkit-transition: 2s;
    transition: .5s;
}

.btn-group-fab.active .btn-sub:nth-child(2) {
    bottom: 60px;
}

.btn-group-fab.active .btn-sub:nth-child(3) {
    bottom: 110px;
}

.btn-group-fab.active .btn-sub:nth-child(4) {
    bottom: 160px;
}

.btn-group-fab.active .btn-sub:nth-child(5) {
    bottom: 210px;
}

.btn-group-fab .btn-main span {
    box-shadow: 0 0 8px 0 rgb(44 44 44);
    position: absolute;
    background-color: red;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    color: #fff;
    top: -8px;
    right: -6px;
}

.btn-group-fab .btn-sub span {
    font-size: .9rem;
    position: absolute;
    background-color: #fff;
    color: #000;
    left: -100px;
    top: -10px;
    padding: 1px;
    width: 110px;
    border-radius: 0 15px;
    -webkit-transition: 2s;
    transition: .5s;
    opacity: 0;
}

.btn-group-fab.active .btn-sub:nth-child(2) span,
.btn-group-fab.active .btn-sub:nth-child(3) span,
.btn-group-fab.active .btn-sub:nth-child(4) span,
.btn-group-fab.active .btn-sub:nth-child(5) span {
    opacity: 1;
    left: -100px;
}

.border {
    border: 1px solid #dee2e6 !important;
}

.border-success {
    border-color: #28a745 !important;
}

.border-warning {
    border-color: #ffc107 !important;
}

.border-danger {
    border-color: #dc3545 !important;
}

.border-info {
    border-color: #17a2b8 !important;
}

.section-go-green {
    box-shadow: 0 1px 4px 0 #252525;
    background-size: cover;
}

.btn-cart {
    box-shadow: 0 0 6px 0 rgb(129 129 129 / 47%);
    padding: 6px 8px;
    outline: 0 !important;
}

.fiscal-shop-cart-area {
    max-width: 1600px;
}

.cart-table {
    max-height: 550px;
}

.calculate-shipping-right table tbody>tr:nth-of-type(odd),
.cart-table table thead>tr:nth-of-type(odd) {
    background: #f4f4f4;
}

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
    border-bottom: 0 solid #ddd;
    border-top: 0 solid #ddd;
    vertical-align: middle;
}

.calculate-shipping-right tbody td,
.calculate-shipping-right thead th,
.cart-table tbody td,
.cart-table thead th {
    padding: 15px 10px !important;
}

.fiscal-cart-close>a:hover {
    color: #e9563d;
}

.fiscal-cart-quantity>input {
    border: 1px solid #ddd;
    padding: 5px;
    width: 70px;
}

.fiscal-cart-product p {
    font-weight: 500;
    display: inline-block;
}

.calculate-shipping-right table tbody>tr:nth-of-type(2n+2),
.cart-table table tbody>tr:nth-of-type(2n+2) {
    background: #f9f9f9;
}

.coupon-cart-right {
    text-align: right;
}

.coupon-cart-left input[type=text] {
    background: #eee;
    border: none;
    height: 50px;
    padding: 10px 15px;
    width: 45%
}

.section-integrated-solution h1,
.section-product .integrated h3 {
    -webkit-background-clip: text;
    will-change: transform;
    overflow: hidden;
}

.coupon-cart-left input[type=submit] {
    border: none;
    color: #fff;
    font-weight: 600;
    height: 50px;
    margin-left: 10px;
    padding: 10px 15px;
    text-transform: uppercase;
    -webkit-transition: .4s;
    transition: .4s;
}

.coupon-cart-right>a,
.proceed-checkout>a {
    color: #fff;
    display: inline-block;
    font-weight: 600;
    margin-right: 50px;
    margin-top: 0;
    padding: 12px 20px;
    text-transform: uppercase;
}

.calculate-shipping-left select {
    border: 1px solid #ddd;
    height: 45px;
    padding: 5px;
    text-transform: capitalize;
    width: 100%
}

.calculate-shipping-left select option {
    padding: 5px 10px;
}

.single-shipping input {
    border: 1px solid #ddd;
    height: 45px;
    padding: 5px 10px;
    width: 100%;
    margin: 0;
}

.single-shipping {
    margin-top: 10px;
}

.calculate-shipping-left>form,
.checkout-cart-table>table {
    margin-top: 25px;
}

.calculate-shipping-right>table {
    width: 100%;
    margin-top: 25px;
}

.single-shipping button {
    border: 1px solid rgb(232 29 38);
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    line-height: 17px;
    padding: 15px 20px;
    text-transform: capitalize;
    -webkit-transition: .4s;
    transition: .4s;
}

.proceed-checkout {
    margin-top: 20px;
    text-align: center;
}

.checkout-bottom h3,
.fiscal-checkout-form>h3,
.fiscal-login>h3,
.fiscal-register>h3 {
    color: #444;
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 20px;
    text-transform: capitalize;
}

.checkout-form label {
    color: #555;
    display: block;
    font-size: 15px;
    font-weight: 600;
    text-transform: capitalize;
}

.payment h4,
.section-product .integrated h3 {
    font-size: 16px;
    display: inline-block;
    font-weight: 600;
}

.checkout-form input {
    border: 1px solid #ddd;
    height: 45px;
    padding: 5px 10px;
    width: 100%;
    margin-bottom: 15px;
}

.checkout-form textarea {
    border: 1px solid #ddd;
    height: 105px;
    padding: 10px;
    width: 100%
}

.checkout-cart-table {
    margin-top: 50px;
}

.payment h4 {
    color: #333;
    margin-left: 10px;
    text-transform: capitalize;
}

.payment {
    margin-top: 15px;
}

.contact-sale,
.summary-product {
    box-shadow: 0 1px 4px 0 #dfdfdf;
}

.contact-area {
    max-width: 500px;
    margin-left: auto;
}

.text-red-hover:hover {
    color: #e81e27 !important;
    transition-duration: .4s;
}

.section-integrated-solution .section-content,
.section-product .container {
    max-width: 84.7058823529rem;
}

.section-product .integrated h3 {
    transition: .5s;
    text-transform: uppercase;
    color: transparent;
    background-clip: text;
    background-image: linear-gradient(90deg, #681418 0, #b90911 40%, #f9000b 55%, #ef4c54 60%);
    padding-top: 5px;
}

.section-product img {
    max-height: 8rem;
}

.section-product a {
    width: 100%;
    display: inline-block;
}

.section-product a.card:hover {
    box-shadow: 2px 4px 16px rgba(0, 0, 0, .16);
}

.section-product a.integrated {
    font-size: 2.5rem;
    position: relative;
    top: 75px;
    z-index: 1;
}

.section-product a.integrated h1 {
    text-transform: uppercase;
    color: #fff;
}

.section-product a.integrated h2 {
    text-transform: uppercase;
    color: #ffc1c1;
}

body:has(.section-product a.integrated:hover) a.card {
    box-shadow: 2px 4px 16px rgba(0, 0, 0, .16);
}

.section-product .integrated .card {
    width: 180px;
    height: 180px;
}

.fa-check {
    color: #00b300;
}

.section-product .integrated-items a {
    padding: 10px;
    position: relative;
    z-index: 1;
    width: 160px;
    transition: transform .2s;
}

.section-product .integrated-items a:after {
    content: '';
    position: absolute;
    z-index: -1;
    transition: transform .2s;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    background-size: 140px;
    background-image: url(https://localhost/siamcompressor/assets/img/product/bg-product.png);
}

.section-product .integrated-items a:hover {
    background-size: 156px;
    transition: transform .2s;
    transform: scale(1.2);
}

.section-product .integrated-items a:hover:after {
    opacity: .4;
    transition: opacity .4s, visibility .4s;
}

.section-product .card h1 {
    color: #d1d1d1;
}

.section-product .card h4 {
    color: #e5e5e5;
}

.section-product .card p {
    color: #b7b7b7;
}

.section-product .card {
    background: linear-gradient(#272727, #000000a6 110%);
}

.section-product .card img {
    max-width: 400px;
    max-height: unset;
}

.section-integrated-solution iframe,
.section-product iframe,
video {
    border-radius: 18px;
    box-shadow: 2px 4px 12px rgba(0, 0, 0, .08);
    transition: .3s cubic-bezier(0, 0, .5, 1);
}

.section-product {
    background: linear-gradient(#ffffff00, #f5f5f7db 85%);
    position: relative;
}

.section-product:before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: -1;
    display: block;
    background-image: url(https://www.me-sci.com/siamcompressor/assets/img/branner/b1.webp?v=202305);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    -webkit-filter: blur(4px);
    -moz-filter: blur(4px);
    -o-filter: blur(4px);
    -ms-filter: blur(4px);
}

.section-product h2 {
    font-size: 4rem;
    color: #fff;
}

.section-product .item-container {
    position: relative;
    display: grid;
    z-index: 3;
    list-style: none;
    margin: 0;
    padding: 0;
    align-items: center;
    justify-items: center;
    grid-template-rows: 26% 3% 16% 4% 28% 1% 22%;
    grid-template-columns: 10% 14% 14% 24% 14% 14% 10%
}

.section-product .item-compressor {
    grid-row: 1/3;
    grid-column: 4/4;
}

.section-product .item-oil-separator {
    grid-row: 2/7;
    grid-column: 2/3;
}

.section-product .item-driver {
    grid-row: 6/8;
    grid-column: 4/5;
}

.section-product .item-thermo-acoustic {
    grid-row: 3/6;
    grid-column: 6/7;
}

.section-product .integrated-items {
    margin: 0 auto;
    width: 700px;
    height: 610px;
    position: relative;
}

.section-product .circle-background {
    position: absolute;
    z-index: 1;
    height: 100%;
    width: 100%;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.section-product .circle {
    margin: auto;
    border-width: 5px 0;
    border-top-color: #e81d26;
    border-bottom-color: #4e4e4e;
    border-style: solid;
    border-radius: 50%;
    width: 450px;
    height: 450px;
    display: grid;
    place-items: center;
}

.section-product .benefit {
    position: absolute;
    z-index: 4;
    left: 50%;
    top: 47%;
    transform: translate(-50%, -50%);
}

.section-product h4.benefit1 {
    font-size: 2.5rem;
}

.section-product .benefit2 h4,
.section-product .benefit3 h4,
.section-product .benefit4 h4 {
    font-size: 1.8rem;
}

.section-product .bg-feature:after {
    background: rgb(249 249 249 / 58%);
}

.section-integrated-solution {
    background: linear-gradient(#18222a, #000 67%);
    box-shadow: 2px 4px 16px rgb(0 0 0 / 50%);
}

.section-integrated-solution p {
    text-align: justify;
    color: #afafaf;
    font-size: 1rem;
}

.section-integrated-solution h1 {
    font-size: 5rem;
    display: inline-block;
    color: transparent;
    background-clip: text;
    background-image: linear-gradient(90deg, #e81d26, #5a67ff);
}

.section-integrated-solution a,
.section-product a {
    font-style: normal;
    color: #2997ff;
    font-weight: 600;
    letter-spacing: inherit;
    font-size: 24px;
}

.section-integrated-solution .fa-chevron-right,
.section-product .fa-chevron-right,
.section-product-integrated-solution .fa-chevron-right {
    position: relative;
    transition: .4s;
    left: 0;
}

.section-integrated-solution a:hover,
.section-product a:hover {
    transition: .4s;
    color: #66b5ff;
}

.section-integrated-solution a:hover .fa-chevron-right,
.section-product a:hover .fa-chevron-right,
.section-product-integrated-solution a:hover .fa-chevron-right {
    transition: .4s;
    left: 10px;
}

.section-product-integrated-solution {
    background: linear-gradient(#000, #f5f5f7 67%);
}

.section-product-integrated-solution img {
    height: 100%
}

.section-product-integrated-solution .wrapper-img {
    max-height: 280px;
}

.section-product-integrated-solution .wrapper-title {
    line-height: 5px;
    margin-top: 10px;
}

.section-product-integrated-solution h2 {
    -webkit-background-clip: text;
    background-clip: text;
    background-image: linear-gradient(90deg, #681418 0, #b90911 40%, #f9000b 55%, #ff636a 60%);
    color: transparent;
    font-weight: 600;
    font-size: 2.5rem;
}

.section-product-integrated-solution span {
    color: #1d1d1f;
    font-size: 1.2rem;
    font-weight: 600;
}

.section-product-integrated-solution h3 {
    color: #202020;
    border-bottom: 1px solid #cbcbcb;
    font-weight: 600;
}

.section-product-integrated-solution h4 {
    color: #00b300;
    font-weight: 600;
    font-size: 16px;
}

.section-product-integrated-solution .feature-contain {
    color: #707070;
    text-align: center;
    line-height: 1.3571828571;
    letter-spacing: 0;
}

.section-product-integrated-solution .features {
    padding-top: 10px;
    padding-bottom: 25px;
}

.section-product-integrated-solution .icon-application {
    max-height: 100px;
    border-radius: 10px;
    box-shadow: 2px 4px 12px rgba(0, 0, 0, .08);
}

.section-product-integrated-solution .card.cooling:hover,
.section-product-integrated-solution .card.heating:hover,
.section-product-integrated-solution .card.refrigeration:hover {
    box-shadow: 2px 4px 16px rgba(0, 0, 0, .16);
    transform: scale3d(1.01, 1.01, 1.01);
}

.section-esg a.flex>img {
    max-width: 300px;
    box-shadow: 2px 4px 12px rgba(0, 0, 0, .08);
}

.section-esg span.span-icon-esg {
    margin-left: auto;
    position: relative;
}

.section-esg .col-md-6:last-child span {
    margin-right: auto;
    margin-left: unset;
    position: relative;
}

.section-esg img.icon-esg {
    max-width: 120px;
    padding: 2px;
}

/* .section-esg h2 {
    font-size: 1.2rem;
    position: relative;
    margin-top: auto;
} */
.section-esg .container .row:first-child .flex .flex h2:nth-child(1) {
    color: #8dc63f;
}

.section-esg .container .row:nth-child(2) .flex .flex h2:first-child {
    color: #00aeef;
}

.section-esg .container .row:nth-child(2) .flex .flex h2:nth-child(2) {
    color: #fbb040;
}

.section-esg .flex .flex {
    position: relative;
    margin-top: auto;
    width: 100%
}

.section-esg .container .row:first-child .flex .flex:nth-child(1) {
    border-bottom: 2px solid #8dc63f;
}

.section-esg .container .row:nth-child(2) .flex .flex:first-child {
    border-bottom: 2px solid #00aeef;
}

.section-esg .container .row:nth-child(2) .flex .flex:nth-child(2) {
    border-bottom: 2px solid #fbb040;
}

.section-esg .text-highlight-red {
    font-size: 2rem;
    font-weight: 600;
    color: #ff0500;
}

.section-esg .ghg-value {
    font-size: 2rem;
    font-weight: 600;
    color: #3bb54b;
}

.ghg-unit {
    font-size: 1.2rem;
    font-weight: 600;
    color: #3bb54b;
}

.margin-center-horizontal {
    margin-top: auto !important;
    margin-bottom: auto !important;
    line-height: inherit;
}

.section-esg.environmental,
.section-esg.governance,
.section-esg.social {
    background-image: url("../img/greener solution/ESG Website Objects/E Pages/E Pages-13.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
    background-attachment: fixed;
}

.section-esg.environmental .container,
.section-esg.governance .container,
.section-esg.social .container {
    max-width: 1500px;
}

.section-esg.environmental h2 {
    font-size: 2rem;
    color: #8dc63f;
    border-bottom: 2px solid;
}

.section-esg.social h2 {
    font-size: 2rem;
    color: #00aeef;
    border-bottom: 2px solid;
}

.section-esg.governance h2 {
    font-size: 2rem;
    color: #fbb040;
    border-bottom: 2px solid;
}

.section-esg.environmental .wrap {
    position: relative;
    display: block;
    max-width: 1407px;
}

.section-esg.environmental .point-1 {
    position: absolute;
    top: 2%;
    left: 8.5%;
    color: #613711;
}

.section-esg.environmental .point-2 {
    position: absolute;
    top: 27%;
    left: 40.5%;
    color: #613711;
}

.section-esg.environmental .point-3 {
    position: absolute;
    top: 37%;
    left: 70.5%;
    color: #613711;
}

.section-esg.environmental .point-4 {
    position: absolute;
    top: 25%;
    left: 0;
    right: 0;
    padding: 0 80px;
    font-size: 2rem;
    font-weight: 600;
    line-height: normal;
}

.section-esg p.esg-content {
    font-size: 1.3rem;
    line-height: 30px;
    margin-left: 35px;
    color: #613711;
}

.section-esg ol li ol,
.section-esg ol li p {
    margin-left: 35px !important;
}

.section-esg ol li ol li p {
    margin-left: 50px !important;
}

.section-esg ol {
    counter-reset: item;
}

.section-esg li:before {
    font-size: 1.5rem;
    content: "(" counters(item, ".") ")";
    counter-increment: item;
    position: absolute;
    left: 0;
}

.section-esg.governance ol li p {
    margin-left: 237px !important;
}

.section-esg.governance ol li ol li p {
    margin-left: 260px !important;
}

.section-esg.governance li:before {
    left: 200px;
}

.section-esg.environmental h3,
.section-esg.social h3 {
    color: #be1d2f;
    font-weight: 600;
}

.section-esg.environmental h1 {
    font-size: 2rem;
    color: #8dc63f;
    font-weight: 600;
}

.section-esg.social h1 {
    font-size: 2rem;
    color: #00aeef;
    font-weight: 600;
}

.section-esg.governance h1 {
    font-size: 2rem;
    color: #fbb040;
    font-weight: 600;
}

.section-esg.environmental .section-energy .energy-graph {
    position: relative;
    max-width: 900px;
    padding: 25px;
}

.row.equal-cols .col-centered-vertical {
    margin-top: auto;
    margin-bottom: auto;
}

.row.equal-cols .col-centered-vertical-bottom {
    margin-top: auto;
}

.section-esg.environmental .energy-graph span {
    position: absolute;
    right: 44px;
    color: #ffac00;
}

.section-esg.environmental h4 {
    color: #613711;
}

.socially-responsible .img-eco-factory,
.socially-responsible .img-gis,
.socially-responsible .img-supply-chain {
    max-height: 200px;
}

.socially-responsible .img-csr {
    max-height: 230px;
}

.section-esg .social-objective p.esg-content {
    margin-left: 0;
}

.section-esg .social-objective .col-md-2:nth-child(odd) p.esg-content {
    background-color: #e1f4fc;
    height: 100%;
    padding: 15px;
}

.section-esg .social-objective .col-md-2:nth-child(2n) p.esg-content {
    background-color: #aae0f9;
    height: 100%;
    padding: 15px;
}

.section-esg .social-objective h3 {
    color: #00aeef;
    font-size: 1.5rem;
    padding: 10px 0;
    line-height: initial;
}

.section-esg .social-objective .row.equal-cols {
    width: 120%
}

.section-esg.governance .legal-compliance h4:first-child {
    font-size: 2rem;
    margin-left: 35px;
    color: #613711;
}

.section-esg.governance .legal-compliance h4:last-child {
    margin-left: 35px;
    font-size: 2.2rem;
    color: #fbb040;
    font-weight: 600;
}

.section-esg.main-esg .icon-esg-2 {
    max-width: 214px;
}

.fiscal-mainmenu ul li a.lang-active {
    color: #c40001;
    border-bottom: 1px solid;
    padding: 0 5px;
}

section {
    margin-right: auto;
    margin-left: auto;
}

.fiscal-logo .header-sci-logo {
    border-color: #e1e1e1;
    border-width: 0 1px 0 0;
    border-style: solid;
}

.header-company-name {
    order: 2;
    font-weight: 700;
    font-size: 12px;
    padding: 15px;
}

.footer-legal {
    position: absolute;
    right: 0;
}

.footer-legal>li {
    display: inline-block;
    padding-right: .3em;
    line-height: 1.1;
}

.footer-legal>li:not(:first-child) {
    padding-left: .5em;
    border-left: 1px solid #fff;
}

.mobile-logo {
    display: none;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 99;
}

.dropdown-large {
    position: static !important;
}

.dropdown-menu-large {
    margin-left: 16px;
    margin-right: 16px;
    padding: 20px 0;
    width: 100%
}

.dropdown-menu-large>li>ul {
    padding: 0;
    margin: 0;
}

.dropdown-menu-large>li>ul>li {
    list-style: none;
}

.dropdown-menu-large>li>ul>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.428571429;
    color: #333;
    white-space: normal;
    font-size: 16px;
}

.dropdown-menu-large>li ul>li>a:focus,
.dropdown-menu-large>li ul>li>a:hover {
    text-decoration: none;
    color: #c40001;
    background-color: #f5f5f5;
}

.dropdown-menu-large .disabled>a,
.dropdown-menu-large .disabled>a:focus,
.dropdown-menu-large .disabled>a:hover {
    color: #999;
}

.dropdown-menu-large .disabled>a:focus,
.dropdown-menu-large .disabled>a:hover {
    text-decoration: none;
    background-color: transparent;
    background-image: none;
    cursor: not-allowed;
}

.dropdown-menu-large .dropdown-header {
    color: #000;
    font-size: 18px;
    font-weight: 600;
}

.dropdown-menu {
    border: 1px solid #f1f1f1;
    background-color: #f6f6f6;
}

.nav .open>a,
.nav .open>a:hover {
    background-color: #eee;
    color: #fff;
}

.nav .open>a:focus {
    color: #444;
}

.navbar {
    min-height: 0;
    display: flex;
    justify-content: center;
}

@media (max-width:768px) {
    .dropdown-menu-large {
        margin-left: 0;
        margin-right: 0;
    }

    .dropdown-menu-large>li:last-child {
        margin-bottom: 0;
    }

    .dropdown-menu-large .dropdown-header {
        padding: 12px 15px !important;
    }
}

#header-sci {
    font-size: 18px;
}

.navbar-mainmenu .nav>li>a {
    padding: 10px 12px;
    font-size: 16px;
}

.navbar-mainmenu {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
}

.hero-wrap {
    position: relative;
    min-height: 64vh;
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    overflow: hidden;
}

.hero-bg {
    position: absolute;
    inset: 0;
    background: inherit;
    filter: blur(4px);
    transform: scale(1.1);
    z-index: 1;
}

.hero-bg:after {
    content: "";
    position: absolute;
    inset: 0;
    background: #191919c7;
    opacity: .85;
}

.hero-path-top {
    position: absolute;
    top: 25px;
    right: 40px;
    z-index: 3;
    font-size: 13px;
}

.hero-path-top a {
    color: #fff;
    text-decoration: none;
    opacity: .9
}

.hero-content {
    position: relative;
    z-index: 2;
    text-align: center;
    max-width: 900px;
}

.hero-content h1 {
    font-size: 46px;
    font-weight: 800;
    margin-bottom: 15px;
    letter-spacing: .4px;
}

.hero-desc {
    font-size: 18px;
    opacity: .95;
    margin-bottom: 35px;
}

/* CTA */
.hero-actions {
    display: flex;
    gap: 16px;
    justify-content: center;
    flex-wrap: wrap;
}

.hero-actions .fiscal-btn.white {
    padding: 14px 34px;
    border-radius: 6px;
    border: 1px solid rgba(255, 255, 255, .5);
    background: rgba(255, 255, 255, .15);
    color: #fff;
    font-weight: 600;
    transition: .3s;
}

.hero-actions .fiscal-btn.white:hover {
    background: #fff;
    color: #8b0000;
    transform: translateY(-2px);
}

.fiscal-projects-details .main-content {
    background: #fff;
    border-radius: 16px;
    padding: 45px;
    box-shadow: 0 30px 60px rgba(0, 0, 0, .08);
    margin-top: -120px;
    position: relative;
    z-index: 5;
}

.fiscal-shop-area .section-title {
    font-size: 28px;
    font-weight: 700;
}

.fiscal-single-product {
    background: #fff;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 15px 35px rgba(0, 0, 0, .08);
    transition: .35s;
    margin-bottom: 30px;
}

.fiscal-single-product:hover {
    transform: translateY(-6px);
    box-shadow: 0 30px 70px rgba(0, 0, 0, .15);
}

.product-image {
    height: 200px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
}

.product-content {
    padding: 20px;
}

.product-content h3 {
    font-size: 16px;
    font-weight: 700;
}

.news-single-widget {
    background: #fff;
    padding: 30px;
    border-radius: 16px;
    box-shadow: 0 15px 35px rgba(0, 0, 0, .08);
    position: sticky;
    top: 100px;
}

.news-single-widget h3 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 20px;
}

.fiscal-shop-area a.btn-ref {
    display: block;
    padding: 12px 15px;
    border-radius: 6px;
    margin-bottom: 6px;
    color: #333;
    transition: .3s;
}

.fiscal-shop-area a.btn-ref:hover {
    background: #f2dede;
}

.fiscal-shop-area a.btn-ref.active {
    background: #d60000;
    color: #fff;
}

.fiscal-shop-area hr {
    border-top: 1px solid #e5e7eb
}

@media (max-width: 991px) {

    .hero-wrap {
        min-height: 60vh;
        padding: 40px 0;
    }

    .hero-content h1 {
        font-size: 36px;
    }

    .hero-desc {
        font-size: 16px;
        margin-bottom: 28px;
    }

    .fiscal-projects-details .main-content {
        padding: 35px;
        margin-top: -90px;
    }

    .news-single-widget {
        position: relative;
        top: auto;
        margin-top: 40px;
    }
}

@media (max-width: 768px) {
    .hero-wrap {
        display: block;
        min-height: auto;
        padding: 70px 15px 60px;
        text-align: center;
    }

    .hero-path-top {
        position: static;
        margin-bottom: 20px;
        font-size: 12px;
        text-align: center;
    }

    .hero-content h1 {
        font-size: 28px;
        line-height: 1.25;
    }

    .hero-desc {
        font-size: 15px;
        margin-bottom: 25px;
    }

    .hero-actions {
        flex-direction: column;
        gap: 12px;
    }

    .hero-actions .fiscal-btn.white {
        width: 100%;
        padding: 14px;
        font-size: 15px;
    }

    .fiscal-projects-details .main-content {
        padding: 25px 22px;
        margin-top: -60px;
        border-radius: 14px;
    }

    .fiscal-shop-area .section-title {
        font-size: 22px;
        margin-bottom: 10px;
    }

    .product-image {
        height: 160px;
    }

    .product-content {
        padding: 16px;
    }

    .product-content h3 {
        font-size: 15px;
        line-height: 1.4;
    }

    .news-single-widget {
        padding: 20px;
        border-radius: 14px;
    }

    .fiscal-shop-area a.btn-ref {
        padding: 12px;
        font-size: 14px;
    }

}

@media (max-width: 480px) {

    .hero-content h1 {
        font-size: 24px;
    }

    .hero-desc {
        font-size: 14px;
    }

    .hero-actions .fiscal-btn.white {
        font-size: 14px;
        padding: 13px;
    }

    .fiscal-projects-details .main-content {
        padding: 20px;
    }
}

.fiscal-shop-area .product-card {
    max-width: 20rem;
    margin: 0 auto 30px;
    background: #fff;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08);
    transition: all 0.4s ease;
}

.fiscal-shop-area .product-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 35px 80px rgba(0, 0, 0, 0.2);
}

.fiscal-shop-area .product-image {
    width: 100%;
    height: 180px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: transform 0.4s ease;
}

.fiscal-shop-area .product-card:hover .product-image {
    transform: scale(1.05);
}

.fiscal-shop-area .product-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
}

.fiscal-shop-area .product-header h3 {
    font-size: 18px;
    font-weight: 700;
    margin: 0;
    color: #1f2933;
}

.fiscal-shop-area .product-header p.type {
    font-size: 14px;
    font-weight: 600;
    color: #d60000;
    margin: 0;
}

.fiscal-shop-area .feature-list {
    display: grid;
    gap: 8px 12px;
    padding: 0 20px 15px 20px;
    margin: 0;
    list-style: none;
}

.fiscal-shop-area .feature-list li {
    font-size: 14px;
    color: #4b5563;
    display: flex;
    align-items: center;
}

.fiscal-shop-area .feature-list li::before {
    content: "✔";
    color: #10b981;
    margin-right: 6px;
}

.fiscal-shop-area .card-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 20px 20px 20px;
}

.fiscal-shop-area .card-footer .price {
    font-size: 18px;
    font-weight: 700;
    color: #1f2933;
}

.fiscal-shop-area .card-footer button {
    background: #d60000;
    color: #fff;
    border: none;
    padding: 10px 18px;
    border-radius: 8px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.3s;
}

.fiscal-shop-area .card-footer button:hover {
    background: #a50000;
}

@media (max-width: 768px) {
    .fiscal-shop-area .product-card {
        max-width: 100%;
    }
}

.fiscal-shop-area .feature-list {
    font-size: 0.75rem;
}

.fiscal-shop-area .feature-item {
    line-height: normal;
}

.fiscal-header-area.sticky {
    position: sticky;
    top: 0;
}

.mr-2 {
    margin-right: 2px;
}

.slide-up {
    animation: slideUp 0.8s ease-out forwards;
}

.mb-6 {
    padding-bottom: 6px;
}