@import url("//fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;700&display=swap");
@import url("../fonts/helvetica/stylesheet.css");
@import url("../fonts/helvetica-neue/stylesheet.css");
.color-primary {
    color: #cc0000 !important;
}

.color-secondary {
    color: #fbc403 !important;
}

.color-dark {
    color: #000000 !important;
}

.color-light {
    color: #ffffff !important;
}

.font-primary {
    font-family: "Helvetica", Arial, sans-serif;
}

/* Update CSS */

.company:nth-child(3) {
    filter: contrast(0.3);
	transition: all ease-in-out 0.2s !important;
}

.company:hover:nth-child(3) {
    filter: contrast(1);
}

@keyframes scrollBounce {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(14px);
    }
    100% {
        transform: translateY(0);
    }
}

@keyframes scrollBounceLTR {
    0% {
        transform: translateX(-12px);
    }
    50% {
        transform: translateX(12px);
    }
    100% {
        transform: translateX(-12px);
    }
}

html body:not(.home) header.site-header .main-navigation .wrap .navigation ul li.current_page_item a {
    font-weight: bold;
}

html body header.site-header {
    position: fixed;
    z-index: 99;
    width: 100%;
    top: 0;
    left: 0;
    transform: translateY(-101%);
    transition: transform 0.9s 0s ease;
}

html body header.site-header.display {
    transform: translateY(0);
}

html body header.site-header .top-navigation {
    background: #fff;
}

html body header.site-header .top-navigation .container .wrap {
    display: flex;
    justify-content: space-between;
    padding: 4px 0;
}

html body header.site-header .top-navigation .container .wrap .logo {
    width: 50%;
}

html body header.site-header .top-navigation .container .wrap .logo figure {
    margin: 0;
}

html body header.site-header .top-navigation .container .wrap .logo figure img {
    width: 100%;
    max-width: 86px;
}

html body header.site-header .top-navigation .container .wrap .searcher {
    width: 50%;
    display: flex;
    justify-content: flex-end;
}

@media only screen and (max-width: 991px) {
    html body header.site-header .top-navigation .container .wrap .searcher {
        display: none;
    }
}

html body header.site-header .top-navigation .container .wrap .searcher .form-control {
    padding: 0;
    border: 0;
    position: relative;
    display: flex;
    justify-content: flex-end;
}

html body header.site-header .top-navigation .container .wrap .searcher .form-control,
html body header.site-header .top-navigation .container .wrap .searcher form {
    width: 100%;
}

html body header.site-header .top-navigation .container .wrap .searcher input {
    border: none;
    border: 1px solid #dedede;
    width: 100%;
    max-width: 200px;
    border-radius: 0;
    padding: 5px 30px 5px 5px;
    position: relative;
    transition: max-width 0.1s, padding 0.1s 0s ease;
    font-size: 1.3rem;
    letter-spacing: 1px;
    height: 35px;
    min-width: 235px;
    border-radius: 3px;
}

html body header.site-header .top-navigation .container .wrap .searcher input.focus {
    max-width: 600px;
    border-color: #f2f2f2;
    background-color: #f2f2f2;
    padding: 5px 60px 5px 15px;
}

html body header.site-header .top-navigation .container .wrap .searcher .icon {
    display: inline-block;
    position: absolute;
    right: 0;
    padding: 5px 10px 7px 10px;
    cursor: pointer;
    border: 0;
    background: transparent;
    outline: 0;
    box-shadow: none;
    top: 50%;
    transform: translateY(-50%);
}

html body header.site-header .top-navigation .container .wrap .searcher .icon img {
    width: 15px;
    height: 16px;
    fill: #000;
}

html body header.site-header .top-navigation .container .wrap .mobile-menu--burger {
    display: none;
    align-items: center;
    justify-content: flex-end;
}

@media only screen and (max-width: 991px) {
    html body header.site-header .top-navigation .container .wrap .mobile-menu--burger {
        display: flex;
    }
}

html body header.site-header .top-navigation .container .wrap .mobile-menu--burger .mobile-menu--burger__btn {
    padding: 0;
    border: 0;
    width: 20px;
    height: 18px;
    line-height: 0.75;
    display: inline-block;
    position: relative;
    background: #ffffff;
}

html body header.site-header .top-navigation .container .wrap .mobile-menu--burger .mobile-menu--burger__btn img {
    position: absolute;
    width: 100%;
    height: 100%;
    inset: 0;
    margin: 0;
    object-fit: contain;
    object-position: center;
}

html body header.site-header .dropdown-menu {
    padding: 0;
    background: #cc0000;
    border-radius: 0;
    align-items: center;
    justify-content: center;
}

html body header.site-header .dropdown-menu.show {
    display: flex;
}

html body header.site-header .dropdown-menu .menu-item {
    display: flex;
    align-items: center;
    justify-content: center;
}

html body header.site-header .dropdown-menu .menu-item a {
    background: transparent;
    color: #fff !important;
    display: inline-flex !important;
    padding: 5px 12px;
    height: 100%;
    text-align: center;
    align-items: center;
    font-size: 14px !important;
    font-weight: 400 !important;
}

html body header.site-header .dropdown-menu .menu-item a:hover {
    font-weight: 700 !important;
}

html body header.site-header .menu-navigation .nav-btn a {
    transition: color 0.4s 0s ease, background-color 0.4s 0s ease, opacity 0.4s 0s ease;
    font-weight: bold;
    font-family: "Helvetica", Arial, sans-serif;
    line-height: 1.4;
    display: inline-block;
    text-decoration: none;
    border-radius: 0;
    cursor: pointer;
    text-align: center;
    background: #cc0000;
    color: #ffffff !important;
    border: 2px solid #cc0000;
    padding: 4px 8px;
    text-transform: uppercase;
    font-weight: bold;
    transition: color 0.4s 0s ease, background-color 0.4s 0s ease, opacity 0.4s 0s ease !important;
}

html body header.site-header .menu-navigation .nav-btn a:hover {
    background: transparent;
    color: #000000 !important;
}

@media only screen and (max-width: 1199px) {
    html body header.site-header .menu-navigation .nav-btn a {
        font-size: 12px;
    }
}

html body header.site-header .main-navigation {
    height: 46px;
    border-top: 1px solid #dedede;
    display: flex;
    align-items: center;
    background: #ffffff;
}

@media only screen and (min-width: 992px) {
    html body header.site-header .main-navigation .container,
    html body header.site-header .main-navigation .wrap,
    html body header.site-header .main-navigation .navigation,
    html body header.site-header .main-navigation .navigation-menu,
    html body header.site-header .main-navigation .menu-item,
    html body header.site-header .main-navigation .menu-item a {
        height: 100%;
    }
    html body header.site-header .main-navigation .navigation-menu,
    html body header.site-header .main-navigation .menu-item a,
    html body header.site-header .main-navigation .menu-item {
        display: flex !important;
        flex-wrap: wrap;
        align-items: center;
    }
    html body header.site-header .main-navigation .menu-item.nav-btn a {
        height: auto;
    }
    html body header.site-header .main-navigation .dropdown a {
        transition: all 0.3s;
    }
    html body header.site-header .main-navigation .dropdown a:hover,
    html body header.site-header .main-navigation .dropdown a.show {
        background: #cc0000;
        color: #fff !important;
    }
    html body header.site-header .main-navigation .dropdown .dropdown-menu {
        margin-top: -2px !important;
        border: 0 !important;
    }
}

html body header.site-header .main-navigation .wrap {
    align-items: center;
    justify-content: space-between;
}

html body header.site-header .main-navigation .wrap .logo a {
    display: flex;
    align-items: center;
}

html body header.site-header .main-navigation .wrap .logo a img {
    display: block;
}

html body header.site-header .main-navigation .wrap .navigation {
    margin: 0;
}

@media only screen and (max-width: 991px) {
    html body header.site-header .main-navigation .wrap .navigation {
        display: none;
    }
}

html body header.site-header .main-navigation .wrap .navigation ul {
    margin: 0;
}

@media only screen and (max-width: 1199px) {
    html body header.site-header .main-navigation .wrap .navigation ul li {
        margin: 0;
    }
}

html body header.site-header .main-navigation .wrap .navigation ul li a {
    display: block;
    font-size: 14px;
    color: #000000;
    line-height: 1.3;
    transition: font-weight 0s 0s linear;
}

html body header.site-header .main-navigation .wrap .navigation ul li a:hover {
    font-weight: bold;
    transition: font-weight 0s 0s linear;
}

@media only screen and (max-width: 1199px) {
    html body header.site-header .main-navigation .wrap .navigation ul li a {
        padding: 0.4rem;
        font-size: 12px;
    }
}

html body header.site-header .main-navigation .wrap .navigation ul li.active a {
    font-weight: bold;
}

html body .mobile-navigation {
    position: fixed;
    z-index: 9999;
    width: 100%;
    height: 100%;
    inset: 0;
    background: rgba(0, 0, 0, 0.49);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s 0.1s ease, visibility 0s 0.7s linear;
}

html body .mobile-navigation.menu-opened {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.3s 0s ease, visibility 0s 0s linear;
}

html body .mobile-navigation.menu-opened .mobile-menu__wrap {
    transform: translateX(0%);
    transition: transform 0.3s 0.2s ease;
}

@media only screen and (max-width: 991px) {
    html body .mobile-navigation .dropdown .dropdown-menu {
        padding: 0.2rem 0;
    }
    html body .mobile-navigation .dropdown .dropdown-menu.show {
        position: relative !important;
        top: 0 !important;
        left: 0 !important;
        transform: none !important;
        border-radius: 0;
        padding: 0;
        border: 0;
        background: #cc0000;
        margin: 0 0 -1px -2px !important;
    }
    html body .mobile-navigation .dropdown .dropdown-menu .menu-item {
        width: calc(100% - 18px);
        border: 0;
    }
    html body .mobile-navigation .dropdown .dropdown-menu .menu-item a:hover,
    html body .mobile-navigation .dropdown .dropdown-menu .menu-item a.show,
    html body .mobile-navigation .dropdown .dropdown-menu .menu-item a {
        background: #cc0000;
        color: #fff !important;
        padding: 1rem 0;
    }
}

html body .mobile-navigation .mobile-menu__wrap {
    width: 100%;
    max-width: 290px;
    margin-left: auto;
    background: #fff;
    height: 100%;
    position: relative;
    transition: transform 0.3s 0s ease;
    transform: translateX(101%);
}

