:root {
    --e-global-color-primary: #6EC1E4;
    --e-global-color-secondary: #54595F;
    --e-global-color-text: #333333;
    --e-global-color-accent: #61CE70;
    --e-global-typography-primary-font-family: "Lato";
    --e-global-typography-primary-font-weight: 700;
    --e-global-typography-secondary-font-family: "Lato";
    --e-global-typography-secondary-font-weight: 400;
    --e-global-typography-text-font-family: "Source Sans Pro";
    --e-global-typography-text-font-size: 18px;
    --e-global-typography-text-font-weight: 400;
    --e-global-typography-accent-font-family: "Lato";
    --e-global-typography-accent-font-weight: 400;
}
.j-wrap-I .roof-network_0{
    background-color: #070441;

}
.j-wrap-II  .roof-network.roof-network_2>.roof-container>.roof-row>.roof-column>.roof-column-wrap>.roof-widget-wrap {
    align-content: center;
    align-items: center;
}

.j-wrap-II  .roof-network.roof-network_2:not(.roof-motion-effects-element-type-background),
.j-wrap-II  .roof-network.roof-network_2>.roof-motion-effects-container>.roof-motion-effects-layer {
    background-image: url("https://airconditioning-heating.com/wp-content/uploads/2021/03/roof-slide-1.jpg");
    background-position: center center;
    background-size: cover;
}

.j-wrap-II  .roof-network.roof-network_2>.roof-background-overlay {
    background-color: #000000;
    opacity: 0.5;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}

.j-wrap-II  .roof-network.roof-network_2 {
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    padding: 88.2px 0px 80px 0px;
}

.j-wrap-II  .roof-network.roof-network_21.roof-column>.roof-column-wrap>.roof-widget-wrap {
    justify-content: center;
}

.j-wrap-II  .roof-network.roof-network_24 {
    --divider-border-style: solid;
    --divider-color: #FFFFFF;
    --divider-border-width: 1px;
}

.j-wrap-II  .roof-network.roof-network_24 .roof-divider-separator {
    width: 50%;
    margin: 0 auto;
    margin-center: 0;
}

.j-wrap-II  .roof-network.roof-network_24 .roof-divider {
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
}

.j-wrap-II  .roof-network.roof-network_24>.roof-widget-container {
    margin: 20px 0px 0px 0px;
}

.j-wrap-II  .roof-network.roof-network_25 .roof-text-editor {
    text-align: left;
}

.j-wrap-II  .roof-network.roof-network_25 {
    color: #FFFFFF;
    font-size: 18px;
    font-weight: 400;
}

.j-wrap-II  .roof-network.roof-network_25>.roof-widget-container {
    margin: 0px 0px 20px 0px;
}



@media(min-width:768px) {
    .j-wrap-II  .roof-network.roof-network_21 {
        width: 20%;
    }

    .j-wrap-II  .roof-network.roof-network_22 {
        width: 59.333%;
    }

    .j-wrap-II  .roof-network.roof-network_26 {
        width: 20%;
    }
}

@media(min-width:1025px) {

}

@media(max-width:1024px) {

}

@media(max-width:767px) {
    .j-wrap-II  .roof-network.roof-network_2 {
        padding: 80px 20px 80px 20px;
    }

    .j-wrap-II  .roof-network.roof-network_21.roof-column>.roof-column-wrap>.roof-widget-wrap {
        justify-content: center;
    }

    .j-wrap-II  .roof-network.roof-network_25 .roof-text-editor {
        text-align: center;
    }

}

.roof-section.roof-section-boxed>.roof-container {
    max-width: 1300px;
}

.roof-widget:not(:last-child) {
    margin-bottom: 20px;
}

@media(max-width:1024px) {
    .roof-section.roof-section-boxed>.roof-container {
        max-width: 1025px;
    }
}

@media(max-width:767px) {
    .roof-section.roof-section-boxed>.roof-container {
        max-width: 768px;
    }
}
.j-wrap-I .roof-network.roof-network_0{
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
}


.j-wrap-I .roof-network.roof-network_02.roof-column>.roof-column-wrap>.roof-widget-wrap {
    justify-content: flex-end;
}

.j-wrap-I .roof-network.roof-network_03 .roof-icon-wrapper {
    text-align: center;
}

