/* fontss */
.uLight {
    font-family: "usual", sans-serif;
    font-weight: 300;
    font-style: normal;
}

.uLightItalic {

    font-family: "usual", sans-serif;
    font-weight: 300;
    font-style: italic;
}

.uRegular {

    font-family: "usual", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.uItalic {

    font-family: "usual", sans-serif;
    font-weight: 400;
    font-style: italic;
}

.uMedium {

    font-family: "usual", sans-serif;
    font-weight: 600;
    font-style: normal;
}

.uMediumItalic {
    font-family: "usual", sans-serif;
    font-weight: 600;
    font-style: italic;
}

.uBold {

    font-family: "usual", sans-serif;
    font-weight: 700;
    font-style: normal;
}

.uBoldItalic {
    font-family: "usual", sans-serif;
    font-weight: 700;
    font-style: italic;
}

.uExtraBold {
    font-family: "usual", sans-serif;
    font-weight: 800;
    font-style: normal;
}

.uExtraBoldItalic {
    font-family: "usual", sans-serif;
    font-weight: 800;
    font-style: italic;
}


/***** header styles ******/
.pad-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

header ul {
    padding: 0;
    list-style: none;
    display: flex;
    align-items: center;
    margin: 0 !important;
    margin-top: -4px !important;
}

header ul:not(.multilanguage) li {
    margin-right: 60px;
}

header ul li a {
    font-family: "usual", sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.3px;
    color: #ffffff;
}

header:not(.showSecondHead) ul li a:hover {
    color: #fff;
}

header ul li.current_page_item a {
    font-family: "usual", sans-serif;
    font-weight: 600;
}

.lang-zh-hant header ul li.current_page_item a {
    font-family: 'Noto Sans TC', sans-serif !important;
    font-weight: 800 !important;
}


.navigationLeft ul li:last-child,
.navigationRight ul li:last-child {
    margin-right: 0px;
}

ul.multilanguage li,
div.multilanguage ul li {
    position: relative;
    padding-left: 6px !important;
    padding-right: 6px !important;
}

ul.multilanguage li:first-child:before,
div.multilanguage ul li:first-child:before {
    content: '';
    width: 1px;
    height: 11px;
    background: #333333;
    position: absolute;
    right: -1px;
    top: 24px;

}

div.multilanguage ul li a {
    display: inline;
    padding: 0px;
    line-height: inherit;
}

ul.multilanguage li.active a,
div.multilanguage li.wpml-ls-current-language a {
    color: #000;
    font-family: "usual", sans-serif;
    font-weight: 600;

}

.contactUsOverlay {
    background: #000000d9;
    position: fixed;
    width: 100%;
    left: 0;
    right: 0;
    z-index: 999999;
    padding-top: 80px;
    padding-bottom: 60px;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s linear 600ms, opacity 600ms;

}

.contactUsOverlay.result_hover {
    visibility: visible;
    opacity: 1;
    transition: visibility 0s linear 0s, opacity 600ms;
}

.contactUsOverlay .padding-defaul64 {
    position: relative;
}

.shapePattern {
    position: absolute;
    right: 63px;
    top: 0;
}

.contactUsOverlay.result_hover {
    /* display: block; */
    /* visibility: visible;
    opacity: 1;    
    animation: fade-in 1s;     */
}

.contactUsOverlay p,
.contactUsOverlay h3,
.contactUsOverlay a {
    color: #fff;
    font-family: "usual", sans-serif;
    font-weight: 300;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0.26px;

}

.contactUsOverlay h3 {
    font-family: "usual", sans-serif;
    font-weight: 600;
}

.contactUsOverlay p {
    margin-bottom: 0.844rem;
}

.contactUsOverlay p:last-child {
    margin-bottom: 0;
    ;
}

.pageSpacer {
    height: 210px;
}

.headingCaptionMbt {
    font-size: 14px;
    color: #333333;
    /*font-weight: 500;*/
    /*letter-spacing: -0.88px;*/
    letter-spacing: 0.1px;
    line-height: 17px;

    font-family: "usual", sans-serif;
    font-weight: 400;
    text-align: center;
    margin-top: 17px;

}

.spacerTop175 {
    margin-top: 172px;
}

.aboutPageDescriptionBottomText {
    margin-top: 63px;
}

.aboutPageDescription p,
.aboutPageDescriptionBottomText p {
    color: #333333;
    font-family: "usual", sans-serif;
    font-weight: 300;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0;
}

.carasoulHeading {
    font-family: "usual", sans-serif;
    font-weight: 600;
    color: #333333;
    font-size: 13px;
    letter-spacing: -0.04px;
    text-align: center;
    margin-bottom: 12px;
}

.homePageSliderSlick .slideRowRepeater .imageBoxSec {
    display: flex;
}

.slickSlideHome .slideDescripText {
    margin-top: 25px;
}

.slideDescripText .disCity {
    font-family: "usual", sans-serif;
    font-weight: 300;
    color: #333333;
    font-size: 14px;
    margin: 0;
}

.slideDescripText .disCity strong {
    font-family: "usual", sans-serif;
    font-weight: 700;
}

.slideDescripText .slideDecrParagraph {
    font-family: "usual", sans-serif;
    font-weight: 300;
    color: #333333;
    font-size: 14px;
    letter-spacing: -0.35px;
}

.slideRowRepeater a:hover,
.slideRowRepeater a {
    text-decoration: none;
    display: block;
}

.imageOneLeft {
    padding-right: 5px;
}

.imageTwoRight {
    padding-left: 5px;
}




/* the slides */
.slick-slide {
    margin: 0 5px;
}

/* the parent */
.slick-list {
    margin: 0 -5px;
}


.slick-next,
.slick-prev {
    /* margin-top: -72px; */
    top: 36%;
    transform: translateY(-36%);
}

.slick-prev,
.slick-next {
    width: 18px;
    height: 34px;
    z-index: 1234;
}

.slick-prev,
.slick-prev:focus,
.slick-prev:hover {
    background: url(assets/images/Arrow_left.svg);
}

.slick-next,
.slick-next:focus,
.slick-next:hover {
    background: url(assets/images/Arrow_right.svg);
}

.slick-prev:before {
    visibility: hidden;
    opacity: 0;
}

.slick-next:before {
    visibility: hidden;
    opacity: 0;
}

.slick-prev {
    left: -38px;
}

.slick-next {
    right: -38px;
}



.descriptionSLide {
    margin-top: 13px;
    text-align: center;
}

.descriptionSLide h4 {
    font-family: "usual", sans-serif;
    font-weight: 600;
    color: #333333;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 1;
    margin: 0;
    margin-bottom: 2px;
}

.descriptionSLide p {
    font-family: "usual", sans-serif;
    font-weight: 300;
    color: #333333;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 1.3;
    margin: 0;
}

.slideItem a {
    display: block;
}

.slideItem a:hover {
    text-decoration: none;
}

.slickSlide .slick-dots,
.slick-dots {
    position: static;
    margin-top: 18px;
}

.slick-dots li {
    margin: 0 0px;
    width: 11px;
    height: 11px;
    padding: 0;
}

.slick-dots li button {
    width: 8px;
    height: 8px;
    padding: 0;
    display: block;
    background: #f0f0f0;
    border-radius: 100px;
    border: 1px solid #90908f;
}

.slick-dots li button:before {
    font-size: 10px;
    width: 15px;
    height: 15px;
}

.slick-dots li button:before {
    content: none;
}

.slick-dots li.slick-active button {
    background: #333333;
    border: 1px solid #333333;
}

.homePageSliderSlick .slick-list {
    margin: 0 -43px;
}

.homePageSliderSlick .slick-slide {
    margin: 0 43px;
}

.pageSpacer230 {
    margin-top: 218px;
}


.bespokePageContainer .nav {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    flex: 1 1 auto;
    padding: 10px 20px;
    /* margin-top: 40px; */
}

.bespokePageContainer .nav-item {
    position: relative;
    /* padding: 0 5px; */
    margin: 0 10px;
    text-decoration: none;
    line-height: 1.5;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 17px;
    color: #333333;
    font-family: "usual", sans-serif;
    font-weight: 300;
}

.bespokePageContainer .nav-item:hover,
.bespokePageContainer .nav-item:hover {
    text-decoration: underline;
}

.bespokePageContainer .nav-item:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    height: 0px;
    background: #595959;
    transition: all 500ms;
}