html body .mobile-navigation .mobile-menu__wrap .mobile-menu__searcher {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

html body .mobile-navigation .mobile-menu__wrap .mobile-menu__searcher form {
    width: 87%;
}

html body .mobile-navigation .mobile-menu__wrap .mobile-menu__searcher form .form-control {
    padding: 0;
    border: 0;
    height: 50px;
    display: flex;
    align-items: center;
    width: 100%;
}

html body .mobile-navigation .mobile-menu__wrap .mobile-menu__searcher form .form-control .icon {
    background: transparent;
    border: 0;
    padding: 0 1.5rem;
    height: 100%;
}

html body .mobile-navigation .mobile-menu__wrap .mobile-menu__searcher form .form-control input {
    height: 100%;
    width: 80%;
    border: 0;
    padding: 0;
    font-size: 16px;
}

html body .mobile-navigation .mobile-menu__wrap .mobile-menu__close {
    padding: 0 1rem 0 1.2rem;
    border: 0;
    width: auto;
    height: 50px;
    position: relative;
    background: #fff;
    border-left: 1px solid rgba(0, 0, 0, 0.25);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

html body .mobile-navigation .mobile-menu__wrap .mobile-menu__close img {
    margin: 0;
    width: 16px;
    height: 16px;
}

html body .mobile-navigation .mobile-menu__wrap .mobile-menu__navigation ul {
    border-top: 1px solid rgba(0, 0, 0, 0.25);
}

html body .mobile-navigation .mobile-menu__wrap .mobile-menu__navigation ul li {
    width: calc(100% - 22px);
    display: block;
    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
    margin-right: 0;
    margin-left: auto;
    padding-left: 2px;
}

html body .mobile-navigation .mobile-menu__wrap .mobile-menu__navigation ul li a {
    color: #000000;
    font-size: 14px;
    text-decoration: none;
    display: block;
    width: 100%;
    padding: 1.6rem 0;
    transition: color 0.3s 0s ease;
}

html body .mobile-navigation .mobile-menu__wrap .mobile-menu__navigation ul li a:hover,
html body .mobile-navigation .mobile-menu__wrap .mobile-menu__navigation ul li a:focus {
    color: #cc0000;
}

html body footer.site-footer {
    background: #f6f6f6;
}

html body footer.site-footer .styled-fusion::before {
    width: 29%;
    left: 21%;
    height: 7%;
    top: 23%;
}

html body footer.site-footer .navigation-content h1,
html body footer.site-footer .navigation-content h2,
html body footer.site-footer .navigation-content h3,
html body footer.site-footer .navigation-content h4,
html body footer.site-footer .navigation-content h5,
html body footer.site-footer .navigation-content h6,
html body footer.site-footer .navigation-content p,
html body footer.site-footer .navigation-content span,
html body footer.site-footer .navigation-content label,
html body footer.site-footer .navigation-content div,
html body footer.site-footer .navigation-content ul,
html body footer.site-footer .navigation-content ol,
html body footer.site-footer .navigation-content li {
    color: #000000;
}

html body footer.site-footer .navigation-content h5 {
    font-size: 2rem;
    font-weight: bold;
    font-family: "Helvetica", Arial, sans-serif;
    margin-bottom: 2rem;
}

@media only screen and (max-height: 650px) {
    html body footer.site-footer .navigation-content h5 {
        margin-bottom: 1rem;
    }
}

html body footer.site-footer .navigation-content .explore-section {
    padding: 8rem 15px 7.5rem;
    display: flex;
    flex-direction: column;
}

@media only screen and (max-width: 767px) {
    html body footer.site-footer .navigation-content .explore-section {
        padding: 5rem 15px 0;
    }
    .heroslider .slick-arrow {
        background: transparent !important;
        width: 25px !important;
    }
}

@media only screen and (max-height: 650px) {
    html body footer.site-footer .navigation-content .explore-section {
        padding-top: 2rem;
    }
}

html body footer.site-footer .navigation-content .explore-section .navigation-wrap ul {
    margin: 0;
}

html body footer.site-footer .navigation-content .explore-section .navigation-wrap ul li {
    display: block;
    margin: 8px 0;
}

@media only screen and (max-height: 650px) {
    html body footer.site-footer .navigation-content .explore-section .navigation-wrap ul li {
        margin-bottom: 5px 0;
    }
}

html body footer.site-footer .navigation-content .explore-section .navigation-wrap ul li a {
    padding-left: 0;
    padding-right: 0;
    font-size: 1.6rem;
    color: #000000;
    transition: color 0.3s 0s ease;
    display: inline-block;
}

html body footer.site-footer .navigation-content .explore-section .navigation-wrap ul li a:hover {
    color: #cc0000;
}

html body footer.site-footer .navigation-content .logo-wrap {
    margin-top: 10rem;
    font-size: 2.4rem;
    font-weight: bold;
    display: flex;
    flex-direction: column;
    margin-right: auto;
    flex-direction: column;
    width: auto;
    align-items: center;
}

@media only screen and (max-width: 767px) {
    html body footer.site-footer .navigation-content .logo-wrap {
        display: none;
        margin: 40px auto 20px;
    }
}

@media only screen and (max-height: 625px) {
    html body footer.site-footer .navigation-content .logo-wrap {
        margin-top: 20px;
        margin-bottom: 10px;
    }
}

html body footer.site-footer .navigation-content .logo-wrap img {
    max-width: 170px;
    margin-bottom: 1rem;
    display: block;
    width: 100%;
}

.footer-logo-btn {
    font-size: 30px;
    text-transform: capitalize !important;
}

.title-wrap,
.navigation-wrap a {
    text-transform: uppercase !important;
    font-weight: 600 !important;
}

.logo-wrap.d-none.d-md-inline-flex.mr-auto.ml-0.justify-content-center.aos-init.aos-animate {
    padding-top: 60px;
}

@media only screen and (max-height: 625px) {
    html body footer.site-footer .navigation-content .logo-wrap img {
        margin-bottom: 5px;
    }
}

@media only screen and (min-width: 768px) {
    html body footer.site-footer .navigation-content .companies-section {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        padding-top: 8rem;
    }
}

html body footer.site-footer .navigation-content .companies-section h4 {
    font-size: 1.8rem;
    font-weight: bold;
    margin-bottom: 20px;
}

@media only screen and (max-width: 767px) {
    html body footer.site-footer .navigation-content .companies-section h4 {
        margin-top: 0px;
    }
    .navigation-wrap {
        text-align: center;
    }
    .explore-section {
        justify-content: center;
        align-items: center;
    }
    .companies {
        display: flex;
        flex-wrap: wrap;
        /* padding: 0 0 0 25px; */
        justify-content: center;
        flex-direction: column;
        align-content: center;
    }
    .companies-section--content h5 {
        text-align: center;
    }
    .companies-section {
        order: 3;
    }
    .logo-wrap.d-inline-flex.d-md-none.mr-auto.ml-0.justify-content-center.aos-init.aos-animate {
        padding-bottom: 60px;
    }
}

@media only screen and (max-height: 625px) {
    html body footer.site-footer .navigation-content .companies-section h4 {
        margin-bottom: 10px;
        font-size: 1.6rem;
    }
}

html body footer.site-footer .navigation-content .companies-section .company {
    margin-bottom: 25px;
}

@media only screen and (min-width: 768px) {
    html body footer.site-footer .navigation-content .companies-section .company {
        display: flex;
        justify-content: flex-end;
    }
}

@media only screen and (max-height: 625px) {
    html body footer.site-footer .navigation-content .companies-section .company {
        margin-bottom: 15px;
        max-width: 100%;
    }
}

html body footer.site-footer .navigation-content .companies-section .company img {
    filter: grayscale(1);
    transition: filter 0.3s 0s ease;
}

html body footer.site-footer .navigation-content .companies-section .company img:hover {
    filter: grayscale(0);
}

html body footer.site-footer .navigation-content .get-in-touch-section {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 4rem 15px 15px 4rem;
    visibility: hidden;
}

@media only screen and (max-width: 767px) {
    html body footer.site-footer .navigation-content .get-in-touch-section {
        padding: 3rem 15px 15px;
    }
    html body footer.site-footer .navigation-content .get-in-touch-section h5,
    html body footer.site-footer .navigation-content .get-in-touch-section .contact-elements {
        display: none !important;
    }
}

@media only screen and (max-height: 650px) {
    html body footer.site-footer .navigation-content .get-in-touch-section {
        padding: 0;
    }
}

html body footer.site-footer .navigation-content .get-in-touch-section h5 {
    margin-bottom: 2.8rem;
}

html body footer.site-footer .navigation-content .get-in-touch-section .contact-elements {
    display: flex;
    flex-wrap: wrap;
}

html body footer.site-footer .navigation-content .get-in-touch-section .contact-elements .contact-element {
    width: 50%;
    display: inline-block;
    margin-bottom: 2.75rem;
}

html body footer.site-footer .navigation-content .get-in-touch-section .contact-elements .contact-element a {
    display: inline-block;
}

html body footer.site-footer .navigation-content .get-in-touch-section .contact-elements .contact-element a:hover svg {
    fill: #cc0000;
}

html body footer.site-footer .navigation-content .get-in-touch-section .contact-elements .contact-element a:hover span {
    color: #cc0000;
}

html body footer.site-footer .navigation-content .get-in-touch-section .contact-elements .contact-element img {
    display: block;
}

html body footer.site-footer .navigation-content .get-in-touch-section .contact-elements .contact-element svg {
    height: 41px;
    width: 41px;
    fill: #969696;
    display: block;
    transition: fill 0.3s 0s ease;
}

html body footer.site-footer .navigation-content .get-in-touch-section .contact-elements .contact-element span {
    font-weight: bold;
    font-size: 1.7rem;
    transition: color 0.3s 0s ease;
    display: inline-block;
    line-height: 1.25;
    margin-top: 0.25rem;
}

html body footer.site-footer .navigation-content .get-in-touch-section .social-elements {
    display: flex;
    flex-wrap: wrap;
    margin-top: 4rem;
    margin-right: -1px;
    margin-left: auto;
}

@media only screen and (max-width: 767px) {
    html body footer.site-footer .navigation-content .get-in-touch-section .social-elements {
        margin: 1rem auto 0.95rem;
        justify-content: center;
    }
}

html body footer.site-footer .navigation-content .get-in-touch-section .social-elements .social-element {
    width: auto;
    display: inline-block;
    margin-bottom: 2.75rem;
    width: 36px;
    height: 36px;
    position: relative;
}

@media only screen and (max-width: 767px) {
    html body footer.site-footer .navigation-content .get-in-touch-section .social-elements .social-element {
        display: none;
        margin-bottom: 1.75rem;
        width: 54px;
        height: 54px;
    }
    html body footer.site-footer .navigation-content .get-in-touch-section .social-elements .social-element:nth-child(1),
    html body footer.site-footer .navigation-content .get-in-touch-section .social-elements .social-element:nth-child(2),
    html body footer.site-footer .navigation-content .get-in-touch-section .social-elements .social-element:nth-child(3),
    html body footer.site-footer .navigation-content .get-in-touch-section .social-elements .social-element:nth-child(4),
    html body footer.site-footer .navigation-content .get-in-touch-section .social-elements .social-element:nth-child(5) {
        display: inline-block;
    }
}

@media only screen and (max-height: 650px) {
    html body footer.site-footer .navigation-content .get-in-touch-section .social-elements .social-element {
        width: 38px;
        height: 38px;
    }
}

html body footer.site-footer .navigation-content .get-in-touch-section .social-elements .social-element:not(:last-of-type) {
    margin-right: 2.4rem;
}

@media only screen and (max-width: 767px) {
    html body footer.site-footer .navigation-content .get-in-touch-section .social-elements .social-element:not(:last-of-type) {
        margin-right: 0.9rem;
    }
}

html body footer.site-footer .navigation-content .get-in-touch-section .social-elements .social-element img {
    display: inline-block;
    margin: 0;
}

@media only screen and (max-width: 767px) {
    html body footer.site-footer .navigation-content .get-in-touch-section .social-elements .social-element img {
        width: 48px;
    }
}

html body footer.site-footer .navigation-content .get-in-touch-section .social-elements .social-element:hover svg.hover {
    opacity: 1;
}

html body footer.site-footer .navigation-content .get-in-touch-section .social-elements .social-element svg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

html body footer.site-footer .navigation-content .get-in-touch-section .social-elements .social-element svg.default {
    opacity: 1;
    z-index: 1;
}

html body footer.site-footer .navigation-content .get-in-touch-section .social-elements .social-element svg.hover {
    z-index: 2;
    opacity: 0;
    transition: opacity 0.3s 0s ease;
}

html body footer.site-footer .navigation-content .get-in-touch-section .chat-box {
    text-align: right;
    margin-top: auto;
    width: 100%;
}

html body footer.site-footer .navigation-content .get-in-touch-section .logo-wrap-mobile {
    text-align: center;
    width: 100%;
    margin-bottom: 2rem;
}

html body footer.site-footer .navigation-content .get-in-touch-section .logo-wrap-mobile a {
    font-weight: bold;
    font-size: 2.4rem;
    text-align: center;
    width: 100%;
    color: #000000;
}

html body footer.site-footer .copyright-content {
    border-top: 1px solid rgba(112, 112, 112, 0.3);
}

html body footer.site-footer .copyright-content .container.copyright>.row {
    height: 87px;
}

@media only screen and (max-width: 991px) {
    html body footer.site-footer .copyright-content .container.copyright>.row {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
    }
}

html body footer.site-footer .copyright-content .container.copyright h1,
html body footer.site-footer .copyright-content .container.copyright h2,
html body footer.site-footer .copyright-content .container.copyright h3,
html body footer.site-footer .copyright-content .container.copyright h4,
html body footer.site-footer .copyright-content .container.copyright h5,
html body footer.site-footer .copyright-content .container.copyright h6,
html body footer.site-footer .copyright-content .container.copyright p,
html body footer.site-footer .copyright-content .container.copyright span,
html body footer.site-footer .copyright-content .container.copyright label,
html body footer.site-footer .copyright-content .container.copyright div,
html body footer.site-footer .copyright-content .container.copyright ul,
html body footer.site-footer .copyright-content .container.copyright ol,
html body footer.site-footer .copyright-content .container.copyright li {
    font-size: 13px;
    font-family: "Helvetica Neue", Arial, sans-serif;
    font-weight: 500;
    color: #848484 !important;
}

html body footer.site-footer .copyright-content .container.copyright .col {
    display: flex;
    align-items: center;
    color: #999999 !important;
    font-size: 12px;
    font-weight: 400;
    font-family: "Open Sans", Arial, sans-serif;
}

html body footer.site-footer .copyright-content .container.copyright .copyright--rights__reserved {
    justify-content: flex-start;
}

@media only screen and (max-width: 991px) {
    html body footer.site-footer .copyright-content .container.copyright .copyright--rights__reserved {
        margin-bottom: 1.85rem;
    }
}

@media only screen and (max-width: 991px) {
    html body footer.site-footer .copyright-content .container.copyright .copyright--rights__reserved {
        justify-content: center;
    }
}

html body footer.site-footer .copyright-content .container.copyright .copyright--nav {
    justify-content: flex-end;
}

@media only screen and (max-width: 991px) {
    html body footer.site-footer .copyright-content .container.copyright .copyright--nav {
        justify-content: center;
    }
}

html body footer.site-footer .copyright-content .container.copyright .copyright--nav ul {
    margin: 0;
}

html body footer.site-footer .copyright-content .container.copyright .copyright--nav ul li {
    display: inline-flex;
    align-items: center;
    margin: 0;
}

html body footer.site-footer .copyright-content .container.copyright .copyright--nav ul li a {
    padding: 0.5rem 0.2rem;
    color: #848484 !important;
    display: inline-block;
    color: #999999 !important;
    font-size: 12px;
    font-weight: 400;
    font-family: "Open Sans", Arial, sans-serif;
}

html body footer.site-footer .copyright-content .container.copyright .copyright--nav ul li a:hover {
    text-decoration: underline;
}

html body footer.site-footer .copyright-content .container.copyright .copyright--nav ul li:not(:last-of-type)::after {
    content: "|";
    color: #848484;
    opacity: 0.7;
    position: relative;
    left: 2px;
    font-family: "Helvetica";
    font-size: 11px;
    top: -2px;
    font-weight: 400;
}

@media only screen and (max-width: 767px) {
    html body footer.site-footer.footer-section-desktop .col:not(.explore-section),
    html body footer.site-footer.footer-section-desktop .copyright-content,
    html body footer.site-footer.footer-section-desktop .logo-wrap {
        display: none !important;
    }
    html body footer.site-footer.footer-section-desktop .navigation-content {
        padding-bottom: 0;
    }
    html body footer.site-footer.footer-section-mobile .explore-section {
        display: none;
    }
}

@media only screen and (min-width: 768px) {
    html body footer.site-footer.footer-section-mobile {
        display: none !important;
    }
}

html {
    font-size: 10px;
}

html body {
    font: 400 2rem /1.4 "Helvetica", Arial, sans-serif;
}

@media only screen and (max-width: 1199px) {
    html body {
        font: 400 1.8rem /1.4 "Helvetica", Arial, sans-serif;
    }
}

@media only screen and (max-width: 767px) {
    html body {
        font: 400 1.6rem /1.4 "Helvetica", Arial, sans-serif;
    }
}

@media (min-width: 1200px) {
    html body .container {
        max-width: 1131px;
    }
}

@media only screen and (max-width: 767px) {
    html body .container {
        padding-left: 25px;
        padding-right: 25px;
    }
}

html body .site-wrapper {
    overflow: hidden;
}

html body .span-anchor {
    display: block;
    width: 1px;
    height: 1px;
    position: relative;
    top: -94px;
}

html body.search-results .blog-post-results article {
    margin-bottom: 4rem;
}

html body.search-results .blog-post-results article h2 {
    font-size: 2rem !important;
    line-height: 1.5;
    margin: 2rem 0 1rem;
    color: #000 !important;
}

html body h1,
html body h2,
html body h3 {
    font-weight: bold;
}

html body h1,
html body .h1 {
    font-size: 9.6rem;
    font-weight: bold;
}

@media only screen and (max-width: 1199px) {
    html body h1,
    html body .h1 {
        font-size: 6.6rem;
    }
}

html body h2,
html body .h2 {
    font-size: 6.5rem;
}

@media only screen and (max-width: 1199px) {
    html body h2,
    html body .h2 {
        font-size: 4.2rem;
    }
}

html body h3,
html body .h3 {
    font-size: 3.6rem;
}

@media only screen and (max-width: 1199px) {
    html body h3,
    html body .h3 {
        font-size: 2.8rem;
    }
}

html body h4,
html body .h4 {
    font-size: 2.6rem;
}

@media only screen and (max-width: 1199px) {
    html body h4,
    html body .h4 {
        font-size: 2rem;
    }
}

html body .btn {
    font-size: 20px;
    font-weight: bold;
    padding: 18px 50px;
}

@media only screen and (max-width: 1199px) {
    html body .btn {
        padding: 12px 35px;
    }
}

html body .btn:not(.btn-primary):not(.btn-white) {
    transition: color 0.4s 0s ease, background-color 0.4s 0s ease, opacity 0.4s 0s ease;
    font-weight: bold;
    font-family: "Helvetica", Arial, sans-serif;
    line-height: 1.4;
    display: inline-block;
    text-decoration: none;
    border-radius: 0;
    cursor: pointer;
    text-align: center;
    background: #cc0000;
    color: #ffffff !important;
    border: 2px solid #cc0000;
}

html body .btn:not(.btn-primary):not(.btn-white):hover {
    background: transparent;
    color: #000000 !important;
}

html body .btn.outline:not(.btn-primary):not(.btn-white) {
    transition: color 0.4s 0s ease, background-color 0.4s 0s ease, opacity 0.4s 0s ease;
    font-weight: bold;
    font-family: "Helvetica", Arial, sans-serif;
    line-height: 1.4;
    display: inline-block;
    text-decoration: none;
    border-radius: 0;
    cursor: pointer;
    text-align: center;
    background: transparent;
    color: #ffffff !important;
    border: 2px solid #cc0000;
}

html body .btn.outline:not(.btn-primary):not(.btn-white):hover {
    background: #cc0000;
    color: #ececec !important;
}

html body .btn.outline.btn-primary {
    transition: color 0.4s 0s ease, background-color 0.4s 0s ease, opacity 0.4s 0s ease;
    font-weight: bold;
    font-family: "Helvetica", Arial, sans-serif;
    line-height: 1.4;
    display: inline-block;
    text-decoration: none;
    border-radius: 0;
    cursor: pointer;
    text-align: center;
    background: transparent;
    color: #ffffff !important;
    border: 2px solid #cc0000;
}

html body .btn.outline.btn-primary:hover {
    background: #cc0000;
    color: #ececec !important;
}

html body .btn.outline.btn-white {
    transition: color 0.4s 0s ease, background-color 0.4s 0s ease, opacity 0.4s 0s ease;
    font-weight: bold;
    font-family: "Helvetica", Arial, sans-serif;
    line-height: 1.4;
    display: inline-block;
    text-decoration: none;
    border-radius: 0;
    cursor: pointer;
    text-align: center;
    background: transparent;
    color: #ffffff !important;
    border: 2px solid #ffffff;
}

html body .btn.outline.btn-white:hover {
    background: #ffffff;
    color: #000000 !important;
}

html body .btn:not(.outline).btn-primary {
    transition: color 0.4s 0s ease, background-color 0.4s 0s ease, opacity 0.4s 0s ease;
    font-weight: bold;
    font-family: "Helvetica", Arial, sans-serif;
    line-height: 1.4;
    display: inline-block;
    text-decoration: none;
    border-radius: 0;
    cursor: pointer;
    text-align: center;
    background: #cc0000;
    color: #ffffff !important;
    border: 2px solid #cc0000;
}

html body .btn:not(.outline).btn-primary:hover {
    background: transparent;
    color: #000000 !important;
}

html body .btn:not(.outline).btn-white {
    transition: color 0.4s 0s ease, background-color 0.4s 0s ease, opacity 0.4s 0s ease;
    font-weight: bold;
    font-family: "Helvetica", Arial, sans-serif;
    line-height: 1.4;
    display: inline-block;
    text-decoration: none;
    border-radius: 0;
    cursor: pointer;
    text-align: center;
    background: #ffffff;
    color: #000000 !important;
    border: 2px solid #ffffff;
}

html body .btn:not(.outline).btn-white:hover {
    background: #ececec;
    border-color: #ececec;
    color: #000000 !important;
}

html body .styled-fusion {
    position: relative;
}

html body .styled-fusion::before {
    content: "";
    position: absolute;
    width: 29%;
    height: 4%;
    background: #cc0000;
    top: 28%;
    left: 21%;
}

html body .section.hero-expandable .section--expand {
    padding: 0;
}

html body .hero-option {
    background: #fff;
    transition: background-color 0.3s 0s ease;
}

@media only screen and (max-width: 767px) {
    html body .hero-option {
        min-height: 210px;
        display: flex;
        align-items: center;
        position: relative;
    }
    html body .hero-option::before {
        content: "";
        position: absolute;
        display: block;
        inset: 0;
        z-index: 2;
        visibility: visible;
        transition: visibility 0s 0.2s ease;
    }
    html body .hero-option.hovered::before {
        visibility: hidden;
    }
}

html body .hero-option {
    padding: 0;
    padding-top: 175px;
    padding-bottom: 60px;
}

@media only screen and (max-width: 767px) {
    html body .hero-option {
        padding: 15px 40px !important;
    }
}

html body .hero-option:nth-child(1) {
    padding-right: 40px;
    padding-left: calc((100vw - 1131px) / 2);
}

html body .hero-option:nth-child(2) {
    padding-left: 40px;
    padding-right: calc((100vw - 1131px) / 2);
}

html body .hero-option h4,
html body .hero-option .hero-option__content {
    position: relative;
    transform: translateY(0px);
}

html body .hero-option h4,
html body .hero-option h4 p,
html body .hero-option .hero-option__content,
html body .hero-option .hero-option__content p {
    transition: transform 0.3s 0s ease, color 0.3s 0s ease;
}

html body .hero-option.hovered {
    background: #cc0000;
}

@media only screen and (min-width: 768px) {
    html body .hero-option.hovered h4,
    html body .hero-option.hovered .hero-option__content {
        transform: translateY(-70px);
    }
}

html body .hero-option.hovered h4,
html body .hero-option.hovered h4 p,
html body .hero-option.hovered .hero-option__content,
html body .hero-option.hovered .hero-option__content p {
    color: #fff !important;
}

@media only screen and (min-width: 768px) {
    html body .hero-option.hovered .btn {
        transform: translateY(-50px) !important;
    }
}

html body .hero-option .hero-option__wrap h4 {
    font-size: 3rem;
    color: #000;
    font-family: Helvetica;
    font-weight: bold;
    margin-bottom: 25px;
}

@media only screen and (max-width: 767px) {
    html body .hero-option .hero-option__wrap h4 {
        font-size: 1.6rem;
        margin-bottom: 15px;
    }
}

html body .hero-option .hero-option__wrap p {
    color: #000;
    font-weight: 500;
    font-size: 1.8rem;
    max-width: 400px;
    margin-bottom: 25px;
    min-height: 75px;
    line-height: 1.7;
}

@media only screen and (max-width: 767px) {
    html body .hero-option .hero-option__wrap p {
        font-size: 1.3rem;
        min-height: initial;
        max-width: 300px;
        margin-bottom: 10px;
    }
}

html body .hero-option .hero-option__wrap .btn.outline:not(.btn-primary):not(.btn-white) {
    background: #fff;
    color: #cc0000 !important;
    padding: 6px 25px;
    margin-top: 10px;
    transition: transform 0.3s 0s ease;
    transform: translateY(0px);
}

@media only screen and (max-width: 767px) {
    html body .hero-option .hero-option__wrap .btn.outline:not(.btn-primary):not(.btn-white) {
        font-size: 1.6rem;
        padding: 8px 30px;
    }
}

@media only screen and (min-width: 768px) {
    html body .popup.connect-with-us--popup,
    html body .popup.cookies-notification {
        background-color: rgba(255, 255, 255, 0.15);
    }
}

@media only screen and (max-width: 767px) {
    html body .popup.connect-with-us--popup,
    html body .popup.cookies-notification {
        background: rgba(0, 0, 0, 0.5);
    }
}

html body .popup.connect-with-us--popup {
    max-height: 65px;
    overflow: hidden;
}

html body .popup.cookies-notification {
    right: initial;
    left: 0;
    color: #fff;
    margin: 0;
    max-width: 585px;
    padding-top: 25px;
    padding-bottom: 20px;
    padding: 15px;
    max-width: none;
    width: auto;
    display: inline-block;
    margin-left: auto;
}

@media only screen and (min-width: 992px) {
    html body .popup.cookies-notification {
        right: initial;
        left: 0;
        color: #fff;
        margin: 0;
    }
}

html body .popup.cookies-notification .popup--wrap h4 {
    margin-bottom: 2rem;
    font-weight: bold;
    font-size: 2.1rem;
    letter-spacing: 1px;
}

html body .popup.cookies-notification .popup--wrap p {
    font-size: 1.8rem;
    line-height: 1.4;
    margin: 0;
    font-size: 1rem;
    display: flex;
    align-items: center;
}

html body .popup.cookies-notification .popup--wrap br {
    display: none;
}

html body .popup.cookies-notification .popup--wrap a {
    display: inline-block;
    color: #fff;
    font-weight: bold;
    font-size: 1.2rem;
    margin-left: 1rem;
}

html body .popup.cookies-notification .popup--wrap .btn {
    font-size: 1.8rem;
    padding: 0.5rem 3.5rem;
    margin-top: 1.5rem;
}

html body .popup.cookies-notification .popup--wrap .cookies-btn--dont-accept {
    display: inline-block;
    padding: 8px 0px;
    position: relative;
    margin-left: 20px;
    top: 7px;
    color: #fff;
    font-size: 1.6rem;
    font-weight: 400;
    opacity: 0.8;
    transition: opacity 0.3s 0s ease;
}

html body .popup.cookies-notification .popup--wrap .cookies-btn--dont-accept:hover {
    opacity: 1;
    text-decoration: underline;
}

html body .popup {
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 99;
    width: 100%;
    max-width: 444px;
    padding: 3.5rem 3rem 3.25rem 2.5rem;
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    margin-left: 2rem;
    background-color: rgba(0, 0, 0, 0);
    transition: bottom 0.25s 0s ease, background-color 0.45s 0s ease, opacity 0.4s 1.3s ease, visibility 0s 0s ease, max-height 0.4s 0.3s ease;
}

@media only screen and (max-width: 1199px) {
    html body .popup {
        max-width: 375px;
        padding: 3rem 2rem;
    }
}

@media only screen and (max-width: 767px) {
    html body .popup {
        max-width: none;
        width: 100%;
    }
}

html body .popup:hover {
    background-color: rgba(0, 0, 0, 0.5);
}

html body .popup:not(.active) {
    bottom: -100% !important;
}

html body .popup.hide {
    opacity: 0;
    transform: translateY(calc(101%)) !important;
    visibility: hidden !important;
    transition: bottom 0.25s 0s ease, background-color 0.45s 0s ease, opacity 0.4s 0.2s ease, visibility 0s 0.6s ease, transform 0s 0.6s ease, max-height 0.4s 0.3s ease;
}

html body .popup.active {
    bottom: 5px;
}

html body .popup .close-form {
    position: absolute;
    width: 24px;
    height: 24px;
    right: 15px;
    top: 20px;
    cursor: pointer;
    z-index: 3;
}

html body .popup .close-form img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    position: absolute;
    inset: 0;
}

html body .popup .wpcf7-response-output {
    padding: 0.5rem 1rem;
    line-height: 1.2;
    color: #eee;
    margin-top: 2rem;
    margin-bottom: 0;
}

html body .popup.submited .wpcf7-response-output {
    display: none;
}

html body .popup .submit-col {
    position: relative;
}

html body .popup .submit-col::before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    inset: 0;
    margin: 0;
    z-index: 2;
}

