div#container
{
   width: 1400px;
   position: relative;
   margin: 0 auto 0 auto;
   text-align: left;
}
body
{
   background-color: transparent;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   line-height: 1.1875;
   margin: 0;
   text-align: center;
}
#Extension19.wf-animation-container { 	
	overflow: hidden; 
	width: 883px; 
	height: 216px; 
	
}

#Extension19 .animated { 
    animation-duration: 5s !important;
    animation-delay: 2s !important;
    animation-iteration-count: 1 !important;
    transform-origin: center !important;
}



#Extension16 .progress.vertical {
	background: #375F9C !important;
	background-image: none !important;
       margin-right: calc(0px + 1px);
}

#Extension16 .progressbar-value {
    font-weight: normal !important;
}

#Extension16 .wf-progress-bar-container {
	display:flex;
	position:relative;
}

#Extension16 .wf-axis svg {
	width: 0px !important;
}

#Extension16 .wf-axis text{
    	fill:#C5C5C5;
}

#Extension16 .axis line,
#Extension16 .axis path {
    stroke:#C5C5C5
}

#Extension16 .vertical .wf-progress-bar-container .wf-axis {
    right: 0px;
}

#Extension16 .wf-progress-state {
	background-image: none;
}
 #Extension6.wf-local-svg-container{
	width: 100%;
	height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}
#Layer1
{
   background-color: #FFFFFF;
   background-image: none;
}
#Extension2 {
	overflow:hidden;
}

#Extension2.wf-text-container {
	position: absolute;
	left:0;
	right: 0;
	top:0;
	bottom:0;
	font-size: 28px; 
	line-height: normal; 
	font-family: Arial; 
	color: #808080; 
	font-weight: normal; 
	border: 0px solid ;
	background: #FFFFFF;
	border-radius: 0px;
	display:flex;
	align-items:flex-start;
	padding: 5px ;
	transform: rotate(0deg);
}

#Extension2.wf-text-container span {
	height:inherit;
	text-align:center;
}

#Extension2.wf-text-container.left {
	justify-content:flex-start;
}

#Extension2.wf-text-container.center {
	justify-content:center;
}

#Extension2.wf-text-container.right {
	justify-content:flex-end;

}

 #Extension3.wf-local-svg-container{
	width: 100%;
	height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}
 #Extension4.wf-local-svg-container{
	width: 100%;
	height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}
 #Extension5.wf-local-svg-container{
	width: 100%;
	height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}
#Extension7 .wf-secured-container > div > .wf-state-layer > .wf-state-container{
        border-radius: 0px;
        border-width: 0px 0px 0px 0px;
        border-color: #DB3000;
        border-style: solid;
        background-color: #DA0808;
	 color: #FFFFFF;
}    
   

#Extension7 .disabled .wf-state-layer {
    pointer-events: none;
}


#Extension7 wf-state-symbol.wf-state-layer {
    position: absolute;
    width: 100%;
    height: 100%;
}

#Extension7 .wf-navigation-link {
        box-sizing: border-box;
        font-size: 14px;
        font-family: Arial !important;
        font-weight: normal !important;
        text-shadow: none !important;
        border:none;
        background-color: transparent;
        color: inherit;
        display: flex !important;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        transform: scale(1, 1);
        text-decoration: none;
    	 border-width: 0px 0px 0px 0px;
        border-color: transparent;
        border-style: solid;
    }

    #Extension7 .wf-navigation-link.active {
        background-color:  !important;
        border-color: transparent !important;
        background-image: none !important;
        color:  !important;
        border-width: 0px 0px 0px 0px;
        border-color: transparent;
        border-style: solid;
    }

    #Extension7 .wf-state-layer:hover  > .wf-state-container,
    #Extension7 .wf-navigation-link.active:hover {
        background-color: #DB3000 !important;
        border-color:  !important;
        background-image: none !important;
        color:  !important;
        border-width: 0px 0px 0px 0px;
        border-color: ;
        border-style: solid;
    }

    #Extension7 .wf-state-layer:focus > .wf-state-container,
    #Extension7 .wf-state-layer .focus > .wf-state-container {
        background-color:  !important;
        border-color: transparent !important;
        background-image: none !important;
        color:  !important;
	 outline: none;
        border-width: 0px 0px 0px 0px;
        border-color: ;
        border-style: solid;
    }

    #Extension7 .wf-state-layer:hover .icon {
	color: ;
    }

    #Extension7 .wf-state-layer:active .icon,
    #Extension7 .wf-state-layer .active .icon {
	color: ;
    }

    #Extension7 .wf-state-layer:focus .icon,
    #Extension7 .wf-state-layer .focus .icon {
	color: ;
    }

    #Extension7 .wf-navigation-link .icon {
        font-size: 14px;
        display: inline-block !important;
        padding: 0 3px 0 0;
        line-height: 14px;
	 color:;
    }

#Extension7 .wf-navigation-link-content {
        display: inline-block;
	 padding: 0px 10px !important;
	 position:absolute;

	}

#Extension7 .wf-nav-text > span {
	display:inline-block;
}

#Extension7.flex-start .wf-navigation-link .icon,
#Extension7.flex-start .wf-nav-text,
#Extension7.flex-start .wf-navigation-link-content {
    text-align: left;
}

#Extension7.center .wf-navigation-link .icon,
#Extension7.center .wf-nav-text,
#Extension7.center .wf-navigation-link-content {
    text-align: center;
}

#Extension7.flex-end .wf-navigation-link .icon,
#Extension7.flex-end .wf-nav-text,
#Extension7.flex-end .wf-navigation-link-content {
    text-align: right;
}

#Extension8 .wf-secured-container > div > .wf-state-layer > .wf-state-container{
        border-radius: 0px;
        border-width: 0px 0px 0px 0px;
        border-color: #DB3000;
        border-style: solid;
        background-color: #DA0808;
	 color: #FFFFFF;
}    
   

#Extension8 .disabled .wf-state-layer {
    pointer-events: none;
}


#Extension8 wf-state-symbol.wf-state-layer {
    position: absolute;
    width: 100%;
    height: 100%;
}

