.elementor-3978 .elementor-element.elementor-element-753c8e7:not(.elementor-motion-effects-element-type-background), .elementor-3978 .elementor-element.elementor-element-753c8e7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#102338;}.elementor-3978 .elementor-element.elementor-element-753c8e7{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:60px 0px 60px 0px;}.elementor-3978 .elementor-element.elementor-element-753c8e7 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-3978 .elementor-element.elementor-element-456461a{text-align:center;}.elementor-3978 .elementor-element.elementor-element-456461a .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:40px;font-weight:700;color:#FFFFFF;}.elementor-3978 .elementor-element.elementor-element-6fb32b9 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-3978 .elementor-element.elementor-element-6a56168:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-3978 .elementor-element.elementor-element-6a56168 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#27384C;}.elementor-3978 .elementor-element.elementor-element-6a56168 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-3978 .elementor-element.elementor-element-6a56168 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-3978 .elementor-element.elementor-element-49a0497.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-3978 .elementor-element.elementor-element-49a0497.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-3978 .elementor-element.elementor-element-49a0497.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-3978 .elementor-element.elementor-element-e2ae3f1{text-align:center;}.elementor-3978 .elementor-element.elementor-element-e2ae3f1 img{width:75%;}@media(max-width:1024px){.elementor-3978 .elementor-element.elementor-element-456461a .elementor-heading-title{font-size:38px;}}@media(max-width:767px){.elementor-3978 .elementor-element.elementor-element-456461a .elementor-heading-title{font-size:38px;}}@media(min-width:768px){.elementor-3978 .elementor-element.elementor-element-6a56168{width:24%;}.elementor-3978 .elementor-element.elementor-element-49a0497{width:76%;}}@media(max-width:1024px) and (min-width:768px){.elementor-3978 .elementor-element.elementor-element-6a56168{width:30%;}}/* Start custom CSS for html, class: .elementor-element-270aac5 */.pointer-parent {
  position: unset;
}
.marker {
transform: perspective(40px) rotateX(20deg) rotateZ(-45deg);
transform-origin: 50% 50%;
border-radius: 50% 50% 50% 0;
padding: 0 3px 3px 0;
width: 40px;
height: 40px;
background: #ed1f34;
position: absolute;
left: 50%;
top: 50%;
margin: -2.2em 0 0 -1.3em;
-webkit-box-shadow: -1px 1px 4px rgba(0, 0, 0, .5);
-moz-box-shadow: -1px 1px 4px rgba(0, 0, 0, .5);
box-shadow: -1px 1px 4px rgba(0, 0, 0, .5);
}

.marker:after {
content: '';
width: 1em;
height: 1em;
margin: 1em 0 0 .7em;
background: #ffffff;
position: absolute;
border-radius: 50%;
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .5);
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .5);
box-shadow: 0 0 10px rgba(0, 0, 0, .5);
-moz-box-shadow: inset -2px 2px 4px hsla(0, 0, 0, .5);
-webkit-box-shadow: inset -2px 2px 4px hsla(0, 0, 0, .5);
box-shadow: inset -2px 2px 4px hsla(0, 0, 0, .5);
}
.beacon {
position: absolute;
top: 50%;
left: 50%;
height: 3em;
width: 3em;
border-radius: 50%;
-webkit-transform: translateX(-50%);
-o-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 1
}

.beacon:before,
.beacon:after {
position: absolute;
content: "";
height: 3em;
width: 3em;
left: 0;
top: 0;
background-color: transparent;
border-radius: 50%;
box-shadow: 0 0 0 3px #ed1f34;
-webkit-animation: active 2s infinite linear;
-moz-animation: active 2s infinite linear;
animation: active 2s infinite linear;
}

.beacon:after {
-moz-animation-delay: 1s;
-webkit-animation-delay: 1s;
animation-delay: 1s;
}

@-webkit-keyframes active {
0% {
  -webkit-transform: scale(.1);
  opacity: 1;
}
100% {
  -webkit-transform: scale(2.5);
  opacity: 0;
}
}