html body .popup .submit-col button {
    margin-top: 1.8rem;
    padding: 0.9rem 3rem;
    font-size: 15px;
}

html body .popup .submit-col.disabled button {
    transition: color 0.4s 0s ease, background-color 0.4s 0s ease, opacity 0.4s 0s ease;
    font-weight: bold;
    font-family: "Helvetica", Arial, sans-serif;
    line-height: 1.4;
    display: inline-block;
    text-decoration: none;
    border-radius: 0;
    cursor: pointer;
    text-align: center;
    background: transparent;
    color: #ffffff !important;
    border: 2px solid #cc0000;
}

html body .popup .submit-col.disabled button:hover {
    background: #cc0000;
    color: #ececec !important;
}

html body .popup .submit-col:not(.disabled)::before {
    display: none;
}

html body .popup .submit-col:not(.disabled) button {
    transition: color 0.4s 0s ease, background-color 0.4s 0s ease, opacity 0.4s 0s ease;
    font-weight: bold;
    font-family: "Helvetica", Arial, sans-serif;
    line-height: 1.4;
    display: inline-block;
    text-decoration: none;
    border-radius: 0;
    cursor: pointer;
    text-align: center;
    background: #cc0000;
    color: #ffffff !important;
    border: 2px solid #cc0000;
}

html body .popup .submit-col:not(.disabled) button:hover {
    background: transparent;
    color: #000000 !important;
}

html body .popup .submit-col:not(.disabled) button:hover {
    color: #ffffff !important;
}

html body .popup .form-row {
    opacity: 1;
    transition: opacity 0.4s 0s ease;
}

html body .popup .form-row.disabled {
    opacity: 0;
}

html body .popup .ty-row {
    position: absolute;
    width: 100%;
    height: 100%;
    inset: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 2;
    opacity: 0;
    visibility: hidden;
    margin: 0;
}

html body .popup .ty-row p {
    max-width: 310px;
    text-align: left;
}

html body .popup .ty-row.active {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.4s 0s ease, visibility 0s 0s linear;
}

html body .popup .row h1,
html body .popup .row h2,
html body .popup .row h3,
html body .popup .row h4,
html body .popup .row h5,
html body .popup .row h6,
html body .popup .row p,
html body .popup .row span,
html body .popup .row label,
html body .popup .row div,
html body .popup .row ul,
html body .popup .row ol,
html body .popup .row li {
    color: #ffffff;
}

html body .popup .row h3 {
    font-size: 3rem;
    margin-bottom: 10px;
}

@media only screen and (max-width: 1199px) {
    html body .popup .row h3 {
        font-size: 2.4rem;
    }
}

html body .popup .row p {
    font-size: 1.8rem;
    margin-bottom: 3rem;
}

@media only screen and (max-width: 1199px) {
    html body .popup .row p {
        font-size: 1.6rem;
    }
}

html body .popup .row .wpcf7-not-valid-tip {
    color: red;
}

html body .popup .row .wpcf7-text {
    font-size: 15px;
    width: 100%;
    height: 51px;
    border: 0;
    background: transparent;
    padding: 5px 2rem;
}

@media only screen and (max-width: 1199px) {
    html body .popup .row .wpcf7-text {
        height: 46px;
    }
}

html body .before-footer .bf--video {
    width: 100% !important;
    bottom: 0 !important;
    padding: 0 !important;
    position: relative !important;
}

html body .before-footer .bf--video video {
    width: 100%;
    inset: 0 !important;
    object-fit: cover !important;
}

html body .before-footer .bf--content {
    max-width: none;
    width: 100%;
    background: #e4002b;
    opacity: 0.9;
    height: auto;
    margin-top: auto;
    position: absolute !important;
    bottom: 0;
}

@media only screen and (max-width: 767px) {
    html body .before-footer .bf--content {
        padding-top: 30px;
    }
}

html body .before-footer .bf--content .col-wrap {
    padding: 0 !important;
}

@media only screen and (max-width: 767px) {
    html body .before-footer .bf--content .col-wrap {
        max-width: none !important;
    }
}

html body .before-footer .bf--content .col-wrap h2 {
    text-align: center;
    font-size: 30px;
}

@media only screen and (max-width: 991px) {
    html body .before-footer .bf--content .col-wrap h2 {
        font-size: 2.2rem !important;
    }
}

@media only screen and (max-width: 767px) {
    html body .before-footer .bf--content .col-wrap h2 {
        font-size: 1.6rem !important;
    }
}

html body .before-footer .bf--content .col-wrap p {
    text-align: center;
    width: 100%;
    max-width: none !important;
}

@media only screen and (max-width: 767px) {
    html body .before-footer .bf--content .col-wrap p {
        margin-bottom: 30px;
    }
}

@media only screen and (max-width: 767px) {
    html body .before-footer .bf--content .col-wrap .btn {
        font-size: 1.6rem !important;
        max-width: 175px !important;
    }
}

html body .lity .lity-close {
    top: 20px;
    right: 20px;
    top: 6%;
    right: 6%;
    font-size: 0;
    width: 24px;
    height: 24px;
    background-image: url(../img/icons/close-form.svg);
    background-position: center;
    background-size: cover;
}

.page-template--sitemap-template h1 {
    text-align: center;
    margin-top: 150px;
    color: #000;
    font-size: 42px;
    font-weight: bold;
    display: block;
}

.page-template--sitemap-template h1::after {
    content: "";
    border-bottom: 4px solid #cc0000;
    width: 100%;
    display: block;
    max-width: 68px;
    margin: 1rem auto 0;
}

.page-template--sitemap-template .megalist {
    padding: 0 2.4rem 1.8rem 2.4rem;
    margin: 0;
    border-top: 2px solid #cc0000;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    list-style: none;
    margin-top: 2.75rem;
}

.page-template--sitemap-template .megalist .title {
    font-size: 21px;
    font-weight: bold;
    border-bottom: 1px solid #e6e6e6;
    width: 100%;
    display: block;
    padding: 1.25rem 0;
}

.page-template--sitemap-template .megalist li {
    margin-bottom: 1.3rem;
    color: #000;
    font-size: 14px;
    font-weight: 400;
}

.page-template--sitemap-template .megalist li a {
    color: #000;
}

.page-template--sitemap-template .sitemap-section {
    padding-bottom: 120px;
}

@media only screen and (max-width: 991px) {
    html body .blog-page .section .wrap {
        max-height: initial !important;
        height: auto !important;
    }
}

html body .blog-page .section .wrap,
html body .blog-page .section .wrap .section--background {
    max-height: 965px;
    height: 965px;
}

@media only screen and (max-width: 991px) {
    html body .blog-page .section .wrap,
    html body .blog-page .section .wrap .section--background {
        max-height: 865px;
    }
}

@media only screen and (max-width: 767px) {
    html body .blog-page .section .wrap,
    html body .blog-page .section .wrap .section--background {
        max-height: 560px;
    }
}

html body .blog-page .section .wrap .section--background_image figure img,
html body .blog-page .section .wrap .section--background .section--background_image figure img {
    object-position: center 70px;
}

html body .blog-page .section .wrap .section--content {
    height: 100%;
}

@media only screen and (max-width: 991px) {
    html body .blog-page .section .wrap .section--content {
        height: 76%;
    }
}

@media only screen and (max-width: 767px) {
    html body .blog-page .section .wrap .section--content {
        height: 76%;
        max-height: 560px;
        align-items: flex-end;
        padding-bottom: 35px;
    }
}

@media only screen and (max-width: 575px) {
    html body .blog-page .section .wrap .section--content .section--content_wrap>.container {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: flex-end;
    }
}

html body .blog-page .section .wrap .section--content .section--content_wrap .btn.mimic-button {
    margin-top: 3rem;
    margin-bottom: 5.5rem;
}

@media only screen and (max-width: 1399px) {
    html body .blog-page .section .wrap .section--content .section--content_wrap .btn.mimic-button {
        margin-bottom: 7rem;
    }
}

@media only screen and (max-width: 767px) {
    html body .blog-page .section .wrap .section--content .section--content_wrap .btn.mimic-button {
        margin-bottom: 4rem;
    }
}

@media only screen and (max-width: 575px) {
    html body .blog-page .section .wrap .section--content .section--content_wrap .btn.mimic-button {
        margin-bottom: 2rem;
        margin-top: 1rem;
    }
}

html body .blog-page .section .wrap .section--posts-menu {
    position: absolute;
    bottom: 0;
    right: 0;
    width: calc(100%);
    height: auto;
    z-index: 2;
    padding-left: 25px;
    background: #e0e0e0;
    max-width: calc(((100vw - 1131px) / 2) + 1131px);
    padding: 60px 0px calc(40px - 15px) 40px;
}

@media only screen and (max-width: 1199px) {
    html body .blog-page .section .wrap .section--posts-menu {
        max-width: calc(((100vw - 960px) / 2) + 960px);
    }
}

@media only screen and (max-width: 991px) {
    html body .blog-page .section .wrap .section--posts-menu {
        max-width: calc(((100vw - 720px) / 2) + 720px);
    }
}

@media only screen and (max-width: 1199px) {
    html body .blog-page .section .wrap .section--posts-menu {
        padding: 30px 0 10px 30px;
    }
}

@media only screen and (max-width: 991px) {
    html body .blog-page .section .wrap .section--posts-menu {
        position: relative;
        width: 100%;
        max-width: 100%;
        padding-bottom: 30px;
    }
}

@media only screen and (max-width: 510px) {
    html body .blog-page .section .wrap .section--posts-menu {
        padding-bottom: 15px;
    }
}

html body .blog-page .section .wrap .section--posts-menu h1,
html body .blog-page .section .wrap .section--posts-menu h2,
html body .blog-page .section .wrap .section--posts-menu h3,
html body .blog-page .section .wrap .section--posts-menu h4,
html body .blog-page .section .wrap .section--posts-menu h5,
html body .blog-page .section .wrap .section--posts-menu h6,
html body .blog-page .section .wrap .section--posts-menu p,
html body .blog-page .section .wrap .section--posts-menu span,
html body .blog-page .section .wrap .section--posts-menu label,
html body .blog-page .section .wrap .section--posts-menu div,
html body .blog-page .section .wrap .section--posts-menu ul,
html body .blog-page .section .wrap .section--posts-menu ol,
html body .blog-page .section .wrap .section--posts-menu li {
    color: #000000;
}

html body .blog-page .section .wrap .section--posts-menu .section--posts__title {
    display: flex;
    justify-content: space-between;
}

html body .blog-page .section .wrap .section--posts-menu .section--posts__title h4 {
    font-size: 20px;
    text-transform: uppercase;
    font-weight: bold;
    margin-right: 15px;
}

@media only screen and (max-width: 767px) {
    html body .blog-page .section .wrap .section--posts-menu .section--posts__title h4 {
        font-size: 13px;
        margin-right: 70px;
        min-width: 115px;
    }
}

html body .blog-page .section .wrap .section--posts-menu .section--posts__title img {
    width: 100%;
    max-width: 637px;
}

@media only screen and (max-width: 1199px) {
    html body .blog-page .section .wrap .section--posts-menu .section--posts__title img {
        max-width: 530px;
    }
}

@media only screen and (max-width: 991px) {
    html body .blog-page .section .wrap .section--posts-menu .section--posts__title img {
        max-width: 400px;
    }
}

@media only screen and (max-width: 767px) {
    html body .blog-page .section .wrap .section--posts-menu .section--posts__title img {
        max-width: 350px;
        top: -2px;
        position: relative;
    }
}

html body .blog-page .section .wrap .section--posts-menu .section--posts__all {
    margin: 2rem 0 0.8rem;
}

@media only screen and (max-width: 767px) {
    html body .blog-page .section .wrap .section--posts-menu .section--posts__all {
        margin-bottom: 0;
    }
}

@media only screen and (max-width: 767px) {
    html body .blog-page .section .wrap .section--posts-menu .section--posts__post-types {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        padding-right: 30px;
    }
}

html body .blog-page .section .wrap .section--posts-menu .section--posts__post-types .blog--posts-navigation__link:not(:last-of-type) {
    margin-right: 30px;
}

html body .blog-page .section .wrap .section--posts-menu .blog--posts-navigation__link {
    display: inline-flex;
    align-items: flex-start;
    position: relative;
    z-index: 1;
    margin-bottom: 15px;
}

html body .blog-page .section .wrap .section--posts-menu .blog--posts-navigation__link .link-text,
html body .blog-page .section .wrap .section--posts-menu .blog--posts-navigation__link .link-posts-qty {
    transition: opacity 0.2s 0s ease;
    opacity: 0.25;
}

html body .blog-page .section .wrap .section--posts-menu .blog--posts-navigation__link.active .link-text,
html body .blog-page .section .wrap .section--posts-menu .blog--posts-navigation__link.active .link-posts-qty {
    opacity: 1;
}

html body .blog-page .section .wrap .section--posts-menu .blog--posts-navigation__link .link-text {
    font-size: 25px;
    font-weight: bold;
}

@media only screen and (max-width: 767px) {
    html body .blog-page .section .wrap .section--posts-menu .blog--posts-navigation__link .link-text {
        font-size: 18px;
    }
}

html body .blog-page .section .wrap .section--posts-menu .blog--posts-navigation__link .link-posts-qty {
    font-size: 15px;
    font-weight: bold;
}

@media only screen and (max-width: 767px) {
    html body .blog-page .section .wrap .section--posts-menu .blog--posts-navigation__link .link-posts-qty {
        font-size: 12px;
    }
}

@media only screen and (max-width: 767px) {
    html body .blog-page .section .wrap .section--posts-menu .blog--posts-navigation__link {
        margin-bottom: 15px;
        width: 50%;
        margin-right: 0 !important;
    }
}

@media only screen and (max-width: 510px) {
    html body .blog-page .section .wrap .section--posts-menu .blog--posts-navigation__link {
        width: 100%;
    }
}

html body .blog-page .blog-post-results {
    padding: 81px 0 0px;
    margin-left: -15px;
    margin-right: -15px;
    position: relative;
}