#Extension8 .wf-navigation-link {
        box-sizing: border-box;
        font-size: 14px;
        font-family: Arial !important;
        font-weight: normal !important;
        text-shadow: none !important;
        border:none;
        background-color: transparent;
        color: inherit;
        display: flex !important;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        transform: scale(1, 1);
        text-decoration: none;
    	 border-width: 0px 0px 0px 0px;
        border-color: transparent;
        border-style: solid;
    }

    #Extension8 .wf-navigation-link.active {
        background-color:  !important;
        border-color: transparent !important;
        background-image: none !important;
        color:  !important;
        border-width: 0px 0px 0px 0px;
        border-color: transparent;
        border-style: solid;
    }

    #Extension8 .wf-state-layer:hover  > .wf-state-container,
    #Extension8 .wf-navigation-link.active:hover {
        background-color: #DB3000 !important;
        border-color:  !important;
        background-image: none !important;
        color:  !important;
        border-width: 0px 0px 0px 0px;
        border-color: ;
        border-style: solid;
    }

    #Extension8 .wf-state-layer:focus > .wf-state-container,
    #Extension8 .wf-state-layer .focus > .wf-state-container {
        background-color:  !important;
        border-color: transparent !important;
        background-image: none !important;
        color:  !important;
	 outline: none;
        border-width: 0px 0px 0px 0px;
        border-color: ;
        border-style: solid;
    }

    #Extension8 .wf-state-layer:hover .icon {
	color: ;
    }

    #Extension8 .wf-state-layer:active .icon,
    #Extension8 .wf-state-layer .active .icon {
	color: ;
    }

    #Extension8 .wf-state-layer:focus .icon,
    #Extension8 .wf-state-layer .focus .icon {
	color: ;
    }

    #Extension8 .wf-navigation-link .icon {
        font-size: 14px;
        display: inline-block !important;
        padding: 0 3px 0 0;
        line-height: 14px;
	 color:;
    }

#Extension8 .wf-navigation-link-content {
        display: inline-block;
	 padding: 0px 10px !important;
	 position:absolute;

	}

#Extension8 .wf-nav-text > span {
	display:inline-block;
}

#Extension8.flex-start .wf-navigation-link .icon,
#Extension8.flex-start .wf-nav-text,
#Extension8.flex-start .wf-navigation-link-content {
    text-align: left;
}

#Extension8.center .wf-navigation-link .icon,
#Extension8.center .wf-nav-text,
#Extension8.center .wf-navigation-link-content {
    text-align: center;
}

#Extension8.flex-end .wf-navigation-link .icon,
#Extension8.flex-end .wf-nav-text,
#Extension8.flex-end .wf-navigation-link-content {
    text-align: right;
}

#Extension9 .wf-secured-container > div > .wf-state-layer > .wf-state-container{
        border-radius: 0px;
        border-width: 0px 0px 0px 0px;
        border-color: #DB3000;
        border-style: solid;
        background-color: #DA0808;
	 color: #FFFFFF;
}    
   

#Extension9 .disabled .wf-state-layer {
    pointer-events: none;
}


#Extension9 wf-state-symbol.wf-state-layer {
    position: absolute;
    width: 100%;
    height: 100%;
}

#Extension9 .wf-navigation-link {
        box-sizing: border-box;
        font-size: 14px;
        font-family: Arial !important;
        font-weight: normal !important;
        text-shadow: none !important;
        border:none;
        background-color: transparent;
        color: inherit;
        display: flex !important;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        transform: scale(1, 1);
        text-decoration: none;
    	 border-width: 0px 0px 0px 0px;
        border-color: transparent;
        border-style: solid;
    }

    #Extension9 .wf-navigation-link.active {
        background-color:  !important;
        border-color: transparent !important;
        background-image: none !important;
        color:  !important;
        border-width: 0px 0px 0px 0px;
        border-color: transparent;
        border-style: solid;
    }

    #Extension9 .wf-state-layer:hover  > .wf-state-container,
    #Extension9 .wf-navigation-link.active:hover {
        background-color: #DB3000 !important;
        border-color:  !important;
        background-image: none !important;
        color:  !important;
        border-width: 0px 0px 0px 0px;
        border-color: ;
        border-style: solid;
    }

    #Extension9 .wf-state-layer:focus > .wf-state-container,
    #Extension9 .wf-state-layer .focus > .wf-state-container {
        background-color:  !important;
        border-color: transparent !important;
        background-image: none !important;
        color:  !important;
	 outline: none;
        border-width: 0px 0px 0px 0px;
        border-color: ;
        border-style: solid;
    }

    #Extension9 .wf-state-layer:hover .icon {
	color: ;
    }

    #Extension9 .wf-state-layer:active .icon,
    #Extension9 .wf-state-layer .active .icon {
	color: ;
    }

    #Extension9 .wf-state-layer:focus .icon,
    #Extension9 .wf-state-layer .focus .icon {
	color: ;
    }

    #Extension9 .wf-navigation-link .icon {
        font-size: 14px;
        display: inline-block !important;
        padding: 0 3px 0 0;
        line-height: 14px;
	 color:;
    }

#Extension9 .wf-navigation-link-content {
        display: inline-block;
	 padding: 0px 10px !important;
	 position:absolute;

	}

#Extension9 .wf-nav-text > span {
	display:inline-block;
}

#Extension9.flex-start .wf-navigation-link .icon,
#Extension9.flex-start .wf-nav-text,
#Extension9.flex-start .wf-navigation-link-content {
    text-align: left;
}

#Extension9.center .wf-navigation-link .icon,
#Extension9.center .wf-nav-text,
#Extension9.center .wf-navigation-link-content {
    text-align: center;
}

#Extension9.flex-end .wf-navigation-link .icon,
#Extension9.flex-end .wf-nav-text,
#Extension9.flex-end .wf-navigation-link-content {
    text-align: right;
}

#Extension70.wf-animation-container { 	
	overflow: hidden; 
	width: 158px; 
	height: 42px; 
	
}

