.bg-water-node-counter {
    background-image: url(https://d11vy6bdpktuty.cloudfront.net/www-images/images/env/backgrounds/710/bg-water-node-counter.jpg);
    background-size: auto 115%;
    background-position: -400px -85px;
    background-repeat: no-repeat
}

.bg-710-banner {
    background-image: url(https://d11vy6bdpktuty.cloudfront.net/www-images/images/env/backgrounds/710/env-710-4-Banner.png)
}

.water-node-quote {
    background-image: url(https://d11vy6bdpktuty.cloudfront.net/www-images/images/env/backgrounds/710/water-node-thumb-1.jpg);
    background-repeat: no-repeat;
    background-size: 100%
}

.bg-hobonet-water {
    background-image: url(https://d11vy6bdpktuty.cloudfront.net/www-images/images/env/backgrounds/hobonet-node-link/water-monitoring-bundle.jpg);
    background-size: cover;
    background-position: 40% 50%;
    background-repeat: no-repeat
}

.bg-water-node-front-wide {
    background-image: url(https://d11vy6bdpktuty.cloudfront.net/www-images/images/env/backgrounds/710/IoE-module-field.jpg)
}

.bg-water-node-field {
    background-image: url(https://d11vy6bdpktuty.cloudfront.net/www-images/images/env/backgrounds/710/water-node-AI-corn-field.png)
}

.bg-water-node-hero {
    background-image: url(https://d11vy6bdpktuty.cloudfront.net/www-images/images/env/backgrounds/710/water-node-hero-js-02.png);
    background-position: 50% 25%!important
}

.bg-application-photo {
    background-image: url(https://d11vy6bdpktuty.cloudfront.net/www-images/images/env/backgrounds/710/water-node-application-2.jpg);
    background-position: 100% 60%
}

.bg-application-photo,.bg-verify {
    background-repeat: no-repeat;
    background-size: auto 100%
}

.bg-verify {
    background-image: url(https://d11vy6bdpktuty.cloudfront.net/www-images/images/env/graphics/books/a-way-to-verify-graphic.svg);
    background-position: 20% 50%
}

.bg-IoE-module {
    background-image: url(https://d11vy6bdpktuty.cloudfront.net/www-images/images/env/photos/710/water-node-on-demand-data-js-03.png);
    background-repeat: no-repeat;
    background-position: 50% 50%!important;
    background-size: cover!important
}

.bg-iot-dark {
    background-image: url(https://d11vy6bdpktuty.cloudfront.net/www-images/images/env/graphics/li-cor-cloud/award-badge-dark-background.png);
    background-repeat: no-repeat;
    background-size: contain
}

.text-new-science-counter {
    font-family: new-science,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 700%
}

.text-stroke-white-counter {
    -webkit-text-stroke: 5px #FFFFFF
}

.text-oxanium {
    font-weight: 700
}

.text-oxanium,.text-oxanium-md {
    font-family: Oxanium;
    font-style: normal;
    letter-spacing: .1em;
    text-transform: uppercase
}

.text-oxanium-md {
    font-weight: 750
}

.text-oxanium-bold {
    font-family: Oxanium;
    font-style: normal;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase
}

.text-new-science {
    font-weight: 400
}

.text-new-science,.text-new-science-bold {
    font-family: new-science,sans-serif;
    font-style: normal
}

.text-new-science-bold {
    font-weight: 800
}

.video-header {
    font-size: 1.75em
}

.bg-blue-1 {
    background-color: #0069B4
}

hr.short-hr {
    border: none;
    border-top: 5px solid #0069b4;
    margin: 0 2rem;
    width: 13%
}

.list-square {
    list-style-type: square;
    padding-left: 1.5rem
}

.text-stroke-darkblue {
    -webkit-text-stroke: 2px #0f2f50
}

.text-stroke-blue {
    -webkit-text-stroke: 2px #0069B4
}

.text-stroke-white {
    -webkit-text-stroke: 2px #FFFFFF
}

.text-white-1 {
    color: #FFFFFF
}

.text-transparent {
    color: transparent
}

.text-new-science-md {
    font-family: new-science,sans-serif;
    font-weight: 500;
    font-style: normal
}

.border-blue {
    border-left: 4px solid #0f2f50
}

.nav-title {
    font-family: Oxanium;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #FFFFFF
}

.webinar-icon {
    background-image: url(https://d11vy6bdpktuty.cloudfront.net/www-images/images/env/backgrounds/710/webinar-brightblue.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 2.3em;
    height: 2.3em;
    display: inline-block;
    transform: translateY(.55em)
}

.blue-diagonal-sm-2 {
    position: absolute;
    width: 80%;
    height: 60%;
    clip-path: polygon(0 0,30% 0,0 100%);
    transform: translate(-20%);
    z-index: 2
}

.bg-blue-2,.blue-diagonal-sm-2 {
    background-color: #0069b4
}

.text-blue-2 {
    color: #0069B4
}

.btn-sq-sliding {
    font-family: Oxanium;
    text-transform: uppercase;
    color: #fff;
    position: relative;
    background-color: #0f2f50;
    display: inline-block;
    font-weight: 500;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    user-select: none;
    font-size: 1rem;
    line-height: 1.4;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    z-index: 1;
    overflow: hidden
}

.btn-sq-sliding:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 1100%;
    background-color: #027bb8;
    clip-path: polygon(100% 0,0 88%,0 100%,100% 100%);
    transform: translateY(93%);
    transition: transform .3s ease-in-out;
    z-index: -1
}

.btn-sq-sliding:hover {
    color: #fff;
    text-decoration: none
}

.btn-sq-sliding:hover:after {
    transform: translateY(0)
}

.white-caret-button {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3E%3Ctitle%3Etriangle right%3C/title%3E%3Cg class='nc-icon-wrapper' fill='%23000000'%3E%3Cpath fill='%23FFFFFF' d='M14,7.999c0-0.326-0.159-0.632-0.427-0.819l-10-7C3.269-0.034,2.869-0.058,2.538,0.112 C2.207,0.285,2,0.626,2,0.999v14.001c0,0.373,0.207,0.715,0.538,0.887c0.331,0.17,0.73,0.146,1.035-0.068l10-7 C13.841,8.633,14,8.327,14,8.001C14,8,14,8,14,7.999C14,8,14,8,14,7.999z'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 50% auto;
    transform: translate(30%,50%);
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    transition: transform .3s ease
}

.blue-caret,a:hover .blue-caret {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3E%3Ctitle%3Etriangle right%3C/title%3E%3Cg class='nc-icon-wrapper' fill='%23000000'%3E%3Cpath fill='%23027BB8' d='M14,7.999c0-0.326-0.159-0.632-0.427-0.819l-10-7C3.269-0.034,2.869-0.058,2.538,0.112 C2.207,0.285,2,0.626,2,0.999v14.001c0,0.373,0.207,0.715,0.538,0.887c0.331,0.17,0.73,0.146,1.035-0.068l10-7 C13.841,8.633,14,8.327,14,8.001C14,8,14,8,14,7.999C14,8,14,8,14,7.999z'/%3E%3C/g%3E%3C/svg%3E")
}

.blue-caret {
    background-repeat: no-repeat;
    background-size: 50% auto;
    transform: translate(30%,50%);
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    transition: transform 1s ease
}

a:hover .blue-caret {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3E%3Ctitle%3Etriangle right%3C/title%3E%3Cg class='nc-icon-wrapper' fill='%23000000'%3E%3Cpath fill='%23FFFFFF' d='M14,7.999c0-0.326-0.159-0.632-0.427-0.819l-10-7C3.269-0.034,2.869-0.058,2.538,0.112 C2.207,0.285,2,0.626,2,0.999v14.001c0,0.373,0.207,0.715,0.538,0.887c0.331,0.17,0.73,0.146,1.035-0.068l10-7 C13.841,8.633,14,8.327,14,8.001C14,8,14,8,14,7.999C14,8,14,8,14,7.999z'/%3E%3C/g%3E%3C/svg%3E")
}

.pb-03 {
    padding-bottom: .33rem
}

.blue-box-offset {
    min-width: 500px;
    max-width: 500px;
    width: 100%;
    margin: 0 auto;
    padding: 0 7rem
}

.counter-bg-image {
    display: none
}

@media (max-width: 767px) {
    .subhead-mobile {
        font-size:1.4rem!important
    }

    .title-mobile {
        font-size: 2rem!important;
        line-height: 1.2
    }

    .bg-blue-1 {
        padding-top: 8rem;
        padding-bottom: 8rem;
        min-height: auto
    }
}

@media (max-width: 800px) {
    .bg-water-node-counter {
        background-image:none!important
    }

    .blue-box-offset {
        margin-top: -8rem;
        margin-bottom: -8rem
    }

    .py-7 {
        padding-top: 1rem!important;
        padding-bottom: 3rem!important
    }

    .counter-bg-image {
        display: block;
        background-image: url(https://d11vy6bdpktuty.cloudfront.net/www-images/images/env/backgrounds/710/bg-water-node-counter.jpg);
        width: 100%;
        height: 500px;
        margin-top: 20px;
        background-size: auto 115%;
        background-position: -600px -70px;
        background-repeat: no-repeat
    }
}

@media (min-width: 800px) {
    .bg-water-node-counter {
        background-size:auto 115%;
        background-position: -1100px -95px
    }

    .blue-box-offset {
        margin-right: -8rem
    }
}

@media (max-width: 991px) {
    .bg-iot-dark {
        height:275px;
        background-size: 40%;
        background-position: 50%
    }
}

@media (min-width: 1000px) {
    .bg-verify {
        background-position:-1000px
    }

    .bg-application-photo {
        background-position: -120px
    }

    .bg-water-node-counter {
        background-size: auto 115%;
        background-position: -1050px -95px
    }
}

@media (min-width: 1400px) {
    .bg-verify {
        background-position:-800px
    }

    .bg-application-photo {
        background-size: auto 100%;
        background-position: 200px
    }

    .bg-water-node-counter {
        background-size: auto 115%;
        background-position: -900px -95px
    }
}

@media (min-width: 1800px) {
    .bg-verify {
        background-position:-700px
    }

    .bg-application-photo {
        background-position: 400px
    }

    .bg-water-node-counter {
        background-size: auto 115%;
        background-position: -725px -95px
    }
}

@media (min-width: 2000px) {
    .bg-verify {
        background-position:-500px
    }

    .bg-application-photo {
        background-size: auto 100%;
        background-position: 800px
    }

    .bg-water-node-counter {
        background-size: auto 115%;
        background-position: -400px -85px
    }
}

@media (min-width: 2200px) {
    .bg-verify {
        background-position:-300px
    }

    .bg-application-photo {
        background-position: 1000px
    }
}

@media (min-width: 2500px) {
    .bg-verify {
        background-position:-100px
    }

    .bg-application-photo {
        background-size: auto 120%;
        background-position: 900px
    }
}

@media (min-width: 3000px) {
    .bg-verify {
        background-position:0
    }

    .bg-application-photo {
        background-size: auto 130%;
        background-position: 1100px
    }
}

@media (min-width: 3200px) {
    .bg-verify {
        background-position:0
    }

    .bg-application-photo {
        background-size: auto 130%;
        background-position: 1300px
    }
}

@media (min-width: 3500px) {
    .bg-verify {
        background-position:600px
    }

    .bg-application-photo {
        background-size: auto 140%;
        background-position: 1500px
    }
}

.bg-left-white {
    background-position: 0;
    background-position: -50% 50%;
    background-color: #ffffff
}