html body .blog-page .blog-post-results::before {
    content: "";
    display: block;
    position: absolute;
    top: 60px;
    left: 50%;
    transform: translateX(-50%);
    width: 45px;
    height: 45px;
    background-image: url("../../../loader.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    opacity: 0;
    transition: opacity 0.4s 0s ease;
}

html body .blog-page .blog-post-results .col a {
    display: block;
    position: relative;
    opacity: 1;
    visibility: visible;
    transition: opacity 0.3s 0s ease, visibility 0s 0s ease;
}

@media only screen and (max-width: 767px) {
    html body .blog-page .blog-post-results {
        padding-top: 20px;
    }
}

html body .blog-page .blog-post-results.loading::before {
    opacity: 1;
    transition: opacity 0.4s 0.2s ease;
}

html body .blog-page .blog-post-results.loading .col a {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s 0s ease, visibility 0s 0.3s ease;
}

html body .blog-page .blog-post--element {
    margin-bottom: 5.75rem;
    padding: 0px 10px;
}

@media only screen and (max-width: 767px) {
    html body .blog-page .blog-post--element {
        margin-bottom: 3.2rem;
    }
}

html body .blog-page .blog-post--element .blog-post--element__thumbnail figure {
    margin-bottom: 1rem;
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 70%;
}

@media only screen and (max-width: 767px) {
    html body .blog-page .blog-post--element .blog-post--element__thumbnail figure {
        margin-bottom: 0.5rem;
    }
}

html body .blog-page .blog-post--element .blog-post--element__thumbnail figure img {
    position: absolute;
    width: 100%;
    height: 100%;
    inset: 0;
    margin: 0;
    border: 1px solid #707070;
    object-fit: cover;
    object-position: center;
}

html body .blog-page .blog-post--element .blog-post--element__date {
    font-size: 17px;
    color: #000000;
    padding: 1.5rem 0 1.5rem;
}

@media only screen and (max-width: 767px) {
    html body .blog-page .blog-post--element .blog-post--element__date {
        font-size: 13px;
        padding: 1rem 0 1rem;
    }
}

html body .blog-page .blog-post--element .blog-post--element__title h3 {
    font-size: 22px;
    line-height: 1.6;
    letter-spacing: 1px;
    color: #000000;
}

@media only screen and (max-width: 767px) {
    html body .blog-page .blog-post--element .blog-post--element__title h3 {
        font-size: 16px;
    }
}

html body.single .single-content {
    background: #f5f5f5;
}

html body.single .single-content .container {
    margin-top: calc(46px + 39px);
    padding-top: 70px;
}

@media only screen and (max-width: 767px) {
    html body.single .single-content .container {
        padding-top: 0;
    }
}

@media only screen and (max-width: 575px) {
    html body.single .single-content .container {
        padding: 0;
    }
}

html body.single .single-content .container>.row {
    margin: 0;
}

html body.single .single-content .container>.row .single--banner {
    padding: 0;
}

html body.single .single--banner {
    width: 100%;
    display: block;
    position: relative;
}

html body.single .single--banner .single--banner__wrap {
    width: 100%;
    height: 500px;
    max-height: 500px;
    position: relative;
}

html body.single .single--banner .single--banner__wrap.extra-height {
    height: 560px;
    max-height: 560px;
}

@media only screen and (max-width: 991px) {
    html body.single .single--banner .single--banner__wrap.extra-height {
        height: calc(560px - 142.5px);
        max-height: calc(560px - 142.5px);
    }
}

@media only screen and (max-width: 767px) {
    html body.single .single--banner .single--banner__wrap.extra-height {
        height: 275px;
        max-height: 275px;
    }
}

html body.single .single--banner .single--banner__wrap:not(.extra-height) {
    height: 500px;
    max-height: 500px;
}

@media only screen and (max-width: 991px) {
    html body.single .single--banner .single--banner__wrap:not(.extra-height) {
        height: calc(500px - 112.5px);
        max-height: calc(500px - 112.5px);
    }
}

@media only screen and (max-width: 767px) {
    html body.single .single--banner .single--banner__wrap:not(.extra-height) {
        height: 275px;
        max-height: 275px;
    }
}

html body.single .single--banner .single--banner__wrap .single--banner__overlay-container {
    position: absolute;
    width: 100%;
    height: 100%;
    inset: 0;
    margin: 0;
    z-index: 2;
}

html body.single .single--banner .single--banner__wrap .single--banner__overlay-container .single--banner__overlay-item {
    position: absolute;
    width: 100%;
    height: 100%;
    inset: 0;
    margin: 0;
    background: black;
    background: linear-gradient(0deg, black 0%, rgba(0, 212, 255, 0) 100%);
}

html body.single .single--banner .single--banner__wrap .single--banner__image-container {
    position: absolute;
    width: 100%;
    height: 100%;
    inset: 0;
    margin: 0;
    z-index: 1;
}

html body.single .single--banner .single--banner__wrap .single--banner__image-container figure {
    margin: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    inset: 0;
    margin: 0;
}

html body.single .single--banner .single--banner__wrap .single--banner__image-container figure img {
    position: absolute;
    width: 100%;
    height: 100%;
    inset: 0;
    margin: 0;
    object-fit: cover;
    object-position: center;
}

html body.single .single--banner .single--banner__wrap .single--banner__content-container {
    position: absolute;
    z-index: 3;
    text-align: center;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding: 50px 20px 43px;
}

html body.single .single--banner .single--banner__wrap .single--banner__content-container h1,
html body.single .single--banner .single--banner__wrap .single--banner__content-container h2,
html body.single .single--banner .single--banner__wrap .single--banner__content-container h3,
html body.single .single--banner .single--banner__wrap .single--banner__content-container h4,
html body.single .single--banner .single--banner__wrap .single--banner__content-container h5,
html body.single .single--banner .single--banner__wrap .single--banner__content-container h6,
html body.single .single--banner .single--banner__wrap .single--banner__content-container p,
html body.single .single--banner .single--banner__wrap .single--banner__content-container span,
html body.single .single--banner .single--banner__wrap .single--banner__content-container label,
html body.single .single--banner .single--banner__wrap .single--banner__content-container div,
html body.single .single--banner .single--banner__wrap .single--banner__content-container ul,
html body.single .single--banner .single--banner__wrap .single--banner__content-container ol,
html body.single .single--banner .single--banner__wrap .single--banner__content-container li {
    color: #ffffff;
}

html body.single .single--banner .single--banner__wrap .single--banner__content-container h1,
html body.single .single--banner .single--banner__wrap .single--banner__content-container .h1,
html body.single .single--banner .single--banner__wrap .single--banner__content-container h2,
html body.single .single--banner .single--banner__wrap .single--banner__content-container .h2 {
    font-size: 7.9rem;
}

@media only screen and (max-width: 1199px) {
    html body.single .single--banner .single--banner__wrap .single--banner__content-container h1,
    html body.single .single--banner .single--banner__wrap .single--banner__content-container .h1,
    html body.single .single--banner .single--banner__wrap .single--banner__content-container h2,
    html body.single .single--banner .single--banner__wrap .single--banner__content-container .h2 {
        font-size: 5.6rem;
    }
}

@media only screen and (max-width: 767px) {
    html body.single .single--banner .single--banner__wrap .single--banner__content-container h1,
    html body.single .single--banner .single--banner__wrap .single--banner__content-container .h1,
    html body.single .single--banner .single--banner__wrap .single--banner__content-container h2,
    html body.single .single--banner .single--banner__wrap .single--banner__content-container .h2 {
        font-size: 3.6rem;
    }
}

html body.single .single--main {
    overflow: hidden;
}

html body.single .single--main h1,
html body.single .single--main h2,
html body.single .single--main h3,
html body.single .single--main h4,
html body.single .single--main h5,
html body.single .single--main h6,
html body.single .single--main p,
html body.single .single--main span,
html body.single .single--main label,
html body.single .single--main div,
html body.single .single--main ul,
html body.single .single--main ol,
html body.single .single--main li {
    color: #000000;
}

html body.single .single--main .single--main__title h1 {
    font-size: 3rem;
    font-weight: bold;
    margin-top: 26px;
    display: block;
    margin-bottom: 1rem;
}

@media only screen and (max-width: 767px) {
    html body.single .single--main .single--main__title h1 {
        font-size: 2.2rem;
    }
}

html body.single .single--main .single--main__content-wrap p {
    font-size: 2rem;
    letter-spacing: 0.4px;
    margin-bottom: 30px;
}

@media only screen and (max-width: 767px) {
    html body.single .single--main .single--main__content-wrap p {
        font-size: 1.6rem;
    }
}

html body.single .single--content,
html body.single .single--main {
    padding: 0 80px;
    background: #ffffff;
}

@media only screen and (max-width: 1199px) {
    html body.single .single--content,
    html body.single .single--main {
        padding: 0 60px;
    }
}

@media only screen and (max-width: 991px) {
    html body.single .single--content,
    html body.single .single--main {
        padding: 0 40px;
    }
}

@media only screen and (max-width: 767px) {
    html body.single .single--content,
    html body.single .single--main {
        padding: 0 25px;
    }
}

html body.single .single--content {
    padding-bottom: 30px;
    min-height: 400px;
}

html body.single .single--content>.col-wrap p {
    color: #000000;
    font-size: 1.8rem;
    line-height: 1.5;
    margin-bottom: 1.2rem;
}

html body.single .single--content>.col-wrap .wp-block-columns {
    margin-bottom: 0.5rem;
    margin-top: 2rem;
}

@media only screen and (max-width: 767px) {
    html body.single .single--content>.col-wrap .wp-block-columns {
        justify-content: center;
    }
    html body.single .single--content>.col-wrap .wp-block-columns .wp-block-gallery .blocks-gallery-grid li {
        margin-bottom: 2em;
    }
}

html body.single .single--content>.col-wrap .wp-block-columns .wp-block-gallery {
    margin: 0;
}

@media only screen and (max-width: 599px) {
    html body.single .single--content>.col-wrap .wp-block-gallery ul.blocks-gallery-grid {
        margin-left: auto;
        margin-right: auto;
        width: 100%;
    }
    html body.single .single--content>.col-wrap .wp-block-gallery ul.blocks-gallery-grid li {
        margin-bottom: 12px !important;
    }
    html body.single .single--content>.col-wrap .wp-block-gallery ul.blocks-gallery-grid li figure {
        width: 100%;
        height: 0;
        padding-top: 60%;
        position: relative;
    }
    html body.single .single--content>.col-wrap .wp-block-gallery ul.blocks-gallery-grid li figure img {
        position: absolute;
        width: 100%;
        height: 100%;
        inset: 0;
        margin: 0;
        object-fit: cover;
        object-position: center;
    }
}

html body.single .single--content>.col-wrap h4 {
    position: relative;
    display: inline-block;
    font-size: 2rem;
    color: #000000;
    padding-left: 25px;
    margin-bottom: 1.4rem;
    margin-top: 0.5rem;
    font-weight: bold;
    line-height: 1.22;
}

@media only screen and (max-width: 767px) {
    html body.single .single--content>.col-wrap h4 {
        font-size: 1.8rem;
    }
}

html body.single .single--content>.col-wrap h4::before {
    content: "";
    display: block;
    position: absolute;
    width: 19px;
    height: 20px;
    left: 0;
    top: 2px;
    background-image: url(https://www.hitachifusion.com/wp-content/themes/fusion-for-industry/img/icons/title-figure.png);
    background-position: center;
    background-size: contain;
    z-index: 1;
}

@media only screen and (max-width: 767px) {
    html body.single .single--content>.col-wrap h4::before {
        width: 18px;
        top: 1px;
    }
}

html body.single .single--content>.col-wrap .grid-gallery {
    margin: 2.2rem 0 2rem;
}

html body.single .single--content>.col-wrap .grid-gallery .wp-block-column:nth-child(1) .wp-block-image {
    margin: 0;
    width: 100%;
    display: block;
    position: relative;
}

html body.single .single--content>.col-wrap .grid-gallery .wp-block-column:nth-child(1) .wp-block-image img {
    width: 100%;
    height: auto;
}

html body.single .single--content>.col-wrap .grid-gallery .wp-block-column:nth-child(2) {
    margin-left: 1.75rem;
    display: flex;
    flex-direction: column;
}

html body.single .single--content>.col-wrap .grid-gallery .wp-block-column:nth-child(2) .wp-block-image {
    margin: 0;
    height: 50%;
    width: 100%;
    position: relative;
}

html body.single .single--content>.col-wrap .grid-gallery .wp-block-column:nth-child(2) .wp-block-image:not(:last-of-type) {
    margin-bottom: 1.75rem;
}

html body.single .single--content>.col-wrap .grid-gallery .wp-block-column:nth-child(2) .wp-block-image img {
    position: absolute;
    width: 100%;
    height: 100%;
    inset: 0;
    margin: 0;
    object-fit: cover;
    object-position: center;
}

html body.single .single--content>.col-wrap .grid-logos {
    margin: 3.5rem 0 2rem;
}

@media only screen and (max-width: 991px) {
    html body.single .single--content>.col-wrap .grid-logos {
        margin: 3rem 0 2rem;
    }
}

@media only screen and (max-width: 767px) {
    html body.single .single--content>.col-wrap .grid-logos {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
    }
    html body.single .single--content>.col-wrap .grid-logos .wp-block-column {
        width: 100%;
        margin: 0 auto;
        display: block;
        padding: 0 2rem;
        max-width: 300px;
        margin-bottom: 1rem;
    }
}

@media only screen and (max-width: 575px) {
    html body.single .single--content>.col-wrap .grid-logos {
        margin: 1.5rem 0 0rem;
    }
}

html body.single .single--content>.col-wrap .wp-block-image.alignfull {
    width: calc(100% + 80px + 80px);
    margin-left: -80px;
    margin-top: 4rem;
    margin-bottom: 4rem;
}

@media only screen and (max-width: 1199px) {
    html body.single .single--content>.col-wrap .wp-block-image.alignfull {
        width: calc(100% + 60px + 60px);
        margin-left: -60px;
    }
}

@media only screen and (max-width: 991px) {
    html body.single .single--content>.col-wrap .wp-block-image.alignfull {
        width: calc(100% + 40px + 40px);
        margin-left: -40px;
        margin-top: 3rem;
        margin-bottom: 3rem;
    }
}

@media only screen and (max-width: 767px) {
    html body.single .single--content>.col-wrap .wp-block-image.alignfull {
        width: calc(100% + 25px + 25px);
        margin-left: -25px;
        margin-top: 1.5rem;
        margin-bottom: 1.5rem;
    }
}

html body.single .single--content>.col-wrap .wp-block-image .figcaption {
    color: #000;
    text-align: center;
    font-size: 1.5rem;
    margin: 0 1rem;
    padding: 0 10px;
}

html body.single .single--content>.col-wrap .wp-block-image img {
    height: auto;
}

@media only screen and (max-width: 575px) {
    html body.single .single--content>.col-wrap .wp-block-image figure {
        width: 100%;
        height: 0;
        padding-top: 60%;
        position: relative;
    }
    html body.single .single--content>.col-wrap .wp-block-image figure img {
        position: absolute;
        width: 100%;
        height: 100%;
        inset: 0;
        margin: 0;
        object-fit: cover;
        object-position: center;
    }
}

html body.single .single--content>.col-wrap .wp-block-embed {
    width: 100%;
    display: block;
    margin-top: 2.6rem;
}

html body.single .single--content>.col-wrap .wp-block-embed .wp-block-embed__wrapper {
    width: 100%;
    display: block;
    height: 0;
    padding-top: 56.1%;
    position: relative;
}

html body.single .single--content>.col-wrap .wp-block-embed .wp-block-embed__wrapper iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    inset: 0;
}

html body.single .single--content>.col-wrap blockquote {
    background: #f7f7f7;
    text-align: center;
    padding: 11rem 3rem 5.5rem;
    margin: 85px 0 40px;
    position: relative;
}

@media only screen and (max-width: 767px) {
    html body.single .single--content>.col-wrap blockquote {
        padding: 7rem 3rem 4rem;
        margin: 50px 0 15px;
    }
}

html body.single .single--content>.col-wrap blockquote::before {
    content: "";
    display: block;
    position: absolute;
    width: 106px;
    height: 120px;
    left: 78px;
    top: -40px;
    background-image: url(https://www.hitachifusion.com/wp-content/themes/fusion-for-industry/img/icons/blockquote-icon.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 1;
    mix-blend-mode: multiply;
}

@media only screen and (max-width: 767px) {
    html body.single .single--content>.col-wrap blockquote::before {
        width: 72px;
        height: 82px;
        top: -26px;
        left: 45px;
    }
}

html body.single .single--content>.col-wrap blockquote p {
    font-size: 3rem;
    line-height: 1.34;
    font-weight: bold;
    max-width: 735px;
    text-align: left;
    margin: 0 auto;
    margin-bottom: 55px;
}

@media only screen and (max-width: 1199px) {
    html body.single .single--content>.col-wrap blockquote p {
        max-width: 630px;
    }
}

@media only screen and (max-width: 991px) {
    html body.single .single--content>.col-wrap blockquote p {
        max-width: 530px;
        font-size: 2.25rem;
    }
}

@media only screen and (max-width: 767px) {
    html body.single .single--content>.col-wrap blockquote p {
        font-size: 1.5rem;
        max-width: 280px;
    }
}

html body.single .single--content>.col-wrap blockquote cite {
    color: #a7a9ac;
    font-weight: bold;
    font-style: initial;
    font-size: 1.3rem;
    letter-spacing: 0.2px;
}

@media only screen and (max-width: 767px) {
    html body.single .single--content>.col-wrap blockquote cite {
        font-size: 1.2rem;
    }
}

html body.single .single--content>.col-wrap blockquote cite strong,
html body.single .single--content>.col-wrap blockquote cite b {
    color: #414042;
    font-weight: bold;
    font-style: initial;
    font-size: 2.4rem;
    letter-spacing: 1px;
    display: block;
    margin-bottom: 0;
    line-height: 1;
}

@media only screen and (max-width: 767px) {
    html body.single .single--content>.col-wrap blockquote cite strong,
    html body.single .single--content>.col-wrap blockquote cite b {
        font-size: 1.8rem;
    }
}

html body.single .single--content>.col-wrap blockquote cite br {
    display: none;
}

html body.single .single--prev-next {
    width: 100%;
    display: block;
    background: #dedede;
    padding: 45px 80px 40px;
}

@media only screen and (max-width: 767px) {
    html body.single .single--prev-next {
        padding: 35px;
    }
}

@media only screen and (max-width: 575px) {
    html body.single .single--prev-next {
        padding: 20px 25px 60px;
    }
}

html body.single .single--prev-next>.col-wrap {
    display: flex;
    width: 100%;
    justify-content: space-between;
}

@media only screen and (max-width: 991px) {
    html body.single .single--prev-next>.col-wrap {
        flex-direction: column;
    }
}

html body.single .single--prev-next .nav-post .nav-action-name {
    font-size: 12px;
    text-transform: uppercase;
    margin-bottom: 12px;
    letter-spacing: 1px;
    color: #646464;
    font-weight: bold;
}

html body.single .single--prev-next .nav-post .nav-title {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: row;
}

html body.single .single--prev-next .nav-post .nav-title figure {
    width: 85px;
    height: 85px;
    min-width: 85px;
    position: relative;
    margin: 0;
}

html body.single .single--prev-next .nav-post .nav-title figure img {
    position: absolute;
    width: 100%;
    height: 100%;
    inset: 0;
    margin: 0;
    object-fit: cover;
    object-position: center;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}

html body.single .single--prev-next .nav-post .nav-title h4 {
    margin: 0;
    max-width: 250px;
    margin-left: 20px;
    display: flex;
    align-items: flex-start;
}

html body.single .single--prev-next .nav-post .nav-title h4 {
    position: relative;
    line-height: 1.4;
    color: #000000;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    font-weight: bold;
}

@media only screen and (min-width: 992px) {
    html body.single .single--prev-next .nav-post.nav-next {
        margin-left: auto;
    }
    html body.single .single--prev-next .nav-post.nav-next .nav-action-name {
        text-align: right;
    }
    html body.single .single--prev-next .nav-post.nav-next .nav-title {
        flex-direction: row-reverse;
    }
    html body.single .single--prev-next .nav-post.nav-next .nav-title h4 {
        text-align: right;
        margin-left: 0;
        margin-right: 20px;
    }
    html body.single .single--prev-next .nav-post.nav-next .nav-arrow {
        text-align: right;
    }
}

@media only screen and (max-width: 991px) {
    html body.single .single--prev-next .nav-post.nav-previous {
        margin-bottom: 50px;
    }
}

html body.single .single--main__date {
    display: flex;
    justify-content: space-between;
}

html body.single .single--main__date .single--main__date-container {
    display: flex;
    font-size: 1.7rem;
    align-items: center;
    margin-right: 4rem;
    min-width: 256px;
}

@media only screen and (max-width: 575px) {
    html body.single .single--main__date .single--main__date-container {
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 1rem;
        min-width: 160px;
        margin-right: 2rem;
    }
    html body.single .single--main__date .single--main__date-container .fusion-wrap {
        margin-left: 0 !important;
        margin-top: 5px;
    }
}

html body.single .single--main__date .single--main__date-container .fusion-wrap {
    margin-left: 17px;
}

html body.single .single--main__date figure {
    margin-left: auto;
    margin-right: -80px;
}

@media only screen and (max-width: 767px) {
    html body.single .single--main__date figure {
        min-width: 290px;
        position: relative;
        top: -2px;
    }
}

@media only screen and (max-width: 767px) {
    html body.home .section .wrap .section--content .section--content_wrap p {
        max-width: 400px;
        margin-left: auto;
        margin-right: auto;
        text-align: left !important;
    }
}

@media only screen and (max-width: 767px) {
    html body .section .wrap .section--content .section--content_wrap p .btn {
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-top: 30px;
    }
}

@media only screen and (max-width: 767px) and (max-height: 650px) {
    html body .section .wrap .section--content .section--content_wrap p .btn {
        margin-top: 10px;
    }
}

@media only screen and (max-width: 767px) and (max-height: 550px) {
    html body .section .wrap .section--content .section--content_wrap p .btn {
        margin-top: 0px;
    }
}

html body .section:not(.section-1) .wrap .section--content .section--content_wrap p {
    max-width: 528px;
}

html body .section.content-section .wrap .section--background,
html body .section.content-section .wrap .section--content {
    transition: height 0.65s 0s ease, padding 0.65s 0s ease !important;
}

@media only screen and (max-width: 767px) {
    html body .section.content-section .wrap .section--content {
        padding-top: calc(8.5vh * 3);
    }
}

@media only screen and (max-height: 600px) {
    html body .section.content-section .wrap .section--content {
        padding-top: calc(5.75vh * 3);
    }
}

html body .section::before {
    content: "";
    position: absolute;
    display: block;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s 0.2s ease, visibility 0s 0.5s linear;
    width: 40px;
    height: 40px;
    left: 50%;
    bottom: 30px;
    transform: translateX(-50%);
    background-image: url(../img/icons/close_btn_fullpage-section.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 2;
}

html body .section .nothing-to-display-message {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

html body .section.expanded::before {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.4s 0.8s ease, visibility 0s 0.8s linear;
}

html body .section.expanded .wrap .section--background,
html body .section.expanded .wrap .section--content {
    height: 50vh !important;
    padding-top: 0 !important;
    min-height: 475px;
}

@media only screen and (max-width: 1199px) {
    html body .section.expanded .wrap .section--background,
    html body .section.expanded .wrap .section--content {
        height: 60vh !important;
    }
}

@media only screen and (max-width: 767px) {
    html body .section.expanded .wrap .section--background,
    html body .section.expanded .wrap .section--content {
        height: 65vh !important;
    }
}

html body .section.expanded .wrap .section--background h1,
html body .section.expanded .wrap .section--background .h1,
html body .section.expanded .wrap .section--content h1,
html body .section.expanded .wrap .section--content .h1 {
    transition: margin 0.65s 0s ease;
    margin-bottom: 1rem !important;
}

html body .section.expanded .wrap .section--background .btn.mimic-button,
html body .section.expanded .wrap .section--content .btn.mimic-button {
    transition: all 0.65s 0s ease;
    margin: 0;
    padding-top: 0;
    padding-bottom: 0;
    border: 0;
    max-height: 0;
}

html body .section .wrap {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}

html body .section .wrap .section--background {
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 1;
}

html body .section .wrap .section--background .section--background_overlay-mobile {
    position: absolute;
    width: 100%;
    height: 100%;
    inset: 0;
    margin: 0;
    display: none;
    z-index: 3;
}

@media only screen and (max-width: 767px) {
    html body .section .wrap .section--background .section--background_overlay-mobile {
        display: block;
    }
}

html body .section .wrap .section--background .section--background_overlay-mobile .section--background_overlay-item {
    position: absolute;
    width: 100%;
    height: 100%;
    inset: 0;
    margin: 0;
}

html body .section .wrap .section--background .section--background_overlay-mobile .section--background_overlay-item.btt {
    background: black;
    background: linear-gradient(0deg, black 0%, rgba(0, 0, 0, 0) 100%);
}

html body .section .wrap .section--background .section--background_overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    inset: 0;
    margin: 0;
    z-index: 4;
}

@media only screen and (max-width: 767px) {
    html body .section .wrap .section--background .section--background_overlay {
        display: none;
    }
}

html body .section .wrap .section--background .section--background_overlay .section--background_overlay-item {
    position: absolute;
    width: 100%;
    height: 100%;
    inset: 0;
    margin: 0;
}

html body .section .wrap .section--background .section--background_overlay .section--background_overlay-item.btt {
    background: black;
    background: linear-gradient(0deg, black 0%, rgba(0, 0, 0, 0) 100%);
}

html body .section .wrap .section--background .section--background_overlay .section--background_overlay-item.ltr {
    background: black;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.53125) 0%, rgba(0, 0, 0, 0) 100%);
}

html body .section .wrap .section--background .section--background_overlay .section--background_overlay-item.rtl {
    background: black;
    background: linear-gradient(270deg, rgba(0, 0, 0, 0.53125) 0%, rgba(0, 0, 0, 0) 100%);
}

html body .section .wrap .section--background .section--background_overlay .section--background_overlay-item.full {
    background: rgba(0, 0, 0, 0.4);
}

html body .section .wrap .section--background .section--background_image {
    position: absolute;
    width: 100%;
    height: 100%;
    inset: 0;
    margin: 0;
    z-index: 1;
}

html body .section .wrap .section--background .section--background_image figure {
    position: absolute;
    width: 100%;
    height: 100%;
    inset: 0;
    margin: 0;
    z-index: 1;
}

html body .section .wrap .section--background .section--background_image figure img {
    position: absolute;
    width: 100%;
    height: 100%;
    inset: 0;
    margin: 0;
    display: block;
    object-fit: cover;
    object-position: center;
}

html body .section .wrap .section--background .section--background_image-desktop {
    display: block;
}

@media only screen and (max-width: 767px) {
    html body .section .wrap .section--background .section--background_image-desktop {
        display: none;
    }
}

html body .section .wrap .section--background .section--background_image-mobile {
    display: none;
}

@media only screen and (max-width: 767px) {
    html body .section .wrap .section--background .section--background_image-mobile {
        display: block;
    }
}

html body .section .wrap .section--background .section--background_video {
    position: absolute;
    width: 100%;
    height: 100%;
    inset: 0;
    margin: 0;
    z-index: 2;
}

html body .section .wrap .section--background .section--background_video video {
    position: absolute;
    width: 100%;
    height: 100%;
    inset: 0;
    margin: 0;
    object-fit: cover;
    object-position: center;
}

html body .section .wrap .section--content {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    inset: 0;
    position: absolute;
    padding-top: 46px;
    z-index: 2;
    transition: padding 0.4s 0s ease;
}

html body .section .wrap .section--content .section--content_wrap {
    width: 100%;
    display: block;
}

@media only screen and (max-width: 767px) {
    html body .section .wrap .section--content .section--content_wrap p,
    html body .section .wrap .section--content .section--content_wrap h1,
    html body .section .wrap .section--content .section--content_wrap .btn,
    html body .section .wrap .section--content .section--content_wrap .container {
        text-align: center;
    }
}

html body .section .wrap .section--content .section--content_wrap h1,
html body .section .wrap .section--content .section--content_wrap h2,
html body .section .wrap .section--content .section--content_wrap h3,
html body .section .wrap .section--content .section--content_wrap h4,
html body .section .wrap .section--content .section--content_wrap h5,
html body .section .wrap .section--content .section--content_wrap h6,
html body .section .wrap .section--content .section--content_wrap p,
html body .section .wrap .section--content .section--content_wrap span,
html body .section .wrap .section--content .section--content_wrap label,
html body .section .wrap .section--content .section--content_wrap div,
html body .section .wrap .section--content .section--content_wrap ul,
html body .section .wrap .section--content .section--content_wrap ol,
html body .section .wrap .section--content .section--content_wrap li {
    color: #fff;
}

html body .section .wrap .section--content .section--content_wrap p,
html body .section .wrap .section--content .section--content_wrap span,
html body .section .wrap .section--content .section--content_wrap label,
html body .section .wrap .section--content .section--content_wrap div {
    font-family: "Open Sans", Arial, sans-serif;
}

html body .section .wrap .section--content .section--content_wrap h1,
html body .section .wrap .section--content .section--content_wrap h2,
html body .section .wrap .section--content .section--content_wrap h3,
html body .section .wrap .section--content .section--content_wrap h4,
html body .section .wrap .section--content .section--content_wrap h5,
html body .section .wrap .section--content .section--content_wrap h6 {
    font-family: "Helvetica", Arial, sans-serif;
    line-height: 1.1;
}

html body .section .wrap .section--content .section--content_wrap h2.h1 {
    font-size: 8.4rem;
}

@media only screen and (max-width: 1199px) {
    html body .section .wrap .section--content .section--content_wrap h2.h1 {
        font-size: 5.4rem;
    }
}

@media only screen and (max-width: 767px) {
    html body .section .wrap .section--content .section--content_wrap h2,
    html body .section .wrap .section--content .section--content_wrap h2.h1,
    html body .section .wrap .section--content .section--content_wrap h1,
    html body .section .wrap .section--content .section--content_wrap .h1 {
        font-size: 3.6rem !important;
        margin-bottom: 1rem !important;
    }
}

html body .section .wrap .section--content .section--content_wrap h1,
html body .section .wrap .section--content .section--content_wrap .h1 {
    margin-bottom: 4rem;
}

@media only screen and (max-height: 650px) {
    html body .section .wrap .section--content .section--content_wrap h1,
    html body .section .wrap .section--content .section--content_wrap .h1 {
        line-height: 1.1;
    }
}

html body .section .wrap .section--content .section--content_wrap .btn {
    margin-top: 4.5rem;
    transition: all 0.65s 0s ease;
    overflow: hidden;
    max-height: 70px;
}

@media only screen and (max-width: 767px) {
    html body .section .wrap .section--content .section--content_wrap .btn {
        font-size: 2rem;
        padding-top: 7px;
        padding-bottom: 7px;
        margin-top: 2rem;
        width: 100%;
        max-width: 214px;
        max-height: 60px;
    }
}

@media only screen and (max-height: 650px) {
    html body .section .wrap .section--content .section--content_wrap .btn {
        margin-top: 1rem;
    }
}

html body .section .wrap .section--content .section--content_wrap .btn:not(.mimic-button) {
    border: 0;
    padding: 0;
    margin: 0;
    position: absolute;
    display: block;
    font-size: 0;
    width: 100%;
    height: 100%;
    max-height: none;
    inset: 0;
    background: transparent !important;
    max-width: none;
}

html body .section .wrap .section--content .section--content_wrap p {
    line-height: 1.75;
}

@media only screen and (max-width: 767px) {
    html body .section .wrap .section--content .section--content_wrap p {
        max-width: 400px;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

@media only screen and (max-height: 650px) {
    html body .section .wrap .section--content .section--content_wrap p {
        line-height: 1.4;
    }
}

html body .before-footer {}

html body .before-footer.animate-once .bf--right-background {
    transform: scaleX(0.55);
}

html body .before-footer .bf--right-background {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 55%;
    height: 100%;
    width: 100%;
    z-index: 2;
    transition: transform 1.5s 0s ease;
    transform-origin: left;
}

@media only screen and (max-width: 767px) {
    html body .before-footer .bf--right-background {
        transform: scaleX(1) !important;
    }
}

html body .before-footer .bf--left-background {
    z-index: 1;
    background-size: cover !important;
    position: absolute;
    top: 0;
    right: 0;
    width: 45%;
    height: 100%;
}

@media only screen and (max-width: 767px) {
    html body .before-footer .bf--left-background {
        display: block;
        position: relative;
        width: 100%;
        height: 155px;
        z-index: 2;
        background-size: 80% auto !important;
        background-position: right 35% !important;
        background-repeat: no-repeat !important;
        background-color: #fff !important;
    }
}

html body .before-footer .bf--background {
    position: absolute;
    z-index: 2;
    inset: 0;
    width: 100%;
    height: 100%;
}

html body .before-footer .bf--background figure {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    display: block;
    position: relative;
}

html body .before-footer .bf--background figure img {
    position: absolute;
    width: 100%;
    height: 100%;
    inset: 0;
    margin: 0;
    object-fit: cover;
    object-position: center;
}

html body .before-footer .bf--video {
    position: absolute;
    z-index: 3;
    width: 55%;
    height: 0;
    padding-top: 32%;
    bottom: -2px;
}

@media only screen and (min-width: 1200px) {
    html body .before-footer .bf--video {
        bottom: -10vw;
    }
}

@media only screen and (max-width: 767px) {
    html body .before-footer .bf--video {
        width: 100%;
        padding-top: 58%;
        bottom: -15vw;
    }
}

html body .before-footer .bf--video video {
    position: absolute;
    width: 100%;
    height: 100%;
    inset: 0;
    object-fit: contain;
    object-position: center;
    inset: initial;
    left: 0;
    bottom: -36px;
}

html body .before-footer .bf--content {
    position: relative;
    z-index: 4;
    padding-top: 46px;
}

@media only screen and (max-height: 650px) {
    html body .before-footer .bf--content {
        padding-top: 20px;
        padding-bottom: 0;
    }
}

html body .before-footer .bf--content .col-wrap {
    padding: 120px 0 180px;
}

@media only screen and (max-width: 767px) {
    html body .before-footer .bf--content .col-wrap {
        padding: 20px 0 110px;
        text-align: center;
        max-width: 310px;
        margin: 0 auto;
    }
}

@media only screen and (max-height: 650px) {
    html body .before-footer .bf--content .col-wrap {
        padding-bottom: 80px;
    }
}

@media only screen and (max-width: 767px) {
    html body .before-footer .bf--content .col-wrap h2,
    html body .before-footer .bf--content .col-wrap p {
        text-align: center !important;
    }
}

html body .before-footer .bf--content .col-wrap h2 {
    margin-bottom: 3rem;
    line-height: 1.1;
}

@media only screen and (max-width: 767px) {
    html body .before-footer .bf--content .col-wrap h2 {
        font-size: 3.2rem;
    }
}

@media only screen and (max-height: 650px) {
    html body .before-footer .bf--content .col-wrap h2 {
        margin-bottom: 1.5rem;
    }
}

html body .before-footer .bf--content .col-wrap p {
    text-align: left;
    max-width: 500px;
    margin-bottom: 60px;
    line-height: 1.75;
}

@media only screen and (max-width: 767px) {
    html body .before-footer .bf--content .col-wrap p {
        margin-bottom: 40px;
    }
}

@media only screen and (max-height: 650px) {
    html body .before-footer .bf--content .col-wrap p {
        margin-bottom: 20px;
    }
}

html body .before-footer .bf--content .col-wrap .btn {
    width: 100%;
    max-width: 214px;
    padding: 7px 1rem;
    font-size: 2rem;
    transition: color 0.4s 0s ease, background-color 0.4s 0s ease, opacity 0.4s 0s ease !important;
}

html body .before-footer .bf--content .col-wrap .btn:hover {
    background: transparent;
    color: #fff !important;
}

html body .before-footer .bf--content h1,
html body .before-footer .bf--content h2,
html body .before-footer .bf--content h3,
html body .before-footer .bf--content h4,
html body .before-footer .bf--content h5,
html body .before-footer .bf--content h6,
html body .before-footer .bf--content p,
html body .before-footer .bf--content span,
html body .before-footer .bf--content label,
html body .before-footer .bf--content div,
html body .before-footer .bf--content ul,
html body .before-footer .bf--content ol,
html body .before-footer .bf--content li {
    color: #fff;
}

html body .interior-section {
    max-height: 0px;
    overflow: hidden;
    transition: max-height 0.4s 0s ease;
}

html body .interior-section .section--expand {
    padding-top: calc(46px + 2.5rem);
    padding-bottom: 48px;
    padding-left: calc((100vw - 1131px) / 2);
    transition: max-height 0.65s 0s ease, padding 0.65s 0s ease;
    overflow: hidden;
    max-height: 0;
}

@media only screen and (max-width: 1199px) {
    html body .interior-section .section--expand {
        padding-left: calc((100vw - 960px) / 2);
    }
}

@media only screen and (max-width: 991px) {
    html body .interior-section .section--expand {
        padding-left: calc((100vw - 720px) / 2);
    }
}

@media only screen and (max-height: 950px) and (min-width: 768px) {
    html body .interior-section .section--expand {
        padding-top: calc(8px + 1.5rem);
        padding-bottom: 24px;
    }
}

@media only screen and (max-width: 767px) {
    html body .interior-section .section--expand {
        padding: 2rem 0 2rem 25px;
    }
}

@media only screen and (max-width: 575px) {
    html body .interior-section .section--expand {
        padding: 2rem 0 2rem 10px;
    }
}

html body .interior-section .section--expand:not(.display-section) {
    padding: 0;
}

html body .interior-section .title {
    display: flex;
}

html body .interior-section .title h2 {
    font-size: 3rem;
    font-weight: bold;
    color: #000000;
    margin-right: 3rem;
}

@media only screen and (max-width: 767px) {
    html body .interior-section .title h2 {
        font-size: 2rem;
        margin-right: 1.5rem;
    }
}

html body .interior-section .title img {
    margin-left: auto;
    width: 100%;
    max-width: 560px;
    margin-right: -10px;
}

@media only screen and (max-width: 1199px) {
    html body .interior-section .title img {
        max-width: 460px;
    }
}

@media only screen and (max-width: 991px) {
    html body .interior-section .title img {
        max-width: 360px;
    }
}

@media only screen and (max-width: 767px) {
    html body .interior-section .title img {
        max-width: 248px;
        height: 8px;
        object-fit: cover;
        object-position: center left;
        margin-top: 10px;
    }
}

html body .interior-section .post-slider {
    margin-top: 2.1rem;
    margin-left: calc(0px - ((100vw - 1131px) / 2) - 15px);
    width: calc(100% + 30px + (100vw - 1131px) / 2);
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}

@media only screen and (max-width: 1199px) {
    html body .interior-section .post-slider {
        margin-left: calc(0px - ((100vw - 960px) / 2) - 15px);
        width: calc(100% + 30px + (100vw - 960px) / 2);
    }
}

@media only screen and (max-width: 991px) {
    html body .interior-section .post-slider {
        margin-left: calc(0px - ((100vw - 720px) / 2) - 15px);
        width: calc(100% + 30px + (100vw - 720px) / 2);
    }
}

@media only screen and (max-width: 767px) {
    html body .interior-section .post-slider {
        margin-left: 0 !important;
        width: 100%;
    }
}

html body .interior-section .post-slider .slick-arrow {
    font-size: 0;
    width: 31px;
    height: 31px;
    border: 1px solid #d8d8d8;
    background: transparent;
    position: relative;
    bottom: -21px;
    border-radius: 100%;
    box-shadow: 2px 3px 6px rgba(0, 0, 0, 0.1);
    margin-bottom: -15px;
}

@media only screen and (max-width: 575px) {
    html body .interior-section .post-slider .slick-arrow {
        width: 21px;
        height: 21px;
    }
}

html body .interior-section .post-slider .slick-arrow::before,
html body .interior-section .post-slider .slick-arrow::after {
    content: "";
    position: absolute;
    width: 50%;
    height: 50%;
    inset: 50%;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: opacity 0.2s 0s ease;
    transform: translate(-50%, -50%);
}

html body .interior-section .post-slider .slick-arrow::before {
    z-index: 1;
    opacity: 1;
    background-image: url(https://www.hitachifusion.com/wp-content/themes/fusion-for-industry/img/icons/slider-arrow-deactive.png);
}

html body .interior-section .post-slider .slick-arrow::after {
    z-index: 2;
    opacity: 0;
    background-image: url(https://www.hitachifusion.com/wp-content/themes/fusion-for-industry/img/icons/slider-arrow-active.png);
}

html body .interior-section .post-slider .slick-arrow:hover::before {
    opacity: 0;
}

html body .interior-section .post-slider .slick-arrow:hover::after {
    opacity: 1;
}

html body .interior-section .post-slider .slick-list {
    order: 1;
}

html body .interior-section .post-slider .slick-prev {
    order: 2;
}

html body .interior-section .post-slider .slick-prev::before,
html body .interior-section .post-slider .slick-prev::after {
    transform: scaleX(-1) translate(50%, -50%);
}

html body .interior-section .post-slider .slick-next {
    order: 4;
    margin-right: calc(3.5rem + 50px + (100vw - 1131px) / 2);
}

@media only screen and (max-width: 1199px) {
    html body .interior-section .post-slider .slick-next {
        margin-right: calc(3.5rem + 50px + (100vw - 960px) / 2);
    }
}

@media only screen and (max-width: 991px) {
    html body .interior-section .post-slider .slick-next {
        margin-right: calc(3.5rem + 50px + (100vw - 720px) / 2);
    }
}

@media only screen and (max-width: 767px) {
    html body .interior-section .post-slider .slick-next {
        margin-right: calc(3.5rem + (100vw - 540px) / 2);
    }
}

@media only screen and (max-width: 575px) {
    html body .interior-section .post-slider .slick-next {
        margin-right: calc(2.5rem);
    }
}

html body .interior-section .post-slider .slick-dots {
    order: 3;
    padding: 0;
    display: flex;
    list-style: none;
    position: relative;
    align-items: center;
    bottom: -23px;
    margin: 0 20px;
    margin-bottom: -15px;
}

@media only screen and (max-width: 575px) {
    html body .interior-section .post-slider .slick-dots {
        margin: 0 10px;
    }
}

html body .interior-section .post-slider .slick-dots li {
    opacity: 0.4;
    transition: opacity 0.2s 0s ease;
}

html body .interior-section .post-slider .slick-dots li:not(:last-of-type) {
    margin-right: 18px;
}

@media only screen and (max-width: 575px) {
    html body .interior-section .post-slider .slick-dots li:not(:last-of-type) {
        margin-right: 12px;
    }
}

html body .interior-section .post-slider .slick-dots li.slick-active {
    opacity: 1;
}

html body .interior-section .post-slider .slick-dots li button {
    padding: 0;
    border: 0;
    background: transparent;
    font-size: 2rem;
    font-family: Helvetica;
    font-weight: bold;
    color: #000;
}

@media only screen and (max-width: 575px) {
    html body .interior-section .post-slider .slick-dots li button {
        font-size: 1.4rem;
    }
}

html body .interior-section .post-slider .post-slider--element {
    padding-left: 2rem;
    padding-bottom: 2rem;
}

html body .interior-section .post-slider .post-slider--element:first-of-type {
    padding-left: calc(((100vw - 1131px) / 2) + 15px) !important;
}

@media only screen and (max-width: 1199px) {
    html body .interior-section .post-slider .post-slider--element:first-of-type {
        padding-left: calc(((100vw - 960px) / 2) + 15px) !important;
    }
}

@media only screen and (max-width: 991px) {
    html body .interior-section .post-slider .post-slider--element:first-of-type {
        padding-left: calc(((100vw - 720px) / 2) + 15px) !important;
    }
}

@media only screen and (max-width: 767px) {
    html body .interior-section .post-slider .post-slider--element:first-of-type {
        padding-left: 0px !important;
    }
}

html body .interior-section .post-slider .post-slider--element.phantom-element-first {
    width: calc(((125vw - ((125vw - 1131px) / 2)) / 4) / 4);
}

@media only screen and (max-width: 1199px) {
    html body .interior-section .post-slider .post-slider--element.phantom-element-first {
        width: calc((125vw - ((125vw - 960px) / 2)) / 3);
    }
}

@media only screen and (max-width: 991px) {
    html body .interior-section .post-slider .post-slider--element.phantom-element-first {
        width: calc(((125vw - ((125vw - 720px) / 2)) / 2) / 4);
    }
}

@media only screen and (max-width: 767px) {
    html body .interior-section .post-slider .post-slider--element.phantom-element-first {
        display: none !important;
    }
}

html body .interior-section .post-slider .post-slider--element h1,
html body .interior-section .post-slider .post-slider--element h2,
html body .interior-section .post-slider .post-slider--element h3,
html body .interior-section .post-slider .post-slider--element h4,
html body .interior-section .post-slider .post-slider--element h5,
html body .interior-section .post-slider .post-slider--element h6,
html body .interior-section .post-slider .post-slider--element p,
html body .interior-section .post-slider .post-slider--element span,
html body .interior-section .post-slider .post-slider--element label,
html body .interior-section .post-slider .post-slider--element div,
html body .interior-section .post-slider .post-slider--element ul,
html body .interior-section .post-slider .post-slider--element ol,
html body .interior-section .post-slider .post-slider--element li {
    color: #000000;
}

html body .interior-section .post-slider .post-slider--element .post-slider--element__img {
    min-width: calc((125vw - ((125vw - 1131px) / 2)) / 4);
}

@media only screen and (max-width: 1199px) {
    html body .interior-section .post-slider .post-slider--element .post-slider--element__img {
        min-width: calc((125vw - ((125vw - 960px) / 2)) / 3);
    }
}

@media only screen and (max-width: 991px) {
    html body .interior-section .post-slider .post-slider--element .post-slider--element__img {
        min-width: calc((125vw - ((125vw - 720px) / 2)) / 2);
    }
}

@media only screen and (max-width: 767px) {
    html body .interior-section .post-slider .post-slider--element .post-slider--element__img {
        min-width: calc((76vw - 35px));
    }
}

html body .interior-section .post-slider .post-slider--element .post-slider--element__img figure {
    width: 100%;
    height: 0;
    padding-top: 70%;
    position: relative;
}

@media only screen and (max-width: 767px) {
    html body .interior-section .post-slider .post-slider--element .post-slider--element__img figure {
        padding-top: 88%;
    }
}

@media only screen and (max-width: 390px) {
    html body .interior-section .post-slider .post-slider--element .post-slider--element__img figure {
        padding-top: 95%;
    }
}

html body .interior-section .post-slider .post-slider--element .post-slider--element__img figure img {
    width: 100%;
    position: absolute;
    height: 100%;
    inset: 0;
    object-fit: cover;
    object-position: center;
    border: 1px solid #707070;
}

html body .interior-section .post-slider .post-slider--element .post-slider--element__hover {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 2.6rem 2rem;
    min-height: 100px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    background: rgba(0, 0, 0, 0.55);
    transition: min-height 0.3s 0s ease, background-color 0.3s 0s ease;
}

@media only screen and (max-width: 575px) {
    html body .interior-section .post-slider .post-slider--element .post-slider--element__hover {
        min-height: 68px;
    }
}

@media only screen and (max-width: 575px) {
    html body .interior-section .post-slider .post-slider--element .post-slider--element__hover {
        padding: 1.5rem 1rem 1.5rem 1.5rem;
    }
}

html body .interior-section .post-slider .post-slider--element .post-slider--element__hover .post-slider--element__date {
    position: absolute;
    top: 2rem;
    left: 2rem;
    padding: 0;
    opacity: 0;
    transition: opacity 0.2s 0s ease;
}

html body .interior-section .post-slider .post-slider--element .post-slider--element__hover .post-slider--element__date small {
    color: #fff;
}

html body .interior-section .post-slider .post-slider--element .post-slider--element__hover .post-slider--element__cta {
    max-height: 0px;
    overflow: hidden;
    padding: 0;
    margin: 0;
    opacity: 0;
    transition: max-height 0.3s 0s ease, opacity 0.2s 0s ease;
}

html body .interior-section .post-slider .post-slider--element .post-slider--element__hover .post-slider--element__cta a {
    display: inline-flex;
    align-items: center;
    color: #fff;
    font-size: 1.6rem;
    border: 1px solid #fff;
    background: #000;
    padding: 4px 25px;
}

@media only screen and (max-width: 575px) {
    html body .interior-section .post-slider .post-slider--element .post-slider--element__hover .post-slider--element__cta a {
        font-size: 1.4rem;
        padding: 3px 15px;
    }
}

html body .interior-section .post-slider .post-slider--element .post-slider--element__hover .post-slider--element__cta a img {
    display: inline-block;
    position: relative;
    margin-left: 5px;
    top: 1px;
}

html body .interior-section .post-slider .post-slider--element .post-slider--element__hover .post-slider--element__title {
    margin-bottom: 0rem;
    transition: margin 0.3s 0s ease;
    margin-left: 5px;
}

html body .interior-section .post-slider .post-slider--element .post-slider--element__hover .post-slider--element__title h4 {
    margin: 0;
    width: 100%;
}

@media only screen and (max-width: 575px) {
    html body .interior-section .post-slider .post-slider--element .post-slider--element__hover .post-slider--element__title h4 {
        font-size: 1.4rem;
        line-height: 1.35;
    }
}

html body .interior-section .post-slider .post-slider--element .post-slider--element__wrap {
    position: relative;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}

html body .interior-section .post-slider .post-slider--element .post-slider--element__wrap:hover .post-slider--element__hover {
    min-height: 100%;
}

html body .interior-section .post-slider .post-slider--element .post-slider--element__wrap:hover .post-slider--element__hover.blue {
    background: rgba(18, 75, 143, 0 0.75);
}

html body .interior-section .post-slider .post-slider--element .post-slider--element__wrap:hover .post-slider--element__hover.red {
    background: rgba(204, 0, 0, 0.75);
}

html body .interior-section .post-slider .post-slider--element .post-slider--element__wrap:hover .post-slider--element__hover.green {
    background: rgba(123, 148, 112, 0.75);
}

html body .interior-section .post-slider .post-slider--element .post-slider--element__wrap:hover .post-slider--element__hover .post-slider--element__cta {
    max-height: 50px;
    opacity: 1;
    transition: max-height 0.3s 0s ease, opacity 0.3s 0.2s ease;
}

html body .interior-section .post-slider .post-slider--element .post-slider--element__wrap:hover .post-slider--element__hover .post-slider--element__date {
    opacity: 1;
    transition: opacity 0.3s 0.2s ease;
}

html body .interior-section .post-slider .post-slider--element .post-slider--element__wrap:hover .post-slider--element__hover .post-slider--element__title {
    margin-bottom: 4rem;
}

@media only screen and (max-width: 390px) {
    html body .interior-section .post-slider .post-slider--element .post-slider--element__wrap:hover .post-slider--element__hover .post-slider--element__title {
        margin-bottom: 1.5rem !important;
    }
}

html body .interior-section .post-slider .post-slider--element .post-slider--element__date {
    padding: 2rem 0 2.3rem;
}

@media only screen and (max-width: 767px) {
    html body .interior-section .post-slider .post-slider--element .post-slider--element__date {
        padding: 5px 0 5px;
    }
}

html body .interior-section .post-slider .post-slider--element .post-slider--element__date small {
    font-size: 17px;
    font-weight: 400;
    color: #000000;
}

@media only screen and (max-width: 767px) {
    html body .interior-section .post-slider .post-slider--element .post-slider--element__date small {
        font-size: 13px;
    }
}

html body .interior-section .post-slider .post-slider--element .post-slider--element__title h4 {
    font-size: 2rem;
    color: #fff;
    text-transform: uppercase;
    max-width: 410px;
    letter-spacing: 1px;
    font-weight: bold;
    line-height: 1.5;
}

@media only screen and (max-width: 767px) {
    html body .interior-section .post-slider .post-slider--element .post-slider--element__title h4 {
        font-size: 1.6rem;
        max-width: 280px;
    }
}

html body .interior-section .cta {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

html body .interior-section .cta .btn.btn-primary.outline {
    color: #cc0000 !important;
    font-size: 2rem !important;
    padding: 1rem 5.5rem !important;
}

html body .interior-section .cta .btn.btn-primary.outline:hover {
    color: #ffffff !important;
}

@media only screen and (max-width: 767px) {
    html body .interior-section .cta .btn.btn-primary.outline {
        padding: 1rem 3rem !important;
    }
}

@media only screen and (max-width: 390px) {
    html body .interior-section .cta .btn.btn-primary.outline {
        font-size: 1.6rem !important;
    }
}

html body .interior-section .cta img {
    margin-right: 250px;
    margin-left: auto;
    animation: scrollBounceLTR 2.5s infinite;
}

@media only screen and (max-width: 767px) {
    html body .interior-section .cta img {
        margin-right: 25px;
        padding: 1rem 2rem !important;
    }
}

html body .scroll-icon {
    position: fixed;
    bottom: 30px;
    z-index: 99;
    left: 50%;
    transform: translateX(-50%);
    transition: opacity 0.4s 0.2s ease, visibility 0s 0s ease;
    opacity: 0;
    animation: scrollBounce 2s infinite ease-in-out;
    display: none !important;
}

@media only screen and (max-height: 650px) {
    html body .scroll-icon {
        bottom: 15px;
        width: 25px;
    }
}

html body .scroll-icon.display {
    opacity: 1;
}

html body .scroll-icon.hide {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.4s 0.2s ease, visibility 0s 0.6s ease;
}

html body #preloader {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    z-index: 9999;
    background: #eeeeee;
    inset: 0;
    width: 100%;
    height: 100%;
    transition: opacity 0.4s 0.1s ease, visibility 0s 0.5s ease;
}

@media only screen and (max-width: 767px) {
    html body #preloader {
        display: block;
    }
}

html body #preloader img {
    position: relative;
    width: 100%;
    max-width: 60px;
    display: block;
}

@media only screen and (max-width: 767px) {
    html body #preloader img {
        margin: 35rem auto 0;
        max-width: 65px;
    }
}

@media only screen and (max-width: 575px) {
    html body #preloader img {
        margin: 32rem auto 0;
        max-width: 55px;
    }
}

@media only screen and (max-height: 600px) {
    html body #preloader img {
        margin-top: 35vh;
    }
}