.j-wrap-I .roof-network.roof-network_03.roof-view-stacked .roof-icon {
    background-color: #FFFFFF;
}

.j-wrap-I .roof-network.roof-network_03.roof-view-framed .roof-icon,
.j-wrap-I .roof-network.roof-network_03.roof-view-default .roof-icon {
    color: #FFFFFF;
    border-color: #FFFFFF;
}

.j-wrap-I .roof-network.roof-network_03.roof-view-framed .roof-icon,
.j-wrap-I .roof-network.roof-network_03.roof-view-default .roof-icon svg {
    fill: #FFFFFF;
}

.j-wrap-I .roof-network.roof-network_03 .roof-icon {
    font-size: 16px;
}

.j-wrap-I .roof-network.roof-network_03 .roof-icon i,
.j-wrap-I .roof-network.roof-network_03 .roof-icon svg {
    transform: rotate(0deg);
}

.j-wrap-I .roof-network.roof-network_03>.roof-widget-container {
    margin: 0px 10px 0px 0px;
}

.j-wrap-I .roof-network.roof-network_03 {
    width: auto;
    max-width: auto;
}

.j-wrap-I .roof-network.roof-network_04 .roof-icon-wrapper {
    text-align: center;
}

.j-wrap-I .roof-network.roof-network_04.roof-view-stacked .roof-icon {
    background-color: #FFFFFF;
}

.j-wrap-I .roof-network.roof-network_04.roof-view-framed .roof-icon,
.j-wrap-I .roof-network.roof-network_04.roof-view-default .roof-icon {
    color: #FFFFFF;
    border-color: #FFFFFF;
}

.j-wrap-I .roof-network.roof-network_04.roof-view-framed .roof-icon,
.j-wrap-I .roof-network.roof-network_04.roof-view-default .roof-icon svg {
    fill: #FFFFFF;
}

.j-wrap-I .roof-network.roof-network_04 .roof-icon {
    font-size: 16px;
}

.j-wrap-I .roof-network.roof-network_04 .roof-icon i,
.j-wrap-I .roof-network.roof-network_04 .roof-icon svg {
    transform: rotate(0deg);
}

.j-wrap-I .roof-network.roof-network_04>.roof-widget-container {
    margin: 0px 10px 0px 0px;
}

.j-wrap-I .roof-network.roof-network_04 {
    width: auto;
    max-width: auto;
}

.j-wrap-I .roof-network.roof-network_05 .roof-icon-wrapper {
    text-align: center;
}

.j-wrap-I .roof-network.roof-network_05.roof-view-stacked .roof-icon {
    background-color: #FFFFFF;
}

.j-wrap-I .roof-network.roof-network_05.roof-view-framed .roof-icon,
.j-wrap-I .roof-network.roof-network_05.roof-view-default .roof-icon {
    color: #FFFFFF;
    border-color: #FFFFFF;
}

.j-wrap-I .roof-network.roof-network_05.roof-view-framed .roof-icon,
.j-wrap-I .roof-network.roof-network_05.roof-view-default .roof-icon svg {
    fill: #FFFFFF;
}

.j-wrap-I .roof-network.roof-network_05 .roof-icon {
    font-size: 16px;
}

.j-wrap-I .roof-network.roof-network_05 .roof-icon i,
.j-wrap-I .roof-network.roof-network_05 .roof-icon svg {
    transform: rotate(0deg);
}

.j-wrap-I .roof-network.roof-network_05 {
    width: auto;
    max-width: auto;
}

.j-wrap-I .roof-network.roof-network_1>.roof-container>.roof-row>.roof-column>.roof-column-wrap>.roof-widget-wrap {
    align-content: center;
    align-items: center;
}

.j-wrap-I .roof-network.roof-network_1{
    padding: 10px 0px 10px 0px;
}

.j-wrap-I .roof-network.roof-network_12 {
    text-align: left;
}

.j-wrap-I .roof-network.roof-network_12>.roof-widget-container {
    margin: 0px 0px 0px 25px;
}

.j-wrap-I .roof-network.roof-network_16 .roof-text-editor {
    text-align: right;
}

.j-wrap-I .roof-network.roof-network_16 {
    font-weight: 400;
}