#Extension70 .animated { 
    animation-duration: 5s !important;
    animation-delay: 3s !important;
    animation-iteration-count: infinite !important;
    transform-origin: center !important;
}



#Extension71.icon-wrapper{
position: relative;
width:100%;
height:100%;
background-color:rgba(255,255,255,0.00);
border:solid 0px #EF7B10;
border-radius:50%;
transform: scale(1, 1);
}

#Extension71 .wf-state-container {
    background: none;
}

#Extension71 .disabled {
    pointer-events: none;
}
#Extension14.wf-animation-container { 	
	overflow: hidden; 
	width: 143px; 
	height: 42px; 
	
}

#Extension14 .animated { 
    animation-duration: 5s !important;
    animation-delay: 3s !important;
    animation-iteration-count: infinite !important;
    transform-origin: center !important;
}



#Extension15.icon-wrapper{
position: relative;
width:100%;
height:100%;
background-color:rgba(255,255,255,0.00);
border:solid 0px #EF7B10;
border-radius:50%;
transform: scale(1, 1);
}

#Extension15 .wf-state-container {
    background: none;
}

#Extension15 .disabled {
    pointer-events: none;
}
#Shape2
{
   border-width: 0;
}
    #Extension17 svg:not(:root) {
        overflow: visible;
    }

    #Extension17 .wf-lines-wrapper {
        width: 372px;
        height: 191px;
        opacity: $opacity$;
        overflow: hidden;
        padding: 1px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
    }


    #Extension17 .line .h-line,
    #Extension17 .c-line .top-line,
    #Extension17 .c-line .left-line,
    #Extension17 .c-line .bottom-line,
    #Extension17 .corner-line .top-line,
    #Extension17 .corner-line .left-line,
    #Extension17 .cross-line .v-line,
    #Extension17 .cross-line .h-line,
    #Extension17 .square-line .top-line,
    #Extension17 .square-line .right-line,
    #Extension17 .square-line .bottom-line,
    #Extension17 .square-line .left-line,
    #Extension17 .t-line .top-line,
    #Extension17 .t-line .v-line,
    #Extension17 .u-line .left-line,
    #Extension17 .u-line .bottom-line,
    #Extension17 .u-line .right-line,
    #Extension17 .horizontal-t-line .left-line,
    #Extension17 .horizontal-t-line .h-line,
    #Extension17 .ellipse-line .ellipse,
    #Extension17 .half-ellipse-line .half-ellipse,
    #Extension17 .diagonal-line .left-diagonal,
    #Extension17 .x-line .left-diagonal,
    #Extension17 .x-line .right-diagonal {
        visibility: visible
    }

    #Extension17 .hide-line line,
    #Extension17 .hide-line ellipse{
        visibility: hidden;
    }

#Extension17 .disabled *{
    pointer-events: none !important;
}

    
    #Extension18 svg:not(:root) {
        overflow: visible;
    }

    #Extension18 .wf-lines-wrapper {
        width: 372px;
        height: 191px;
        opacity: $opacity$;
        overflow: hidden;
        padding: 1px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
    }


    #Extension18 .line .h-line,
    #Extension18 .c-line .top-line,
    #Extension18 .c-line .left-line,
    #Extension18 .c-line .bottom-line,
    #Extension18 .corner-line .top-line,
    #Extension18 .corner-line .left-line,
    #Extension18 .cross-line .v-line,
    #Extension18 .cross-line .h-line,
    #Extension18 .square-line .top-line,
    #Extension18 .square-line .right-line,
    #Extension18 .square-line .bottom-line,
    #Extension18 .square-line .left-line,
    #Extension18 .t-line .top-line,
    #Extension18 .t-line .v-line,
    #Extension18 .u-line .left-line,
    #Extension18 .u-line .bottom-line,
    #Extension18 .u-line .right-line,
    #Extension18 .horizontal-t-line .left-line,
    #Extension18 .horizontal-t-line .h-line,
    #Extension18 .ellipse-line .ellipse,
    #Extension18 .half-ellipse-line .half-ellipse,
    #Extension18 .diagonal-line .left-diagonal,
    #Extension18 .x-line .left-diagonal,
    #Extension18 .x-line .right-diagonal {
        visibility: visible
    }

    #Extension18 .hide-line line,
    #Extension18 .hide-line ellipse{
        visibility: hidden;
    }

#Extension18 .disabled *{
    pointer-events: none !important;
}

    
#Extension20 .disabled *{
    pointer-events: none !important;
}

#Extension20 {overflow:hidden}



#Extension16-m .progress.vertical {
	background: #375F9C !important;
	background-image: none !important;
       margin-right: calc(0px + 1px);
}

#Extension16-m .progressbar-value {
    font-weight: normal !important;
}

#Extension16-m .wf-progress-bar-container {
	display:flex;
	position:relative;
}

#Extension16-m .wf-axis svg {
	width: 0px !important;
}

#Extension16-m .wf-axis text{
    	fill:#C5C5C5;
}

#Extension16-m .axis line,
#Extension16-m .axis path {
    stroke:#C5C5C5
}

#Extension16-m .vertical .wf-progress-bar-container .wf-axis {
    right: 0px;
}

#Extension16-m .wf-progress-state {
	background-image: none;
}
 #Extension6-m.wf-local-svg-container{
	width: 100%;
	height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}
#Label3-sm {
	overflow:hidden;
}

#Label3-sm.wf-text-container {
	position: absolute;
	left:0;
	right: 0;
	top:0;
	bottom:0;
	font-size: 21px; 
	line-height: normal; 
	font-family: Arial; 
	color: #808080; 
	font-weight: normal; 
	border: 0px solid ;
	background: #F5F5F5;
	border-radius: 0px;
	display:flex;
	align-items:flex-start;
	padding: 15px 0px ;
	transform: rotate(0deg);
}

#Label3-sm.wf-text-container span {
	height:inherit;
	text-align:center;
}

#Label3-sm.wf-text-container.left {
	justify-content:flex-start;
}

#Label3-sm.wf-text-container.center {
	justify-content:center;
}