html body #preloader.hide {
    opacity: 0;
    visibility: hidden;
}

html body .connect-with-us--popup {
    margin: 0;
    padding: 0;
    max-width: 300px;
    transform: translateY(calc(100% - 6.5rem));
    max-height: calc(100vh - 70px);
    transition: all ease-in-out 0.6s;
}

html body .connect-with-us--popup.display-form {
    transform: translateY(0);
    overflow-y: auto;
    transition: transform 0.4s 0s ease, bottom 0.25s 0s ease, background-color 0.45s 0s ease, opacity 0.4s 1.3s ease, visibility 0s 0s ease, max-height 0.4s 0.3s ease;
    bottom: 0 !important;
}

html body .connect-with-us--popup.display-form .popup--intro {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s 0s ease, visibility 0s 0.3s ease;
}

html body .connect-with-us--popup.display-form .popup--form {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.3s 0.2s ease, visibility 0s 0.2s ease;
}

@media only screen and (max-width: 1199px) {
    html body .connect-with-us--popup {
        max-width: 410px;
    }
}

@media only screen and (max-width: 767px) {
    html body .connect-with-us--popup {
        width: 100%;
        max-width: none;
        text-align: center;
    }
}

html body .connect-with-us--popup .close-popup-form {
    opacity: 1;
    z-index: 3;
}

