.tippy-box[data-animation=fade][data-state=hidden]{
    opacity:0
}
[data-tippy-root]{
    max-width:calc(100vw - 10px)
}
.tippy-box{
    position:relative;
    background-color:#333;
    color:#fff;
    border-radius:4px;
    font-size:14px;
    line-height:1.4;
    outline:0;
    transition-property:transform,visibility,opacity
}
.tippy-box[data-placement^=top]>.tippy-arrow{
    bottom:0
}
.tippy-box[data-placement^=top]>.tippy-arrow:before{
    bottom:-7px;
    left:0;
    border-width:8px 8px 0;
    border-top-color:initial;
    transform-origin:center top
}
.tippy-box[data-placement^=bottom]>.tippy-arrow{
    top:0
}
.tippy-box[data-placement^=bottom]>.tippy-arrow:before{
    top:-7px;
    left:0;
    border-width:0 8px 8px;
    border-bottom-color:initial;
    transform-origin:center bottom
}
.tippy-box[data-placement^=left]>.tippy-arrow{
    right:0
}
.tippy-box[data-placement^=left]>.tippy-arrow:before{
    border-width:8px 0 8px 8px;
    border-left-color:initial;
    right:-7px;
    transform-origin:center left
}
.tippy-box[data-placement^=right]>.tippy-arrow{
    left:0
}
.tippy-box[data-placement^=right]>.tippy-arrow:before{
    left:-7px;
    border-width:8px 8px 8px 0;
    border-right-color:initial;
    transform-origin:center right
}
.tippy-box[data-inertia][data-state=visible]{
    transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)
}
.tippy-arrow{
    width:16px;
    height:16px;
    color:#333
}
.tippy-arrow:before{
    content:"";
    position:absolute;
    border-color:transparent;
    border-style:solid
}
.tippy-content{
    position:relative;
    padding:5px 9px;
    z-index:1
}
@charset "UTF-8";
@keyframes pulse{
    0%{
        transform:scale(.6);
        opacity:0
    }
    70%{
        opacity:1
    }
    to{
        transform:1.1;
        opacity:0
    }
}
@-webkit-keyframes pulse{
    0%{
        transform:scale(.6);
        opacity:0
    }
    70%{
        opacity:1
    }
    to{
        transform:1.1;
        opacity:0
    }
}
@keyframes rotate{
    0%{
        transform:rotate(0)
    }
    to{
        transform:rotate(359deg)
    }
}
@-webkit-keyframes rotate{
    0%{
        transform:rotate(0)
    }
    to{
        transform:rotate(359deg)
    }
}
html{
    box-sizing:border-box;
    scroll-behavior:smooth
}
*,:after,:before{
    margin:0;
    padding:0;
    box-sizing:inherit
}
body{
    font-family:Arial,Helvetica,sans-serif;
    background-color:#f4f4f4
}
.footer a,.header a,.main a{
    color:#fff;
    text-decoration:none
}
button{
    cursor:pointer;
    border:none;
    outline:none;
    background-color:transparent
}
ul{
    list-style:none
}
li:focus{
    outline:none!important
}
p{
    line-height:1.5
}
.bcStatic{
    display:none
}
@font-face{
    font-family:univers-cn;
    src:url(/content/static/sr/fonts/universltstd-cn.woff2);
    font-weight:400
}
@font-face{
    font-family:univers-cn;
    src:url(/content/static/sr/fonts/universltstd-lightcn.woff2);
    font-weight:300
}
@font-face{
    font-family:univers-cn;
    src:url(/content/static/sr/fonts/universltstd-boldcn.woff2);
    font-weight:700
}
.font-orange{
    color:var(--orange)
}
.font-blue{
    color:var(--primary-color)
}
.font-dark-blue{
    color:var(--dark-blue)
}
.font-red{
    color:var(--red)
}
.font-green{
    color:var(--green)
}
.font-olive{
    color:var(--olive)
}
.font-black,a.font-black{
    color:#000
}
.text-upper{
    text-transform:uppercase
}
.font-light{
    font-weight:300
}
.font-bold{
    font-weight:700
}
.univers{
    font-family:univers-cn!important
}
h1{
    font-family:Arial,Helvetica,sans-serif;
    font-size:16px;
    line-height:26px
}
h2{
    font-family:univers-cn;
    font-weight:400;
    font-size:32px;
    line-height:45px
}
h3{
    font-family:Arial,Helvetica,sans-serif;
    font-size:23px;
    line-height:35px
}
h4{
    font-size:16px;
    line-height:26px
}
.display-1{
    font-family:univers-cn;
    font-size:45px;
    line-height:54px
}
.lead{
    font-size:19px;
    line-height:30px
}
.lead,.p-small{
    font-family:Arial,Helvetica,sans-serif
}
.p-small{
    font-size:14px;
    line-height:18px
}
.p-small-2,.small{
    line-height:21px
}
.small{
    font-size:12px
}
@media only screen and (max-width:768px){
    h2{
        font-size:28px;
        line-height:42px
    }
    h3{
        font-size:21px;
        line-height:31.5px
    }
    .display-1{
        font-size:40px;
        line-height:46px
    }
    .lead{
        line-height:28.5px
    }
    .p-small{
        font-size:12px;
        line-height:16px
    }
    .p-small-2{
        line-height:18px
    }
    .small{
        font-size:10px;
        line-height:15px
    }
}
@media only screen and (max-width:560px){
    h2{
        font-size:24px;
        line-height:36px
    }
    h3{
        font-size:19px;
        line-height:27px
    }
    .display-1{
        font-size:28px;
        line-height:34px
    }
    .lead{
        line-height:27px
    }
    .p-small{
        font-family:Arial,Helvetica,sans-serif;
        font-size:10px;
        line-height:15px
    }
    .p-small-2{
        line-height:18px
    }
}
#top{
    top:0
}
#top,.slide__anchor{
    position:absolute;
    left:0;
    opacity:0
}
.slide__anchor{
    top:-6.635rem
}
.loading-overlay{
    position:fixed;
    display:flex;
    top:6.625rem;
    left:0;
    width:100%;
    height:100vh;
    background-color:rgba(0,0,0,.75);
    z-index:800
}
.loading-overlay>div{
    position:absolute;
    top:40%;
    left:50%;
    transform:translate(-50%,-50%)
}
.loading-overlay>div svg{
    width:3rem;
    height:3rem;
    fill:#fff;
    animation:rotate .6s linear infinite
}
.loading-overlay-home{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    height:100%;
    background-color:rgba(0,0,0,.6)
}
.loading-overlay-home>div{
    top:50%
}
.overlay:after{
    content:"";
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:rgba(0,0,0,.4);
    z-index:0
}
.container-small{
    max-width:806px;
    margin:0 auto
}
.container-medium{
    max-width:910px;
    margin:0 auto
}
.container-large{
    max-width:1200px;
    margin:0 auto
}
.flex-between-center{
    display:flex;
    display:-ms-flexbox;
    display:-webkit-flex;
    justify-content:space-between;
    align-items:center
}
.y-padding{
    padding-top:6.5rem;
    padding-bottom:6.5rem
}
.x-padding{
    padding-left:1.5rem;
    padding-right:1.5rem
}
.mb-1{
    margin-bottom:.25rem
}
.mb-2{
    margin-bottom:.5rem
}
.mb-3{
    margin-bottom:1rem
}
.mb-4{
    margin-bottom:1.5rem
}
.left-arrow{
    height:10px;
    margin-right:.35rem;
    margin-bottom:.1rem
}
@media only screen and (max-width:768px){
    .left-arrow{
        height:8px;
        margin-bottom:1px
    }
}
@media only screen and (max-width:700px){
    .left-arrow{
        height:13px;
        margin-right:.4rem
    }
}
@media only screen and (max-width:1217px){
    .container-medium{
        max-width:900px
    }
}
@media only screen and (max-width:768px){
    .container-small{
        max-width:580px
    }
    .container-medium{
        max-width:700px
    }
    .x-padding{
        padding-left:1rem;
        padding-right:1rem
    }
    .y-padding{
        padding-top:5rem;
        padding-bottom:5rem
    }
}
@media only screen and (max-width:560px){
    .y-padding{
        padding-top:2.5rem;
        padding-bottom:2.5rem
    }
}
.fancybox-content{
    max-width:70rem!important
}
.video-d-none>div{
    display:none
}
.fancybox-content{
    width:100%;
    max-width:61rem!important;
    padding:0!important;
    position:static!important
}
.fancybox-button{
    margin-right:0!important;
    margin-top:0!important;
    right:48px!important;
    top:48px!important;
    opacity:1!important
}
.fancybox-button svg{
    display:none!important
}
.fancybox-button:before{
    content:"\D7";
    color:#ccc;
    font-size:30px
}
.fancybox-button:hover:before{
    color:#0063be
}
.responsive-video{
    position:relative;
    height:0;
    padding-bottom:56.25%
}
.responsive-video .video-js{
    position:absolute;
    top:0;
    right:0;
    left:0;
    bottom:0;
    width:100%!important;
    height:100%
}
.fancybox-bg{
    background-color:rgba(4,4,4,.9)!important
}
.flex-1{
    flex:1!important
}
.row{
    margin-left:-1.25rem;
    margin-right:-1.25rem;
    display:flex;
    display:-ms-flexbox;
    display:-webkit-flex;
    flex-direction:row;
    flex-wrap:wrap
}
.col{
    padding-left:1.25rem;
    padding-right:1.25rem;
    width:50%
}
@media only screen and (max-width:700px){
    .row{
        margin-left:-.625rem;
        margin-right:-.625rem
    }
    .col{
        padding-left:.625rem;
        padding-right:.625rem;
        width:100%
    }
}
.show-for-mobile{
    display:none
}
.hide-for-mobile{
    display:block
}
@media only screen and (max-width:700px){
    .show-for-mobile{
        display:block
    }
    .hide-for-mobile{
        display:none
    }
}
:root{
    --primary-color:#00a0e1;
    --blue:#00729d;
    --dark-blue:#4d8ecb;
    --red:#cb333b;
    --green:#b7bf10;
    --orange:#ff8200;
    --olive:#cdd157;
    --grey:#767676;
    --light-grey:#e5e5e5;
    --medium-grey:#ccc;
    --dark-grey:#3c3c3c;
    --darker-grey:#111;
    --page-padding:0 1.5rem;
    --header-top-height:4rem;
    --header-bottom-height:2.625rem;
    --header-subnav-height:4rem
}
@media only screen and (max-width:768px){
    :root{
        --page-padding:0 0.75rem
    }
}
.btn,a.btn{
    max-width:100%;
    min-height:26px;
    padding:8px 26px;
    border-radius:36px;
    font-weight:300;
    font-size:13px;
    line-height:21px
}
.btn__primary,a.btn__primary{
    border:1px solid #fff
}
.btn__primary:hover,a.btn__primary:hover{
    color:#000;
    background-color:#fff
}
.btn__secondary,a.btn__secondary{
    display:flex;
    display:-ms-flexbox;
    display:-webkit-flex;
    color:#000;
    background-color:#fff;
    border:1px solid #fff
}
.btn__secondary svg,a.btn__secondary svg{
    height:14px;
    margin-top:4px;
    margin-right:.4rem
}
.btn__secondary:hover,a.btn__secondary:hover{
    color:#fff;
    background-color:transparent
}
.btn__secondary:hover svg,a.btn__secondary:hover svg{
    fill:#fff
}
.btn__secondary-dark,a.btn__secondary-dark{
    color:#fff;
    background-color:#000;
    border-color:#000;
    fill:#fff
}
.btn__secondary-dark:hover,a.btn__secondary-dark:hover{
    border-color:rgba(66,66,66,.9625);
    background-color:rgba(66,66,66,.9625)
}
.hero-video{
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    width:100%;
    height:auto;
    opacity:0;
    transition:opacity .5s
}
@media only screen and (max-width:768px){
    .hero-video-wrapper{
        position:absolute;
        left:0;
        right:0;
        bottom:0;
        height:42.8vw
    }
}