.bespokePageContainer .nav-item.active {
    color: black;
    transition: all 350ms;
    font-family: "usual", sans-serif;
    font-weight: 600;
}

.bespokePageContainer .nav-item.active:before {
    width: 100%;
}

.bespokePageContainer .portfolio {
    display: flex;
    flex-flow: row wrap;
    padding: 0;
    margin: 0;
    list-style: none;
    margin-left: -5px;
    margin-right: -5px;
}

.bespokePageContainer .project {
    position: relative;
    /* flex: 1 0 calc(100% - 20px);
    margin: 5px; */
    width: 33.333%;
    padding: 5px;


}

.bespokePageContainer .project a:hover {
    text-decoration: none;
}

.bespokePageContainer .project:hover .project-info {
    /* background: rgba(89, 89, 89, 0.7); */
}

main#mainPage {
    margin-top: 168px;
}

a.nav-item.disableLink {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
}

header ul li a,
a,
.pageWrapperParentMbt .project .project-info-title,
span.hoverState,
.hoverState,
.hoverStateActive .hoverState {
    position: relative;
}

header ul li a:hover,
.bespokePageContainer .nav-item:hover,
.bespokePageContainer .nav-item:hover,
a:hover {
    text-decoration: none;
}

header ul li a::after,
.bespokePageContainer .nav-item:after,
.bespokePageContainer .nav-item:after,
a:not(.navbar-brand, .footer-logo a, .portfolio a):after,
.pageWrapperParentMbt .project a .project-info-title .hoverState:after,
.hoverStateActive .hoverState:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #333333;
    opacity: 0;
    transition: opacity 300ms, transform 300ms;
}

.page-template-template-partshome-template-php header:not(.showSecondHead) ul li a::after,
.single header:not(.showSecondHead).wihte-header ul li a::after,
.contactUsOverlay a::after {

    background-color: #fff !important;
}

header ul li a:hover::after,
header ul li a:focus::after
/* ,.bespokePageContainer .nav-item:hover::after, .bespokePageContainer .nav-item:hover::after,a:not(.navbar-brand, .footer-logo a,.portfolio a):hover::after
,.pageWrapperParentMbt .project a:hover .project-info-title .hoverState::after,.hoverStateActive  a:hover .hoverState::after */

    {
    opacity: 1;
    transform: translate3d(0, 1px, 0);
}

.slickSlideHome a:after {
    content: none !important;
}

li#menu-item-5466 {
    display: none;
}

.home p.disCity {
    font-family: "usual", sans-serif;
    font-weight: 600;
}

.hoverStateActive a:hover:after {
    display: none;
}


.wpml-ls-legacy-list-horizontal {
    padding: 0px !important;
    margin-top: -6px;
    border: 0;
}






body.lang-zh-hant header ul li:not(.wpml-ls-item) a,
body.lang-zh-hant body.lang-zh-hant .aboutPageDescription p,
body.lang-zh-hant .aboutPageDescriptionBottomText p,
body.lang-zh-hant .contactUsOverlay p,
body.lang-zh-hant .contactUsOverlay h3,
body.lang-zh-hant .contactUsOverlay a,
body.lang-zh-hant .slideDescripText .slideDecrParagraph,
body.lang-zh-hant .bespokePageContainer .project-info-title,
body.lang-zh-hant .contentDescription p,
body.lang-zh-hant:not(.page-template-temp-about) .carasoulHeading,
body.lang-zh-hant .bespokePageContainer .nav-item,
body.lang-zh-hant .aboutPageDescription p,
body.lang-zh-hant .aboutPageDescriptionBottomText p,
body.lang-zh-hant .slideDescripText .disCity,
body.lang-zh-hant .headingCaptionMbt,
body.lang-zh-hant .left-right-fields .left p,
body.lang-zh-hant .left-right-fields .right p,
body.lang-zh-hant .left-right-fields .left a,
body.lang-zh-hant .left-right-fields .right a {
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 500;
}