@media(min-width:768px) {
    .j-wrap-I .roof-network.roof-network_11 {
        width: 35%;
    }

    .j-wrap-I .roof-network.roof-network_13 {
        width: 29.333%;
    }

    .j-wrap-I .roof-network.roof-network_15 {
        width: 35%;
    }
}

@media(max-width:767px) {
    .j-wrap-I .roof-network.roof-network_01 {
        width: 50%;
    }

    .j-wrap-I .roof-network.roof-network_02 {
        width: 50%;
    }
}
/* ----------------------------------------- */
.roof-widget-text-editor {
    color: var( --e-global-color-text );
    font-family: var( --e-global-typography-text-font-family ), Sans-serif;
    font-size: var( --e-global-typography-text-font-size );
    font-weight: var( --e-global-typography-text-font-weight );
}
.j-wrap-II .roof-network.roof-network_3,
.j-wrap-II .roof-network.roof-network_7 {
    margin-top: 0em;
    margin-bottom: 0em;
    /* padding: 40px 0px 40px 0px; */
}
.j-wrap-II .roof-network.roof-network_31.roof-column>.roof-column-wrap>.roof-widget-wrap,
.j-wrap-II .roof-network.roof-network_71.roof-column>.roof-column-wrap>.roof-widget-wrap {
    justify-content: center;
}

.j-wrap-II .roof-network.roof-network_31>.roof-column-wrap>.roof-widget-wrap>.roof-widget:not(.roof-widget__width-auto):not(.roof-widget__width-initial):not(:last-child):not(.roof-absolute),
.j-wrap-II .roof-network.roof-network_71>.roof-column-wrap>.roof-widget-wrap>.roof-widget:not(.roof-widget__width-auto):not(.roof-widget__width-initial):not(:last-child):not(.roof-absolute) {
    margin-bottom: 10px;
}
.j-wrap-II .roof-network.roof-network_32,
.j-wrap-II .roof-network.roof-network_72 {
    text-align: center;
}

.j-wrap-II .roof-network.roof-network_32 .roof-heading-title,
.j-wrap-II .roof-network.roof-network_72 .roof-heading-title {
    color: #000000;
    font-size: 38px;
    font-weight: 600;
}
.j-wrap-II .roof-network.roof-network_4:not(.roof-motion-effects-network-type-background),
.j-wrap-II .roof-network.roof-network_4>.roof-motion-effects-container>.roof-motion-effects-layer {
    background-color: #F7F7F7;
}

.j-wrap-II .roof-network.roof-network_4 {
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    margin-top: 0em;
    margin-bottom: 0em;
    padding: 40px 0px 40px 0px;
}

.j-wrap-II .roof-network.roof-network_4>.roof-background-overlay {
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}
.j-wrap-II .roof-network.roof-network_41.roof-column>.roof-column-wrap>.roof-widget-wrap {
    justify-content: center;
}
.j-wrap-II .roof-network.roof-network_412.roof-spacer-inner {
    height: 10px;
}
.j-wrap-II .roof-network.roof-network_5 {
    margin-top: 0em;
    margin-bottom: 0em;
    /* padding: 40px 0px 40px 0px; */
}
.j-wrap-II .roof-network.roof-network_51.roof-column>.roof-column-wrap>.roof-widget-wrap {
    justify-content: center;
}

.j-wrap-II .roof-network.roof-network_51>.roof-column-wrap>.roof-widget-wrap>.roof-widget:not(.roof-widget__width-auto):not(.roof-widget__width-initial):not(:last-child):not(.roof-absolute) {
    margin-bottom: 10px;
}
.j-wrap-II .roof-network.roof-network_52 {
    text-align: center;
}

.j-wrap-II .roof-network.roof-network_52 .roof-heading-title {
    font-size: 38px;
    font-weight: 600;
}
.j-wrap-II .roof-network.roof-network_6>.roof-container>.roof-row>.roof-column>.roof-column-wrap>.roof-widget-wrap {
    align-content: center;
    align-items: center;
}

.j-wrap-II .roof-network.roof-network_6:not(.roof-motion-effects-network-type-background),
.j-wrap-II .roof-network.roof-network_6>.roof-motion-effects-container>.roof-motion-effects-layer {
    background-color: #070441;
}

