.st0{fill:#FBFFF6;}
.st1{fill:#D7D7D7;}
.st2{fill:#EDEDED;}
.st3{fill:#DFDFDF;}
.st4{fill:#C5C7C8;}
.st5{enable-background:new    ;}
.st6{fill:#F8F9FA;}
.st7{fill:#1A1A1A;}
.st8{fill:#00B400;}
.st9{opacity:0.1;fill:#1A1A1A;enable-background:new    ;}
.st10{opacity:0.6;fill:#C5C7C8;enable-background:new    ;}
.st11{fill:#009500;}
.st12{fill:#00C900;}
.st13{opacity:0.5;fill:#C5C7C8;enable-background:new    ;}
.st14{fill:url(#SVGID_1_);}
.st15{fill:url(#SVGID_00000039101297380811803220000014015988430402293891_);}
.st16{fill:url(#SVGID_00000082358955339106739480000017827706477489426857_);}
.st17{fill:url(#SVGID_00000104685645391185006380000002830534544691061136_);}
.st18{opacity:0.1;enable-background:new    ;}
.st19{opacity:0.4;}


.ht0{enable-background:new    ;}
.ht1{fill:#EDEDED;}
.ht2{fill:#C5C7C8;}
.ht3{fill:#FFFFFF;}
.ht4{fill:#1A1A1A;}
.ht5{fill:#00B400;}
.ht6{fill:#D7D7D7;}
.ht7{fill:#DFDFDF;}
.ht8{fill:url(#SVGID_1_);}
.ht9{fill:url(#SVGID_00000046326392509366704460000012808941824666306736_);}
.ht10{fill:url(#SVGID_00000068649571738724044130000004206297895397898916_);}
.ht11{fill:url(#SVGID_00000170962018773928131560000011712801785685569190_);}
.ht12{opacity:0.1;enable-background:new    ;}
.ht13{opacity:0.4;}

.gt0{fill:#FBFFF6;}
.gt1{fill:#D7D7D7;}
.gt2{fill:#EDEDED;}
.gt3{fill:#DFDFDF;}
.gt4{fill:#C5C7C8;}
.gt5{enable-background:new    ;}
.gt6{fill:#F8F9FA;}
.gt7{opacity:0.6;fill:#C5C7C8;enable-background:new    ;}
.gt8{opacity:0.1;fill:#1A1A1A;enable-background:new    ;}
.gt9{opacity:0.1;enable-background:new    ;}
.gt10{fill:#1A1A1A;}
.gt11{fill:#00B400;}
.gt12{fill:url(#SVGID_1_);}
.gt13{fill:url(#SVGID_00000162337445910466567990000006442364168444760502_);}
.gt14{fill:url(#SVGID_00000068670104534649289140000006132119776113447615_);}
.gt15{fill:url(#SVGID_00000126322482325164208130000015544899639457471658_);}

.hero-svg {
    width: 380px;
}
.home-svg {
    /* width: 200px; */
    height: 80px;
    /* vertical-align: top; */
}
.business-svg {
    /* width: 200px; */
    height: 80px;
    /* vertical-align: top; */
}

@media only screen and (max-width:600px) {
    .home-svg {
        /* width: 200px; */
        height: 60px;
        /* vertical-align: top; */
    }
}
@media only screen and (min-width:400px) {
    .hero-svg {
        width: 410px;
    }
}
@media only screen and (min-width:600px) {
    .hero-svg {
        width: 570px;
    }
}
@media only screen and (min-width:768px) {
    .hero-svg {
        width: 400px;
    }
}
@media only screen and (min-width:992px) {
    .hero-svg {
        width: 490px;
    }
}
@media only screen and (min-width:1100px) {
    .hero-svg {
        width: 540px;
    }
}
@media only screen and (min-width:1200px) {
    .hero-svg {
        width: 590px;
    }
}
@media only screen and (min-width:1600px) {
    .hero-svg {
        width: 830px;
    }
}
@media only screen and (min-width:1700px) {
    .hero-svg {
        width: 900px;
    }
}
@media only screen and (min-width:1900px) {
    .hero-svg {
        width: 950px;
    }
}

/* #heroSvg #heroTruck {
    transition: all 3s ease-in-out;
    transform: translate(0px, 0px);
}
#heroSvg:hover #heroTruck {
    transform: translate(500px, 290px);
} */

/* #heroAsset #cable-gradient {
    opacity: 0.0;
    display: inline-block;
    transition: opacity 3s ease;
}
#heroAsset:hover #cable-gradient {
    opacity: 1.0;
    transition: opacity 3s ease;
}

#heroAsset #cable-gradient-second {
    opacity: 0.0;
    display: inline-block;
    transition: opacity 3s ease;
}
#heroAsset:hover #cable-gradient-second {
    opacity: 1.0;
    transition: opacity 3s ease;
} */