body.lang-zh-hant .bespokePageContainer .nav-item.active,
body.lang-zh-hant p.disCity.project-info-title,
body.lang-zh-hant strong {
    font-weight: 500;
}

body.lang-zh-hant .multilanguage ul li:last-child a {
    position: relative;
    top: 1px;
}

a#nav-icon4:after {
    content: none;
}

.home p.slideDecrParagraph {
    /* display: none; */
}

.edit-button-class {
    position: absolute;
    left: 8px;
    bottom: 0px;
    z-index: 458789;
    z-index: 9999;
}

.btn.btn-primary.btn-edit-post-link {
    color: #fff;
    background-color: #666;
    border-color: #666;
}


/* //new animation plus minus */
.plusminus {
    position: relative;
    width: 10px;
    height: 10px;
    cursor: pointer;
    line-height: 1;
    top: -1px;
    margin-right: 2px;
}

.plusminus.active:before {
    transform: translatey(-50%) rotate(-90deg);
    opacity: 0;
}

.plusminus.active:after {
    transform: translatey(-50%) rotate(0);
}

.plusminus:before,
.plusminus:after {
    content: "";
    display: block;
    background-color: #333;
    position: absolute;
    top: 50%;
    left: 0;
    transition: 0.35s;
    width: 100%;
    height: 2px;
}

.plusminus:before {
    transform: translatey(-50%);
}

.plusminus:after {
    transform: translatey(-50%) rotate(90deg);
}

html body .pageNotfound span {
    font-family: "usual", sans-serif;
    font-weight: 700;
    margin-bottom: 0;
}

.gobackHome,
.gobackHome a {
    color: #333333;
    font-family: "usual", sans-serif;
    font-weight: 300;
    font-size: 13px;
    letter-spacing: 0;
}

header ul li {}

.contact-btn a {
    display: flex;
    padding: 6px 12px;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    border: 1px solid #FFF;
    margin-top: 6px;
}

footer {
    position: relative;
    background-color: #3E3E3E;
    padding-top: 55px;
    padding-bottom: 30px;
    overflow: hidden;
}

.footer-logo {
    margin-bottom: 55px;
}

.footer-logo img {
    max-width: 180px;
}



footer ul {
    padding-left: 0;
}

footer ul li {
    display: block;
    line-height: 21px;
}

.footer-up ul li a {
    font-family: "usual", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    /* 15.6px */
    letter-spacing: 0.5px;
    color: #fff;
    padding: 4px;
    display: flex;
    padding-left: 0;
    padding-right: 0;
}

.footer-up ul li a:hover {
    text-decoration: none;
}

.footer-up h6 {
    font-family: "usual", sans-serif;
    font-weight: 600;
    color: #FFF;
    font-size: 13px;
    font-style: normal;
    line-height: 16px;
    padding: 4px;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
}

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

.contact-list li {
    margin-top: 6px;
}



.mailing-list a {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    /* 21px */
    letter-spacing: 0.3px;
    padding: 8px 16px;
}

.container-fluid {
    padding-left: 60px;
    padding-right: 60px;
}

footer ul li.instagram-nav a,
footer ul li.twitter-nav a,
footer ul li.linkedIn-nav a,
footer ul li.facebook-nav a,
footer ul li.pinterest-nav a {
    background-repeat: no-repeat;
    background-position: center left;
    padding-left: 27px;
}

footer ul li.instagram-nav a {
    background-image: url("assets/images/eco/instagram-icon.svg");
}

footer ul li.twitter-nav a {
    background-image: url("assets/images/eco/twitter-icon.svg");
}

footer ul li.linkedIn-nav a {
    background-image: url("assets/images/eco/linkedIn-icon.svg");
}

footer ul li.pinterest-nav a {
    background-image: url("assets/images/eco/pinterest-icon.svg");
}


footer ul li.facebook-nav a {
    background-image: url("assets/images/eco/facebook-icon.svg");
}

.site-by-tamassy {
    color: #FFF;
    font-family: "usual", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 325;
    line-height: 150%;
    position: relative;
    top: -2px;
}

.site-by-tamassy a {
    color: inherit;
}

.row.footer-links {
    padding-bottom: 30px;
}

footer .scroll-to-up {
    position: absolute;
    left: 0;
    right: 0;
    width: 46px;
    bottom: 30px;
    height: 46px;
    z-index: 999;
    margin-left: auto;
    margin-right: auto;
    margin-right: auto;
}

.gap-13 {
    gap: 13px;
}

.radius-25 {
    border-radius: 25px;
}

.navigationRight.topNavigation ul li a {

    position: relative;
    line-height: normal;
}

.custom-menu-right>ul>li>a:after
{
    content: '';
    height: 1px;
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    background: #E63B6A;
    visibility: hidden;
    transition: 0.35s linear;
    transform: scaleX(0);
}

.darkHeaderr .custom-menu-right>ul>li>a:after,
.page-template-ecospace_contact #header ul li a:after {
    background: #E63B6A;
}

.custom-menu-right>ul>li:hover>a:after
,.custom-menu-right>ul>li.current-page-ancestor a:after
,.custom-menu-right>ul>li.current-menu-item a:after
{
    visibility: visible;
    transform: scaleX(1);
}
.custom-menu-right>ul>li.current-page-ancestor a:after
,.custom-menu-right>ul>li.current-menu-item a:after
{
    opacity: 1;
}


.darkHeaderr .custom-menu-right>ul>li.contact-btn>a:after,
.page-template-ecospace_contact #header ul li.contact-btn a:after,
#header ul li.contact-btn a:after {
    background: transparent;
}

.bg-gradient-option-one {
    background: #E63B6A;
    padding: 80px 10px;
    background-image: url(assets/images/PORA_Footer_Subscribe_BG.jpg);
    background-position: 0;
    background-size: cover;
}

.btn-primary {
    background: #3E3E3E;
    border-radius: 5px;
    color: #fff;
    min-width: 160px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-color: #494732;
}