html body .connect-with-us--popup .popup--wrap {
    padding: 2.5rem 1.7rem;
}

@media only screen and (max-width: 1199px) {
    html body .connect-with-us--popup .popup--wrap {
        padding: 2rem 1.5rem;
    }
}

html body .connect-with-us--popup .popup--wrap,
html body .connect-with-us--popup .popup--wrap a {
    color: #fff;
    font-size: 16px;
    text-decoration: none;
    line-height: 1;
}

@media only screen and (max-width: 1199px) {
    html body .connect-with-us--popup .popup--wrap,
    html body .connect-with-us--popup .popup--wrap a {
        font-size: 1.6rem;
    }
}

html body .connect-with-us--popup .popup--intro {
    position: absolute;
    width: 100%;
    padding: 0;
    left: 0;
    top: 0;
    z-index: 2;
    opacity: 1;
    background-color: #f1f1f1;
    visibility: visible;
    transition: opacity 0.3s 0.2s ease, visibility 0s 0s ease;
}

html body .connect-with-us--popup .popup--intro a {
    padding: 2.3rem 1.7rem;
    display: block;
}

@media only screen and (max-width: 767px) {
    html body .connect-with-us--popup .popup--intro a {
        padding: 1.6rem 1.2rem;
    }
}

html body .connect-with-us--popup .popup--form {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s 0s ease, visibility 0s 0.2s ease;
    z-index: 1;
    position: relative;
    background: transparent;
    border: 0;
}

html body .connect-with-us--popup .popup--form .modal-content {
    border: 0;
}

html body .connect-with-us--popup .popup--form .modal-content .modal-body {
    padding-bottom: 10px;
}

html body .connect-with-us--popup .popup--form .modal-body__ty {
    padding-bottom: 0 !important;
}

html body .connect-with-us--form-container {
    background: rgba(0, 0, 0, 0.5);
}

html body .connect-with-us--form-container .modal-dialog {
    max-width: 470px;
    backdrop-filter: blur(20px);
    background: rgba(0, 0, 0, 0.4);
}

@media only screen and (max-width: 575px) {
    html body .connect-with-us--form-container .modal-dialog {
        margin-left: auto;
        margin-right: auto;
    }
}

@media only screen and (max-width: 575px) {
    html body .connect-with-us--form-container .wpcf7 .wpcf7-form .container.enable-submit-btn-on-form-completed {
        padding: 0;
    }
}

html body .connect-with-us--form-container .modal-header {
    border: 0;
}

html body .connect-with-us--form-container .modal-header .modal-header__content {
    padding-top: 40px;
    margin-left: auto;
    margin-right: auto;
    opacity: 1;
    transition: opacity 0.3 0s ease;
}

html body .connect-with-us--form-container .modal-header .modal-header__content.hide {
    opacity: 0;
}

html body .connect-with-us--form-container .modal-header .modal-header__content__content--wrap.before-you-go {
    display: none;
}

html body .connect-with-us--form-container .modal-header .modal-header__content__content--wrap.default {
    display: block;
}

html body .connect-with-us--form-container .modal-body {
    padding: 20px 20px 65px;
}

html body .connect-with-us--form-container .modal-body .modal-body__content {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s 0s ease, visibility 0s 0.3s linear;
}

html body .connect-with-us--form-container .modal-body .modal-body__content.visible {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.3s 0.3s ease, visibility 0s 0.3s linear;
}

html body .connect-with-us--form-container .modal-body .modal-body__content.modal-body__ty {
    position: absolute;
    width: 100%;
    height: 120%;
    inset: 0;
    top: -20%;
    display: flex;
    align-items: center;
    padding-bottom: 100px;
    text-align: center;
    justify-content: center;
    padding-left: 20px;
    padding-right: 20px;
}

html body .connect-with-us--form-container .modal-content {
    background: transparent;
}

html body .connect-with-us--form-container .modal-content .modal-header .modal-header__content--wrap.before-you-go {
    display: none;
}

html body .connect-with-us--form-container .modal-content .modal-header .modal-header__content--wrap.default {
    display: block;
}

html body .connect-with-us--form-container .modal-content.alt-content .modal-header .modal-header__content--wrap.before-you-go {
    display: block;
}

html body .connect-with-us--form-container .modal-content.alt-content .modal-header .modal-header__content--wrap.default {
    display: none;
}

html body .connect-with-us--form-container .modal-content h1,
html body .connect-with-us--form-container .modal-content h2,
html body .connect-with-us--form-container .modal-content h3,
html body .connect-with-us--form-container .modal-content h4,
html body .connect-with-us--form-container .modal-content h5,
html body .connect-with-us--form-container .modal-content h6,
html body .connect-with-us--form-container .modal-content p,
html body .connect-with-us--form-container .modal-content span,
html body .connect-with-us--form-container .modal-content label,
html body .connect-with-us--form-container .modal-content div,
html body .connect-with-us--form-container .modal-content ul,
html body .connect-with-us--form-container .modal-content ol,
html body .connect-with-us--form-container .modal-content li {
    color: #fff;
}

html body .connect-with-us--form-container .modal-content h2 {
    font-size: 4rem;
    font-weight: 700;
}

html body .connect-with-us--form-container .modal-content h3 {
    font-size: 3rem;
    font-weight: bold;
}

html body .connect-with-us--form-container .modal-content h4 {
    font-size: 2.3rem;
    font-weight: bold;
}

html body .connect-with-us--form-container .modal-content h5 {
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 1.4;
}

html body .connect-with-us--form-container .btn-close {
    background: none;
    position: absolute;
    right: 20px;
    top: 20px;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 23px;
    height: 23px;
    z-index: 3;
    opacity: 1;
}

html body .connect-with-us--form-container .btn-close img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

@media only screen and (max-width: 575px) {
    html body .connect-with-us--form-container .wpcf7>.container {
        padding: 0;
    }
}

html body .connect-with-us--form-container .wpcf7 .wpcf7-form .wpcf7-text {
    width: 100%;
    background: transparent;
    padding: 10px;
    border: 0px;
    outline: 0;
    box-shadow: none;
}

html body .connect-with-us--form-container .wpcf7 .wpcf7-form h4 {
    margin-top: 2rem;
}

html body .connect-with-us--form-container .wpcf7 .wpcf7-response-output {
    display: none;
}

html body .connect-with-us--form-container .wpcf7 .wpcf7-not-valid-tip {
    font-size: 14px;
    color: red;
}

html body .connect-with-us--form-container .wpcf7 .custom-placeholder {
    position: relative;
    margin-bottom: 12px;
}

html body .connect-with-us--form-container .wpcf7 .custom-placeholder::before {
    content: "";
    background: #fff;
    width: 100%;
    height: 40px;
    position: absolute;
}

html body .connect-with-us--form-container .wpcf7 .custom-placeholder.input-focus label,
html body .connect-with-us--form-container .wpcf7 .custom-placeholder label.hide {
    left: 20px;
    background: #fff;
    font-size: 8px !important;
    padding: 0 5px;
    height: 10px;
    top: -5px;
    opacity: 1;
    z-index: 2;
}

html body .connect-with-us--form-container .wpcf7 .custom-placeholder br {
    display: none;
}

html body .connect-with-us--form-container .wpcf7 .custom-placeholder .wpcf7-text.focus-once:invalid,
html body .connect-with-us--form-container .wpcf7 .custom-placeholder .wpcf7-text.wpcf7-not-valid {
    border-color: red;
}

html body .connect-with-us--form-container .wpcf7 .custom-placeholder label {
    position: absolute;
    padding: 10px 5px;
    top: 0;
    left: 5px;
    line-height: 1;
    height: 40px;
    font-size: 18px !important;
    color: #8a8a8a;
    opacity: 0.35;
    display: flex;
    align-items: center;
    font-weight: bold;
    transition: all 0.2s 0s ease;
}

html body .connect-with-us--form-container .wpcf7 .custom-placeholder .wpcf7-text {
    height: 40px;
    font-size: 18px !important;
    color: #8a8a8a;
    font-weight: bold;
    border: 2px solid #fff;
}