.banner{
    font-family:univers-cn;
    position:relative;
    color:#fff;
    margin-top:0;
    overflow:hidden;
    background-color:#000;
    padding-left:7.5%;
    padding-top:8.75rem;
    padding-bottom:8.75rem
}
@media only screen and (max-width:768px){
    .banner{
     /*   margin-top:164px*/
    }
}
.banner-home{
    margin-top:0;
    background:url(../img/banner-home.jpg) no-repeat bottom/cover
}
@media only screen and (max-width:768px){
    .banner-home{
        margin-top:0
    }
}
.banner-level-2{
    padding-right:25rem
}
.banner__caption-home{
    font-size:69px;
    line-height:1.1
}
.banner__sub-caption-large{
    max-width:35rem
}
.banner__links{
    display:flex;
    align-items:center
}
.banner__search{
    margin-left:2.5rem
}
.banner__right{
    position:absolute;
    display:flex;
    display:-ms-flexbox;
    display:-webkit-flex;
    flex-direction:column;
    top:-2px;
    right:-7rem;
    bottom:0;
    width:27rem;
    padding-left:1rem;
    transform:skewX(-37deg);
    -webkit-transform:skewX(-37deg);
    -ms-transform:skewX(-37deg)
}
.banner__right-wide{
    right:-9rem;
    width:30rem
}
.banner__right-hospitals{
    background-color:var(--red)
}
.banner__right-hospitality{
    background-color:var(--red)
}
.banner__right-airports{
    background-color:var(--primary-color)
}
.banner__right-stadiums{
    background-color:var(--green)
}
.banner__right-schools{
    background-color:var(--orange)
}
.banner__right-manufacturing{
    background-color:var(--dark-blue)
}
.banner__right-utilities{
    background-color:var(--olive)
}
.banner__videolink{
    display:inline-flex;
    align-items:center;
    justify-items:center;
    margin-top:1.5rem
}
.banner__videolink img{
    width:3em;
    margin-right:.5rem
}
.banner__img{
    height:100%;
    margin-left:-8rem;
    background:url(../img/city_scape-small.jpg) no-repeat 50%/cover;
    transform:skewX(37deg);
    -webkit-transform:skewX(37deg);
    -ms-transform:skewX(37deg)
}
.banner__img-wrapper{
    width:100%;
    height:100%;
    overflow:hidden
}
.banner__img-hospitality{
    margin-right:3rem;
    background:url(../img/hospitality-small.jpg) no-repeat 50%/cover
}
.banner__img-hospitals{
    margin-right:3rem;
    background:url(../img/hospitals-small.jpg) no-repeat 50%/cover
}
.banner__img-airports{
    margin-right:7rem;
    background:url(../img/airports-small.jpg) no-repeat 50%/cover
}
.banner__img-stadiums{
    margin-right:7rem;
    background:url(../img/stadiums-small.jpg) no-repeat 50%/cover
}
.banner__img-schools{
    margin-right:9rem;
    background:url(../img/schools-small.jpg) no-repeat 50%/cover
}
.banner__img-utilities{
    margin-right:9rem;
    background:url(../img/utilities-small.jpg) no-repeat 50%/cover
}
.banner__img-manufacturing{
    margin-right:9rem;
    background:url(../img/banner-manufacturing.jpg) no-repeat 50%/cover
}
@media only screen and (max-width:900px){
    .banner-level-2{
        padding-right:22.5rem
    }
    .banner__right-wide{
        width:27rem
    }
}
@media only screen and (max-width:768px){
    .banner-level-2{
        padding-left:1rem;
        padding-right:19rem
    }
    .banner__caption-home{
        font-size:44px;
        line-height:1.1
    }
    .banner__sub-caption br{
        display:none
    }
    .banner__right{
        width:22rem
    }
    .banner__right-wide{
        width:25rem
    }
}
@media only screen and (max-width:700px){
    .banner-home,.banner-level-2{
        text-align:center;
        padding:2.5rem 1rem
    }
    .banner__sub-caption-large{
        max-width:unset
    }
    .banner__right-wide{
        display:none
    }
}
@media only screen and (max-width:625px){
    .banner__right{
        width:18rem
    }
}
@media only screen and (max-width:475px){
    .banner__right{
        width:13rem
    }
}
@media only screen and (max-width:425px){
    .banner__caption-home{
        font-size:36px
    }
}
@media only screen and (max-width:360px){
    .banner__right{
        width:10.5rem;
        transform:skewX(-25deg);
        -webkit-transform:skewX(-25deg);
        -ms-transform:skewX(-25deg)
    }
    .banner__img{
        transform:skewX(25deg);
        -webkit-transform:skewX(25deg);
        -ms-transform:skewX(25deg)
    }
}
.hero{
    position:relative;
    color:#000
}
.hero__top{
    text-align:center;
    background-color:var(--blue);
    color:#fff;
    padding:1rem 3.5rem
}
.hero__heading{
    font-family:univers-cn
}
.hero__bottom{
    position:relative;
    overflow:hidden
}
.hero__icon{
    position:absolute;
    width:5vw;
    z-index:1;
    transition:transform .75s cubic-bezier(.17,.67,.83,.67),opacity .7s
}
.hero__icon.hide{
    transform:translateY(-200%);
    opacity:0
}
.hero__icon:after,.hero__icon:before{
    content:"";
    position:absolute;
    top:-24%;
    left:-30%;
    right:-30%;
    padding-top:160%;
    z-index:-1;
    border-top:3px solid #fff;
    border-left:3px solid #fff;
    border-right:3px solid #fff;
    border-radius:50%;
    pointer-events:none;
    opacity:0;
    animation:pulse 2s linear infinite;
    -webkit-animation:pulse 2s linear infinite;
    animation-delay:0;
    transition:border .2s
}
.hero__icon:hover:after,.hero__icon:hover:before{
    border-color:inherit
}
.hero__icon:after{
    animation-delay:.9s
}
.hero__icon-mobile{
    display:none
}
.hero__icon-stadiums{
    color:var(--green);
    left:77.25%;
    bottom:49.5%
}
.hero__icon-hospitals{
    color:var(--red);
    left:57%;
    bottom:61.5%
}
.hero__icon-schools{
    color:var(--orange);
    left:27.5%;
    bottom:23.5%
}
.hero__icon-airports{
    color:var(--primary-color);
    left:45.5%;
    bottom:79%
}
.hero__icon-manufacturing{
    color:var(--dark-blue);
    left:10.1%;
    bottom:58%
}
.hero__icon-utilities{
    color:var(--olive);
    left:66.1%;
    bottom:79%
}
.hero__img{
    width:100%;
    display:block
}
.hero__img-tall{
    display:none
}
@media only screen and (max-width:1366px){
    .hero__icon{
        width:6vw
    }
    .hero__icon:after,.hero__icon:before{
        border-width:2px
    }
    .hero__icon-hospitals{
        left:56.25%
    }
    .hero__icon-airports{
        left:45%;
        bottom:79%
    }
    .hero__icon-schools{
        left:27%
    }
    .hero__icon-stadiums{
        left:76.75%
    }
    .hero__icon-manufacturing{
        left:9.45%
    }
    .hero__icon-utilities{
        left:66.1%
    }
}
@media only screen and (max-width:768px){
    .hero__top{
        padding-top:2.5rem;
        padding-bottom:1rem
    }
    .hero__text{
        max-width:30rem;
        margin:0 auto
    }
    .hero__icons{
        width:100%;
        display:flex;
        display:-ms-flexbox;
        display:-webkit-flex;
        justify-content:space-around;
        padding:1rem 0 2.5rem;
        background-color:var(--blue);
        flex-wrap:wrap
    }
    .hero__icon{
        position:unset;
        width:33.3333%;
        text-align:center;
        padding:.5rem
    }
    .hero__icon:after,.hero__icon:before{
        display:none;
        animation:none
    }
    .hero__icon-mobile{
        display:inline-block;
        max-width:7em;
        width:100%
    }
    .hero__icon img{
        width:100%
    }
    .hero__icon img:first-child{
        display:none
    }
}
@media only screen and (max-width:700px){
    .hero__top{
        padding-left:1rem;
        padding-right:1rem
    }
}
@media only screen and (max-width:560px){
    .hero__icon{
        width:50%
    }
}
#video{
    display:none
}
.safer-text{
    background-color:#fff
}
.safer-text__videos{
    display:grid;
    grid-gap:1.5rem;
    grid-template-columns:repeat(3,minmax(0,1fr));
    margin-top:5rem
}
.safer-text__video-schools{
    background:url(../img/schools-small.jpg) no-repeat 50%/cover
}
.safer-text__video-hospitals{
    background:url(../img/hospitals-small.jpg) no-repeat 50%/cover
}
.safer-text__video-hospitality{
    background:url("../img/hospitality-small.jpg") no-repeat 50%/cover
}
.safer-text__video-stadiums{
    background:url(../img/stadiums-small.jpg) no-repeat 50%/cover
}
.safer-text__video-airports{
    background:url(../img/airports-small.jpg) no-repeat 50%/cover
}
.safer-text__video-manufacturing{
    background:url(../img/manufacturing-small.jpg) no-repeat 50%/cover
}
.safer-text__video-utilities{
    background:url(../img/utilities-small.jpg) no-repeat 50%/cover
}
@media only screen and (max-width:768px){
    .safer-text__videos{
        grid-template-columns:repeat(2,minmax(0,1fr))
    }
}
.safer-text__content{
    text-align:center
}
.safer-text__videoblock{
    text-align:center;
    margin:.625rem 0
}
.safer-text__videoblock p{
    color:var(--grey)
}
.safer-text__videoblock img{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    z-index:2
}
@media only screen and (max-width:400px){
    .safer-text__videos{
        grid-column-gap:4%;
        grid-row-gap:1.5rem
    }
}
.safer-text__video{
    background-color:var(--blue);
    padding-top:60%;
    position:relative;
    display:flex;
    align-content:center;
    align-items:center;
    margin-bottom:1rem;
    box-shadow:0 7.5px 15px 0 rgba(35,35,35,.3)
}
.safer-text__video:hover:after{
    opacity:.5
}
.safer-text__video:after{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    opacity:0;
    background-image:linear-gradient(181deg,#005cb9,#12009b 97%)
}
.safer-text__video img{
    margin-right:auto;
    margin-left:auto
}
.safer-text__heading{
    text-align:center
}
.safer-text__text{
    color:var(--grey)
}
.safer-text__button{
    font-size:1.375rem
}
.safer-text .orchestrate{
    max-width:9.375rem;
    margin-top:3.75rem
}
@media only screen and (max-width:768px){
    .safer-text__text{
        text-align:center
    }
    .safer-text__video:after{
        display:none
    }
}
@media only screen and (max-width:560px){
    .safer-text__videoblock img{
        width:2rem
    }
}
.accordion{
    color:#fff;
    background-color:var(--blue)
}
.accordion__text{
    text-align:center
}
.accordion__toggle{
    display:flex;
    display:-ms-flexbox;
    display:-webkit-flex;
    justify-content:center;
    align-items:center;
    margin:0 auto;
    width:3.25rem;
    height:3.25rem;
    border:1px solid #fff;
    border-radius:50%
}
.accordion__toggle svg{
    width:18px;
    transition:transform .25s
}
.accordion__footer{
    max-height:0;
    overflow:hidden;
    transition:max-height .3s
}
.solutions{
    align-items:center;
    flex-wrap:wrap;
    margin:2.5rem 0 1.25rem
}
.solutions,.solutions__item{
    display:flex;
    display:-ms-flexbox;
    display:-webkit-flex;
    justify-content:center
}
.solutions__item{
    flex:0 0 14.25%
}
.solutions__link{
    display:block;
    width:127.5px;
    height:130px;
    text-align:center;
    transition:box-shadow .3s ease-in-out
}
.solutions__item:hover .solutions__link{
    box-shadow:0 10px 20px 0 rgba(35,35,35,.2)
}
.solutions__icon{
    max-height:3rem;
    margin:1.5rem 0 1rem
}
.solutions__text{
    font-weight:400;
    font-size:13px
}
@media only screen and (max-width:1000px){
    .solutions__item{
        flex:0 0 25%
    }
}
@media only screen and (max-width:699px){
    .solutions__item{
        flex:0 0 33.333%
    }
}
@media only screen and (max-width:532px){
    .solutions__item{
        flex:0 0 50%
    }
}
@media only screen and (max-width:331px){
    .solutions__item{
        flex:0 0 50%
    }
}
.partner-tools{
    background-color:var(--darker-grey);
    text-align:right;
    padding-top:1rem;
    padding-bottom:1rem
}
.partner-tools__wrapper{
    position:relative;
    display:inline-flex;
    align-content:center;
    align-items:center
}
.partner-tools__dropdown{
    position:absolute;
    top:calc(100% + .4rem);
    left:0;
    width:100%;
    background-color:#fff;
    opacity:0;
    pointer-events:none
}
.partner-tools__dropdown.show{
    opacity:1;
    pointer-events:visible
}
@media only screen and (max-width:768px){
    .partner-tools{
        font-size:14px
    }
}
a.partner-tools__btn{
    color:#000;
    background-color:#fff;
    border:1px solid #fff
}
a.partner-tools__btn svg{
    margin-left:1rem!important;
    transition:transform .1s
}
a.partner-tools__btn svg.open{
    transform:rotate(180deg);
    transform-origin:center
}
a.partner-tools__btn:hover{
    color:#bbb;
    background-color:transparent
}
a.partner-tools__btn:hover svg{
    fill:#fff
}
a.partner-tools__dropdown-item{
    color:rgba(0,0,0,.95)!important;
    width:100%;
    display:block;
    text-align:left;
    padding-top:.5625rem;
    padding-bottom:.625rem;
    border-radius:0
}
a.partner-tools__dropdown-item:hover{
    color:rgba(0,0,0,.6);
    background-color:rgba(0,0,0,.05)
}
.footer{
    color:#fff;
    background-color:#000;
    padding-bottom:1.5rem;
    padding-left:1.5rem;
    padding-right:1.5rem;
    font-size:10px
}
.footer__legal{
    max-width:58rem;
    margin:0 auto;
    padding:2.5rem 0;
    text-align:center
}
.footer__list{
    display:flex;
    text-align:center
}
.footer__item:not(:last-child){
    margin-right:1.25rem
}
.footer__link:hover{
    color:#bbb
}
@media only screen and (max-width:850px){
    .footer__bottom{
        flex-direction:column
    }
    .footer__copyright{
        margin-bottom:2rem;
        text-align:center
    }
}
@media only screen and (max-width:560px){
    .footer__legal{
        padding:2rem 0
    }
}
@media only screen and (max-width:400px){
    .footer__item:not(:last-child){
        margin-right:6px
    }
    .footer__link{
        font-size:9px
    }
}
.nav{
    overflow:hidden;
    background-color:var(--medium-grey)
}
.nav__toggler{
    display:none
}
.nav__list{
    display:flex;
    display:-ms-flexbox;
    display:-webkit-flex;
    justify-content:center;
    align-items:center;
    max-width:1280px;
    margin:0 auto
}
.nav__item{
    flex:0 0 14.2857%
}
@media only screen and (max-width:860px){
    .nav__item .small{
        font-size:9px
    }
}
.nav__link{
    display:flex;
    display:-ms-flexbox;
    display:-webkit-flex;
    justify-content:center;
    align-items:center;
    color:#000!important;
    width:100%;
    height:2.5rem;
    transform:skew(-37deg)
}
.nav__link span{
    display:inline-block;
    transform:skew(37deg)
}
.nav__link span.nav__safe{
    display:none
}
.nav__link-city span{
    display:flex;
    justify-content:center;
    align-items:center;
    width:100%
}
.nav__link-stadiums.current,.nav__link-stadiums:hover{
    background-color:var(--green)
}
.nav__link-hospitals.current,.nav__link-hospitals:hover{
    background-color:var(--red)
}
.nav__link-hospitality.current,.nav__link-hospitality:hover{
    background-color:var(--red)
}
.nav__link-schools.current,.nav__link-schools:hover{
    background-color:var(--orange)
}
.nav__link-airports.current,.nav__link-airports:hover{
    background-color:var(--primary-color)
}
.nav__link-city:hover{
    background-color:#fff
}
.nav__link-manufacturing.current,.nav__link-manufacturing:hover{
    background-color:var(--dark-blue)
}
.nav__link-utilities.current,.nav__link-utilities:hover{
    background-color:var(--olive)
}
@media screen and (max-width:700px){
    .nav{
        position:fixed;
        z-index:100;
        top:var(--header-top-height);
        left:100%;
        bottom:0;
        width:100%;
        padding:0;
        background-color:#fff;
        transition:left .5s ease-in-out
    }
    .nav-2{
        z-index:1002
    }
    .nav.open{
        left:0
    }
    .nav__toggler{
        display:block;
        position:absolute;
        right:.5rem;
        top:0;
        width:2rem;
        height:2rem;
        background-image:url(../img/menu-32-blue.svg);
        margin-top:.95rem
    }
    .nav__list{
        position:relative;
        flex-direction:column;
        z-index:10
    }
    .nav__item{
        width:100%
    }
    .nav__link{
        justify-content:unset;
        font-family:univers-cn;
        font-size:18px;
        font-weight:600;
        text-transform:uppercase;
        background-color:#000;
        height:unset;
        border-bottom:2px solid var(--light-grey);
        padding:1.2rem 1rem 1rem
    }
    .nav__link,.nav__link span{
        transform:skew(0)
    }
    .nav__link span.nav__safe{
        display:block
    }
    .nav__link-city span{
        justify-content:unset
    }
    .nav__link.current,.nav__link:hover{
        background-color:#000
    }
    .nav__link-stadiums{
        color:var(--green)
    }
    .nav__link-hospitals{
        color:var(--red)
    }
	.nav__link-hospitality{
        color:var(--red)
    }
    .nav__link-schools{
        color:var(--orange)
    }
    .nav__link-airports{
        color:var(--primary-color)
    }
    .nav__link-manufacturing{
        color:var(--dark-blue)
    }
    .nav__link-utilities{
        color:var(--olive)
    }
    .nav__link-city{
        font-family:Arial,Helvetica,sans-serif;
        text-transform:unset;
        font-weight:400
    }
    .nav__link-city,.nav__link-city:hover{
        background-color:var(--light-grey)
    }
    .nav__safe{
        color:#fff;
        margin-right:.5rem
    }
}
.hero2{
    position:relative;
    overflow:hidden
}
.hero2__top{
    position:relative;
    height:700px;
    padding-top:4rem;
    padding-bottom:3rem;
    transition:height .5s
}
.hero2__top>div{
    position:relative;
    transition:opacity .3s;
    z-index:1
}
.hero2__top-hospitals{
    background:url(../img/level-2-hospitals-bg.jpg) no-repeat 50%/cover;
    background-position-y:20%
}
.hero2__top-hospitality{
    background:url(../img/level-2-hospitals-bg.jpg) no-repeat 50%/cover;
    background-position-y:20%
}
.hero2__top-airports{
    background:url(../img/level-2-airports-bg.jpg) no-repeat 50%/cover
}
.hero2__top-stadiums{
    background:url(../impianti-sportivi/img/level-2-stadiums-bg.jpg) no-repeat 50%/cover
}
.hero2__top-schools{
    background:url(../img/level-2-schools-bg.jpg) no-repeat 50%/cover
}
.hero2__top-manufacturing{
    background:url(../img/level-2-manufacturing-bg.jpg) no-repeat 50%/cover
}
.hero2__top-utilities{
    background:url(../img/level-2-utilities-bg.jpg) no-repeat 50%/cover
}
.hero2__top.large{
    height:920px
}
.hero2__top.large~.hero2__bottom{
    display:none
}
.hero2__top.large>div{
    opacity:0
}
@media screen and (max-width:1100px){
    .hero2__top{
        height:550px
    }
}
@media screen and (max-width:768px){
    .hero2__top.large{
        height:875px
    }
}
@media screen and (max-width:700px){
    .hero2__top{
        height:unset;
        background:var(--light-grey)
    }
    .hero2__top.large{
        height:unset;
        transform:none;
        opacity:1
    }
}
@media screen and (max-width:700px){
    .hero2 .active{
        display:none
    }
}
.hero2__bottom{
    position:relative;
    z-index:2;
    height:105px;
    background-color:#111
}
.hero2__bottom-hospitals{
    border-top:10px solid var(--red)
}
.hero2__bottom-hospitality{
    border-top:10px solid var(--red)
}
.hero2__bottom-airports{
    border-top:10px solid var(--primary-color)
}
.hero2__bottom-stadiums{
    border-top:10px solid var(--green)
}
.hero2__bottom-schools{
    border-top:10px solid var(--orange)
}
.hero2__bottom-container{
    height:100%
}
.hero2__bottom-wrapper{
    height:100%;
    display:flex;
    display:-ms-flexbox;
    display:-webkit-flex;
    justify-content:flex-end;
    align-items:center
}
.hero2__bottom .btn__primary{
    margin-right:2rem
}
.hero2__container{
    height:100%
}
.hero2__wrapper{
    height:100%;
    position:relative;
    z-index:2;
    display:flex;
    display:-ms-flexbox;
    display:-webkit-flex;
    justify-content:space-between;
    align-items:center;
    color:#fff
}
.hero2__left{
    align-self:flex-end
}
.hero2__left .lead{
    max-width:23.5rem
}
.hero2__video{
    display:flex;
    display:-ms-flexbox;
    display:-webkit-flex;
    align-items:center
}
.hero2__video video-js{
    display:none
}
.hero2__video img{
    margin-right:.6rem
}
.hero2__video-mobile{
    display:none
}
.hero2__right{
    position:relative;
    flex:0 0 65%;
    text-align:center
}
.hero2__img{
    width:75%
}
.hero2__img-airports,.hero2__img-stadiums{
    width:85%
}
.hero2__img-schools{
    width:83%
}
.hero2__img-manufacturing{
    width:95%
}
.hero2__img-utilities{
    width:87%
}
.hero2__circle{
    position:absolute;
	color:#fff;
    display:flex;
    display:-ms-flexbox;
    display:-webkit-flex;
    justify-content:center;
    align-items:center;
    font-size:14px;
    line-height:18px;
    height:105px;
    width:105px;
    padding:.5rem;
    border-radius:50%;
    background-color:#000;
    z-index:3;
    transition:transform .3s,box-shadow .3s
}
.hero2__circle-hospitals:hover{
    box-shadow:0 0 0 4px var(--red),0 10px 10px 1px rgba(0,0,0,.3);
    transform:translateY(-6px)
}
.hero2__circle-hospitals-elevated{
    bottom:64%;
    left:60%
}
.hero2__circle-hospitals-critical{
    bottom:1%;
    left:80%
}
.hero2__circle-hospitals-waiting{
    bottom:23%;
    left:51%
}
.hero2__circle-hospitals-perimeter{
    bottom:78%;
    left:24.5%
}
.hero2__circle-hospitals-patient{
    bottom:22%;
    left:5%
}
.hero2__circle-airports:hover{
    box-shadow:0 0 0 4px var(--primary-color),0 10px 10px 1px rgba(0,0,0,.3);
    transform:translateY(-6px)
}
.hero2__circle-airports-traveler{
    left:4.5%;
    bottom:78.5%
}
.hero2__circle-airports-sterile{
    left:10%;
    bottom:20%
}
.hero2__circle-airports-breach{
    left:76%;
    bottom:73%
}
.hero2__circle-airports-restricted{
    left:44%;
    bottom:82.5%
}
.hero2__circle-airports-elevated{
    left:51%;
    bottom:12%
}
.hero2__circle-stadiums:hover{
    box-shadow:0 0 0 4px var(--green),0 10px 10px 1px rgba(0,0,0,.3);
    transform:translateY(-6px)
}
.hero2__circle-stadiums-restricted{
    left:1.5%;
    bottom:48%
}
.hero2__circle-stadiums-escalated{
    left:45%;
    bottom:88%
}
.hero2__circle-stadiums-elevated{
    left:64%;
    bottom:3.25%
}
.hero2__circle-stadiums-banned{
    left:75%;
    bottom:52%
}
.hero2__circle-stadiums-lost{
    left:32%;
    bottom:-12%
}
.hero2__circle-stadiums-concealed{
    left:50%;
    bottom:35%
}
.hero2__circle-schools:hover{
    box-shadow:0 0 0 4px var(--orange),0 10px 10px 1px rgba(0,0,0,.3);
    transform:translateY(-6px)
}
.hero2__circle-schools-breach{
    left:4.25%;
    bottom:65.5%
}
.hero2__circle-schools-distance{
    left:45%;
    bottom:73.5%
}
.hero2__circle-schools-shooter{
    left:68%;
    bottom:45.5%
}
.hero2__circle-schools-bully{
    left:8.5%;
    bottom:8.5%
}
.hero2__circle-schools-return{
    left:64%;
    bottom:-4.5%
}
.hero2__circle-manufacturing:hover{
    box-shadow:0 0 0 4px var(--dark-blue),0 10px 10px 1px rgba(0,0,0,.3);
    transform:translateY(-6px)
}
.hero2__circle-manufacturing-vehicle{
    left:10.25%;
    bottom:29.1%
}
.hero2__circle-manufacturing-loitering{
    left:78.75%;
    bottom:58.9%
}
.hero2__circle-manufacturing-worker{
    left:31.95%;
    bottom:51.8%
}
.hero2__circle-manufacturing-monitoring{
    left:60.45%;
    bottom:87.6%
}
.hero2__circle-manufacturing-safe{
    left:52.45%;
    bottom:24.6%
}
.hero2__circle-manufacturing-risk{
    left:40.95%;
    bottom:76.9%
}
.hero2__circle-manufacturing-fire{
    left:29.75%;
    bottom:8.9%
}
.hero2__circle-manufacturing-security{
    left:56.45%;
    bottom:54.5%
}
.hero2__circle-utilities:hover{
    box-shadow:0 0 0 4px var(--olive),0 10px 10px 1px rgba(0,0,0,.3);
    transform:translateY(-6px)
}
.hero2__circle-utilities-theft{
    left:29.35%;
    bottom:58.4%
}
.hero2__circle-utilities-safety{
    left:73.35%;
    bottom:30.4%
}
.hero2__circle-utilities-security{
    left:48.35%;
    bottom:21.4%
}
.hero2__circle-utilities-recovery{
    left:77.35%;
    bottom:60.1%
}
.hero2__circle-utilities-loitering{
    left:60.35%;
    bottom:52.1%
}
.hero2__circle-utilities-assailant{
    left:5.45%;
    bottom:35.9%
}
.hero2__circle-utilities-detection{
    left:26.85%;
    bottom:21.9%
}
.hero2__circle img{
    display:none
}
.hero2__circle-alt-orchestrate{
    display:flex;
    align-items:center;
	color:#FFF;
    flex-direction:column
}
@media screen and (min-width:700px){
    .hero2__circle-alt-orchestrate{
        justify-content:center;
        width:80px;
        height:80px;
        border-radius:50%;
        background-color:#005eb6;
        transition:transform .3s,box-shadow .3s;
        position:absolute;
        top:0;
        right:0;
        margin-left:-50px;
        margin-top:-50px;
        z-index:10
    }
    .hero2__circle-alt-orchestrate img{
        max-width:30px;
        margin-bottom:3px
    }
    .hero2__circle-alt-orchestrate span{
        display:block;
        font-size:8px;
        line-height:1.4;
        padding-bottom:5px;
        text-align:center
    }
    .hero2__circle-alt-orchestrate:hover{
        box-shadow:0 0 0 4px var(--light-grey),0 10px 10px 1px rgba(0,0,0,.3);
        transform:translateY(-6px)
    }
}
@media screen and (min-width:1100px){
    .hero2__circle-alt-orchestrate{
        width:100px;
        height:100px;
        top:14px
    }
    .hero2__circle-alt-orchestrate img{
        max-width:41px;
        margin-bottom:1px
    }
    .hero2__circle-alt-orchestrate span{
        font-size:11px
    }
}
@media screen and (min-width:1760px){
    .hero2__circle-alt-orchestrate{
        right:-250px
    }
}
@media screen and (max-width:700px){
    .hero2__circle-alt-orchestrate{
        flex-direction:column;
        justify-content:unset;
        position:unset;
        height:100%;
        color:inherit;
        background-color:unset;
        margin:0 auto;
        padding-top:1.75rem;
        padding-bottom:0
    }
    .hero2__circle-alt-orchestrate img{
        height:3em;
        margin-bottom:.75rem;
        display:block
    }
    .hero2__circle-alt-orchestrate span{
        font-size:12px
    }
}
@media screen and (max-width:1100px){
    .hero2__circle{
        height:90px;
        width:90px;
        font-size:12px
    }
}
@media screen and (max-width:700px){
    .hero2__top{
        padding-top:5rem;
        padding-bottom:5rem
    }
    .hero2__top:after{
        background-color:unset
    }
    .hero2__top.dark{
        background:#a4a4a4
    }
    .hero2__top-hospitals.dark{
        border-top:10px solid var(--red)
    }
    .hero2__top-airports.dark{
        border-top:10px solid var(--primary-color)
    }
    .hero2__top-stadiums.dark{
        border-top:10px solid var(--green)
    }
    .hero2__top-schools.dark{
        border-top:10px solid var(--orange)
    }
    .hero2__wrapper{
        flex-direction:column;
        color:#000
    }
    .hero2__left{
        align-self:unset;
        text-align:center
    }
    .hero2__right{
        display:flex;
        display:-ms-flexbox;
        display:-webkit-flex;
        flex-wrap:wrap;
        width:100%;
        max-width:30rem
    }
    .hero2__right li{
        flex:0 0 33.3333%;
        height:140px
    }
    .hero2__img{
        display:none
    }
    .hero2__circle{
        flex-direction:column;
        justify-content:unset;
        align-items:unset;
        position:unset;
        width:100%;
        max-width:120px;
        height:100%;
        color:#000!important;
        background-color:unset;
        margin:0 auto;
        padding-top:1.75rem;
        padding-bottom:0
    }
    .hero2__circle:hover{
        box-shadow:none;
        transform:translateY(0)
    }
    .hero2__circle-alt span{
        color:#000
    }
    .hero2__circle img{
        display:block;
        height:3rem;
        margin-bottom:.75rem
    }
    .hero2__video{
        display:none
    }
    .hero2__video-mobile{
        position:relative;
        z-index:10;
        display:flex
    }
    .hero2__video-mobile img{
        margin-right:0
    }
    .hero2__bottomImg{
        position:relative;
        display:flex;
        justify-content:center;
        align-items:center;
        height:350px;
        width:100%
    }
    .hero2__bottomImg-hospitals{
        background:url(../img/level-2-hospitals-bg.jpg) no-repeat 0/cover
    }
    .hero2__bottomImg-airports{
        background:url(../img/level-2-airports-bg.jpg) no-repeat 0/cover
    }
    .hero2__bottomImg-stadiums{
        background:url(../img/level-2-stadiums-bg.jpg) no-repeat 50%/cover
    }
    .hero2__bottomImg-schools{
        background:url(../img/level-2-schools-bg.jpg) no-repeat 50%/cover
    }
    .hero2__bottomImg-manufacturing{
        background:url(../img/level-2-manufacturing-bg.jpg) no-repeat 50%/cover
    }
    .hero2__bottomImg-utilities{
        background:url(../img/level-2-utilities-bg.jpg) no-repeat 50%/cover
    }
    .hero2__bottomImg:after{
        content:"";
        position:absolute;
        top:0;
        left:0;
        right:0;
        bottom:0;
        background-color:rgba(0,0,0,.4)
    }
    .hero2__bottom-wrapper{
        justify-content:center
    }
}
@media screen and (max-width:560px){
    .hero2__top{
        padding-top:2.5rem;
        padding-bottom:2rem
    }
}
@media screen and (max-width:450px){
    .hero2__bottom .btn__primary{
        margin-right:1rem
    }
}
@media screen and (max-width:412px){
    .hero2__bottom{
        height:150px
    }
    .hero2__bottom-wrapper{
        flex-direction:column-reverse
    }
    .hero2__bottom a{
        display:flex;
        justify-content:center;
        width:90%
    }
    .hero2__bottom .btn__primary{
        margin-right:0
    }
    .hero2__bottom .btn__secondary{
        margin-bottom:1rem
    }
}
.level-3-overlay{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    z-index:10;
    padding-top:3.5rem;
    background-color:hsla(0,0%,64.3%,.7);
    opacity:0;
    pointer-events:none;
    transition:opacity .4s,transform .4s,height .4s
}
.level-3-overlay.show{
    opacity:1;
    transform:translateY(0);
    pointer-events:visible
}
@media screen and (max-width:700px){
    .level-3-overlay{
        position:unset;
        padding-top:0;
        padding-left:2rem;
        padding-right:2rem;
        opacity:1;
        pointer-events:visible;
        background-color:#fff;
        transform:translateY(-100%)
    }
}
.slider,.static{
    position:absolute;
    left:50%;
    width:100%;
    max-width:996px;
    padding-left:3rem;
    padding-right:3rem;
    pointer-events:none;
    opacity:0;
    transform:translateX(-50%);
    transition:opacity .3s;
    transition-delay:.35s
}
.slider.show,.static.show{
    opacity:1;
    pointer-events:visible
}
@media screen and (max-width:700px){
    .slider,.static{
        position:absolute;
        left:0;
        right:0;
        display:flex;
        flex-direction:column;
        transform:translateX(0);
        padding:4rem 2rem;
        max-width:30rem;
        margin:0 auto;
        height:inherit;
        transition-delay:.2s
    }
    .slider__backButton,.static__backButton{
        display:none
    }
}
.static__content{
    background-color:#fff;
    height:760px;
    padding:2.1875rem 3.125rem
}
.static__content img{
    max-width:100%;
    height:auto;
    margin-top:.375rem
}
@media screen and (max-width:700px){
    .static__content{
        padding:0;
        height:auto
    }
    .static__content img{
        margin-bottom:1.5rem
    }
}
.static__backButton{
    margin-top:2.313rem;
    display:inline-block
}
.static .col p{
    margin-bottom:1.875rem;
    font-size:.875rem
}
.static .lead{
    margin-bottom:1.5rem
}
.static .tech{
    padding-top:2rem
}
.static .tech__list{
    max-width:25.875rem
}
.static .tech__subList li{
    margin:0
}
.static .tech__subList li img{
    margin:0 .75rem 0 0
}
.static .tech__heading{
    flex:0 0 53%
}
.static .tech__icon{
    margin-top:0;
    margin-bottom:.188rem
}
@media screen and (max-width:700px){
    .static .tech{
        padding-top:0
    }
    .static__bottom{
        display:none
    }
}
.slider:before{
    content:"";
    position:absolute;
    top:0;
    left:3rem;
    right:3rem;
    bottom:0;
    background-color:#fff
}
.slider__controls{
    display:flex!important;
    justify-content:space-between;
    position:absolute;
    top:50%;
    left:.5rem;
    right:.5rem;
    transform:translateY(-50%)
}
.slider__controls:focus{
    outline:none
}
.slider__controls li{
    cursor:pointer
}
.slider__current{
    display:flex;
    position:absolute;
    color:#fff;
    top:5.4rem;
    right:5.5rem;
    z-index:7
}
.slider__current-countImg{
    position:relative;
    display:inline-block;
    cursor:pointer;
    transition:transform .1s
}
.slider__current-countImg:not(.tns-nav-active):hover{
    transform:scale(1.075)
}
.slider__current-countImg:not(.tns-nav-active):hover:after{
    background-color:rgba(0,0,0,.1)
}
.slider__current-countImg:not(:last-child){
    margin-right:.4rem
}
.slider__current-countImg:after{
    content:"";
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background-color:rgba(0,0,0,.5);
    transition:background-color .4s,box-shadow .2s
}
.slider__current-countImg h4{
    position:absolute;
    top:50%;
    margin-top:0 !important;
	left:50%;
    transform:translate(-50%,-50%);
    z-index:10;
	color:#FFF;
}
.slider__current-countImg img{
    display:block;
    width:55px
}
.slider__current-countImg-hospitals.tns-nav-active:after{
    background-color:transparent;
    box-shadow:inset 0 0 0 3px var(--red)
}
.slider__current-countImg-airports.tns-nav-active:after{
    background-color:transparent;
    box-shadow:inset 0 0 0 3px var(--primary-color)
}
.slider__current-countImg-stadiums.tns-nav-active:after{
    background-color:transparent;
    box-shadow:inset 0 0 0 3px var(--green)
}
.slider__current-countImg-schools.tns-nav-active:after{
    background-color:transparent;
    box-shadow:inset 0 0 0 3px var(--orange)
}
.slider__current-countImg-manufacturing.tns-nav-active:after{
    background-color:transparent;
    box-shadow:inset 0 0 0 3px var(--dark-blue)
}
.slider__current-countImg-utilities.tns-nav-active:after{
    background-color:transparent;
    box-shadow:inset 0 0 0 3px var(--olive)
}
.slider__bottom{
    position:absolute;
    top:100%;
    left:0;
    right:0;
    display:flex;
    display:-ms-flexbox;
    display:-webkit-flex;
    justify-content:space-between;
    align-items:center;
    margin-top:1.75rem;
    padding:0 3rem
}
.slider__backButton .left-arrow{
    margin-bottom:0
}
.slider__backButton-useCase{
    display:none
}
.slider__backButton-cross{
    position:absolute;
    right:3.8rem;
    top:.8rem;
    z-index:1
}
.slider__backButton-cross svg{
    width:1.5rem;
    height:1.5rem
}
.slider__educationBtn{
    color:#000;
    position:absolute;
    bottom:1rem;
    right:4.25rem
}
@media screen and (max-width:900px){
    .slider__current{
        top:4.9rem;
        right:5rem
    }
}
@media screen and (max-width:768px){
    .slider{
        padding-left:2.5rem;
        padding-right:2.5rem
    }
    .slider:before{
        left:2.5rem;
        right:2.5rem
    }
    .slider__controls{
        padding:0 .2rem
    }
    .slider__current{
        right:4.5rem
    }
    .slider__current-countImg:not(.tns-nav-active):hover{
        transform:unset
    }
    .slider__current-countImg:not(.tns-nav-active):hover:after{
        background-color:rgba(0,0,0,.5)
    }
    .slider__next img,.slider__prev img{
        width:1.2rem
    }
}
@media screen and (max-width:700px){
    .slider:before{
        display:none
    }
    .slider__controls{
        display:none!important
    }
    .slider__current{
        position:unset;
        left:0;
        right:0;
        flex-wrap:wrap;
        justify-content:space-between;
        padding:2rem 0;
        margin-top:2rem
    }
    .slider__current-countImg{
        flex:0 0 47.5%;
        margin-right:0!important
    }
    .slider__current-countImg:first-child,.slider__current-countImg:nth-child(2){
        margin-bottom:4rem
    }
    .slider__current-countImg img{
        width:100%
    }
    .slider__current-countImg h4{
        font-size:28px
    }
    .slider__current-countImg.tns-nav-active .slide__right-heading-mobile{
        opacity:1
    }
    .slider__current-countImg-hospitals.tns-nav-active:after{
        box-shadow:inset 0 0 0 6px var(--red)
    }
    .slider__current-countImg-airports.tns-nav-active:after{
        box-shadow:inset 0 0 0 6px var(--primary-color)
    }
    .slider__current-countImg-stadiums.tns-nav-active:after{
        box-shadow:inset 0 0 0 6px var(--green)
    }
    .slider__current-countImg-schools.tns-nav-active:after{
        box-shadow:inset 0 0 0 6px var(--orange)
    }
    .slider__bottom{
        position:unset;
        margin-top:2rem;
        padding:0;
        justify-content:center
    }
    .slider__backButton-useCase{
        text-align:center;
        margin-top:2rem;
        position:relative;
        z-index:20
    }
    .slider__backButton-useCase.show{
        display:flex;
        align-items:center;
        justify-content:center
    }
    .slider__backButton-useCase.show .left-arrow{
        margin-bottom:2px
    }
    .slider__educationBtn{
        position:unset;
        padding:.2rem;
        margin-top:1rem;
        text-align:center;
        align-self:center
    }
}
@media screen and (max-width:560px){
    .slider__backButton-useCase.show .left-arrow{
        height:10px;
        margin-bottom:1px
    }
}
@media screen and (max-width:350px){
    .slider__current-countImg:first-child,.slider__current-countImg:nth-child(2){
        margin-bottom:3rem
    }
}
.slide{
    display:flex!important;
    display:-ms-flexbox;
    display:-webkit-flex;
    justify-content:space-between;
    height:760px;
    padding:2.5rem
}
.slide__left-header,.slide__right-header{
    height:95px;
    margin-bottom:1rem
}
.slide__left{
    flex:0 0 40%
}
.slide__left-heading{
    position:absolute;
    /*top:2.5rem;*/
    left:5.4rem;
    z-index:10
}
.slide__left-lead{
    position:absolute;
    top:5rem;
    width:50%
}
.slide__left-img{
    width:100%
}
.slide__left-text{
    margin-top:.5rem;
    padding-right:3rem
}
.slide__left-text small{
    position:absolute;
    left:2rem;
    bottom:2rem
}
.slide__right{
    flex:0 0 55%
}
.slide__right-heading{
    text-align:right
}
.slide__right-heading-mobile{
    display:none
}
@media screen and (max-width:900px){
    .slide{
        padding:2rem
    }
    .slide__left{
        flex:0 0 37%
    }
    .slide__left-text{
        padding-right:2rem
    }
    .slide__left-heading{
        top:1.9rem;
        left:4.9rem
    }
    .slide__left-lead{
        top:4.5rem
    }
    .slide__right{
        flex:0 0 60%
    }
}
@media screen and (min-width:768px){
    .slide__right-heading{
        font-size:31px
    }
}
@media screen and (max-width:768px){
    .slide{
        height:720px
    }
    .slide__left{
        flex:0 0 40%
    }
    .slide__left-heading{
        left:4.4rem
    }
    .slide__right{
        flex:0 0 56.5%
    }
}
@media screen and (max-width:700px){
    .slide{
        height:unset;
        flex-direction:column;
        padding:0
    }
    .slide__left{
        margin-bottom:2rem;
        text-align:center
    }
    .slide__left-text{
        padding-right:0
    }
    .slide__left-text small{
        width:auto;
        left:unset;
        right:0;
        bottom:-1.5rem
    }
    .slide__left-header{
        margin-bottom:.75rem
    }
    .slide__left-heading{
        position:unset;
        text-align:center
    }
    .slide__left-lead{
        position:unset;
        width:unset;
        margin-top:0
    }
    .slide__left-img,.slider.show{
        display:none
    }
    .slide__right-heading-mobile{
        position:absolute;
        top:-2.5rem;
        display:block;
        text-align:left;
        opacity:.3;
        transition:opacity .2s
    }
    .slide__left-header,.slide__right-header{
        height:unset;
        margin-bottom:0
    }
}
@media screen and (max-width:350px){
    .slide__right-heading-mobile{
        font-size:20px
    }
}
.tech__title{
    color:#fff;
    padding:0 1.5rem
}
.tech__title-hospitals{
    background-color:var(--red)
}
.tech__title-airports{
    background-color:var(--primary-color)
}
.tech__title-stadiums{
    background-color:var(--green)
}
.tech__title-schools{
    background-color:var(--orange)
}
.tech__title-manufacturing{
    background-color:var(--dark-blue)
}
.tech__title-utilities{
    background-color:var(--olive)
}
.tech__heading{
    flex:0 0 60%;
    margin-top:.7rem;
    padding-right:1.3rem
}
.tech__heading-item{
    position:relative;
    margin-top:2px;
    padding-left:.5rem
}
.tech__heading-item:before{
    content:"";
    position:absolute;
    top:7px;
    left:0;
    width:4px;
    height:4px;
    border-radius:50%;
    background-color:var(--dark-grey)
}
.tech__subList{
    flex:0 0 40%;
    position:relative
}
.tech__item{
    position:relative;
    display:flex;
    display:-ms-flexbox;
    display:-webkit-flex;
    margin-left:1.4rem;
    margin-top:2.2rem;
    padding-left:2rem;
    padding-bottom:.25rem;
    color:var(--dark-grey);
    background-color:#f2f2f2
}
.tech__item-techHeading{
    font-weight:700;
    position:absolute;
    left:0;
    right:0;
    /*padding:0 .5rem;*/
    margin-bottom:.2rem;
	margin-top:0 !important;
    background-color:var(--light-grey)
}
.tech__item-techHeading:before{
    content:"";
    position:absolute;
    top:0;
    left:-.95rem;
    width:3rem;
    height:100%;
    background-color:inherit;
    transform:skewX(-37deg)
}
.tech__item-2:nth-child(2){
    margin-top:30px
}
.tech__item-2:not(.tech__item-techHeading){
    padding:.4rem .5rem
}
.tech .tech__link,.tech a.tech__link{
    color:var(--dark-grey)
}
.tech .tech__link-2,.tech a.tech__link-2{
    position:relative;
    display:flex;
    display:-ms-flexbox;
    display:-webkit-flex;
    align-items:center;
    z-index:5
}
.tech .tech__link-2:hover,.tech a.tech__link-2:hover{
    color:#005eb8
}
.tech .tech__link-2-heading:hover,.tech a.tech__link-2-heading:hover{
    color:inherit
}
.tech .tech__link-2 img,.tech a.tech__link-2 img{
    margin-right:.75rem
}
.tech__icon{
    height:100%;
    width:100%
}
.tech__icon-wrapper{
    display:flex;
    justify-content:center;
    align-items:center;
    position:absolute;
    top:0;
    left:0;
    width:2.7rem;
    height:2.7rem;
    padding:.5rem;
    transform:translate(-50%,-25%);
    border-radius:50%;
    background-color:var(--grey)
}
@media screen and (max-width:820px){
    .tech__heading{
        flex:0 0 55%;
        padding-right:1rem
    }
    .tech__subList{
        flex:0 0 45%
    }
}
@media screen and (max-width:768px){
    .tech__item{
        margin-top:1.75rem
    }
    .tech__item-techHeading{
       /* padding-left:.1rem*/
    }
    .tech__item-techHeading:before{
        left:-.65rem
    }
    .tech__item-2:not(.tech__item-techHeading){
      /*  padding-left:.1rem*/
    }
    .tech__item-2 img{
        margin-right:.4rem
    }
}
@media screen and (max-width:700px){
    .tech__subList{
        position:unset;
        display:flex;
        display:-ms-flexbox;
        display:-webkit-flex;
        justify-content:space-around;
        margin-top:.5rem
    }
    .tech__item{
        flex-direction:column;
        justify-content:center;
        padding:.25rem;
        margin-left:0;
        margin-top:2.25rem
    }
    .tech__item-techHeading{
        top:0;
        left:unset;
        right:0;
        width:7rem;
        padding-right:.1rem
    }
    .tech__item-2{
        display:inline-block
    }
    .tech__item-2:nth-child(2){
        margin-top:0
    }
    .tech__item-2:not(.tech__item-techHeading){
        padding:.3rem
    }
    .tech__icon-wrapper{
        top:0;
        left:50%;
        transform:translate(-50%,-50%)
    }
    .tech__heading{
        display:block;
        flex:unset;
        width:100%;
        padding-right:0;
        margin-top:2.2rem;
        text-align:center
    }
    .tech__heading-item{
        display:inline-block
    }
    .tech__heading-item:not(:last-child){
        margin-right:.5rem
    }
}
@media screen and (max-width:340px){
    .tech__item-techHeading{
        width:5rem;
        text-align:center
    }
    .tech__item-techHeading p{
        margin-right:.5rem
    }
}
ul .tech__subList{margin-left:0 !important}
@media screen and (max-width:780px){
	.one-half{width:100% !important;}
	.one-third{width:100% !important;}
.two-third{width:100% !important;}}
@media screen and (max-width:700px){
	.nav__link-stadiums{display:none !important;}
	.nav__link-hospitals{display:none !important;}
	.nav__link-schools{display:none !important;}
	.nav__link-utilities{display:none !important;}
	.nav__link-manufacturing{display:none !important;}
	.nav__link-airports{display:none !important;}
	.nav__link-city{background: transparent !important;width:100% !important}
}