.btn-secoundary {
    border: 1px solid #494732;
    color: #494732;
    min-width: 160px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.contact-inquiery-section .mailing-list a {
    margin-left: 5px;
    margin-right: 5px;
}

.footer-upper-info {
    margin-top: 30px;
    margin-bottom: 30px;
    color: #fff !important;
}

.mb-0 {
    margin-bottom: 0;
}

.info-content h6 {
    font-family: "usual", sans-serif;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 38.4px;
}

.btn-primary:hover {
    background-color: #000000;
    border-color: #1c1c1c;
}

.border-1px-white {
    border: 1px solid #fff;
}

.padding-top80-bottom50 {
    padding: 80px 0 50px 0;
}

.hidden {
    display: none !important;
}

.max-1080 {
    max-width: 1080px;
    margin-left: auto;
    margin-right: auto;
}

.navigation-wrapper {
    background: #F8F8F5;
    padding: 15px 0 15px 0;
}

ul#menu-configurator-submenu {
    display: flex;
    flex-wrap: wrap;
    column-gap: 10px;
    margin: 0;
    justify-content: center;
    padding: 0;
}

ul#menu-configurator-submenu li {
    display: flex;
    flex-wrap: wrap;
}

ul#menu-configurator-submenu li a,
ul#menu-configurator-submenu .navigation-wrapper a {
    font-family: "usual", sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 28.8px;
    /* 120% */
    padding: 10px 15px;
    display: flex;
    flex-wrap: wrap;
    border-radius: 4px;
    border: 1px solid var(--secondary-700, #E63B6A);
    color: var(--secondary-700, #E63B6A);
}

ul#menu-configurator-submenu .selected-nav a,
ul#menu-configurator-submenu .current-menu-item a {
    border: 1px solid var(--secondary-600, #E63B6A);
    background: var(--secondary-600, #E63B6A);
    color: #fff;

}

.spacer-block-wrapper {
    height: 120px;
}
.video-mp4:hover .custom-controlbar{
    display: none !important;
}

@media (min-width: 520px) {
    .bespokePageContainer .project {
        /* flex: 0 0 calc((100% / 2) - 20px); */
    }
}

@media (min-width: 860px) {
    .bespokePageContainer .project {
        /* flex: 0 0 calc((100% / 3) - 20px); */
    }
}

.bespokePageContainer .project-image img {
    display: block;
    width: 100%;
    height: auto;
}

.bespokePageContainer .project-info {
    /* position: absolute; */
    /* top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px;
    color: #f6f6f6;
    background: rgba(89, 89, 89, 0.8); */
    /* opacity: 0; */
    transition: all 350ms ease-in;
}

.bespokePageContainer .project-info:hover {
    opacity: 1;
}

.circle-plus .circle {
    width: 10px;
    height: 10px;
    margin-right: 3px;
    background-size: cover;
}

.circle-plus.closed .circle {
    background-image: url(assets/images/plus.svg);
}

.circle-plus.opened .circle {
    background-image: url(assets/images/minus.svg);
}

.circle-plus .circle .horizontal,
.circle-plus .circle .vertical {
    display: none;
}


@media (max-width: 520px) {
    .project-info {
        opacity: 0.8;
    }
}


@media (min-width: 1024px) {

    ul.multilanguage,
    div.multilanguage ul {
        margin-left: 54px !important;
    }
}

.bespokePageContainer .project-info-title {
    /* margin: 0 0 0.5em;
    font-size: 2.5em;
    text-align: center;
    text-transform: uppercase; */
    font-family: "usual", sans-serif;
    font-weight: 600;
}

.bespokePageContainer .project-info-button {
    padding: 0.5em 1em;
    color: inherit;
    text-decoration: none;
    border: 1px solid #f6f6f6;
    border-radius: 3px;
    transition: all 350ms;
}

.bespokePageContainer .project-info-button:hover {
    /* color: #595959;
    background: #f6f6f6;
    border-color: #f6f6f6; */
}


.parentMenuParent {
    /* max-width: 486px; */
    margin-left: auto;
    margin-right: auto;
    /*margin-bottom: 70px;*/
    display: none;
}

.filterTExt {
    font-size: 13px;
    letter-spacing: 0;
    line-height: 17px;
    text-align: center;
    font-family: "usual", sans-serif;
    font-weight: 600;
    margin-bottom: 10px;
}

.bespokePageContainer main#mainPage {
    margin-top: 193px;
}

.bespokePageContainer .portfolio {
    min-height: 384px;
    margin-top: 70px;
}

nav.nav.category-tab {
    padding-bottom: 0;
}

.bespokePageContainer .slideDescripText {
    margin-top: 15px;
    margin-bottom: 45px;
}

.bespokePageContainer .slideDescripText .slideDecrParagraph {
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 17px;
}

.bespokePageWrapper .slideDescripText {
    margin-top: 10px;
}

.bespokePageWrapper .slideDescripText .slideDecrParagraph strong {
    font-family: "usual", sans-serif;
    font-weight: 600;
    display: block;
    font-size: 14px;
    letter-spacing: 0;

}

.bespokePageWrapper .project-info-title {
    margin-bottom: 20px;
}

.bespokePageWrapper .slideDescripText {
    margin-bottom: 105px;
}

.max1080 {
    max-width: 1080px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

.mt-10 {
    margin-top: 10px;
}

.mb-10 {
    margin-bottom: 10px;
    ;
}

.posStatic {
    position: static;
}

.alignToTopCustomMbt {
    position: absolute;
    top: 0;
    max-width: 33.3333%;
}

.posRelative {
    position: relative;
}

.posStatic {
    position: static;
}

.designMixedLayout.layouThree .imageTwo img {
    /* position: absolute;
    top: 0;
    max-width: 33.33%; */
}

.captionBlock span {
    font-family: "usual", sans-serif;
    font-weight: 600;
    color: #333333;
    font-size: 13px;
    margin: 0;
    list-style: none;
    margin-bottom: 15px;
    display: block;
    line-height: 15px;
}

.mt-30 {
    margin-top: 30px;
}

.mb-175 {
    margin-bottom: 175px;
}

.minusTop10 {
    margin-top: -10%;
}

.emptyHeight {
    float: left;
    width: 100%;
}

.emptyHeight::after {
    content: "";
    clear: both;
    display: table;
}

.designMixedLayout.layoutFour .imageTwo {
    /* position: relative;
    top: 0;
    max-width: 33.33%;
    right: 0; */

}

.designMixedLayout.layoutFour .imageThree {
    /* position: relative;
    top: 433px;
    right: 0;     */
}

.designMixedLayout.layoutFour .imageFour {}

.designMixedLayout.layoutFour .imageFive {}

.colRight .imageThree img {
    width: 100%;
}

.row.captionBlock {
    margin-bottom: 160px;
}

#header:not(.wihte-header) .logoWhite {
    display: none;
}



.single header:not(.showSecondHead).wihte-header .logoWhite {
    display: inline-block;
}

.single header:not(.showSecondHead).wihte-header .logoBlack {
    display: none;
}

.page-template-template-partshome-template-php header:not(.showSecondHead) .logoWhite {
    display: inline-block;
}

header.wihte-header:not(.showSecondHead) .logoBlack {
    display: none;
}

.page-template-ecospace_contact #header:not(.showSecondHead) .logoBlack {
    display: inline-flex;
}