html body .connect-with-us--form-container .wpcf7 .captcha {
    position: relative;
}

html body .connect-with-us--form-container .wpcf7 .captcha .wrap-item {
    display: flex;
    justify-content: center;
    transform: scale(0.7);
}

@media only screen and (max-width: 390px) {
    html body .connect-with-us--form-container .wpcf7 .captcha .wrap-item {
        transform: scale(0.5);
        position: relative;
        top: -4px;
    }
}

html body .connect-with-us--form-container .wpcf7 .captcha.hide .recaptcha-item {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s 0s ease, visibility 0s 0.3s linear;
}

html body .connect-with-us--form-container .wpcf7 .captcha.hide .privacy-item {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.3s 0.2s ease, visibility 0s 0.2s linear;
}

html body .connect-with-us--form-container .wpcf7 .captcha .recaptcha-item {
    position: relative;
    z-index: 2;
    opacity: 1;
    visibility: visible;
    transition: opacity 0.3s 0.2s ease, visibility 0s 0.2s linear;
}

html body .connect-with-us--form-container .wpcf7 .captcha .privacy-item {
    display: block;
    position: absolute;
    top: 50%;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-50%);
    transition: opacity 0.3s 0s ease, visibility 0s 0.3s linear;
    display: block;
    max-width: 150px;
    line-height: 1.2;
}

html body .connect-with-us--form-container .wpcf7 .captcha .privacy-item,
html body .connect-with-us--form-container .wpcf7 .captcha .privacy-item a {
    font-size: 14px;
    color: #fff;
}

@media only screen and (max-width: 767px) {
    html body .connect-with-us--form-container .wpcf7 .captcha .privacy-item,
    html body .connect-with-us--form-container .wpcf7 .captcha .privacy-item a {
        font-size: 12px;
    }
}

html body .connect-with-us--form-container .wpcf7 .captcha .privacy-item a {
    text-decoration: underline;
}

html body .connect-with-us--form-container .wpcf7 .submit-col {
    position: relative;
}

html body .connect-with-us--form-container .wpcf7 .submit-col.disabled::before {
    content: "";
    width: 100%;
    height: 100%;
    inset: 0;
    position: absolute;
    z-index: 2;
}

html body .connect-with-us--form-container .wpcf7 .submit-col.disabled button.wpcf7-submit {
    border-color: #cc0000;
    background: transparent !important;
    opacity: 0.78;
}

html body .connect-with-us--form-container .wpcf7 .category {
    margin-bottom: 4rem;
    margin-top: 3rem;
}

html body .connect-with-us--form-container .wpcf7 .category .wpcf7-form-control {
    display: flex;
    justify-content: space-between;
}

@media only screen and (max-width: 575px) {
    html body .connect-with-us--form-container .wpcf7 .category .wpcf7-form-control {
        flex-wrap: wrap;
    }
}

html body .connect-with-us--form-container .wpcf7 .category .wpcf7-form-control .wpcf7-list-item {
    margin: 0;
}

@media only screen and (max-width: 575px) {
    html body .connect-with-us--form-container .wpcf7 .category .wpcf7-form-control .wpcf7-list-item {
        width: 50%;
        text-align: center;
        margin-bottom: 22px;
    }
}

html body .connect-with-us--form-container .wpcf7 .category .wpcf7-form-control .wpcf7-list-item label,
html body .connect-with-us--form-container .wpcf7 .category .wpcf7-form-control .wpcf7-list-item .wpcf7-list-item-label {
    height: 100%;
}

html body .connect-with-us--form-container .wpcf7 .category .wpcf7-form-control .wpcf7-list-item:nth-child(1) .wpcf7-list-item-label::before {
    background-image: url(../img/connect_with_us/icon_01.png);
}

html body .connect-with-us--form-container .wpcf7 .category .wpcf7-form-control .wpcf7-list-item:nth-child(2) .wpcf7-list-item-label::before {
    background-image: url(../img/connect_with_us/icon_02.png);
}

html body .connect-with-us--form-container .wpcf7 .category .wpcf7-form-control .wpcf7-list-item:nth-child(3) .wpcf7-list-item-label::before {
    background-image: url(../img/connect_with_us/icon_03.png);
}

html body .connect-with-us--form-container .wpcf7 .category .wpcf7-form-control .wpcf7-list-item:nth-child(4) .wpcf7-list-item-label::before {
    background-image: url(../img/connect_with_us/icon_04.png);
}

html body .connect-with-us--form-container .wpcf7 .category .wpcf7-form-control .wpcf7-list-item:nth-child(1) .wpcf7-list-item-label::after {
    background-image: url(../img/connect_with_us/icon_01_hover.png);
}

html body .connect-with-us--form-container .wpcf7 .category .wpcf7-form-control .wpcf7-list-item:nth-child(2) .wpcf7-list-item-label::after {
    background-image: url(../img/connect_with_us/icon_02_hover.png);
}

html body .connect-with-us--form-container .wpcf7 .category .wpcf7-form-control .wpcf7-list-item:nth-child(3) .wpcf7-list-item-label::after {
    background-image: url(../img/connect_with_us/icon_03_hover.png);
}

html body .connect-with-us--form-container .wpcf7 .category .wpcf7-form-control .wpcf7-list-item:nth-child(4) .wpcf7-list-item-label::after {
    background-image: url(../img/connect_with_us/icon_04_hover.png);
}

html body .connect-with-us--form-container .wpcf7 .category .wpcf7-form-control .wpcf7-list-item-label {
    border: 2px solid transparent;
}

html body .connect-with-us--form-container .wpcf7 .category .wpcf7-form-control .wpcf7-list-item-label:hover::after {
    opacity: 1;
}

html body .connect-with-us--form-container .wpcf7 .category .wpcf7-form-control .wpcf7-list-item-label:hover::before {
    opacity: 0;
}

html body .connect-with-us--form-container .wpcf7 .category .wpcf7-form-control input:checked+.wpcf7-list-item-label {
    border-color: #ec1b24;
}

html body .connect-with-us--form-container .wpcf7 .category .wpcf7-form-control input:checked+.wpcf7-list-item-label::after {
    opacity: 1;
}

html body .connect-with-us--form-container .wpcf7 .category .wpcf7-form-control input:checked+.wpcf7-list-item-label::before {
    opacity: 0;
}

html body .connect-with-us--form-container .wpcf7 .category .wpcf7-form-control .wpcf7-list-item-label {
    font-size: 1.3rem;
    line-height: 1.2;
    display: inline-block;
    font-weight: bold;
    max-width: 92px;
    cursor: pointer;
    position: relative;
    padding: 4px 0 0px 5px;
    padding-top: 55px;
}

html body .connect-with-us--form-container .wpcf7 .category .wpcf7-form-control .wpcf7-list-item-label::before,
html body .connect-with-us--form-container .wpcf7 .category .wpcf7-form-control .wpcf7-list-item-label::after {
    content: "";
    width: 55px;
    height: 40px;
    display: block;
    margin: 0 auto 1rem;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: opacity 0.3s 0s ease;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

html body .connect-with-us--form-container .wpcf7 .category .wpcf7-form-control .wpcf7-list-item-label::before {
    opacity: 1;
}

html body .connect-with-us--form-container .wpcf7 .category .wpcf7-form-control .wpcf7-list-item-label::after {
    opacity: 0;
    width: 60px;
    height: 53px;
}

html body .connect-with-us--form-container .wpcf7 .category .wpcf7-form-control input[type="radio"],
html body .connect-with-us--form-container .wpcf7 .category .wpcf7-form-control input[type="checkbox"] {
    display: none;
}

html body .connect-with-us--form-container .wpcf7 .wpcf7-submit {
    transition: color 0.4s 0s ease, background-color 0.4s 0s ease, opacity 0.4s 0s ease;
    font-weight: bold;
    font-family: "Helvetica", Arial, sans-serif;
    line-height: 1.4;
    display: inline-block;
    text-decoration: none;
    border-radius: 0;
    cursor: pointer;
    text-align: center;
    background: transparent;
    color: #ffffff !important;
    border: 2px solid #cc0000;
    font-size: 15px;
    width: 100%;
    max-width: 109px;
    padding: 4px 10px;
    background: #cc0000;
}

html body .connect-with-us--form-container .wpcf7 .wpcf7-submit:hover {
    background: #cc0000;
    color: #ececec !important;
}


/******************************/

.front-page-wrap {
    padding-top: 90px;
}

.heroslideshow-wrapper {
    display: block;
}

.heroslider {
    display: block;
    width: 100%;
    height: auto;
}

.heroslider .heroslide-item {
    display: block;
    width: 100%;
    height: calc(100vh - 90px);
    min-height: 350px;
    background-size: cover;
    background-position: center;
}

.heroslider .heroslide-item .slide-overlay {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    background: rgba(0, 0, 0, 0.5);
    padding: 50px 0xp;
}

.slide-content-container {
    max-width: 788px;
}

.slide-content-container:before {
    width: 95px;
    height: 8px;
    background: #cc0000;
    content: "";
    display: block;
    margin-bottom: 5px;
}

.slide-content-container {
    max-width: 788px;
}

.slide-content-container .slide-title {
    font-family: helvetica, Arial, sans-serif;
    color: #fff;
    font-size: 80px;
    font-weight: 900;
    max-width: 800px;
    margin-bottom: 14px;
}

.slide-content-container .slide-content {
    font-family: "Open Sans", Arial, sans-serif;
    font-weight: 400;
    color: #fff;
    font-size: 20px;
    margin-bottom: 30px;
}

.slide-content-container .btn {
    padding: 10px 22px;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 15px;
}

.heroslider .slick-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 48px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.6);
    z-index: 1;
    border: 0;
    outline: none;
    box-shadow: none;
    color: #fff;
    font-size: 25px;
    line-height: 0;
}

.heroslider .slick-prev {
    left: 0;
}

.heroslider .slick-next {
    right: 0;
}

.heroslider button[aria-disabled="true"] {
    opacity: 0.4;
    cursor: auto;
}

.content-section {
    position: relative;
    padding-top: 65px;
    padding-bottom: 65px;
}

.fusion_mani_image {
    padding-bottom: 0 !important;
}

footer.site-footer.section.footer-section.footer-section-desktop.fp-auto-height {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    margin-top: -10px;
}

.no-padding {
    padding: 0;
}

.fluid-flex {
    display: flex;
    justify-content: center;
}

.fluid-flex .video-poster {
    width: 50%;
    display: block;
    background-size: cover;
    background-position: center;
    position: relative;
}

.video-poster .video-pay-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(0, 0, 0, 0.4);
    cursor: pointer;
}

.video-poster .video-pay-overlay button {
    background: rgba(0, 0, 0, 0.7);
    border: 0;
    color: #ffff;
    font-size: 48px;
    line-height: 0.5;
    padding: 1px 38px;
    border-radius: 7px;
}

.button {
    line-height: 50px;
    border-radius: 3px;
    padding: 0px 30px;
    border: 1px solid #cc0000;
    color: #cc0000;
    transition: all 0.5s;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 400;
    display: inline-block;
}

.button:hover {
    background-color: #cc0000;
    color: #fff;
}

.button.fill {
    line-height: 50px;
    border-radius: 3px;
    padding: 0px 30px;
    border: 1px solid #cc0000;
    background-color: #cc0000;
    color: #fff;
}

.button.fill:hover {
    line-height: 50px;
    border-radius: 3px;
    padding: 0px 30px;
    border: 1px solid #cc0000;
    background-color: #cc0000;
    color: #fff;
}

.button.white-bg {
    border: 1px solid #fff;
    background-color: #fff;
    color: #cc0000;
}

.button.white-bg:hover {
    border: 1px solid #fff;
    background-color: #cc0000;
    color: #fff;
}

.video-content {
    width: 50%;
}

.video-content-box .inner-content-box {
    max-width: 766px;
}

.video-content-box {
    padding: 40px 50px;
}

.video-content-box h2 {
    font-size: 36px;
    color: #000;
    font-weight: 700;
    margin-bottom: 10px;
}

.video-content-box p {
    margin-bottom: 22px;
    font-size: 20px;
    font-weight: 400;
    color: #000;
}

.red-bg {
    background: #cc0000;
    color: #fff;
}

.red-bg p {
    color: #fff;
}

.video-content-box.red-bg {
    background: url(https://www.hitachifusion.com/wp-content/themes/fusion-for-industry/img/petren-bg.jpg) no-repeat center top;
    background-size: cover;
    color: #fff;
}

.video-content-box.red-bg h2 {
    font-size: 36px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 12px;
}

.section-title {
    display: block;
    margin-bottom: 44px;
}

.section-title h2 {
    font-size: 42px;
    font-weight: 700;
    color: #000;
}

.section-title h2:before {
    width: 70px;
    height: 3px;
    display: inline-block;
    background: #cc0000;
    content: "";
    margin-bottom: 8px;
}

.section-title h2 span {
    display: block;
}

.service-grid h3 {
    font-size: 28px;
    line-height: 56px;
    color: #000;
    font-weight: 700;
}

.service-grid p {
    font-size: 18px;
    font-weight: 400;
}

.service-grid figcaption a {
    font-size: 15px;
    font-weight: 700;
    color: #cc0000;
}

.front-page-wrap .row {
    margin-left: -15px;
    margin-right: -15px;
}

.front-page-wrap .col-md-4,
.front-page-wrap .col-sm-4,
.front-page-wrap .col-sm-6 {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 30px;
}

.eventsnews-grid {
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.35);
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.35);
    border: 1px solid #e4e4e4;
    padding: 78px 25px 0px 25px;
    position: relative;
    transition: all 0.6s;
}

.eventsnews-grid figure {
    width: 90px;
    height: 90px;
    background: #cc0000;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -45px;
    transition: all 0.6s;
}

.eventsnews-grid figure img {
    transition: all 0.5s;
}

.eventsnews-grid figure img.hover-icon {
    display: none;
}

.eventsnews-grid h4 {
    font-size: 24px;
    line-height: 30px;
    font-weight: 700;
    color: #000;
    text-transform: uppercase;
    margin: 15px;
    height: 50px;
}

.eventsnews-grid h6 {
    font-size: 14px;
    line-height: 14px;
    font-weight: 400;
    color: #cc0000;
}

.eventsnews-grid p {
    font-size: 14px;
    line-height: 21px;
    font-weight: 400;
    margin-bottom: 5px;
    color: #000;
}

.eventsnews-grid .inner {
    min-height: 200px;
    min-height: 200px;
    padding-top: 10px;
}

.eventsnews-grid figcaption a {
    display: block;
    border-top: 1px solid #e4e4e4;
    color: #000;
    font-size: 15px;
    text-transform: uppercase;
    line-height: 60px;
    text-align: center;
    font-weight: 700;
}

.eventsnews-grid:hover {
    background: #cc0000;
}

.eventsnews-grid:hover * {
    color: #fff;
}

.eventsnews-grid:hover figure {
    background: #fff;
}

.eventsnews-grid:hover figure img.hover-icon {
    display: block;
}

.eventsnews-grid:hover figure img.default-icon {
    display: none;
}

.eventsnews-grid:hover figcaption a {
    border-color: rgba(225, 255, 255, 0.4);
}

.eventsnews-container {
    padding-top: 45px;
}

.no-bottom-padding {
    padding-bottom: 0px;
}

.gray-bg {
    background: #f8f8f8;
}

.contact-form-wrapper {
    background: #fff;
    padding: 30px 50px;
    border-radius: 5px;
}

.contact-form-wrapper .form-row {
    display: flex;
    justify-content: space-between;
    gap: 30px;
}

.contact-form-wrapper .form-row .form-field {
    width: 100%;
    flex-basis: 0;
    flex-grow: 1;
    width: 100%;
    margin-top: 15px;
}

.contact-form-wrapper input[type="text"],
.contact-form-wrapper input[type="email"],
.contact-form-wrapper input[type="number"],
.contact-form-wrapper input[type="tel"],
.contact-form-wrapper select {
    background: #f3f3f3;
    color: #969696;
    font-weight: 600;
    border: 0;
    height: 60px;
    font-size: 16px;
    width: 100%;
    box-shadow: none;
    outline: none;
    padding: 5px 10px;
    border-radius: 5px;
    box-sizing: border-box;
    background-position: 10px center;
    background-repeat: no-repeat;
}

.contact-form-wrapper input:focus,
.contact-form-wrapper select:focus,
.contact-form-wrapper textarea:focus {
    border: 1px solid #dd0000;
    color: #000000;
}

.contact-form-wrapper textarea {
    background: #f3f3f3;
    border: 0;
    height: 120px;
    width: 100%;
    box-shadow: none;
    outline: none;
    padding: 10px 20px;
    border-radius: 5px;
    box-sizing: border-box;
    -webkit-resize: none;
    resize: none;
}

.contact-form-wrapper .form-row .form-field br {
    display: none;
}

.contact-form-wrapper .form-row .form-field label {
    display: block;
    margin-bottom: 10px;
    font-weight: 500;
    color: #000;
}

.contact-form-wrapper .form-row .form-field label span {
    font-size: 22px;
    color: #cc0000;
}

.form-captcha-inline {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
}

.captcha-box {
    display: flex;
    justify-content: flex-end;
}

.captcha-box #newsletter-captcha {
    height: 60px;
    overflow: hidden;
    display: flex;
    align-items: center;
    border: 1px solid #ddd;
    border-radius: 6px;
    max-width: 300px;
    justify-content: center;
}

.form-control-btns {
    align-items: center;
    margin-top: 15px;
}

#your-name {
    background-image: url('../img/user-icon.png');
    padding-left: 42px;
}

#your-email {
    background-image: url('../img/email-icon.png');
    padding-left: 48px;
}

#your-zipcode {
    background-image: url('../img/zipcode-icon.png');
    padding-left: 52px;
}

#your-interest {
    background-image: url('../img/interest-icon.png');
    padding-left: 46px;
}

.videoContentBox {
    width: 280px;
    padding-top: 120px;
    padding-bottom: 120px;
    min-height: 260px;
}

.videoContentBox h4 {
    font-weight: 700;
    color: #000;
    margin-bottom: 25px;
}

.w-40 {
    width: 40% !important;
}

.w-60 {
    width: 60% !important;
}

.discoverContentBox {
    width: 270px !important;
    margin: 0 0 0 275px;
}

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


/*== Changes by Irshad ==*/

section.section.blog-hero-section {
    position: relative;
    overflow: hidden;
    margin-bottom: 10px;
}