#Label3-sm.wf-text-container.right {
	justify-content:flex-end;

}

#Label2-sm {
	overflow:hidden;
}

#Label2-sm.wf-text-container {
	position: absolute;
	left:0;
	right: 0;
	top:0;
	bottom:0;
	font-size: 21px; 
	line-height: normal; 
	font-family: Arial; 
	color: #808080; 
	font-weight: normal; 
	border: 0px solid ;
	background: #F5F5F5;
	border-radius: 0px;
	display:flex;
	align-items:flex-start;
	padding: 15px 0px ;
	transform: rotate(0deg);
}

#Label2-sm.wf-text-container span {
	height:inherit;
	text-align:center;
}

#Label2-sm.wf-text-container.left {
	justify-content:flex-start;
}

#Label2-sm.wf-text-container.center {
	justify-content:center;
}

#Label2-sm.wf-text-container.right {
	justify-content:flex-end;

}

#Label1-sm {
	overflow:hidden;
}

#Label1-sm.wf-text-container {
	position: absolute;
	left:0;
	right: 0;
	top:0;
	bottom:0;
	font-size: 21px; 
	line-height: normal; 
	font-family: Arial; 
	color: #808080; 
	font-weight: normal; 
	border: 0px solid ;
	background: #F5F5F5;
	border-radius: 0px;
	display:flex;
	align-items:flex-start;
	padding: 15px 0px ;
	transform: rotate(0deg);
}

#Label1-sm.wf-text-container span {
	height:inherit;
	text-align:center;
}

#Label1-sm.wf-text-container.left {
	justify-content:flex-start;
}

#Label1-sm.wf-text-container.center {
	justify-content:center;
}

#Label1-sm.wf-text-container.right {
	justify-content:flex-end;

}

#Layer1-sm
{
   background-color: #FFFFFF;
   background-image: none;
}
#air-m.wf-animation-container { 	
	overflow: hidden; 
	width: 370px; 
	height: 253px; 
	
}

#air-m .animated { 
    animation-duration: 4s !important;
    animation-delay: 3s !important;
    animation-iteration-count: 1 !important;
    transform-origin: center !important;
}


#Extension9-m .wf-secured-container > div > .wf-state-layer > .wf-state-container{
        border-radius: 0px;
        border-width: 0px 0px 0px 0px;
        border-color: #DB3000;
        border-style: solid;
        background-color: #DA0808;
	 color: #FFFFFF;
}    
   

#Extension9-m .disabled .wf-state-layer {
    pointer-events: none;
}


#Extension9-m wf-state-symbol.wf-state-layer {
    position: absolute;
    width: 100%;
    height: 100%;
}

#Extension9-m .wf-navigation-link {
        box-sizing: border-box;
        font-size: 14px;
        font-family: Arial !important;
        font-weight: normal !important;
        text-shadow: none !important;
        border:none;
        background-color: transparent;
        color: inherit;
        display: flex !important;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        transform: scale(1, 1);
        text-decoration: none;
    	 border-width: 0px 0px 0px 0px;
        border-color: transparent;
        border-style: solid;
    }

    #Extension9-m .wf-navigation-link.active {
        background-color:  !important;
        border-color: transparent !important;
        background-image: none !important;
        color:  !important;
        border-width: 0px 0px 0px 0px;
        border-color: transparent;
        border-style: solid;
    }

    #Extension9-m .wf-state-layer:hover  > .wf-state-container,
    #Extension9-m .wf-navigation-link.active:hover {
        background-color: #DB3000 !important;
        border-color:  !important;
        background-image: none !important;
        color:  !important;
        border-width: 0px 0px 0px 0px;
        border-color: ;
        border-style: solid;
    }

    #Extension9-m .wf-state-layer:focus > .wf-state-container,
    #Extension9-m .wf-state-layer .focus > .wf-state-container {
        background-color:  !important;
        border-color: transparent !important;
        background-image: none !important;
        color:  !important;
	 outline: none;
        border-width: 0px 0px 0px 0px;
        border-color: ;
        border-style: solid;
    }

    #Extension9-m .wf-state-layer:hover .icon {
	color: ;
    }

    #Extension9-m .wf-state-layer:active .icon,
    #Extension9-m .wf-state-layer .active .icon {
	color: ;
    }

    #Extension9-m .wf-state-layer:focus .icon,
    #Extension9-m .wf-state-layer .focus .icon {
	color: ;
    }

    #Extension9-m .wf-navigation-link .icon {
        font-size: 24px;
        display: inline-block !important;
        padding: 0;
        line-height: 24px;
	 color:;
    }

#Extension9-m .wf-navigation-link-content {
        display: inline-block;
	 padding: 0px 10px !important;
	 position:absolute;

	}

#Extension9-m .wf-nav-text > span {
	display:inline-block;
}

#Extension9-m.flex-start .wf-navigation-link .icon,
#Extension9-m.flex-start .wf-nav-text,
#Extension9-m.flex-start .wf-navigation-link-content {
    text-align: left;
}

#Extension9-m.center .wf-navigation-link .icon,
#Extension9-m.center .wf-nav-text,
#Extension9-m.center .wf-navigation-link-content {
    text-align: center;
}

#Extension9-m.flex-end .wf-navigation-link .icon,
#Extension9-m.flex-end .wf-nav-text,
#Extension9-m.flex-end .wf-navigation-link-content {
    text-align: right;
}

#hvac-m.wf-animation-container { 	
	overflow: hidden; 
	width: 371px; 
	height: 253px; 
	
}

#hvac-m .animated { 
    animation-duration: 3s !important;
    animation-delay: 2s !important;
    animation-iteration-count: 1 !important;
    transform-origin: center !important;
}


#Extension8-m .wf-secured-container > div > .wf-state-layer > .wf-state-container{
        border-radius: 0px;
        border-width: 0px 0px 0px 0px;
        border-color: #DB3000;
        border-style: solid;
        background-color: #DA0808;
	 color: #FFFFFF;
}    
   

#Extension8-m .disabled .wf-state-layer {
    pointer-events: none;
}