.page-template-ecospace_contact #header:not(.showSecondHead) .logoWhite {
    display: none;
}

.page-template-template-partshome-template-php header:not(.showSecondHead) ul li a,
.single header:not(.showSecondHead).wihte-header ul li a {
    color: #ffffff;
}

.page-template-template-partshome-template-php header:not(.showSecondHead) ul.multilanguage li:first-child:before,
.single header:not(.showSecondHead).wihte-header ul.multilanguage li:first-child:before,
.home header:not(.showSecondHead) ul.multilanguage li:first-child:before,
.home header:not(.showSecondHead) div.multilanguage ul li:first-child:before,
.single header:not(.showSecondHead).wihte-header ul.multilanguage li:first-child:before,
.single header:not(.showSecondHead).wihte-header div.multilanguage ul li:first-child:before {
    background: #fff;
}

body.page-template-ecospace_contact header:not(.showSecondHead) .logoWhite {
    display: none;
}


header.black-header:not(.showSecondHead) .logoBlack {
    display: inline-block;
}

header.black-header:not(.showSecondHead) ul li a {
    color: #494732;
}

header.black-header:not(.showSecondHead) .custom-menu-right>ul>li>a:after {
    background: #E63B6A;
}

header.black-header:not(.showSecondHead) .contact-btn a {
    border: 0px solid #494732;
    background-color: #E63B6A;
    color: #FFF;
}


header.white-header:not(.showSecondHead) .logoWhite {
    display: inline-block;
}

.designMixedLayout .space_above_175 {
    margin-bottom: 15px;
}

.space_above_175 {
    margin-top: 175px;
}

.contentDescription p {
    font-family: "usual", sans-serif;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0.24px;
    line-height: 20px;
    color: #333333;
}

.contentDescription a {
    font-family: "usual", sans-serif;
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 0.24px;
    line-height: 17px;
    color: #333333;
}

.textBlock.contentDescription {
    margin: 50px auto;
}

.slider-section .project-info.slideDescripText {
    margin-top: 25px;

    margin-bottom: 154px
}

.slider-section .slideDescripText .disCity {
    font-family: "usual", sans-serif;
    font-weight: 600;
    font-size: 13px;
    font-weight: 300;
    letter-spacing: 0.24px;
    text-align: center;
}

.home .slideDescripText {
    text-align: center;
}

.slider-section .slideDescripText p {
    font-family: "usual", sans-serif;
    font-weight: 300;
    color: #333333;
    font-size: 14px;
    letter-spacing: -0.35px;
}

.relatedProjects .slideDescripText {
    margin-top: 15px;
    margin-bottom: 45px;
}

.relatedProjects .slideDescripText {
    margin-top: 15px;
    margin-bottom: 45px;
}

.relatedProjects .project-info-title {
    font-family: "usual", sans-serif;
    font-weight: 600;
}

.relatedProjects .disCity {
    font-family: "usual", sans-serif;
    font-weight: 300;
    color: #333333;
    font-size: 14px;
    margin: 0;
    font-family: "usual", sans-serif;
    font-weight: 600;
}

.relatedProjects .slideDecrParagraph {
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 17px;
}

.relatedProjects a:hover {
    text-decoration: none;
}

.relatedProjects .relatedProjectHeading {
    color: #000000;
    font-family: "usual", sans-serif;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 17px;
    text-align: center;
    margin-bottom: 30px;
}

.darkHeaderr {

    background: #fff;
    opacity: 0;

}


.showSecondHead {
    opacity: 1;
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -ms-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;



}

.closed .vertical {
    transition: all 0.5s ease-in-out;
    transform: rotate(-90deg);
}

.closed .horizontal {
    transition: all 0.5s ease-in-out;
    transform: rotate(-90deg);
    opacity: 1;
}

.opened {
    opacity: 1;
}

.opened .vertical {
    transition: all 0.5s ease-in-out;
    transform: rotate(90deg);
}

.opened .horizontal {
    transition: all 0.5s ease-in-out;
    transform: rotate(90deg);
    opacity: 0;
}

.circle-plus .circle {
    position: relative;
}

.circle-plus .circle .horizontal {
    position: absolute;
    background-color: #1a1919;
    width: 10px;
    height: 2px;
    left: 50%;
    margin-left: -12px;
    top: 50%;
    margin-top: -2.5px;
}

.circle-plus .circle .vertical {
    position: absolute;
    background-color: #1a1919;
    width: 2px;
    height: 10px;
    left: 50%;
    margin-left: -8.5px;
    top: 50%;
    margin-top: -7px;
}

/*zeeshan css*/
a.sound-onn.sounds-buttons {
    display: none;
}

.custom-controlbar .buttons {
    width: 5%;
}

.custom-controlbar .custom-seekbar {
    width: 95%;
}

span.hoverState {
    font-size: 14px;
}

.slider-section .slideDescripText .disCity {
    font-size: 14px;
}