.j-wrap-II .roof-network.roof-network_6 {
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    padding: 40px 0px 40px 0px;
}

.j-wrap-II .roof-network.roof-network_6>.roof-background-overlay {
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}
.j-wrap-II .roof-network.roof-network_61>.roof-network-populated {
    padding: 0px 0px 0px 80px;
}
.j-wrap-II .roof-network.roof-network_62 {
    text-align: left;
}

.j-wrap-II .roof-network.roof-network_62 .roof-heading-title {
    color: #FFFFFF;
    font-size: 38px;
    font-weight: 600;
}
.j-wrap-II .roof-network.roof-network_63 .roof-icon-list-items:not(.roof-inline-items) .roof-icon-list-item:not(:last-child) {
    padding-bottom: calc(10px/2);
}

.j-wrap-II .roof-network.roof-network_63 .roof-icon-list-items:not(.roof-inline-items) .roof-icon-list-item:not(:first-child) {
    margin-top: calc(10px/2);
}

.j-wrap-II .roof-network.roof-network_63 .roof-icon-list-items.roof-inline-items .roof-icon-list-item {
    margin-right: calc(10px/2);
    margin-left: calc(10px/2);
}

.j-wrap-II .roof-network.roof-network_63 .roof-icon-list-items.roof-inline-items {
    margin-right: calc(-10px/2);
    margin-left: calc(-10px/2);
}

body.rtl .j-wrap-II .roof-network.roof-network_63 .roof-icon-list-items.roof-inline-items .roof-icon-list-item:after {
    left: calc(-10px/2);
}

body:not(.rtl) .j-wrap-II .roof-network.roof-network_63 .roof-icon-list-items.roof-inline-items .roof-icon-list-item:after {
    right: calc(-10px/2);
}

.j-wrap-II .roof-network.roof-network_63 .roof-icon-list-icon i {
    color: #FFFFFF;
    font-size: 30px;
}

.j-wrap-II .roof-network.roof-network_63 .roof-icon-list-icon svg {
    fill: #FFFFFF;
    width: 30px;
}

.j-wrap-II .roof-network.roof-network_63 .roof-icon-list-icon {
    text-align: left;
}

.j-wrap-II .roof-network.roof-network_63 .roof-icon-list-text {
    color: #FFFFFF;
}

.j-wrap-II .roof-network.roof-network_63 .roof-icon-list-item,
.j-wrap-II .roof-network.roof-network_63 .roof-icon-list-item a {
    font-family: "Source Sans Pro", Sans-serif;
    font-size: 20px;
    font-weight: 400;
}
.j-wrap-II .roof-network.roof-network_9:not(.roof-motion-effects-network-type-background),
.j-wrap-II .roof-network.roof-network_9>.roof-motion-effects-container>.roof-motion-effects-layer {
    background-color: #070441;
}

.j-wrap-II .roof-network.roof-network_9 {
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    padding: 40px 0px 40px 0px;
}

.j-wrap-II .roof-network.roof-network_9>.roof-background-overlay {
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}
.j-wrap-II .roof-network.roof-network_91.roof-column>.roof-column-wrap>.roof-widget-wrap {
    justify-content: center;
}
.j-wrap-II .roof-network.roof-network_92 {
    text-align: center;
}

.j-wrap-II .roof-network.roof-network_92 .roof-heading-title {
    color: #FFFFFF;
    font-size: 38px;
    font-weight: 600;
}
.j-wrap-II .roof-network.roof-network_93 {
    margin-top: -20px;
    margin-bottom: 0px;
}
.j-wrap-II .roof-network.roof-network_96 .roof-text-editor {
    text-align: center;
}

.j-wrap-II .roof-network.roof-network_96 {
    color: #FFFFFF;
    font-size: 18px;
    font-weight: 300;
}
.j-wrap-II .roof-network.roof-network_97 .roof-text-editor {
    text-align: center;
}
.j-wrap-II .roof-network.roof-network_A:not(.roof-motion-effects-network-type-background),
.j-wrap-II .roof-network.roof-network_A>.roof-motion-effects-container>.roof-motion-effects-layer {
    background-color: #F7F7F7;
}