#Extension8-m wf-state-symbol.wf-state-layer {
    position: absolute;
    width: 100%;
    height: 100%;
}

#Extension8-m .wf-navigation-link {
        box-sizing: border-box;
        font-size: 14px;
        font-family: Arial !important;
        font-weight: normal !important;
        text-shadow: none !important;
        border:none;
        background-color: transparent;
        color: inherit;
        display: flex !important;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        transform: scale(1, 1);
        text-decoration: none;
    	 border-width: 0px 0px 0px 0px;
        border-color: transparent;
        border-style: solid;
    }

    #Extension8-m .wf-navigation-link.active {
        background-color:  !important;
        border-color: transparent !important;
        background-image: none !important;
        color:  !important;
        border-width: 0px 0px 0px 0px;
        border-color: transparent;
        border-style: solid;
    }

    #Extension8-m .wf-state-layer:hover  > .wf-state-container,
    #Extension8-m .wf-navigation-link.active:hover {
        background-color: #DB3000 !important;
        border-color:  !important;
        background-image: none !important;
        color:  !important;
        border-width: 0px 0px 0px 0px;
        border-color: ;
        border-style: solid;
    }

    #Extension8-m .wf-state-layer:focus > .wf-state-container,
    #Extension8-m .wf-state-layer .focus > .wf-state-container {
        background-color:  !important;
        border-color: transparent !important;
        background-image: none !important;
        color:  !important;
	 outline: none;
        border-width: 0px 0px 0px 0px;
        border-color: ;
        border-style: solid;
    }

    #Extension8-m .wf-state-layer:hover .icon {
	color: ;
    }

    #Extension8-m .wf-state-layer:active .icon,
    #Extension8-m .wf-state-layer .active .icon {
	color: ;
    }

    #Extension8-m .wf-state-layer:focus .icon,
    #Extension8-m .wf-state-layer .focus .icon {
	color: ;
    }

    #Extension8-m .wf-navigation-link .icon {
        font-size: 24px;
        display: inline-block !important;
        padding: 0 ;
        line-height: 24px;
	 color:;
    }

#Extension8-m .wf-navigation-link-content {
        display: inline-block;
	 padding: 0px 10px !important;
	 position:absolute;

	}

#Extension8-m .wf-nav-text > span {
	display:inline-block;
}

#Extension8-m.flex-start .wf-navigation-link .icon,
#Extension8-m.flex-start .wf-nav-text,
#Extension8-m.flex-start .wf-navigation-link-content {
    text-align: left;
}

#Extension8-m.center .wf-navigation-link .icon,
#Extension8-m.center .wf-nav-text,
#Extension8-m.center .wf-navigation-link-content {
    text-align: center;
}

#Extension8-m.flex-end .wf-navigation-link .icon,
#Extension8-m.flex-end .wf-nav-text,
#Extension8-m.flex-end .wf-navigation-link-content {
    text-align: right;
}

#Loop-m.wf-animation-container { 	
	overflow: hidden; 
	width: 370px; 
	height: 252px; 
	
}

#Loop-m .animated { 
    animation-duration: 2s !important;
    animation-delay: 1s !important;
    animation-iteration-count: 1 !important;
    transform-origin: center !important;
}


#Extension2-m {
	overflow:hidden;
}

#Extension2-m.wf-text-container {
	position: absolute;
	left:0;
	right: 0;
	top:0;
	bottom:0;
	font-size: 28px; 
	line-height: normal; 
	font-family: Arial; 
	color: #DA0808; 
	font-weight: normal; 
	border: 0px solid ;
	background: rgba(255,255,255,0.00);
	border-radius: 0px;
	display:flex;
	align-items:flex-start;
	padding: 5px ;
	transform: rotate(0deg);
}

#Extension2-m.wf-text-container span {
	height:inherit;
	text-align:center;
}

#Extension2-m.wf-text-container.left {
	justify-content:flex-start;
}

#Extension2-m.wf-text-container.center {
	justify-content:center;
}

#Extension2-m.wf-text-container.right {
	justify-content:flex-end;

}

 #i4-logo-inex-m.wf-local-svg-container{
	width: 100%;
	height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}
 #Extension4-m.wf-local-svg-container{
	width: 100%;
	height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}
#Extension70-m.wf-animation-container { 	
	overflow: hidden; 
	width: 119px; 
	height: 42px; 
	
}

#Extension70-m .animated { 
    animation-duration: 5s !important;
    animation-delay: 3s !important;
    animation-iteration-count: infinite !important;
    transform-origin: center !important;
}



#Extension71-m.icon-wrapper{
position: relative;
width:100%;
height:100%;
background-color:rgba(255,255,255,0.00);
border:solid 0px #EF7B10;
border-radius:50%;
transform: scale(1, 1);
}

#Extension71-m .wf-state-container {
    background: none;
}

#Extension71-m .disabled {
    pointer-events: none;
}
#Extension14-m.wf-animation-container { 	
	overflow: hidden; 
	width: 135px; 
	height: 42px; 
	
}

#Extension14-m .animated { 
    animation-duration: 5s !important;
    animation-delay: 3s !important;
    animation-iteration-count: infinite !important;
    transform-origin: center !important;
}



#Extension15-m.icon-wrapper{
position: relative;
width:100%;
height:100%;
background-color:rgba(255,255,255,0.00);
border:solid 0px #EF7B10;
border-radius:50%;
transform: scale(1, 1);
}

#Extension15-m .wf-state-container {
    background: none;
}

#Extension15-m .disabled {
    pointer-events: none;
}
 #Extension5-m.wf-local-svg-container{
	width: 100%;
	height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}
#Extension7-m .wf-secured-container > div > .wf-state-layer > .wf-state-container{
        border-radius: 0px;
        border-width: 0px 0px 0px 0px;
        border-color: #DB3000;
        border-style: solid;
        background-color: #DA0808;
	 color: #FFFFFF;
}    
   

#Extension7-m .disabled .wf-state-layer {
    pointer-events: none;
}


#Extension7-m wf-state-symbol.wf-state-layer {
    position: absolute;
    width: 100%;
    height: 100%;
}