.darkHeaderr ul li a {
    color: #494732;
}

.darkHeaderr .contact-btn a {
    /*border-color: #E63B6A;*/
    background-color: #E63B6A;
    color: white;
}

.page-template-ecospace_contact .contact-btn a {
    border-color: #E63B6A;
    border-width: 0px;
    background-color: #E63B6A;
    color: #fff !important;
}


#map-canvas {
    height: 450px;
}

.page-template-ecospace_contact #header {
    background: #fff;

}

.page-template-ecospace_contact #header ul li a {
    color: #494732;
}



.page-template-ecospace_contact .container-fluid h2 {
    font-family: "usual", sans-serif;
    font-weight: 700;
    ont-size: 32px;
    font-style: normal;
    line-height: 38.4px;
    /* 120% */
    margin-bottom: 26px;
    padding-top: 80px;
    color: #494732 !important;
}

.page-template-ecospace_contact .gravity-form .gform_wrapper .top_label .gfield_label,
.gravity-form .gform_wrapper legend.gfield_label {
    font-family: "usual", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    /* 21px */
    letter-spacing: 0.3px;
}

body.page-template .gform_legacy_markup_wrapper .top_label div.ginput_container {
    margin-top: 2px;
}

.page-template-ecospace_contact .gform-body.gform_body input,
.page-template-ecospace_contact .content__data.gravity-form select,
.page-template-ecospace_contact .content__data.gravity-form textarea {
    display: flex;
    padding: 6px 12px;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    border-radius: 4px !important;
    border: 1px solid #CED4DA !important;
    background: #FFF !important;
}

.page-template-ecospace_contact .gravity-form .gform_wrapper .gform-body.gform_body .gfield {
    margin-top: 10px;
}

.page-template-ecospace_contact .gform-body.gform_body input,
.page-template-ecospace_contact .content__data.gravity-form select,
.page-template-ecospace_contact .content__data.gravity-form textarea {
    width: calc(100% - 0px) !important;
    min-height: 40px;
    display: flex;
    padding: 6px 12px;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    border-radius: 4px !important;
    border: 1px solid #CED4DA !important;
    background: #FFF !important;
}

.page-template-ecospace_contact .gform_footer .gform_button.button {
    font-family: "usual", sans-serif;
    margin-top: 30px;
    border: 0;
    border-radius: 25px;
    background: #E63B6A !important;
    display: flex;
    padding: 6px 12px;
    border-radius: 5px;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    /* 21px */
    letter-spacing: 0.3px;
    color: #FFF;


}

.page-template-ecospace_contact .ginput_container.ginput_container_textarea textarea {
    height: 90px;
}

.background-position-center-image .imageOne div {
    background-position: center;
}

.layoutdesign-one .imageOne {
    position: relative;
}

.titleInner {
    font-family: "usual", sans-serif;
    color: #fff;
    font-size: 56px;
    line-height: 48px !important;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.6px;    
}
.section_header_block .titleInner {
    margin-bottom: 0;
}

.layoutdesign-one .titleInner {
    /* position: absolute;
    left: 60px;
    bottom: 60px; */
}

.optionOne .row .col-6.order-1 .image-box,.optionOne .row .order-1-de .image-box {
    padding-right: 56px;
}

.content-box ul{ padding-left: 16px;}
.optionOne .col-6.order-2 .content-box,.optionOne .order-2-de .content-box {
    padding-left: 56px;
    padding-right: 112px;
}

.optionOne .row .col-6.order-2 .image-box,.optionOne .row .order-2-de .image-box {
    padding-left: 56px;

}

.optionOne .col-6.order-1 .content-box,.optionOne .order-1-de .content-box {
    padding-left: 107px;
    padding-right: 56px;
}

.block-padding-default {
    padding-top: 80px;
    padding-bottom: 80px;
}

.block-padding-top-bottom-120 {
    padding-top: 120px;
    padding-bottom: 120px;
}

.block-padding-top-bottom-80 {
    padding-top: 80px;
    padding-bottom: 80px;
}

.content-box h2,
.caption-wrappe-iner h2,

.default-heading {
    font-family: "usual", sans-serif;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 38.4px;
    margin-bottom: 18px;
}

.caption-wrappe-iner h2 {
    color: #fff;
    /*margin-bottom: 27px;*/
}

.caption-wrappe-iner h3 {
    color: #fff;
    font-size: 24px;
    line-height: 120%;
    font-weight: 500;
    font-style: normal;
}

.content-box .description-title p,
.description-title p,.description-title ul li {
    font-family: "usual", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    /* 21px */
    letter-spacing: 0.3px;
    color: #6B7280;
}
.description-title p a{
    text-decoration: underline;
    color: inherit;}
    .description-title p a:hover{
        /* color: #E63B6A ; */
        text-decoration-color: #E63B6A;
    }
.caption-wrappe-iner p {
    color: #fff;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    /* 15.6px */
    letter-spacing: 0.5px;
}

.content-box .description-title p:last-child {
    margin-bottom: 0;
}

.button-group-wrapper {
    margin-top: 18px;
}

.button a {
    display: flex;
    padding: 6px 12px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    /* 21px */
    letter-spacing: 0.3px;


}

.Style1 a,
.onee-1 button a {
    color: #FFF;
    background: #E63B6A;

}

.onee-1 button a {
    color: #FFF;
    background: #E63B6A;
    display: inline-flex;

}

.Style2 a {
    border: 1px solid #E63B6A;
    color: #E63B6A;
}

.gap-10 {
    column-gap: 10px;
}

.White {
    background: #fff;
}

.Colour-one {
    background: #F8F8F5;
}

.optionTwo .col-6.order-1 .content-box {
    padding-left: 107px;
}

.optionTwo .col-6.order-2 .description-title {
    padding-right: 112px;
}

section.slider-section.padding-defaul64.sectionBanner_4.threeeeee {
    padding-left: 0px;
    padding-right: 0px;
}

.pos-relative {
    position: relative;
}

.block-caption.overlay-caption {
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    width: 100%;
    text-align: center;
}

html {
    overflow-x: hidden;
}