@keyframes active {
0% {
  transform: scale(.1);
  transform: box-shadow(0px 0px 0px 1px #ed1f34);
  opacity: 1;
}
100% {
  transform: scale(2.5);
  opacity: 0;
}
}
.marker-parent{
  position: static;
}
.denver.pointer {
    position: absolute;
    right: 40%;
    top: 30%;
    z-index: 1;
}
.longmont.pointer {
    position: absolute;
    right: 43%;
    top: auto;
    bottom: 77%;
    z-index: 1;
}
.colorado-springs.pointer {
  position: absolute;
  left: 60%;
  top: 50%;
  z-index: 1;
}
.aurora.pointer {
  position: absolute;
    right: 38%;
    top: 35%;
    z-index: 1;
}
.fort-collins.pointer {
    position: absolute;
    left: 57%;
    top: 20%;
    z-index: 1;
}
.lakewood.pointer {
    position: absolute;
    left: 54%;
    top: 33%;
    z-index: 1;

}
.thornton.pointer {
    position: absolute;
    left: 60%;
    top: 26%;
    z-index: 1;
}

.arvada.pointer {
    position: absolute;
    left: 57%;
    top: 31%;
    z-index: 1;
}
.westminster.pointer {
    position: absolute;
    left: 56%;
    top: 29%;
    z-index: 1;
}
.centennial.pointer {
  position: absolute;
  right: 27%;
  top: auto;
  bottom: 33%;
  z-index: 1;
}
.boulder.pointer {
  position: absolute;
  right: 31%;
  top: auto;
  bottom: 38%;
  z-index: 1;
}
.greeley.pointer {
    position: absolute;
    left: 59%;
    top: 29%;
    z-index: 1;
}

.denver.tab:hover:before,
.denver.tab.active::before{
  content: '';
  width: 464px;
  height: 2px;
  background-color: #0c6cfe;
  position: absolute;
  z-index: 9;
  transform: rotate(40deg);
  bottom: -321%;
  left: 103%;
}

.pointer{
  display: none;
}
.active,.active-1{
  display: block;
}
.tab.tab-1.active::before {
    content: '';
    width: 194%;
    height: 2px;
    position: absolute;
    background-color: #0c6cfe;
    z-index: 1;
    transform: rotate3d(1, 1, 1, 26deg);
    left: 117%;
    border-radius: 45px 0 0 0;
    top: 243%;
}
.tab.tab-1:hover:before {
    content: '';
    width: 194%;
    height: 2px;
    position: absolute;
    background-color: #0c6cfe;
    z-index: 1;
    transform: rotate3d(1, 1, 1, 26deg);
    left: 117%;
    border-radius: 45px 0 0 0;
    top: 243%;
}
.mainserve .tabs-container .tab::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #0c6cfe;
  height: 3px !important;
  width: 0px;
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: 0 56px 0 0;
}
.mainserve .tabs-container .tab::after {
  transition-duration: unset !important;
}
.tab.tab-2.active::before {
    content: '';
    width: 173%;
    height: 2px;
    background-color: #0c6cfe;
    position: absolute;
    z-index: 1;
    left: 123%;
    transform: rotate(7deg);
    top: 151%;
}
.tab.tab-2:hover:before {
    content: '';
    width: 173%;
    height: 2px;
    background-color: #0c6cfe;
    position: absolute;
    z-index: 1;
    left: 123%;
    transform: rotate(7deg);
    top: 151%;
}
.tab.tab-3.active::before {
    content: '';
    width: 195%;
    height: 2px;
    background-color: #0c6cfe;
    position: absolute;
    z-index: 1;
    transform: rotate(201deg);
    left: 118%;
    top: 282%;
}
.tab.tab-3:hover:before {
    content: '';
    width: 195%;
    height: 2px;
    background-color: #0c6cfe;
    position: absolute;
    z-index: 1;
    transform: rotate(201deg);
    left: 118%;
    top: 282%;
  
}
.tab.tab-4.active::before {
content: '';
    width: 189%;
    height: 2px;
    position: absolute;
    background-color: #0c6cfe;
    z-index: 1;
    transform: rotate(4deg);
    right: -213%;
    top: 130%;
}
.tab.tab-4:hover:before {
    content: '';
    width: 189%;
    height: 2px;
    position: absolute;
    background-color: #0c6cfe;
    z-index: 1;
    transform: rotate(4deg);
    right: -213%;
    top: 130%;
}
.tab.tab-5.active::before {
   	    content: '';
    width: 177%;
    height: 2px;
    background-color: #0c6cfe;
    position: absolute;
    z-index: 1;
    transform: rotate(166deg);
    left: 122%;
    top: -20%;
}
.tab.tab-5:hover:before {
    content: '';
    width: 177%;
    height: 2px;
    background-color: #0c6cfe;
    position: absolute;
    z-index: 1;
    transform: rotate(166deg);
    left: 122%;
    top: -20%;
}
.tab.tab-6.active::before {
    content: '';
    width: 163%;
    height: 2px;
    background-color: #0c6cfe;
    position: absolute;
    transform: rotate(170deg);
    z-index: 1;
    border-radius: 84px 0 0 0;
    left: 123%;
    top: 20%;
}
.tab.tab-6:hover:before {
    content: '';
    width: 163%;
    height: 2px;
    background-color: #0c6cfe;
    position: absolute;
    transform: rotate(170deg);
    z-index: 1;
    border-radius: 84px 0 0 0;
    left: 123%;
    top: 20%;
}
.tab.tab-7.active::before {
    content: '';
    width: 194%;
    height: 2px;
    background-color: #0c6cfe;
    position: absolute;
    z-index: 1;
    transform: rotate(341deg);
    top: -75%;
    left: 119%;
}
.tab.tab-7:hover:before {
    content: '';
    width: 194%;
    height: 2px;
    background-color: #0c6cfe;
    position: absolute;
    z-index: 1;
    transform: rotate(341deg);
    top: -75%;
    left: 119%;
}
.tab.tab-8.active::before {
    content: '';
    width: 185%;
    height: 2px;
    background-color: #0c6cfe;
    position: absolute;
    z-index: 1;
    right: -202%;
    transform: rotate(-22deg);
    top: -90%;
}
.tab.tab-8:hover:before {
    content: '';
    width: 185%;
    height: 2px;
    background-color: #0c6cfe;
    position: absolute;
    z-index: 1;
    right: -202%;
    transform: rotate(-22deg);
    top: -90%;
}
.tab.tab-10.active::before {
  content: '';
  width: 224%;
  height: 2px;
  background-color: #0c6cfe;
  position: absolute;
  z-index: 1;
  right: -247%;
  transform: rotate(355deg);
  bottom: 53%;
}
.tab.tab-10:hover:before {
 content: '';
  width: 224%;
  height: 2px;
  background-color: #0c6cfe;
  position: absolute;
  z-index: 1;
  right: -247%;
  transform: rotate(355deg);
  bottom: 53%;

}
.tab.tab-9.active::before {
    content: '';
    width: 192%;
    height: 2px;
    background-color: #0c6cfe;
    position: absolute;
    z-index: 1;
    left: 112%;
    transform: rotate(151deg);
    top: -153%;
    border-radius: 0 10px 0 0;
}
.tab.tab-9:hover:before {
    content: '';
    width: 192%;
    height: 2px;
    background-color: #0c6cfe;
    position: absolute;
    z-index: 1;
    left: 112%;
    transform: rotate(151deg);
    top: -153%;
    border-radius: 0 10px 0 0;
}
.tab.tab-11.active::before {
  content: '';
  width: 219%;
  height: 2px;
  background: #0c6cfe;
  position: absolute;
  z-index: 1;
  left: 121%;
  transform: rotate(347deg);
  top: -37%;
}
.tab.tab-11:hover:before {
  content: '';
  width: 219%;
  height: 2px;
  background: #0c6cfe;
  position: absolute;
  z-index: 1;
  left: 121%;
  transform: rotate(347deg);
  top: -37%;
}
.tab.tab-12.active::before {
    width: 231%;
    background-color: #0c6cfe;
    position: absolute;
    z-index: 1;
    height: 2px;
    content: '';
    transform: rotate(320deg);
    bottom: 399%;
    left: 97%;
    border-radius: 40px 0 0;
}
.tab.tab-12:hover:before {
    width: 231%;
    background-color: #0c6cfe;
    position: absolute;
    z-index: 1;
    height: 2px;
    content: '';
    transform: rotate(320deg);
    bottom: 399%;
    left: 97%;
    border-radius: 40px 0 0;
}

.elementor-widget {
    position: unset;
}

@media only screen and (max-width: 767px) {
 .tab.tab-1.active::before ,
 .tab.tab-2.active::before ,
 .tab.tab-3.active::before ,
 .tab.tab-4.active::before ,
 .tab.tab-5.active::before ,
 .tab.tab-6.active::before ,
 .tab.tab-7.active::before ,
 .tab.tab-8.active::before ,
 .tab.tab-9.active::before ,
 .tab.tab-10.active::before ,
 .tab.tab-11.active::before ,
 .tab.tab-12.active::before {
	 display:none;
 }
}

@media only screen and (max-width: 1024px) {
 .tab.tab-1.active::before ,
 .tab.tab-2.active::before ,
 .tab.tab-3.active::before ,
 .tab.tab-4.active::before ,
 .tab.tab-5.active::before ,
 .tab.tab-6.active::before ,
 .tab.tab-7.active::before ,
 .tab.tab-8.active::before ,
 .tab.tab-9.active::before ,
 .tab.tab-10.active::before ,
 .tab.tab-11.active::before ,
 .tab.tab-12.active::before {
	 display:none;
 }
}/* End custom CSS */