#Extension7-m .wf-navigation-link {
        box-sizing: border-box;
        font-size: 14px;
        font-family: Arial !important;
        font-weight: normal !important;
        text-shadow: none !important;
        border:none;
        background-color: transparent;
        color: inherit;
        display: flex !important;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        transform: scale(1, 1);
        text-decoration: none;
    	 border-width: 0px 0px 0px 0px;
        border-color: transparent;
        border-style: solid;
    }

    #Extension7-m .wf-navigation-link.active {
        background-color:  !important;
        border-color: transparent !important;
        background-image: none !important;
        color:  !important;
        border-width: 0px 0px 0px 0px;
        border-color: transparent;
        border-style: solid;
    }

    #Extension7-m .wf-state-layer:hover  > .wf-state-container,
    #Extension7-m .wf-navigation-link.active:hover {
        background-color: #DB3000 !important;
        border-color:  !important;
        background-image: none !important;
        color:  !important;
        border-width: 0px 0px 0px 0px;
        border-color: ;
        border-style: solid;
    }

    #Extension7-m .wf-state-layer:focus > .wf-state-container,
    #Extension7-m .wf-state-layer .focus > .wf-state-container {
        background-color:  !important;
        border-color: transparent !important;
        background-image: none !important;
        color:  !important;
	 outline: none;
        border-width: 0px 0px 0px 0px;
        border-color: ;
        border-style: solid;
    }

    #Extension7-m .wf-state-layer:hover .icon {
	color: ;
    }

    #Extension7-m .wf-state-layer:active .icon,
    #Extension7-m .wf-state-layer .active .icon {
	color: ;
    }

    #Extension7-m .wf-state-layer:focus .icon,
    #Extension7-m .wf-state-layer .focus .icon {
	color: ;
    }

    #Extension7-m .wf-navigation-link .icon {
        font-size: 24px;
        display: inline-block !important;
        padding: 0;
        line-height: 24px;
	 color:;
    }

#Extension7-m .wf-navigation-link-content {
        display: inline-block;
	 padding: 0px 10px !important;
	 position:absolute;

	}

#Extension7-m .wf-nav-text > span {
	display:inline-block;
}

#Extension7-m.flex-start .wf-navigation-link .icon,
#Extension7-m.flex-start .wf-nav-text,
#Extension7-m.flex-start .wf-navigation-link-content {
    text-align: left;
}

#Extension7-m.center .wf-navigation-link .icon,
#Extension7-m.center .wf-nav-text,
#Extension7-m.center .wf-navigation-link-content {
    text-align: center;
}

#Extension7-m.flex-end .wf-navigation-link .icon,
#Extension7-m.flex-end .wf-nav-text,
#Extension7-m.flex-end .wf-navigation-link-content {
    text-align: right;
}

#index-header-m.wf-animation-container { 	
	overflow: hidden; 
	width: 372px; 
	height: 52px; 
	
}

#index-header-m .animated { 
    animation-duration: 2s !important;
    animation-delay: 0s !important;
    animation-iteration-count: 1 !important;
    transform-origin: center !important;
}


#Extension1-index-m.wf-animation-container { 	
	overflow: hidden; 
	width: 370px; 
	height: 49px; 
	
}

#Extension1-index-m .animated { 
    animation-duration: 2s !important;
    animation-delay: 1s !important;
    animation-iteration-count: 1 !important;
    transform-origin: center !important;
}


#Extension13.wf-animation-container { 	
	overflow: hidden; 
	width: 251px; 
	height: 317px; 
	
}

#Extension13 .animated { 
    animation-duration: 4s !important;
    animation-delay: 2s !important;
    animation-iteration-count: 1 !important;
    transform-origin: center !important;
}


#Extension11.wf-animation-container { 	
	overflow: hidden; 
	width: 251px; 
	height: 317px; 
	
}

#Extension11 .animated { 
    animation-duration: 2s !important;
    animation-delay: 0s !important;
    animation-iteration-count: 1 !important;
    transform-origin: center !important;
}


#Extension12.wf-animation-container { 	
	overflow: hidden; 
	width: 251px; 
	height: 317px; 
	
}

#Extension12 .animated { 
    animation-duration: 3s !important;
    animation-delay: 1s !important;
    animation-iteration-count: 1 !important;
    transform-origin: center !important;
}


#Extension1.wf-animation-container { 	
	overflow: hidden; 
	width: 543px; 
	height: 218px; 
	
}

#Extension1 .animated { 
    animation-duration: 3s !important;
    animation-delay: 0s !important;
    animation-iteration-count: 1 !important;
    transform-origin: center !important;
}