.optionThree .default-heading,
.client-logo-block .default-heading {
    margin-bottom: 60px;
}

.logo-anchor {
    display: block;
    margin-bottom: 30px;
}

.optionFour .row .col-sm-4:last-child .logo-anchor {
    margin-bottom: 0px;
}

.quote-body {
    font-size: 17px;
    font-style: italic;
    font-weight: 400;
    line-height: 140%;
    /* 23.8px */
    color: #333;
    text-align: center;
    margin-bottom: 20px;
}

.quote-name {
    color: #494732;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    /* 24px */
}

.margin-top-80 {
    margin-top: 80px;
}
.margin-top-60 {
    margin-top: 60px;
}
.margin-top-30{
    margin-top: 30px;
}

.teaser-title {
    color: #000;
    font-family: "usual", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    margin-top: 20px;
    margin-bottom: 10px;
}

.teaser-excerpt p,
.teaser-excerpt {
    color: #000;
    font-family: "usual", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    /* 21px */
    letter-spacing: 0.3px;
}

.td-thumb-css.caption-content {
    position: relative;
}

.image-caption-title {
    position: absolute;
    left: 60px;
    bottom: 60px;
    /*width: 100%;*/
    background-color: #E63B6A;
    padding: 16px 20px;
}

.content-description {
    color: #FFF;
    font-family: "usual", sans-serif;
    font-size: 40px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    letter-spacing: 0.5px;
}

.slider-section .slick-dots {
    margin-top: 0px;
}

.slick-dots li.slick-active button {
    background: #7D7B64;
    border: 1px solid #7D7B64;
}

.slick-dots li button {
    background: #ffffff;
    border: 1px solid #7D7B64;
}

.slider-section .slick-dotted.slick-slider {
    margin-bottom: 0px;
}

section.slider-section.ACF-layout-2 {
    padding-bottom: 0px;
}

.gap-42 {
    column-gap: 42px;
}

.awards-lgoes-section-wrapper {
    padding-bottom: 40px;
}

.teaser-block-home .button a {
    color: #FFF;
    background: #E63B6A;
    display: inline-flex;
}

.iframe-container {
    width: 100%;
    margin-top: 20px;
    overflow: hidden;
}

.iframe-container iframe {
    margin-top: -61px;
    width: 100%;
    max-width: 1076px;
    height: 500px;
    border: 0;
    /* You can adjust the height as needed */
}

.yellow-bg {
    background: #E63B6A;
}

.grows-across-europe-wrapper p {
    color: #333;
    font-family: "usual", sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 19.2px;
    margin-bottom: 0;
    padding-bottom: 30px;
}

.padding-defaul195 {
    padding: 0 195px 0 195px;
}

.home_slideshow.slider-section {
    padding-top: 40px;
}

.top-description .default-heading,
.top-description p {
    margin-bottom: 10px;
}

.default-heading-small,
.default-heading-small h4 {
    color: #000;
    font-size: 24px;
    font-family: "usual", sans-serif;
    font-weight: 600;
    line-height: 28.8px;
    /* 120% */
}

.roof-form h3 {
    color: #000;
    font-family: "usual", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 17px;
    /* 121.429% */
    margin-top: 10px;
    margin-bottom: 0;
}

.roof-form p {
    color: #000;
    font-family: "usual", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    /* 21px */
    letter-spacing: 0.3px;
    margin-top: 5px;
    margin-bottom: 0;
}

section.roof-form,
.floor-plan {
    margin-top: 80px;
}

.insign-multiheading {
    margin-bottom: 30px;
}

.table-content-listing .insign-multiheading {
    margin-bottom: 20px;
}

.table-content-listing table th {}

html body.single .table-content-listing table td,
html body.single .table-content-listing table th {
    color: #000;
    font-family: "usual", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    /* 21px */
    letter-spacing: 0.3px;
    padding: 0;
    border: 0;
    background: none;
}

html body.single .table-content-listing table td:hover,
html body.single .table-content-listing table th:hover,
html body.single .table-content-listing table tr:hover td,
html body.single .table-content-listing table tr:hover th {
    background: none !important;
}

.bottom-gallery .slick-slider {
    margin-bottom: 0px;
}

.bottom-gallery .slick-next,
.bottom-gallery .slick-prev {
    top: 50%;
    transform: translateY(-50%);
}

.bottom-gallery .slick-next {
    right: -48px;
}

.bottom-gallery .slick-prev {
    left: -48px;
}

.slick-dots li button {
    background: #ffffff;
    border: 1px solid #A7A7A7;
}

.slick-dots li.slick-active button {
    background: #AAA;
    border: 1px solid #AAA;
}

.slick-dots li {
    margin-right: 6px;
}

.img-block {
    position: relative;
}

.content-wrap {
    color: #000;
    font-family: "usual", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    /* 15.6px */
    letter-spacing: 0.5px;
    margin-top: 10px;
}