.j-wrap-II .roof-network.roof-network_A {
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    padding: 40px 0px 40px 0px;
}
.j-wrap-II .roof-network.roof-network_A>.roof-background-overlay {
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}
.j-wrap-II .roof-network.roof-network_A1.roof-column>.roof-column-wrap>.roof-widget-wrap {
    justify-content: center;
}
.j-wrap-II .roof-network.roof-network_A2 {
    text-align: center;
}

.j-wrap-II .roof-network.roof-network_A2 .roof-heading-title {
    color: #000000;
    font-size: 38px;
    font-weight: 600;
}
@media(min-width:768px) {
    .j-wrap-II .roof-network.roof-network_61 {
        width: 60%;
    }
    .j-wrap-II .roof-network.roof-network_64 {
        width: 40%;
    }
    .j-wrap-II .roof-network.roof-network_94 {
        width: 23%;
    }
    .j-wrap-II .roof-network.roof-network_95 {
        width: 53.333%;
    }
}
@media(max-width:1024px) {
    .j-wrap-II .roof-network.roof-network_61>.roof-network-populated {
        padding: 0px 0px 0px 10px;
    }
}
@media(max-width:767px) {
    .j-wrap-II .roof-network.roof-network_31.roof-column>.roof-column-wrap>.roof-widget-wrap，
    .j-wrap-II .roof-network.roof-network_71.roof-column>.roof-column-wrap>.roof-widget-wrap {
        justify-content: center;
    }
    .j-wrap-II .roof-network.roof-network_32 .roof-heading-title，
    .j-wrap-II .roof-network.roof-network_72 .roof-heading-title {
        font-size: 24px;
    }
    .j-wrap-II .roof-network.roof-network_4 {
        margin-top: 0px;
        margin-bottom: 0px;
    }
    .j-wrap-II .roof-network.roof-network_41.roof-column>.roof-column-wrap>.roof-widget-wrap {
        justify-content: center;
    }
    .j-wrap-II .roof-network.roof-network_51.roof-column>.roof-column-wrap>.roof-widget-wrap {
        justify-content: center;
    }
    .j-wrap-II .roof-network.roof-network_52 .roof-heading-title {
        font-size: 24px;
    }
    .j-wrap-II .roof-network.roof-network_61>.roof-network-populated {
        padding: 0px 20px 0px 20px;
    }
    .j-wrap-II .roof-network.roof-network_62 .roof-heading-title {
        font-size: 24px;
    }
    .j-wrap-II .roof-network.roof-network_63 .roof-icon-list-item,
    .j-wrap-II .roof-network.roof-network_63 .roof-icon-list-item a {
        font-size: 16px;
    }
    .j-wrap-II .roof-network.roof-network_9 {
        margin-top: 0px;
        margin-bottom: 0px;
    }
    .j-wrap-II .roof-network.roof-network_91.roof-column>.roof-column-wrap>.roof-widget-wrap {
        justify-content: center;
    }
    .j-wrap-II .roof-network.roof-network_92 .roof-heading-title {
        font-size: 27px;
    }

    .j-wrap-II .roof-network.roof-network_92 {
        width: initial;
        max-width: initial;
    }
    .j-wrap-II .roof-network.roof-network_A {
        margin-top: 0px;
        margin-bottom: 0px;
    }
    .j-wrap-II .roof-network.roof-network_A1.roof-column>.roof-column-wrap>.roof-widget-wrap {
        justify-content: center;
    }
}
/* ------------------------------------------------ */
.j-c-1{
    margin-bottom: 20px;
    margin-top: 0;
}
.j-c-2{
    display:none;
}
.j-c-3{
    line-height: 1.3;
}
.j-c-4{
    font-size: 60px;
}
.roof-network_42 .roof-image img {
    width: 100%;
}
.j-c-5{
    margin:auto;
    margin-top: 10px;
}
.text-center.hd-icon-outer {
    text-align: center;
}
.text-center.hd-icon-outer .wt-tilte{
    color: #070441;
}
.text-center.hd-icon-outer .wt-tilte span{
    color: var(--color-secondary);
}
.roof-network_52 .roof-heading-title{
    color: #070441;
}
input.wpcf7-submit{
    line-height: 1.5;
}
.header-phone-number{
    font-weight: 700;
}