[id*='wf-col-'] [id*='wf-col-'], [id*='wf-column-'] [id*='wf-colum-'] {
    width: 100% !important;
}
#wb_Label2-sm
{
   position: absolute;
   left: 2px;
   top: 201px;
   width: 368px;
   height: 50px;
   z-index: 39;
}
#Layer1-sm_Container
{
   width: 750px;
   position: relative;
   margin-left: auto;
   margin-right: auto;
   text-align: left;
}
#wb_Shape2
{
   position: absolute;
   left: 105px;
   top: 105px;
   width: 41px;
   height: 41px;
   z-index: 12;
}
#Extension16
{
   width: 37px;
   height: 75px;
   overflow: hidden;
}
#wb_Label1-sm
{
   position: absolute;
   left: 1px;
   top: 199px;
   width: 368px;
   height: 50px;
   z-index: 36;
}
#wb_Extension7-m
{
   position: absolute;
   left: 310px;
   top: 199px;
   width: 60px;
   height: 50px;
   z-index: 37;
}
#wb_air-m
{
   position: absolute;
   left: 1px;
   top: 661px;
   width: 370px;
   height: 253px;
   z-index: 50;
}
#wb_Extension1
{
   position: absolute;
   left: 211px;
   top: 25px;
   width: 543px;
   height: 218px;
   z-index: 24;
}
#wb_Extension17
{
   position: absolute;
   left: 72px;
   top: 18px;
   width: 372px;
   height: 191px;
   z-index: 16;
}
#wb_Extension18
{
   position: absolute;
   left: 444px;
   top: 18px;
   width: 372px;
   height: 191px;
   z-index: 15;
}
#wb_Extension19
{
   position: absolute;
   left: 41px;
   top: 82px;
   width: 883px;
   height: 216px;
   z-index: 23;
}
#wb_Extension12
{
   position: absolute;
   left: 358px;
   top: 271px;
   width: 251px;
   height: 317px;
   z-index: 22;
}
#wb_Extension15
{
   position: absolute;
   left: 106px;
   top: 7px;
   width: 29px;
   height: 28px;
   z-index: 7;
}
#wb_Extension14
{
   position: absolute;
   left: 58px;
   top: 167px;
   width: 143px;
   height: 42px;
   z-index: 9;
}
#wb_Extension11
{
   position: absolute;
   left: 0px;
   top: 271px;
   width: 251px;
   height: 317px;
   z-index: 21;
}
#wb_Extension16
{
   position: absolute;
   left: 113px;
   top: 114px;
   width: 37px;
   height: 75px;
   z-index: 3;
}
#wb_Extension13
{
   position: absolute;
   left: 713px;
   top: 271px;
   width: 251px;
   height: 317px;
   z-index: 20;
}
#i4-logo-inex-m
{
   opacity: 1;
}
#wb_Extension2
{
   position: absolute;
   left: 112px;
   top: 122px;
   width: 320px;
   height: 41px;
   z-index: 18;
}
#wb_Extension20
{
   position: absolute;
   left: 391px;
   top: 37px;
   width: 100px;
   height: 172px;
   z-index: 17;
}
#Shape2
{
   width: 41px;
   height: 41px;
}
#wb_Extension5-m
{
   position: absolute;
   left: 24px;
   top: 1px;
   width: 320px;
   height: 200px;
   z-index: 40;
}
#wb_hvac-m
{
   position: absolute;
   left: 0px;
   top: 387px;
   width: 371px;
   height: 253px;
   z-index: 49;
}
#wb_Loop-m
{
   position: absolute;
   left: 1px;
   top: 113px;
   width: 370px;
   height: 252px;
   z-index: 48;
}
#wb_Extension3
{
   position: absolute;
   left: 245px;
   top: 48px;
   width: 52px;
   height: 52px;
   z-index: 19;
}
#wb_Extension1-index-m
{
   position: absolute;
   left: 1px;
   top: 62px;
   width: 370px;
   height: 49px;
   z-index: 52;
}
#wb_i4-logo-inex-m
{
   position: absolute;
   left: 0px;
   top: 0px;
   width: 52px;
   height: 52px;
   z-index: 46;
}
#wb_Extension9-m
{
   position: absolute;
   left: 310px;
   top: 200px;
   width: 60px;
   height: 50px;
   z-index: 45;
}
#wb_Label3-sm
{
   position: absolute;
   left: 1px;
   top: 200px;
   width: 368px;
   height: 50px;
   z-index: 44;
}
#Layer1-sm
{
   position: fixed;
   text-align: center;
   left: 0;
   top: 24px;
   right: 0;
   width: 372px;
   height: 952px;
   margin-left: auto;
   margin-right: auto;
   z-index: 75;
}
#wb_Extension4
{
   position: absolute;
   left: 0px;
   top: 19px;
   width: 251px;
   height: 253px;
   z-index: 10;
}
#wb_Extension16-m
{
   position: absolute;
   left: 155px;
   top: 40px;
   width: 61px;
   height: 107px;
   z-index: 42;
}
#wb_Extension15-m
{
   position: absolute;
   left: 106px;
   top: 7px;
   width: 29px;
   height: 28px;
   z-index: 33;
}
#wb_Extension14-m
{
   position: absolute;
   left: 94px;
   top: 131px;
   width: 135px;
   height: 42px;
   z-index: 35;
}
#wb_Extension4-m
{
   position: absolute;
   left: 24px;
   top: 0px;
   width: 320px;
   height: 200px;
   z-index: 38;
}
#wb_Extension5
{
   position: absolute;
   left: 0px;
   top: 19px;
   width: 251px;
   height: 253px;
   z-index: 13;
}
#Extension6-m
{
   opacity: 1;
}
#Extension5-m
{
   opacity: 1;
}
#Extension4-m
{
   opacity: 1;
}
#wb_Extension6
{
   position: absolute;
   left: 0px;
   top: 19px;
   width: 251px;
   height: 253px;
   z-index: 4;
}
#wb_Extension7
{
   position: absolute;
   left: 0px;
   top: 267px;
   width: 250px;
   height: 50px;
   z-index: 11;
}
#wb_Extension71
{
   position: absolute;
   left: 0px;
   top: 7px;
   width: 29px;
   height: 28px;
   z-index: 6;
}
#wb_Extension70
{
   position: absolute;
   left: 46px;
   top: 43px;
   width: 158px;
   height: 42px;
   z-index: 8;
}
#Layer1
{
   position: fixed;
   text-align: center;
   left: 0;
   top: 40px;
   right: 0;
   width: 964px;
   height: 588px;
   margin-left: auto;
   margin-right: auto;
   z-index: 93;
}
#wb_Extension2-m
{
   position: absolute;
   left: 41px;
   top: 4px;
   width: 285px;
   height: 41px;
   z-index: 47;
}
#wb_Extension8
{
   position: absolute;
   left: 0px;
   top: 267px;
   width: 251px;
   height: 50px;
   z-index: 14;
}
#Extension16-m
{
   width: 61px;
   height: 107px;
   overflow: hidden;
}
#wb_Extension9
{
   position: absolute;
   left: 0px;
   top: 267px;
   width: 250px;
   height: 50px;
   z-index: 5;
}
#wb_Extension8-m
{
   position: absolute;
   left: 311px;
   top: 201px;
   width: 60px;
   height: 50px;
   z-index: 41;
}
#Extension3
{
   opacity: 1;
}
#Extension5
{
   opacity: 1;
}
#Extension4
{
   opacity: 1;
}
#Extension6
{
   opacity: 1;
}
#Layer1_Container
{
   width: 1400px;
   position: relative;
   margin-left: auto;
   margin-right: auto;
   text-align: left;
}
#wb_Extension71-m
{
   position: absolute;
   left: 0px;
   top: 7px;
   width: 29px;
   height: 28px;
   z-index: 32;
}
#wb_Extension70-m
{
   position: absolute;
   left: 104px;
   top: 12px;
   width: 119px;
   height: 42px;
   z-index: 34;
}
#wb_index-header-m
{
   position: absolute;
   left: 0px;
   top: 0px;
   width: 372px;
   height: 52px;
   z-index: 51;
}
#wb_Extension6-m
{
   position: absolute;
   left: 27px;
   top: 0px;
   width: 320px;
   height: 200px;
   z-index: 43;
}
@media only screen and (max-width: 750px)
{
div#container
{
   width: 750px;
}
#wb_Extension19
{
   left: 249px;
   top: 84px;
   width: 883px;
   height: 218px;
   visibility: visible;
   display: inline;
}
#wb_Extension16
{
   left: 127px;
   top: 114px;
   width: 37px;
   height: 75px;
   visibility: visible;
   display: inline;
}
#wb_Extension6
{
   left: 14px;
   top: 19px;
   width: 251px;
   height: 253px;
   visibility: visible;
   display: inline;
}
#Layer1
{
   height: 680px;
   visibility: hidden;
   display: none;
}
#Layer1_Container
{
   width: 750px;
}
#wb_Extension2
{
   left: 112px;
   top: 122px;
   width: 320px;
   height: 41px;
   visibility: visible;
   display: inline;
}
#wb_Extension3
{
   left: 245px;
   top: 48px;
   width: 52px;
   height: 52px;
   visibility: visible;
   display: inline;
}
#wb_Extension4
{
   left: 17px;
   top: 19px;
   width: 251px;
   height: 253px;
   visibility: visible;
   display: inline;
}
#wb_Extension5
{
   left: 17px;
   top: 19px;
   width: 251px;
   height: 253px;
   visibility: visible;
   display: inline;
}
#wb_Extension7
{
   left: 17px;
   top: 267px;
   width: 250px;
   height: 50px;
   visibility: visible;
   display: inline;
}
#wb_Extension8
{
   left: 17px;
   top: 267px;
   width: 251px;
   height: 50px;
   visibility: visible;
   display: inline;
}
#wb_Extension9
{
   left: 14px;
   top: 267px;
   width: 250px;
   height: 50px;
   visibility: visible;
   display: inline;
}
#wb_Extension70
{
   left: 46px;
   top: 43px;
   width: 158px;
   height: 42px;
   visibility: visible;
   display: inline;
}
#wb_Extension71
{
   left: 0px;
   top: 7px;
   width: 29px;
   height: 28px;
   visibility: visible;
   display: inline;
}
#wb_Extension14
{
   left: 58px;
   top: 167px;
   width: 143px;
   height: 42px;
   visibility: visible;
   display: inline;
}
#wb_Extension15
{
   left: 106px;
   top: 7px;
   width: 29px;
   height: 28px;
   visibility: visible;
   display: inline;
}
#wb_Shape2
{
   left: 105px;
   top: 105px;
   visibility: visible;
   display: inline;
}
#wb_Extension17
{
   left: 47px;
   top: 17px;
   width: 372px;
   height: 191px;
   visibility: visible;
   display: inline;
}
#wb_Extension18
{
   left: 471px;
   top: 16px;
   width: 372px;
   height: 191px;
   visibility: visible;
   display: inline;
}
#wb_Extension20
{
   left: 396px;
   top: 36px;
   width: 100px;
   height: 172px;
   visibility: visible;
   display: inline;
}
#index-sm-master
{
   left: 149px;
   top: 0px;
   width: 379px;
   height: 952px;
   visibility: visible;
   display: inline;
}
#wb_Extension13
{
   left: 951px;
   top: 271px;
   width: 283px;
   height: 339px;
   visibility: visible;
   display: inline;
}
#wb_Extension11
{
   left: 155px;
   top: 271px;
   width: 283px;
   height: 339px;
   visibility: visible;
   display: inline;
}
#wb_Extension12
{
   left: 553px;
   top: 271px;
   width: 283px;
   height: 339px;
   visibility: visible;
   display: inline;
}
#wb_Extension1
{
   left: 423px;
   top: 25px;
   width: 543px;
   height: 218px;
   visibility: visible;
   display: inline;
}
}
.spinner-hvac {
    animation: rotation 2s infinite linear;
    -webkit-animation: rotation 20s infinite linear;
    transform-origin: center;
}