.category-name {
    border-radius: 2px;
    background: var(--secondary-700, #BDBC2B);
    display: flex;
    padding: 3px 4px;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 12px;
    color: #fff;
    position: absolute;
    right: 10px;
    bottom: 10px;
    visibility: hidden; /* Hide tag for PORA */
}

.body-content-highlighter {
    color: var(--text-01-body, #333);
    font-family: "usual", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    /* 21px */
    letter-spacing: 0.3px;
}

.body-content-highlighter strong {
    color: var(--text-01-body, #333);
    font-family: "usual", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    /* 21px */
    letter-spacing: 0.3px;
}

.body-content-highlighter i {
    color: var(--text-01-body, #333);
    /* Body/Paragraph + Italic */
    font-family: "usual", sans-serif;
    font-size: 16px;
    font-style: italic;
    font-weight: 350;
    line-height: 24px;
}

.modal-highlighter .modal-dialog {
    max-width: 680px;
}

.spacer-between {
    height: 250px;
}

.block-wrapper {
    margin-bottom: 30px;
}

.default-padding-top-30{padding-top: 30px;} 
.default-padding-bottom-30{padding-bottom: 30px;}
.default-padding-0{
    padding-top: 0px;
}
.padding-top{
    padding-top: 80px !important;
}
.padding-bottom{
    padding-bottom: 80px !important;
}
section.slider-section.overflow-initial{ overflow: initial;}
section.slider-section.overflow-initial .slickSlide .slick-dots,section.slider-section.overflow-initial .slick-dots{
    position: absolute;
}
.highlights-section-wrapper .modal{
    z-index: 99999;
    padding-right: 0px !important;background: #fff;
}
.highlights-section-wrapper .modal-dialog {
    width: 100%;
    max-width: 100%;
    margin: 0rem auto;
    /* height: 100vh; */
}
.modal-wrapper-bx {
    max-width: 678px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 124px;
}
.highlights-section-wrapper .modal-header .modal-title{
    margin-bottom: 30px;
}
.highlights-section-wrapper .modal .category-name{ 
    margin-bottom: 30px;
    position: static;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
}
.popup-description{
    color: var(--text-01-body, #333);
    /* Body/Paragraph */
    font-family: "usual", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0.3px;    
}
.popup-description p a{
    font-family: "usual", sans-serif;
    font-weight: 400;
    color: #333;
    font-size: 14px;
    font-style: normal;
    line-height: 150%;
    letter-spacing: 0.3px;
    text-decoration: underline;
}
.popup-description p a:hover{
    text-decoration: none;
}
.highlights-section-wrapper .modal-content{
    height: 100%;border: 0;
}

.highlights-section-wrapper .modal-wrapper-bx img.size-full {
    display: none;
}
.highlight-pop .modal-footer.button.btn-default{
    padding: 0;
    border: 0;    margin-top: 30px;
}
.highlight-pop  .modal-body {
    padding: 0;
    border: 0;
}
.highlight-pop  .modal-header {
    padding: 0;
    text-align: center;
    justify-content: center;border: 0;
}
.highlight-pop  button.close {
    position: absolute;
    font-size: 40px;
    color: #000;
    opacity: 1;
    top: 40px;
    right: 40px;
}
.highlight-pop  button.close:focus{
    outline: none;
}
body.home {
    padding-right: 0 !important;
}
span.bx {
    display: inline-flex;
    padding: 3px;
    background: #343A40;
    border-radius: 4px;
    color: #fff;
    padding: 3px 4px;
    line-height: 1.2;
}

.page-template  .accordion-faqs-by-js{ padding-top: 80px; padding-bottom: 80px; background: #fff;}
.page-template  .sp-ea-one.sp-easy-accordion .sp-ea-single .ea-header a{
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 28.8px; 
}
.page-template .sp-easy-accordion>.sp-ea-single{
    border: 0px !important;
}
.page-template .sp-easy-accordion>.sp-ea-single {
    background:none !important;
}
.page-template  .sp-easy-accordion .ea-body p {
    color: #6B7280;
}
.page-template .sp-easy-accordion>.sp-ea-single>.sp-collapse>.ea-body {
    background: none !important;
    padding-top: 5px;
    padding-left: 72px;
}

.page-template .sp-easy-accordion .sp-ea-single .ea-header a .ea-expand-icon{
    margin-right: 20px;
}
.page-template  .sp-easy-accordion>.sp-ea-single>.ea-header a .ea-expand-icon.fa {
    color: #000;
    font-size: 22px;
    width: 35px;
    height: 35px;
    border-radius: 35px;
    border: 1px solid #000;
    display: flex;
    align-items: center;
    justify-content: center;
}
.accordion-faqs-by-js .max-1080 > .d-flex > div{ width: 100%;}

@media screen and (min-width:992px) and (max-width:1480px) {

    .contactUsOverlay .col-md-2.col-sm-3 {
        -webkit-flex: 0 0 24.66667%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 24.66667%;
        flex: 0 0 24.66667%;
        max-width: 24.66667%;
    }

}


@media screen and (min-width:768px) and (max-width:991px) {

    .contactUsOverlay .col-md-2.col-sm-3 {
        -webkit-flex: 0 0 31.66667%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 31.66667%;
        flex: 0 0 31.66667%;
        max-width: 31.66667%;
    }

}

@media screen and (min-width:992px) {
    .fullWidthDropdown a {
        pointer-events: none !important;
    }
}

@media screen and (min-width:768px) and (max-width:1024px) {
    .pageSpacer {
        height: 103px;
    }
}

@media screen and (min-width:768px) and (max-width:991px) {
    .filterTExt {
        padding-top: 90px;
    }

    #header .align-self-center {
        /* margin-top: -20px; */
    }
}

@media screen and (max-width:767px) {
    .gform-theme--foundation .gform_fields {
        --gform-theme-form-row-gap: 12px;
    }    
    .pageSpacer {
        height: 0px !important;
    }
    .single-configurator .navigation-wrapper{
        padding: 30px 30px 20px 30px;
        margin-bottom: 0;
    }
    .single-configurator section.roof-form,   .single-configurator .floor-plan {
        margin-top: 60px;
    }
}



/***** 20-01-2023 tasks done by asif==== */

.home-page-hero-icon {
    position: absolute;
    bottom: 180px;
    width: 40px;
    z-index: 99;
    height: 40px;
}

.home-page-hero-icon a:after {
    display: none;
}

.mobileHeroVideo {
    position: relative;
}
.page-template-ecospace_contact #page a{    color: #333;}
.page-template-ecospace_contact .gform-theme--foundation .gform_fields {
    row-gap: 15px;
}
.page-template-ecospace_contact  .gform-theme--foundation .gfield textarea.large {
    min-block-size: 6rem;
}a.underline {
    text-decoration: underline;
}


/**** PORA About Top Copy Block Class ***/

.about_copy_block {
background-color: #F8F8F5; 
height: auto; 
padding:60px 80px;
}

.about_copy_block h4{
text-align: center;
}


/* END PORA About Top Copy BLock Class */ 


/***** iFrame video shape setting 26-07-2024 tasks done by Taiyo==== */

.video_wrapper {
position: relative;
padding-bottom: 56.25%; /* 16:9, for an aspect ratio of 1:1 change to this value to 100% */ 
}
iframe{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/* iFrame video shape end */