.section--background_image {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.section--background_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.section.blog-hero-section .section-content {
    position: relative;
    z-index: 1;
    padding-top: 90px;
    background: rgba(0, 0, 0, 0.6);
}

.section.blog-hero-section .text-content {
    min-height: 290px;
    display: flex;
    align-items: center;
    max-width: 820px;
    padding: 25px 0 10px;
}

.section.blog-hero-section h1 {
    font-size: 42px;
    color: #fff;
    text-transform: uppercase;
    position: relative;
    padding-top: 23px;
}

.blog-hero-section h1:before {
    width: 95px;
    height: 7px;
    background: #cc0001;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
}

.section--posts__post-types {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.section--posts__post-types>a {
    display: inline-block;
    vertical-align: top;
    min-width: 80px;
    padding: 13px 15px;
    border: 2px solid #bebdbe;
    border-radius: 4px;
    text-transform: uppercase;
    margin: 2px 5px !important;
    font-size: 16px;
    font-weight: bold;
    color: #434343;
    text-align: center;
}

.section--posts__post-types>a.active {
    background: #cc0001;
    color: #fff;
    border-color: #cc0001;
}

.blog-banner-section.content-section {
    padding-bottom: 20px;
}

html body .blog-page .section.blog-banner-section .wrap {
    height: auto;
}

.blog-post-navigation {
    padding-top: 35px;
    padding-bottom: 20px;
}

html body .blog-page .blog-post-results {
    padding-top: 20px;
}

.blog-post--element.blog-post-card .blog-post--element__thumbnail {
    background: #f2f2f2;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2) inset;
}

html body .blog-page .blog-post--element.blog-post-card .blog-post--element__thumbnail figure img {
    border: none;
}

html body .blog-page .blog-post--element.blog-post-card .blog-post--element__thumbnail figure {
    margin-bottom: 0;
}

.blog-post--element.blog-post-card .blog-post--element__title {
    padding: 10px;
    border: 1px solid #bebdbe;
    border-top: 0;
    text-align: center;
    min-height: 140px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.blog-post--element.blog-post-card:hover .blog-post--element__title {
    border-color: rgba(0, 0, 0, 0.16)
}

.blog-post--element.blog-post-card>a {
    height: 100%;
}

html body .blog-page .blog-post--element.blog-post-card .blog-post--element__title h3 {
    font-size: 19px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 3;
    line-height: 1.4;
}

.blog-post--element.blog-post-card:hover .blog-post--element__title h3 {
    color: #cc0000;
}

.blog-post--element.blog-post-card:Hover .col-wrap {
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.16);
}

html body .blog-page .blog-post--element.blog-post-card {
    margin-bottom: 20px;
}

.regular-content.blog-post-section {
    padding-bottom: 30px;
}

.mobile-bg {
    display: none;
}

.videoaside-text-section .w-40 {
    text-align: right;
}


/* .videoaside-text-section .discoverContentBox {
max-width: 315px;
margin: auto;
padding-right: 20px;
padding-left: 5px;
text-align: left;
width: auto !important;
} */

.videoaside-text-section .discoverContentBox {
    max-width: 380px;
    margin: 0 0 0 auto;
    padding-right: 80px;
    padding-left: 5px;
    text-align: left;
    width: auto !important;
}

.popup--intro::before {
    content: "";
    position: absolute;
    background-image: url('https://www.hitachifusion.com/wp-content/uploads/2022/08/chat.png');
    height: 50px;
    width: 50px;
    left: 15px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    top: 10px;
}

.popup.connect-with-us--popup {
    border-radius: 5px;
}

html body .connect-with-us--popup .popup--intro a {
    margin-left: 60px;
}

.rc-anchor-normal .rc-anchor-pt {
    margin: 0px 11px 0 0;
    padding-right: 2px;
    position: absolute;
    right: 0;
    text-align: right;
    width: 276px;
}

.single-page-content {
    padding-top: 90px;
}

.single-page-content .content-holder {
    display: flex;
    flex-wrap: wrap;
    padding: 25px 0;
}

.single-page-content .main-content {
    width: calc(100% - 350px);
    padding-right: 25px;
}

.single-page-content .sidebar-content {
    width: 350px;
}

.single-page-content .post-title {
    padding: 20px 0;
}

.single-page-content .post-title h1 {
    font-size: 2.9rem;
    font-weight: bold;
    color: #000;
}

.single-page-content .meta-data {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    text-transform: uppercase;
    font-size: 15px;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding: 15px 0;
}

.single-page-content .meta-data .date {
    color: #cc0000;
    font-weight: bold;
}

.single-page-content .meta-data .category {
    font-weight: bold;
}

.single-page-content .meta-data .separator {
    margin: 0 20px
}

.single-page-content .meta-data .social-links {
    margin-left: auto;
    display: flex;
    align-items: center;
}

.single-page-content .meta-data .social-links a {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f4f4f6;
    margin: 0 4px;
    font-size: 25px;
    transition: all 0.3s ease 0s
}

.single-page-content .meta-data .social-links a:hover {
    background: #cc0000;
    color: #fff;
}

.single-page-content .main-content .post-content {
    padding: 15px 0 5px;
    font-size: 1.79rem;
}

.single-page-content .main-content .post-content p {
    line-height: 1.3;
    margin-bottom: 20px;
}

.single-page-content .post-content h4 {
    font-size: 2rem;
    margin: 20px 0;
}

.single-page-content .post-content .wp-block-columns {
    margin-bottom: 10px;
}

.single-page-content .post-content .wp-block-image {
    margin-bottom: 10px;
}

.single-page-content .post-content .wp-block-image img {
    margin-bottom: 0;
}

.aside-block {
    margin-bottom: 20px;
}

.aside-block .block-content {
    background: #f4f4f6;
    padding: 10px 25px;
}

.aside-block .block-content .heading {
    padding: 20px 0 15px;
}

.aside-block .block-content .heading h4 {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.8rem;
    margin: 0;
    color: #000;
}

.aside-block .figure-post-item {
    display: flex;
    flex-wrap: wrap;
    padding: 25px 0;
    border-bottom: 1px solid #fff;
}

.aside-block .figure-post-item:first-of-type {
    padding-top: 5px;
}

.aside-block .figure-post-item .figure {
    width: 80px;
}

.aside-block .figure-post-item .figure a {
    height: 100%;
    position: relative;
    width: 100%;
}

.aside-block .figure-post-item .figure img {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
}

.aside-block .figure-post-item .text-content {
    width: calc(100% - 80px);
    padding-left: 15px;
    font-size: 14px;
}

.aside-block .figure-post-item .date {
    color: #cc0000;
    font-weight: bold;
    margin-bottom: 5px;
}

.aside-block .figure-post-item h5 {
    font-size: 17px;
    font-weight: bold;
    line-height: 1.4;
    margin: 0;
}

.aside-block .figure-post-item h5 a {
    color: #000;
}

.aside-block .view-all {
    text-align: center;
    font-size: 15px;
    padding: 5px 0 0;
}

.aside-block .view-all a {
    padding: 10px 0;
    font-weight: bold;
    display: inline-block;
    width: 100%;
}

.aside-block .list {
    margin-bottom: 20px;
}

.aside-block .list ul {
    list-style: none;
    font-size: 16px;
    margin-left: 0;
    padding-left: 0;
}

.aside-block .list li {
    margin-bottom: 10px;
}

.aside-block .list li a {
    font-weight: bold;
    color: #52585f;
    padding: 3px 0;
    display: inline-block;
    vertical-align: top;
    width: 100%;
}

.aside-block .list li:hover a {
    text-decoration: underline;
    color: #cc0000;
}

.aside-search-block {
    background: #000;
    padding: 10px 15px;
    color: #fff;
    margin-bottom: 20px;
}

.aside-search-block input {
    font-size: 16px;
    width: 100%;
    padding: 0 50px 0 5px;
}

.aside-search-block input,
.aside-search-block button {
    background-color: rgba(0, 0, 0, 0);
    border: 0px;
    height: 40px;
    color: #fff;
}

.aside-search-block input {
    font-weight: bold;
}

.aside-search-block ::-webkit-input-placeholder {
    color: #fff;
}

.aside-search-block:-ms-input-placeholder {
    color: #fff
}

.aside-search-block :-moz-placeholder,
.aside-search-block ::-moz-placeholder {
    color: #fff;
    opacity: 1;
}

.aside-search-block .search-field-group {
    position: relative;
    padding: 0 10px;
}

.aside-search-block button {
    position: absolute;
    right: 2px;
    top: 2px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.next-post-area {
    padding: 20px 0;
}

.next-post-area .content {
    background: #f4f4f6;
    padding: 15px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.next-post-area .post-feature-text {
    width: calc(100% - 145px);
    display: flex;
    flex-wrap: wrap;
}

.next-post-area .post-feature-text .figure {
    width: 115px;
    min-height: 110px;
}

.next-post-area .post-feature-text img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.next-post-area .navigation-cta {
    width: 145px;
    text-align: right;
    padding-right: 12px;
}

.next-post-area .navigation-cta a {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
}

.next-post-area .navigation-cta i {
    padding-left: 8px;
}

.next-post-area .post-feature-text .text-content {
    width: calc(100% - 115px);
    padding-left: 17px;
    font-size: 14px;
    padding-top: 10px;
    padding-right: 15px;
}

.next-post-area .post-feature-text .date {
    color: #cc0000;
    font-weight: bold;
    margin-bottom: 5px;
}

.next-post-area .post-feature-text h3 {
    font-size: 20px;
    font-weight: bold;
    line-height: 1.4;
    margin-bottom: 5px;
}

.next-post-area .post-feature-text h3 a {
    color: #000;
}

@media(max-width: 1199px) {
    .slide-content-container .slide-title {
        font-size: 70px;
    }
    .slide-content-container p.slide-content {
        font-size: 18px;
    }
    .video-content-box {
        padding: 40px 30px;
    }
    .single-page-content .main-content {
        width: calc(100% - 330px);
        padding-right: 20px;
    }
    .single-page-content .sidebar-content {
        width: 330px;
    }
    .single-page-content .post-title {
        padding: 15px 0 10px;
    }
    .single-page-content .post-title h1 {
        font-size: 2.1rem;
    }
    .single-page-content .meta-data {
        font-size: 13px;
    }
    .single-page-content .meta-data .separator {
        margin: 0 10px;
    }
    .single-page-content .main-content .post-content {
        font-size: 1.6rem;
    }
    .single-page-content .post-content h4 {
        font-size: 1.8rem;
        margin: 15px 0;
    }
    .single-page-content .meta-data .social-links a {
        width: 40px;
        height: 40px;
        margin: 0 3px;
        font-size: 22px;
    }
    .aside-block .block-content .heading h4 {
        font-size: 1.7rem;
    }
    .next-post-area .post-feature-text h3 {
        font-size: 16px;
    }
    .next-post-area .post-feature-text .figure {
        width: 100px;
        min-height: 100px;
    }
    .next-post-area .post-feature-text .text-content {
        width: calc(100% - 100px);
        padding-left: 15px;
        font-size: 13px;
        padding-right: 10px;
    }
    .next-post-area .post-feature-text {
        width: calc(100% - 125px);
    }
    .next-post-area .navigation-cta {
        width: 125px;
        padding-right: 10px;
    }
    .next-post-area .navigation-cta a {
        font-size: 14px;
    }
    .aside-block .block-content {
        padding: 10px 20px;
    }
    .aside-block .figure-post-item .figure {
        width: 75px;
        min-height: 70px;
    }
    .aside-block .figure-post-item .text-content {
        width: calc(100% - 75px);
        padding-left: 12px;
        font-size: 12px;
        padding-top: 7px;
    }
    .aside-block .figure-post-item h5 {
        font-size: 16px;
    }
    .aside-block .figure-post-item {
        padding: 20px 0;
    }
    .aside-block .list ul {
        font-size: 15px;
    }
    .aside-block .list li {
        margin-bottom: 7px;
    }
    .aside-block .figure-post-item .date {
        margin-bottom: 3px;
    }
}

@media(max-width: 1025px) {
    .section.blog-hero-section h1 {
        font-size: 38px;
        padding-top: 20px;
        margin-top: 10px;
        margin-bottom: 20px;
    }
    .slide-content-container .slide-title {
        font-size: 60px;
    }
    .slide-content-container p.slide-content {
        font-size: 16px;
    }
}

@media(max-width: 991px) {
    .section.blog-hero-section h1 {
        font-size: 34px;
    }
    .blog-post-navigation {
        padding-top: 25px;
        padding-bottom: 10px;
    }
    .section--posts__post-types>a {
        min-width: 68px;
        padding: 10px;
        margin: 2px 3px !important;
        font-size: 12px;
    }
    html body .blog-page .blog-post--element.blog-post-card .blog-post--element__title h3 {
        font-size: 17px;
    }
    .blog-post--element.blog-post-card .blog-post--element__title {
        min-height: 120px;
    }
    .video-content-box h3 {
        font-size: 36px;
    }
    .single-page-content .main-content {
        width: 100%;
        padding-right: 0;
    }
    .single-page-content .sidebar-content {
        width: 100%
    }
    .next-post-area .post-feature-text h3 {
        font-size: 17px;
    }
}

@media(max-width: 767px) {
    .mobile-bg {
        display: block;
    }
    .desktop-bg {
        display: none;
    }
    .section.blog-hero-section h1 {
        font-size: 30px;
    }
    .section--posts__post-types>a.all {
        width: 100%;
    }
    .section--posts__post-types>a {
        width: calc(50% - 2px);
        margin: 2px 1px !important;
        padding: 10px 6px;
    }
    .slide-content-container .slide-title {
        font-size: 50px;
    }
    .videoaside-text-section .fluid-flex {
        flex-wrap: wrap;
    }
    .videoaside-text-section .fluid-flex .video-poster {
        width: 100% !important;
        order: 1;
        padding: 30% 0;
    }
    .videoaside-text-section .w-40 {
        text-align: left;
        width: 100% !important;
        order: 2;
    }
    .videoaside-text-section .discoverContentBox {
        max-width: 100%;
        margin-left: 0;
        text-align: left;
        min-height: auto;
        padding: 30px 20px;
    }
    .contact-form-wrapper {
        padding: 30px 20px;
    }
    .contact-form-wrapper>.section-title h2 {
        font-size: 30px;
    }
    .contact-form-wrapper .form-row {
        gap: 0;
        flex-wrap: wrap;
    }
    .contact-form-wrapper .form-row .form-field {
        flex-basis: auto;
    }
    .service-grid h4 {
        font-size: 26px;
        line-height: 1.2;
    }
    .latest-trend-videoaside-section .fluid-flex {
        flex-wrap: wrap;
    }
    .latest-trend-videoaside-section .video-content {
        width: 100%
    }
    .latest-trend-videoaside-section .fluid-flex .video-poster {
        width: 100%;
        padding: 30% 0;
    }
    .heroslideshow-wrapper {
        margin-bottom: 15px;
    }
    .eventsnews-container .col-md-4 {
        margin-bottom: 70px
    }
    .eventsnews-container .col-md-4:last-of-type {
        margin-bottom: 30px
    }
    .section-title h2 {
        font-size: 40px;
    }
    .single-page-content .meta-data .social-links {
        width: 100%;
        margin-top: 10px;
    }
    .single-page-content .post-title h1 {
        font-size: 1.9rem;
    }
    .next-post-area .content {
        padding: 10px;
    }
    .next-post-area .post-feature-text {
        width: calc(100% - 105px);
        padding-right: 5px;
    }
    .next-post-area .navigation-cta {
        width: 105px;
        padding-right: 5px;
    }
    .next-post-area .navigation-cta a {
        font-size: 13px;
    }
    .next-post-area .navigation-cta i {
        padding-left: 2px;
    }
    .next-post-area .post-feature-text .figure {
        width: 80px;
        min-height: 90px;
    }
    .next-post-area .post-feature-text .text-content {
        width: calc(100% - 80px);
        padding-left: 12px;
        font-size: 12px;
    }
    .next-post-area .post-feature-text h3 {
        font-size: 15px;
    }
    .aside-block .figure-post-item h5 {
        line-height: 1.3;
    }
    .single-page-content .content-holder {
        padding: 15px 0;
    }
}

@media(max-width: 570px) {
    .next-post-area .post-feature-text {
        width: 100%;
        padding-bottom: 10px;
        padding-right: 0
    }
    .next-post-area .navigation-cta {
        width: 100%;
        text-align: right;
        padding: 5px;
        border-top: 1px solid rgba(0, 0, 0, 0.1);
    }
    .next-post-area .content {
        padding-bottom: 3px;
    }
}

@media(max-width: 480px) {
    .video-content-box h3 {
        font-size: 32px;
    }
    .section-title h2 {
        font-size: 36px;
    }
    .content-section.text-img-section {
        padding: 20px 0;
    }
    .single-page-content .meta-data {
        font-size: 12px;
    }
    .single-page-content .meta-data .separator {
        margin: 0 5px;
    }
    .single-page-content .post-title h1 {
        font-size: 1.7rem;
    }
    .single-page-content .post-content h4 {
        font-size: 1.6rem;
    }
}

@media(max-width: 420px) {
    .next-post-area .post-feature-text h3 {
        font-size: 13px;
    }
}

@media(max-width: 410px) {
    .aside-block .figure-post-item h5 {
        font-size: 14px;
    }
}

@media(max-width: 400px) {
    .section--posts__post-types>a {
        width: 100%;
        margin: 2px 0 !important;
    }
    .slide-content-container .slide-title {
        font-size: 48px;
    }
}

@media (min-width: 600px) and (max-width: 781px) {
    .single-page-content .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:nth-child(2n) {
        margin-left: var(--wp--style--block-gap, 0.1em);
    }
    @media(min-width: 782px) {
        .single-page-content .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:not(:first-child) {
            margin-left: var(--wp--style--block-gap, 0.1em);
        }
    }
}


/*== Finished changes by Irshad ==*/

@media only screen and (max-height: 650px) {
    html body footer.site-footer .navigation-content .padding-top-footer {
        padding: 8rem 15px 0rem !important;
    }
}

html body footer.site-footer .navigation-content .logo-wrap img {
    max-width: 205px !important;
}

html body footer.site-footer .navigation-content .logo-wrap a.color-dark {
    font-size: 36px !important;
}

@media(max-width: 499px) {
    html body footer.site-footer .navigation-content .logo-wrap a.color-dark {
        font-size: 30px !important;
    }
}

.site-footer .navigation-content {
    margin-top: -10px !important;
}


/* Popup Form */

#wpcf7-f267-o2 .category {
    margin-bottom: 0rem;
    margin-top: 0rem;
}

input#fullName {
    background-image: url(https://../img/user-icon.png);
    padding-left: 42px;
    background-position: 10px center;
    background-repeat: no-repeat;
}

#wpcf7-f267-o2 input:focus,
#wpcf7-f267-o2 select:focus,
#wpcf7-f267-o2 textarea:focus {
    border: 1px solid #dd0000 !important;
    color: #000000;
    background-color: #fff;
}

#wpcf7-f267-o2 input#emailConnect {
    background-image: url(https://../img/email-icon.png);
    padding-left: 48px;
}

#wpcf7-f267-o2 input#zipCode {
    background-image: url(https://../img/zipcode-icon.png);
    padding-left: 52px;
}

#wpcf7-f267-o2 select#your_interest {
    background-image: url(https://../img/interest-icon.png);
    padding-left: 46px;
}

#wpcf7-f267-o2 label,
#wpcf7-f267-o2 label.hide {
    display: inline-block !important;
    margin-bottom: 10px !important;
    font-weight: 500 !important;
    color: #000 !important;
    padding: 0 !important;
}

#wpcf7-f267-o2 label span {
    font-size: 22px;
    color: #cc0000 !important;
}

#wpcf7-f267-o2 textarea#msg_comment {
    background: #f3f3f3;
    border: 0;
    height: 120px;
    width: 100%;
    box-shadow: none;
    outline: none;
    padding: 10px 20px;
    border-radius: 5px;
    box-sizing: border-box;
    -webkit-resize: none;
    resize: none;
}

#wpcf7-f267-o2 button.wpcf7-submit {
    line-height: 50px !important;
    border-radius: 3px !important;
    padding: 0px 30px !important;
    border: 1px solid #cc0000 !important;
    background-color: #cc0000 !important;
    color: #fff !important;
    margin-top: 15px;
}


/******For small screens******/

@media(max-width:768px) {
    html body .connect-with-us--form-container .modal-content h3 {
        font-size: 3rem;
    }
    html body .connect-with-us--form-container .modal-dialog {
        max-width: 370px;
    }
    #wpcf7-f267-o2 .recaptcha-item {
        right: unset !important;
        top: unset !important;
    }
    .captcha-box {
        justify-content: center !important;
    }
}

#wpcf7-f267-o2 .recaptcha-item {
    right: -70px;
    top: 3px;
}

.wpcf7-spinner {
    position: absolute !important;
}

.popup.connect-with-us--popup.active.display-form {
    max-width: 400px !important;
    transition: all ease-in-out 0.6s !important;
}