.spinner-hvac-sm {
    animation: rotation 2s infinite linear;
    -webkit-animation: rotation 20s infinite linear;
    transform-origin: center right;
}

.border-red > .animated{
      border: 1px solid #da0907;
}


#wb_index-header-m {
    position: fixed;
    display: flex;
    justify-content: center;
    width: 100%;
    border-bottom: 1px solid #da0907;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);
}

@-webkit-keyframes rotation {
		from {
				-webkit-transform: rotate(0deg);
		}
		to {
				-webkit-transform: rotate(359deg);
		}
}

#Layer1-sm {
    height: initial;
    bottom: 0;
    top: 0;
    overflow-x: hidden;
}

#wb_i4-logo-inex-m {
   position:fixed
}

#wb_Extension1-index-m {
    top: -14px;
}

#wb_Loop-m {
    top:50px;
}

#wb_hvac-m {
   top: 325px;
}

#wb_air-m {
    top: 605px;
}

div#Layer1-sm_Container {
    position: absolute;
    overflow-y: auto;
    overflow-x: hidden;
    top: 100px;
    bottom: 40px;
    right: 0;
    left: 0;
}

@media only screen and (min-width: 750px){
#wb_index-sm-master {
display:none
}

#Layer1-sm {
   display:none;
}
}

@media only screen and (max-width: 750px){
#wb_index-sm-master {
    visibility: visible;
    display: block !important;
}
}