.max-h-100px {
     max-height: 100px !important
 }

 .p-1-0-3-0 {
     padding: 1px 0 3px 0 !important
 }

 .bt-0 {
     border-top: 0 !important
 }

 .h-400 {
     height: 400px !important
 }

 .w-100 {
     width: 100% !important
 }

 .bs-inset-15 {
     box-shadow: inset 0 0 15px rgba(94, 101, 110, .3) !important
 }

 .bs-inset-15-dark {
     box-shadow: inset 0 0 15px rgba(32, 32, 32, .7) !important
 }

 .pos-relative {
     position: relative !important
 }

 .text-black {
     color: black !important
 }

 .mw-350 {
     max-width: 350px !important
 }

 .m-auto {
     margin: auto !important
 }

 .mt-0 {
     margin-top: 0 !important
 }

 .ml-n34 {
     margin-left: -34px !important
 }

 .dib {
     display: inline-block !important
 }

 .m-0 {
     margin: 0 !important
 }

 .h-33 {
     height: 33px !important
 }

 .d-none {
     display: none !important
 }

 .pb-10 {
     padding-bottom: 10px !important
 }

 .p-25 {
     padding: 25px !important
 }

 .pt-6 {
     padding-top: 6px !important
 }

 .v-top {
     vertical-align: top !important
 }

 .float-start {
     float: left !important
 }

 .padding-10px {
     padding: 10px !important;
 }

 .min-height-100pct {
     min-height: 100% !important;
 }

 .border-radius-0_375rem {
     border-radius: .375rem !important;
 }

 .padding-left-0px {
     padding-left: 0 !important
 }

 .padding-right-5pct {
     padding-right: 5% !important
 }

 .box-shadow-inset-0-0-15px-rgba-94-101-110-0_3 {
     box-shadow: inset 0 0 15px rgba(94, 101, 110, .3) !important;
 }

 .bg-black {
     background-color: black !important
 }

 .font-weight-500 {
     font-weight: 500 !important;
 }

 .margin-right-24px {
     margin-right: 24px !important;
 }

 .height-120px {
     height: 120px !important;
 }

 .background-color-rgba-216-216-216-0_25 {
     background-color: rgba(216, 216, 216, .25) !important;
 }

 .max-height-540px {
     max-height: 540px !important;
 }

 .padding-top-25px {
     padding-top: 25px !important;
 }

 .padding-12px {
     padding: 12px !important;
 }

 .flex-100pct {
     flex: 100% !important;
 }

 .flex-wrap-wrap {
     flex-wrap: wrap !important;
 }

 .flex-direction-row {
     flex-direction: row !important;
 }

 .padding-25px-0 {
     padding: 25px 0 !important;
 }

 .margin-top-4vw {
     margin-top: 4vw !important;
 }

 .flex-direction-column {
     flex-direction: column
 }

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

 .height-92vh {
     height: 92vh !important
 }

 .border-collapse-collapse {
     border-collapse: collapse !important;
 }

 .margin-top-calc-14px-3vw {
     margin-top: calc(14px + 3vw) !important;
 }

 .min-height-98pct {
     min-height: 98% !important;
 }

 .padding-top-calc-20px-1_7vw {
     padding-top: calc(20px + 1.7vw) !important;
 }

 .padding-top-calc-60px-1_7vw {
     padding-top: calc(60px + 1.7vw) !important;
 }

 .height-550px {
     height: 550px !important;
 }

 .width-85pct {
     width: 85% !important
 }

 .mt-110px {
     margin-top: 110px !important;
 }

 .pt-110px {
     padding-top: 110px !important
 }

 .max-height-65pct {
     max-height: 65% !important;
 }

 .border-color-454242 {
     border-color: #454242 !important
 }

 .fs-calc-100pct-5px {
     font-size: calc(100% + 5px) !important;
 }

 .width-40px {
     width: 40px !important;
 }

 .border-bottom-0 {
     border-bottom: 0 !important
 }

 .box-shadow-0-0-10px-opacity-0_25-black {
     box-shadow: 0 0 10px rgba(0, 0, 0, .25) !important;
 }

 .border-0 {
     border: 0 !important;
 }

 .p-8px {
     padding: 8px !important
 }

 .p-8px-0 {
     padding: 8px 0 !important
 }

 .h-65px {
     height: 65px !important
 }

 .h-80px {
     height: 80px !important
 }

 .br-22-left {
     border-radius: 22px 0 0 22px !important;
 }

 .m-10 {
     margin: 10px !important;
 }

 .h-60px {
     height: 60px !important;
 }

 .padding-20px-5percent {
     padding: 20px 5%;
 }

 .bg-white-0671 {
     background-color: rgba(255, 255, 255, .671) !important
 }

 .bg-f1f1f1 {
     background-color: rgb(241, 241, 241) !important
 }

 .bg-black {
     background-color: black !important
 }

 .margin-top-110 {
     margin-top: 110px !important
 }

 .padding-50-5-75-5 {
     padding: 50px 5% 75px 5% !important
 }

 .height-80pct {
     height: 80%
 }

 .margin-top--4px {
     margin-top: -4px !important;
 }

 .height-25px {
     height: 25px !important;
 }

 .max-width-300px {
     max-width: 300px !important;
 }

 .opacity-80pct {
     opacity: 80% !important;
 }

 .max-width-1320px {
     max-width: 1320px !important;
 }

 .fw-400 {
     font-weight: 400 !important
 }

 .max-height-90pct {
     max-height: 90% !important;
 }

 .max-height-82vh {
     max-height: 82vh !important;
 }

 .padding-10px {
     padding: 10px !important
 }

 .padding-14-10-8-2pct {
     padding: 14px 10px 8px 2% !important;
 }

 .padding-25px-10percent {
     padding: 25px 10%
 }

 .box-shadow-15 {
     box-shadow: 0 0 15px #272727ad !important
 }

 .m-6px {
     margin: 6px !important
 }

 .bg-454242 {
     background-color: rgb(69, 66, 66) !important
 }

 .bg-d8d8d8 {
     background-color: #d8d8d8 !important;
 }

 .padding-25 {
     padding: 25px !important
 }

 .font-weight-400 {
     font-weight: 400 !important
 }

 .color-3a3a3a {
     color: #3a3a3a !important
 }

 .padding-20 {
     padding: 20px !important
 }

 .text-center {
     text-align: center !important
 }

 .padding-15 {
     padding: 15px !important
 }

 .max-height-100 {
     max-height: 100px !important
 }

 .width-auto {
     width: auto !important
 }

 .margin-auto {
     margin: auto !important
 }

 .padding-20-5pct {
     padding: 20px 5% !important
 }

 .padding-top-2rem {
     padding-top: 2rem !important
 }

 .justify-content-center {
     justify-content: center !important
 }

 .pr-4pct {
     padding-right: 4% !important
 }

 .pr-0 {
     padding-right: 0 !important
 }

 .height-60px {
     height: 60px !important
 }

 .align-items-center {
     align-items: center !important
 }

 .float-left {
     float: left !important
 }

 .margin-10px {
     margin: 10px !important
 }

 .overflow-y-auto {
     overflow-y: auto !important
 }

 .border-top-0 {
     border-top: 0 !important
 }

 .height-400px {
     height: 400px !important
 }

 .width-100pct {
     width: 100% !important
 }

 .boxshadow-inset-automation {
     box-shadow: inset 0 0 15px rgba(94, 101, 110, .3) !important
 }

 .boxshadow-inset-automation-inner {
     box-shadow: inset 0 0 15px rgba(32, 32, 32, .7) !important
 }

 .max-width-350px {
     max-width: 350px !important
 }

 .margin-left-n34px {
     margin-left: -34px !important
 }

 .d-inline-block {
     display: inline-block !important
 }

 .height-33px {
     height: 33px !important
 }

 .margin-0 {
     margin: 0 !important
 }

 .color-black {
     color: #000 !important
 }

 .splitmainbox.bg-454242 {
     background-color: #454242 !important;
 }

 .box-shadow-inset-0-0-10px {
     box-shadow: inset 0 0 10px rgba(0, 0, 0, .25) !important;
 }

 .padding-25px-5pct-1vw-5pct {
     padding: 25px 5% 1vw 5%
 }

 .padding-top-2_5vw-bottom-1_6vw {
     padding-top: 2.5vw;
     padding-bottom: 1.6vw;
 }

 .line-height-1_45 {
     line-height: 1.45
 }

 .padding-20-0 {
     padding: 20px 0 !important
 }

 .position-relative {
     position: relative !important
 }

 .position-absolute {
     position: absolute !important
 }

 .top--130px {
     top: -130px !important
 }

 .bg-3a3a3a {
     background-color: #3a3a3a !important
 }

 .bg-e3e3e3 {
     background-color: #e3e3e3 !important;
 }

 .padding-bottom-6px {
     padding-bottom: 6px !important
 }

 .margin-top-10px {
     margin-top: 10px !important
 }

 .border-radius-22 {
     border-radius: 22px !important
 }

 .border-radius-22-top-left {
     border-radius: 22px 0 0 0 !important
 }

 .border-radius-22-top-right {
     border-radius: 0 22px 0 0 !important
 }

 .border-radius-22-bottom-left {
     border-radius: 0 0 0 22px !important
 }

 .border-radius-22-bottom-right {
     border-radius: 0 0 22px 0 !important
 }

 .border-radius-6 {
     border-radius: .375rem !important
 }

 .border-radius-right-22 {
     border-radius: 0 22px 22px 0 !important
 }

 .border-radius-22-0-0-22 {
     border-radius: 22px 0 0 22px !important
 }

 .border-radius-22-22-0-0 {
     border-radius: 22px 22px 0 0 !important
 }

 .box-shadow-inset-0-0-15-rgba-32-32-32-0_7 {
     box-shadow: inset 0 0 15 rgba(32, 32, 32, .7) !important;
 }

 .color-white {
     color: #ffffff !important
 }

 .align-self-center-to-start {
     align-self: center !important
 }

 .align-self-center {
     align-self: center !important
 }

 .cursor-pointer {
     cursor: pointer !important
 }

 .vertical-align-bottom {
     vertical-align: bottom !important
 }

 .me-16px {
     margin-right: 16px !important
 }

 .margin-0-10px {
     margin: 0 10px
 }

 .cursor-default {
     cursor: default !important
 }

 .table-color-white {
     color: white !important
 }

 .table-margin-auto {
     margin: auto !important
 }

 .max-height-250px {
     max-height: 250px !important
 }

 .border-radius-0-0_375rem-0-22px {
     border-radius: 0 .375rem 0 22px !important;
 }

 .border-radius-0_375rem-0_375rem-0-0 {
     border-radius: .375rem .375rem 0 0 !important
 }

 .center-align {
     display: flex;
     justify-content: center;
     align-items: center
 }

 .padding-top-170px {
     padding-top: 170px !important
 }

 .min-w-55px {
     min-width: 55px !important;
 }

 .max-w-55px {
     max-width: 55px !important;
 }

 .w-55px {
     width: 55px !important
 }

 .padding-0px-5pct {
     padding: 0 5% !important;
 }

 .width-80pct {
     width: 80% !important
 }

 .transform-translate--65px-0px {
     transform: translate(-65px, 0)
 }

 .color-454242 {
     color: #454242 !important
 }

 .text-center {
     text-align: center !important
 }

 .m-0 {
     margin: 0 !important
 }

 .margin-auto {
     margin: auto !important
 }

 .min-height-50 {
     min-height: 50% !important
 }

 .min-height-110px {
     min-height: 110px !important
 }

 .bg-f3f3f3 {
     background-color: #f3f3f3 !important
 }

 .w-100 {
     width: 100% !important
 }

 .margin-left-n1 {
     margin-left: -1px !important
 }

 .padding-1-0-3-0 {
     padding: 1px 0 3px 0 !important
 }

 .padding-25 {
     padding: 25px !important
 }

 .padding-top-6 {
     padding-top: 6px !important
 }

 .padding-bottom-10 {
     padding-bottom: 10px !important
 }

 .overflow-x-hidden {
     overflow-x: hidden !important
 }

 .text-white {
     color: #ffffff !important
 }

 .cursor-pointer {
     cursor: pointer !important
 }

 .vertical-align-bottom {
     vertical-align: bottom !important
 }

 .margin-0 {
     margin: 0 !important
 }

 .display-none {
     display: none !important
 }

 .float-left {
     float: left !important
 }

 .max-width-350 {
     max-width: 350px !important
 }

 .margin-auto {
     margin: auto !important
 }

 .height-60px {
     height: 60px !important
 }

 .text-align-left {
     text-align: left !important
 }

 .m-left-6_8pct {
     margin-left: 6.8%
 }

 .padding-bottom-10 {
     padding-bottom: 10px !important
 }

 .padding-right-0 {
     padding-right: 0 !important
 }

 .margin-left-n34 {
     margin-left: -34px !important
 }

 .height-33px {
     height: 33px !important
 }

 .box-shadow-inset {
     box-shadow: inset 0 0 15px rgba(32, 32, 32, .7) !important
 }

 .background-black {
     background-color: black !important
 }

 .margin-10 {
     margin: 10px !important
 }

 body,
 html {
     color: #14120e;
     background-color: #000000
 }

 html {
     scroll-behavior: smooth;
     overflow-x: hidden !important
 }

 body {
     width: 100% !important;
     position: relative
 }

 ::-webkit-scrollbar {
     width: 12px
 }

 ::-webkit-scrollbar-track {
     background: #f1f1f1;
     box-shadow: inset 0 0 4px grey
 }

 ::-webkit-scrollbar-thumb {
     background: #888
 }

 ::-webkit-scrollbar-thumb:hover {
     background: #555
 }

 :root {
     --grey-btn: #454242 !important
 }

 .greybtn {
     color: var(--grey-btn)
 }

 .greybtn {
     color: var(--grey-btn);
     border-color: var(--grey-btn);
     opacity: .65
 }

 .greybtn:hover {
     color: #000;
     background-color: var(--grey-btn);
     opacity: 1
 }

 .greybtn:active {
     color: #000 !important;
     background-color: var(--grey-btn) !important;
     border-color: var(--grey-btn) !important
 }

 :root {
     --parallax-button-color: #ffffff
 }

 .paracolor {
     color: var(--parallax-button-color)
 }

 .paracolor {
     color: var(--parallax-button-color);
     border-color: var(--parallax-button-color)
 }

 .paracolor:hover {
     color: #000;
     background-color: var(--parallax-button-color)
 }

 .paracolor:active {
     color: #000 !important;
     background-color: var(--parallax-button-color) !important;
     border-color: var(--parallax-button-color) !important
 }

 :root {
     --worth-color: #e80e8a !important
 }

 .worthcolor {
     color: var(--worth-color)
 }

 .btnworth {
     color: var(--worth-color);
     border-color: var(--securworthity-color)
 }

 .btnworth:hover {
     color: #000;
     background-color: var(--worth-color)
 }

 .btnworth:active {
     color: #000 !important;
     background-color: var(--worth-color) !important;
     border-color: var(--worth-color) !important
 }

 :root {
     --security-color: #ee1c25 !important
 }

 .securitycolor {
     color: var(--security-color)
 }

 .btnsecurity {
     color: var(--security-color);
     border-color: var(--security-color)
 }

 .btnsecurity:hover {
     color: #000;
     background-color: var(--security-color)
 }

 .btnsecurity:active {
     color: #000 !important;
     background-color: var(--security-color) !important;
     border-color: var(--security-color) !important
 }

 :root {
     --build-color: #784d9f
 }

 .buildcolor {
     color: var(--build-color)
 }

 .btnbuild {
     color: var(--build-color);
     border-color: var(--build-color)
 }

 .btnbuild:hover {
     color: #000;
     background-color: var(--build-color)
 }

 .btnbuild:active {
     color: #000 !important;
     background-color: var(--build-color) !important;
     border-color: var(--build-color) !important
 }

 :root {
     --AutoNGates-color: #1a9cd8
 }

 .stratuscolor {
     color: var(--AutoNGates-color)
 }

 .btnstratus {
     color: var(--AutoNGates-color);
     border-color: var(--AutoNGates-color)
 }

 .btnstratus:hover {
     color: #000;
     background-color: var(--AutoNGates-color)
 }

 .btnstratus:active {
     color: #000 !important;
     background-color: var(--AutoNGates-color) !important;
     border-color: var(--AutoNGates-color) !important
 }

 :root {
     --AccessNPlatforms-color: #007587
 }

 .AccessNPlatformscolor {
     color: var(--AccessNPlatforms-color)
 }

 .btnAccessNPlatforms {
     color: var(--AccessNPlatforms-color);
     border-color: var(--AccessNPlatforms-color)
 }

 .btnAccessNPlatforms:hover {
     color: #000;
     background-color: var(--AccessNPlatforms-color)
 }

 .btnAccessNPlatforms:active {
     color: #000 !important;
     background-color: var(--AccessNPlatforms-color) !important;
     border-color: var(--AccessNPlatforms-color) !important
 }

 :root {
     --Fabrication-color: #6d6e71
 }

 .Fabricationcolor {
     color: var(--Fabrication-color)
 }

 .btnFabrication {
     color: var(--Fabrication-color);
     border-color: var(--Fabrication-color)
 }

 .btnFabrication:hover {
     color: #000;
     background-color: var(--Fabrication-color)
 }

 .btnFabrication:active {
     color: #000 !important;
     background-color: var(--Fabrication-color) !important;
     border-color: var(--Fabrication-color) !important
 }

 :root {
     --renewable-color: #84c556
 }

 .renewablecolor {
     color: var(--renewable-color)
 }

 .btnrenewable {
     color: var(--renewable-color);
     border-color: var(--renewable-color)
 }

 .btnrenewable:hover {
     color: #000;
     background-color: var(--renewable-color)
 }

 .btnrenewable:active {
     color: #000 !important;
     background-color: var(--renewable-color) !important;
     border-color: var(--renewable-color) !important
 }

 :root {
     --plant-color: #f7941d
 }

 .plantcolor {
     color: var(--plant-color)
 }

 .btnplant {
     color: var(--plant-color);
     border-color: var(--plant-color)
 }

 .btnplant:hover {
     color: #000;
     background-color: var(--plant-color)
 }

 .btnplant:active {
     color: #000 !important;
     background-color: var(--plant-color) !important;
     border-color: var(--plant-color) !important
 }

 textarea:focus,
 textarea.form-control:focus,
 input.form-control:focus,
 input[type=text]:focus,
 input[type=password]:focus,
 input[type=email]:focus,
 input[type=number]:focus,
 [type=text].form-control:focus,
 [type=password].form-control:focus,
 [type=email].form-control:focus,
 [type=tel].form-control:focus,
 [contenteditable].form-control:focus {
     box-shadow: inset 0 0 4px #a1a1a1;
     border-color: #cecece;
     border-radius: 0 0.375rem 0.375rem 0;
 }

 button.mysubbutton:hover,
 button.mysubbutton:active {
     background: rgb(47, 148, 81)
 }

 input.mysubbutton:hover,
 button.mysubbutton:active {
     background: rgb(47, 148, 81)
 }

 button.btn {
     box-shadow: 0 0 5px #bbbbbb
 }

 .btn {
     padding: 9px 21px;
     background-color: rgba(255, 255, 255, .75)
 }

 .LargeText {
     font-size: calc(15px + 1vw);
     color: white;
     cursor: default;
     font-weight: 500;
     line-height: 1.2
 }

 .RegularText {
     font-size: calc(10px + .3vw);
     font-weight: 400;
     color: white;
     line-height: 1.35
 }

 .RegularText.active {
     font-size: calc(12px + .3vw)
 }

 .textMax15px {
     font-size: min(15px, calc(10px + .3vw))
 }

 .Opacity80 {
     opacity: .8
 }

 .RightParallaxTrHeight {
     height: 50px
 }

 .ms-25px {
     margin-left: 25px
 }

 .navbar-toggler {
     border: none
 }

 .navbar-toggler:focus {
     box-shadow: none
 }

 .dropdown-content {
     border-radius: .375rem
 }

 .burgerSpacer {
     margin-right: 26px
 }

 a.mynav:hover,
 a.mynav:active {
     text-shadow: 0 0 3px rgba(255, 255, 255, .5);
     color: white;
     cursor: pointer;
     transition: transform .2s;
     transform: scale(1.1);
     z-index: 3
 }

 span.mynav.active {
     line-height: 1.5rem !important
 }

 span.mynav:hover {
     color: white;
     cursor: default
 }

 span.active {
     font-size: calc(100% + 2px);
     font-weight: 500;
     cursor: default
 }

 a.mynav.active {
     line-height: 1.5rem !important
 }

 a.active {
     font-size: calc(100% + 2px);
     font-weight: 500
 }

 a {
     color: inherit;
     text-decoration: none
 }

 .mynav {
     font-weight: 400;
     margin-left: 2px;
     margin-right: 2px;
     color: rgb(255, 255, 255)
 }

 .mynav:hover {
     color: white !important
 }

 .mynavtd {
     text-align: start;
     padding: 3px 8px
 }

 .nopmb {
     padding: 0 !important;
     margin: 0 !important;
     border: 0 !important
 }

 h1 {
     text-shadow: 0 1px 5px rgba(32, 32, 32, .7)
 }

 h2 {
     text-shadow: 0 0 2px rgba(0, 0, 0, .7)
 }

 .logo {
     max-height: 100px;
     width: auto;
     padding: 10px
 }

 #myheadernav {
     min-height: 110px
 }

 .activated {
     background-color: #ffffff10;
     border-radius: .375rem
 }

 .unfinished {
     color: #727272 !important;
     text-shadow: none !important
 }

 .mynavlist {
     padding: 0 6px
 }

 .NavPhoneNumber {
     font-size: calc(100% + 5px);
     cursor: pointer !important;
     vertical-align: bottom
 }

 .dropdown {
     position: relative;
     display: inline-block
 }

 .dropdown-content {
     display: none;
     position: absolute;
     background-color: black;
     width: 210px;
     box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .4);
     z-index: 1
 }

 .dropdown-content a {
     color: white;
     padding: 12px 16px;
     text-decoration: none;
     display: block
 }

 .dropdown-toggle::after {
     content: none
 }

 .dropdown-content a:hover {
     background-color: #1A2431;
 }

 .dropdown:hover .dropdown-content {
     display: block;
 }

 .dropdown:hover .dropbtn {
     background-color: #3e8e41;
 }

 div.WorthGradient:after {
     content: '';
     display: block;
     width: 400vw;
     height: 400vh;
     background: linear-gradient(-45deg, #4d1233, #e80e8a, #e80e8a, #4d1233);
     animation: gradient 15s ease infinite
 }

 @keyframes gradient {
     50% {
         transform: translate(-300vw, -300vh)
     }
 }

 div.SecurityGradient:after {
     content: '';
     display: block;
     width: 400vw;
     height: 400vh;
     background: linear-gradient(-45deg, #64030a, #e30613, #e30613, #460207);
     animation: gradient 15s ease infinite
 }

 @keyframes gradient {
     50% {
         transform: translate(-300vw, -300vh)
     }
 }

 div.BuildGradient:after {
     content: '';
     display: block;
     width: 400vw;
     height: 400vh;
     background: linear-gradient(-45deg, #400758, #7d4595, #7d4595, #400758);
     animation: gradient 15s ease infinite
 }

 @keyframes gradient {
     50% {
         transform: translate(-300vw, -300vh)
     }
 }

 div.RenewableEnergyGradient:after {
     content: '';
     display: block;
     width: 400vw;
     height: 400vh;
     background: linear-gradient(-45deg, #2a4604, #8dc044, #8dc044, #2a4604);
     animation: gradient 15s ease infinite
 }

 @keyframes gradient {
     50% {
         transform: translate(-300vw, -300vh)
     }
 }

 div.AutoNGatesGradient:after {
     content: '';
     display: block;
     width: 400vw;
     height: 400vh;
     background: linear-gradient(-45deg, #033046, #219bd8, #219bd8, #033046);
     animation: gradient 15s ease infinite
 }

 @keyframes gradient {
     50% {
         transform: translate(-300vw, -300vh)
     }
 }

 div.CivilsGradient:after {
     content: '';
     display: block;
     width: 400vw;
     height: 400vh;
     background: linear-gradient(-45deg, #613c05, #f39200, #f39200, #613c05);
     animation: gradient 15s ease infinite
 }

 @keyframes gradient {
     50% {
         transform: translate(-300vw, -300vh)
     }
 }

 div.FabricationGradient:after {
     content: '';
     display: block;
     width: 400vw;
     height: 400vh;
     background: linear-gradient(-45deg, #284079, #6d6e70, #6d6e70, #363d4d);
     animation: gradient 15s ease infinite
 }

 @keyframes gradient {
     50% {
         transform: translate(-300vw, -300vh)
     }
 }

 div.AccessAndPlatformsGradient:after {
     content: '';
     display: block;
     width: 400vw;
     height: 400vh;
     background: linear-gradient(-45deg, #303d3f, #007587, #007587, #303d3f);
     animation: gradient 15s ease infinite
 }

 @keyframes gradient {
     50% {
         transform: translate(-300vw, -300vh)
     }
 }

 div.IndexGradient:after {
     content: '';
     display: block;
     width: 400vw;
     height: 400vh;
     background: linear-gradient(-45deg, #219bd8, #e30613, #f7941d);
     animation: gradient 15s ease infinite
 }

 @keyframes gradient {
     50% {
         transform: translate(-300vw, -395vh)
     }
 }

 .GradientContainer {
     position: fixed;
     width: 100% !important;
     height: 3px !important;
     top: 110px !important;
     z-index: 3 !important;
     overflow: hidden !important
 }

 .transbar {
     height: 60px;
     width: 100%;
     top: 110px;
     background-color: rgba(000, 000, 000, .65);
     display: none;
     font-size: calc(13px + 1vw);
     position: fixed;
     width: 100%;
     transition: top 1s
 }

 .transbarinfo {
     margin-left: 11px;
     margin-right: 11px;
     margin-top: auto;
     margin-bottom: auto;
     display: flex;
     font-size: calc(15px + .3vw)
 }

 .parallax-min-height-100vh {
     width: 100%;
     max-width: 100%;
     height: 100%;
     max-height: 100%;
     min-height: 100vh;
     background-attachment: fixed;
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover
 }

 .parallax {
     width: 100%;
     max-width: 100%;
     height: 100%;
     max-height: 100%;
     background-attachment: fixed;
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover
 }

 .navbar {
     max-width: 100% !important
 }

 .Homepage-parallax {
     background-image: url("Images/Skyscrappers_stock-image.png")
 }

 .parallax_Stratus {
     background-image: url("Images/StratusData_Parallax.jpg")
 }

 .parallax_IntegraspecICF {
     background-image: url("Images/Build_and_Maintain_Parallax.jpg")
 }

 .parallax_AutomationAndGates {
     background-image: url("Images/AutomationAndGates-Parallax1920.jpg")
 }

 .parallax_AutomationAndGates_Info {
     background-image: url("Images/RE-TeslaPowerwall2Parallax1920_Info.png")
 }

 .parallax_AG-RepairAndMaintenance {
     background-image: url("Images/AG-RepairAndMaintenance-Parallax1920.jpg")
 }

 .parallax_AG-RepairAndMaintenance_Info {
     background-image: url("Images/AG-RepairAndMaintenance_Info1920.jpg")
 }

 .parallax_AG-Bollards {
     background-image: url("Images/AG-Bollards-Parallax1920.jpg")
 }

 .parallax_AG-Bollards_Info {
     background-image: url("Images/AG-Bollards-Parallax_Info1920.jpg")
 }

 .parallax_AG-Automation_Info {
     background-image: url("Images/AG-Automation-Parallax_Info1920.jpg")
 }

 .parallax_AG-CommercialGates {
     background-image: url("Images/AG-CommercialGates-Parallax1920.jpg")
 }

 .parallax_AG-Barriers {
     background-image: url("Images/AG-Barriers-Parallax1920.jpg")
 }

 .parallax_AG-PedestrianAccess {
     background-image: url("Images/AG-PedestrianAccess-Parallax1920.jpg")
 }

 .parallax_AG-AccessControls {
     background-image: url("Images/AccessControlParallax1920.jpg")
 }

 .parallax_AG-AccessControls_Info {
     background-image: url("Images/AG-AccessControl-Parallax_Info1920.jpg")
 }

 .parallax_AG-Retrofit {
     background-image: url("Images/AG-Retrofit-Parallax1920.jpg")
 }

 .parallax_AG-FacilitiesManagement {
     background-image: url("Images/AG-FacilitiesManagement-Parallax1920.jpg")
 }

 .parallax_AG-FacilitiesManagement_Info {
     background-image: url("Images/AG-FacilitiesManagement-Info1920.jpg")
 }

 .parallax_AG-SlidingGates {
     background-image: url("Images/AG-SlidingGates-Parallax1920.jpg")
 }

 .parallax_AG-Schools {
     background-image: url("Images/AG-Schools-Parallax1920.jpg")
 }

 .parallax_AG-SwingGates {
     background-image: url("Images/AG-SwingGates-Parallax1920.jpg")
 }

 .parallax_RenewableEnergy {
     background-image: url("Images/Manned_Guarding_Parallax.jpg")
 }

 .parallax_RenewableEnergy_Services_TeslaPowerWall2 {
     background-image: url("Images/RE-TeslaPowerwall2Parallax1920.png")
 }

 .parallax_RenewableEnergy_Services_TeslaPowerWall2_Info {
     background-image: url("Images/RE-TeslaPowerwall2Parallax1920_Info.png")
 }

 .parallax_RenewableEnergy_Services_TeslaPowerWall2_Specs {
     background-image: url("Images/Parallax1920_GreenData.jpg")
 }

 .parallax_RenewableEnergy_Services_TeslaPowerWall3 {
     background-image: url("Images/RE-TeslaPowerwall3Parallax1920.jpg")
 }

 .parallax_RenewableEnergy_Services_AirSourceHeatPump {
     background-image: url("Images/RE-AirSourceHeatPumpParallax1920.jpg")
 }

 .parallax_RenewableEnergy_Services_AirSourceHeatPump_Info {
     background-image: url("Images/RE-AirSourceHeatPumpParallax1920_Info.jpg")
 }

 .parallax_RenewableEnergy_Services_DomesticSolarPV {
     background-image: url("Images/RE-DomesticSolarPVParallax1920.jpg")
 }

 .parallax_RenewableEnergy_Services_DomesticSolarPV_Info {
     background-image: url("Images/RE-DomesticSolarPVParallax1920_Info.jpg")
 }

 .parallax_RenewableEnergy_Services_CommercialSolarPV {
     background-image: url("Images/RE-CommercialSolarPVParallax1920.jpg")
 }

 .parallax_RenewableEnergy_Services_CommercialSolarPV_Info {
     background-image: url("Images/RE-CommercialSolarPVParallax1920_Info.jpg")
 }

 .parallax_Fabrication {
     background-image: url("Images/Fabrication_Parallax.jpg")
 }

 .parallax_F-ARC_MIGWelding {
     background-image: url("Images/F-ARC_MIGWelding1920.jpg")
 }

 .parallax_F-TIGWelding {
     background-image: url("Images/F-TIGWelding1920.jpg")
 }

 .parallax_F-OnSiteWelding {
     background-image: url("Images/F-OnSiteWelding1920.jpg")
 }

 .parallax_F-HandrailConstruction {
     background-image: url("Images/F-HandrailConstruction1920.jpg")
 }

 .parallax_F-BeamRSJ {
     background-image: url("Images/F-BeamRSJ1920.jpg")
 }

 .parallax_F-PortalFrames {
     background-image: url("Images/F-PortalFrames1920.jpg")
 }

 .parallax_F-Walkway_StaircaseConstruction {
     background-image: url("Images/F-Walkway_StaircaseConstruction1920.jpg")
 }

 .parallax_F-Civils {
     background-image: url("Images/F-Civils1920.jpg")
 }

 .parallax_F-Civils2 {
     background-image: url("Images/F-Civils1920_2.jpg")
 }

 .parallax_F-SteelFabrication {
     background-image: url("Images/F-SteelFabrication1920.jpg")
 }

 .parallax_AccessAndPlatforms {
     background-image: url("Images/AccessAndPlatforms_Parallax.jpg")
 }

 .parallax_AP-SupportStructures {
     background-image: url("Images/AP-SupportStructures-Parallax1920.jpg")
 }

 .parallax_AP-ConcreteDeckingSystems {
     background-image: url("Images/AP-ConcreteDeckingSystems2-Parallax1920.jpg")
 }

 .parallax_AP-VerticalFormworkSolutions {
     background-image: url("Images/AP-VerticalFormworkSolutions-Parallax1920.jpg")
 }

 .parallax_AP-ScaffoldingAndAccessSolutions {
     background-image: url("Images/AP-ScaffoldingAndAccessSolutions-Parallax1920.jpg")
 }

 .parallax_AP-ClimbingFormwork {
     background-image: url("Images/AP-ClimbingFormwork-Parallax1920.jpg")
 }

 .parallax_AP-IntegratedFormworkSystems {
     background-image: url("Images/AP-IntegratedFormworkSystems-Parallax1920.jpg")
 }

 .parallax_AP-CustomSteelFormwork {
     background-image: url("Images/AP-CustomSteelFormwork-Parallax1920.jpg")
 }

 .parallax_AP-SafetySolutions {
     background-image: url("Images/AP-SafetySolutions-Parallax1920.jpg")
 }

 .parallax_AP-TemporarySupportSystems {
     background-image: url("Images/AP-TemporarySupportSystems-Parallax1920.jpg")
 }

 .parallax_PlantAndCivils {
     background-image: url("Images/PC-Excavating2-Parallax1920.webp")
 }

  .parallax_PC-PlotDrainage {
     background-image: url("Images/PC-PlotDrainage-Parallax1920.jpg")
 }
 .parallax_PC-PlotDrainage_Info {
     background-image: url("Images/PC-PlotDrainage-Parallax1920.jpg")
 }

  .parallax_PC-BlockPaving {
     background-image: url("Images/PC-BlockPaving-Parallax1920.jpg")
 }
 .parallax_PC-BlockPaving_Info {
     background-image: url("Images/PC-BlockPaving-Parallax1920.jpg")
 }

  .parallax_PC-KerbLaying {
     background-image: url("Images/PC-KerbLaying-Parallax1920.jpg")
 }
  .parallax_PC-KerbLaying_Info {
     background-image: url("Images/PC-KerbLaying-Parallax1920.jpg")
 }

   .parallax_PC-BrickWork {
     background-image: url("Images/PC-BrickWork-Parallax1920.jpg")
 }
  .parallax_PC-BrickWork_Info {
     background-image: url("Images/PC-BrickWork-Parallax1920.jpg")
 }

   .parallax_PC-ConcreteFloorAndPreperation {
     background-image: url("Images/PC-ConcreteFloorAndPreperation-Parallax1920.jpg")
 }
  .parallax_PC-ConcreteFloorAndPreperation_Info {
     background-image: url("Images/PC-ConcreteFloorAndPreperation-Parallax1920.jpg")
 }

   .parallax_PC-GroundWorks {
     background-image: url("Images/PC-GroundWorks-Parallax1920.jpg")
 }
  .parallax_PC-GroundWorks_Info {
     background-image: url("Images/PC-Excavating2-Parallax1920.webp")
 }

    .parallax_PC-Roadways {
     background-image: url("Images/PC-Roadways-Parallax1920.jpg")
 }
  .parallax_PC-Roadways_Info {
     background-image: url("Images/PC-Compacting-Parallax1920.webp")
 }

     .parallax_PC-Excavating {
     background-image: url("Images/PC-Excavating-Parallax1920.webp")
 }
  .parallax_PC-Excavating_Info {
     background-image: url("Images/PC-Excavating2-Parallax1920.webp")
 }

     .parallax_PC-Compacting {
     background-image: url("Images/PC-Compacting-Parallax1920.webp")
 }
  .parallax_PC-Compacting_Info {
     background-image: url("Images/PC-Roadways-Parallax1920.jpg")
 }


.carousel-caption {
    top: -20px;
}

.carousel-caption h5 {
    background: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(66, 66, 66, .75) 20%, rgba(66, 66, 66, .75) 80%, rgba(0,0,0,0) 100%);
    padding: 0.25rem 0.5rem;
    border-radius: 0.25rem;
}


 .parallax_security-and-fire {
     background-image: url("Images/Parallax_SnF-Homepage.jpg")
 }

 .parallax_Security_Services_Fire-Detection {
     background-image: url("Images/FireDetection1920.jpg")
 }

 .parallax_Security_Services_Fire-Detection_Info {
     background-image: url("Images/Fire-detection_Extra-Info_Parallax.jpg")
 }

 .parallax_Security_Services_Emergency-Lighting {
     background-image: url("Images/EmergencyLightingParallax1920.jpg")
 }

 .parallax_Security_Services_Emergency-Lighting_Info {
     background-image: url("Images/Emergency-lighting_Extra-Info_Parallax.jpg")
 }

 .parallax_Security_Services_Electronic-Security-Solutions {
     background-image: url("Images/ElectronicSecurityParallax1920.jpg")
 }

 .parallax_Security_Services_Electronic-Security-Solutions_Info {
     background-image: url("Images/ElectronicSecuritySolutions-info-Parallax1920.jpg")
 }

 .parallax_Security_Services_CCTV-Solutions {
     background-image: url("Images/CCTVCameraParallax1920.jpg")
 }

 .parallax_Security_Services_CCTV-Solutions_Info {
     background-image: url("Images/CCTV-Solutions-info-Parallax1920.jpg")
 }

 .parallax_Security_Services_Access-Control-Solutions {
     background-image: url("Images/AccessControlParallax1920.jpg")
 }

 .parallax_Security_Services_Access-Control-Solutions_Info {
     background-image: url("Images/CCTVCameraParallax1920.jpg")
 }

 .parallax_Security_Services_Disabled-Refuge-Systems {
     background-image: url("Images/DisabledRefuge-Parallax1920.jpg")
 }

 .parallax_Security_Services_Disabled-Refuge-Systems_Info {
     background-image: url("Images/Fire-detection_Extra-Info_Parallax.jpg")
 }

 .parallax_Security_Services_Fire-Risk-Assessments {
     background-image: url("Images/FireRiskAssessmentParallax1920.jpg")
 }

 .parallax_Security_Services_Fire-Risk-Assessments_Info {
     background-image: url("Images/Fire-detection_Extra-Info_Parallax.jpg")
 }

 .parallax_Security_Services_Fire-Extinguishers {
     background-image: url("Images/FireExtinguisherParallax1920.jpg")
 }

 .parallax_Security_Services_Fire-Extinguishers_Info {
     background-image: url("Images/FireExtinguisher-info-Parallax1920.jpg")
 }

 .parallax_Security_Services_Gas-Suppression {
     background-image: url("Images/GasSuppressionParallax1920.jpg")
 }

 .parallax_Security_Services_Gas-Suppression_Info {
     background-image: url("Images/GasSuppressionParallaxInfo.jpg")
 }

 .parallax_Security_Jobs {
     background-image: url("Images/Engineer-meeting_Parallax1080.png")
 }

 .parallax_CCTV-Illustration {
     background-image: url("Images/CCTV-Solutions-info-Parallax1920.jpg")
 }

 .parallax_WorthFire_Homepage {
     background-image: url("Images/FireDetection1920.jpg")
 }

 .parallax_WorthFire_Services_Fire-Alarm-Systems {
     background-image: url("Images/FireDetection1920.jpg")
 }

 .parallax_WorthFire_Services_Emergency-Lighting {
     background-image: url("Images/EmergencyLightingParallax1920.jpg")
 }

 .parallax_WorthFire_Services_Emergency-Lighting_Info {
     background-image: url("Images/Emergency-lighting_Extra-Info_Parallax.jpg")
 }

 .parallax_WorthFire_Services_Fire-Safety-Training {
     background-image: url("Images/FireSafetyTrainingParallax1920.jpg")
 }

 .parallax_WorthFire_Services_Nurse-Call-Systems {
     background-image: url("Images/Worth_NurseCallSystems1920.jpeg")
 }

 .parallax_WorthFire_Services_Fire-Risk-Assessments {
     background-image: url("Images/FireRiskAssessmentParallax1920.jpg")
 }

 .parallax_WorthFire_Services_Fire-Extinguishers {
     background-image: url("Images/FireExtinguisherParallax1920.jpg")
 }

 .parallax_Renewable_Energy {
     background-image: url("Images/Renewable_Energy-Parallax1920.jpg")
 }

 @media (max-width:1100px) {
     .parallax_Security_Services_CCTV-Solutions {
         background-image: url("Images/CCTVCameraParallaxMobile1100.png")
     }

     .parallax_Security_Services_Access-Control-Solutions {
         background-image: url("Images/AccessControlParallaxMobile1100.png")
     }

     .parallax_Security_Services_Fire-Extinguishers {
         background-image: url("Images/FireExtinguisherParallaxMobile1100.png")
     }

     .parallax_Security_Services_Gas-Suppression {
         background-image: url("Images/GasSuppressionParallaxMobile1100.png")
     }

     .parallax_WorthFire_Services_Fire-Extinguishers {
         background-image: url("Images/FireExtinguisherParallaxMobile1100.png")
     }

     .parallax_Renewable_Energy {
         background-image: url("Images/Renewable_Energy-ParallaxMobile1100.jpg")
     }

     .parallax_RenewableEnergy_Services_TeslaPowerWall2 {
         background-image: url("Images/RE-TeslaPowerwall2ParallaxMobile1100.png");
     }
 }

 .WorthAccredMainCon {
     padding: 20px 5% 20px 5%
 }

 .WorthAccredSubCon {
     padding-top: 2rem;
     border-radius: 22px;
     margin: auto
 }

 .AccredBox {
     margin: 16 10 10 10px;
     justify-content: center
 }

 .parallax_Contact-Us {
     background-image: url("Images/ContactUsParallax.jpg");
     height: calc(250px + 4.5vw);
     padding: 0 !important
 }

 .ContactUsSubCon1 {
     background-color: #ffffffe0 !important;
     width: 100%;
     height: 100%;
     padding: 35px 0
 }

 .ContactUsSubCon2 {
     max-width: 700px;
     height: 100%;
     margin: auto;
     text-align: center
 }

 .BackgroundFadedColor {
     background-color: #d9e3e9da !important;
     width: 100%;
     height: 100%
 }

 .parallaxInfoIn {
     position: absolute;
     top: 14vh;
     width: 100%;
     margin-top: calc(50px + 9vh);
     z-index: 2
 }

 .parallaxTitle {
     position: absolute;
     top: 50px;
     width: 100%;
     margin-top: 110px
 }

 .parallaxLeftInfo {
     max-width: 55%;
     width: auto;
     color: white;
     position: relative;
     padding-left: 5%;
     float: left;
     overflow-y: hidden;
     margin-top: calc(-50px + 4.5vh);
     background-color: rgb(0, 0, 0, .65);
     border-radius: 0 4rem 0 0;
     padding: 25px;
     padding-left: 5vw;
     padding-right: 5vw
 }

 .parallaxLeftInfoLonger {
     width: 85%;
     color: white;
     position: relative;
     float: left;
     overflow-y: hidden;
     margin-top: calc(5px + 4vh);
     background-color: rgb(0, 0, 0, .65);
     border-radius: 0 4rem 0 0;
     padding: 25px;
     padding-left: 5vw;
     padding-right: 5vw
 }

 .parallaxRightInfo {
     background-color: rgb(0, 0, 0, .65);
     width: calc(25% + 18vw);
     right: 0;
     color: white;
     position: absolute;
     padding-left: calc(10px + 2vw);
     padding-top: 35px;
     padding-bottom: 15px;
     margin-top: calc(40px + (2vh + 2vw));
     border-radius: 0 0 0 4rem;
     float: right
 }

 .RightInfoStays {
     background-color: rgb(0, 0, 0, .65);
     width: calc(25% + 18vw);
     right: 0;
     color: white;
     position: absolute;
     padding-left: calc(10px + 2vw);
     padding-top: 35px;
     padding-bottom: 15px;
     margin-top: calc(100px + 4.5vh);
     border-radius: 0 0 0 4rem;
     float: right
 }

 #myparallaxtable {
     text-align: left
 }

 .myiconMedia {
     height: 30px;
     width: 30px;
     font-size: 35px;
     transition: all .75s ease
 }

 .myiconMedia:hover {
     color: #b6e3ff !important
 }

 .ExtensionsMainCon {
     background-color: #454242;
     box-shadow: inset 0 0 10px rgba(0, 0, 0, .25)
 }

 .ExtensionIcon {
     margin: 5px 15px 5px 0;
     padding-bottom: 4px
 }

 .ExtensionInlineCon {
     padding: 3px 6px;
     padding-right: 30px;
     display: inline-block
 }

 .Ext-hr {
     border-color: #d6d6d6
 }

 .ExtensionTD1-Width {
     width: 40px
 }

.accordion-button:not(.collapsed) {
    color: var(--plant-color);
    background-color: #454242 !important;
    box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}

 .accordion-item {
    border: 1px solid #666464 !important;
    background-color: #3a3838 !important;
 }

  .accordion-item.a2 {
    border: 1px solid #ffffffcb !important;
    background-color: transparent;
 }

 .accordion {
     background-color: #3a3838 !important
 }

  .accordion.a2 {
    
    background-color: transparent !important;
    overflow: hidden;
 }

.accordion-body.a2 p {
    color: #454242 !important;
}

.accordion-body.a2 {
    background-color: #e2e4e5;
}

 .AccreditationIcon {
     width: auto;
     max-height: 110px;
     padding: 12px;
     margin: 12px
 }

 .AccreditationPageIcon {
     max-height: 130px;
     min-width: auto;
     width: auto;
     padding: 12px 12px
 }

 .AccreditationTR {
     max-height: 200px;
     height: 150px
 }

 .AccreditationTD1 {
     width: 175px;
     text-align: center;
     padding: 10px 0
 }

 .AccreditationTextDiv {
     text-align: start;
     padding-right: 25px;
     padding-left: 10px
 }

 .myiconH {
     min-height: 30px;
     max-height: 40px;
     width: auto;
     min-width: 30px;
     padding: 5px
 }

 .myiconH2 {
     max-height: 60px;
     width: auto;
     margin-right: calc(1px + .2vw);
     padding-top: 0;
     margin-right: 4px
 }

 .myiconF {
     max-height: 15px;
     width: auto;
     margin-right: calc(1px + .2vw)
 }

 .divisionCards {
     background-color: #e3e3e3 !important;
     border-radius: 0 !important;
     justify-content: center;
     max-width: 100%;
     min-width: 100%;
     margin: 0
 }

 .mycard2 {
     display: flex;
     flex-wrap: wrap;
     border-radius: 0 !important;
     justify-content: center;
     background-color: #edf0f1;
     position: relative
 }

 .OddCardBody {
     background-color: #ffffff38;
     box-shadow: 0 0 5px rgba(0, 0, 0, .2)
 }

 .EvenCardBody {
     background-color: transparent
 }

 .cardText {
     text-align: center;
     padding-bottom: 25px
 }

 .card-text {
     padding-left: 30px;
     padding-right: 30px
 }

 .myCardBody {
     text-align: center;
     padding-bottom: 100px;
     bottom: 0;
     height: 100px;
     position: relative;
     margin-left: auto;
     margin-right: auto;
     max-height: 30px
 }

 .card-img-top {
     height: 160px;
     width: auto;
     padding-top: 60px;
     margin-bottom: 15px
 }

 .card {
     min-height: 450px !important;
     height: 100%
 }

 .txtbelowcards {
     width: 100%;
     justify-content: center;
     align-items: center;
     padding: 30px 7vw 30px 7vw;
     color: #414141
 }

 .txtAboveCards {
     width: 100%;
     justify-content: center;
     align-items: center;
     padding: 35px 7vw 0 7vw;
     color: #00193b;
     font-size: calc(24px + 1.2vw);
     font-weight: 300;
     letter-spacing: 1.6;
     text-shadow: 0 1px 5px rgba(100, 100, 100, .25)
 }

 .splitmainbox {
     overflow: hidden;
     background-color: #e2e4e5 !important;
     border-bottom: 0;
     box-shadow: rgba(0, 0, 0, .05) 0 0 6px
 }

 .splitleftbox {
     float: none;
     width: auto;
     height: auto;
     width: 100%;
     display: flex;
     flex-wrap: nowrap;
     max-height: 400px
 }

 .splitleftimage {
     min-height: 540px;
     max-width: 100%;
     height: auto;
     margin: 0;
     padding: 0;
     object-fit: cover
 }

 .ourVisionLeftImage {
     max-width: 100%;
     height: auto;
     margin: 0;
     padding: 0;
     object-fit: cover
 }

 .splitright {
     text-align: center;
     padding: 25px 5% 25px 5%;
     max-height: 540px;
     overflow-y: auto
 }

 .splitrightTable {
     text-align: left;
     width: 100%;
     padding: 12px
 }

 .splitrightTable td {
     vertical-align: top
 }

 .splitleft {
     text-align: center;
     padding: 25px 5% 25px 5%;
     max-height: 400px
 }

 .extraInfoStyle {
     color: #F3F6FA;
     background-color: rgba(66, 66, 66, .75);
     padding: 25px 5% 1vw 5%;
     height: 400px
 }

 * {
     box-sizing: border-box
 }

 .offWhiteCon {
     background-color: rgb(252, 252, 252) !important
 }

 .slightlyDarkerGrey {
     background-color: #e3e3e3
 }

 .slightlyDarkGrey {
     background-color: #e9e9e9
 }

 .flex-container {
     display: flex;
     flex-direction: row;
     padding-left: 5%;
     padding-right: 5%
 }

 .flex-item-left {
     -ms-flex: 60%;
     flex: 60%;
     width: 100%;
     margin-top: 0;
     display: flex;
     flex-wrap: wrap;
     text-align: center;
     justify-content: center;
     position: relative;
     z-index: 1
 }

 .flex-info-left {
     flex-direction: row;
     margin: auto;
     display: flex;
     -ms-flex: 50%;
     flex: 50%;
     justify-content: center;
     padding-left: 10px;
     padding-right: 10px
 }

 .mapHeight {
     height: 565px !important;
     max-height: 565 !important
 }

 .mapSectionHeader {
     width: 100%;
     cursor: default;
     font-weight: bold;
     color: #454242;
     margin: auto;
     height: 70px;
     text-align: center
 }

 .PoI-Style {
     font-size: calc(24px + 1.2vw);
     text-shadow: 0 0 7px rgba(0, 0, 0, .25);
     color: #454242;
     line-height: 1;
     font-weight: bold;
     padding-bottom: 15px
 }

 .mapSectionHeaderTD {
     background-color: #f7f7f7;
     box-shadow: 0 0 3px rgba(40, 40, 40, .25);
     margin-left: auto;
     margin-right: auto;
     width: 100%;
     padding: 12px 6px 6px 6px;
     line-height: 1.2;
     font-size: 1.35rem;
     border-bottom: 1px #dee2e6
 }

 .theme-card .inside {
     padding: 8px;
     padding-top: 16px;
     display: flex;
     flex-direction: column;
     flex-grow: 1;
     text-shadow: 0 0 6px rgba(29, 29, 29, .25);
     color: #2b2b2b
 }

 .theme-segment {
     text-shadow: 0 0 6px rgba(29, 29, 29, .15);
     box-shadow: 0 0 3px rgba(40, 40, 40, .25);
     border-radius: .375rem;
     border: 1px #dee2e6;
     color: #2b2b2b;
     padding: 12px !important;
     margin: 0 10;
     background-color: #f7f7f7;
     transition: all .2s ease
 }

 .theme-segment:hover {
     background-color: #ececec;
     border: 1px #d6d8da;
     box-shadow: 0 0 5px rgba(40, 40, 40, .45);
     cursor: pointer
 }

 .theme-segment:active {
     background-color: #e3e3e3;
     transform: scale(.95)
 }

 .mapdisappear {
     opacity: 0
 }

 .selectedMap {
     background-color: #f8f9fa
 }

 .toolTitle {
     color: rgb(255, 255, 255) !important;
     text-shadow: 0 3px 3px rgba(255, 255, 255, .2);
     text-align: center;
     cursor: default
 }

 .MenuTitle2 {
     font-size: calc(20px + 1.1vw);
     text-align: center;
     border-radius: 22px 22px 0 0;
     color: rgb(255, 255, 255);
     text-shadow: 0 3px 3px rgba(255, 255, 255, .205)
 }

 .Engi-Tool-Text {
     color: black;
     font-weight: 400
 }

 .Engi-Tool-Card {
     background-color: #454242;
     border: 1px solid !important;
     border-color: #454242 !important
 }

 .EngiToolsSubCon {
     background-color: #00000013;
     border-radius: 25px;
     border: 1px solid;
     border-color: #595959;
     margin: auto
 }

 .contactspacer {
     padding: 12px
 }

 .flex-item-middle {
     min-width: 180px;
     max-width: 180px;
     max-height: 567px;
     -ms-flex: 30%;
     flex: 30%;
     z-index: 1;
     overflow: auto;
     border-radius: 22px 0 0 22px
 }

 .flex-icon-middle {
     vertical-align: top;
     padding-right: 4px
 }

 .flex-item-right {
     -ms-flex: 50%;
     flex: 50%;
     padding-left: 5%;
     padding-right: 5%;
     margin-top: 0
 }

 .flex-holder {
     -ms-flex: 50%;
     flex: 50%;
     top: 0;
     min-width: 480px
 }

 .help-block.with-errors {
     color: #be2f2f;
     margin-top: 5px
 }

 .btn-send {
     font-weight: 300;
     text-transform: capitalize;
     margin-bottom: 20px;
     border-radius: 0;
     box-shadow: 0 0 5px #bbbbbb;
     font-weight: 500;
     letter-spacing: .06em
 }

 .btnDivision:hover {
     color: white !important
 }

 .CStitle {
     font-size: 1.25rem;
     margin-bottom: 8px;
     text-shadow: 0 1px 5px rgba(100, 100, 100, .1)
 }

 .CStext {
     display: block
 }

 .FireRiskCheckBoxes {
     border-radius: .375rem;
     max-width: 400px;
     margin: auto
 }

 .siteTitle {
     font-size: calc(30px + 2vw);
     line-height: 1.25;
     color: white;
     cursor: default;
     font-weight: 700;
     margin-left: 25px;
     padding-top: 8px
 }

 .footerHeader {
     color: #454242;
     font-weight: 700 !important;
     text-shadow: 0 1px 4px rgba(0, 0, 0, .15);
     line-height: 1.4;
     font-size: 1.35rem;
     cursor: default
 }

 .footerText {
     color: #222222;
     text-shadow: 0 1px 4px rgba(0, 0, 0, .25);
     cursor: pointer;
     line-height: 1.6;
     font-weight: 400;
     margin: 8px 0
 }

 .WeDoItHeader {
     font-weight: 400;
     margin: 10px;
     line-height: 1
 }

 .WeDoItImage {
     height: calc(120px + 7vw);
     margin: 10px 19px
 }

 .weCoverItAllTitle {
     margin: auto;
     padding-top: 45px !important;
     padding-bottom: 8px
 }

 .weCoverItAllSubCon {
     padding: 0 5% 45px 5%;
     max-width: 1900px;
     margin: auto
 }

 .coverCon {
     max-width: 1200px;
     padding-top: 15px
 }

 span.footerText:hover {
     font-weight: 600
 }

 .footerText2 {
     color: #222222;
     line-height: 1.4;
     font-weight: 400;
     font-size: calc(100% - 2px)
 }

 .contactTable {
     padding-left: 10%;
     padding-top: 25px;
     width: 100%;
     min-height: 565px
 }

 hr {
     border-color: #8f8f8f00
 }

 .bottombar {
     color: #b0b0b0;
     min-height: 38px;
     padding: 9px 5% 7px 5%;
     text-align: start;
     border: 0
 }

 .CardFillerDiv {
     width: 0
 }

 .mymodal {
     width: 400px;
     height: auto
 }

 .Gradient_Grey_From_Bottom {
     background: linear-gradient(180deg, rgba(226, 211, 211, 0) 20%, rgb(69, 66, 66) 100%)
 }

 .mybtn {
     background: linear-gradient(70deg, rgb(123, 184, 219), rgba(36, 144, 207, 0) 70.71%), linear-gradient(90deg, rgb(15, 91, 134, .8), rgba(24, 101, 146, 0) 70.71%), linear-gradient(200deg, rgb(202, 49, 25), rgba(234, 82, 57, 0) 70.71%), linear-gradient(360deg, rgb(226, 157, 66), rgba(248, 174, 75, 0) 70.71%), linear-gradient(10deg, rgb(165, 101, 18, .3), rgba(248, 174, 75, 0) 70.71%);
     color: white;
     font-weight: 700;
     border-radius: 0;
     border: none
 }

 .mybtn:hover {
     color: white;
     border: none
 }

 .mybtn2 {
     background: linear-gradient(70deg, rgb(236, 236, 236), rgba(36, 144, 207, 0) 70.71%), linear-gradient(200deg, rgb(255, 255, 255), rgba(234, 82, 57, 0) 70.71%), linear-gradient(360deg, rgb(236, 226, 226), rgba(248, 174, 75, 0) 70.71%), linear-gradient(10deg, rgba(230, 230, 230, .3), rgba(248, 174, 75, 0) 70.71%);
     color: white;
     font-weight: 700;
     border-radius: 0;
     border: none
 }

 .mybtn2a {
     background: linear-gradient(70deg, rgb(255, 255, 255), rgba(255, 255, 255, .582) 70.71%), linear-gradient(200deg, rgb(255, 232, 232), rgba(209, 209, 209, .452) 70.71%), linear-gradient(10deg, rgb(226, 226, 226), rgba(248, 174, 75, 0) 70.71%)
 }

 .mybtn3 {
     background: linear-gradient(70deg, #454242, rgba(36, 144, 207, .05) 70.71%), linear-gradient(160deg, #a5937b, rgba(234, 82, 57, 0) 50.71%), linear-gradient(200deg, #162d41, rgba(248, 174, 75, 0) 50.71%), linear-gradient(10deg, rgba(230, 230, 230, .3), rgba(248, 174, 75, 0) 70.71%);
     color: white;
     font-weight: 700;
     border-radius: 0;
     border: none
 }

 .mybtn3-b {
     background: linear-gradient(70deg, #454242, rgba(36, 144, 207, .05) 70.71%), linear-gradient(160deg, #a5937b, rgba(234, 82, 57, 0) 50.71%), linear-gradient(310deg, #162d41, rgba(248, 174, 75, 0) 50.71%), linear-gradient(10deg, rgba(230, 230, 230, .3), rgba(248, 174, 75, 0) 70.71%);
     color: white;
     font-weight: 700;
     border-radius: 0;
     border: none
 }

 .mybtn3a {
     background: linear-gradient(70deg, rgb(255, 255, 255), rgba(255, 255, 255, .582) 100%), linear-gradient(200deg, rgb(218, 218, 218), rgba(209, 209, 209, .452) 100%)
 }

 .mybtn4 {
     background: linear-gradient(70deg, rgb(236, 236, 236), rgba(36, 144, 207, 0) 70.71%), linear-gradient(200deg, rgb(245, 248, 248), rgba(234, 82, 57, 0) 70.71%), linear-gradient(360deg, rgb(226, 235, 236), rgba(248, 174, 75, 0) 70.71%), linear-gradient(10deg, rgba(223, 228, 230, .3), rgba(248, 174, 75, 0) 70.71%)
 }

 .mybtn5 {
     background: linear-gradient(180deg, rgb(221, 221, 221), rgba(36, 144, 207, 0) 70.71%), linear-gradient(0deg, rgb(252, 252, 252), rgba(57, 178, 234, 0) 70.71%)
 }

 .colorgreyimp {
     color: #454242
 }

 .maincontainer {
     padding-left: 5%;
     padding-right: 5%;
     padding-top: 20px;
     padding-bottom: 20px;
     width: 100%;
     height: 800px
 }

 .divisionElementHeaderdiv {
     float: left;
     width: 60%;
     text-align: center;
     padding: 0 85px
 }

 .divisionImgandHeader {
     height: 350px
 }

 .divisionElementImageBox {
     float: right;
     width: 40%;
     height: 350px;
     overflow: hidden
 }

 .divisionElementImage {
     width: 100%;
     height: auto
 }

 .parallaxBotCon {
     background-color: rgba(000, 000, 000, .65);
     color: white;
     width: 100%;
     position: absolute;
     bottom: 0;
     padding: 35px
 }

 .myInnerContainer1 {
     width: 75%;
     margin: auto
 }

 .textblock {
     padding: 30 10 0 10
 }

 .p-container {
     max-width: 1280px;
     width: 100%;
     margin: 0 auto;
     height: auto
 }

 .is-centered {
     display: flex;
     flex-direction: column;
     align-items: flex-start;
     justify-content: center
 }

 .flex-column {
     -ms-flex-direction: column !important;
     flex-direction: column !important
 }

 .d-flex {
     display: -ms-flexbox !important;
     display: flex !important
 }

 .tb-col-1 {
     padding-left: 0;
     padding-right: 0;
     margin-bottom: calc(20px*3)
 }

 .tb-col-2 {
     padding-left: 0;
     padding-right: 0
 }

 .icon-box--list {
     display: flex;
     flex-wrap: wrap
 }

 .icon-box--list li img {
     width: 100%;
     max-width: 40%;
     height: 100%;
     margin-bottom: 20px
 }

 .img-fluid {
     max-height: 100%;
     min-width: 80px
 }

 img {
     max-width: 100%;
     font-style: italic;
     vertical-align: middle
 }

 .icon-box--title {
     font-size: 22px;
     margin-bottom: 10px;
     text-align: center;
     font-weight: bold
 }

 .icon-box--list li {
     display: flex !important;
     flex-direction: column;
     justify-content: center;
     align-items: center !important;
     position: relative !important;
     margin-bottom: calc(20px*3) !important;
     list-style-type: none !important;
     width: 50% !important;
     padding: 10px !important
 }

 ul {
     list-style-type: none
 }

 .btn-container {
     padding: 20px 0
 }

 .theme-card {
     flex: 1 0 100%;
     box-shadow: 0 0 8px rgba(40, 40, 40, .25);
     border: 1px solid;
     border-color: rgba(0, 0, 0, .15)
 }

 .new-card {
     box-shadow: 0 0 8px rgba(40, 40, 40, .25);
     border: 1px solid;
     border-color: rgba(0, 0, 0, .15);
     border-radius: .375rem;
     max-width: 300px;
     min-height: 240px
 }

 .PPText {
     border-radius: .375rem;
     line-height: 1.25;
     font-size: 1.1rem;
     font-weight: 400;
     box-shadow: 0 0 8px rgba(40, 40, 40, .25);
     border: 1px solid;
     border-color: rgba(0, 0, 0, .15)
 }

 .block-boxes-grid {
     padding-top: 30px
 }

 .image-zoom {
     overflow: hidden
 }

 .image-zoom img {
     transform: scale(1);
     transition: all .6s ease
 }

 .image-zoom:hover img {
     transform: scale(1.05)
 }

 .block-boxes-grid {
     flex-wrap: wrap;
     gap: 25px
 }

 #mapImg {
     transition: all .7s ease
 }

 .Trans05 {
     transition: all .5s ease
 }

 .pointer {
     cursor: pointer !important
 }

 @media (min-width:1200px) {
     .icon-box--list li p {
         padding: 0;
         font-size: 16px;
         line-height: 22px;
     }
 }

 @media (min-width:768px) {
     .flex-md-row {
         -ms-flex-direction: row !important;
         flex-direction: row !important;
     }

     .tb-col-1 {
         margin-bottom: 0;
     }

     .icon-box {
         padding: 20px;
     }

     .tb-col-2 {
         padding-left: calc(20px*3);
     }
 }

 .icon_black-traingle {
     width: 23px;
     height: auto;
     padding: 3px;
     margin-right: 10px;
     margin-top: 8px
 }

 .links-wrapper {
     padding-top: 10px;
     margin-top: auto
 }

 .zoom {
     transition: transform .2s
 }

 .zoom:hover {
     transform: scale(1.1);
     z-index: 3
 }

 .invert {
     filter: invert(100%)
 }

 .inverter:hover {
     filter: invert(100%)
 }

 [data-aos][data-aos][data-aos-easing=ease],
 body[data-aos-easing=ease] [data-aos] {
     transition-timing-function: ease
 }

 .btn-feature-link.btn-small {
     margin-top: 28px
 }

 .btn-feature-link.btn-small {
     margin-top: 28px !important
 }

 .btn-feature-link.btn-small {
     margin-top: 0 !important
 }

 .btnArrow {
     height: 27px;
     width: auto;
     margin: 2px 0
 }

 .btnText {
     font-weight: 500;
     padding-right: 3px;
     font-size: 1rem !important
 }

 .active-build:active {
     color: var(--build-color)
 }

 .active-civil:active {
     color: var(--renewable-color)
 }

 .active-security:active {
     color: var(--security-color)
 }

 .active-guard:active {
     color: var(--plant-color)
 }

 .active-stratus:active {
     color: var(--AutoNGates-color)
 }

 .btn-solid-black {
     background: #33302f;
     color: #fff;
     border-radius: .375rem;
     box-shadow: 0 0 5px rgba(0, 0, 0, .5);
     padding: 9px 19px 7px 21px;
     transition: all .55s ease;
     margin-bottom: 15px
 }

 .btn-solid-black:active {
     transform: scale(1.05)
 }

 .btn-solid-black.btn-hover:before {
     background: #4e4b49
 }

 .btn-hover:active:before,
 .btn-hover:focus:before,
 .btn-hover:hover:before {
     -webkit-transform: scale(1);
     transform: scaleX(1)
 }

 .btn-hover {
     transition: all .3s ease;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     overflow: hidden
 }

 .ModalHeaderGrey {
     background-color: #595959;
     color: white;
     font-size: 25px;
     font-weight: bold
 }

 .modalBody {
     max-width: 800px;
     min-width: 250px;
     height: auto;
     margin: auto;
     border-radius: .375rem;
     margin-bottom: 8px;
     margin-top: 8px
 }

 .DefaultTitle {
     font-size: 16px;
     font-weight: bold;
     text-shadow: 0 0 5px rgba(0, 0, 0, .2)
 }

 .greyBox {
     padding: 10 10 0 10px;
     box-shadow: 0 0 10px rgba(0, 0, 0, .3);
     border: 1px solid;
     border-color: #757679;
     background-color: #E0E2EB;
     color: #383B44;
     font-weight: normal;
     letter-spacing: 1.1
 }

 .warningContainer {
     width: 100%;
     box-shadow: inset 0 0 15px #2727277a;
     border: 2px solid;
     border-left: 0;
     border-right: 0;
     border-color: #242424;
     padding: 20px 5% 20px 5%
 }

 .selectRange {
     border: 1px solid;
     border-color: #a7a9ac;
     box-shadow: 0 0 10px rgba(0, 0, 0, .2);
     background-color: #edeff2;
     color: #464544;
     font-weight: bold
 }

 .rangeSelect {
     border: 1px solid;
     border-color: #a7a9ac;
     box-shadow: inset 0 0 5px rgba(0, 0, 0, .1);
     background-color: #F3F1F1;
     color: #464544;
     font-weight: normal
 }

 .AuthSucess {
     color: #464544;
     font-size: 18px;
     font-weight: bold
 }

 .AuthSubmitButton {
     background-color: #879EC1;
     color: white;
     font-size: 18px;
     font-weight: normal;
     border: white;
     border-radius: 0;
     padding: 8 12 8 12px;
     width: 120px;
     height: 41px
 }

 .p6 {
     padding: 6px
 }

 #ClosingModel:hover {
     background-color: #757679
 }

 .Title {
     background-color: #757679;
     color: white;
     font-size: 16px;
     font-weight: normal;
     text-shadow: 0 2px 10px rgba(27, 27, 27, .2)
 }

 .myborder {
     box-shadow: 0 0 10px rgba(0, 0, 0, .2);
     border: 1px solid;
     border-color: #8b8b8b63
 }

 .boxshadow {
     box-shadow: 0 0 6px rgba(0, 0, 0, .1)
 }

 .boxshadow25 {
     box-shadow: 0 0 10px rgba(0, 0, 0, .25)
 }

 .boxshadowinset25 {
     box-shadow: inset 0 0 10px rgba(0, 0, 0, .25)
 }

 .ExtingImg {
     max-height: 370px;
     width: auto
 }

 .myradius {
     border-radius: .375rem
 }

 .footer-container {
     display: -ms-flexbox;
     display: flex;
     -ms-flex-align: start;
     align-items: flex-start;
     -ms-flex-pack: center;
     justify-content: center;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     padding: 30px 0 15px;
     flex-direction: row
 }

 .resistorBandCalc {
     border-radius: .375rem 0 22px 0
 }

 .policyText {
     font-weight: 500
 }

 .Extra-Info {
     float: right
 }

 @media screen and (min-width:768px) {
     .footer-nav-col {
         min-width: 250px
     }
 }

 .footer-nav-col {
     text-align: center;
     padding: 15px 15px;
     margin: 20px;
     max-width: 250px;
     min-width: 220px;
     border-radius: 22px
 }

 .text-body-secondary {
     font-size: .85rem
 }

 .theme-card {
     display: flex;
     flex-direction: column;
     overflow: hidden;
 }

 .anotherSpacer {
     margin-top: 110;
     width: 100%;
     margin-left: auto;
     margin-right: auto
 }

 .SpecsMainBody {
     width: 100%;
     height: auto;
     background-color: #d8d8d8
 }

 .MediumIcon {
     height: 50px;
     width: auto;
     padding: 4px;
     padding-right: 15px;
     margin: 8px
 }

 @media (max-width:540px) {
     .card-text {
         padding-left: 5px !important;
         padding-right: 5px !important
     }
 }

 @media (max-height:650px) {
     #ParaImages {
         display: none;
     }
 }

 @media (max-width:1200px) {
     .flex-container {
         flex-direction: column;
         padding-top: 25px !important;
     }

     .ExtensionsMainCon .container {
         padding-top: 25px !important;
         padding-bottom: 25px !important
     }

     .sendButtonDiv {
         display: flex;
         align-items: center;
         justify-content: center;
     }

     .flex-item-left {
         padding-bottom: 25;
         padding-top: 0;
     }

     .flex-item-middle {
         padding-bottom: 25;
         padding-top: 0;
     }

     .flex-item-right {
         padding-bottom: 30;
     }

     .flex-holder {
         padding-bottom: 35px;
     }

     .Extra-Info {
         float: none;
         text-align: center;
     }
 }

 @media (max-width:1400px) {
     .col-xxl-1-filler {
         display: none;
     }
 }

 @media screen and (max-width:550px) {
     #ContactSection {
         display: none
     }

     .cardText .card-text {
         display: none !important;
     }

     .card {
         min-height: 0 !important;
     }
 }

 @media (max-width:767px) {
     .noradius {
         border-radius: 0 !important;
     }

     .resistorBandCalc {
         border-radius: 0 0 22px 22px !important;
     }
 }

 @media (max-width:768px) {
     .PPText {
         font-size: .77rem;
     }

     .footerText {
         font-size: .95rem;
     }

     .new-card {
         min-height: 0;
     }
 }

 @media (max-width:767px) {
     .toolspacer {
         margin-bottom: 25px;
     }
 }

 @media (max-width:600px) {
     #BottomPromise {
         padding-bottom: 0;
     }
 }

 @media screen and (min-width:605px) {
     .flex-item-left {
         text-align: start;
         padding-left: 0;
     }

     .flex-info-left {
         float: left;
         padding-left: 0;
     }

     .flex-item-left-div {
         align-items: start;
         text-align: start;
         width: 100%;
     }

     .transbar {
         display: block;
     }

     .parallaxTitleSpacer {
         padding-top: calc(270px + 3.5vw) !important;
     }

     .parallaxTitleSpacerAboutUs {
         padding-top: calc(400px + 3.5vw) !important;
     }

     #ExtConSmall {
         display: none;
     }
 }

 @media screen and (max-width:605px) {
     #ServicesID {
         padding-top: 60px !important;
     }

     .cardText {
         height: auto;
         padding-bottom: 0;
     }

     .parallaxTitle {
         margin-top: 20px;
     }

     .parallaxTitleSpacerAboutUs {
         padding-top: calc(400px + 3.3vw) !important;
     }

     #myheadernav {
         min-height: 75px;
     }

     #marginSpacer {
         margin-top: 75px !important;
     }

     .logo {
         max-height: 60px;
     }

     .parallaxInfoIn {
         top: 4vh
     }

     #ExtText1 {
         display: none;
     }

     #ExtText2 {
         display: none;
     }

     #ExtText3 {
         display: none;
     }

     #ExtSocialMediaCon {
         margin-left: auto;
         margin-right: auto;
         width: 130px;
     }

     .ExtensionIcon {
         margin: 5px
     }

     .ExtensionInlineCon {
         padding: 0
     }

     #ExtConBig {
         display: none;
     }

     .Desc_TP2_MainCon {
         flex-direction: column;
     }

     .Desc_TP2_What_Con {
         padding-bottom: 12px;
     }

     #TPW2_Spec_Power {
         flex-direction: column !important;
     }

     #TPW2_Spec_Features {
         flex-direction: column !important;
     }
 }

 @media (max-width:992px) {
     .parallaxLeftInfo {
         max-width: 85% !important
     }

     .parallaxRightInfo {
         display: none;
     }

     .cardwidth {
         width: 50%;
     }

     .parallax {
         background-attachment: scroll;
     }

     #bottomParallaxToHide1 {
         display: none;
     }

     #bottomParallaxToHide2 {
         display: none;
     }

     #navcol {
         padding-left: 30px;
     }

     #mytopnav {
         padding-left: 30px;
         border-bottom: 1px solid #454242;
         margin: 4px;
     }

     .dropdown-content a {
         padding: 6px 10px;
     }

     .maincontainer {
         padding-left: 0;
         padding-right: 0;
     }

     .myInnerContainer1 {
         width: 90%;
     }

     .td-col-1.is-centered {
         padding-left: 50px;
         padding-right: 50px;
     }

     #mapImg {
         padding-left: 20%
     }

     #ParaImages {
         display: none;
     }

     .carousel-inner {
         max-height: 400px;
     }

     .col-lg-1-filler {
         display: none;
     }

     #card1 {
         border-radius: 22px 0 0 0;
     }

     #card2 {
         border-radius: 0 22px 0 0
     }

     #card3 {
         border-radius: 0 0 0 22px
     }

     #card4 {
         border-radius: 0 0 22px 0
     }

     #card5 {
         border-radius: 0 0 22px 22px;
     }

     .VisibleWhenCollapsed {
         display: inline-block !important;
     }

     .zoom:hover {
         transform: scale(1) !important;
     }

     .myiconMedia.ps-2 {
         padding-left: 0 !important;
     }

     .NavPhoneNumber {
         font-size: 100%;
         font-weight: 400 !important
     }

     .disappearBelow992 {
         display: none !important
     }

     .align-self-center-to-start {
         align-self: start !important
     }
 }

 @media screen and (min-width:992px) {
     .parallaxRightInfo {
         width: calc(15% + 15vw);
     }

     #navcol {
         padding-right: 4%;
         padding-left: 0;
     }

     .CardFillerDiv {
         width: 5%;
     }

     #card1 {
         border-radius: 22px 0 0 0;
     }

     #card2 {
         border-radius: 0
     }

     #card3 {
         border-radius: 0 22px 0 0
     }

     #card4 {
         border-radius: 0 0 0 22px
     }

     #card5 {
         border-radius: 0 0 22px 0;
     }
 }

 @media screen and (min-width:1050px) {
     .flex-holder {
         margin: 0;
         flex-direction: row;
     }
 }

 @media screen and (max-width:1200px) {
     #GSdiv {
         display: flex;
         justify-content: center;
         align-items: center
     }

     #AlarmDesign {
         border-radius: 22px 0 0 0;
     }

     #AlarmInstall {
         border-radius: 0 22px 0 0;
     }

     #AlarmCommiss {
         border-radius: 22px 0 0 0;
     }

     #AlarmService {
         border-radius: 0 22px 0 0;
     }

     #hrCommission {
         display: none !important;
     }

     #hrInstallation {
         display: none !important;
     }

     #hrDesign {
         display: none !important;
     }

     #PopProd1 {
         border-radius: 22px 0 0 0;
     }

     #PopProd2 {
         border-radius: 0 22px 0 0;
     }

     #PopProd3 {
         border-radius: 0 0 0 22px;
     }

     #PopProd4 {
         border-radius: 0 0 22px 0;
     }

     .OddCardBody-Sub1200 {
         background-color: #ffffff38 !important;
         box-shadow: 0 0 5px rgba(0, 0, 0, .2);
     }

     .EvenCardBody-Sub1200 {
         background-color: transparent !important;
         box-shadow: 0 0 5px rgba(0, 0, 0, .0);
     }
 }

 @media screen and (min-width:1200px) {
     #AlarmDesign {
         border-radius: 22px 0 0 0;
     }

     #AlarmInstall {
         border-radius: 0 22px 0 0;
     }

     #AlarmCommiss {
         border-radius: 0 0 0 22px;
     }

     #AlarmService {
         border-radius: 0 0 22px 0;
     }

     #hrCommission {
         display: block !important;
     }

     #hrInstallation {
         display: block !important;
     }

     #hrDesign {
         display: block !important;
     }

     #PopProd1 {
         border-radius: 22px 0 0 22px;
     }

     #PopProd2 {
         border-radius: 0;
     }

     #PopProd3 {
         border-radius: 0;
     }

     #PopProd4 {
         border-radius: 0 22px 22px 0;
     }

     .flex-item-right {
         padding-right: 0;
     }

     .splitright {
         text-align: start;
         width: 50%;
         float: right;
         vertical-align: top;
         padding: 25px 5% 8px 35px;
     }

     .splitleft {
         text-align: start;
         width: 50%;
         vertical-align: top;
         padding: 25px 35px 8px 5%;
     }

     .splitleftbox {
         min-width: 50%;
         width: 50%;
         max-height: 540px;
         object-fit: cover;
         float: left;
         overflow: hidden;
     }

     .splitleftimage {
         vertical-align: middle;
         align-items: center;
         overflow: hidden;
     }

     .splitrightTable {
         text-align: start;
     }

     #card1 {
         border-radius: 22px 0 0 22px !important;
     }

     #card2 {
         border-radius: 0
     }

     #card3 {
         border-radius: 0
     }

     #card4 {
         border-radius: 0
     }

     #card5 {
         border-radius: 0 22px 22px 0 !important;
     }
 }

 @media screen and (max-device-width:420px) and (orientation:landscape) {
     .parallax {
         height: calc(100% + 250px)
     }

     #myheadernav {
         min-height: 75px;
     }

     .transbar {
         display: none;
     }

     .parallaxInfoIn {
         top: 12vh
     }

     .logo {
         max-height: 60px;
     }

     #marginSpacer {
         margin-top: 75px !important;
     }
 }

 @media (min-width:992px) {
     .btn-hover:before {
         content: "";
         position: absolute;
         z-index: -1;
         top: 0;
         left: 0;
         right: 0;
         bottom: 0;
         -webkit-transform: scaleX(0);
         transform: scaleX(0);
         -webkit-transform-origin: 0 50%;
         transform-origin: 0 50%;
         -webkit-transition-property: transform;
         transition-property: transform;
         -webkit-transition-duration: .3s;
         transition-duration: .3s;
         -webkit-transition-timing-function: ease-out;
         transition-timing-function: ease-out
     }
 }

 .WUD {
     font-size: 1.25rem;
     font-weight: 500
 }

 .contactLink {
     font-weight: 500;
     padding-top: 12px;
     padding-bottom: 12px;
     font-size: 1.25rem
 }

 .CallOptionDiv {
     max-width: 300px;
     padding: 8px
 }

 .CallOptionTd1 {
     width: 50%;
     padding-right: 8px;
     text-align: end;
     border-right: 1px solid rgb(69, 66, 66, .25)
 }

 .CallOptionTd2 {
     width: 50%;
     padding-left: 8px;
     text-align: start
 }

 .ServiceAndSatisfaction_ItemText {
     padding-top: 20px;
     color: #242424;
     font-weight: 400;
     font-size: calc(15px + .3vw);
     line-height: 1.2;
     margin: 0
 }

 .SpecTable td {
     padding: 4px 12px;
     align-content: baseline
 }

 .downloadAppTable tr td {
     border: 1px solid black
 }

 .Desc_TP2_What_Con div {
     color: rgb(69, 66, 66)
 }

 .Desc_TP2_What_Con {
     flex: 50%
 }

 .Desc_TP2_Why_Con div {
     color: rgb(69, 66, 66)
 }

 .Desc_TP2_Why_Con {
     flex: 50%
 }

 .Desc_TP2_MainCon {
     color: rgb(69, 66, 66) !important
 }

 ul.p-0 li {
     padding-top: 8px;
     padding-bottom: 8px
 }

 .ProductVideo {
     width: 720px;
     height: auto
 }

 .VisibleWhenCollapsed {
     display: none
 }

 .TeslaAppLinkIcons {
     height: 45px;
     text-align: right
 }

 .minAuto {
     min-height: 0 !important
 }

 .bg-veryTransparentBlack {
     background-color: rgba(0, 0, 0, .02)
 }

 .height-80px {
     height: 80px !important
 }

 .filter-brightness-50 {
     filter: brightness(50%) !important
 }