@charset "UTF-8";
.grid__h1 {
    float: none;
    margin-bottom: 15px;
    line-height: 28px;
    font-size: 18px;
    font-family: Equip-Medium, Helvetica, Arial, sans-serif;
    color: #424242
}

.grid__h1--no-margin {
    margin-bottom: 0
}

@media screen and (min-width:1024px) {
    .grid__h1 {
        font-size: 20px;
        line-height: 30px
    }
}

.grid__h2 {
    float: none;
    margin-bottom: 20px;
    line-height: 46px;
    font-size: 36px;
    font-family: Equip-ExtraLight, Helvetica, Arial, sans-serif;
    text-transform: none;
    color: #424242
}

@media screen and (min-width:768px) {
    .grid__h2 {
        font-size: 42px;
        line-height: 52px
    }
}

@media screen and (min-width:1024px) {
    .grid__h2 {
        margin-bottom: 25px
    }
}

@media screen and (min-width:1280px) {
    .grid__h2 {
        font-size: 50px;
        line-height: 60px;
        margin-bottom: 30px
    }
}

.grid__h3 {
    float: none;
    margin-bottom: 10px;
    line-height: 28px;
    font-size: 18px;
    font-family: Equip-Medium, Helvetica, Arial, sans-serif;
    color: #1998d5
}

.grid__h3--upper-title {
    font-size: 16px;
    color: #424242
}

@media screen and (min-width:768px) {
    .grid__h3 {
        margin-bottom: 15px
    }
}

@media screen and (min-width:1024px) {
    .grid__h3 {
        margin-bottom: 20px;
        line-height: 30px;
        font-size: 20px
    }
    .grid__h3--upper-title {
        font-size: 18px
    }
}

.grid__h4 {
    float: none;
    margin-bottom: 12px;
    line-height: 46px;
    font-size: 36px;
    font-family: Equip-Thin, Helvetica, Arial, sans-serif;
    color: #424242
}

.grid__h4--small {
    font-size: 34px
}

@media screen and (min-width:768px) {
    .grid__h4 {
        margin-bottom: 15px
    }
    .grid__h4--margin-top {
        margin-top: 40px
    }
    .grid__h4--small {
        font-size: 36px
    }
}

@media screen and (min-width:1024px) {
    .grid__h4 {
        margin-bottom: 20px;
        line-height: 52px;
        font-size: 42px
    }
    .grid__h4--margin-top {
        margin-top: initial
    }
}

@media screen and (min-width:1280px) {
    .grid__h4 {
        line-height: 60px;
        font-size: 50px
    }
}

.grid__p {
    margin-bottom: 30px;
    line-height: 26px;
    font-size: 16px;
    font-family: Equip-ExtraLight, Helvetica, Arial, sans-serif;
    color: #424242
}

@media screen and (min-width:1280px) {
    .grid__p {
        line-height: 28px;
        font-size: 18px
    }
}

.grid__p--small {
    margin-bottom: 0;
    line-height: 16px;
    font-size: 12px;
    font-family: Equip-ExtraLight, Helvetica, Arial, sans-serif;
    color: #424242
}

.grid__p--small--bold {
    font-family: Equip-Medium, Helvetica, Arial, sans-serif
}

@media screen and (min-width:768px) {
    .grid__p--small {
        line-height: 20px;
        font-size: 14px
    }
}

@media screen and (min-width:1280px) {
    .grid__p--small {
        font-size: 16px
    }
}

.grid__p--small-no-margin {
    line-height: 16px;
    font-size: 12px;
    font-family: Equip-ExtraLight, Helvetica, Arial, sans-serif;
    color: #424242
}

.grid__p--small-no-margin--bold {
    font-family: Equip-Medium, Helvetica, Arial, sans-serif
}

@media screen and (min-width:768px) {
    .grid__p--small-no-margin {
        line-height: 20px;
        font-size: 14px
    }
}

@media screen and (min-width:1280px) {
    .grid__p--small-no-margin {
        font-size: 16px
    }
}

.grid__p--extra-space {
    margin-bottom: 0
}

@media screen and (min-width:1024px) {
    .grid__p--extra-space {
        margin-bottom: 70px
    }
}

.grid__a {
    line-height: 26px;
    font-size: 16px;
    font-family: Equip-Medium, Helvetica, Arial, sans-serif;
    text-decoration: underline;
    color: #1998d5
}

@media screen and (min-width:1280px) {
    .grid__a {
        line-height: 28px;
        font-size: 18px
    }
}

.grid__li {
    line-height: 26px;
    font-size: 16px;
    font-family: Equip-ExtraLight, Helvetica, Arial, sans-serif;
    color: #424242
}

.grid__li:before {
    content: '•';
    display: inline;
    margin-right: 10px
}

@media screen and (min-width:1280px) {
    .grid__li {
        line-height: 28px;
        font-size: 18px
    }
}

.module {
    margin-top: 60px;
    margin-bottom: 60px
}

@media screen and (min-width:768px) {
    .module {
        margin-top: 80px;
        margin-bottom: 80px
    }
}

@media screen and (min-width:1024px) {
    .module {
        margin-top: 100px;
        margin-bottom: 100px
    }
}

.module--no-margin {
    margin-top: 0;
    margin-bottom: 0
}

.module--inner {
    padding-top: 60px;
    padding-bottom: 60px
}

@media screen and (min-width:768px) {
    .module--inner {
        padding-top: 80px;
        padding-bottom: 80px
    }
}

@media screen and (min-width:1024px) {
    .module--inner {
        padding-top: 100px;
        padding-bottom: 100px
    }
}

@media screen and (max-width:1023px) {
    .module--no-padding-bottom--mobile {
        padding-bottom: 0!important
    }
}

@media screen and (max-width:1023px) {
    .module--no-margin-bottom--mobile {
        margin-bottom: 0!important
    }
}

.h-tac {
    text-align: center
}

.height_fixer .grid-view-item__image-container {
    justify-content: flex-start!important;
    min-height: 200px!important
}

.link {
    text-decoration: none
}

.link:hover {
    color: #1998d5
}

.content-bullets {
    clear: both
}

.content-bullets li {
    list-style-type: disc;
    list-style-position: outside;
    margin-left: 15px;
    color: #4c4c4c;
    font-size: 18px;
    margin-bottom: 10px;
    font-family: Equip-Light, Helvetica, Arial, sans-serif
}

.content-bullets--white li {
    color: #fff
}

.grid_wrapper {
    float: none;
    clear: both;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 100%;
    padding-left: 72px;
    padding-right: 72px;
    margin-bottom: 100px
}

.grid_wrapper:after {
    content: '';
    display: table;
    clear: both
}

.grid_wrapper h2 {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    text-transform: none;
    font-size: 50px;
    line-height: 60px;
    margin-bottom: 20px
}

.grid_wrapper p {
    font-size: 18px;
    line-height: 28px
}

@media screen and (max-width:1440px) {
    .grid_wrapper {
        padding-left: 58px;
        padding-right: 58px
    }
}

@media screen and (max-width:1279px) {
    .grid_wrapper {
        padding-left: 44px;
        padding-right: 44px
    }
    .grid_wrapper h2 {
        font-size: 42px;
        line-height: 52px
    }
    .grid_wrapper p {
        font-size: 16px;
        line-height: 26px
    }
}

@media screen and (max-width:1023px) {
    .grid_wrapper {
        padding-left: 36px;
        padding-right: 36px;
        margin-bottom: 60px
    }
    .grid_wrapper h2 {
        font-size: 36px;
        line-height: 46px
    }
}

@media screen and (max-width:767px) {
    .grid_wrapper {
        padding-left: 19px;
        padding-right: 19px
    }
}

.grid_wrapper.no_bottom_margin {
    margin-bottom: 0
}

.grid_wrapper.no_mobile {
    display: none!important
}

@media screen and (min-width:1024px) {
    .grid_wrapper.no_mobile {
        display: block!important
    }
}

.grid_wrapper.no_desktop {
    margin-bottom: -6px
}

@media screen and (min-width:1024px) {
    .grid_wrapper.no_desktop {
        display: none!important
    }
}

.grid_wrapper.tablet_up {
    display: none!important;
    padding-top: 100px
}

@media screen and (min-width:768px) {
    .grid_wrapper.tablet_up {
        display: block!important
    }
}

.grid_wrapper.tablet_up.module {
    padding-top: 0;
    padding-bottom: 0
}

.grid_wrapper.tablet_up--no-padding {
    display: none!important
}

@media screen and (min-width:768px) {
    .grid_wrapper.tablet_up--no-padding {
        display: block!important
    }
}

.grid_wrapper.no_tablet_up {
    display: block!important;
    padding-top: 100px
}

@media screen and (min-width:768px) {
    .grid_wrapper.no_tablet_up {
        display: none!important
    }
}

.grid_wrapper.no_tablet_up--no-padding {
    display: block!important
}

@media screen and (min-width:768px) {
    .grid_wrapper.no_tablet_up--no-padding {
        display: none!important
    }
}

.grid_wrapper.no_large_up {
    display: block!important
}

@media screen and (min-width:1024px) {
    .grid_wrapper.no_large_up {
        display: none!important
    }
}

.grid_wrapper.no_large_down--no-padding {
    display: none!important
}

@media screen and (min-width:1024px) {
    .grid_wrapper.no_large_down--no-padding {
        display: block!important
    }
}

.grid_wrapper.margin_fix {
    margin-bottom: 60px
}

@media screen and (min-width:768px) {
    .grid_wrapper.margin_fix {
        margin-bottom: 80px
    }
}

@media screen and (min-width:1024px) {
    .grid_wrapper.margin_fix {
        margin-bottom: 100px
    }
}

.grid-wrapper {
    float: none;
    clear: both;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 100%;
    padding-left: 72px;
    padding-right: 72px;
    margin-bottom: 0
}

.grid-wrapper:after {
    content: '';
    display: table;
    clear: both
}

/*.grid-wrapper h2 {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    text-transform: none;
    font-size: 50px;
    line-height: 60px;
    margin-bottom: 20px
}

.grid-wrapper p {
    font-size: 18px;
    line-height: 28px
}*/

@media screen and (max-width:1440px) {
    .grid-wrapper {
        padding-left: 58px;
        padding-right: 58px
    }
}

@media screen and (max-width:1279px) {
    .grid-wrapper {
        padding-left: 44px;
        padding-right: 44px
    }
    /*.grid-wrapper h2 {
        font-size: 42px;
        line-height: 52px
    }
    .grid-wrapper p {
        font-size: 16px;
        line-height: 26px
    }*/
}

@media screen and (max-width:1023px) {
    .grid-wrapper {
        padding-left: 36px;
        padding-right: 36px;
        margin-bottom: 0
    }
    /*.grid-wrapper h2 {
        font-size: 36px;
        line-height: 46px
    }*/
}

@media screen and (max-width:767px) {
    .grid-wrapper {
        padding-left: 19px;
        padding-right: 19px
    }
}

@media screen and (min-width:1024px) {
    .grid-wrapper--absolute {
        position: absolute
    }
}

.placeholder {
    float: none;
    clear: both;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 100%;
    padding-left: 72px;
    padding-right: 72px;
    margin-bottom: 100px;
    text-align: center
}

.placeholder:after {
    content: '';
    display: table;
    clear: both
}

.placeholder h2 {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    text-transform: none;
    font-size: 50px;
    line-height: 60px;
    margin-bottom: 20px
}

.placeholder p {
    font-size: 18px;
    line-height: 28px
}

@media screen and (max-width:1440px) {
    .placeholder {
        padding-left: 58px;
        padding-right: 58px
    }
}

@media screen and (max-width:1279px) {
    .placeholder {
        padding-left: 44px;
        padding-right: 44px
    }
    .placeholder h2 {
        font-size: 42px;
        line-height: 52px
    }
    .placeholder p {
        font-size: 16px;
        line-height: 26px
    }
}

@media screen and (max-width:1023px) {
    .placeholder {
        padding-left: 36px;
        padding-right: 36px;
        margin-bottom: 60px
    }
    .placeholder h2 {
        font-size: 36px;
        line-height: 46px
    }
}

@media screen and (max-width:767px) {
    .placeholder {
        padding-left: 19px;
        padding-right: 19px
    }
}

.placeholder h2,
.placeholder p {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%
}

.grid-container {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    display: grid;
    grid-gap: 24px
}

@media screen and (max-width:1023px) {
    .grid-container {
        grid-gap: 12px
    }
}

.section-wrapper {
    padding: 60px 0
}

.section-wrapper--tight {
    padding: 30px 0
}

.section-wrapper--no-top {
    padding-top: 0
}

.section-wrapper--no-bottom {
    padding-bottom: 0
}

.section-wrapper--grey {
    background-color: #f6f8fa
}

.section-wrapper--testimonials {
    padding: 80px 0 45px 0
}

.section-wrapper.margin_fix {
    margin-bottom: 60px
}

@media screen and (min-width:768px) {
    .section-wrapper.margin_fix {
        margin-bottom: 80px
    }
}

@media screen and (min-width:1024px) {
    .section-wrapper.margin_fix {
        margin-bottom: 100px
    }
}

@media screen and (min-width:768px) {
    .section-wrapper {
        padding: 80px 0
    }
    .section-wrapper--tight {
        padding: 30px
    }
    .section-wrapper--no-top {
        padding-top: 0
    }
    .section-wrapper--no-bottom {
        padding-bottom: 0
    }
    .section-wrapper--testimonials {
        padding: 100px 0 85px 0
    }
}

@media screen and (min-width:1024px) {
    .section-wrapper {
        padding: 100px 0
    }
    .section-wrapper--no-top {
        padding-top: 0
    }
    .section-wrapper--no-bottom {
        padding-bottom: 0
    }
    .section-wrapper--testimonials {
        padding: 100px 0 85px 0
    }
}

.keep-together {
    display: inline-block
}

.keep-alone {
    display: block
}

@media screen and (min-width:768px) {
    .m-break {
        display: block
    }
}

@media screen and (min-width:374px) {
    .s-break {
        display: block
    }
}

.s-break--reverse {
    display: block
}

@media screen and (min-width:374px) {
    .s-break--reverse {
        display: inherit
    }
}

@media screen and (min-width:374px) {
    .s-inline {
        display: inline
    }
}

@media screen and (min-width:768px) {
    .m-break {
        display: block
    }
}

@media screen and (min-width:768px) {
    .m-inline {
        display: inline
    }
}

@media screen and (min-width:1024px) {
    .l-break {
        display: block
    }
}

@media screen and (min-width:1024px) {
    .l-inline {
        display: inline
    }
}

@media screen and (min-width:1280px) {
    .xl-break {
        display: block
    }
}

@media screen and (min-width:1280px) {
    .xl-inline {
        display: inline
    }
}

@media screen and (min-width:1440px) {
    .xxl-break {
        display: block
    }
}

@media screen and (min-width:1440px) {
    .xxl-inline {
        display: inline
    }
}

[data-animate=fade_up],
[data-video=fade_up] {
    -webkit-transition: all 1s ease-out 0s;
    -moz-transition: all 1s ease-out 0s;
    -ms-transition: all 1s ease-out 0s;
    -o-transition: all 1s ease-out 0s;
    transition: all 1s ease-out 0s;
    position: relative;
    opacity: 0;
    top: 100px
}

[data-animate=fade_up].fade_up,
[data-video=fade_up].fade_up {
    opacity: 1;
    top: 0
}

@media screen and (max-width:1023px) {
    [data-animate=fade_up],
    [data-video=fade_up] {
        opacity: 1;
        top: 0
    }
}

@media screen and (min-width:1024px) {
    [data-animate=fade_up][data-wait-for-img=true],
    [data-video=fade_up][data-wait-for-img=true] {
        -webkit-transition: all 1s ease-out .7s;
        -moz-transition: all 1s ease-out .7s;
        -ms-transition: all 1s ease-out .7s;
        -o-transition: all 1s ease-out .7s;
        transition: all 1s ease-out .7s
    }
}

[data-animate=fade_down] {
    -webkit-transition: all 1s ease-out 0s;
    -moz-transition: all 1s ease-out 0s;
    -ms-transition: all 1s ease-out 0s;
    -o-transition: all 1s ease-out 0s;
    transition: all 1s ease-out 0s;
    position: relative;
    opacity: 0;
    top: -100px
}

[data-animate=fade_down].fade_down {
    opacity: 1;
    top: 0
}

[data-animate=image_grow] {
    overflow: hidden
}

[data-animate=image_grow] img {
    -webkit-transition: all 4s ease-out 0s;
    -moz-transition: all 4s ease-out 0s;
    -ms-transition: all 4s ease-out 0s;
    -o-transition: all 4s ease-out 0s;
    transition: all 4s ease-out 0s;
    transform: scale(1);
    max-width: none
}

[data-animate=image_grow].image_grow img {
    transform: scale(1.1)
}

[data-animate=image_shrink] {
    overflow: hidden
}

[data-animate=image_shrink] img {
    -webkit-transition: all 4s ease-out 0s;
    -moz-transition: all 4s ease-out 0s;
    -ms-transition: all 4s ease-out 0s;
    -o-transition: all 4s ease-out 0s;
    transition: all 4s ease-out 0s;
    transform: scale(2);
    max-width: none
}

[data-animate=image_shrink].image_shrink img {
    transform: scale(1)
}

@media screen and (min-width:1024px) {
    [data-animate=parallax-img] {
        transform: translateY(15%);
        -webkit-transition: transform .7s ease-in-out 0s;
        -moz-transition: transform .7s ease-in-out 0s;
        -ms-transition: transform .7s ease-in-out 0s;
        -o-transition: transform .7s ease-in-out 0s;
        transition: transform .7s ease-in-out 0s
    }
    [data-animate=parallax-img].parallax-img {
        transform: translateY(0)
    }
}

@media screen and (min-width:1024px) {
    [data-animate=parallax-img--large] {
        transform: translateY(30%);
        -webkit-transition: transform 2s cubic-bezier(.23, 1, .32, 1) 0s;
        -moz-transition: transform 2s cubic-bezier(.23, 1, .32, 1) 0s;
        -ms-transition: transform 2s cubic-bezier(.23, 1, .32, 1) 0s;
        -o-transition: transform 2s cubic-bezier(.23, 1, .32, 1) 0s;
        transition: transform 2s cubic-bezier(.23, 1, .32, 1) 0s
    }
    [data-animate=parallax-img--large].parallax-img--large {
        transform: translateY(0)
    }
}

.grid_pdp_detail .icons-block {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-top: 10px;
    transition-delay: .6s;
    clear: both
}

.grid_pdp_detail .icons-block .icon-block {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    font-family: Equip-ExtraLight, Helvetica, Arial, sans-serif;
    margin-bottom: 13px
}

.grid_pdp_detail .icons-block .icon-block .icon-img {
    width: 10%
}

.grid_pdp_detail .icons-block .icon-block .icon-img .icon {
    display: inline-block;
    margin-right: 15px;
    width: 24px;
    height: 24px;
    color: #424242
}

.grid_pdp_detail .icons-block .icon-block .icon-img .calender {
    background: url(calendar.svg);
    width: 30px;
    background-repeat: no-repeat
}

.grid_pdp_detail .icons-block .icon-block .icon-img .record {
    background: url(record.svg);
    width: 30px;
    background-repeat: no-repeat
}

.grid_pdp_detail .icons-block .icon-block .icon-img .infinity {
    background: url(infinity.svg);
    width: 30px;
    background-repeat: no-repeat
}

.grid_pdp_detail .icons-block .icon-block .icon-img .diy {
    background: url(diy.svg);
    width: 30px;
    background-repeat: no-repeat
}

.grid_pdp_detail .icons-block .icon-block .icon-img .arrows {
    background: url(arrows.svg);
    width: 30px;
    background-repeat: no-repeat
}

.grid_pdp_detail .icons-block .icon-block .icon-img .headset {
    background: url(headset.svg);
    width: 30px;
    background-repeat: no-repeat
}

.grid_pdp_detail .icons-block .icon-block .icon-img .card {
    background: url(card.svg);
    width: 30px;
    background-repeat: no-repeat
}

.grid_pdp_detail .icons-block .icon-block .icon-img .history {
    background: url(History.svg);
    width: 30px;
    background-repeat: no-repeat
}

.grid_pdp_detail .icons-block .icon-block .icon-img .warranty {
    background: url(warranty.svg);
    width: 30px;
    background-repeat: no-repeat
}

.grid_pdp_detail .icons-block .icon-block .icon-img-desc {
    width: 85%;
    text-align: left;
    font-size: 16px;
    font-family: Equip-ExtraLight, Helvetica, Arial, sans-serif;
    font-weight: 200;
    color: #424242;
    line-height: 1.63
}

.grid_pdp_detail .icons-block .icon-block .icon-img-desc button {
    margin-right: 20px;
    margin-bottom: 20px
}

.grid_pdp_detail .icons-block .icon-block .icon-img-desc button:hover {
    transform: translateY(-5px)
}

.grid_pdp_detail .icons-block .icon-block .icon-img-desc button.clear_play {
    position: relative;
    background: 0 0;
    width: auto;
    border: 1px solid #fff;
    padding-left: 50px
}

.grid_pdp_detail .icons-block .icon-block .icon-img-desc button.clear_play:hover {
    background: 0 0
}

.grid_pdp_detail .icons-block .icon-block .icon-img-desc button.blue_play {
    position: relative;
    background: #1998d5;
    width: auto;
    padding-left: 50px
}

.grid_pdp_detail .icons-block .icon-block .icon-img-desc button.blue_play:hover {
    background: #1998d5
}

@media screen and (max-width:599px) {
    .grid_pdp_detail .icons-block .icon-img-desc {
        font-size: 16px;
        line-height: 26px
    }
}

@media screen and (min-width:600px) {
    .grid_pdp_detail .icons-block .icon-img-desc {
        font-size: 16px;
        line-height: 23px
    }
}

@media screen and (min-width:1023px) {
    .grid_pdp_detail .icons-block .icon-img-desc {
        font-size: 16px;
        line-height: 26px
    }
}

@media screen and (min-width:1279px) {
    .grid_pdp_detail .icons-block {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        font-family: Equip-ExtraLight, Helvetica, Arial, sans-serif;
        margin-bottom: 20px
    }
    .grid_pdp_detail .icons-block .icon-img-desc {
        font-size: 18px!important;
        line-height: 27px!important
    }
}

@media screen and (max-width:1023px) {
    .grid_pdp_detail>div:nth-child(2) .icons-block {
        width: 50%;
        float: right
    }
}

@media screen and (max-width:767px) {
    .grid_pdp_detail>div:nth-child(2) .icons-block {
        width: 100%
    }
}

.page_business-security-solutions .grid_pdp_detail .icons-block .icon-block .icon-img .headset {
    margin-top: 5px
}

.page_business-security-solutions .grid_pdp_detail .icons-block .icon-block .icon-img .history {
    margin-top: 3px
}

.page_business-security-solutions .grid_pdp_detail .icons-block .icon-block .icon-img .warranty {
    margin-top: 1px
}

.grid_pdp_detail .did-you-know-block {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding-top: 20px;
    transition-delay: .6s
}

.grid_pdp_detail .did-you-know-block a.watch_video {
    color: #1998d5;
    font-size: 18px;
    margin-right: 30px;
    padding-left: 0
}

.grid_pdp_detail .did-you-know-block a.watch_video:before {
    content: '';
    width: 27px;
    height: 27px;
    display: inline-block;
    margin-right: 10px;
    vertical-align: -30%;
    background: url(https://cdn.shopify.com/s/files/1/2922/1686/files/play_blue.png?17999311727164848333) center center no-repeat;
    background-size: contain
}

.grid_pdp_detail .did-you-know-block a.did_you_know {
    color: #1998d5;
    font-size: 18px;
    padding-left: 0
}

.grid_pdp_detail .did-you-know-block a.did_you_know .did_you_know__question {
    display: none
}

.grid_pdp_detail .did-you-know-block a.did_you_know .did_you_know__question.active {
    display: inline-block
}

.grid_pdp_detail .did-you-know-block a.did_you_know .did_you_know__info {
    content: '';
    width: 27px;
    height: 27px;
    display: inline-block;
    margin-right: 10px;
    vertical-align: -30%;
    background: url(https://cdn.shopify.com/s/files/1/0019/7849/9145/files/Information.svg?5645) center center no-repeat;
    background-size: contain
}

.grid_pdp_detail .did-you-know-block a.did_you_know .did_you_know__answer {
    display: none;
    position: absolute;
    top: 1;
    left: 34px;
    width: 230px;
    border-radius: 10px;
    background: #fafbfc;
    color: #788188;
    padding: 20px;
    font-size: 15px;
    line-height: 20px
}

.grid_pdp_detail .did-you-know-block a.did_you_know .did_you_know__answer.active {
    display: inline-flex
}

.grid_pdp_detail .did-you-know-block a.did_you_know .did_you_know__close {
    position: absolute;
    display: inline-block;
    content: '';
    top: 0;
    width: 27px;
    height: 27px;
    left: -34px;
    background: #fff url(https://cdn.shopify.com/s/files/1/0019/7849/9145/files/Close2.svg?5694) center center no-repeat;
    background-size: contain
}

@media screen and (max-width:1279px) {
    .grid_pdp_detail a.watch_video {
        font-size: 16px!important;
        margin-right: 25px!important
    }
    .grid_pdp_detail a.watch_video:before {
        width: 24px!important;
        height: 24px!important
    }
    .grid_pdp_detail a.did_you_know {
        font-size: 16px!important
    }
    .grid_pdp_detail a.did_you_know .did_you_know__info {
        width: 24px!important;
        height: 24px!important
    }
    .grid_pdp_detail a.did_you_know .did_you_know__close {
        width: 24px!important;
        height: 24px!important
    }
    .grid_pdp_detail a.did_you_know .did_you_know__answer {
        position: relative!important;
        width: 140px!important;
        font-size: 14px!important
    }
}

@media screen and (max-width:1023px) {
    .grid_pdp_detail a.watch_video {
        font-size: 16px!important;
        margin-right: 25px!important
    }
    .grid_pdp_detail a.watch_video:before {
        width: 24px!important;
        height: 24px!important
    }
    .grid_pdp_detail a.did_you_know {
        font-size: 16px!important
    }
    .grid_pdp_detail a.did_you_know .did_you_know__info {
        width: 24px!important;
        height: 24px!important
    }
    .grid_pdp_detail a.did_you_know .did_you_know__close {
        width: 24px!important;
        height: 24px!important
    }
    .grid_pdp_detail a.did_you_know .did_you_know__answer {
        position: relative!important;
        width: 150px!important;
        font-size: 14px!important
    }
    .grid_pdp_detail>div:nth-child(2) .did-you-know-block {
        width: 50%;
        float: right
    }
}

@media screen and (max-width:767px) {
    .grid_pdp_detail a.did_you_know .did_you_know__answer {
        width: 130px!important
    }
    .grid_pdp_detail>div:nth-child(2) .did-you-know-block {
        width: 100%
    }
}

@media screen and (max-width:375px) {
    .grid_pdp_detail a.watch_video {
        margin-right: 0!important
    }
    .grid_pdp_detail a.watch_video:before {
        margin-right: 8px!important
    }
    .grid_pdp_detail a.did_you_know .did_you_know__answer {
        width: 120px!important
    }
    .grid_pdp_detail a.did_you_know .did_you_know__info {
        margin-right: 8px!important
    }
}

.grid_pdp_detail {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    display: grid;
    grid-gap: 24px;
    align-items: center;
    grid-template-columns: repeat(12, 1fr);
    grid-template-areas: 'image image image image image image . copy copy copy copy .'
}

@media screen and (max-width:1023px) {
    .grid_pdp_detail {
        grid-gap: 12px
    }
}

.grid_pdp_detail h2 {
    color: #424242
}

.grid_pdp_detail .button.grid_pdp_detail__cta {
    display: none;
    margin-top: 30px;
    letter-spacing: initial
}

@media screen and (min-width:1280px) {
    .grid_pdp_detail .button.grid_pdp_detail__cta {
        display: inline-block;
        letter-spacing: initial
    }
}

.grid_pdp_detail .grid_pdp_detail__disclaimer {
    display: none;
    margin-top: 17px;
    font-family: Equip-ExtraLight, Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #4c4c4c
}

@media screen and (min-width:1280px) {
    .grid_pdp_detail .grid_pdp_detail__disclaimer {
        display: inline-block
    }
}

.grid_pdp_detail.large_content {
    align-items: flex-start
}

@media screen and (max-width:1023px) and (min-width:769px) {
    .grid_pdp_detail.rfb_fit>div:nth-child(2) {
        display: flex
    }
    .grid_pdp_detail.rfb_fit>div:nth-child(2)>div {
        width: 50%;
        padding-top: 0
    }
    .grid_pdp_detail.rfb_fit>div:nth-child(2)>div h2 {
        width: initial
    }
}

.grid_pdp_detail.press {
    margin-top: 60px;
    grid-template-areas: '. . image image image . copy copy copy copy copy .';
    grid-template-areas: '. . image image image . copy copy copy copy copy .'
}

@media screen and (min-width:1024px) {
    .grid_pdp_detail.press {
        padding-top: 100px
    }
}

.grid_pdp_detail.press>div:nth-child(1) {
    grid-area: image;
    display: flex;
    justify-content: center
}

.grid_pdp_detail.press>div:nth-child(1) img {
    align-self: center;
    max-width: 300px
}

.grid_pdp_detail.press>div:nth-child(2) {
    height: 100%
}

.grid_pdp_detail.press>div:nth-child(2) ul {
    display: grid;
    height: 90%;
    align-items: center
}

.grid_pdp_detail.press>div:nth-child(2) ul .grid_indicators {
    clear: both;
    float: none;
    width: 100%;
    max-width: 100%;
    margin-top: 0;
    position: absolute
}

@media screen and (max-width:767px) {
    .grid_pdp_detail.press>div:nth-child(2) ul .grid_indicators {
        top: calc(50% + 55px)
    }
}

.grid_pdp_detail.press>div:nth-child(2) p {
    font-family: Equip-Thin, Helvetica, Arial, sans-serif;
    color: #424242;
    font-size: 32px;
    line-height: 42px
}

.grid_pdp_detail.press>div:nth-child(2) p:first-child {
    margin-bottom: 12%
}

.grid_pdp_detail.press>div:nth-child(2) p img {
    width: 50%
}

@media screen and (max-width:1050px) {
    .grid_pdp_detail.press>div:nth-child(2) p {
        font-size: 18px;
        line-height: 28px;
        width: 100%
    }
    .grid_pdp_detail.press>div:nth-child(2) p:first-child {
        margin-bottom: 15px
    }
    .grid_pdp_detail.press>div:nth-child(2) p img {
        width: 45%;
        max-width: 230px
    }
}

@media screen and (max-width:1023px) {
    .grid_pdp_detail.press {
        grid-template-columns: repeat(12, 1fr)
    }
    .grid_pdp_detail.press>div:nth-child(1) img {
        margin: 0
    }
    .grid_pdp_detail.press>div:nth-child(2) p:first-child.no_margin_bottom {
        margin-bottom: 0
    }
}

@media screen and (max-width:767px) {
    .grid_pdp_detail.press {
        grid-template-columns: 1fr;
        grid-template-areas: 'copy' 'image'
    }
    .grid_pdp_detail.press>div:nth-child(1) {
        display: grid;
        grid-template-columns: repeat(12, 1fr);
        grid-template-areas: '. . . image image image image image image . . .'
    }
    .grid_pdp_detail.press>div:nth-child(1) img {
        grid-area: image
    }
    .grid_pdp_detail.press>div:nth-child(2) img {
        grid-area: image
    }
    .grid_pdp_detail.press>div:nth-child(2) ul,
    .grid_pdp_detail.press>div:nth-child(2)>div {
        grid-area: copy
    }
    .grid_pdp_detail.press>div:nth-child(2) li {
        position: relative;
        min-height: 200px
    }
}

@media screen and (max-width:1023px) {
    .grid_pdp_detail.has_slide_cta .plp_button {
        padding-left: calc(50% + (12px/2))
    }
    .grid_pdp_detail.has_slide_cta .plp_button button {
        width: 200px;
        height: 50px
    }
}

@media screen and (max-width:767px) {
    .grid_pdp_detail.has_slide_cta .plp_button {
        padding-left: 0
    }
    .grid_pdp_detail.has_slide_cta .plp_button button {
        width: initial;
        height: initial
    }
}

.grid_pdp_detail.app-hand>div:nth-child(1) {
    align-self: baseline
}

.grid_pdp_detail.app-hand>div.copy {
    height: 100%
}

.grid_pdp_detail.app-hand>div.copy p {
    padding-left: 0
}

.grid_pdp_detail.app-hand>div.copy ul {
    top: 15%;
    max-width: 400px
}

@media screen and (max-width:800px) {
    .grid_pdp_detail.app-hand>div.copy ul {
        top: 0
    }
}

.grid_pdp_detail.app-hand>div.copy li {
    position: relative
}

.grid_pdp_detail.app-hand>div.copy li h2 {
    margin-bottom: 40px
}

@media screen and (max-width:800px) {
    .grid_pdp_detail.app-hand>div.copy li h2 {
        margin-bottom: 20px
    }
}

.grid_pdp_detail.app-hand>div.copy li div,
.grid_pdp_detail.app-hand>div.copy li p {
    display: inline-block
}

.grid_pdp_detail.app-hand>div.copy .grid_circular-indicators {
    width: 100%;
    max-width: 400px;
    left: -13px;
    margin-top: 10px
}

.grid_pdp_detail.app-hand>div.copy .grid_circular-indicators .grid_circular-indicators__title {
    bottom: -80px
}

.grid_pdp_detail.app-hand>div>ul.images .images-mask {
    position: absolute;
    z-index: 5
}

.grid_pdp_detail.app-hand>div>ul.images>li {
    padding: 0 27.5% 0 22.5%
}

@media screen and (max-width:767px) {
    .grid_pdp_detail.app-hand {
        padding-bottom: inherit
    }
    .grid_pdp_detail.app-hand>div:nth-child(1) {
        grid-area: copy
    }
    .grid_pdp_detail.app-hand>div.copy {
        grid-area: image;
        padding-bottom: 20px
    }
    .grid_pdp_detail.app-hand>div>ul.images>li {
        padding: inherit
    }
}

.grid_pdp_detail.txt_left {
    grid-template-areas: '. copy copy copy copy . image image image image image image'
}

.grid_pdp_detail .detail__subtitle {
    margin-bottom: 10px;
    font-family: Equip-Medium, Helvetica, Arial, sans-serif
}

.grid_pdp_detail>div .icon {
    display: inline-block;
    margin-right: 15px;
    width: 24px;
    height: 24px
}

.grid_pdp_detail>div .monitoring_history {
    background: url(History.svg) no-repeat;
    background-size: 24px 24px;
    background-position: center
}

.grid_pdp_detail>div .monitoring_RingConnect {
    background: url(RingConnect.svg) no-repeat;
    background-size: 24px 24px;
    background-position: center
}

.grid_pdp_detail>div .monitoring_cart {
    background: url(Cart.svg) no-repeat;
    background-size: 24px 24px;
    background-position: center
}

.grid_pdp_detail>div .monitoring_lock {
    background: url(Lock.svg) no-repeat;
    background-size: 24px 24px;
    background-position: center
}

.grid_pdp_detail>div .monitoring_openLock {
    background: url(openLock.svg) no-repeat;
    background-size: 24px 24px;
    background-position: center
}

.grid_pdp_detail>div .icon_hd {
    background: url(HD.svg) no-repeat;
    background-size: 24px 24px;
    background-position: center
}

.grid_pdp_detail>div .icon_motion_activated_notifications {
    background: url(activated_notifications.svg) no-repeat;
    background-size: 24px 24px;
    background-position: center
}

.grid_pdp_detail>div .icon_twoway_talk {
    background: url(TwoWayTalk.svg) no-repeat;
    background-size: 24px 24px;
    background-position: center
}

.grid_pdp_detail>div .icon_battery {
    background: url(icon_battery.svg) no-repeat;
    background-size: 24px 24px;
    background-position: center
}

.grid_pdp_detail>div .monitoring_water {
    background: url(Water.svg) no-repeat;
    background-size: 24px 24px;
    background-position: center
}

.grid_pdp_detail>div .monitoring_co {
    background: url(CO.svg) no-repeat;
    background-size: 24px 24px;
    background-position: center
}

.grid_pdp_detail>div:nth-child(1) {
    grid-area: image
}

.grid_pdp_detail>div:nth-child(1) img {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%
}

.grid_pdp_detail>div:nth-child(2) {
    grid-area: copy
}

.grid_pdp_detail>div:nth-child(2) p:not(.detail__subtitle) {
    font-family: Equip-ExtraLight, Helvetica, Arial, sans-serif
}

.grid_pdp_detail>div:nth-child(2) p {
    color: #424242
}

.grid_pdp_detail>div .upper_title {
    font-family: Equip-Medium, Helvetica, Arial, sans-serif;
    font-size: 18px;
    color: #424242;
    margin-bottom: 10px
}

.grid_pdp_detail>div>ul.text {
    position: relative;
    width: 100%
}

.grid_pdp_detail>div>ul.text>li {
    position: absolute;
    display: none
}

.grid_pdp_detail>div>ul.text>li.active {
    display: block
}

.grid_pdp_detail>div>ul.images {
    position: relative
}

.grid_pdp_detail>div>ul.images>li {
    position: absolute;
    display: none;
    top: 0;
    left: 0
}

.grid_pdp_detail>div>ul.images>li.active {
    position: relative;
    display: block;
    z-index: 2
}

.grid_pdp_detail>div>ul.images>li.transition-off {
    z-index: 1
}

.grid_pdp_detail>div>ul.images>li.transition-off img {
    -webkit-clip-path: none;
    clip-path: none
}

.grid_pdp_detail>div>ul.images>li.transition-on {
    z-index: 2;
    display: block
}

.grid_pdp_detail>div>ul.images>li.transition-on img {
    animation: reveal_slide .5s ease-in-out
}

@media screen and (max-width:1023px) {
    .grid_pdp_detail {
        grid-template-columns: 1fr;
        grid-template-areas: 'image' 'copy'
    }
    .grid_pdp_detail.txt_left {
        grid-template-areas: 'image' 'copy'
    }
    .grid_pdp_detail>div:nth-child(1) img {
        margin-bottom: 15px
    }
    .grid_pdp_detail>div:nth-child(1) img.no_bottom_margin {
        margin-bottom: 0
    }
    .grid_pdp_detail>div:nth-child(2) a,
    .grid_pdp_detail>div:nth-child(2) h2,
    .grid_pdp_detail>div:nth-child(2) p {
        clear: none;
        float: left;
        width: 50%
    }
    .grid_pdp_detail>div:nth-child(2) h2 {
        padding-right: 8.33333%
    }
    .grid_pdp_detail>div:nth-child(2) h2.has-badge {
        position: relative;
        top: 40px
    }
    .grid_pdp_detail>div:nth-child(2) .icons-block,
    .grid_pdp_detail>div:nth-child(2) a,
    .grid_pdp_detail>div:nth-child(2) p {
        padding-left: calc(12px / 2)
    }
}

@media screen and (max-width:767px) {
    .grid_pdp_detail:not(.large_content)>div:nth-child(2) h2,
    .grid_pdp_detail:not(.large_content)>div:nth-child(2) p {
        clear: both;
        float: left;
        width: 100%;
        max-width: 100%;
        padding: 0;
        margin-bottom: 4px
    }
    .grid_pdp_detail:not(.large_content)>div:nth-child(2) h2.has-badge {
        position: static
    }
}

@media screen and (min-width:768px) {
    .grid_pdp_detail.app-hand {
        grid-template-columns: repeat(12, 1fr);
        grid-template-areas: 'image image image image image image . copy copy copy copy .'
    }
    .grid_pdp_detail.app-hand>div:nth-child(1) {
        grid-area: image
    }
    .grid_pdp_detail.app-hand>div:nth-child(2) {
        grid-area: copy;
        position: relative
    }
    .grid_pdp_detail.app-hand>div:nth-child(2) h2,
    .grid_pdp_detail.app-hand>div:nth-child(2) p {
        width: 100%
    }
    .grid_pdp_detail.app-hand>div:nth-child(2) h2 {
        padding-right: 0
    }
    .grid_pdp_detail.app-hand>div:nth-child(2) .grid_circular-indicators {
        position: absolute
    }
}

.grid-pdp-detail__cta {
    width: auto!important;
    padding-left: 0!important
}

@media screen and (min-width:768px) {
    .grid-pdp-detail__cta {
        position: absolute;
        left: 36px;
        margin-top: 20px
    }
}

@media screen and (min-width:1024px) {
    .grid-pdp-detail__cta {
        position: static;
        margin-top: 0
    }
}

.grid-pdp-detail__badge {
    float: none;
    display: inline-block
}

@media screen and (min-width:768px) {
    .grid-pdp-detail__badge {
        position: absolute
    }
}

@media screen and (min-width:1024px) {
    .grid-pdp-detail__badge {
        position: static
    }
}

.grid_indicators {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    margin-top: 60px
}

@media screen and (min-width:1023px) {
    .grid_indicators.no_desktop {
        display: none
    }
}

@media screen and (max-width:767px) {
    .grid_indicators.no_desktop .grid_indicators {
        position: absolute
    }
}

@media screen and (max-width:1023px) {
    .grid_indicators.app_hand {
        padding-left: initial
    }
}

.grid_indicators.grid_indicators--5>div {
    width: 15%
}

.grid_indicators>div {
    width: 100%;
    max-width: 60px;
    display: inline-block;
    position: relative;
    height: 10px;
    margin-right: 10px;
    cursor: pointer
}

.grid_indicators>div:before {
    content: '';
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    width: 100%;
    height: 2px;
    background: #e0e0e0
}

.grid_indicators>div>div {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    height: 2px;
    background: #1998d5
}

@media screen and (max-width:1023px) {
    .grid_indicators {
        margin-top: 30px;
        padding-left: calc(50% + (12px/2))
    }
    .grid_indicators.press {
        padding-left: initial
    }
}

@media screen and (max-width:767px) {
    .grid_indicators {
        padding-left: 0
    }
}

@keyframes reveal_slide {
    0% {
        -webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
        clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%)
    }
    100% {
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
    }
}

.grid_how_it_works {
    float: none;
    clear: both;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 1600px;
    padding-left: 72px;
    padding-right: 72px;
    margin-bottom: 100px;
    text-align: center;
    background: #f6f8fa;
    padding-top: 100px;
    padding-bottom: 100px;
    margin-bottom: 100px
}

.grid_how_it_works:after {
    content: '';
    display: table;
    clear: both
}

.grid_how_it_works h2 {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    text-transform: none;
    font-size: 50px;
    line-height: 60px;
    margin-bottom: 20px
}

.grid_how_it_works p {
    font-size: 18px;
    line-height: 28px
}

@media screen and (max-width:1440px) {
    .grid_how_it_works {
        padding-left: 58px;
        padding-right: 58px
    }
}

@media screen and (max-width:1279px) {
    .grid_how_it_works {
        padding-left: 44px;
        padding-right: 44px
    }
    .grid_how_it_works h2 {
        font-size: 42px;
        line-height: 52px
    }
    .grid_how_it_works p {
        font-size: 16px;
        line-height: 26px
    }
}

@media screen and (max-width:1023px) {
    .grid_how_it_works {
        padding-left: 36px;
        padding-right: 36px;
        margin-bottom: 60px
    }
    .grid_how_it_works h2 {
        font-size: 36px;
        line-height: 46px
    }
}

@media screen and (max-width:767px) {
    .grid_how_it_works {
        padding-left: 19px;
        padding-right: 19px
    }
}

.grid_how_it_works.has_video {
    background: #f8f9fc
}

.grid_how_it_works.grid_slider {
    background: #f9fafc
}

.grid_how_it_works .no_mobile {
    display: none
}

@media screen and (min-width:1024px) {
    .grid_how_it_works .no_mobile {
        display: initial
    }
}

@media screen and (min-width:1024px) {
    .grid_how_it_works .no_desktop {
        display: none
    }
}

.grid_how_it_works.no_margin {
    margin-bottom: 0
}

.grid_how_it_works>div:nth-child(1) {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%
}

.grid_how_it_works h2 {
    margin-bottom: 50px;
    color: #424242
}

@media screen and (max-width:1023px) {
    .grid_how_it_works {
        margin-bottom: 60px;
        padding: 80px 0
    }
    .grid_how_it_works h2 {
        padding-left: 36px;
        padding-right: 36px
    }
}

@media screen and (max-width:767px) {
    .grid_how_it_works {
        padding: 60px 0;
        text-align: left
    }
    .grid_how_it_works h2 {
        margin-bottom: 20px;
        padding-left: 19px;
        padding-right: 19px
    }
}

.grid_slider.grid_slider--rfb .content_title,
.grid_slider.grid_slider--rfb .upper_title {
    color: #424242;
    margin-left: 6.5%
}

.grid_slider.grid_slider--rfb .upper_title {
    font-family: Equip-Medium, Helvetica, Arial, sans-serif;
    font-size: 16px;
    margin-bottom: 10px
}

.grid_slider.grid_slider--rfb .content_title {
    font-family: Equip-Thin, Helvetica, Arial, sans-serif;
    font-size: 32px;
    margin-bottom: 20px
}

.grid_slider.grid_slider--rfb .slide_wrapper .slide_container ul>li p {
    font-size: 16px;
    font-family: Equip-ExtraLight, Helvetica, Arial, sans-serif
}

@media screen and (min-width:768px) {
    .grid_slider.grid_slider--rfb .slide_wrapper .slide_container ul>li p {
        font-size: 18px;
        line-height: 28px
    }
}

.grid_slider.grid_slider--rfb .slide_wrapper .slide_container ul>li p b {
    display: block;
    margin-bottom: .8em;
    font-size: 13px
}

@media screen and (min-width:768px) {
    .grid_slider.grid_slider--rfb .slide_wrapper .slide_container ul>li p b {
        font-size: 16px;
        line-height: 26px
    }
}

.grid_slider .slide_wrapper {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%
}

.grid_slider .slide_wrapper .slide_container {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%
}

.grid_slider .slide_wrapper .slide_container ul {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    width: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    justify-content: flex-start;
    justify-content: space-evenly
}

@supports (-ms-ime-align:auto) {
    .grid_slider .slide_wrapper .slide_container ul {
        justify-content: space-around
    }
}

@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
    .grid_slider .slide_wrapper .slide_container ul {
        justify-content: space-between
    }
}

.grid_slider .slide_wrapper .slide_container ul>li {
    width: calc(25% - 24px)
}

.grid_slider .slide_wrapper .slide_container ul>li b,
.grid_slider .slide_wrapper .slide_container ul>li div.p,
.grid_slider .slide_wrapper .slide_container ul>li p {
    color: #424242
}

.grid_slider .slide_wrapper .slide_container ul>li a {
    text-decoration: underline
}

.grid_slider .slide_wrapper .slide_container ul>li div.p,
.grid_slider .slide_wrapper .slide_container ul>li p {
    font-weight: 200
}

.grid_slider .slide_wrapper .slide_container ul>li img,
.grid_slider .slide_wrapper .slide_container ul>li video {
    margin-bottom: 40px
}

.grid_slider .slide_wrapper .slide_container ul>li video {
    width: 100%
}

.grid_slider .slider-dots {
    position: relative;
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    text-align: center;
    display: none;
    margin: 8.33333% 0 0;
    z-index: 2
}

.grid_slider .slider-dots>div {
    -webkit-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 6px;
    background: #e0e0e0;
    border: 2px solid transparent;
    cursor: pointer
}

.grid_slider .slider-dots>div.active {
    border-color: #1998d5;
    background: 0 0
}

@media screen and (max-width:1279px) {
    .grid_slider .slide_wrapper {
        padding-left: 36px;
        padding-right: 36px
    }
    .grid_slider .slide_wrapper .slide_container ul>li {
        width: calc(33.33333% - 24px)
    }
    .grid_slider .slide_wrapper .slide_container ul>li div.p,
    .grid_slider .slide_wrapper .slide_container ul>li p {
        padding: 0 10px
    }
}

@media screen and (max-width:767px) {
    .grid_slider .slide_wrapper {
        width: 100%;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-flow: row wrap;
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        justify-content: flex-start;
        padding-left: 0;
        padding-right: 0;
        align-items: stretch
    }
    .grid_slider .slide_wrapper .slide_container {
        flex: 1;
        overflow: hidden;
        max-width: none
    }
    .grid_slider .slide_wrapper .slide_container.full_image ul>li>div img {
        padding: 0;
        margin-bottom: 0
    }
    .grid_slider .slide_wrapper .slide_container ul {
        display: block;
        -webkit-align-items: none;
        -ms-align-items: none;
        align-items: none;
        -webkit-justify-content: none;
        -ms-justify-content: none;
        justify-content: none;
        flex: none;
        float: none;
        list-style-type: none;
        white-space: nowrap;
        transition: transform .5s ease-in-out;
        max-width: none;
        width: auto
    }
    .grid_slider .slide_wrapper .slide_container ul>li {
        float: none;
        display: inline-block;
        width: 100%;
        vertical-align: top;
        margin-right: calc(-16.66667% + (12px/2));
        padding: 10px calc(16.66667% - 12px) 10px calc(8.33333% - 12px)
    }
    .grid_slider .slide_wrapper .slide_container ul>li>div {
        white-space: normal;
        -webkit-border-radius: 12px;
        -ms-border-radius: 12px;
        border-radius: 12px;
        box-shadow: 0 0 6px 0 rgba(0, 0, 0, .15);
        overflow: hidden
    }
    .grid_slider .slide_wrapper .slide_container ul>li>div img,
    .grid_slider .slide_wrapper .slide_container ul>li>div video {
        padding: 10px 30px 0;
        margin-bottom: 10px
    }
    .grid_slider .slide_wrapper .slide_container ul>li>div div.p,
    .grid_slider .slide_wrapper .slide_container ul>li>div p {
        padding: 30px;
        background: #fff
    }
    .grid_slider .slide_wrapper .slide_container ul>li>div [data-animate=fade_up] {
        top: 0;
        opacity: 1
    }
    .grid_slider .slider-dots {
        display: block
    }
}

@media screen and (max-width:1023px) {
    .grid_slider.grid_slider--rfb .slide_wrapper {
        width: 100%;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-flow: row wrap;
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        justify-content: flex-start;
        padding-left: 0;
        padding-right: 0;
        align-items: stretch
    }
    .grid_slider.grid_slider--rfb .slide_wrapper .slide_container {
        flex: 1;
        overflow: hidden;
        max-width: none
    }
    .grid_slider.grid_slider--rfb .slide_wrapper .slide_container.full_image ul>li>div img {
        padding: 0;
        margin-bottom: 0
    }
    .grid_slider.grid_slider--rfb .slide_wrapper .slide_container ul {
        display: block;
        -webkit-align-items: none;
        -ms-align-items: none;
        align-items: none;
        -webkit-justify-content: none;
        -ms-justify-content: none;
        justify-content: none;
        flex: none;
        float: none;
        list-style-type: none;
        white-space: nowrap;
        transition: transform .5s ease-in-out;
        max-width: none;
        width: auto
    }
    .grid_slider.grid_slider--rfb .slide_wrapper .slide_container ul>li {
        float: none;
        display: inline-block;
        width: 100%;
        vertical-align: top;
        margin-right: calc(-16.66667% + (12px/2));
        padding: 10px calc(16.66667% - 12px) 10px calc(8.33333% - 12px)
    }
    .grid_slider.grid_slider--rfb .slide_wrapper .slide_container ul>li>div {
        white-space: normal;
        -webkit-border-radius: 12px;
        -ms-border-radius: 12px;
        border-radius: 12px;
        box-shadow: 0 0 6px 0 rgba(0, 0, 0, .15);
        overflow: hidden
    }
    .grid_slider.grid_slider--rfb .slide_wrapper .slide_container ul>li>div img,
    .grid_slider.grid_slider--rfb .slide_wrapper .slide_container ul>li>div video {
        padding: 10px 30px 0;
        margin-bottom: 10px
    }
    .grid_slider.grid_slider--rfb .slide_wrapper .slide_container ul>li>div div.p,
    .grid_slider.grid_slider--rfb .slide_wrapper .slide_container ul>li>div p {
        padding: 30px;
        background: #fff
    }
    .grid_slider.grid_slider--rfb .slide_wrapper .slide_container ul>li>div [data-animate=fade_up] {
        top: 0;
        opacity: 1
    }
    .grid_slider.grid_slider--rfb .slider-dots {
        display: block
    }
}

.grid_video_hero {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    position: relative;
    overflow: hidden
}

.grid_video_hero .video {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%
}

.grid_video_hero .video video {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%
}

.grid_video_hero .copy {
    float: none;
    clear: both;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: false;
    padding-left: 72px;
    padding-right: 72px;
    margin-bottom: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2
}

.grid_video_hero .copy:after {
    content: '';
    display: table;
    clear: both
}

.grid_video_hero .copy h2 {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    text-transform: none;
    font-size: 50px;
    line-height: 60px;
    margin-bottom: 20px
}

.grid_video_hero .copy p {
    font-size: 18px;
    line-height: 28px
}

@media screen and (max-width:1440px) {
    .grid_video_hero .copy {
        padding-left: 58px;
        padding-right: 58px
    }
}

@media screen and (max-width:1279px) {
    .grid_video_hero .copy {
        padding-left: 44px;
        padding-right: 44px
    }
    .grid_video_hero .copy h2 {
        font-size: 42px;
        line-height: 52px
    }
    .grid_video_hero .copy p {
        font-size: 16px;
        line-height: 26px
    }
}

@media screen and (max-width:1023px) {
    .grid_video_hero .copy {
        padding-left: 36px;
        padding-right: 36px;
        margin-bottom: 0
    }
    .grid_video_hero .copy h2 {
        font-size: 36px;
        line-height: 46px
    }
}

@media screen and (max-width:767px) {
    .grid_video_hero .copy {
        padding-left: 19px;
        padding-right: 19px
    }
}

.grid_video_hero .copy h1,
.grid_video_hero .copy h3,
.grid_video_hero .copy p {
    color: #333
}

.grid_video_hero .copy.white * {
    color: #fff
}

.grid_video_hero .copy h1 {
    font-family: Equip-Medium, Helvetica, Arial, sans-serif;
    margin-bottom: 20px;
    font-size: 20px
}

.grid_video_hero .copy h3 {
    font-family: Equip-ExtraLight, Helvetica, Arial, sans-serif;
    font-size: 50px;
    line-height: 60px;
    margin-bottom: 30px;
    font-weight: 200
}

.grid_video_hero .copy button {
    margin-right: 20px;
    margin-bottom: 20px
}

.grid_video_hero .copy button:hover {
    transform: translateY(-5px)
}

.grid_video_hero .copy button.blue_play {
    position: relative;
    background: #1998d5;
    width: auto;
    padding-left: 50px;
    padding-right: 25px
}

.grid_video_hero .copy button.blue_play:hover {
    background: #1998d5
}

@media screen and (max-width:1279px) {
    .grid_video_hero .copy h3 {
        font-size: 42px;
        line-height: 52px
    }
}

@media screen and (max-width:1023px) {
    .grid_video_hero .copy {
        top: auto;
        left: auto;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        position: relative;
        margin: 50px auto 30px
    }
    .grid_video_hero .copy.white * {
        color: #424242
    }
    .grid_video_hero .copy.white button {
        color: #fff
    }
    .grid_video_hero .copy.white button * {
        color: #fff
    }
    .grid_video_hero .copy h1 {
        font-size: 18px;
        margin-bottom: 10px
    }
    .grid_video_hero .copy h3 {
        font-size: 36px;
        line-height: 46px;
        margin-bottom: 25px
    }
    .grid_video_hero .video {
        position: relative;
        height: 78vw;
        overflow: hidden
    }
    .grid_video_hero .video video {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        max-width: none;
        min-width: 100%;
        min-height: 100%;
        width: auto;
        height: auto;
        z-index: 0
    }
}

@media screen and (max-width:767px) {
    .grid_video_hero .copy {
        margin-bottom: 10px
    }
    .grid_video_hero .copy h3 {
        margin-bottom: 15px
    }
    .grid_video_hero .copy button {
        margin-right: 10px
    }
    .grid_video_hero .video {
        height: 115vw
    }
}

.grid_video_hero .video-then-image {
    position: relative
}

.grid_video_hero .video-then-image img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%
}

.grid_video_widget {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    position: relative;
    overflow: hidden;
    margin-bottom: 100px;
    background-color: #fdfdfd
}

.grid_video_widget.no_margin {
    margin-bottom: 0
}

.grid_video_widget .video {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 115px
}

.grid_video_widget .video.overlay:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .9)
}

.grid_video_widget .video img,
.grid_video_widget .video video {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%
}

.grid_video_widget .copy {
    float: none;
    clear: both;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: false;
    padding-left: 72px;
    padding-right: 72px;
    margin-bottom: 0;
    position: absolute;
    padding-top: 100px;
    z-index: 2
}

.grid_video_widget .copy:after {
    content: '';
    display: table;
    clear: both
}

.grid_video_widget .copy h2 {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    text-transform: none;
    font-size: 50px;
    line-height: 60px;
    margin-bottom: 20px
}

.grid_video_widget .copy p {
    font-size: 18px;
    line-height: 28px
}

@media screen and (max-width:1440px) {
    .grid_video_widget .copy {
        padding-left: 58px;
        padding-right: 58px
    }
}

@media screen and (max-width:1279px) {
    .grid_video_widget .copy {
        padding-left: 44px;
        padding-right: 44px
    }
    .grid_video_widget .copy h2 {
        font-size: 42px;
        line-height: 52px
    }
    .grid_video_widget .copy p {
        font-size: 16px;
        line-height: 26px
    }
}

@media screen and (max-width:1023px) {
    .grid_video_widget .copy {
        padding-left: 36px;
        padding-right: 36px;
        margin-bottom: 0
    }
    .grid_video_widget .copy h2 {
        font-size: 36px;
        line-height: 46px
    }
}

@media screen and (max-width:767px) {
    .grid_video_widget .copy {
        padding-left: 19px;
        padding-right: 19px
    }
}

.grid_video_widget .copy>* {
    width: 100%;
    max-width: 315px;
    color: #424242
}

.grid_video_widget .copy.white>* {
    color: #fff
}

.grid_video_widget .copy h2 {
    font-size: 50px;
    line-height: 60px;
    margin-bottom: 15px
}

.grid_video_widget .copy button {
    margin-right: 20px;
    margin-bottom: 20px
}

.grid_video_widget .copy button:hover {
    transform: translateY(-5px)
}

.grid_video_widget .copy button.clear_play {
    position: relative;
    background: 0 0;
    width: auto;
    border: 1px solid #fff;
    padding-left: 50px
}

.grid_video_widget .copy button.clear_play:hover {
    background: 0 0
}

.grid_video_widget .copy button.blue_play {
    position: relative;
    background: #1998d5;
    width: auto;
    padding-left: 50px
}

.grid_video_widget .copy button.blue_play:hover {
    background: #1998d5
}

@media screen and (max-width:1279px) {
    .grid_video_widget .copy h2 {
        font-size: 42px;
        line-height: 52px
    }
}

@media screen and (max-width:1023px) {
    .grid_video_widget.tablet_grey {
        background-color: #fcfcfc
    }
    .grid_video_widget .video {
        padding-top: 0
    }
    .grid_video_widget .copy {
        position: static;
        padding-top: 20px;
        padding-bottom: 0;
        margin-top: 60px
    }
    .grid_video_widget .copy h2,
    .grid_video_widget .copy p {
        clear: none;
        float: left;
        width: 50%
    }
    .grid_video_widget .copy h2 {
        font-size: 36px;
        line-height: 46px;
        margin-bottom: 20px;
        padding-right: 8.33333%
    }
    .grid_video_widget .copy a,
    .grid_video_widget .copy p {
        padding-left: calc(12px / 2)
    }
}

@media screen and (max-width:767px) {
    .grid_video_widget .copy {
        padding-top: 0;
        margin-bottom: -40px;
        position: relative
    }
    .grid_video_widget .copy h2,
    .grid_video_widget .copy p {
        clear: both;
        float: left;
        width: 100%;
        max-width: 100%
    }
    .grid_video_widget .copy>* {
        clear: both;
        float: left;
        width: 100%;
        max-width: 100%
    }
}

.grid_pmp_product_list {
    float: none;
    clear: both;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 1600px;
    padding-left: 72px;
    padding-right: 72px;
    margin-bottom: 100px;
    text-align: center;
    background: #f6f8fa;
    padding-top: 40px;
    padding-bottom: 40px;
    position: relative;
    overflow: hidden
}

.grid_pmp_product_list:after {
    content: '';
    display: table;
    clear: both
}

.grid_pmp_product_list h2 {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    text-transform: none;
    font-size: 50px;
    line-height: 60px;
    margin-bottom: 20px
}

.grid_pmp_product_list p {
    font-size: 18px;
    line-height: 28px
}

@media screen and (max-width:1440px) {
    .grid_pmp_product_list {
        padding-left: 58px;
        padding-right: 58px
    }
}

@media screen and (max-width:1279px) {
    .grid_pmp_product_list {
        padding-left: 44px;
        padding-right: 44px
    }
    .grid_pmp_product_list h2 {
        font-size: 42px;
        line-height: 52px
    }
    .grid_pmp_product_list p {
        font-size: 16px;
        line-height: 26px
    }
}

@media screen and (max-width:1023px) {
    .grid_pmp_product_list {
        padding-left: 36px;
        padding-right: 36px;
        margin-bottom: 60px
    }
    .grid_pmp_product_list h2 {
        font-size: 36px;
        line-height: 46px
    }
}

@media screen and (max-width:767px) {
    .grid_pmp_product_list {
        padding-left: 19px;
        padding-right: 19px
    }
}

.grid_pmp_product_list.no_margin {
    margin-bottom: 0
}

.grid_pmp_product_list.margin_fix {
    margin-bottom: 60px
}

@media screen and (min-width:768px) {
    .grid_pmp_product_list.margin_fix {
        margin-bottom: 80px
    }
}

@media screen and (min-width:1024px) {
    .grid_pmp_product_list.margin_fix {
        margin-bottom: 100px
    }
}

.grid_pmp_product_list .list {
    min-width: 850px;
    transition: transform .25s ease-in-out
}

.grid_pmp_product_list .list li {
    position: relative
}

.grid_pmp_product_list .list.no-scroll {
    min-width: initial
}

@media screen and (max-width:375px) {
    .grid_pmp_product_list .list.no-scroll {
        min-width: initial
    }
}

.grid_pmp_product_list .list.no-scroll ul {
    display: flex;
    justify-content: space-evenly
}

@media screen and (max-width:375px) {
    .grid_pmp_product_list .list.no-scroll ul li img {
        width: 80px;
        min-width: 80px
    }
    .grid_pmp_product_list .list.no-scroll ul li p {
        color: #424242
    }
}

.grid_pmp_product_list .slide {
    cursor: pointer;
    position: absolute;
    top: 0;
    height: 100%;
    width: 48px;
    min-width: 40px;
    background: #f6f8fa;
    display: none;
    z-index: 2
}

.grid_pmp_product_list .slide:before {
    content: '';
    position: absolute;
    top: calc(50% - 20px);
    left: calc(50% - 20px);
    width: 40px;
    height: 40px;
    background: url(drop_arrow.png) center center no-repeat;
    background-size: 60%
}

.grid_pmp_product_list .slide:after {
    content: '';
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    height: calc(100% - 40px);
    width: 1px;
    background: #ccc
}

.grid_pmp_product_list .slide.left {
    left: 0
}

.grid_pmp_product_list .slide.left:before {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.grid_pmp_product_list .slide.left:after {
    right: 0
}

.grid_pmp_product_list .slide.right {
    right: 0
}

.grid_pmp_product_list .slide.right:before {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.grid_pmp_product_list .slide.right:after {
    left: 0
}

.grid_pmp_product_list ul {
    width: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-flow: row nowrap;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    justify-content: space-between;
    justify-content: space-evenly
}

@supports (-ms-ime-align:auto) {
    .grid_pmp_product_list ul {
        justify-content: space-around
    }
}

@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
    .grid_pmp_product_list ul {
        justify-content: space-between
    }
}

.grid_pmp_product_list a p {
    font-family: Equip-Medium, Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #424242;
    padding: 0 10px
}

.grid_pmp_product_list a:hover p {
    color: #4c4c4c
}

.grid_pmp_product_list img {
    position: relative;
    width: 115px;
    min-width: 115px
}

.grid_pmp_product_list svg {
    position: relative;
    width: 50px;
    min-width: 50px
}

.grid_pmp_product_list svg path {
    fill: #c0c1c2
}

@media screen and (max-width:1023px) {
    .grid_pmp_product_list a P {
        font-size: 12px;
        line-height: 18px
    }
}

.button_sliders {
    float: none;
    clear: both;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 1600px;
    padding-left: 72px;
    padding-right: 72px;
    margin-bottom: 100px;
    text-align: center;
    margin-bottom: 100px
}

.button_sliders:after {
    content: '';
    display: table;
    clear: both
}

.button_sliders h2 {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    text-transform: none;
    font-size: 50px;
    line-height: 60px;
    margin-bottom: 20px
}

.button_sliders p {
    font-size: 18px;
    line-height: 28px
}

@media screen and (max-width:1440px) {
    .button_sliders {
        padding-left: 58px;
        padding-right: 58px
    }
}

@media screen and (max-width:1279px) {
    .button_sliders {
        padding-left: 44px;
        padding-right: 44px
    }
    .button_sliders h2 {
        font-size: 42px;
        line-height: 52px
    }
    .button_sliders p {
        font-size: 16px;
        line-height: 26px
    }
}

@media screen and (max-width:1023px) {
    .button_sliders {
        padding-left: 36px;
        padding-right: 36px;
        margin-bottom: 60px
    }
    .button_sliders h2 {
        font-size: 36px;
        line-height: 46px
    }
}

@media screen and (max-width:767px) {
    .button_sliders {
        padding-left: 19px;
        padding-right: 19px
    }
}

.button_sliders .btn_div {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    margin-top: 30px
}

.button_sliders.grey_bg {
    background: #f6f8fa;
    padding-top: 100px;
    padding-bottom: 100px
}

.button_sliders h2 {
    color: #424242
}

.button_sliders .subline {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    margin-top: 20px;
    margin-bottom: 30px
}

.button_sliders .subline .info {
    font-size: 18px;
    line-height: 28px
}

.button_sliders .subline li,
.button_sliders .subline>p {
    font-family: Equip-ExtraLight, Helvetica, Arial, sans-serif
}

.button_sliders .subline>p {
    color: #424242
}

.button_sliders .selectors {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    width: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-flow: row nowrap;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    justify-content: space-between;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center
}

.button_sliders .selectors>div {
    -webkit-transition: all .5s ease-out 0s;
    -moz-transition: all .5s ease-out 0s;
    -ms-transition: all .5s ease-out 0s;
    -o-transition: all .5s ease-out 0s;
    transition: all .5s ease-out 0s;
    position: relative;
    width: 75px;
    margin: 0 13px
}

@media screen and (min-width:1280px) {
    .button_sliders .selectors>div {
        width: 100px;
        margin: 0 23px
    }
}

.button_sliders .selectors>div:hover {
    cursor: pointer;
    transform: translateY(-10px)
}

.button_sliders .selectors>div>p {
    font-size: 14px;
    white-space: nowrap
}

@media screen and (min-width:1280px) {
    .button_sliders .selectors>div>p {
        font-size: 16px
    }
}

.button_sliders .selectors>div>div {
    position: relative;
    -webkit-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    width: 100%;
    padding-bottom: calc(100% - 2px);
    margin-bottom: 10px;
    color: rgba(76, 76, 76, .65);
    border: 1px solid rgba(76, 76, 76, .65);
    overflow: hidden
}

.button_sliders .selectors>div>div.no_border {
    border-color: transparent
}

.button_sliders .selectors>div>div>div {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 42px;
    font-family: Equip-Thin, Helvetica, Arial, sans-serif
}

@media screen and (min-width:1280px) {
    .button_sliders .selectors>div>div>div {
        font-size: 56px
    }
}

.button_sliders .selectors>div>div>div.img {
    width: 100%;
    height: 100%;
    background-color: #f6f8fa
}

.button_sliders .selectors>div>div>div.img>img,
.button_sliders .selectors>div>div>div.img>svg {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 50%;
    fill: #c7c8c9
}

.button_sliders .selectors>div.active>p {
    font-family: Equip-Medium, Helvetica, Arial, sans-serif;
    color: #4c4c4c
}

.button_sliders .selectors>div.active>div {
    color: #1998d5;
    border-color: #1998d5
}

.button_sliders .selectors>div.active>div .img {
    background-color: transparent
}

.button_sliders .selectors>div.active>div .img>svg rect {
    fill: #1998d5
}

.button_sliders .image_holder,
.button_sliders .video_holder {
    position: relative
}

.button_sliders .image_holder.video_holder,
.button_sliders .video_holder.video_holder {
    float: none;
    clear: both;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 50%;
    margin-bottom: 40px
}

.button_sliders .image_holder.video_holder:after,
.button_sliders .video_holder.video_holder:after {
    content: '';
    display: table;
    clear: both
}

.button_sliders .image_holder.video_holder:before,
.button_sliders .video_holder.video_holder:before {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 100%;
    height: 10px;
    background: #f6f8fa;
    z-index: 4
}

.button_sliders .image_holder.image_holder,
.button_sliders .video_holder.image_holder {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%
}

.button_sliders .image_holder.auto_size,
.button_sliders .video_holder.auto_size {
    float: none;
    margin: 0 auto;
    max-width: 342px
}

@media screen and (min-width:768px) {
    .button_sliders .image_holder.auto_size,
    .button_sliders .video_holder.auto_size {
        max-width: 456px
    }
}

@media screen and (min-width:1280px) {
    .button_sliders .image_holder.auto_size,
    .button_sliders .video_holder.auto_size {
        max-width: 571px
    }
}

.button_sliders .image_holder.auto_size img,
.button_sliders .video_holder.auto_size img {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: auto
}

.button_sliders .image_holder img,
.button_sliders .image_holder video,
.button_sliders .video_holder img,
.button_sliders .video_holder video {
    position: absolute;
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    display: none;
    top: 0;
    left: 0;
    z-index: 1
}

.button_sliders .image_holder img.active,
.button_sliders .image_holder video.active,
.button_sliders .video_holder img.active,
.button_sliders .video_holder video.active {
    position: relative;
    display: block;
    z-index: 2
}

.button_sliders .image_holder img.transition-off,
.button_sliders .image_holder video.transition-off,
.button_sliders .video_holder img.transition-off,
.button_sliders .video_holder video.transition-off {
    z-index: 1;
    -webkit-clip-path: none;
    clip-path: none
}

.button_sliders .image_holder img.transition-on,
.button_sliders .image_holder video.transition-on,
.button_sliders .video_holder img.transition-on,
.button_sliders .video_holder video.transition-on {
    z-index: 2;
    display: block;
    animation: reveal_img .5s ease-in-out
}

.button_sliders .info {
    float: none;
    clear: both;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 640px;
    font-size: 14px
}

.button_sliders .info:after {
    content: '';
    display: table;
    clear: both
}

.button_sliders .info ul {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    position: relative
}

.button_sliders .info ul>li {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    position: absolute;
    display: none
}

.button_sliders .info ul>li b {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    font-family: Equip-Medium, Helvetica, Arial, sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    margin-bottom: 30px;
    color: #424242
}

.button_sliders .info ul>li>div {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    width: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-flow: row nowrap;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    justify-content: space-between;
    text-align: center
}

.button_sliders .info ul>li>div>div {
    display: inline-block;
    text-align: left;
    vertical-align: top;
    white-space: nowrap
}

.button_sliders .info ul>li>div>div>div {
    float: left
}

.button_sliders .info ul>li>div>div>div:nth-child(1) {
    width: 24px;
    margin-right: 18px
}

.button_sliders .info ul>li>div>div>div img {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%
}

.button_sliders .info ul>li.active {
    position: relative;
    display: block
}

@media screen and (max-width:1279px) {
    .button_sliders .info ul>li b {
        font-size: 18px;
        line-height: 28px
    }
}

@media screen and (max-width:1023px) {
    .button_sliders {
        margin-bottom: 60px
    }
    .button_sliders.grey_bg {
        padding-top: 80px;
        padding-bottom: 80px
    }
    .button_sliders .selectors>div:hover {
        transform: none
    }
    .button_sliders .info ul>li>div {
        padding-left: calc(8.33333%/2)
    }
}

@media screen and (max-width:767px) {
    .button_sliders.grey_bg {
        padding-top: 60px;
        padding-bottom: 60px
    }
    .button_sliders h2 {
        text-align: left;
        padding-left: 0;
        padding-right: 0
    }
    .button_sliders .video_holder.video_holder {
        float: none;
        clear: both;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        max-width: 100%
    }
    .button_sliders .video_holder.video_holder:after {
        content: '';
        display: table;
        clear: both
    }
    .button_sliders .image_holder.image_holder {
        margin: 15px auto 0
    }
    .button_sliders>div {
        display: flex;
        flex-direction: column
    }
    .button_sliders .subline {
        order: 4;
        text-align: left
    }
    .button_sliders .subline li {
        font-size: 16px;
        line-height: 26px
    }
    .button_sliders .info ul>li>div {
        padding-left: 0;
        flex-direction: column;
        align-items: center
    }
    .button_sliders .info ul>li>div>div {
        width: 180px;
        margin-bottom: 30px
    }
}

@keyframes reveal_img {
    0% {
        -webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
        clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%)
    }
    100% {
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
    }
}

.bubble_slider {
    float: none;
    clear: both;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 1600px;
    padding-left: 72px;
    padding-right: 72px;
    margin-bottom: 100px;
    text-align: center;
    background: #f6f8fa;
    padding-top: 100px;
    padding-bottom: 100px;
    margin-bottom: 100px;
    overflow: hidden
}

.bubble_slider:after {
    content: '';
    display: table;
    clear: both
}

.bubble_slider h2 {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    text-transform: none;
    font-size: 50px;
    line-height: 60px;
    margin-bottom: 20px
}

.bubble_slider p {
    font-size: 18px;
    line-height: 28px
}

@media screen and (max-width:1440px) {
    .bubble_slider {
        padding-left: 58px;
        padding-right: 58px
    }
}

@media screen and (max-width:1279px) {
    .bubble_slider {
        padding-left: 44px;
        padding-right: 44px
    }
    .bubble_slider h2 {
        font-size: 42px;
        line-height: 52px
    }
    .bubble_slider p {
        font-size: 16px;
        line-height: 26px
    }
}

@media screen and (max-width:1023px) {
    .bubble_slider {
        padding-left: 36px;
        padding-right: 36px;
        margin-bottom: 60px
    }
    .bubble_slider h2 {
        font-size: 36px;
        line-height: 46px
    }
}

@media screen and (max-width:767px) {
    .bubble_slider {
        padding-left: 19px;
        padding-right: 19px
    }
}

.bubble_slider .grid_indicators {
    display: block
}

.bubble_slider .slider-dots {
    position: relative;
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    text-align: center;
    display: none;
    margin: 8.33333% 0 0;
    z-index: 2;
    display: none
}

.bubble_slider .slider-dots>div {
    -webkit-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 6px;
    background: #e0e0e0;
    border: 2px solid transparent;
    cursor: pointer
}

.bubble_slider .slider-dots>div.active {
    border-color: #1998d5;
    background: 0 0
}

.bubble_slider h2 {
    color: #424242;
    margin-bottom: 100px
}

.bubble_slider .slide_wrapper {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    margin-bottom: 40px
}

.bubble_slider .slide_container {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%
}

.bubble_slider ul {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    width: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-flow: row nowrap;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    justify-content: space-between;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    align-items: center;
    justify-content: flex-start;
    width: calc(100% + 16.66667%);
    max-width: calc(100% + 16.66667%)
}

.bubble_slider ul>li {
    -webkit-transition: all .5s ease-out 0s;
    -moz-transition: all .5s ease-out 0s;
    -ms-transition: all .5s ease-out 0s;
    -o-transition: all .5s ease-out 0s;
    transition: all .5s ease-out 0s;
    width: calc(16.66667% - 2.1%)
}

.bubble_slider ul>li>div {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    display: grid;
    grid-gap: 24px;
    padding: 0;
    position: relative;
    align-items: center;
    grid-template-columns: 1fr 0fr;
    grid-template-areas: 'image copy'
}

@media screen and (max-width:1023px) {
    .bubble_slider ul>li>div {
        grid-gap: 12px
    }
}

.bubble_slider ul>li>div>div:not(.video_bubble) {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    grid-area: copy;
    padding: 0 24px;
    text-align: left;
    display: none
}

.bubble_slider ul>li:not(.active):hover .video_bubble .image {
    transform: scale(1.1)
}

.bubble_slider ul>li .video_bubble {
    -webkit-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    grid-area: image;
    position: relative;
    float: left;
    width: 100%;
    padding-bottom: 100%;
    overflow: hidden;
    cursor: pointer
}

.bubble_slider ul>li .video_bubble>div {
    -webkit-transition: all .25s ease-out 0s;
    -moz-transition: all .25s ease-out 0s;
    -ms-transition: all .25s ease-out 0s;
    -o-transition: all .25s ease-out 0s;
    transition: all .25s ease-out 0s;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.bubble_slider ul>li .video_bubble>div.image {
    -webkit-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.bubble_slider ul>li .video_bubble>div.vid_click {
    background: url(fs_play.png?v=3) center no-repeat;
    background-size: 25%;
    opacity: .8;
    display: none
}

.bubble_slider ul>li .video_bubble>div.vid_click:hover {
    opacity: 1;
    cursor: pointer;
    background-image: url(fs_play_over.png?v=3)
}

.bubble_slider ul>li b,
.bubble_slider ul>li p,
.bubble_slider ul>li q {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    color: #424242
}

.bubble_slider ul>li q {
    font-family: Equip-Thin, Helvetica, Arial, sans-serif;
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 30px
}

.bubble_slider ul>li b,
.bubble_slider ul>li p {
    font-size: 16px;
    line-height: 26px
}

.bubble_slider ul>li b {
    font-family: Equip-Medium, Helvetica, Arial, sans-serif;
    font-weight: 400
}

.bubble_slider ul>li.active {
    width: 50%;
    margin-right: calc(24px / 2)
}

.bubble_slider ul>li.active>div {
    grid-template-columns: 4fr 3fr
}

.bubble_slider ul>li.active .initial {
    display: block
}

.bubble_slider ul>li.active .video_bubble>div.vid_click {
    display: block
}

@media screen and (max-width:1023px) {
    .bubble_slider {
        padding-top: 60px;
        padding-bottom: 30px;
        margin-bottom: 60px
    }
    .bubble_slider h2 {
        margin-bottom: 60px
    }
    .bubble_slider .grid_indicators {
        padding-left: 0
    }
    .bubble_slider ul {
        width: calc(100% + 33.33333%);
        max-width: calc(100% + 33.33333%)
    }
    .bubble_slider ul>li>div>div:not(.video_bubble) {
        padding: 0 12px
    }
    .bubble_slider ul>li.active {
        width: 50%;
        grid-template-columns: 1fr 1fr
    }
}

@media screen and (max-width:1023px) {
    .bubble_slider ul>li q {
        font-size: 16px;
        line-height: 26px
    }
}

@media screen and (max-width:767px) {
    .bubble_slider {
        text-align: left;
        padding-left: 0;
        padding-right: 0
    }
    .bubble_slider .grid_indicators {
        display: none
    }
    .bubble_slider .slider-dots {
        display: block
    }
    .bubble_slider h2 {
        margin-bottom: 40px;
        padding-left: 19px;
        padding-right: 19px
    }
    .bubble_slider .slide_wrapper {
        width: 100%;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-flow: row wrap;
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        justify-content: flex-start;
        align-items: stretch;
        margin-bottom: 0
    }
    .bubble_slider .slide_wrapper .slide_container {
        flex: 1;
        overflow: hidden;
        max-width: none
    }
    .bubble_slider .slide_wrapper ul {
        display: block;
        -webkit-align-items: none;
        -ms-align-items: none;
        align-items: none;
        -webkit-justify-content: none;
        -ms-justify-content: none;
        justify-content: none;
        flex: none;
        float: none;
        list-style-type: none;
        white-space: nowrap;
        transition: transform .5s ease-in-out;
        max-width: none;
        width: auto
    }
    .bubble_slider .slide_wrapper ul b,
    .bubble_slider .slide_wrapper ul p,
    .bubble_slider .slide_wrapper ul q {
        font-size: 18px;
        line-height: 28px
    }
    .bubble_slider .slide_wrapper ul>li,
    .bubble_slider .slide_wrapper ul>li.active {
        float: none;
        display: inline-block;
        width: 100%;
        vertical-align: top;
        margin-right: calc(-16.66667% + (12px/2));
        padding: 10px calc(16.66667% - 12px) 10px calc(8.33333% - 12px)
    }
    .bubble_slider .slide_wrapper ul>li.active>div,
    .bubble_slider .slide_wrapper ul>li>div {
        -webkit-border-radius: 12px;
        -ms-border-radius: 12px;
        border-radius: 12px;
        box-shadow: 0 0 6px 0 rgba(0, 0, 0, .15);
        overflow: hidden;
        height: 100%;
        display: flex;
        flex-direction: column
    }
    .bubble_slider .slide_wrapper ul>li.active:not(.active):hover .video_bubble .image,
    .bubble_slider .slide_wrapper ul>li:not(.active):hover .video_bubble .image {
        transform: none
    }
    .bubble_slider .slide_wrapper ul>li.active>div>div:not(.video_bubble),
    .bubble_slider .slide_wrapper ul>li>div>div:not(.video_bubble) {
        white-space: normal;
        position: static;
        top: auto;
        left: auto;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        clear: both;
        float: left;
        width: 100%;
        max-width: 100%;
        display: block!important;
        background: #fff;
        padding: 8.33333%;
        flex: 1
    }
    .bubble_slider .slide_wrapper ul>li .video_bubble,
    .bubble_slider .slide_wrapper ul>li.active .video_bubble {
        float: none;
        clear: both;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        max-width: 66.66667%;
        padding-bottom: 66.66667%;
        margin: 8.33333% auto
    }
    .bubble_slider .slide_wrapper ul>li .video_bubble:after,
    .bubble_slider .slide_wrapper ul>li.active .video_bubble:after {
        content: '';
        display: table;
        clear: both
    }
    .bubble_slider .slide_wrapper ul>li .video_bubble>div.vid_click,
    .bubble_slider .slide_wrapper ul>li.active .video_bubble>div.vid_click {
        display: block
    }
}

.grid_image_hero {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    position: relative;
    overflow: hidden
}

.grid_image_hero .bg_image_alarm {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%
}

@media screen and (max-width:767px) {
    .grid_image_hero .bg_image_alarm {
        background: url(https://cdn.shopify.com/s/files/1/0021/2300/6050/files/Hero_374.jpg) no-repeat center center;
        height: 350px;
        margin-bottom: 60px;
        background-size: cover;
        width: 100%;
        position: relative
    }
}

@media screen and (min-width:768px) and (max-width:1023px) {
    .grid_image_hero .bg_image_alarm {
        background: url(https://cdn.shopify.com/s/files/1/0021/2300/6050/files/Hero_768.jpg) no-repeat center center;
        height: 500px;
        margin-bottom: 80px;
        background-size: cover;
        width: 100%;
        position: relative
    }
}

@media screen and (max-width:1023px) {
    .grid_image_hero .bg_image_alarm {
        background: url(https://cdn.shopify.com/s/files/1/0021/2300/6050/files/Hero_1440.jpg) no-repeat center center;
        height: 500px;
        margin-bottom: 100px;
        background-size: cover;
        width: 100%;
        position: relative
    }
}

.grid_image_hero .bg_image {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%
}

@media screen and (min-width:320px) {
    .grid_image_hero .bg_image {
        background: url(https://cdn.shopify.com/s/files/1/0019/7849/9145/files/01_pm_hero374.jpg?7685) no-repeat center center;
        height: 350px;
        margin-bottom: 60px;
        background-size: cover;
        width: 100%;
        position: relative
    }
}

@media screen and (min-width:767px) {
    .grid_image_hero .bg_image {
        background: url(https://cdn.shopify.com/s/files/1/0019/7849/9145/files/01_pm_hero768_1.jpg?11334) no-repeat center center;
        height: 500px;
        margin-bottom: 80px;
        background-size: cover;
        width: 100%;
        position: relative
    }
}

@media screen and (min-width:1023px) {
    .grid_image_hero .bg_image {
        background: url(https://cdn.shopify.com/s/files/1/0019/7849/9145/files/01_pm_hero1024.jpg?7685) no-repeat center center;
        height: 500px;
        margin-bottom: 100px;
        background-size: cover;
        width: 100%;
        position: relative
    }
}

@media screen and (min-width:1280px) {
    .grid_image_hero .bg_image {
        background: url(https://cdn.shopify.com/s/files/1/0019/7849/9145/files/01_pm_hero1280.jpg?7685) no-repeat center center;
        height: 600px;
        margin-bottom: 100px;
        background-size: cover;
        width: 100%;
        position: relative
    }
}

@media screen and (min-width:1439px) {
    .grid_image_hero .bg_image {
        background: url(01_pm_hero1440.jpg) no-repeat center center;
        height: 600px;
        margin-bottom: 100px;
        background-size: cover;
        width: 100%;
        position: relative
    }
}

.grid_image_hero .copy {
    float: none;
    clear: both;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: false;
    padding-left: 72px;
    padding-right: 72px;
    margin-bottom: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 40%;
    z-index: 1
}

.grid_image_hero .copy:after {
    content: '';
    display: table;
    clear: both
}

.grid_image_hero .copy h2 {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    text-transform: none;
    font-size: 50px;
    line-height: 60px;
    margin-bottom: 20px
}

.grid_image_hero .copy p {
    font-size: 18px;
    line-height: 28px
}

@media screen and (max-width:1440px) {
    .grid_image_hero .copy {
        padding-left: 58px;
        padding-right: 58px
    }
}

@media screen and (max-width:1279px) {
    .grid_image_hero .copy {
        padding-left: 44px;
        padding-right: 44px
    }
    .grid_image_hero .copy h2 {
        font-size: 42px;
        line-height: 52px
    }
    .grid_image_hero .copy p {
        font-size: 16px;
        line-height: 26px
    }
}

@media screen and (max-width:1023px) {
    .grid_image_hero .copy {
        padding-left: 36px;
        padding-right: 36px;
        margin-bottom: 0
    }
    .grid_image_hero .copy h2 {
        font-size: 36px;
        line-height: 46px
    }
}

@media screen and (max-width:767px) {
    .grid_image_hero .copy {
        padding-left: 19px;
        padding-right: 19px
    }
}

.grid_image_hero .copy.white:not(button) {
    color: #fff
}

.grid_image_hero .copy h1 {
    font-family: Equip-Medium, Helvetica, Arial, sans-serif;
    margin-bottom: 20px;
    font-size: 20px
}

.grid_image_hero .copy h3 {
    font-family: Equip-ExtraLight, Helvetica, Arial, sans-serif;
    font-size: 50px;
    line-height: 60px;
    margin-bottom: 30px;
    font-weight: 200
}

.grid_image_hero .copy button {
    margin-right: 20px;
    margin-bottom: 20px
}

.grid_image_hero .copy button:hover {
    transform: translateY(-5px)
}

.grid_image_hero .copy button.blue_play {
    position: relative;
    background: #1998d5;
    width: auto;
    padding-left: 50px;
    padding-right: 25px
}

.grid_image_hero .copy button.blue_play:hover {
    background: #1998d5
}

@media screen and (max-width:1279px) {
    .grid_image_hero .copy h3 {
        font-size: 42px;
        line-height: 52px
    }
}

@media screen and (max-width:1023px) {
    .grid_image_hero .copy {
        top: auto;
        left: auto;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        position: relative;
        margin: 50px auto 30px
    }
    .grid_image_hero .copy.white:not(button) {
        color: #424242
    }
    .grid_image_hero .copy h1 {
        font-size: 18px;
        margin-bottom: 10px
    }
    .grid_image_hero .copy h3 {
        font-size: 36px;
        line-height: 46px;
        margin-bottom: 25px
    }
    .grid_image_hero .video {
        position: relative;
        height: 65vw;
        overflow: hidden
    }
    .grid_image_hero .video video {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        max-width: none;
        min-width: 100%;
        min-height: 100%;
        width: auto;
        height: auto;
        z-index: 0
    }
}

@media screen and (max-width:1023px) {
    .grid_image_hero .video {
        height: 94vw
    }
}

.grid_image_hero--alternative {
    display: inline-block;
    position: relative;
    padding: 40px 0
}

@media screen and (min-width:768px) {
    .grid_image_hero--alternative {
        padding: 50px
    }
}

.grid_image_hero--alternative .copy {
    float: none;
    clear: both;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: false;
    padding-left: 72px;
    padding-right: 72px;
    margin-bottom: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 40%;
    z-index: 1
}

.grid_image_hero--alternative .copy:after {
    content: '';
    display: table;
    clear: both
}

.grid_image_hero--alternative .copy h2 {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    text-transform: none;
    font-size: 50px;
    line-height: 60px;
    margin-bottom: 20px
}

.grid_image_hero--alternative .copy p {
    font-size: 18px;
    line-height: 28px
}

@media screen and (max-width:1440px) {
    .grid_image_hero--alternative .copy {
        padding-left: 58px;
        padding-right: 58px
    }
}

@media screen and (max-width:1279px) {
    .grid_image_hero--alternative .copy {
        padding-left: 44px;
        padding-right: 44px
    }
    .grid_image_hero--alternative .copy h2 {
        font-size: 42px;
        line-height: 52px
    }
    .grid_image_hero--alternative .copy p {
        font-size: 16px;
        line-height: 26px
    }
}

@media screen and (max-width:1023px) {
    .grid_image_hero--alternative .copy {
        padding-left: 36px;
        padding-right: 36px;
        margin-bottom: 0
    }
    .grid_image_hero--alternative .copy h2 {
        font-size: 36px;
        line-height: 46px
    }
}

@media screen and (max-width:767px) {
    .grid_image_hero--alternative .copy {
        padding-left: 19px;
        padding-right: 19px
    }
}

.grid_image_hero--alternative .copy.white:not(button) {
    color: #fff
}

.grid_image_hero--alternative .copy h1 {
    font-family: Equip-Medium, Helvetica, Arial, sans-serif;
    margin-bottom: 20px;
    font-size: 20px
}

.grid_image_hero--alternative .copy h3 {
    font-family: Equip-ExtraLight, Helvetica, Arial, sans-serif;
    font-size: 36px;
    line-height: 46px;
    margin-bottom: 25px
}

.grid_image_hero--alternative .copy button {
    margin-right: 20px;
    margin-bottom: 20px
}

.grid_lifestyle_dvc {
    margin-bottom: 100px;
    display: inline-block;
    width: 100% ;  
}

@media screen and (max-width:767px) {
    .grid_lifestyle_dvc {
        margin-bottom: 70px
    }
}

.grid_lifestyle_dvc .header_container {
    padding: 100px 0 20px 0;
    text-align: center;
    background-color: #e5e5e7
}

.grid_lifestyle_dvc .header_container h2 {
    font-size: 50px;
    margin-bottom: 25px;
    font-family: Equip-Thin, Helvetica, Arial, sans-serif;
    text-transform: none
}

.grid_lifestyle_dvc .header_container p {
    color: #424242;
    font-family: Equip-ExtraLight, Helvetica, Arial, sans-serif;
    font-size: 18px;
    max-width: 480px;
    margin: 0 auto
}

@media screen and (max-width:1023px) {
    .grid_lifestyle_dvc .header_container h2 {
        font-size: 36px
    }
    .grid_lifestyle_dvc .header_container p {
        font-size: 16px
    }
}

@media screen and (max-width:767px) {
    .grid_lifestyle_dvc .header_container {
        display: flex;
        text-align: left;
        padding: 70px 20px 0 20px
    }
    .grid_lifestyle_dvc .header_container p {
        display: none
    }
}

.grid_lifestyle_dvc img {
    display: inherit
}

.grid_lifestyle_dvc .slide_wrapper {
    padding: 0 0 100px 0;
    background-color: #d8d8d8
}

@media screen and (max-width:767px) {
    .grid_lifestyle_dvc .slide_wrapper {
        padding: 0
    }
}

.grid_lifestyle_dvc .slide_wrapper ul {
    display: grid;
    grid-template-columns: auto auto auto;
    width: 75%;
    max-width: 1200px;
    margin: 0 auto;
    column-gap: 80px
}

@media screen and (max-width:767px) {
    .grid_lifestyle_dvc .slide_wrapper ul {
        grid-template-columns: auto auto auto auto;
        width: initial;
        max-width: initial;
        column-gap: 20px;
        padding: 0 0 0 20px
    }
}

.grid_lifestyle_dvc .slide_wrapper li {
    text-align: center
}

@media screen and (max-width:767px) {
    .grid_lifestyle_dvc .slide_wrapper li {
        text-align: left;
        background-color: #fff;
        border-radius: 12px;
        padding: 37px 30px;
        width: calc(95vw - 60px)
    }
}

.grid_lifestyle_dvc .slide_wrapper li div {
    color: #424242;
    font-size: 18px;
    font-family: Equip-ExtraLight, Helvetica, Arial, sans-serif
}

@media screen and (max-width:1023px) {
    .grid_lifestyle_dvc .slide_wrapper li div {
        font-size: 16px
    }
}

.grid_lifestyle_dvc .slide_wrapper li div b {
    font-family: Equip-Medium, Helvetica, Arial, sans-serif;
    font-weight: 400
}

.grid_lifestyle_dvc .slider-dots {
    background-color: #d8d8d8;
    position: relative;
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    text-align: center;
    padding: 30px 0 60px 0;
    z-index: 2;
    display: none
}

@media screen and (max-width:767px) {
    .grid_lifestyle_dvc .slider-dots {
        display: block
    }
}

.grid_lifestyle_dvc .slider-dots>div {
    -webkit-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 6px;
    background: #fff;
    border: 2px solid transparent;
    cursor: pointer
}

.grid_lifestyle_dvc .slider-dots>div.active {
    border-color: #1998d5;
    background: 0 0
}

.grid_lifestyle {
    float: none;
    clear: both;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 1600px;
    padding-left: 72px;
    padding-right: 72px;
    margin-bottom: 100px;
    text-align: center;
    background: #e5e5e7;
    background-image: url(https://cdn.shopify.com/s/files/1/2922/1686/files/Integrate.jpg?20239), linear-gradient(to bottom, #e5e5e7 0, #e5e5e7 50%, #d8d8d8 51%, #d8d8d8 100%);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
    padding-top: 100px;
    padding-bottom: 100px;
    margin-bottom: 100px;
    overflow: hidden
}

.grid_lifestyle:after {
    content: '';
    display: table;
    clear: both
}

.grid_lifestyle h2 {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    text-transform: none;
    font-size: 50px;
    line-height: 60px;
    margin-bottom: 20px
}

.grid_lifestyle p {
    font-size: 18px;
    line-height: 28px
}

@media screen and (max-width:1440px) {
    .grid_lifestyle {
        padding-left: 58px;
        padding-right: 58px
    }
}

@media screen and (max-width:1279px) {
    .grid_lifestyle {
        padding-left: 44px;
        padding-right: 44px
    }
    .grid_lifestyle h2 {
        font-size: 42px;
        line-height: 52px
    }
    .grid_lifestyle p {
        font-size: 16px;
        line-height: 26px
    }
}

@media screen and (max-width:1023px) {
    .grid_lifestyle {
        padding-left: 36px;
        padding-right: 36px;
        margin-bottom: 60px
    }
    .grid_lifestyle h2 {
        font-size: 36px;
        line-height: 46px
    }
}

@media screen and (max-width:767px) {
    .grid_lifestyle {
        padding-left: 19px;
        padding-right: 19px
    }
}

.grid_lifestyle.dvc>div p {
    max-width: 55%
}

.grid_lifestyle>div {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%
}

.grid_lifestyle>div.slider-dots {
    position: relative;
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    text-align: center;
    display: none;
    margin: 8.33333% 0 0;
    z-index: 2;
    display: none
}

.grid_lifestyle>div.slider-dots>div {
    -webkit-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 6px;
    background: #fff;
    border: 2px solid transparent;
    cursor: pointer
}

.grid_lifestyle>div.slider-dots>div.active {
    border-color: #1998d5;
    background: 0 0
}

.grid_lifestyle>div h2,
.grid_lifestyle>div p {
    color: #424242
}

.grid_lifestyle>div h2 {
    float: none;
    clear: both;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 50%
}

.grid_lifestyle>div h2:after {
    content: '';
    display: table;
    clear: both
}

.grid_lifestyle>div p {
    float: none;
    clear: both;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 66.66667%
}

.grid_lifestyle>div p:after {
    content: '';
    display: table;
    clear: both
}

.grid_lifestyle>div img {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    opacity: 0
}

.grid_lifestyle>div ul {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    width: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    justify-content: flex-start;
    justify-content: space-evenly
}

@supports (-ms-ime-align:auto) {
    .grid_lifestyle>div ul {
        justify-content: space-around
    }
}

@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
    .grid_lifestyle>div ul {
        justify-content: space-between
    }
}

.grid_lifestyle>div ul>li {
    font-size: 18px;
    line-height: 28px;
    width: calc(25% - 24px);
    padding: 0 calc(24px / 2);
    font-family: Equip-ExtraLight, Helvetica, Arial, sans-serif;
    color: #424242
}

.grid_lifestyle>div ul>li b {
    font-family: Equip-Medium, Helvetica, Arial, sans-serif;
    font-weight: 500
}

@media screen and (max-width:1440px) {
    .grid_lifestyle.not-na {
        padding-bottom: 0
    }
    .grid_lifestyle>div img {
        width: calc(100% + (58px*2));
        max-width: calc(100% + (58px*2))
    }
}

@media screen and (max-width:1279px) {
    .grid_lifestyle.not-na {
        background-position: 50% 35%
    }
    .grid_lifestyle>div h2 {
        float: none;
        clear: both;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        max-width: 66.66667%
    }
    .grid_lifestyle>div h2:after {
        content: '';
        display: table;
        clear: both
    }
    .grid_lifestyle>div p {
        float: none;
        clear: both;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        max-width: 636px
    }
    .grid_lifestyle>div p:after {
        content: '';
        display: table;
        clear: both
    }
    .grid_lifestyle>div img {
        width: calc(100% + (44px*2));
        max-width: calc(100% + (44px*2))
    }
    .grid_lifestyle>div ul {
        font-size: 16px;
        line-height: 26px
    }
    .grid_lifestyle>div ul>li {
        font-size: 16px;
        line-height: 26px;
        width: calc(33.33333% - 24px)
    }
}

@media screen and (max-width:1023px) {
    .grid_lifestyle {
        padding-top: 60px;
        padding-bottom: 60px;
        margin-bottom: 60px
    }
    .grid_lifestyle.not-na {
        background-position: 50% 60%
    }
    .grid_lifestyle>div img {
        width: calc(100% + (36px*2));
        max-width: calc(100% + (36px*2))
    }
    .grid_lifestyle>div ul>li {
        width: calc(33.33333% - 12px)
    }
}

@media screen and (max-width:767px) {
    .grid_lifestyle {
        text-align: left;
        padding-left: 0;
        padding-right: 0;
        background-position: 50% 35%
    }
    .grid_lifestyle.not-na {
        padding-bottom: 60px;
        background-size: 170%;
        background-position: 50% 6%
    }
    .grid_lifestyle>div.slider-dots {
        display: block
    }
    .grid_lifestyle>div h2 {
        clear: both;
        float: left;
        width: 100%;
        max-width: 100%;
        padding-left: 19px;
        padding-right: 19px
    }
    .grid_lifestyle>div p {
        display: none
    }
    .grid_lifestyle>div img {
        width: calc(100% + (19px*2));
        max-width: calc(100% + (19px*2))
    }
    .grid_lifestyle>div .slide_wrapper {
        width: 100%;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-flow: row wrap;
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        justify-content: flex-start;
        align-items: stretch;
        margin-bottom: 0
    }
    .grid_lifestyle>div .slide_wrapper .slide_container {
        flex: 1;
        overflow: hidden;
        max-width: none
    }
    .grid_lifestyle>div .slide_wrapper ul {
        display: block;
        -webkit-align-items: none;
        -ms-align-items: none;
        align-items: none;
        -webkit-justify-content: none;
        -ms-justify-content: none;
        justify-content: none;
        flex: none;
        float: none;
        list-style-type: none;
        white-space: nowrap;
        transition: transform .5s ease-in-out;
        max-width: none;
        width: auto
    }
    .grid_lifestyle>div .slide_wrapper ul>li {
        white-space: normal;
        float: none;
        display: inline-block;
        width: 98%;
        vertical-align: top;
        margin-right: calc(-16.66667% + 12px);
        padding: 10px calc(16.66667% - (12px*2)) 10px calc(8.33333% - 12px)
    }
    .grid_lifestyle>div .slide_wrapper ul>li>div {
        -webkit-border-radius: 12px;
        -ms-border-radius: 12px;
        border-radius: 12px;
        min-height: 230px;
        box-shadow: 0 0 6px 0 rgba(0, 0, 0, .15);
        overflow: hidden;
        background: #fff;
        padding: 8.33333%
    }
}

.grid_lifestyle.not-na img {
    width: 100%;
    max-width: 980px
}

.grid_lifestyle.not-na .slide_wrapper {
    padding-top: 20px
}

.grid_lifestyle.not-na .slide_wrapper .slide_container ul {
    text-align: center
}

.grid_lifestyle.not-na .slide_wrapper .slide_container ul li {
    text-align: left;
    margin: 0;
    padding: 0;
    width: 75%
}

.grid_lifestyle--stick-up-cam {
    background-image: none;
    background-color: #fff
}

@media screen and (min-width:768px) {
    .grid_lifestyle--stick-up-cam {
        background-image: url(https://cdn.shopify.com/s/files/1/0069/5051/8902/files/integration_SUC.jpg?160911), linear-gradient(to bottom, #e5e5e7 0, #e5e5e7 50%, #d8d8d8 51%, #d8d8d8 100%)
    }
}

@media screen and (max-width:767px) {
    .grid_lifestyle--stick-up-cam>div img {
        display: none
    }
}

@media screen and (max-width:767px) {
    .grid_lifestyle--stick-up-cam>div .slide_wrapper ul>li>div {
        border-top-right-radius: 0;
        border-top-left-radius: 0;
        min-height: 260px
    }
}

@media screen and (max-width:767px) {
    .grid_lifestyle--stick-up-cam>div.slider-dots>div {
        background-color: #e0e0e0
    }
}

@media screen and (max-width:767px) {
    .grid_lifestyle--stick-up-cam>div p {
        display: block;
        padding-left: 19px;
        padding-right: 19px;
        margin: 0 0 15px;
        max-width: none
    }
}

@media screen and (max-width:767px) {
    .grid_lifestyle--stick-up-cam .slide_container img {
        opacity: 1;
        width: 100%;
        display: block;
        border-top-left-radius: 12px;
        border-top-right-radius: 12px
    }
}

@media screen and (min-width:768px) {
    .grid_lifestyle--indoor-cam {
        background-image: url(https://cdn.shopify.com/s/files/1/2486/3560/files/integration_IDC.jpg?127766), linear-gradient(to bottom, #e5e5e7 0, #e5e5e7 50%, #d8d8d8 51%, #d8d8d8 100%)
    }
}

.grid_benefits {
    float: none;
    clear: both;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 1600px;
    padding-left: 72px;
    padding-right: 72px;
    margin-bottom: 100px;
    margin-bottom: 100px;
    overflow: hidden;
    text-align: left
}

.grid_benefits:after {
    content: '';
    display: table;
    clear: both
}

.grid_benefits h2 {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    text-transform: none;
    font-size: 50px;
    line-height: 60px;
    margin-bottom: 20px
}

.grid_benefits p {
    font-size: 18px;
    line-height: 28px
}

@media screen and (max-width:1440px) {
    .grid_benefits {
        padding-left: 58px;
        padding-right: 58px
    }
}

@media screen and (max-width:1279px) {
    .grid_benefits {
        padding-left: 44px;
        padding-right: 44px
    }
    .grid_benefits h2 {
        font-size: 42px;
        line-height: 52px
    }
    .grid_benefits p {
        font-size: 16px;
        line-height: 26px
    }
}

@media screen and (max-width:1023px) {
    .grid_benefits {
        padding-left: 36px;
        padding-right: 36px;
        margin-bottom: 60px
    }
    .grid_benefits h2 {
        font-size: 36px;
        line-height: 46px
    }
}

@media screen and (max-width:767px) {
    .grid_benefits {
        padding-left: 19px;
        padding-right: 19px
    }
}

.grid_benefits.grid_slider {
    padding: 0
}

.grid_benefits.margin-top {
    margin-top: 50px
}

.grid_benefits>div {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%
}

@media screen and (max-width:767px) {
    .grid_benefits {
        margin-bottom: 60px
    }
    .grid_benefits h2 {
        margin-bottom: 20px;
        padding-left: 19px;
        padding-right: 19px
    }
    .grid_benefits h6 {
        font-family: Equip, Helvetica, Arial, sans-serif;
        margin-bottom: 10px;
        font-size: 12px;
        line-height: 1.67
    }
    .grid_benefits div.p,
    .grid_benefits p {
        font-size: 16px;
        line-height: 26px
    }
    .grid_benefits>div img {
        margin-top: -10px;
        margin-left: -30px;
        width: calc(100% + 60px);
        max-width: calc(100% + 60px)
    }
}

.grid_ecosystem {
    float: none;
    clear: both;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 1600px;
    padding-left: 72px;
    padding-right: 72px;
    margin-bottom: 100px;
    text-align: center;
    margin-bottom: 100px;
    padding: 100px 0;
    background-color: #f6f8fa
}

.grid_ecosystem:after {
    content: '';
    display: table;
    clear: both
}

.grid_ecosystem h2 {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    text-transform: none;
    font-size: 50px;
    line-height: 60px;
    margin-bottom: 20px
}

.grid_ecosystem p {
    font-size: 18px;
    line-height: 28px
}

@media screen and (max-width:1440px) {
    .grid_ecosystem {
        padding-left: 58px;
        padding-right: 58px
    }
}

@media screen and (max-width:1279px) {
    .grid_ecosystem {
        padding-left: 44px;
        padding-right: 44px
    }
    .grid_ecosystem h2 {
        font-size: 42px;
        line-height: 52px
    }
    .grid_ecosystem p {
        font-size: 16px;
        line-height: 26px
    }
}

@media screen and (max-width:1023px) {
    .grid_ecosystem {
        padding-left: 36px;
        padding-right: 36px;
        margin-bottom: 60px
    }
    .grid_ecosystem h2 {
        font-size: 36px;
        line-height: 46px
    }
}

@media screen and (max-width:767px) {
    .grid_ecosystem {
        padding-left: 19px;
        padding-right: 19px
    }
}

.grid_ecosystem .grid_pmp_product_list p {
    height: 45px;
    padding-bottom: 5px;
    font-family: Equip-Light, Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: #c0c1c2
}

.grid_ecosystem .grid_pmp_product_list .active p {
    font-family: Equip-Medium, Helvetica, Arial, sans-serif;
    color: #424242;
    border-bottom: 1.5px solid #1998d5
}

.grid_ecosystem .grid_pmp_product_list .active svg path {
    fill: #1998d5
}

.grid_ecosystem .grid_pmp_product_list li:not(.active):hover p {
    color: #c0c1c2;
    border-bottom: 1.5px solid #c0c1c2
}

.grid_ecosystem .house {
    position: relative;
    width: 1200px;
    margin: 0 auto
}

.grid_ecosystem .house ul.tooltips {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%
}

.grid_ecosystem .house ul.tooltips li {
    display: none;
    position: absolute;
    align-items: center
}

.grid_ecosystem .house ul.tooltips li.active {
    display: flex
}

.grid_ecosystem .house ul.tooltips li.icon-right .eco-icon {
    margin-left: 20px
}

.grid_ecosystem .house ul.tooltips li.icon-left {
    flex-direction: row-reverse
}

.grid_ecosystem .house ul.tooltips li.icon-left .eco-icon {
    margin-right: 20px
}

.grid_ecosystem .house ul.tooltips li .eco-tooltip {
    width: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    justify-content: flex-start;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    width: 430px;
    height: 195px;
    overflow: hidden;
    background: #f6f8fa;
    -webkit-border-radius: 12px;
    -ms-border-radius: 12px;
    border-radius: 12px;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .15)
}

.grid_ecosystem .house ul.tooltips li .eco-tooltip .image {
    height: 170px;
    width: 170px
}

.grid_ecosystem .house ul.tooltips li .eco-tooltip .copy {
    font-family: Equip-Light, Helvetica, Arial, sans-serif;
    color: #424242;
    width: calc(100% - 170px);
    height: 195px;
    padding: 30px;
    font-size: 14px;
    line-height: 22px;
    background: #fff;
    text-align: left
}

.grid_ecosystem .house ul.tooltips li .eco-tooltip .copy b {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    margin-bottom: 5px;
    font-family: Equip-Medium, Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 26px;
    font-weight: 500;
    color: #1998d5
}

.grid_ecosystem .house ul.tooltips li .eco-icon {
    -webkit-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    width: 70px;
    height: 70px;
    background: #1998d5;
    position: relative
}

.grid_ecosystem .house ul.tooltips li .eco-icon.duplicate {
    position: absolute;
    margin: 0
}

.grid_ecosystem .house ul.tooltips li .eco-icon svg {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 50%
}

.grid_ecosystem .house ul.tooltips li .eco-icon svg path {
    fill: #fff
}

.grid_ecosystem .house ul.tooltips li[data-product=base-station] {
    top: 50%;
    left: 25%
}

.grid_ecosystem .house ul.tooltips li[data-product=keypad] {
    top: 54%;
    left: 48%
}

.grid_ecosystem .house ul.tooltips li[data-product=motion-detector] {
    top: 15%;
    left: 55%
}

.grid_ecosystem .house ul.tooltips li[data-product=contact-sensor] {
    top: 23%;
    left: 9%
}

.grid_ecosystem .house ul.tooltips li[data-product=contact-sensor] .duplicate {
    top: 105%;
    left: 160%
}

.grid_ecosystem .house ul.tooltips li[data-product=range-extender] {
    top: 35%;
    left: 40%
}

.grid_ecosystem .house ul.tooltips li[data-product=smoke-co] {
    top: 40%;
    left: 33%
}

.grid_ecosystem .house ul.tooltips li[data-product=flood-freeze] {
    top: 38%;
    left: 26%
}

.grid_ecosystem .house ul.tooltips li[data-product=flood-freeze] .duplicate {
    top: 105%;
    right: 105%
}

@media screen and (max-width:1440px) {
    .grid_ecosystem .house {
        width: 1070px
    }
    .grid_ecosystem .house ul.tooltips li[data-product=base-station] {
        left: 20%
    }
    .grid_ecosystem .house ul.tooltips li[data-product=contact-sensor] {
        left: 5%
    }
    .grid_ecosystem .house ul.tooltips li[data-product=contact-sensor] .duplicate {
        left: 150%
    }
    .grid_ecosystem .house ul.tooltips li[data-product=range-extender] {
        left: 35%
    }
}

@media screen and (max-width:1279px) {
    .grid_ecosystem .house {
        width: 810px
    }
    .grid_ecosystem .house ul.tooltips li.icon-right .eco-icon {
        margin-left: 10px
    }
    .grid_ecosystem .house ul.tooltips li.icon-left .eco-icon {
        margin-right: 10px
    }
    .grid_ecosystem .house ul.tooltips li .eco-tooltip {
        width: 374px
    }
    .grid_ecosystem .house ul.tooltips li .eco-tooltip .image {
        height: 110px;
        width: 110px
    }
    .grid_ecosystem .house ul.tooltips li .eco-tooltip .copy {
        width: calc(100% - 110px)
    }
    .grid_ecosystem .house ul.tooltips li[data-product=base-station] {
        left: 13%
    }
    .grid_ecosystem .house ul.tooltips li[data-product=keypad] {
        top: 45%
    }
    .grid_ecosystem .house ul.tooltips li[data-product=motion-detector] {
        top: 8%
    }
    .grid_ecosystem .house ul.tooltips li[data-product=contact-sensor] {
        top: 15%;
        left: -2%
    }
    .grid_ecosystem .house ul.tooltips li[data-product=contact-sensor] .duplicate {
        top: 80%;
        left: 140%
    }
    .grid_ecosystem .house ul.tooltips li[data-product=range-extender] {
        top: 30%;
        left: 30%
    }
    .grid_ecosystem .house ul.tooltips li[data-product=smoke-co] {
        top: 35%;
        left: 25%
    }
    .grid_ecosystem .house ul.tooltips li[data-product=flood-freeze] {
        top: 25%;
        left: 25%
    }
    .grid_ecosystem .house ul.tooltips li[data-product=flood-freeze] .duplicate {
        top: 90%;
        right: 96%
    }
}

@media screen and (max-width:1023px) {
    .grid_ecosystem {
        padding: 80px 36px
    }
    .grid_ecosystem .grid_pmp_product_list {
        padding: 36px 0
    }
    .grid_ecosystem .grid_pmp_product_list .list {
        min-width: 100%
    }
    .grid_ecosystem .grid_pmp_product_list .left,
    .grid_ecosystem .grid_pmp_product_list .right {
        display: none
    }
    .grid_ecosystem .house {
        width: 650px
    }
    .grid_ecosystem .house ul.tooltips li .eco-tooltip {
        width: 335px
    }
    .grid_ecosystem .house ul.tooltips li .eco-tooltip .copy {
        width: calc(100% - 110px)
    }
    .grid_ecosystem .house ul.tooltips li .eco-icon {
        width: 50px;
        height: 50px
    }
    .grid_ecosystem .house ul.tooltips li[data-product=base-station] {
        top: 35%;
        left: 8%
    }
    .grid_ecosystem .house ul.tooltips li[data-product=keypad] {
        top: 35%;
        left: 45%
    }
    .grid_ecosystem .house ul.tooltips li[data-product=motion-detector] {
        top: 0
    }
    .grid_ecosystem .house ul.tooltips li[data-product=contact-sensor] {
        top: 7%;
        left: -7%
    }
    .grid_ecosystem .house ul.tooltips li[data-product=range-extender] {
        top: 20%;
        left: 25%
    }
    .grid_ecosystem .house ul.tooltips li[data-product=smoke-co] {
        top: 25%;
        left: 33%
    }
    .grid_ecosystem .house ul.tooltips li[data-product=flood-freeze] {
        top: 20%
    }
}

@media screen and (max-width:767px) {
    .grid_ecosystem {
        padding: 60px 0 300px
    }
    .grid_ecosystem--tight-padding {
        padding: 60px 0
    }
    .grid_ecosystem .desc,
    .grid_ecosystem .grid-ecosystem__desc,
    .grid_ecosystem h2 {
        text-align: left;
        padding: 0 19px
    }
    .grid_ecosystem .eco-wrapper {
        display: flex;
        flex-direction: column-reverse
    }
    .grid_ecosystem .eco-wrapper .grid_pmp_product_list {
        padding: 40px 20px
    }
    .grid_ecosystem .eco-wrapper .grid_pmp_product_list .list {
        min-width: 690px
    }
    .grid_ecosystem .eco-wrapper .grid_pmp_product_list .right {
        display: block
    }
    .grid_ecosystem .eco-wrapper .house {
        width: 348px
    }
    .grid_ecosystem .eco-wrapper .house--full-span {
        width: 100%
    }
    .grid_ecosystem .eco-wrapper .house ul.tooltips li {
        top: 0;
        left: 0;
        width: 100%
    }
    .grid_ecosystem .eco-wrapper .house ul.tooltips li.active {
        display: block
    }
    .grid_ecosystem .eco-wrapper .house ul.tooltips li .eco-tooltip {
        position: absolute;
        top: 365px;
        width: 100%
    }
    .grid_ecosystem .eco-wrapper .house ul.tooltips li .eco-icon {
        position: absolute;
        width: 25px;
        height: 25px;
        margin: 0
    }
    .grid_ecosystem .eco-wrapper .house ul.tooltips li[data-product=base-station] .eco-icon {
        left: 215px;
        top: 95px
    }
    .grid_ecosystem .eco-wrapper .house ul.tooltips li[data-product=keypad] .eco-icon {
        left: 165px;
        top: 100px
    }
    .grid_ecosystem .eco-wrapper .house ul.tooltips li[data-product=motion-detector] .eco-icon {
        left: 185px;
        top: 40px
    }
    .grid_ecosystem .eco-wrapper .house ul.tooltips li[data-product=contact-sensor] .eco-icon {
        left: 160px;
        top: 50px
    }
    .grid_ecosystem .eco-wrapper .house ul.tooltips li[data-product=contact-sensor] .eco-icon.duplicate {
        left: 270px;
        top: 90px
    }
    .grid_ecosystem .eco-wrapper .house ul.tooltips li[data-product=range-extender] .eco-icon {
        left: 270px;
        top: 70px
    }
    .grid_ecosystem .eco-wrapper .house ul.tooltips li[data-product=smoke-co] .eco-icon {
        left: 115px;
        top: 80px
    }
    .grid_ecosystem .eco-wrapper .house ul.tooltips li[data-product=flood-freeze] .eco-icon {
        left: 90px;
        top: 70px
    }
    .grid_ecosystem .eco-wrapper .house ul.tooltips li[data-product=flood-freeze] .eco-icon.duplicate {
        left: 60px;
        top: 115px
    }
}

.grid_image_cta {
    float: none;
    clear: both;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 1600px;
    padding-left: 72px;
    padding-right: 72px;
    margin-bottom: 100px;
    text-align: center
}

.grid_image_cta:after {
    content: '';
    display: table;
    clear: both
}

.grid_image_cta h2 {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    text-transform: none;
    font-size: 50px;
    line-height: 60px;
    margin-bottom: 20px
}

.grid_image_cta p {
    font-size: 18px;
    line-height: 28px
}

@media screen and (max-width:1440px) {
    .grid_image_cta {
        padding-left: 58px;
        padding-right: 58px
    }
}

@media screen and (max-width:1279px) {
    .grid_image_cta {
        padding-left: 44px;
        padding-right: 44px
    }
    .grid_image_cta h2 {
        font-size: 42px;
        line-height: 52px
    }
    .grid_image_cta p {
        font-size: 16px;
        line-height: 26px
    }
}

@media screen and (max-width:1023px) {
    .grid_image_cta {
        padding-left: 36px;
        padding-right: 36px;
        margin-bottom: 60px
    }
    .grid_image_cta h2 {
        font-size: 36px;
        line-height: 46px
    }
}

@media screen and (max-width:767px) {
    .grid_image_cta {
        padding-left: 19px;
        padding-right: 19px
    }
}

.grid_image_cta h2,
.grid_image_cta p {
    float: none;
    clear: both;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 83.33333%
}

.grid_image_cta h2:after,
.grid_image_cta p:after {
    content: '';
    display: table;
    clear: both
}

.grid_image_cta img {
    float: none;
    clear: both;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 50%;
    margin: 60px auto
}

.grid_image_cta img:after {
    content: '';
    display: table;
    clear: both
}

.grid_image_cta button:hover {
    transform: translateY(-5px)
}

@media screen and (max-width:767px) {
    .grid_image_cta img {
        float: none;
        clear: both;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        max-width: 83.33333%
    }
    .grid_image_cta img:after {
        content: '';
        display: table;
        clear: both
    }
}

.grid_features {
    float: none;
    clear: both;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: false;
    padding-left: 72px;
    padding-right: 72px;
    margin-bottom: 0;
    text-align: center;
    background: #f6f8fa
}

.grid_features:after {
    content: '';
    display: table;
    clear: both
}

.grid_features h2 {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    text-transform: none;
    font-size: 50px;
    line-height: 60px;
    margin-bottom: 20px
}

.grid_features p {
    font-size: 18px;
    line-height: 28px
}

@media screen and (max-width:1440px) {
    .grid_features {
        padding-left: 58px;
        padding-right: 58px
    }
}

@media screen and (max-width:1279px) {
    .grid_features {
        padding-left: 44px;
        padding-right: 44px
    }
    .grid_features h2 {
        font-size: 42px;
        line-height: 52px
    }
    .grid_features p {
        font-size: 16px;
        line-height: 26px
    }
}

@media screen and (max-width:1023px) {
    .grid_features {
        padding-left: 36px;
        padding-right: 36px;
        margin-bottom: 0
    }
    .grid_features h2 {
        font-size: 36px;
        line-height: 46px
    }
}

@media screen and (max-width:767px) {
    .grid_features {
        padding-left: 19px;
        padding-right: 19px
    }
}

.grid_features.margin_fix {
    margin-bottom: 60px
}

@media screen and (min-width:768px) {
    .grid_features.margin_fix {
        margin-bottom: 80px
    }
}

@media screen and (min-width:1024px) {
    .grid_features.margin_fix {
        margin-bottom: 100px
    }
}

.grid_features ul {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    display: grid;
    grid-gap: 24px;
    float: none;
    clear: both;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 83.33333%;
    padding: 60px 0 30px;
    grid-template-columns: repeat(5, 2fr);
    align-items: start;
    font-family: Equip-Light, Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 26px;
    color: #424242
}

@media screen and (max-width:1023px) {
    .grid_features ul {
        grid-gap: 12px
    }
}

.grid_features ul:after {
    content: '';
    display: table;
    clear: both
}

.grid_features ul b,
.grid_features ul p {
    font-size: 16px;
    line-height: 26px;
    color: #424242
}

.grid_features ul b {
    font-family: Equip-Medium, Helvetica, Arial, sans-serif;
    margin-bottom: 2px;
    font-weight: 400
}

.grid_features ul p {
    font-family: Equip-ExtraLight, Helvetica, Arial, sans-serif
}

.grid_features ul p.rfb-padding {
    padding: 0 6%
}

.grid_features ul img {
    height: 32px
}

.grid_features.fourths ul {
    float: none;
    clear: both;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 100%;
    grid-template-columns: repeat(4, 3fr)
}

.grid_features.fourths ul:after {
    content: '';
    display: table;
    clear: both
}

.grid_features.sixths ul {
    float: none;
    clear: both;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 100%;
    grid-template-columns: repeat(6, 3fr)
}

.grid_features.sixths ul:after {
    content: '';
    display: table;
    clear: both
}

@media screen and (max-width:1023px) {
    .grid_features ul,
    .grid_features ul b,
    .grid_features ul p {
        font-size: 14px;
        line-height: 22px
    }
    .grid_features ul>li {
        padding: 0 5px
    }
}

@media screen and (max-width:767px) {
    .grid_features:not(.fourths) ul {
        max-width: 100%;
        width: 100%;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-flow: row wrap;
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        justify-content: flex-start;
        justify-content: center;
        padding-bottom: 60px
    }
    .grid_features:not(.fourths) ul>li {
        width: calc(33.33333% - 12px);
        margin-bottom: 40px
    }
    .grid_features:not(.fourths) ul>li:nth-child(n+4) {
        margin-bottom: 0
    }
    .grid_features:not(.fourths) ul>li:not(.sm_padding) {
        padding: 0 10px
    }
    .grid_features.fourths ul {
        grid-template-columns: repeat(2, 2fr)
    }
    .grid_features.fourths ul>li {
        margin-bottom: 40px
    }
    .grid_features.fourths ul>li:nth-child(2n) {
        margin-bottom: 0
    }
    .grid_features.sixths ul {
        grid-template-columns: repeat(2, 2fr)
    }
    .grid_features.sixths ul>li {
        margin-bottom: 40px
    }
    .grid_features.sixths ul>li:nth-child(n+2) {
        margin-bottom: 0
    }
    .grid_features.sixths.grid_features--mobile-2-cols ul {
        padding-bottom: 20px
    }
    .grid_features.sixths.grid_features--mobile-2-cols li {
        width: calc(50% - 12px)
    }
    .grid_features.sixths.grid_features--mobile-2-cols li:nth-child(n+2) {
        margin-bottom: 40px
    }
}

@media screen and (min-width:768px) {
    .grid_features--no-desktop {
        display: none
    }
}

.grid_features--no-mobile {
    display: none
}

@media screen and (min-width:768px) {
    .grid_features--no-mobile {
        display: block
    }
}

.grid_features--no-center {
    text-align: left
}

#shopify-section-plp-header .plp_title,
.plp_notes {
    float: none;
    clear: both;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 1600px;
    padding-left: 72px;
    padding-right: 72px;
    margin-bottom: 100px;
    margin-bottom: 0
}

#shopify-section-plp-header .plp_title:after,
.plp_notes:after {
    content: '';
    display: table;
    clear: both
}

#shopify-section-plp-header .plp_title h2,
.plp_notes h2 {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    text-transform: none;
    font-size: 50px;
    line-height: 60px;
    margin-bottom: 20px
}

#shopify-section-plp-header .plp_title p,
.plp_notes p {
    font-size: 18px;
    line-height: 28px
}

@media screen and (max-width:1440px) {
    #shopify-section-plp-header .plp_title,
    .plp_notes {
        padding-left: 58px;
        padding-right: 58px
    }
}

@media screen and (max-width:1279px) {
    #shopify-section-plp-header .plp_title,
    .plp_notes {
        padding-left: 44px;
        padding-right: 44px
    }
    #shopify-section-plp-header .plp_title h2,
    .plp_notes h2 {
        font-size: 42px;
        line-height: 52px
    }
    #shopify-section-plp-header .plp_title p,
    .plp_notes p {
        font-size: 16px;
        line-height: 26px
    }
}

@media screen and (max-width:1023px) {
    #shopify-section-plp-header .plp_title,
    .plp_notes {
        padding-left: 36px;
        padding-right: 36px;
        margin-bottom: 60px
    }
    #shopify-section-plp-header .plp_title h2,
    .plp_notes h2 {
        font-size: 36px;
        line-height: 46px
    }
}

@media screen and (max-width:767px) {
    #shopify-section-plp-header .plp_title,
    .plp_notes {
        padding-left: 19px;
        padding-right: 19px
    }
}

.grid_products {
    float: none;
    clear: both;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 1600px;
    padding-left: 72px;
    padding-right: 72px;
    margin-bottom: 100px
}

.grid_products:after {
    content: '';
    display: table;
    clear: both
}

.grid_products h2 {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    text-transform: none;
    font-size: 50px;
    line-height: 60px;
    margin-bottom: 20px
}

.grid_products p {
    font-size: 18px;
    line-height: 28px
}

@media screen and (max-width:1440px) {
    .grid_products {
        padding-left: 58px;
        padding-right: 58px
    }
}

@media screen and (max-width:1279px) {
    .grid_products {
        padding-left: 44px;
        padding-right: 44px
    }
    .grid_products h2 {
        font-size: 42px;
        line-height: 52px
    }
    .grid_products p {
        font-size: 16px;
        line-height: 26px
    }
}

@media screen and (max-width:1023px) {
    .grid_products {
        padding-left: 36px;
        padding-right: 36px;
        margin-bottom: 60px
    }
    .grid_products h2 {
        font-size: 36px;
        line-height: 46px
    }
}

@media screen and (max-width:767px) {
    .grid_products {
        padding-left: 19px;
        padding-right: 19px
    }
}

.grid_products .col_title {
    margin-bottom: 0
}

.grid_products .comp_btn {
    line-height: initial
}

.grid_products>div {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    display: grid;
    grid-gap: 24px;
    grid-template-columns: repeat(4, 1fr)
}

@media screen and (max-width:1023px) {
    .grid_products>div {
        grid-gap: 12px
    }
}

@media screen and (max-width:1279px) {
    .grid_products>div {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media screen and (max-width:1023px) {
    .grid_products>div {
        grid-template-columns: repeat(2, 1fr)
    }
    .grid_products>div .pmp_specs {
        display: none
    }
}

@media screen and (max-width:767px) {
    .grid_products>div {
        grid-template-columns: repeat(1, 1fr)
    }
}

.grid_products>div div:not(.badge),
.grid_products>div p,
.grid_products>div span {
    color: #424242
}

.grid_products>div .plp_grid_specs {
    grid-column: span 4
}

@media screen and (max-width:1279px) {
    .grid_products>div .plp_grid_specs {
        display: none
    }
}

.grid_products>div h2 {
    margin-bottom: 40px
}

.grid_products>div .h3 {
    font-size: 20px;
    line-height: 30px
}

.grid_products>div .h3.description {
    font-size: 15px;
    line-height: 25px
}

.grid_products>div .h3 s,
.grid_products>div .h3 span {
    font-weight: 300;
    color: #424242
}

.grid_products>div .h3 s.sub,
.grid_products>div .h3 span.sub {
    font-size: 15px;
    color: #999;
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%
}

.grid_products>div .h3 s.desc,
.grid_products>div .h3 span.desc {
    margin-top: 15px;
    line-height: 1.6em;
    min-height: 72px
}

.grid_products>div a:hover button,
.grid_products>div button:hover {
    transform: translateY(-5px)
}

.grid_products>div .grid_specs {
    display: none
}

@media screen and (max-width:1279px) {
    .grid_products>div .grid_specs {
        display: block
    }
}

.grid_products>div .product {
    margin: 0;
    -webkit-border-radius: 16px;
    -ms-border-radius: 16px;
    border-radius: 16px;
    text-align: left;
    border-color: #f1f1f1
}

.grid_products>div .product .img {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    padding-bottom: 100%
}

.grid_products>div .product .plp_button {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    text-align: center
}

.grid_products>div .product a.cflex {
    justify-content: space-between
}

.grid_products>div .product .pmp_specs {
    flex-grow: 1
}

.grid_products>div .product .pmp_specs>div {
    width: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    justify-content: flex-start;
    flex-direction: column;
    align-items: center
}

@media screen and (min-width:768px) {
    .grid_products>div .product .pmp_specs>div p {
        display: none
    }
}

.grid_products>div .product .pmp_specs>div>div {
    width: 180px;
    margin-bottom: 30px
}

.grid_products>div .product .pmp_specs>div>div>div {
    float: left;
    text-align: left;
    width: calc(100% - 42px)
}

.grid_products>div .product .pmp_specs>div>div>div:nth-child(1) {
    width: 24px;
    margin-right: 18px
}

.grid_products.thirds {
    float: none;
    clear: both;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 83.33333%
}

.grid_products.thirds:after {
    content: '';
    display: table;
    clear: both
}

.grid_products.thirds h2 {
    text-align: center;
    margin: 100px 0 30px
}

.grid_products.thirds>div {
    grid-template-columns: repeat(3, 1fr)
}

.grid_products.thirds>div.test {
    margin: 0
}

@media screen and (max-width:1279px) {
    .grid_products.thirds {
        max-width: 100%
    }
}

@media screen and (max-width:767px) {
    .grid_products.thirds {
        clear: both;
        float: left;
        width: 100%;
        max-width: 100%
    }
    .grid_products.thirds h2 {
        margin: 60px 0 30px
    }
    .grid_products.thirds>div {
        width: 100%;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-flow: row wrap;
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        justify-content: flex-start;
        justify-content: space-between;
        grid-gap: 0
    }
    .grid_products.thirds>div .product {
        margin-bottom: 12px;
        width: calc(50% - (12px/2));
        min-width: calc(50% - (12px/2))
    }
    .grid_products.thirds>div .product:nth-last-child(1):nth-child(odd) {
        margin: 0 auto
    }
}

@media screen and (max-width:350px) {
    .grid_products.thirds>div .product {
        clear: both;
        float: left;
        width: 100%;
        max-width: 100%
    }
}

.grid_products.simple>div .badge {
    position: absolute
}

.grid_products.simple>div .product {
    border: 0;
    background: #f6f8fa;
    text-align: center
}

.grid_products.simple>div .product .img {
    float: none;
    clear: both;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 80%;
    padding-bottom: 65%;
    background-blend-mode: multiply;
    background-color: #f6f8fa
}

.grid_products.simple>div .product .img:after {
    content: '';
    display: table;
    clear: both
}

.grid_products.simple>div .product .img.no_multiply {
    background-blend-mode: normal
}

.grid_products.simple>div .product>a>div:nth-child(1) {
    order: 2
}

.grid_products.simple>div .product>a>div:nth-child(1) .h3 {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%
}

.grid_products.simple>div .product>a>div:nth-child(1) .h3:nth-child(1) {
    font-family: Equip-Medium, Helvetica, Arial, sans-serif;
    font-size: 18px;
    line-height: 28px
}

.grid_products.simple>div .product>a>div:nth-child(1) .h3:nth-child(2) {
    font-family: Equip-Light, Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 26px
}

.grid_products.simple>div .product>a>div:nth-child(1) .h3:nth-child(2) .product-price__price.product-price__sale {
    color: #f1670d
}

.grid_products.three {
    display: grid
}

@media screen and (min-width:1024px) {
    .grid_products.three {
        justify-content: center
    }
}

.grid_products.three h2 {
    text-align: center;
    margin-bottom: 40px
}

.grid_products.three>div {
    grid-template-columns: repeat(2, 1fr);
    width: 100%
}

@media screen and (min-width:768px) {
    .grid_products.three>div {
        grid-template-columns: repeat(3, 1fr)
    }
}

.grid_products.three>div>div {
    max-width: 315px
}

.grid_products.three>div>div:last-child {
    margin-left: 50%
}

@media screen and (min-width:768px) {
    .grid_products.three>div>div:last-child {
        margin-left: initial
    }
}

.grid_products.fours {
    justify-content: center;
    display: grid
}

@media screen and (min-width:1280px) {
    .grid_products.fours {
        justify-content: initial
    }
}

.grid_products.fours h2 {
    text-align: center;
    margin-bottom: 40px
}

.grid_products.fours>div {
    grid-template-columns: repeat(2, 1fr);
    width: 100%
}

@media screen and (min-width:1024px) {
    .grid_products.fours>div {
        grid-template-columns: repeat(4, 1fr);
        grid-gap: 25px
    }
}

.grid_products.fours>div>div {
    max-width: 273px
}

@media screen and (min-width:768px) {
    .grid_products.fours>div>div:last-child {
        margin-left: initial
    }
}

.grid_products__subtitle {
    max-width: 660px
}

.grid_sticky_nav {
    -webkit-transition: all .5s ease-out 0s;
    -moz-transition: all .5s ease-out 0s;
    -ms-transition: all .5s ease-out 0s;
    -o-transition: all .5s ease-out 0s;
    transition: all .5s ease-out 0s;
    float: none;
    clear: both;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 1600px;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    float: none;
    clear: both;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 1600px;
    padding-left: 72px;
    padding-right: 72px;
    margin-bottom: 100px;
    position: fixed;
    top: -100px;
    z-index: 15;
    background: #fff;
    webkit-box-shadow: 0 1px 3px -2px rgba(0, 0, 0, .5);
    -moz-box-shadow: 0 1px 3px -2px rgba(0, 0, 0, .5);
    box-shadow: 0 1px 3px -2px rgba(0, 0, 0, .5)
}

.grid_sticky_nav:after {
    content: '';
    display: table;
    clear: both
}

.grid_sticky_nav:after {
    content: '';
    display: table;
    clear: both
}

.grid_sticky_nav h2 {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    text-transform: none;
    font-size: 50px;
    line-height: 60px;
    margin-bottom: 20px
}

.grid_sticky_nav p {
    font-size: 18px;
    line-height: 28px
}

@media screen and (max-width:1440px) {
    .grid_sticky_nav {
        padding-left: 58px;
        padding-right: 58px
    }
}

@media screen and (max-width:1279px) {
    .grid_sticky_nav {
        padding-left: 44px;
        padding-right: 44px
    }
    .grid_sticky_nav h2 {
        font-size: 42px;
        line-height: 52px
    }
    .grid_sticky_nav p {
        font-size: 16px;
        line-height: 26px
    }
}

@media screen and (max-width:1023px) {
    .grid_sticky_nav {
        padding-left: 36px;
        padding-right: 36px;
        margin-bottom: 60px
    }
    .grid_sticky_nav h2 {
        font-size: 36px;
        line-height: 46px
    }
}

@media screen and (max-width:767px) {
    .grid_sticky_nav {
        padding-left: 19px;
        padding-right: 19px
    }
}

.grid_sticky_nav.on {
    top: 0
}

.grid_sticky_nav>div {
    width: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-flow: row nowrap;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    padding: 12px 0
}

.grid_sticky_nav h2 {
    font-family: Equip-Medium, Helvetica, Arial, sans-serif;
    font-size: 20px;
    line-height: 30px;
    color: #424242;
    width: auto;
    float: none;
    margin-bottom: 0;
    margin-right: 30px;
    white-space: nowrap
}

.grid_sticky_nav .grid_mobile_menu {
    position: relative;
    margin-right: 15px;
    color: #1998d5;
    font-family: Equip-Medium, Helvetica, Arial, sans-serif;
    margin-left: auto;
    display: none
}

.grid_sticky_nav .grid_mobile_menu img {
    position: absolute;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    width: 20px
}

.grid_sticky_nav .grid_mobile_menu:before {
    content: 'Menu';
    margin-right: 25px
}

.grid_sticky_nav .grid_mobile_menu:hover {
    cursor: pointer
}

.grid_sticky_nav ul {
    width: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    justify-content: flex-start
}

.grid_sticky_nav ul>li {
    margin-right: 30px
}

.grid_sticky_nav ul>li a {
    font-family: Equip-Light, Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #4c4c4c;
    text-transform: capitalize
}

.grid_sticky_nav ul>li a.active,
.grid_sticky_nav ul>li a:hover {
    color: #1998d5
}

.grid_sticky_nav .price {
    font-family: Equip-ExtraLight, Helvetica, Arial, sans-serif;
    font-size: 20px;
    line-height: 30px;
    color: #424242;
    margin-right: 30px
}

.grid_sticky_nav button {
    white-space: nowrap
}

@media screen and (max-width:1279px) {
    .grid_sticky_nav:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #fff;
        z-index: -1
    }
    .grid_sticky_nav h2 {
        font-size: 16px;
        max-width: 50%;
        white-space: normal;
        line-height: 16px
    }
    .grid_sticky_nav .grid_mobile_menu {
        display: block
    }
    .grid_sticky_nav ul {
        -webkit-transition: all .5s ease-out 0s;
        -moz-transition: all .5s ease-out 0s;
        -ms-transition: all .5s ease-out 0s;
        -o-transition: all .5s ease-out 0s;
        transition: all .5s ease-out 0s;
        display: block;
        -webkit-align-items: none;
        -ms-align-items: none;
        align-items: none;
        -webkit-justify-content: none;
        -ms-justify-content: none;
        justify-content: none;
        flex: none;
        order: 3;
        position: absolute;
        left: 0;
        background: #fff;
        webkit-box-shadow: 0 1px 3px -2px rgba(0, 0, 0, .5);
        -moz-box-shadow: 0 1px 3px -2px rgba(0, 0, 0, .5);
        box-shadow: 0 1px 3px -2px rgba(0, 0, 0, .5);
        z-index: -5;
        top: -100vh
    }
    .grid_sticky_nav ul.on {
        top: 100%
    }
    .grid_sticky_nav ul>li {
        clear: both;
        float: left;
        width: 100%;
        max-width: 100%
    }
    .grid_sticky_nav ul>li a {
        float: none;
        clear: both;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        max-width: 100%;
        padding-left: 72px;
        padding-right: 72px;
        margin-bottom: 0;
        clear: both;
        float: left;
        width: 100%;
        max-width: 100%;
        padding-top: 10px;
        padding-bottom: 10px;
        margin: 0
    }
    .grid_sticky_nav ul>li a:after {
        content: '';
        display: table;
        clear: both
    }
    .grid_sticky_nav ul>li a h2 {
        clear: both;
        float: left;
        width: 100%;
        max-width: 100%;
        text-transform: none;
        font-size: 50px;
        line-height: 60px;
        margin-bottom: 20px
    }
    .grid_sticky_nav ul>li a p {
        font-size: 18px;
        line-height: 28px
    }
}

@media screen and (max-width:1279px) and (max-width:1440px) {
    .grid_sticky_nav ul>li a {
        padding-left: 58px;
        padding-right: 58px
    }
}

@media screen and (max-width:1279px) and (max-width:1279px) {
    .grid_sticky_nav ul>li a {
        padding-left: 44px;
        padding-right: 44px
    }
    .grid_sticky_nav ul>li a h2 {
        font-size: 42px;
        line-height: 52px
    }
    .grid_sticky_nav ul>li a p {
        font-size: 16px;
        line-height: 26px
    }
}

@media screen and (max-width:1279px) and (max-width:1023px) {
    .grid_sticky_nav ul>li a {
        padding-left: 36px;
        padding-right: 36px;
        margin-bottom: 0
    }
    .grid_sticky_nav ul>li a h2 {
        font-size: 36px;
        line-height: 46px
    }
}

@media screen and (max-width:1279px) and (max-width:767px) {
    .grid_sticky_nav ul>li a {
        padding-left: 19px;
        padding-right: 19px
    }
}

@media screen and (max-width:1279px) {
    .grid_sticky_nav ul>li a.active,
    .grid_sticky_nav ul>li a:hover {
        background: #f6f8fa
    }
    .grid_sticky_nav .price {
        display: none
    }
}

@media screen and (max-width:767px) {
    .grid_sticky_nav:not(.layout-3) .grid_mobile_menu:before {
        content: ''
    }
    .grid_sticky_nav.layout-3 h2 {
        display: none
    }
    .grid_sticky_nav.layout-3 .grid_mobile_menu {
        margin-right: auto;
        margin-left: 0
    }
}

.ml--10 {
    margin-left: 10px
}

#google-badge,
#solvvy-support-flow-launch-widge {
    z-index: 1101;
    position: absolute
}

.grid_kit_builder {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1100;
    background: #fff;
    display: none;
    overflow: auto
}

.grid_kit_builder.on {
    display: block
}

.grid_kit_builder .builder_nav {
    position: fixed;
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    width: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    justify-content: flex-start;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    background: #1998d5;
    padding: 20px 30px;
    color: #fff;
    height: 100px;
    z-index: 2
}

.grid_kit_builder .builder_nav .builder_progress {
    position: relative;
    float: none;
    clear: both;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 1600px;
    padding-left: 72px;
    padding-right: 72px;
    margin-bottom: 0
}

.grid_kit_builder .builder_nav .builder_progress:after {
    content: '';
    display: table;
    clear: both
}

.grid_kit_builder .builder_nav .builder_progress h2 {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    text-transform: none;
    font-size: 50px;
    line-height: 60px;
    margin-bottom: 20px
}

.grid_kit_builder .builder_nav .builder_progress p {
    font-size: 18px;
    line-height: 28px
}

@media screen and (max-width:1440px) {
    .grid_kit_builder .builder_nav .builder_progress {
        padding-left: 58px;
        padding-right: 58px
    }
}

@media screen and (max-width:1279px) {
    .grid_kit_builder .builder_nav .builder_progress {
        padding-left: 44px;
        padding-right: 44px
    }
    .grid_kit_builder .builder_nav .builder_progress h2 {
        font-size: 42px;
        line-height: 52px
    }
    .grid_kit_builder .builder_nav .builder_progress p {
        font-size: 16px;
        line-height: 26px
    }
}

@media screen and (max-width:1023px) {
    .grid_kit_builder .builder_nav .builder_progress {
        padding-left: 36px;
        padding-right: 36px;
        margin-bottom: 0
    }
    .grid_kit_builder .builder_nav .builder_progress h2 {
        font-size: 36px;
        line-height: 46px
    }
}

@media screen and (max-width:767px) {
    .grid_kit_builder .builder_nav .builder_progress {
        padding-left: 19px;
        padding-right: 19px
    }
}

.grid_kit_builder .builder_nav .builder_progress>div {
    position: relative;
    width: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-flow: row nowrap;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    justify-content: space-between;
    float: none;
    clear: both;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 985px
}

.grid_kit_builder .builder_nav .builder_progress>div:after {
    content: '';
    display: table;
    clear: both
}

.grid_kit_builder .builder_nav .builder_progress>div:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 1px;
    width: 88%;
    margin-top: -1%;
    background: #fff
}

.grid_kit_builder .builder_nav .builder_progress>div>div {
    position: relative;
    width: 12.5%;
    text-align: center;
    font-family: Equip-ExtraLight, Helvetica, Arial, sans-serif;
    font-size: 14px;
    overflow: hidden
}

.grid_kit_builder .builder_nav .builder_progress>div>div .status {
    position: relative;
    float: none;
    clear: both;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 32px;
    height: 40px
}

.grid_kit_builder .builder_nav .builder_progress>div>div .status:after {
    content: '';
    display: table;
    clear: both
}

.grid_kit_builder .builder_nav .builder_progress>div>div .status:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    height: 14px;
    width: 14px;
    border: 1px solid #fff;
    background: #1998d5
}

.grid_kit_builder .builder_nav .builder_progress>div>div.ready .status:before,
.grid_kit_builder .builder_nav .builder_progress>div>div.ready:hover:not(.active):not(.done) .status:before {
    background: #fff
}

.grid_kit_builder .builder_nav .builder_progress>div>div.active,
.grid_kit_builder .builder_nav .builder_progress>div>divready:hover {
    font-family: Equip-Medium, Helvetica, Arial, sans-serif
}

.grid_kit_builder .builder_nav .builder_progress>div>div.active .status:before,
.grid_kit_builder .builder_nav .builder_progress>div>div.done .status:before {
    height: 30px;
    width: 30px;
    border-width: 8px;
    background: #1998d5
}

.grid_kit_builder .builder_nav .builder_progress>div>div.done {
    font-family: Equip-Medium, Helvetica, Arial, sans-serif
}

.grid_kit_builder .builder_nav .builder_progress>div>div.done .status:before {
    background: #fff url(icon-check.png) center no-repeat;
    background-size: 80%;
    border-width: 0
}

.grid_kit_builder .builder_nav .builder_progress>div>div.done.active .status:before {
    border-width: 8px;
    background: #1998d5
}

.grid_kit_builder .builder_nav .close {
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 30px;
    cursor: pointer
}

.grid_kit_builder .builder_nav .close img {
    width: 20px;
    height: 20px
}

.grid_kit_builder .builder_nav .close:hover {
    transform: translateY(-25px)
}

.grid_kit_builder .builder_content {
    float: none;
    clear: both;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 1600px;
    padding-left: 72px;
    padding-right: 72px;
    margin-bottom: 0;
    text-align: center;
    font-size: 28px;
    line-height: 38px;
    font-family: Equip-ExtraLight, Helvetica, Arial, sans-serif
}

.grid_kit_builder .builder_content:after {
    content: '';
    display: table;
    clear: both
}

.grid_kit_builder .builder_content h2 {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    text-transform: none;
    font-size: 50px;
    line-height: 60px;
    margin-bottom: 20px
}

.grid_kit_builder .builder_content p {
    font-size: 18px;
    line-height: 28px
}

@media screen and (max-width:1440px) {
    .grid_kit_builder .builder_content {
        padding-left: 58px;
        padding-right: 58px
    }
}

@media screen and (max-width:1279px) {
    .grid_kit_builder .builder_content {
        padding-left: 44px;
        padding-right: 44px
    }
    .grid_kit_builder .builder_content h2 {
        font-size: 42px;
        line-height: 52px
    }
    .grid_kit_builder .builder_content p {
        font-size: 16px;
        line-height: 26px
    }
}

@media screen and (max-width:1023px) {
    .grid_kit_builder .builder_content {
        padding-left: 36px;
        padding-right: 36px;
        margin-bottom: 0
    }
    .grid_kit_builder .builder_content h2 {
        font-size: 36px;
        line-height: 46px
    }
}

@media screen and (max-width:767px) {
    .grid_kit_builder .builder_content {
        padding-left: 19px;
        padding-right: 19px
    }
}

.grid_kit_builder .builder_content .builder_h2 {
    margin: 10vh 0
}

.grid_kit_builder .builder_content .builder_h2 .img {
    position: relative;
    -webkit-border-radius: 100px;
    -ms-border-radius: 100px;
    border-radius: 100px;
    float: none;
    clear: both;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 100px;
    padding-bottom: calc(100px - 2px);
    margin-bottom: 30px;
    border: 1px solid #1998d5;
    overflow: hidden
}

.grid_kit_builder .builder_content .builder_h2 .img:after {
    content: '';
    display: table;
    clear: both
}

.grid_kit_builder .builder_content .builder_h2 .img>img,
.grid_kit_builder .builder_content .builder_h2 .img>svg {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 50%;
    fill: #1998d5
}

.grid_kit_builder .builder_content .builder_data {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%
}

.grid_kit_builder .builder_content p {
    font-family: Equip-ExtraLight, Helvetica, Arial, sans-serif;
    color: #424242
}

.grid_kit_builder .builder_content>div {
    grid-area: builder_content;
    position: relative;
    padding-top: 100px;
    width: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    justify-content: flex-start;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    align-items: stretch;
    min-height: 100vh
}

.grid_kit_builder .builder_content .builder_steps {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%
}

.grid_kit_builder .builder_content .builder_steps b {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    font-family: Equip-Medium, Helvetica, Arial, sans-serif;
    font-size: 20px;
    line-height: 30px;
    font-weight: 400;
    color: #424242
}

.grid_kit_builder .builder_content .builder_steps .required {
    position: relative
}

.grid_kit_builder .builder_content .builder_steps .required .required_field {
    border-bottom: 1px solid #d71b00
}

.grid_kit_builder .builder_content .builder_steps .required.top:after {
    top: -25px;
    bottom: initial
}

.grid_kit_builder .builder_content .builder_steps .required:after {
    content: 'Required';
    position: absolute;
    bottom: -35px;
    left: 50%;
    transform: translateX(-50%);
    color: #d71b00;
    font-family: Equip-ExtraLight, Helvetica, Arial, sans-serif;
    font-size: 18px;
    line-height: 28px
}

.grid_kit_builder .builder_content .builder_steps input:not(.cart__qty-input) {
    -webkit-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    padding: 0 40px;
    color: #1998d5;
    border: 0;
    width: auto
}

.grid_kit_builder .builder_content .builder_steps input:not(.cart__qty-input),
.grid_kit_builder .builder_content .builder_steps select {
    font-size: 28px;
    text-align: center;
    font-family: Equip-ExtraLight, Helvetica, Arial, sans-serif;
    border-bottom: 1px solid #1998d5
}

.grid_kit_builder .builder_content .builder_steps input:not(.cart__qty-input).interacted,
.grid_kit_builder .builder_content .builder_steps select.interacted {
    border-bottom: 1px solid #424242
}

.grid_kit_builder .builder_content .builder_steps>div {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    display: none
}

.grid_kit_builder .builder_content .builder_steps>div.active {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
    height: 100%
}

@supports (-ms-ime-align:auto) {
    .grid_kit_builder .builder_content .builder_steps>div.active {
        justify-content: space-around
    }
}

@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
    .grid_kit_builder .builder_content .builder_steps>div.active {
        justify-content: space-between
    }
}

.grid_kit_builder .builder_content .builder_steps #step_accessories>div,
.grid_kit_builder .builder_content .builder_steps #step_cameras>div,
.grid_kit_builder .builder_content .builder_steps #step_home>div {
    float: none;
    clear: both;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 58.33333%;
    line-height: 80px
}

.grid_kit_builder .builder_content .builder_steps #step_accessories>div:after,
.grid_kit_builder .builder_content .builder_steps #step_cameras>div:after,
.grid_kit_builder .builder_content .builder_steps #step_home>div:after {
    content: '';
    display: table;
    clear: both
}

@media screen and (max-width:1440px) {
    .grid_kit_builder .builder_content .builder_steps #step_accessories>div,
    .grid_kit_builder .builder_content .builder_steps #step_cameras>div,
    .grid_kit_builder .builder_content .builder_steps #step_home>div {
        float: none;
        clear: both;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        max-width: 66.66667%
    }
    .grid_kit_builder .builder_content .builder_steps #step_accessories>div:after,
    .grid_kit_builder .builder_content .builder_steps #step_cameras>div:after,
    .grid_kit_builder .builder_content .builder_steps #step_home>div:after {
        content: '';
        display: table;
        clear: both
    }
}

@media screen and (max-width:1279px) {
    .grid_kit_builder .builder_content .builder_steps #step_accessories>div,
    .grid_kit_builder .builder_content .builder_steps #step_cameras>div,
    .grid_kit_builder .builder_content .builder_steps #step_home>div {
        line-height: 70px
    }
}

@media screen and (max-width:1023px) {
    .grid_kit_builder .builder_content .builder_steps #step_accessories>div,
    .grid_kit_builder .builder_content .builder_steps #step_cameras>div,
    .grid_kit_builder .builder_content .builder_steps #step_home>div {
        line-height: 50px
    }
}

@media screen and (max-width:767px) {
    .grid_kit_builder .builder_content .builder_steps #step_accessories>div,
    .grid_kit_builder .builder_content .builder_steps #step_cameras>div,
    .grid_kit_builder .builder_content .builder_steps #step_home>div {
        float: none;
        clear: both;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        max-width: 100%
    }
    .grid_kit_builder .builder_content .builder_steps #step_accessories>div:after,
    .grid_kit_builder .builder_content .builder_steps #step_cameras>div:after,
    .grid_kit_builder .builder_content .builder_steps #step_home>div:after {
        content: '';
        display: table;
        clear: both
    }
}

.grid_kit_builder .builder_content .builder_steps #step_alldone a,
.grid_kit_builder .builder_content .builder_steps #step_monitoring a {
    text-decoration: underline
}

.grid_kit_builder .builder_content .builder_steps #step_alldone>img,
.grid_kit_builder .builder_content .builder_steps #step_alldone>svg,
.grid_kit_builder .builder_content .builder_steps #step_monitoring>img,
.grid_kit_builder .builder_content .builder_steps #step_monitoring>svg {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 50%;
    fill: #c7c8c9
}

.grid_kit_builder .builder_content .builder_steps #step_alldone b,
.grid_kit_builder .builder_content .builder_steps #step_monitoring b {
    margin-bottom: 12px
}

.grid_kit_builder .builder_content .builder_steps #step_alldone p,
.grid_kit_builder .builder_content .builder_steps #step_monitoring p {
    float: none;
    clear: both;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: calc(calc(calc(1600px - (72px * 2))/ 12) * 4 - 24px)
}

.grid_kit_builder .builder_content .builder_steps #step_alldone p:after,
.grid_kit_builder .builder_content .builder_steps #step_monitoring p:after {
    content: '';
    display: table;
    clear: both
}

.grid_kit_builder .builder_content .builder_steps #step_alldone p.sm,
.grid_kit_builder .builder_content .builder_steps #step_monitoring p.sm {
    float: none;
    clear: both;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: calc(calc(calc(1600px - (72px * 2))/ 12) * 3 - 24px);
    margin-top: 6vh;
    font-size: 13px;
    line-height: 20px
}

.grid_kit_builder .builder_content .builder_steps #step_alldone p.sm:after,
.grid_kit_builder .builder_content .builder_steps #step_monitoring p.sm:after {
    content: '';
    display: table;
    clear: both
}

.grid_kit_builder .builder_content .builder_steps #step_smoke .builder_data>div,
.grid_kit_builder .builder_content .builder_steps #step_smoke .builder_h2 {
    display: none
}

.grid_kit_builder .builder_content .builder_steps #step_smoke .builder_data>div.on,
.grid_kit_builder .builder_content .builder_steps #step_smoke .builder_h2.on {
    display: block
}

.grid_kit_builder .builder_content .builder_steps #step_smoke .selector_tip {
    font-size: 18px;
    line-height: 28px;
    font-family: Equip-ExtraLight, Helvetica, Arial, sans-serif
}

.grid_kit_builder .builder_content .builder_steps #step_smoke .selector {
    float: none;
    clear: both;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: calc(calc(calc(1600px - (72px * 2))/ 12) * 2 - 24px);
    padding-bottom: calc(calc(calc(1600px - (72px * 2))/ 12) * 2 - 24px);
    position: relative;
    font-size: 18px;
    line-height: 28px;
    font-family: Equip-ExtraLight, Helvetica, Arial, sans-serif;
    color: #424242;
    -webkit-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    border: 1px solid #1998d5;
    color: #1998d5;
    margin-bottom: 30px
}

.grid_kit_builder .builder_content .builder_steps #step_smoke .selector:after {
    content: '';
    display: table;
    clear: both
}

.grid_kit_builder .builder_content .builder_steps #step_smoke .selector>div {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.grid_kit_builder .builder_content .builder_steps #step_smoke .intro .selectors {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    display: grid;
    grid-gap: 24px;
    float: none;
    clear: both;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: calc(calc(calc(1600px - (72px * 2))/ 12) * 4 - 24px);
    grid-template-columns: repeat(2, 2fr)
}

@media screen and (max-width:1023px) {
    .grid_kit_builder .builder_content .builder_steps #step_smoke .intro .selectors {
        grid-gap: 12px
    }
}

.grid_kit_builder .builder_content .builder_steps #step_smoke .intro .selectors:after {
    content: '';
    display: table;
    clear: both
}

.grid_kit_builder .builder_content .builder_steps #step_smoke .intro .selectors>div {
    position: relative;
    font-size: 16px;
    line-height: 26px;
    font-family: Equip-ExtraLight, Helvetica, Arial, sans-serif;
    color: #424242;
    background: #f6f8fa;
    padding-bottom: 100%;
    -webkit-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    border: 1px solid transparent
}

@media screen and (max-width:1279px) {
    .grid_kit_builder .builder_content .builder_steps #step_smoke .intro .selectors>div {
        font-size: 14px;
        line-height: 18px
    }
}

.grid_kit_builder .builder_content .builder_steps #step_smoke .intro .selectors>div>div {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.grid_kit_builder .builder_content .builder_steps #step_smoke .intro .selectors>div:hover {
    cursor: pointer;
    transform: translateY(-5px)
}

.grid_kit_builder .builder_content .builder_steps #step_smoke .intro .selectors>div.active {
    border-color: #1998d5;
    color: #1998d5;
    background: #fff
}

.grid_kit_builder .builder_content .builder_steps #step_smoke .existing,
.grid_kit_builder .builder_content .builder_steps #step_smoke .new {
    display: none
}

.grid_kit_builder .builder_content .builder_steps #step_kit .builder_h2 {
    margin-bottom: 0
}

.grid_kit_builder .builder_content .builder_steps #step_kit .kit_details {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    display: grid;
    grid-gap: 24px;
    float: none;
    clear: both;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: calc(calc(calc(1600px - (72px * 2))/ 12) * 8 - 24px);
    text-align: left;
    align-items: center;
    grid-template-columns: repeat(2, 1fr);
    grid-template-areas: 'image content'
}

@media screen and (max-width:1023px) {
    .grid_kit_builder .builder_content .builder_steps #step_kit .kit_details {
        grid-gap: 12px
    }
}

.grid_kit_builder .builder_content .builder_steps #step_kit .kit_details:after {
    content: '';
    display: table;
    clear: both
}

.grid_kit_builder .builder_content .builder_steps #step_kit .kit_details>img {
    grid-area: image
}

.grid_kit_builder .builder_content .builder_steps #step_kit .kit_details>div {
    grid-area: content
}

.grid_kit_builder .builder_content .builder_steps #step_kit .kit_details .price {
    font-family: Equip-Light, Helvetica, Arial, sans-serif;
    font-size: 25px;
    line-height: 35px;
    margin-bottom: 20px
}

.grid_kit_builder .builder_content .builder_steps #step_kit .kit_details .includes {
    font-family: Equip-ExtraLight, Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 26px
}

.grid_kit_builder .builder_content .builder_steps #step_kit .kit_details .includes li,
.grid_kit_builder .builder_content .builder_steps #step_kit .kit_details .includes ul {
    list-style: initial;
    list-style-position: inside;
    margin: initial
}

.grid_kit_builder .builder_content .builder_steps #step_kit h3 {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    font-size: 28px;
    line-height: 38px;
    font-family: Equip-ExtraLight, Helvetica, Arial, sans-serif;
    color: #424242;
    margin-bottom: 60px
}

.grid_kit_builder .builder_content .builder_steps #step_kit .cart {
    font-size: 13px;
    line-height: 1.5
}

.grid_kit_builder .builder_content .builder_steps #step_kit .cart .cart__update--show .cart__edit-text--edit {
    display: none
}

.grid_kit_builder .builder_content .builder_steps #step_kit .cart .cart__update--show .cart__edit-text--cancel {
    display: block
}

.grid_kit_builder .builder_content .builder_steps #step_kit #additional_products {
    float: none;
    clear: both;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 720px
}

.grid_kit_builder .builder_content .builder_steps #step_kit #additional_products:after {
    content: '';
    display: table;
    clear: both
}

.grid_kit_builder .builder_content .builder_steps #step_kit #additional_products>div {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    width: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    justify-content: flex-start
}

.grid_kit_builder .builder_content .builder_steps #step_kit #additional_products>div>div {
    width: 10%
}

.grid_kit_builder .builder_content .builder_steps #step_kit #additional_products>div>div:nth-child(1) {
    width: 70%
}

.grid_kit_builder .builder_content .builder_steps #step_kit .cart_buttons {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    display: grid;
    grid-gap: 24px;
    float: none;
    clear: both;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: calc(calc(calc(1600px - (72px * 2))/ 12) * 4 - 24px);
    grid-template-columns: repeat(2, 1fr)
}

@media screen and (max-width:1023px) {
    .grid_kit_builder .builder_content .builder_steps #step_kit .cart_buttons {
        grid-gap: 12px
    }
}

.grid_kit_builder .builder_content .builder_steps #step_kit .cart_buttons:after {
    content: '';
    display: table;
    clear: both
}

@media screen and (max-width:1279px) {
    .grid_kit_builder .builder_content .builder_steps #step_kit h3 {
        font-size: 24px;
        margin-bottom: 20px
    }
}

@media screen and (max-width:1023px) {
    .grid_kit_builder .builder_content .builder_steps #step_kit .kit_details {
        margin-bottom: 50px;
        grid-template-columns: repeat(1, 1fr);
        grid-template-areas: 'image' 'content'
    }
    .grid_kit_builder .builder_content .builder_steps #step_kit .kit_details>div {
        padding: 0 10%
    }
}

@media screen and (max-width:767px) {
    .grid_kit_builder .builder_content .builder_steps #step_kit .kit_details>div {
        padding: 0
    }
}

.grid_kit_builder .builder_content .builder_steps .builder_concerns {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    display: grid;
    grid-gap: 24px;
    float: none;
    clear: both;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 58.33333%;
    grid-template-columns: repeat(4, 2fr)
}

@media screen and (max-width:1023px) {
    .grid_kit_builder .builder_content .builder_steps .builder_concerns {
        grid-gap: 12px
    }
}

.grid_kit_builder .builder_content .builder_steps .builder_concerns:after {
    content: '';
    display: table;
    clear: both
}

@media screen and (max-width:1279px) {
    .grid_kit_builder .builder_content .builder_steps .builder_concerns {
        float: none;
        clear: both;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        max-width: 83.33333%
    }
    .grid_kit_builder .builder_content .builder_steps .builder_concerns:after {
        content: '';
        display: table;
        clear: both
    }
}

.grid_kit_builder .builder_content .builder_steps .builder_concerns.five_concerns {
    grid-template-columns: repeat(5, 2fr)
}

.grid_kit_builder .builder_content .builder_steps .builder_concerns>div {
    transition: transform .5s ease-in-out
}

.grid_kit_builder .builder_content .builder_steps .builder_concerns>div .img {
    position: relative;
    -webkit-border-radius: 100px;
    -ms-border-radius: 100px;
    border-radius: 100px;
    float: none;
    clear: both;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 100px;
    padding-bottom: calc(100px - 2px);
    margin-bottom: 10px;
    border: 1px solid transparent;
    overflow: hidden;
    background-color: #f6f8fa
}

.grid_kit_builder .builder_content .builder_steps .builder_concerns>div .img:after {
    content: '';
    display: table;
    clear: both
}

.grid_kit_builder .builder_content .builder_steps .builder_concerns>div .img>img,
.grid_kit_builder .builder_content .builder_steps .builder_concerns>div .img>svg {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 50%;
    fill: #c7c8c9
}

.grid_kit_builder .builder_content .builder_steps .builder_concerns>div b {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    font-family: Equip-ExtraLight, Helvetica, Arial, sans-serif;
    font-size: 20px;
    line-height: 30px;
    font-weight: 400;
    color: rgba(66, 66, 66, .65);
    margin-bottom: 20px
}

.grid_kit_builder .builder_content .builder_steps .builder_concerns>div p {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    font-size: 14px;
    line-height: 22px
}

.grid_kit_builder .builder_content .builder_steps .builder_concerns>div:hover {
    cursor: pointer;
    transform: translateY(-5px)
}

.grid_kit_builder .builder_content .builder_steps .builder_concerns>div.active .img {
    background-color: transparent;
    border-color: #1998d5
}

.grid_kit_builder .builder_content .builder_steps .builder_concerns>div.active .img>svg {
    fill: #1998d5
}

.grid_kit_builder .builder_content .builder_steps .builder_concerns>div.active b {
    font-family: Equip-Medium, Helvetica, Arial, sans-serif;
    color: #4c4c4c
}

.grid_kit_builder .builder_content .builder_pagination {
    width: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-flow: row nowrap;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    justify-content: space-between;
    float: none;
    clear: both;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 83.33333%;
    align-items: center;
    margin: 10vh auto;
    position: relative;
    z-index: 5
}

.grid_kit_builder .builder_content .builder_pagination:after {
    content: '';
    display: table;
    clear: both
}

.grid_kit_builder .builder_content .builder_pagination>div {
    flex-grow: 1;
    order: 2
}

.grid_kit_builder .builder_content .builder_pagination>a.builder_prev {
    order: 1
}

.grid_kit_builder .builder_content .builder_pagination>a.builder_skip {
    order: 3
}

.grid_kit_builder .builder_content .builder_pagination a {
    font-family: Equip-Medium, Helvetica, Arial, sans-serif;
    color: #1998d5;
    font-size: 18px;
    line-height: 28px;
    display: none
}

.grid_kit_builder .builder_content .builder_pagination a.builder_prev:before {
    content: '';
    width: 32px;
    height: 32px;
    background: url(chevron-blue.png) center no-repeat;
    background-size: contain;
    display: inline-block;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    vertical-align: middle
}

.grid_kit_builder .builder_content .builder_pagination a.builder_skip:after {
    content: '';
    width: 32px;
    height: 32px;
    background: url(chevron-blue.png) center no-repeat;
    background-size: contain;
    display: inline-block;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    vertical-align: middle
}

.grid_kit_builder .builder_content .builder_pagination a.allowed {
    display: inline-block
}

@media screen and (max-width:1279px) {
    .grid_kit_builder .builder_content {
        font-size: 22px!important;
        line-height: 32px!important
    }
    .grid_kit_builder .builder_content .builder_h2 .img {
        -webkit-border-radius: 75px;
        -ms-border-radius: 75px;
        border-radius: 75px;
        float: none;
        clear: both;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        max-width: 75px;
        padding-bottom: calc(75px - 2px);
        margin-bottom: 20px
    }
    .grid_kit_builder .builder_content .builder_h2 .img:after {
        content: '';
        display: table;
        clear: both
    }
    .grid_kit_builder .builder_content .builder_steps .builder_concerns {
        float: none;
        clear: both;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        max-width: 83.33333%
    }
    .grid_kit_builder .builder_content .builder_steps .builder_concerns:after {
        content: '';
        display: table;
        clear: both
    }
    .grid_kit_builder .builder_content .builder_steps input:not(.cart__qty-input),
    .grid_kit_builder .builder_content .builder_steps select {
        font-size: 22px;
        padding: 0 20px
    }
    .grid_kit_builder .builder_content .builder_steps select {
        padding-right: 44px
    }
}

@media screen and (max-width:1023px) {
    .grid_kit_builder .builder_content {
        font-size: 16px!important
    }
    .grid_kit_builder .builder_content>div {
        padding-top: 60px
    }
    .grid_kit_builder .builder_content .builder_steps .required:after {
        bottom: -25px;
        font-size: 12px;
        line-height: 22px
    }
    .grid_kit_builder .builder_content .builder_steps .builder_concerns {
        float: none;
        clear: both;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        max-width: 100%
    }
    .grid_kit_builder .builder_content .builder_steps .builder_concerns:after {
        content: '';
        display: table;
        clear: both
    }
    .grid_kit_builder .builder_content .builder_steps input:not(.cart__qty-input),
    .grid_kit_builder .builder_content .builder_steps select {
        font-size: 16px;
        padding: 0 10px
    }
    .grid_kit_builder .builder_content .builder_steps select {
        padding-right: 24px
    }
    .grid_kit_builder .builder_content h2 {
        font-size: 28px;
        line-height: 38px
    }
    .grid_kit_builder .builder_content .builder_pagination {
        float: none;
        clear: both;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        max-width: 33.33333%;
        flex-wrap: wrap
    }
    .grid_kit_builder .builder_content .builder_pagination:after {
        content: '';
        display: table;
        clear: both
    }
    .grid_kit_builder .builder_content .builder_pagination>* {
        width: 50%
    }
    .grid_kit_builder .builder_content .builder_pagination>div {
        order: 1;
        margin-left: 5%;
        margin-right: 5%
    }
    .grid_kit_builder .builder_content .builder_pagination a {
        font-size: 16px;
        line-height: 26px
    }
    .grid_kit_builder .builder_content .builder_pagination a.builder_prev {
        order: 2
    }
    .grid_kit_builder .builder_content .builder_pagination a.builder_prev:before {
        width: 24px;
        height: 24px
    }
    .grid_kit_builder .builder_content .builder_pagination a.builder_skip {
        order: 3
    }
    .grid_kit_builder .builder_content .builder_pagination a.builder_skip:after {
        width: 24px;
        height: 24px
    }
    .grid_kit_builder .builder_nav {
        height: 60px;
        padding-top: 0;
        padding-bottom: 0
    }
    .grid_kit_builder .builder_nav .builder_progress>div {
        max-width: 50%
    }
    .grid_kit_builder .builder_nav .builder_progress>div:before {
        margin-top: 0
    }
    .grid_kit_builder .builder_nav .builder_progress>div>div>div:not(.status) {
        display: none
    }
}

@media screen and (max-width:767px) {
    .grid_kit_builder .builder_content .builder_h2 {
        margin: 6vh 0
    }
    .grid_kit_builder .builder_content .builder_pagination {
        margin: 6vh 0 3vh;
        float: none;
        clear: both;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        max-width: 50%
    }
    .grid_kit_builder .builder_content .builder_pagination:after {
        content: '';
        display: table;
        clear: both
    }
    .grid_kit_builder .builder_content .builder_pagination>div {
        margin-bottom: 3vh
    }
    .grid_kit_builder .builder_content .builder_steps .builder_concerns {
        grid-template-columns: repeat(2, 2fr)
    }
    .grid_kit_builder .builder_content .builder_steps .builder_concerns>div {
        margin-bottom: 40px
    }
    .grid_kit_builder .builder_content .builder_steps .builder_concerns>div:nth-last-child(-n+2) {
        margin-bottom: 0
    }
    .grid_kit_builder .builder_nav .builder_progress {
        padding: 0
    }
    .grid_kit_builder .builder_nav .builder_progress>div {
        max-width: 75%
    }
    .grid_kit_builder .builder_nav .builder_progress>div>div .status:before {
        width: 9px;
        height: 9px
    }
    .grid_kit_builder .builder_nav .builder_progress>div>div.active .status:before {
        width: 20px;
        height: 20px;
        border-width: 5px
    }
    .grid_kit_builder .builder_nav .builder_progress>div>div.done .status:before {
        width: 20px;
        height: 20px
    }
}

@media screen and (max-width:375px) {
    .grid_kit_builder .builder_content .builder_steps input:not(.cart__qty-input) {
        padding: 0 5px
    }
}

.grid_faq_section {
    float: none;
    clear: both;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 1600px;
    padding-left: 72px;
    padding-right: 72px;
    margin-bottom: 100px;
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    display: grid;
    grid-gap: 24px;
    float: none;
    align-items: left;
    grid-template-columns: repeat(12, 1fr);
    grid-template-areas: '. content content content content content content content content content content .'
}

.grid_faq_section:after {
    content: '';
    display: table;
    clear: both
}

.grid_faq_section h2 {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    text-transform: none;
    font-size: 50px;
    line-height: 60px;
    margin-bottom: 20px
}

.grid_faq_section p {
    font-size: 18px;
    line-height: 28px
}

@media screen and (max-width:1440px) {
    .grid_faq_section {
        padding-left: 58px;
        padding-right: 58px
    }
}

@media screen and (max-width:1279px) {
    .grid_faq_section {
        padding-left: 44px;
        padding-right: 44px
    }
    .grid_faq_section h2 {
        font-size: 42px;
        line-height: 52px
    }
    .grid_faq_section p {
        font-size: 16px;
        line-height: 26px
    }
}

@media screen and (max-width:1023px) {
    .grid_faq_section {
        padding-left: 36px;
        padding-right: 36px;
        margin-bottom: 60px
    }
    .grid_faq_section h2 {
        font-size: 36px;
        line-height: 46px
    }
}

@media screen and (max-width:767px) {
    .grid_faq_section {
        padding-left: 19px;
        padding-right: 19px
    }
}

@media screen and (max-width:1023px) {
    .grid_faq_section {
        grid-gap: 12px
    }
}

.grid_faq_section--no-margin-bottom {
    margin-bottom: 0
}

.grid_faq_section--top-margin {
    margin-top: 65px
}

@media screen and (min-width:768px) {
    .grid_faq_section--top-margin {
        margin-top: 100
    }
}

.grid_faq_section--full-span {
    grid-template-areas: 'content content content content content content content content content content content content'
}

.grid_faq_section:after {
    display: none
}

.grid_faq_section>div {
    grid-area: content
}

@media screen and (min-width:768px) {
    .grid_faq_section .grid-faq__title-wrapper {
        display: flex;
        justify-content: space-between;
        align-items: baseline
    }
}

@media screen and (min-width:1280px) {
    .grid_faq_section .grid-faq__title-wrapper {
        margin-bottom: 10px
    }
}

.grid_faq_section .grid-faq__h4 {
    margin-bottom: 0
}

@media screen and (min-width:768px) {
    .grid_faq_section .grid-faq__h4 {
        width: auto;
        margin-bottom: 40px
    }
}

.grid_faq_section .grid-faq__subtitle {
    display: inline-block;
    line-height: 16px;
    font-size: 16px;
    font-family: Equip-Medium, Helvetica, Arial, sans-serif;
    text-decoration: underline;
    color: #1998d5
}

.grid_faq_section .grid-faq__subtitle--bottom {
    margin-top: 1.5em
}

@media screen and (min-width:1280px) {
    .grid_faq_section .grid-faq__subtitle {
        line-height: 28px;
        font-size: 18px
    }
}

.grid_faq_section h2 {
    display: flex;
    justify-content: space-between
}

.grid_faq_section h2>a {
    font-family: Equip-Medium, Helvetica, Arial, sans-serif;
    font-size: 16px;
    margin-top: .35em;
    text-decoration: underline
}

@media screen and (max-width:600px) {
    .grid_faq_section h2>a {
        display: none
    }
}

.grid_faq_section .grid_faq_block {
    clear: both
}

.grid_faq_section .grid_faq_block hr {
    margin: 0
}

.grid_faq_section .icon-faq-arrow__svg {
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
    align-self: center;
    cursor: pointer;
    flex-shrink: 0;
    width: 18px;
    height: 10px
}

.grid_faq_section .icon-faq-arrow__svg #Icon-Chevron-Plus {
    fill: #1998d5
}

@media screen and (min-width:1280px) {
    .grid_faq_section .icon-faq-arrow__svg {
        width: 24px;
        height: 14px
    }
}

.grid_faq_section .grid_question_block {
    padding: 20px 0;
    cursor: pointer;
    display: flex;
    justify-content: space-between
}

@media screen and (min-width:768px) {
    .grid_faq_section .grid_question_block {
        padding: 30px 0
    }
    .grid_faq_section .grid_question_block.on {
        padding: 30px 0 20px
    }
}

@media screen and (min-width:1280px) {
    .grid_faq_section .grid_question_block.on {
        padding: 30px 0
    }
}

.grid_faq_section .grid_question_block .grid_faq {
    color: #424242;
    display: inline-block;
    font-size: 16px;
    line-height: 24px;
    font-family: Equip-Medium, Helvetica, Arial, sans-serif;
    width: 90%
}

@media screen and (min-width:1024px) {
    .grid_faq_section .grid_question_block .grid_faq {
        font-size: 18px;
        line-height: 28px
    }
}

.grid_faq_section .grid_question_block.on .icon-faq-arrow__svg {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

@media screen and (max-width:768px) {
    .grid_faq_section .grid_question_block {
        width: 100%
    }
}

.grid_faq_section .grid_answer_block {
    display: none;
    margin-bottom: 20px
}

@media screen and (min-width:768px) {
    .grid_faq_section .grid_answer_block {
        margin-bottom: 45px
    }
}

@media screen and (min-width:1024px) {
    .grid_faq_section .grid_answer_block {
        margin-bottom: 40px
    }
}

.grid_faq_section .grid_answer_block ul {
    padding-left: 20px;
    margin-bottom: 1em
}

.grid_faq_section .grid_answer_block li,
.grid_faq_section .grid_answer_block p {
    clear: both;
    color: #424242;
    font-family: Equip-ExtraLight, Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 26px
}

@media screen and (min-width:1280px) {
    .grid_faq_section .grid_answer_block li,
    .grid_faq_section .grid_answer_block p {
        font-size: 18px;
        line-height: 28px
    }
}

.grid_faq_section .grid_answer_block p {
    margin-bottom: 1em
}

.grid_faq_section .grid_answer_block p.disclamer {
    font-size: 14px
}

.grid_faq_section .grid_answer_block li {
    display: list-item;
    list-style-type: disc
}

.grid_faq_section .grid_faq_legal {
    float: left;
    width: 100%;
    margin-top: 40px;
    margin-bottom: 100px
}

.grid_faq_section .grid_faq_legal p {
    font-size: 13px;
    color: #4a4a4a
}

.grid_faq_section .grid_faq_legal p a {
    color: #1998d5;
    text-decoration: underline
}

@media screen and (max-width:767px) {
    .grid_faq_section .grid_faq_legal p {
        font-size: 12px
    }
}

@media screen and (max-width:1023px) {
    .grid_faq_section {
        margin-bottom: 60px;
        text-align: left;
        grid-template-areas: 'content content content content content content content content content content content content'
    }
    .grid_faq_section--no-margin-bottom {
        margin-bottom: 0
    }
}

.grid_pmp_graph {
    float: none;
    clear: both;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 1600px;
    padding-left: 72px;
    padding-right: 72px;
    margin-bottom: 100px;
    align-items: center;
    text-align: center;
    margin-bottom: 100px
}

.grid_pmp_graph:after {
    content: '';
    display: table;
    clear: both
}

.grid_pmp_graph h2 {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    text-transform: none;
    font-size: 50px;
    line-height: 60px;
    margin-bottom: 20px
}

.grid_pmp_graph p {
    font-size: 18px;
    line-height: 28px
}

@media screen and (max-width:1440px) {
    .grid_pmp_graph {
        padding-left: 58px;
        padding-right: 58px
    }
}

@media screen and (max-width:1279px) {
    .grid_pmp_graph {
        padding-left: 44px;
        padding-right: 44px
    }
    .grid_pmp_graph h2 {
        font-size: 42px;
        line-height: 52px
    }
    .grid_pmp_graph p {
        font-size: 16px;
        line-height: 26px
    }
}

@media screen and (max-width:1023px) {
    .grid_pmp_graph {
        padding-left: 36px;
        padding-right: 36px;
        margin-bottom: 60px
    }
    .grid_pmp_graph h2 {
        font-size: 36px;
        line-height: 46px
    }
}

@media screen and (max-width:767px) {
    .grid_pmp_graph {
        padding-left: 19px;
        padding-right: 19px
    }
}

.grid_pmp_graph.grid_pmp_graph--no-margin {
    margin-bottom: 0
}

.grid_pmp_graph.margin_fix {
    margin-bottom: 60px
}

@media screen and (min-width:768px) {
    .grid_pmp_graph.margin_fix {
        margin-bottom: 80px
    }
}

@media screen and (min-width:1024px) {
    .grid_pmp_graph.margin_fix {
        margin-bottom: 100px
    }
}

.grid_pmp_graph .copy {
    padding-top: 100px;
    padding-bottom: 100px
}

.grid_pmp_graph .copy.copy--no-padding {
    padding: 0
}

.grid_pmp_graph .copy .upper_title {
    font-family: Equip-Medium, Helvetica, Arial, sans-serif;
    margin-bottom: 10px;
    font-size: 16px;
    color: #424242
}

@media screen and (min-width:1024px) {
    .grid_pmp_graph .copy .upper_title {
        font-size: 18px
    }
}

.grid_pmp_graph p {
    color: #424242;
    margin-bottom: 45px
}

@media screen and (min-width:374px) {
    .grid_pmp_graph p {
        margin-bottom: 60px
    }
}

.grid_pmp_graph .pmp_graph_a {
    text-decoration: underline;
    color: #424242
}

.grid_pmp_graph>div .video-title {
    width: 25%
}

.grid_pmp_graph>div .graph_video_holder {
    text-align: center;
    margin-top: 80px;
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
    margin-left: 100px;
    margin-right: 100px
}

.grid_pmp_graph>div .graph_video_holder .graph_title {
    margin-bottom: 0;
    font-family: Equip-Medium, Helvetica, Arial, sans-serif;
    font-size: 18px;
    line-height: 28px;
    color: #4c4c4c
}

.grid_pmp_graph>div .graph_video_holder .graph_video_player {
    width: 80%
}

.grid_pmp_graph>div .graph_video_holder video {
    width: inherit
}

.grid_pmp_graph>div .graph_info {
    font-family: Equip-ExtraLight, Helvetica, Arial, sans-serif;
    font-size: 13px;
    color: #424242
}

.grid_pmp_graph>div .graph_info a {
    color: #424242;
    text-decoration: underline
}

.grid_pmp_graph.grey_bg {
    background: #f6f8fa
}

.grid_pmp_graph h2 {
    color: #424242
}

@media screen and (max-width:1279px) {
    .grid_pmp_graph .graph_video_holder {
        margin-top: 30px!important;
        margin-left: 20px!important;
        margin-right: 20px!important
    }
}

@media screen and (max-width:767px) {
    .grid_pmp_graph {
        text-align: left
    }
    .grid_pmp_graph .copy {
        padding-top: 60px;
        padding-bottom: 60px
    }
    .grid_pmp_graph>div .graph_video_holder {
        text-align: center;
        flex-direction: column;
        align-items: center;
        margin-top: 20px!important;
        margin-right: 0;
        margin-left: 0;
        margin-bottom: 0;
        justify-content: center
    }
    .grid_pmp_graph>div .graph_video_holder .graph_video_player {
        margin-bottom: 30px
    }
    .grid_pmp_graph>div .graph_info {
        text-align: center;
        font-family: Equip-ExtraLight, Helvetica, Arial, sans-serif;
        font-size: 12px
    }
}

.page_business-security-solutions .grid_pmp_graph>div .graph_info {
    font-size: 18px;
    line-height: 20px
}

.pmp-testimonials {
    position: relative;
    background-color: #f6f8fa;
    clear: both;
    padding: 5% 0 5%
}

.pmp-testimonials h3 {
    font-family: Equip-Thin, Helvetica, Arial, sans-serif;
    font-size: 36px;
    color: #424242;
    letter-spacing: 0;
    text-align: center;
    line-height: 45px;
    margin-bottom: 30px
}

.pmp-testimonials .testimonials-headers {
    clear: both;
    display: flex;
    justify-content: center;
    margin-bottom: 40px
}

.pmp-testimonials .animation-headers {
    clear: both;
    display: flex;
    justify-content: center;
    margin-bottom: 40px;
    font-size: 20px
}

.pmp-testimonials .testimonial-header {
    color: #999;
    cursor: pointer;
    font-family: Equip-Light, Helvetica, Arial, sans-serif;
    font-size: 18px;
    line-height: 30px;
    margin: 0 20px
}

.pmp-testimonials .testimonial-header.active {
    color: #424242;
    font-family: Equip-Medium, Helvetica, Arial, sans-serif;
    line-height: 30px;
    border-bottom: 1.5pt solid #1998d5
}

.pmp-testimonials .testimonial-header:hover {
    color: #424242
}

.pmp-testimonials .animation-header {
    color: #999;
    cursor: pointer;
    font-family: Equip-Light, Helvetica, Arial, sans-serif;
    font-size: 18px;
    line-height: 30px;
    margin: 0 4%;
    text-align: center
}

.pmp-testimonials .animation-header.active {
    color: #424242;
    font-family: Equip-Medium, Helvetica, Arial, sans-serif;
    line-height: 30px;
    border-bottom: 1.5pt solid #1998d5
}

.pmp-testimonials .animation-header:hover {
    color: #424242
}

.pmp-testimonials .testimonials {
    overflow-x: hidden;
    overflow-y: hidden;
    display: block;
    position: absolute;
    pointer-events: none;
    opacity: 0;
    transition: margin-left .6s;
    -webkit-overflow-scrolling: touch
}

.pmp-testimonials .testimonials.active {
    opacity: 1;
    position: relative;
    pointer-events: inherit
}

.pmp-testimonials .testimonials .testimonial-box {
    width: 305px;
    margin: 5px 10px
}

.pmp-testimonials .testimonials .testimonial-box img {
    border-radius: 16px 16px 0 0;
    vertical-align: bottom
}

.pmp-testimonials .testimonials .testimonial-box .testimonial {
    margin: 0;
    border-radius: 0 0 16px 16px
}

.pmp-testimonials .testimonials .testimonials-container {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    overflow-x: hidden;
    overflow-y: hidden;
    padding: 0 10%
}

.pmp-testimonials .testimonials .testimonial {
    background: #fff;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .15);
    border-radius: 16px;
    flex: 0;
    width: 306px;
    min-width: 306px;
    max-width: 306px;
    margin: 5px 10px;
    padding: 30px;
    box-sizing: content-box
}

.pmp-testimonials .testimonials .testimonial .quote {
    font-family: Equip-ExtraLight, Helvetica, Arial, sans-serif;
    font-size: 18px;
    color: #424242;
    line-height: 28px;
    margin-bottom: 3%
}

.pmp-testimonials .testimonials .testimonial .name {
    font-family: Equip-Medium, Helvetica, Arial, sans-serif;
    font-weight: 100;
    font-size: 14px;
    color: #424242;
    line-height: 24px;
    margin-top: 30px
}

.pmp-testimonials .testimonials .testimonial .testimonial__location {
    font-family: Equip-Light, Helvetica, Arial, sans-serif
}

.pmp-testimonials .testimonials-wrapper {
    overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
    clear: both
}

.pmp-testimonials .testimonials-wrapper .left,
.pmp-testimonials .testimonials-wrapper .right {
    width: 50px;
    height: 50px;
    border-radius: 9999px;
    overflow: hidden;
    background-color: #fff;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .15);
    cursor: pointer;
    display: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    transition: opacity .3s;
    text-align: center;
    padding: 15px 0 0 5px
}

.pmp-testimonials .testimonials-wrapper .left svg polyline,
.pmp-testimonials .testimonials-wrapper .right svg polyline {
    stroke: #4c4c4c
}

.pmp-testimonials .testimonials-wrapper .left {
    left: 5%;
    padding: 15px 3px 0 0
}

.pmp-testimonials .testimonials-wrapper .left svg {
    transform: rotate(180deg)
}

.pmp-testimonials .testimonials-wrapper .right {
    right: 5%
}

.pmp-testimonials:hover .testimonials-wrapper .left,
.pmp-testimonials:hover .testimonials-wrapper .right {
    opacity: 1
}

@media screen and (min-width:768px) {
    .pmp-testimonials {
        margin-bottom: 80px
    }
    .pmp-testimonials h3 {
        text-align: center
    }
    .pmp-testimonials .testimonials .testimonial {
        width: 225px;
        min-width: 225px;
        max-width: 225px
    }
}

@media screen and (min-width:1023px) {
    .pmp-testimonials {
        margin-bottom: 100px
    }
    .pmp-testimonials h3 {
        font-size: 42px;
        line-height: 52px
    }
    .pmp-testimonials .testimonials .testimonial {
        width: 245px;
        min-width: 245px;
        max-width: 245px
    }
}

@media screen and (min-width:1280px) {
    .pmp-testimonials h3 {
        font-size: 50px;
        line-height: 60px
    }
    .pmp-testimonials .testimonials .testimonial {
        width: 306px;
        min-width: 306px;
        max-width: 306px
    }
    .pmp-testimonials .testimonials .testimonial-box .testimonial {
        box-sizing: border-box
    }
    .pmp-testimonials .quote {
        font-size: 22px;
        line-height: 32px
    }
    .pmp-testimonials .name {
        font-size: 16px;
        line-height: 26px
    }
}

@media screen and (max-width:1023px) {
    .pmp-testimonials {
        margin-bottom: 60px;
        padding: 10% 0
    }
    .pmp-testimonials h3 {
        font-size: 36px;
        line-height: 45px;
        text-align: left;
        padding-left: 5%;
        padding-right: 5%
    }
    .pmp-testimonials .testimonials .testimonials-container {
        justify-content: flex-start;
        overflow-y: hidden;
        overflow-x: auto;
        -ms-overflow-style: none;
        overflow: -moz-scrollbars-none;
        padding: 0
    }
    .pmp-testimonials .testimonials .testimonials-container::-webkit-scrollbar {
        display: none
    }
    .pmp-testimonials .animation-headers {
        justify-content: flex-start;
        overflow-y: hidden;
        overflow-x: auto;
        -ms-overflow-style: none;
        overflow: -moz-scrollbars-none;
        padding-left: 1%
    }
    .pmp-testimonials .testimonials-headers {
        justify-content: flex-start;
        overflow-y: hidden;
        overflow-x: auto;
        -ms-overflow-style: none;
        overflow: -moz-scrollbars-none;
        padding-left: 5%
    }
    .pmp-testimonials .testimonials-headers::-webkit-scrollbar {
        display: none
    }
    .pmp-testimonials .testimonial-header {
        margin: 0 12px
    }
    .pmp-testimonials .testimonial-header:first-child {
        margin-left: 0
    }
    .pmp-testimonials .testimonials .testimonial {
        width: 249px;
        min-width: 249px;
        max-width: 249px
    }
    .pmp-testimonials .testimonials .testimonial .quote {
        font-size: 18px;
        line-height: 28px
    }
    .pmp-testimonials .testimonials .testimonial .name {
        font-size: 14px;
        line-height: 24px
    }
    .pmp-testimonials .testimonials .testimonial {
        box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .15)
    }
    .pmp-testimonials .testimonials .testimonial:first-child {
        margin-left: 20px
    }
}

@keyframes slide {
    from {
        transform: translate3d(0, 0, 0)
    }
    to {
        transform: translate3d(-2255px, 0, 0)
    }
}

@keyframes slide-desktop {
    from {
        transform: translate3d(0, 0, 0)
    }
    to {
        transform: translate3d(-2585px, 0, 0)
    }
}

.grid_pro_monitoring {
    float: none;
    clear: both;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 1600px;
    padding-left: 72px;
    padding-right: 72px;
    margin-bottom: 100px;
    text-align: center;
    margin-bottom: 100px;
    overflow: hidden
}

.grid_pro_monitoring:after {
    content: '';
    display: table;
    clear: both
}

.grid_pro_monitoring h2 {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    text-transform: none;
    font-size: 50px;
    line-height: 60px;
    margin-bottom: 20px
}

.grid_pro_monitoring p {
    font-size: 18px;
    line-height: 28px
}

@media screen and (max-width:1440px) {
    .grid_pro_monitoring {
        padding-left: 58px;
        padding-right: 58px
    }
}

@media screen and (max-width:1279px) {
    .grid_pro_monitoring {
        padding-left: 44px;
        padding-right: 44px
    }
    .grid_pro_monitoring h2 {
        font-size: 42px;
        line-height: 52px
    }
    .grid_pro_monitoring p {
        font-size: 16px;
        line-height: 26px
    }
}

@media screen and (max-width:1023px) {
    .grid_pro_monitoring {
        padding-left: 36px;
        padding-right: 36px;
        margin-bottom: 60px
    }
    .grid_pro_monitoring h2 {
        font-size: 36px;
        line-height: 46px
    }
}

@media screen and (max-width:767px) {
    .grid_pro_monitoring {
        padding-left: 19px;
        padding-right: 19px
    }
}

.grid_pro_monitoring p {
    color: #424242
}

.grid_pro_monitoring a {
    text-decoration: underline;
    color: #424242
}

@media screen and (max-width:767px) {
    .grid_pro_monitoring h2,
    .grid_pro_monitoring p {
        text-align: left
    }
}

.grid_pro_monitoring>div .monitoring_info_header {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly
}

.grid_pro_monitoring>div .monitoring_info_header .monitoring_info .info_number {
    font-size: 80px;
    font-family: Equip-Thin, Helvetica, Arial, sans-serif;
    color: #1998d5;
    line-height: 80px
}

.grid_pro_monitoring>div .monitoring_info_header .monitoring_info .info_text {
    font-size: 30px;
    font-family: Equip-ExtraLight, Helvetica, Arial, sans-serif;
    color: #1998d5;
    line-height: 40px;
    margin-bottom: 20px
}

.grid_pro_monitoring>div .monitoring_info_header .monitoring_info .info_extra {
    font-size: 20px;
    font-family: Equip-ExtraLight, Helvetica, Arial, sans-serif;
    line-height: 30px
}

@media screen and (max-width:1279px) {
    .grid_pro_monitoring>div .monitoring_info_header .monitoring_info .info_number {
        font-size: 70px;
        line-height: 70px
    }
    .grid_pro_monitoring>div .monitoring_info_header .monitoring_info .info_text {
        font-size: 25px;
        line-height: 35px
    }
    .grid_pro_monitoring>div .monitoring_info_header .monitoring_info .info_extra {
        font-size: 18px;
        line-height: 28px
    }
}

@media screen and (max-width:1023px) {
    .grid_pro_monitoring>div .monitoring_info_header .monitoring_info .info_number {
        font-size: 60px;
        line-height: 60px
    }
    .grid_pro_monitoring>div .monitoring_info_header .monitoring_info .info_text {
        font-size: 20px;
        line-height: 20px
    }
    .grid_pro_monitoring>div .monitoring_info_header .monitoring_info .info_extra {
        font-size: 16px;
        line-height: 26px
    }
}

@media screen and (max-width:767px) {
    .grid_pro_monitoring>div .monitoring_info_header .monitoring_info .info_number {
        font-size: 50px;
        line-height: 50px
    }
    .grid_pro_monitoring>div .monitoring_info_header .monitoring_info .info_text {
        font-size: 18px;
        line-height: 28px
    }
    .grid_pro_monitoring>div .monitoring_info_header .monitoring_info .info_extra {
        font-size: 14px
    }
}

.grid_pro_monitoring>div .monitoring_image_container {
    padding: 50px
}

.grid_pro_monitoring>div .monitoring_image_container__row {
    justify-content: space-between;
    display: inline-flex;
    animation-delay: -2s;
    animation: slide 200s linear infinite
}

.grid_pro_monitoring>div .monitoring_image_container__row li {
    position: relative;
    min-width: 160px;
    margin-right: 45px
}

@media screen and (min-width:1024px) {
    .grid_pro_monitoring>div .monitoring_image_container__row {
        animation: slide-desktop 200s linear infinite
    }
    .grid_pro_monitoring>div .monitoring_image_container__row li {
        min-width: 180px;
        margin-right: 55px
    }
}

.grid_pro_monitoring>div .image-rotate {
    max-width: 100%;
    transform: scaleX(-1)
}

.grid_pro_monitoring>div .video_bubble {
    grid-area: image;
    position: relative;
    -webkit-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    float: left;
    width: 100%;
    padding-bottom: 100%;
    overflow: hidden;
    cursor: pointer
}

.grid_pro_monitoring>div .video_bubble>div {
    -webkit-transition: all .25s ease-out 0s;
    -moz-transition: all .25s ease-out 0s;
    -ms-transition: all .25s ease-out 0s;
    -o-transition: all .25s ease-out 0s;
    transition: all .25s ease-out 0s;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.grid_pro_monitoring>div .video_bubble>div.image {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.grid_pro_monitoring>div .video_bubble>div.vid_click {
    background: url(fs_play.png?v=2) center no-repeat;
    background-size: 25%;
    opacity: .8;
    display: none
}

.grid_pro_monitoring>div .video_bubble>div.vid_click:hover {
    opacity: 1;
    cursor: pointer
}

.grid_pdp_detail .did-you-know-block {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding-top: 20px;
    transition-delay: .6s
}

.grid_pdp_detail .did-you-know-block a.watch_video {
    color: #1998d5;
    font-size: 18px;
    margin-right: 30px;
    padding-left: 0
}

.grid_pdp_detail .did-you-know-block a.watch_video:before {
    content: '';
    width: 27px;
    height: 27px;
    display: inline-block;
    margin-right: 10px;
    vertical-align: -30%;
    background: url(https://cdn.shopify.com/s/files/1/2922/1686/files/play_blue.png?17999311727164848333) center center no-repeat;
    background-size: contain
}

.grid_pdp_detail .did-you-know-block a.did_you_know {
    color: #1998d5;
    font-size: 18px;
    padding-left: 0
}

.grid_pdp_detail .did-you-know-block a.did_you_know .did_you_know__question {
    display: none
}

.grid_pdp_detail .did-you-know-block a.did_you_know .did_you_know__question.active {
    display: inline-block
}

.grid_pdp_detail .did-you-know-block a.did_you_know .did_you_know__info {
    content: '';
    width: 27px;
    height: 27px;
    display: inline-block;
    margin-right: 10px;
    vertical-align: -30%;
    background: url(https://cdn.shopify.com/s/files/1/0019/7849/9145/files/Information.svg?5645) center center no-repeat;
    background-size: contain
}

.grid_pdp_detail .did-you-know-block a.did_you_know .did_you_know__answer {
    display: none;
    position: absolute;
    top: 1;
    left: 34px;
    width: 230px;
    border-radius: 10px;
    background: #fafbfc;
    color: #788188;
    padding: 20px;
    font-size: 15px;
    line-height: 20px
}

.grid_pdp_detail .did-you-know-block a.did_you_know .did_you_know__answer.active {
    display: inline-flex
}

.grid_pdp_detail .did-you-know-block a.did_you_know .did_you_know__close {
    position: absolute;
    display: inline-block;
    content: '';
    top: 0;
    width: 27px;
    height: 27px;
    left: -34px;
    background: #fff url(https://cdn.shopify.com/s/files/1/0019/7849/9145/files/Close2.svg?5694) center center no-repeat;
    background-size: contain
}

@media screen and (max-width:1279px) {
    .grid_pdp_detail a.watch_video {
        font-size: 16px!important;
        margin-right: 25px!important
    }
    .grid_pdp_detail a.watch_video:before {
        width: 24px!important;
        height: 24px!important
    }
    .grid_pdp_detail a.did_you_know {
        font-size: 16px!important
    }
    .grid_pdp_detail a.did_you_know .did_you_know__info {
        width: 24px!important;
        height: 24px!important
    }
    .grid_pdp_detail a.did_you_know .did_you_know__close {
        width: 24px!important;
        height: 24px!important
    }
    .grid_pdp_detail a.did_you_know .did_you_know__answer {
        position: relative!important;
        width: 140px!important;
        font-size: 14px!important
    }
}

@media screen and (max-width:1023px) {
    .grid_pdp_detail a.watch_video {
        font-size: 16px!important;
        margin-right: 25px!important
    }
    .grid_pdp_detail a.watch_video:before {
        width: 24px!important;
        height: 24px!important
    }
    .grid_pdp_detail a.did_you_know {
        font-size: 16px!important
    }
    .grid_pdp_detail a.did_you_know .did_you_know__info {
        width: 24px!important;
        height: 24px!important
    }
    .grid_pdp_detail a.did_you_know .did_you_know__close {
        width: 24px!important;
        height: 24px!important
    }
    .grid_pdp_detail a.did_you_know .did_you_know__answer {
        position: relative!important;
        width: 150px!important;
        font-size: 14px!important
    }
    .grid_pdp_detail>div:nth-child(2) .did-you-know-block {
        width: 50%;
        float: right
    }
}

@media screen and (max-width:767px) {
    .grid_pdp_detail a.did_you_know .did_you_know__answer {
        width: 130px!important
    }
    .grid_pdp_detail>div:nth-child(2) .did-you-know-block {
        width: 100%
    }
}

@media screen and (max-width:375px) {
    .grid_pdp_detail a.watch_video {
        margin-right: 0!important
    }
    .grid_pdp_detail a.watch_video:before {
        margin-right: 8px!important
    }
    .grid_pdp_detail a.did_you_know .did_you_know__answer {
        width: 120px!important
    }
    .grid_pdp_detail a.did_you_know .did_you_know__info {
        margin-right: 8px!important
    }
}

@keyframes right-spin {
    from {
        transform: rotate(0)
    }
    to {
        transform: rotate(180deg)
    }
}

@keyframes left-spin {
    from {
        transform: rotate(0)
    }
    to {
        transform: rotate(360deg)
    }
}

@keyframes close-wrapper {
    to {
        clip: rect(auto, auto, auto, auto)
    }
}

.indicator {
    width: 78px;
    height: 78px;
    position: absolute;
    clip: rect(0, 78px, 78px, 39px)
}

@media screen and (min-width:1280px) {
    .indicator {
        width: 100px;
        height: 100px;
        clip: rect(0, 100px, 100px, 50px)
    }
}

.indicator__bg-circle {
    display: inline-block;
    position: absolute;
    width: 78px;
    height: 78px;
    border-radius: 39px;
    z-index: 0;
    background: #f6f8fa
}

@media screen and (min-width:1280px) {
    .indicator__bg-circle {
        width: 100px;
        height: 100px;
        border-radius: 9999px
    }
}

.indicator__circle {
    width: 78px;
    height: 78px;
    border-radius: 39px;
    position: absolute;
    clip: rect(0, 39px, 78px, 0);
    z-index: 1
}

@media screen and (min-width:1280px) {
    .indicator__circle {
        width: 100px;
        height: 100px;
        border-radius: 50px;
        clip: rect(0, 50px, 100px, 0)
    }
}

.indicator__wrapper {
    cursor: pointer;
    display: flex;
    height: 160px;
    width: 78px;
    margin-bottom: 20px;
    justify-content: center;
    text-align: center;
    align-items: center;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media screen and (max-width:1200px) {
    .indicator__wrapper.no_height {
        height: 100px
    }
}

@media screen and (max-width:767px) {
    .indicator__wrapper.no_height {
        height: 0
    }
}

.indicator__wrapper.indicator__wrapper--displace {
    width: 21%;
    margin-right: 5.5%
}

.remove_on_mobile {
    display: none
}

@media screen and (min-width:1024px) {
    .remove_on_mobile {
        display: initial
    }
}

@media screen and (min-width:1024px) {
    .remove_on_desktop {
        display: none
    }
}

.grid_circular-indicators {
    width: 110%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

@media screen and (max-width:1023px) {
    .grid_circular-indicators:not(.large_content) {
        margin-left: 50%
    }
}

.grid_circular-indicators svg {
    fill: #cacaca;
    max-width: 58px;
    position: absolute
}

@media screen and (max-width:1200px) {
    .grid_circular-indicators.has_tablet svg {
        max-width: 33px
    }
}

.grid_circular-indicators.on .active div[data-animate~=base] {
    animation: none;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-timing-function: linear
}

.grid_circular-indicators.on .active .indicator[data-animate~=wrapper] {
    animation-duration: 10ms;
    animation-name: close-wrapper;
    animation-delay: 3.5s
}

.grid_circular-indicators.on .active .indicator__circle[data-animate~=left] {
    animation-name: left-spin;
    animation-duration: 7s
}

.grid_circular-indicators.on .active .indicator__circle[data-animate~=right] {
    animation-name: right-spin;
    animation-duration: 3.5s
}

.grid_circular-indicators .active .circular-indicators__title {
    font-family: Equip-Medium, Helvetica, Arial, sans-serif;
    font-weight: 100;
    color: #424242
}

.grid_circular-indicators .active svg {
    fill: #1998d5
}

.grid_circular-indicators .active .indicator__circle {
    border: 2px solid #1998d5
}

.grid_circular-indicators .active .indicator__bg-circle {
    border: 2px solid #cacaca;
    background: 0 0
}

.grid_circular-indicators--fixed-width {
    width: 230px
}

.grid_circular-indicators--2by2 .indicator__wrapper {
    width: 44%;
    margin-bottom: 50px
}

.manual .grid_circular-indicators .active .indicator[data-animate~=wrapper] {
    animation-delay: .25s
}

.manual .grid_circular-indicators .active .indicator__circle[data-animate~=left] {
    animation-duration: .5s
}

.manual .grid_circular-indicators .active .indicator__circle[data-animate~=right] {
    animation-duration: .25s
}

.circular-indicators__title {
    font-size: 16px;
    font-family: Equip-ExtraLight, Helvetica, Arial, sans-serif;
    color: rgba(66, 66, 66, .65);
    position: relative;
    bottom: -80px;
    width: auto;
    white-space: nowrap
}

.page_business-security-solutions .grid_circular-indicators {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.page_business-security-solutions .indicator__wrapper {
    width: 115px
}

.page_business-security-solutions .grid_circular-indicators {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.page_business-security-solutions .indicator__wrapper {
    width: 115px
}

.ringtv_video {
    float: none;
    clear: both;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 1600px;
    padding-left: 72px;
    padding-right: 72px;
    margin-bottom: 100px;
    text-align: center;
    padding-top: 100px;
    position: relative
}

.ringtv_video:after {
    content: '';
    display: table;
    clear: both
}

.ringtv_video h2 {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    text-transform: none;
    font-size: 50px;
    line-height: 60px;
    margin-bottom: 20px
}

.ringtv_video p {
    font-size: 18px;
    line-height: 28px
}

@media screen and (max-width:1440px) {
    .ringtv_video {
        padding-left: 58px;
        padding-right: 58px
    }
}

@media screen and (max-width:1279px) {
    .ringtv_video {
        padding-left: 44px;
        padding-right: 44px
    }
    .ringtv_video h2 {
        font-size: 42px;
        line-height: 52px
    }
    .ringtv_video p {
        font-size: 16px;
        line-height: 26px
    }
}

@media screen and (max-width:1023px) {
    .ringtv_video {
        padding-left: 36px;
        padding-right: 36px;
        margin-bottom: 60px
    }
    .ringtv_video h2 {
        font-size: 36px;
        line-height: 46px
    }
}

@media screen and (max-width:767px) {
    .ringtv_video {
        padding-left: 19px;
        padding-right: 19px
    }
}

.ringtv_video:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 80%;
    background-color: #f6f9fa;
    z-index: 0
}

.ringtv_video>div {
    position: relative;
    z-index: 1
}

.ringtv_video>div>div:nth-child(1) {
    grid-area: video_copy;
    float: none;
    clear: both;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: calc(calc(calc(1600px - (72px * 2))/ 12) * 6 - 24px)
}

.ringtv_video>div>div:nth-child(1):after {
    content: '';
    display: table;
    clear: both
}

.ringtv_video>div>div:nth-child(2) {
    grid-area: video_iframe;
    float: none;
    clear: both;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: calc(calc(calc(1600px - (72px * 2))/ 12) * 8 - 24px);
    position: relative;
    height: 56.25vw;
    max-height: 530px
}

.ringtv_video>div>div:nth-child(2):after {
    content: '';
    display: table;
    clear: both
}

.ringtv_video>div>div:nth-child(2) iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none
}

.ringtv_video h1 {
    text-transform: none;
    font-size: 50px;
    line-height: 60px;
    margin-bottom: 40px
}

.ringtv_video p {
    margin-bottom: 50px
}

@media screen and (max-width:1279px) {
    .ringtv_video h1 {
        font-size: 36px;
        line-height: 46px
    }
}

@media screen and (max-width:1023px) {
    .ringtv_video {
        padding-top: 60px
    }
}

@media screen and (min-width:1023px) {
    .grid_collection_filters {
        border-bottom: 1px solid #cacaca
    }
}

@media screen and (max-width:1023px) {
    .grid_collection_filters .separator {
        border-bottom: 1px solid #e0e0e0
    }
}

.grid_collection_filters.bottom-margin {
    margin-bottom: 60px
}

.grid_collection_filters>div {
    float: none;
    clear: both;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: false;
    padding-left: 72px;
    padding-right: 72px;
    margin-bottom: 0
}

.grid_collection_filters>div:after {
    content: '';
    display: table;
    clear: both
}

.grid_collection_filters>div h2 {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    text-transform: none;
    font-size: 50px;
    line-height: 60px;
    margin-bottom: 20px
}

.grid_collection_filters>div p {
    font-size: 18px;
    line-height: 28px
}

@media screen and (max-width:1440px) {
    .grid_collection_filters>div {
        padding-left: 58px;
        padding-right: 58px
    }
}

@media screen and (max-width:1279px) {
    .grid_collection_filters>div {
        padding-left: 44px;
        padding-right: 44px
    }
    .grid_collection_filters>div h2 {
        font-size: 42px;
        line-height: 52px
    }
    .grid_collection_filters>div p {
        font-size: 16px;
        line-height: 26px
    }
}

@media screen and (max-width:1023px) {
    .grid_collection_filters>div {
        padding-left: 36px;
        padding-right: 36px;
        margin-bottom: 0
    }
    .grid_collection_filters>div h2 {
        font-size: 36px;
        line-height: 46px
    }
}

@media screen and (max-width:767px) {
    .grid_collection_filters>div {
        padding-left: 19px;
        padding-right: 19px
    }
}

.grid_collection_filters .filters-header-block {
    height: 80px;
    line-height: 80px;
    margin-bottom: 0
}

@media screen and (max-width:767px) {
    .grid_collection_filters .filters-header-block {
        height: initial
    }
}

.grid_collection_filters .filters-header-block span {
    font-size: 16px
}

.grid_collection_filters .filters-header-block .filter-results-ammount {
    color: #424242;
    font-family: Equip-ExtraLight, Helvetica, Arial, sans-serif;
    float: right
}

.grid_collection_filters .filters-header-block>button {
    border: 1px solid #1998d5;
    background-color: #fff;
    padding: 12px 24px
}

.grid_collection_filters .filters-header-block>button:hover:enabled {
    transform: translateY(0)!important
}

.grid_collection_filters .filters-header-block>button svg {
    margin: 0 10px -3px 10px
}

.grid_collection_filters .filters-header-block>button span {
    font-family: Equip-Medium, Helvetica, Arial, sans-serif;
    color: #1998d5
}

.grid_collection_filters .filters-header-block .active_filters {
    display: inline-block;
    float: right;
    padding-right: 15px;
    height: 0;
    overflow: hidden;
    transition: height .5s;
    border: none;
    max-width: 60%
}

.grid_collection_filters .filters-header-block .active_filters.hide {
    display: none
}

@media screen and (max-width:1023px) {
    .grid_collection_filters .filters-header-block .active_filters {
        display: block;
        width: 100%;
        padding-right: 0;
        max-width: initial
    }
}

.grid_collection_filters .filters-header-block .active_filters.active {
    height: initial
}

@media screen and (max-width:1023px) {
    .grid_collection_filters .filters-header-block .active_filters.active {
        border-bottom: 1px solid #e0e0e0
    }
}

@media screen and (max-width:370px) {
    .grid_collection_filters .filters-header-block .active_filters.active {
        line-height: 50px;
        padding-bottom: 14px
    }
}

.grid_collection_filters .filters-header-block .active_filters>div {
    display: flex;
    line-height: initial;
    flex-direction: row;
    float: right;
    max-width: 85%;
    margin-top: 20px;
    overflow-x: auto;
    overflow-y: hidden
}

@media screen and (max-width:1023px) {
    .grid_collection_filters .filters-header-block .active_filters>div {
        max-width: 70vw
    }
}

@media screen and (max-width:370px) {
    .grid_collection_filters .filters-header-block .active_filters>div {
        max-width: 100vw;
        margin-top: 0
    }
}

.grid_collection_filters .filters-header-block .active_filters .filters-clear {
    display: none;
    color: #1998d5;
    font-family: Equip-Medium, Helvetica, Arial, sans-serif;
    cursor: pointer
}

.grid_collection_filters .filters-header-block .active_filters .filter-tag {
    display: inline-block;
    white-space: nowrap;
    padding: 10px 18px 7px 40px;
    margin: 0 14px;
    font-family: Equip-Medium, Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: #424242;
    background-color: #f6f8fa;
    border-radius: 9999px;
    background-image: url(https://cdn.shopify.com/s/files/1/2486/3626/files/icon-close.svg?33794);
    background-repeat: no-repeat;
    background-position: 18px center;
    background-size: auto;
    cursor: pointer
}

.grid_collection_filters .filter_table {
    background-color: #f6f8fa;
    max-height: 0;
    overflow: hidden;
    transition: max-height 1s
}

.grid_collection_filters .filter_table.active {
    max-height: 1000px;
    transform: translateY(-1px)
}

.grid_collection_filters .filter_table h3 {
    font-family: Equip-Medium, Helvetica, Arial, sans-serif;
    font-size: 16px;
    margin-bottom: 20px
}

@media screen and (max-width:1023px) {
    .grid_collection_filters .filter_table h3 {
        margin-bottom: 14px;
        font-size: 14px
    }
}

.grid_collection_filters .filter_table .filter-set-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 24px 0 40px 0;
    font-size: 13px -1px;
    color: #424242;
    font-family: Equip-ExtraLight, Helvetica, Arial, sans-serif
}

@media screen and (max-width:1023px) {
    .grid_collection_filters .filter_table .filter-set-header {
        padding: 24px 0 25px 0
    }
}

.grid_collection_filters .filter_table .filter-set-header svg {
    cursor: pointer
}

.grid_collection_filters .filter_table .filter-set-container {
    width: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    justify-content: flex-start;
    padding-bottom: 40px
}

.grid_collection_filters .filter_table .filter-set {
    max-width: 33.33333%;
    padding-right: 8.33333%
}

@media screen and (max-width:1279px) {
    .grid_collection_filters .filter_table .filter-set {
        width: 58.33333%;
        max-width: 100%;
        margin-bottom: 40px
    }
}

@media screen and (max-width:1023px) {
    .grid_collection_filters .filter_table .filter-set {
        clear: both;
        float: left;
        width: 100%;
        max-width: 100%
    }
}

.grid_collection_filters .filter_table .filter-set>div {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    display: grid;
    grid-gap: 24px;
    grid-template-columns: repeat(2, [col-start] 1fr);
    grid-row-gap: 16px
}

@media screen and (max-width:1023px) {
    .grid_collection_filters .filter_table .filter-set>div {
        grid-gap: 12px
    }
}

@media screen and (max-width:430px) {
    .grid_collection_filters .filter_table .filter-set>div {
        grid-template-columns: repeat(1, [col-start] 1fr)
    }
}

.grid_collection_filters .filter_table .filter-set>div>div {
    position: relative;
    padding-left: 30px;
    line-height: 1.4em;
    white-space: nowrap;
    cursor: pointer
}

@media screen and (max-width:767px) {
    .grid_collection_filters .filter_table .filter-set>div>div {
        padding-left: 23px
    }
}

.grid_collection_filters .filter_table .filter-set>div>div svg {
    position: absolute;
    left: 0;
    top: 0
}

.grid_collection_filters .filter_table .filter-set>div>div svg #outside {
    stroke: #424242
}

.grid_collection_filters .filter_table .filter-set>div>div svg #inside {
    fill: none
}

@media screen and (max-width:767px) {
    .grid_collection_filters .filter_table .filter-set>div>div svg {
        height: 15px;
        width: 15px
    }
}

.grid_collection_filters .filter_table .filter-set>div>div span {
    font-family: Equip-ExtraLight, Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: #424242
}

@media screen and (max-width:1080px) {
    .grid_collection_filters .filter_table .filter-set>div>div span {
        font-size: 14px
    }
}

.grid_collection_filters .filter_table .filter-set>div>div>div {
    font-size: 14px;
    color: #424242;
    font-family: Equip-ExtraLight, Helvetica, Arial, sans-serif;
    margin-top: 3px
}

.grid_collection_filters .filter_table .filter-set>div>div.active svg #outside {
    stroke: #1998d5
}

.grid_collection_filters .filter_table .filter-set>div>div.active svg #inside {
    fill: #1998d5
}

.grid_collection_filters .filter_table .filter-set>div>div.active span {
    font-family: Equip-Medium, Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: #1998d5
}

.grid_collection_filters .filter_table .filter-set>div>div.disabled {
    opacity: .4;
    pointer-events: none
}

.grid_collection_filters .filter_table .filter-set>div>div.disabled #outside {
    stroke: #424242
}

.grid_collection_filters .filter_table .filter-set>div>div.disabled #inside {
    fill: none
}

.grid_collection_filters .filter_table .filter-set>div>div.disabled span {
    font-family: Equip-ExtraLight, Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: #424242
}

.grid_plp_header {
    height: 416px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background-image: url(https://cdn.shopify.com/s/files/1/2486/3626/files/WWR_Desktop.jpg?81694);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

@media screen and (max-width:1023px) {
    .grid_plp_header {
        height: initial;
        background-image: none;
        flex-direction: column
    }
}

.grid_plp_header>div:nth-child(1) {
    float: none;
    clear: both;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: false;
    padding-left: 72px;
    padding-right: 72px;
    margin-bottom: 0;
    width: 100%;
    max-width: 530px;
    margin: 0
}

.grid_plp_header>div:nth-child(1):after {
    content: '';
    display: table;
    clear: both
}

.grid_plp_header>div:nth-child(1) h2 {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    text-transform: none;
    font-size: 50px;
    line-height: 60px;
    margin-bottom: 20px
}

.grid_plp_header>div:nth-child(1) p {
    font-size: 18px;
    line-height: 28px
}

@media screen and (max-width:1440px) {
    .grid_plp_header>div:nth-child(1) {
        padding-left: 58px;
        padding-right: 58px
    }
}

@media screen and (max-width:1279px) {
    .grid_plp_header>div:nth-child(1) {
        padding-left: 44px;
        padding-right: 44px
    }
    .grid_plp_header>div:nth-child(1) h2 {
        font-size: 42px;
        line-height: 52px
    }
    .grid_plp_header>div:nth-child(1) p {
        font-size: 16px;
        line-height: 26px
    }
}

@media screen and (max-width:1023px) {
    .grid_plp_header>div:nth-child(1) {
        padding-left: 36px;
        padding-right: 36px;
        margin-bottom: 0
    }
    .grid_plp_header>div:nth-child(1) h2 {
        font-size: 36px;
        line-height: 46px
    }
}

@media screen and (max-width:767px) {
    .grid_plp_header>div:nth-child(1) {
        padding-left: 19px;
        padding-right: 19px
    }
}

@media screen and (max-width:1023px) {
    .grid_plp_header>div:nth-child(1) {
        max-width: initial;
        height: 200px;
        display: flex;
        align-items: center
    }
}

.grid_plp_header>div:nth-child(2) {
    display: none
}

@media screen and (max-width:1023px) {
    .grid_plp_header>div:nth-child(2) {
        display: initial;
        background-position: center;
        background-size: cover;
        padding-bottom: 90%;
        background-repeat: no-repeat;
        width: 100%;
        background-image: url(https://cdn.shopify.com/s/files/1/2486/3626/files/WWR_Tablet.jpg?81694)
    }
}

@media screen and (max-width:767px) {
    .grid_plp_header>div:nth-child(2) {
        background-image: url(https://cdn.shopify.com/s/files/1/2486/3626/files/WWR_Mobile.jpg?81694)
    }
}

.grid_plp_header h2 {
    font-family: Equip-Thin, Helvetica, Arial, sans-serif;
    font-size: 42px;
    color: #424242;
    margin-bottom: 36px;
    text-transform: none
}

@media screen and (max-width:1023px) {
    .grid_plp_header h2 {
        font-size: 36px;
        margin-bottom: 30px
    }
}

.grid_plp_header span {
    font-family: Equip-Light, Helvetica, Arial, sans-serif;
    font-size: 18px;
    color: #424242
}

@media screen and (max-width:1023px) {
    .grid_plp_header span {
        font-size: 14px
    }
}

.grid_wwr_certified_info {
    float: none;
    clear: both;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: false;
    padding-left: 72px;
    padding-right: 72px;
    margin-bottom: 0;
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    display: grid;
    grid-gap: 24px;
    grid-template-columns: repeat(3, [col-start] 1fr);
    margin: 40px auto;
    grid-gap: 0
}

.grid_wwr_certified_info:after {
    content: '';
    display: table;
    clear: both
}

.grid_wwr_certified_info h2 {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    text-transform: none;
    font-size: 50px;
    line-height: 60px;
    margin-bottom: 20px
}

.grid_wwr_certified_info p {
    font-size: 18px;
    line-height: 28px
}

@media screen and (max-width:1440px) {
    .grid_wwr_certified_info {
        padding-left: 58px;
        padding-right: 58px
    }
}

@media screen and (max-width:1279px) {
    .grid_wwr_certified_info {
        padding-left: 44px;
        padding-right: 44px
    }
    .grid_wwr_certified_info h2 {
        font-size: 42px;
        line-height: 52px
    }
    .grid_wwr_certified_info p {
        font-size: 16px;
        line-height: 26px
    }
}

@media screen and (max-width:1023px) {
    .grid_wwr_certified_info {
        padding-left: 36px;
        padding-right: 36px;
        margin-bottom: 0
    }
    .grid_wwr_certified_info h2 {
        font-size: 36px;
        line-height: 46px
    }
}

@media screen and (max-width:767px) {
    .grid_wwr_certified_info {
        padding-left: 19px;
        padding-right: 19px
    }
}

@media screen and (max-width:1023px) {
    .grid_wwr_certified_info {
        grid-gap: 12px
    }
}

@media screen and (max-width:1023px) {
    .grid_wwr_certified_info {
        grid-template-columns: repeat(1, [col-start] 1fr)
    }
}

@media screen and (max-width:1023px) {
    .grid_wwr_certified_info {
        margin: 25px auto;
        grid-gap: 0
    }
}

.grid_wwr_certified_info span {
    display: flex;
    align-items: center;
    font-family: Equip-ExtraLight, Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: #424242
}

.grid_wwr_certified_info>div:nth-child(1) {
    position: relative;
    padding: 20px 30px 20px 0
}

@media screen and (max-width:1023px) {
    .grid_wwr_certified_info>div:nth-child(1) {
        padding: 0 0 20px 0;
        display: flex;
        flex-direction: column
    }
}

.grid_wwr_certified_info>div:nth-child(1) .certified_wwr {
    margin: 0 14px 0 0;
    width: 120px;
    height: 30px;
    justify-content: space-around;
    padding: 2px 12px 2px 2px
}

.grid_wwr_certified_info>div:nth-child(1) .certified_wwr span {
    font-family: Equip, Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 400
}

.grid_wwr_certified_info>div:nth-child(1) .certified_wwr svg {
    width: 24px;
    height: 24px;
    margin-right: 4px
}

@media screen and (max-width:1023px) {
    .grid_wwr_certified_info>div:nth-child(1) .certified_wwr {
        margin-bottom: 15px;
        width: 100px;
        padding: 2px 8px 2px 5px
    }
    .grid_wwr_certified_info>div:nth-child(1) .certified_wwr span {
        font-family: Equip-Medium, Helvetica, Arial, sans-serif;
        font-size: 14px
    }
    .grid_wwr_certified_info>div:nth-child(1) .certified_wwr svg {
        width: 20px;
        height: 20px;
        margin-right: 3px
    }
}

.grid_wwr_certified_info>div:nth-child(1) .chevron {
    position: absolute;
    display: none;
    transition: transform .5s;
    transform: rotate(0)
}

.grid_wwr_certified_info>div:nth-child(1) .chevron svg {
    fill: #1998d5;
    width: 24px;
    height: 24px
}

@media screen and (max-width:1023px) {
    .grid_wwr_certified_info>div:nth-child(1) .chevron svg {
        width: 18px;
        height: 18px
    }
}

.grid_wwr_certified_info>div:nth-child(1) .chevron.active {
    transform: rotate(180deg)
}

@media screen and (max-width:1023px) {
    .grid_wwr_certified_info>div:nth-child(1) .chevron {
        display: block;
        top: 5px;
        right: 0
    }
}

.grid_wwr_certified_info>div:nth-child(2) {
    border-left: 1px solid #cacaca;
    border-right: 1px solid #cacaca;
    padding: 20px 40px
}

@media screen and (max-width:1023px) {
    .grid_wwr_certified_info>div:nth-child(2) {
        border-left: none;
        border-right: none;
        border-bottom: 1px solid #cacaca;
        padding: 0 0 20px;
        overflow: hidden;
        max-height: 0;
        transition: all 1s;
        padding-bottom: 0
    }
    .grid_wwr_certified_info>div:nth-child(2).active {
        max-height: 900px;
        padding-bottom: 20px
    }
}

.grid_wwr_certified_info>div:nth-child(2)>div {
    display: flex;
    align-items: center;
    padding: 5px 0
}

.grid_wwr_certified_info>div:nth-child(2)>div .svg-container {
    width: 23px;
    height: 23px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 0 0 auto;
    margin-right: 14px
}

.grid_wwr_certified_info>div:nth-child(2)>div .svg-container svg {
    width: 100%;
    height: 100%
}

.grid_wwr_certified_info>div:nth-child(3) {
    padding: 20px 0 20px 40px
}

@media screen and (max-width:1023px) {
    .grid_wwr_certified_info>div:nth-child(3) {
        padding: 20px 0 0
    }
}

.test_grid {
    float: none;
    clear: both;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 100%;
    padding-left: 72px;
    padding-right: 72px;
    margin-bottom: 100px;
    float: none;
    clear: both;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 1600px;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    position: fixed;
    top: 0;
    margin: 0;
    z-index: 2000;
    background: rgba(0, 0, 0, .2)
}

.test_grid:after {
    content: '';
    display: table;
    clear: both
}

.test_grid h2 {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    text-transform: none;
    font-size: 50px;
    line-height: 60px;
    margin-bottom: 20px
}

.test_grid p {
    font-size: 18px;
    line-height: 28px
}

@media screen and (max-width:1440px) {
    .test_grid {
        padding-left: 58px;
        padding-right: 58px
    }
}

@media screen and (max-width:1279px) {
    .test_grid {
        padding-left: 44px;
        padding-right: 44px
    }
    .test_grid h2 {
        font-size: 42px;
        line-height: 52px
    }
    .test_grid p {
        font-size: 16px;
        line-height: 26px
    }
}

@media screen and (max-width:1023px) {
    .test_grid {
        padding-left: 36px;
        padding-right: 36px;
        margin-bottom: 60px
    }
    .test_grid h2 {
        font-size: 36px;
        line-height: 46px
    }
}

@media screen and (max-width:767px) {
    .test_grid {
        padding-left: 19px;
        padding-right: 19px
    }
}

.test_grid:after {
    content: '';
    display: table;
    clear: both
}

.test_grid>div {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    display: grid;
    grid-gap: 24px;
    grid-template-columns: repeat(12, [col-start] 1fr)
}

@media screen and (max-width:1023px) {
    .test_grid>div {
        grid-gap: 12px
    }
}

.test_grid>div>div {
    border: 1px solid #000;
    padding: 2px 0;
    background: rgba(255, 0, 0, .5)
}

.grid-app-hero {
    position: relative
}

@media screen and (min-width:1024px) {
    .grid-app-hero__grid-wrapper {
        position: absolute;
        top: 50%;
        transform: translateY(-50%)
    }
}

.grid-app-hero__template {
    grid-template-columns: repeat(12, 1fr);
    grid-template-areas: 'copy copy copy copy copy copy copy copy copy copy copy copy'
}

@media screen and (min-width:1024px) {
    .grid-app-hero__template--text-right {
        grid-template-areas: '. . . . . . copy copy copy copy copy copy'
    }
}

@media screen and (min-width:1280px) {
    .grid-app-hero__template--text-right {
        grid-template-areas: '. . . . . . . copy copy copy copy copy'
    }
}

.grid-app-hero__copy {
    grid-area: copy;
    padding: 30px 0;
    color: #424242
}

.grid-app-hero__copy--no-padding-top {
    padding-top: 0
}

@media screen and (min-width:768px) {
    .grid-app-hero__copy {
        padding: 50px 0 55px
    }
    .grid-app-hero__copy--no-padding-top {
        padding-top: 0
    }
}

@media screen and (min-width:1024px) {
    .grid-app-hero__copy {
        padding: 70px 0 0
    }
    .grid-app-hero__copy--center {
        padding: 0
    }
    .grid-app-hero__copy--light {
        color: #fff
    }
}

@media screen and (min-width:1280px) {
    .grid-app-hero__copy {
        padding: 100px 0 0
    }
    .grid-app-hero__copy--center {
        padding: 0
    }
}

.grid-app-hero__logo-wrapper {
    margin-bottom: 13px
}

@media screen and (min-width:1024px) {
    .grid-app-hero__logo-wrapper {
        margin-bottom: 9px
    }
}

@media screen and (min-width:1280px) {
    .grid-app-hero__logo-wrapper {
        margin-bottom: 14px
    }
}

.grid-app-logo {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    width: 30px;
    height: 30px
}

@media screen and (min-width:1024px) {
    .grid-app-logo {
        width: 47px;
        height: 47px
    }
}

.grid-app-hero__h1 {
    vertical-align: middle;
    display: inline-block;
    width: auto;
    color: inherit
}

.grid-app-hero__h2 {
    color: inherit
}

.grid-app-hero__img-wrapper {
    display: block;
    line-height: 0
}

.grid-app-hero__img {
    width: 100%
}

.grid-app-hero__disclaimer-wrapper {
    position: absolute;
    bottom: 20px
}

@media screen and (min-width:1280px) {
    .grid-app-hero__disclaimer-wrapper {
        bottom: 25px
    }
}

.grid-app-hero__disclaimer {
    display: none
}

@media screen and (min-width:1024px) {
    .grid-app-hero__disclaimer {
        display: block;
        margin: 0;
        color: #fff;
        line-height: 26px;
        font-size: 16px;
        font-family: Equip-ExtraLight, Helvetica, Arial, sans-serif;
        font-style: italic
    }
}

@media screen and (min-width:1024px) {
    .neighbors-landing-page .grid-app-hero__grid-wrapper {
        top: 47%
    }
}

.neighbors-landing-page .grid-app-hero--parallax .grid-app-hero__img-wrapper {
    overflow: hidden;
    background-image: url(https://cdn.shopify.com/s/files/1/0019/7863/0214/files/neighbors_app_bg.jpg?124980);
    background-size: cover
}

.grid-featured-img__template {
    grid-row-gap: 0;
    grid-template-columns: 1fr;
    grid-template-areas: 'copy-a' 'copy-b' 'img'
}

@media screen and (min-width:768px) {
    .grid-featured-img__template {
        grid-template-columns: repeat(12, 1fr);
        grid-template-areas: 'copy-a copy-a copy-a copy-a copy-a . copy-b copy-b copy-b copy-b copy-b copy-b' 'img img img img img img img img img img img img'
    }
}

@media screen and (min-width:1024px) {
    .grid-featured-img__template {
        grid-template-areas: '. copy-a copy-a copy-a copy-a . img img img img img img' '. copy-b copy-b copy-b copy-b . img img img img img img'
    }
}

.grid-featured-img__template--copy-bottom {
    grid-row-gap: 0;
    grid-template-columns: 1fr;
    grid-template-areas: 'img' 'copy-a' 'copy-b'
}

@media screen and (min-width:768px) {
    .grid-featured-img__template--copy-bottom {
        grid-template-columns: repeat(12, 1fr);
        grid-template-areas: 'img img img img img img img img img img img img' 'copy-a copy-a copy-a copy-a copy-a . copy-b copy-b copy-b copy-b copy-b copy-b'
    }
}

@media screen and (min-width:1024px) {
    .grid-featured-img__template--copy-bottom {
        grid-template-areas: '. copy-a copy-a copy-a copy-a . img img img img img img' '. copy-b copy-b copy-b copy-b . img img img img img img'
    }
}

.grid-featured-img__copy-a {
    grid-area: copy-a
}

@media screen and (min-width:1024px) {
    .grid-featured-img__copy-a {
        display: flex;
        flex-direction: column;
        justify-content: flex-end
    }
}

.grid-featured-img__copy-b {
    grid-area: copy-b
}

.grid-featured-img__copy-a .content-bullets li,
.grid-featured-img__copy-b .content-bullets li {
    color: #788188
}

.grid-featured-img__img-wrapper {
    grid-area: img;
    line-height: 0
}

@media screen and (min-width:768px) {
    .grid-featured-img__h4 {
        margin-bottom: 55px
    }
    .grid-featured-img__h4--no-margin-med {
        margin-bottom: 0
    }
}

@media screen and (min-width:1024px) {
    .grid-featured-img__h4 {
        margin-bottom: 20px
    }
}

@media screen and (min-width:768px) {
    .grid-featured-img__desc {
        margin-bottom: 55px
    }
}

@media screen and (min-width:1024px) {
    .grid-featured-img__desc {
        margin-bottom: 0
    }
}

.grid-featured-img__img {
    width: 100%
}

.grid-featured-img__img--has-margin {
    margin-bottom: 30px
}

.grid-featured-img__img--has-margin-l {
    margin-bottom: 30px
}

@media screen and (min-width:1024px) {
    .grid-featured-img__img--has-margin-l {
        margin-bottom: 0
    }
}

.neighbors-landing-page .grid-featured-img .grid-featured-img__img-wrapper {
    overflow: hidden;
    background-color: #f6f8fa
}

@media screen and (min-width:768px) {
    .neighbors-landing-page .grid-featured-img .grid-featured-img__img {
        display: block;
        width: 80%;
        margin: 0 auto
    }
}

@media screen and (min-width:1024px) {
    .neighbors-landing-page .grid-featured-img .grid-featured-img__img {
        width: 100%
    }
}

.grid-featured-vid__template {
    grid-row-gap: 0;
    grid-template-columns: 1fr;
    grid-template-areas: 'copy-a' 'copy-b' 'vid' 'copy-c'
}

@media screen and (min-width:768px) {
    .grid-featured-vid__template {
        grid-template-columns: repeat(12, 1fr);
        grid-template-areas: 'copy-a copy-a copy-a copy-a copy-a copy-a copy-a copy-a copy-a copy-a copy-a copy-a' 'copy-b copy-b copy-b copy-b copy-b . copy-c copy-c copy-c copy-c copy-c copy-c' 'vid vid vid vid vid vid vid vid vid vid vid vid'
    }
}

@media screen and (min-width:1024px) {
    .grid-featured-vid__template {
        grid-template-areas: '. copy-a copy-a copy-a copy-a copy-a copy-a copy-a copy-a copy-a copy-a .' '. copy-b copy-b copy-b copy-b copy-b . copy-c copy-c copy-c copy-c .' 'vid vid vid vid vid vid vid vid vid vid vid vid'
    }
}

.grid-feature-vid__slides {
    display: none;
    width: 100%;
    grid-template-columns: repeat(4, auto);
    grid-gap: 2%;
    padding-top: 24px
}

@media screen and (min-width:1024px) {
    .grid-feature-vid__slides {
        display: grid
    }
}

.grid-feature-vid__slides img {
    opacity: .6;
    transition: all .3s;
    cursor: pointer;
    transform: scale(1)
}

.grid-feature-vid__slides img:hover {
    opacity: 1;
    transform: scale(1.2)
}

.grid-feature-vid__slides picture {
    overflow: hidden;
    transition: all .3s
}

.grid-feature-vid__slides span {
    font-family: Equip-ExtraLight, Helvetica, Arial, sans-serif;
    color: #424242;
    font-size: 14px;
    padding: 10px;
    width: 100%;
    display: block;
    text-align: center
}

.grid-feature-vid__slides .active img {
    opacity: 1
}

.grid-feature-vid__slides .active span {
    font-family: Equip-Medium, Helvetica, Arial, sans-serif
}

.grid-feature-vid__dots {
    display: flex;
    justify-content: center;
    width: 100%
}

@media screen and (min-width:1024px) {
    .grid-feature-vid__dots {
        display: none
    }
}

.grid-feature-vid__dots div {
    margin: 0 10px;
    width: 10px;
    height: 10px;
    border-radius: 9999px;
    background-color: #e0e0e0;
    box-sizing: border-box;
    border: 2px solid #e0e0e0;
    transition: border .3s
}

.grid-feature-vid__dots div.active {
    border: 2px solid #1998d5;
    background-color: transparent
}

.grid-featured-vid__template--thumbs {
    grid-row-gap: 0;
    grid-template-columns: 1fr;
    grid-template-areas: 'copy-a' 'copy-b' 'copy-c' 'vid';
    display: none
}

.grid-featured-vid__template--thumbs.active {
    display: grid
}

.grid-featured-vid__template--thumbs .grid-featured-vid__copy-c {
    margin-bottom: 30px
}

@media screen and (min-width:1024px) {
    .grid-featured-vid__template--thumbs .grid-featured-vid__copy-c {
        margin-bottom: 55px
    }
}

.grid-featured-vid__template--thumbs .grid-featured-vid__vid-wrapper {
    margin-bottom: 30px
}

@media screen and (min-width:1024px) {
    .grid-featured-vid__template--thumbs .grid-featured-vid__vid-wrapper {
        margin-bottom: 0
    }
}

@media screen and (max-width:767px) {
    .grid-featured-vid__template--thumbs .grid-featured-vid__location--testimonials,
    .grid-featured-vid__template--thumbs .grid-featured-vid__name {
        font-size: 13px;
        line-height: 24px
    }
}

@media screen and (min-width:768px) {
    .grid-featured-vid__template--thumbs {
        grid-template-columns: repeat(12, 1fr);
        grid-template-areas: 'copy-a copy-a copy-a copy-a copy-a copy-a copy-a copy-a copy-a copy-a copy-a copy-a' 'copy-b copy-b copy-b copy-b copy-b . copy-c copy-c copy-c copy-c copy-c copy-c' 'vid vid vid vid vid vid vid vid vid vid vid vid'
    }
}

@media screen and (min-width:1024px) {
    .grid-featured-vid__template--thumbs {
        grid-template-areas: '. copy-a copy-a copy-a copy-a copy-a copy-a copy-a copy-a copy-a copy-a .' '. copy-b copy-b copy-b copy-b copy-b copy-c copy-c copy-c copy-c . .' 'vid vid vid vid vid vid vid vid vid vid vid vid'
    }
}

.grid-featured-vid__template--full-span {
    grid-row-gap: 0;
    grid-template-columns: 1fr;
    grid-template-areas: 'vid' 'copy-a'
}

@media screen and (min-width:768px) {
    .grid-featured-vid__template--full-span {
        grid-template-columns: repeat(12, 1fr);
        grid-template-areas: 'vid vid vid vid vid vid vid vid vid vid vid vid' '. copy-a copy-a copy-a copy-a copy-a copy-a copy-a copy-a copy-a copy-a .'
    }
}

@media screen and (min-width:1024px) {
    .grid-featured-vid__template--full-span {
        grid-template-areas: '. copy-a copy-a copy-a copy-a copy-a copy-a copy-a copy-a copy-a copy-a .' 'vid vid vid vid vid vid vid vid vid vid vid vid'
    }
}

@media screen and (min-width:1280px) {
    .grid-featured-vid__template--full-span {
        grid-template-areas: '. . copy-a copy-a copy-a copy-a copy-a copy-a copy-a copy-a . .' 'vid vid vid vid vid vid vid vid vid vid vid vid'
    }
}

.grid-featured-vid__template--single-copy {
    grid-row-gap: 0;
    grid-template-columns: 1fr;
    grid-template-areas: 'copy-a' 'vid'
}

@media screen and (min-width:768px) {
    .grid-featured-vid__template--single-copy {
        grid-template-columns: repeat(12, 1fr);
        grid-template-areas: '. copy-a copy-a copy-a copy-a copy-a copy-a copy-a copy-a copy-a copy-a .' 'vid vid vid vid vid vid vid vid vid vid vid vid'
    }
}

@media screen and (min-width:1024px) {
    .grid-featured-vid__template--single-copy {
        grid-template-areas: '. . copy-a copy-a copy-a copy-a copy-a copy-a copy-a copy-a . .' 'vid vid vid vid vid vid vid vid vid vid vid vid'
    }
}

@media screen and (min-width:1280px) {
    .grid-featured-vid__template--single-copy {
        grid-template-areas: '. . copy-a copy-a copy-a copy-a copy-a copy-a copy-a copy-a . .' '. vid vid vid vid vid vid vid vid vid vid .'
    }
}

@media screen and (min-width:1440px) {
    .grid-featured-vid__template--single-copy {
        grid-template-areas: '. . .  copy-a copy-a copy-a copy-a copy-a copy-a . . .' '. vid vid vid vid vid vid vid vid vid vid .'
    }
}

.grid-featured-vid__copy-a {
    grid-area: copy-a
}

.grid-featured-vid__copy-a--center {
    grid-area: copy-a
}

@media screen and (min-width:768px) {
    .grid-featured-vid__copy-a--center {
        text-align: center;
        align-items: center
    }
}

.grid-featured-vid__copy-b {
    grid-area: copy-b
}

.grid-featured-vid__copy-c {
    grid-area: copy-c;
    padding: 0;
    text-align: left
}

@media screen and (min-width:768px) {
    .grid-featured-vid__copy--centered {
        text-align: center
    }
}

.grid-featured-vid__vid-wrapper {
    grid-area: vid;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
    cursor: pointer
}

@media screen and (min-width:768px) {
    .grid-featured-vid__vid-wrapper {
        margin-bottom: 0
    }
}

.grid-featured-vid__vid-wrapper--no-margin {
    margin-bottom: 0
}

.grid-featured-vid__vid-wrapper:hover .icon-play__svg--large {
    opacity: 1
}

.grid-featured-vid__vid-wrapper:hover .icon-play__svg--large g {
    fill: #1998d5
}

.grid-featured-vid__vid-wrapper:hover .icon-play__svg--large polygon {
    fill: #fff
}

@media screen and (min-width:768px) {
    .grid-featured-vid__desc {
        margin-bottom: 55px
    }
}

@media screen and (min-width:1024px) {
    .grid-featured-vid__desc {
        margin-bottom: 70px
    }
}

@media screen and (min-width:768px) {
    .grid-featured-vid__desc--single {
        margin-bottom: 30px
    }
}

.grid-featured-vid__quote {
    margin-bottom: 15px;
    line-height: 29px;
    font-size: 18px;
    font-family: Equip-ExtraLight, Helvetica, Arial, sans-serif;
    color: #424242
}

@media screen and (min-width:768px) {
    .grid-featured-vid__quote {
        margin-bottom: 30px;
        line-height: 31px;
        font-size: 20px
    }
}

@media screen and (min-width:1024px) {
    .grid-featured-vid__quote {
        margin-bottom: 40px
    }
}

@media screen and (min-width:1280px) {
    .grid-featured-vid__quote {
        line-height: 33px;
        font-size: 22px
    }
}

@media screen and (min-width:768px) {
    .grid-featured-vid__location {
        margin-bottom: 55px
    }
}

@media screen and (min-width:1024px) {
    .grid-featured-vid__location {
        margin-bottom: 70px
    }
}

@media screen and (max-width:1023px) {
    .grid-featured-vid__location--testimonials {
        margin-bottom: 55px
    }
}

.grid-featured-vid__vid {
    position: absolute;
    z-index: 1;
    width: 100%
}

.grid-featured-vid__img-wrapper {
    position: relative;
    z-index: 2;
    display: block;
    width: 100%;
    line-height: 0
}

.grid-featured-vid__img {
    width: 100%;
    transition: opacity .3s ease-out
}

.grid-featured-vid__img.invisible {
    opacity: 0
}

.grid-featured-cta__template {
    grid-row-gap: 0;
    grid-template-columns: 1fr;
    grid-template-areas: 'copy-a' 'copy-b' 'copy-c'
}

@media screen and (min-width:768px) {
    .grid-featured-cta__template {
        grid-template-columns: repeat(12, 1fr);
        grid-template-areas: 'copy-a copy-a copy-a copy-a copy-a copy-a copy-a copy-a copy-a copy-a copy-a copy-a' 'copy-b copy-b copy-b copy-b copy-b copy-b . copy-c copy-c copy-c copy-c copy-c'
    }
}

@media screen and (min-width:1024px) {
    .grid-featured-cta__template {
        grid-template-areas: '. copy-a copy-a copy-a copy-a copy-a copy-a copy-a copy-a copy-a copy-a .' '. copy-b copy-b copy-b copy-b copy-b copy-b copy-c copy-c copy-c copy-c .'
    }
}

.grid-featured-cta__copy-a {
    grid-area: copy-a
}

.grid-featured-cta__copy-b {
    grid-area: copy-b
}

.grid-featured-cta__copy-c {
    grid-area: copy-c
}

@media screen and (min-width:768px) {
    .grid-featured-cta__desc {
        margin-bottom: 0
    }
}

@media screen and (min-width:1024px) {
    .grid-featured-cta__desc {
        padding-right: calc(((100% - (24px * 5))/ 6) + 24px)
    }
}

.grid-featured-cta__ul {
    margin-bottom: 25px
}

@media screen and (min-width:768px) {
    .grid-featured-cta__ul {
        margin-bottom: 30px
    }
}

.grid-disclaimer__template {
    grid-template-columns: 1fr;
    grid-template-areas: 'copy'
}

@media screen and (min-width:1024px) {
    .grid-disclaimer__template {
        grid-template-columns: repeat(12, 1fr);
        grid-template-areas: '. copy copy copy copy copy copy copy copy copy copy .'
    }
}

.grid-disclaimer__p {
    grid-area: copy;
    margin-bottom: 0;
    line-height: 18px;
    font-size: 12px;
    font-family: Equip-ExtraLight, Helvetica, Arial, sans-serif
}

@media screen and (min-width:1280px) {
    .grid-disclaimer__p {
        line-height: 20px;
        font-size: 13px
    }
}

.grid_product_wrapper {
    float: none;
    clear: both;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 1600px;
    padding-left: 72px;
    padding-right: 72px;
    margin-bottom: 100px
}

.grid_product_wrapper:after {
    content: '';
    display: table;
    clear: both
}

.grid_product_wrapper h2 {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    text-transform: none;
    font-size: 50px;
    line-height: 60px;
    margin-bottom: 20px
}

.grid_product_wrapper p {
    font-size: 18px;
    line-height: 28px
}

@media screen and (max-width:1440px) {
    .grid_product_wrapper {
        padding-left: 58px;
        padding-right: 58px
    }
}

@media screen and (max-width:1279px) {
    .grid_product_wrapper {
        padding-left: 44px;
        padding-right: 44px
    }
    .grid_product_wrapper h2 {
        font-size: 42px;
        line-height: 52px
    }
    .grid_product_wrapper p {
        font-size: 16px;
        line-height: 26px
    }
}

@media screen and (max-width:1023px) {
    .grid_product_wrapper {
        padding-left: 36px;
        padding-right: 36px;
        margin-bottom: 60px
    }
    .grid_product_wrapper h2 {
        font-size: 36px;
        line-height: 46px
    }
}

@media screen and (max-width:767px) {
    .grid_product_wrapper {
        padding-left: 19px;
        padding-right: 19px
    }
}

.grid_product_wrapper .grid_tv_product {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    display: grid;
    grid-gap: 24px;
    align-items: center;
    grid-template-columns: repeat(12, 1fr);
    grid-template-areas: '. prod_image prod_image prod_image prod_image prod_image . . . . . .' '. prod_image prod_image prod_image prod_image prod_image . prod_heading prod_heading prod_heading prod_heading .' '. prod_image prod_image prod_image prod_image prod_image . prod_copy prod_copy prod_copy prod_copy .' '. prod_image prod_image prod_image prod_image prod_image . . . . . .'
}

@media screen and (max-width:1023px) {
    .grid_product_wrapper .grid_tv_product {
        grid-gap: 12px
    }
}

.grid_product_wrapper .grid_tv_product .product_heading {
    grid-area: prod_heading
}

.grid_product_wrapper .grid_tv_product .product_heading .name {
    font-family: Equip-Thin, Helvetica, Arial, sans-serif;
    font-size: 36px;
    line-height: 46px
}

.grid_product_wrapper .grid_tv_product .product_heading .price {
    font-family: Equip-Light, Helvetica, Arial, sans-serif;
    font-size: 23px;
    line-height: 33px
}

.grid_product_wrapper .grid_tv_product .product_heading .price .product-price__sale,
.grid_product_wrapper .grid_tv_product .product_heading .price .product__price--sale {
    color: #000
}

.grid_product_wrapper .grid_tv_product .product_image {
    grid-area: prod_image
}

.grid_product_wrapper .grid_tv_product .product_image .img {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    padding-bottom: 80%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

.grid_product_wrapper .grid_tv_product .product_description {
    grid-area: prod_copy;
    font-family: Equip-ExtraLight, Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 26px
}

.grid_product_wrapper .grid_tv_product .product_description .description {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    margin-bottom: 30px
}

@media screen and (max-width:1023px) {
    .grid_product_wrapper .grid_tv_product {
        grid-template-columns: 1fr;
        grid-template-areas: 'prod_heading' 'prod_image' 'prod_copy'
    }
}

.doorbell-for-every-home {
    clear: both;
    display: flex;
    justify-content: space-around;
    text-align: center;
    flex-direction: column;
    margin: 0 47px 100px 46px
}

.doorbell-for-every-home h2 {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
    font-size: 50px;
    line-height: 60px;
    text-transform: none
}

.doorbell-for-every-home p {
    font-size: 18px;
    line-height: 28px;
    margin: 0 auto 40px;
    max-width: 636px
}

.doorbell-for-every-home div,
.doorbell-for-every-home h2,
.doorbell-for-every-home li,
.doorbell-for-every-home p,
.doorbell-for-every-home span {
    color: #424242
}

.doorbell-for-every-home img {
    width: 58%;
    margin-left: 21%;
    margin-right: 21%;
    margin-top: 40px
}

.doorbell-for-every-home button {
    font-family: Equip-Medium, Helvetica, Arial, sans-serif
}

.doorbell-for-every-home .mobile_float {
    display: block;
    width: 100%
}

@media screen and (max-width:769px) {
    .doorbell-for-every-home .mobile_float {
        display: block;
        width: 100%
    }
    .doorbell-for-every-home .mobile_float:after {
        content: '';
        display: none
    }
}

@media screen and (max-width:767px) {
    .doorbell-for-every-home .mobile_float {
        display: inline;
        width: auto
    }
    .doorbell-for-every-home .mobile_float:after {
        content: ' ';
        display: inherit;
        white-space: normal
    }
}

.doorbell-for-every-home .explore-doorbells-list {
    float: none;
    clear: both;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 50%;
    text-align: center
}

.doorbell-for-every-home .explore-doorbells-list:after {
    content: '';
    display: table;
    clear: both
}

.doorbell-for-every-home .explore-doorbells-list li {
    display: inline-block;
    vertical-align: middle;
    font-family: Equip-Light, Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 22px;
    font-weight: 300
}

.doorbell-for-every-home .explore-doorbells-list li:nth-child(1) {
    width: 21%
}

.doorbell-for-every-home .explore-doorbells-list li:nth-child(2) {
    width: 22%
}

.doorbell-for-every-home .explore-doorbells-list li:nth-child(3) {
    width: 15%
}

.doorbell-for-every-home .explore-doorbells-list li:nth-child(4) {
    width: 18%
}

.doorbell-for-every-home .explore-doorbells-list li:nth-child(5) {
    width: 24%;
    padding-right: 4%
}

.doorbell-for-every-home__cta {
    margin-bottom: 40px
}

@media screen and (max-width:1023px) {
    .doorbell-for-every-home {
        margin: 0 47px 80px 46px
    }
    .doorbell-for-every-home h2 {
        font-size: 36px;
        line-height: 46px
    }
    .doorbell-for-every-home p {
        font-size: 16px;
        line-height: 26px
    }
    .doorbell-for-every-home img {
        width: 100%;
        margin-left: unset;
        margin-right: unset
    }
    .doorbell-for-every-home .explore-doorbells-list {
        display: none
    }
}

.grid_dropdown_list {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    display: grid;
    grid-gap: 24px;
    grid-template-columns: 1fr
}

@media screen and (max-width:1023px) {
    .grid_dropdown_list {
        grid-gap: 12px
    }
}

.grid_dropdown_list>li {
    border-bottom: 1px solid #e0e0e0;
    cursor: pointer
}

.grid_dropdown_list>li:last-child {
    border-bottom: none
}

.grid_dropdown_list>li>div {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    align-items: center;
    grid-template-areas: 'icon icon copy copy copy copy copy copy copy copy . chevron';
    column-gap: 12px;
    position: relative
}

@media screen and (min-width:374px) {
    .grid_dropdown_list>li>div {
        grid-template-areas: 'icon copy copy copy copy copy copy copy copy copy . chevron'
    }
}

.grid_dropdown_list>li>div:first-child {
    min-height: 55px
}

@media screen and (min-width:1024px) {
    .grid_dropdown_list>li>div:first-child {
        min-height: 27px;
        transition: margin-bottom .5s;
        padding-top: 15px;
        margin-bottom: 10px
    }
    .grid_dropdown_list>li>div:first-child.active {
        margin-bottom: 0
    }
}

.grid_dropdown_list>li>div.collapse {
    overflow: hidden;
    max-height: 0;
    transition: max-height .5s
}

.grid_dropdown_list>li>div.collapse.active {
    max-height: 600px
}

.grid_dropdown_list>li>div .icon-container {
    height: 33px;
    width: 33px;
    grid-area: icon;
    justify-self: center;
    display: flex;
    position: absolute;
    top: calc(50% - 15px);
    align-items: center;
    justify-content: center
}

@media screen and (min-width:1024px) {
    .grid_dropdown_list>li>div .icon-container {
        top: calc(50% - 19px)
    }
}

.grid_dropdown_list>li>div .icon-chevron-down {
    grid-area: chevron;
    fill: #1998d5;
    transform: rotate(0);
    transition: transform .5s;
    justify-self: end
}

.grid_dropdown_list>li>div .icon-chevron-down.active {
    transform: rotate(180deg)
}

.grid_dropdown_list>li>div p,
.grid_dropdown_list>li>div span {
    grid-area: copy;
    color: #424242;
    font-size: 14px;
    line-height: 24px;
    padding-left: 12px
}

.grid_dropdown_list>li>div span {
    font-family: Equip-Medium, Helvetica, Arial, sans-serif
}

@media screen and (min-width:1024px) {
    .grid_dropdown_list>li>div span {
        font-size: 16px;
        line-height: 26px
    }
}

.grid_dropdown_list>li>div p {
    font-family: Equip-ExtraLight, Helvetica, Arial, sans-serif;
    padding-bottom: 19px
}

.grid_dropdown_list {
    grid-gap: 0
}

.grid_protect_dropdown {
    float: none;
    clear: both;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 100%;
    padding-left: 72px;
    padding-right: 72px;
    margin-bottom: 0;
    background-color: #f6f8fa;
    display: grid;
    padding: 70px 0 0 0
}

.grid_protect_dropdown:after {
    content: '';
    display: table;
    clear: both
}

@media screen and (max-width:1440px) {
    .grid_protect_dropdown {
        padding-left: 58px;
        padding-right: 58px
    }
}

@media screen and (max-width:1279px) {
    .grid_protect_dropdown {
        padding-left: 44px;
        padding-right: 44px
    }
}

@media screen and (max-width:1023px) {
    .grid_protect_dropdown {
        padding-left: 36px;
        padding-right: 36px;
        margin-bottom: 0
    }
}

@media screen and (max-width:767px) {
    .grid_protect_dropdown {
        padding-left: 19px;
        padding-right: 19px
    }
}

.grid_protect_dropdown h2,
.grid_protect_dropdown p,
.grid_protect_dropdown span {
    color: #424242
}

.grid_protect_dropdown>div:first-child h2 {
    text-transform: none;
    font-size: 36px;
    line-height: 46px
}

.grid_protect_dropdown>div:first-child p {
    font-family: Equip-ExtraLight, Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 26px;
    display: inline-block
}

.grid_protect_dropdown>div:first-child p a {
    text-decoration: underline
}

.grid_protect_dropdown>div:first-child p.grid_protect_dropdown__desc {
    margin-top: 20px
}

.grid_protect_dropdown>div:first-child p.grid_protect_dropdown__desc .grid_protect_dropdown__desc--bold {
    font-family: Equip-Medium, Helvetica, Arial, sans-serif
}

.grid_protect_dropdown>div:last-child {
    display: grid;
    grid-template-areas: '. . . image image image image image image . . .';
    grid-template-columns: repeat(12, 1fr);
    padding-top: 40px;
    position: relative;
    text-align: center
}

.grid_protect_dropdown>div:last-child>div {
    grid-area: image
}

.grid_protect_dropdown>div:last-child>div picture {
    display: grid;
    grid-area: image;
    justify-content: center
}

.grid_protect_dropdown>div:last-child>div video {
    display: none
}

.grid_protect_dropdown>div:last-child>div .close {
    display: none
}

.grid_protect_dropdown>div:last-child>div.full_screen_mode {
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, .85);
    align-items: center;
    justify-content: center;
    z-index: 100
}

.grid_protect_dropdown>div:last-child>div.full_screen_mode picture {
    display: none
}

.grid_protect_dropdown>div:last-child>div.full_screen_mode video {
    display: inline-block;
    position: fixed;
    max-height: 95vh;
    width: 95%;
    z-index: 100;
    top: 2.5vh;
    left: 2.5%;
    border-radius: 10px
}

.grid_protect_dropdown>div:last-child>div.full_screen_mode .close {
    display: block;
    position: fixed;
    top: 12px;
    right: 12px;
    width: 45px;
    height: 45px;
    z-index: 600;
    background-size: contain;
    background-image: url(fs_close.png?v=2)
}

@media screen and (min-width:1024px) {
    .grid_protect_dropdown {
        grid-template-columns: repeat(12, 1fr);
        grid-template-areas: '. dropdown dropdown dropdown dropdown . . phone phone phone phone .';
        padding: 100px 0
    }
    .grid_protect_dropdown>div:first-child {
        grid-area: dropdown;
        align-content: center;
        display: grid
    }
    .grid_protect_dropdown>div:first-child h2 {
        font-size: 42px;
        line-height: 52px
    }
    .grid_protect_dropdown>div:last-child {
        display: initial;
        grid-area: phone;
        padding-top: initial
    }
    .grid_protect_dropdown>div:last-child>div {
        display: inline-block;
        position: relative;
        width: 100%;
        max-width: 420px;
        grid-area: unset
    }
    .grid_protect_dropdown>div:last-child>div picture {
        display: initial;
        position: relative;
        z-index: 10
    }
    .grid_protect_dropdown>div:last-child>div picture img {
        width: 100%
    }
    .grid_protect_dropdown>div:last-child>div video {
        position: absolute;
        left: 6.5%;
        top: 2.8%;
        width: 87.5%;
        display: initial;
        border-radius: 10px
    }
}

@media screen and (min-width:1280px) {
    .grid_protect_dropdown>div:first-child h2 {
        font-size: 50px;
        line-height: 60px
    }
    .grid_protect_dropdown>div:first-child .grid_protect_dropdown__desc {
        font-size: 18px;
        line-height: 28px
    }
}

.grid_protect_dropdown-icon {
    margin-bottom: 5px
}

@media screen and (min-width:1024px) {
    .grid_protect_dropdown-icon {
        width: 196px;
        height: 45px;
        margin-bottom: 18px
    }
}

.grid_legal {
    float: none;
    clear: both;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 100%;
    padding-left: 72px;
    padding-right: 72px;
    margin-bottom: 100px;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-template-areas: 'copy copy copy copy copy copy copy copy copy copy copy copy';
    margin-bottom: 70px
}

.grid_legal:after {
    content: '';
    display: table;
    clear: both
}

@media screen and (max-width:1440px) {
    .grid_legal {
        padding-left: 58px;
        padding-right: 58px
    }
}

@media screen and (max-width:1279px) {
    .grid_legal {
        padding-left: 44px;
        padding-right: 44px
    }
}

@media screen and (max-width:1023px) {
    .grid_legal {
        padding-left: 36px;
        padding-right: 36px;
        margin-bottom: 60px
    }
}

@media screen and (max-width:767px) {
    .grid_legal {
        padding-left: 19px;
        padding-right: 19px
    }
}

@media screen and (min-width:1024px) {
    .grid_legal {
        grid-template-areas: '. copy copy copy copy copy copy copy copy copy copy .'
    }
}

.grid_legal>div {
    grid-area: copy
}

.grid_legal>div P {
    font-size: 13px;
    color: #424242;
    margin: 0 0 1em 0
}

@media screen and (min-width:768px) {
    .grid_legal>div P {
        margin: 0 0 1.8em 0
    }
}

.grid_picture_hero {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    position: relative;
    overflow: hidden
}

.grid_picture_hero .copy {
    float: none;
    clear: both;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: false;
    padding-left: 72px;
    padding-right: 72px;
    margin-bottom: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
    grid-area: copy
}

.grid_picture_hero .copy:after {
    content: '';
    display: table;
    clear: both
}

.grid_picture_hero .copy h2 {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    text-transform: none;
    font-size: 50px;
    line-height: 60px;
    margin-bottom: 20px
}

.grid_picture_hero .copy p {
    font-size: 18px;
    line-height: 28px
}

@media screen and (max-width:1440px) {
    .grid_picture_hero .copy {
        padding-left: 58px;
        padding-right: 58px
    }
}

@media screen and (max-width:1279px) {
    .grid_picture_hero .copy {
        padding-left: 44px;
        padding-right: 44px
    }
    .grid_picture_hero .copy h2 {
        font-size: 42px;
        line-height: 52px
    }
    .grid_picture_hero .copy p {
        font-size: 16px;
        line-height: 26px
    }
}

@media screen and (max-width:1023px) {
    .grid_picture_hero .copy {
        padding-left: 36px;
        padding-right: 36px;
        margin-bottom: 0
    }
    .grid_picture_hero .copy h2 {
        font-size: 36px;
        line-height: 46px
    }
}

@media screen and (max-width:767px) {
    .grid_picture_hero .copy {
        padding-left: 19px;
        padding-right: 19px
    }
}

.grid_picture_hero .copy h1,
.grid_picture_hero .copy h3,
.grid_picture_hero .copy p {
    color: #333
}

.grid_picture_hero .copy.white:not(button) {
    color: #fff
}

@media screen and (min-width:1024px) {
    .grid_picture_hero .copy.white--only-desktop:not(button) {
        color: #fff
    }
}

.grid_picture_hero .copy h1 {
    font-family: Equip-Medium, Helvetica, Arial, sans-serif;
    margin-bottom: 20px;
    font-size: 20px
}

.grid_picture_hero .copy h3 {
    font-family: Equip-ExtraLight, Helvetica, Arial, sans-serif;
    font-size: 50px;
    line-height: 60px;
    margin-bottom: 30px;
    font-weight: 200
}

.grid_picture_hero .copy button {
    margin-right: 20px;
    margin-bottom: 20px
}

.grid_picture_hero .copy button:hover {
    transform: translateY(-5px)
}

.grid_picture_hero .grid_picture_hero-image {
    grid-area: image
}

.grid_picture_hero .grid_picture_hero-image picture {
    display: grid
}

.grid_picture_hero .grid_picture_hero-image img {
    width: 100%
}

@media screen and (max-width:1279px) {
    .grid_picture_hero .copy h3 {
        font-size: 42px;
        line-height: 52px
    }
}

@media screen and (max-width:1023px) {
    .grid_picture_hero {
        display: grid;
        grid-template-areas: 'copy' 'image';
        grid-template-columns: 1fr
    }
    .grid_picture_hero .copy {
        top: auto;
        left: auto;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        position: relative;
        margin: 50px auto 30px
    }
    .grid_picture_hero .copy.white:not(button) {
        color: #fff
    }
    .grid_picture_hero .copy.white:not(button) h1,
    .grid_picture_hero .copy.white:not(button) h3,
    .grid_picture_hero .copy.white:not(button) p {
        color: #fff
    }
    .grid_picture_hero .copy h1 {
        font-size: 18px;
        margin-bottom: 10px
    }
    .grid_picture_hero .copy h3 {
        font-size: 36px;
        line-height: 46px;
        margin-bottom: 25px
    }
}

@media screen and (max-width:767px) {
    .grid_picture_hero .copy {
        margin-bottom: 10px
    }
    .grid_picture_hero .copy h3 {
        margin-bottom: 15px
    }
    .grid_picture_hero .copy button {
        margin-right: 10px
    }
}

.three-columns {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 12px;
    grid-template-areas: "IMG IMG" "CONTENT CONTENT";
    margin-bottom: 28px
}

.three-columns:last-child {
    margin-bottom: 0
}

@media screen and (min-width:1024px) {
    .three-columns {
        margin-bottom: 0;
        grid-gap: 20px;
        grid-template-areas: "IMG IMG CONTENT";
        grid-template-columns: 1fr 1fr 1fr
    }
    .three-columns.inverted-on-desktop {
        grid-template-areas: "CONTENT IMG IMG"
    }
}

@media screen and (min-width:1280px) {
    .three-columns {
        grid-gap: 24px
    }
}

.three-columns .grid__h3 {
    color: #424242;
    margin-bottom: 5px
}

.three-columns__title {
    font-family: Equip-Thin, Helvetica, Arial, sans-serif;
    margin-bottom: 40px;
    font-size: 36px
}

@media screen and (min-width:768px) {
    .three-columns__title {
        margin-bottom: 50px
    }
}

@media screen and (min-width:1024px) {
    .three-columns__title {
        margin-bottom: 90px;
        text-align: center;
        font-size: 50px
    }
}

.three-columns__content {
    display: flex;
    flex-direction: column-reverse
}

@media screen and (min-width:768px) and (max-width:1023px) {
    .three-columns__content {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 12px
    }
}

.three-columns__column img {
    width: 100%
}

.three-columns__column.grid-area--img {
    grid-area: IMG
}

.three-columns__column.grid-area--content {
    grid-area: CONTENT
}

.three-columns__column.flex-center-y {
    display: flex;
    align-items: center
}

@media screen and (min-width:1280px) {
    .three-columns__column.extra-padding-desktop {
        padding: 0 35px
    }
}

.three-columns__icon-wrapper {
    margin: 1.5rem 0 3rem
}

@media screen and (min-width:1024px) {
    .three-columns__icon-wrapper {
        margin: 2rem 0 4rem
    }
}

.three-columns__icon-wrapper .three-columns__icon {
    margin-bottom: 1.2rem
}

.three-columns__icon-wrapper .three-columns__icon:last-child {
    margin-bottom: 0
}

.three-columns__icon {
    line-height: 28px;
    font-size: 14px;
    font-family: Equip-Medium, Helvetica, Arial, sans-serif;
    color: #424242;
    display: flex;
    height: 2.5rem;
    align-items: center
}

.three-columns__icon svg {
    margin: 0 20px 0 0;
    fill: #c1c1c1;
    width: 38px;
    height: 38px;
    overflow: visible
}

.three-columns__icon .img {
    margin: 0 20px 0 0;
    background-size: contain;
    background-repeat: no-repeat;
    width: 38px;
    height: 38px
}

@media screen and (min-width:1024px) {
    .three-columns__icon {
        line-height: 30px;
        font-size: 16px;
        height: 3rem
    }
    .three-columns__icon svg {
        width: 54px;
        margin: 0 10px 0 0
    }
    .three-columns__icon .img {
        width: 54px;
        height: 54px;
        margin: 0 10px 0 0
    }
}

.neighbors-app-cta {
    z-index: 1;
    display: inline-flex;
    justify-content: space-between;
    min-width: calc((132px * 2) + 20px);
    line-height: 0;
    margin-bottom: 20px
}

.neighbors-app-cta.single-active {
    min-width: 132px
}

.neighbors-app-cta--no-margin {
    margin-bottom: 0
}

@media screen and (min-width:1024px) {
    .neighbors-app-cta {
        min-width: calc((160px * 2) + 20px);
        margin-bottom: 25px
    }
    .neighbors-app-cta.single-active {
        min-width: 160px
    }
    .neighbors-app-cta--no-margin {
        margin-bottom: 0
    }
}

@media screen and (min-width:1280px) {
    .neighbors-app-cta {
        margin-bottom: 30px
    }
    .neighbors-app-cta--no-margin {
        margin-bottom: 0
    }
}

.neighbors-app-cta__link {
    display: none;
    transition: transform .3s ease-out
}

.neighbors-app-cta__link.single-active {
    display: inline-block
}

.neighbors-app-cta__link:hover {
    transform: translateY(-5px)
}

.neighbors-app-cta__img {
    width: 132px
}

@media screen and (min-width:1024px) {
    .neighbors-app-cta__img {
        width: 160px
    }
}

.neighbors-app-ratings__stars {
    vertical-align: middle;
    display: inline-block;
    margin-right: 4px;
    line-height: 12px
}

.neighbors-app-ratings__star {
    margin-right: 2px;
    fill: #4a4a4a
}

@media screen and (min-width:1024px) {
    .neighbors-app-ratings__star--light {
        fill: #fff
    }
}

.neighbors-app-ratings__text {
    vertical-align: middle;
    margin-bottom: 0;
    line-height: 26px;
    font-size: 16px;
    font-family: Equip-ExtraLight, Helvetica, Arial, sans-serif;
    color: #4a4a4a
}

.neighbors-app-ratings__text--inline {
    display: inline-block
}

@media screen and (min-width:1024px) {
    .neighbors-app-ratings__text {
        color: inherit
    }
}

.rfb-section {
    text-align: left;
    margin-top: 100px
}

@media screen and (max-width:767px) {
    .rfb-section .grid__p--small {
        font-size: 16px;
        margin: 20px 0
    }
    .rfb-section h2,
    .rfb-section p {
        margin-left: 0;
        margin-right: 0
    }
}

.rfb-section h3 {
    font-family: Equip-Medium, Helvetica, Arial, sans-serif;
    font-size: 24px
}

.rfb-section h2 {
    max-width: 100%
}

@media screen and (min-width:768px) {
    .rfb-section {
        text-align: center
    }
}

.rfb-products-cards__wrapper {
    display: flex;
    flex-wrap: wrap;
    margin: 10px 0 40px;
    justify-content: center
}

@media screen and (min-width:1024px) {
    .rfb-products-cards__wrapper {
        flex-wrap: nowrap
    }
}

.rfb-product-card__wrapper {
    min-width: 130px;
    margin-top: 14px;
    max-width: 500px;
    width: 50%
}

@media screen and (max-width:767px) {
    .rfb-product-card__wrapper {
        padding-right: 7px
    }
    .rfb-product-card__wrapper:nth-child(even) {
        padding-left: 7px;
        padding-right: 0
    }
}

@media screen and (min-width:768px) {
    .rfb-product-card__wrapper {
        padding: 14px
    }
}

@media screen and (min-width:1024px) {
    .rfb-product-card__wrapper {
        max-width: 340px
    }
}

.rfb-product-card__wrapper .button {
    letter-spacing: 0
}

.rfb-product-card {
    font-family: Equip-ExtraLight, Helvetica, Arial, sans-serif;
    border: 1px solid #e0e0e0;
    padding: 20px 10px;
    height: 100%;
    border-radius: 15px;
    text-align: center;
    display: flex;
    flex-direction: column
}

.rfb-product-card .rfb-card-image {
    height: 38vw
}

.rfb-product-card .rfb-card-image img {
    margin: 0 auto;
    max-width: 100%;
    max-height: 100%;
    width: auto
}

.rfb-product-card .description {
    font-size: 14px
}

.rfb-product-card .rfb-card-title {
    font-size: 16px
}

.rfb-product-card .price {
    margin-bottom: 10px;
    font-size: 15px
}

.rfb-product-card .product-price__price {
    color: #999
}

.rfb-product-card .product-price__sale {
    color: #f1670d;
    display: block
}

.rfb-product-card .rfb-card-content {
    display: flex;
    height: 100%;
    flex-direction: column;
    padding-bottom: 15px
}

@media screen and (min-width:768px) {
    .rfb-product-card {
        padding: 30px
    }
    .rfb-product-card .price {
        margin: 10px 0 20px
    }
    .rfb-product-card .rfb-card-title {
        font-size: 18px
    }
    .rfb-product-card .rfb-card-image {
        height: 230px
    }
    .rfb-product-card .product-price__sale {
        display: inline
    }
    .rfb-product-card .rfb-card-content {
        padding-bottom: 30px
    }
}

.rfb-dots {
    font-size: 14px;
    text-align: left;
    padding-top: 15px
}

.rfb-dots li {
    padding: 10px 0;
    list-style: none
}

.rfb-dots li:before {
    content: '';
    display: inline-block;
    background: #fff url(icon-check.png) center no-repeat;
    background-size: 80%;
    border-width: 0;
    height: 10px;
    width: 20px;
    margin: 0 6px
}

.rfb-kit-builder .builder_submit {
    width: 200px
}

.rfb-kit-builder .builder_data {
    line-height: 50px
}

@media screen and (min-width:1024px) {
    .rfb-kit-builder .builder_data {
        line-height: 70px
    }
}

.rfb-kit-builder .builder_content .builder_steps .builder_concerns.five_concerns {
    max-width: 940px;
    width: 100%
}

@media screen and (max-width:960px) {
    .rfb-kit-builder .builder_content .builder_steps .builder_concerns.five_concerns {
        display: flex;
        flex-wrap: wrap;
        justify-content: center
    }
    .rfb-kit-builder .builder_content .builder_steps .builder_concerns.five_concerns .concern-selector {
        width: 50%;
        padding: 10px
    }
}

.rfb-kit-builder .builder_content .builder_steps input:not(.cart__qty-input) {
    width: 96px
}

.rfb-kit-builder .concern-selector {
    display: flex;
    flex-direction: column;
    min-width: 168px
}

.rfb-kit-builder .concern-selector__title {
    height: 80px;
    align-items: center;
    display: flex
}

.rfb-kit-builder .keep-together {
    white-space: nowrap
}

.rfb-kit-builder .ring_select {
    padding: 0 50px 0 10px;
    min-width: 115px
}

.rfb-kit-builder .rfb-dots {
    line-height: 19px
}

.rfb-kit-builder .builder_content .builder_pagination {
    width: 100%;
    min-width: 100%;
    margin: 30px 0
}

#solvvy-support-flow-launch-widget {
    z-index: 9999
}

#google-badge {
    display: none!important
}

.dropdown-wrapper {
    align-self: flex-start;
    position: relative
}

@media screen and (max-width:1023px) {
    .dropdown-wrapper .backdrop {
        display: none;
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0
    }
    .dropdown-wrapper.show-items .dropdown-items li {
        display: block;
        padding-right: 0
    }
    .dropdown-wrapper.show-items li {
        z-index: 10
    }
    .dropdown-wrapper.show-items li:after {
        content: none
    }
    .dropdown-wrapper.show-items .backdrop {
        z-index: 0;
        display: block
    }
}

.dropdown-wrapper .dropdown-items,
.dropdown-wrapper .dropdown-open {
    background: #fff;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .15);
    border-radius: 16px;
    overflow: hidden;
    position: relative;
    min-width: 130px;
    text-align: center
}

.dropdown-wrapper .dropdown-items li,
.dropdown-wrapper .dropdown-open li {
    display: none;
    padding-right: 10px;
    font-size: 14px;
    text-transform: capitalize;
    color: #424242;
    cursor: pointer;
    line-height: 42px
}

.dropdown-wrapper .dropdown-items li:active,
.dropdown-wrapper .dropdown-items li:hover,
.dropdown-wrapper .dropdown-open li:active,
.dropdown-wrapper .dropdown-open li:hover {
    background-color: #ededed
}

.dropdown-wrapper .dropdown-items .active li,
.dropdown-wrapper .dropdown-open .active li {
    display: block
}

.dropdown-wrapper .dropdown-items .active li:after,
.dropdown-wrapper .dropdown-open .active li:after {
    content: "\203A";
    position: absolute;
    transform: rotate(90deg);
    margin-left: 10px;
    font-size: 26px;
    height: 100%
}

.dropdown-wrapper .dropdown-items {
    position: absolute;
    top: 0
}

.dropdown-wrapper .dropdown-open {
    position: relative
}

.dropdown-wrapper .dropdown-open li {
    display: block
}

.dropdown-wrapper .dropdown-open li:after {
    content: "\203A";
    position: absolute;
    transform: rotate(90deg);
    margin-left: 10px;
    font-size: 26px;
    height: 100%
}

/*.slider-wrapper {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    position: relative;
    background: #f6f8fa;
    padding: 100px 20px;
    margin-bottom: 100px
}

.slider-wrapper:after {
    content: '';
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background: #f6f8fa;
    top: 0;
    height: 100%;
    width: calc(100% + 400px);
    z-index: 1
}*/

.slider-wrapper>div {
    float: none;
    clear: both;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 1155px;
    position: relative;
    z-index: 2
}

.slider-wrapper>div:after {
    content: '';
    display: table;
    clear: both
}

.slider-wrapper>div h2,
.slider-wrapper>div p {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    text-align: center;
    color: #424242
}

.slider-wrapper>div h2 {
    font-size: 50px;
    text-transform: none;
    margin-bottom: 20px
}

.slider-wrapper>div p {
    font-family: Equip-ExtraLight, Helvetica, Arial, sans-serif
}

.slider-wrapper .slider-blocks {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%
}

.slider-wrapper .slider-blocks>div.slider-scroller {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%
}

.slider-wrapper .slider-blocks>div.slider-scroller .items {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    width: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    justify-content: flex-start;
    position: relative;
    z-index: 2;
    list-style: none
}

.slider-wrapper .slider-blocks>div.slider-scroller .items>li {
    width: 33.3333%;
    padding: 37.5px
}

.slider-wrapper .slider-blocks>div.slider-scroller .items>li.light-padding {
    padding: 20px
}

.slider-wrapper .slider-blocks>div.slider-scroller .items>li.hide-on-desktop {
    display: none
}

@media screen and (min-width:768px) {
    .slider-wrapper .slider-blocks>div.slider-scroller .items>li.no-padding {
        padding: 0
    }
}

.slider-wrapper .slider-blocks>div.slider-scroller .items>li>div {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%
}

.slider-wrapper .slider-blocks>div.slider-scroller .items>li>div img {
    margin-bottom: 40px;
    -webkit-box-shadow: inset 0 0 0 10px #f6f8fa;
    -moz-box-shadow: inset 0 0 0 10px #f6f8fa;
    box-shadow: inset 0 0 0 10px #f6f8fa;
    border: 10px solid #f6f8fa
}

.slider-wrapper .slider-blocks>div.slider-scroller .items>li>div img.light-margin {
    margin-bottom: 20px
}

.slider-wrapper .slider-blocks>div.slider-scroller .items>li>div p span {
    font-weight: 400
}

.slider-wrapper .slider-blocks>div.slider-scroller .items>li>div p b {
    font-family: Equip-Medium, Helvetica, Arial, sans-serif;
    font-weight: 400
}

.slider-wrapper .slider-dots {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    text-align: center;
    display: none
}

.slider-wrapper .slider-dots>div {
    -webkit-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 6px 6px 0;
    background: #e0e0e0;
    border: 2px solid transparent;
    cursor: pointer
}

.slider-wrapper .slider-dots>div.active {
    border-color: #1998d5;
    background: 0 0
}

@media screen and (max-width:1280px) {
    .slider-wrapper>div h2 {
        font-size: 42px;
        line-height: 52px
    }
}

@media screen and (max-width:1023px) {
    .slider-wrapper {
        padding: 80px 20px;
        margin-bottom: 80px
    }
}

@media screen and (max-width:767px) {
    .slider-wrapper {
        padding: 60px 0;
        margin-bottom: 60px
    }
    .slider-wrapper>div h2 {
        padding: 0 48px;
        font-size: 36px;
        line-height: 46px;
        text-align: left
    }
    .slider-wrapper>div h2.no-margin {
        margin: 0
    }
    .slider-wrapper .slider-blocks {
        width: 100%;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-flow: row wrap;
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        justify-content: flex-start;
        align-items: stretch
    }
    .slider-wrapper .slider-blocks>div.slider-scroller {
        flex: 1;
        overflow: hidden;
        max-width: none
    }
    .slider-wrapper .slider-blocks>div.slider-scroller .items {
        display: block;
        -webkit-align-items: none;
        -ms-align-items: none;
        align-items: none;
        -webkit-justify-content: none;
        -ms-justify-content: none;
        justify-content: none;
        flex: none;
        float: none;
        list-style-type: none;
        white-space: nowrap;
        transition: transform .5s ease-in-out;
        max-width: none;
        width: auto
    }
    .slider-wrapper .slider-blocks>div.slider-scroller .items li {
        float: none;
        display: inline-block;
        width: 100%;
        vertical-align: top;
        margin-right: -50px
    }
    .slider-wrapper .slider-blocks>div.slider-scroller .items li.light-padding {
        padding: 37.5px
    }
    .slider-wrapper .slider-blocks>div.slider-scroller .items li.hide-on-desktop {
        display: inline-block
    }
    .slider-wrapper .slider-blocks>div.slider-scroller .items li>div {
        white-space: normal;
        -webkit-border-radius: 12px;
        -ms-border-radius: 12px;
        border-radius: 12px;
        box-shadow: 0 0 6px 0 rgba(0, 0, 0, .15);
        overflow: hidden
    }
    .slider-wrapper .slider-blocks>div.slider-scroller .items li>div img {
        padding: 10px 30px 0;
        margin-bottom: 10px
    }
    .slider-wrapper .slider-blocks>div.slider-scroller .items li>div img.light-margin {
        margin-bottom: 10px
    }
    .slider-wrapper .slider-blocks>div.slider-scroller .items li>div p {
        padding: 30px;
        background: #fff
    }
    .slider-wrapper .slider-dots {
        display: block
    }
}

.badge {
    -webkit-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    float: left;
    width: auto;
    font-weight: 700;
    font-size: 12px;
    line-height: 1.17;
    letter-spacing: .5px;
    padding: 4px 8px 2px;
    margin-bottom: 20px;
    color: #f1670d;
    border: 2px solid #f1670d;
    margin-right: 5px
}

.badge.blue,
.badge.savings {
    line-height: 13px;
    border-radius: 9999px
}

.badge.blue {
    border-color: #1998d5
}

.badge.blue--white {
    background-color: #fff
}

.badge.pdp_header {
    margin: 0 0 10px 0
}

@media screen and (max-width:1023px) {
    .badge.pdp_header {
        margin: 20px 0 0 0
    }
}

.badge.certified_wwr {
    display: flex;
    justify-content: center;
    border-radius: 9999px;
    border: none;
    background-color: #1998d5;
    align-items: center;
    padding: 2px 11px 2px 2px;
    margin-bottom: 20px
}

.badge.certified_wwr svg {
    margin-right: 5px
}

.badge.certified_wwr span {
    margin-top: 1px;
    color: #fff;
    font-family: Equip, Helvetica, Arial, sans-serif;
    font-weight: 200;
    font-size: 13px
}

.badge.certified {
    display: flex;
    justify-content: center;
    border-radius: 9999px;
    border: none;
    background-color: #1998d5;
    align-items: center;
    padding: 2px 11px 2px 2px;
    margin-bottom: 20px
}

.badge.certified svg {
    margin-right: 5px
}

.badge.certified span {
    margin-top: 1px;
    color: #fff;
    font-family: Equip, Helvetica, Arial, sans-serif;
    font-weight: 200;
    font-size: 13px
}

.badge.product-list {
    position: absolute;
    top: -28px;
    left: 30%
}

.badge.product-strip {
    margin: 0;
    width: 46px;
    left: 50%;
    margin: 0 0 0 -23px;
    position: absolute;
    top: -28px
}

.badge.product-strip.product-strip-tag-new {
    color: #1998d5;
    border: 2px solid #1998d5;
    border-radius: 9999px
}

.badge.product-strip.product-strip-tag-sale {
    color: #f1670d;
    border: 2px solid #f1670d
}

.badge.product-strip-tag {
    border: 0;
    font-size: 11px;
    font-weight: 700;
    margin: 0 0 0 5px;
    text-transform: uppercase;
    display: inline-block;
    float: none;
    padding: 0;
    width: auto
}

.badge.product-strip-tag-new {
    color: #1998d5
}

[class*='_sliders'] .button,
[class*='_sliders'] button,
[class*=grid_] .button,
[class*=grid_] button {
    font-family: Equip-Medium, Helvetica, Arial, sans-serif;
    padding: 12px 40px
}

[class*='_sliders'] .button.button--med,
[class*='_sliders'] button.button--med,
[class*=grid_] .button.button--med,
[class*=grid_] button.button--med {
    padding: 0
}

[class*='_sliders'] .button.blue_btn,
[class*='_sliders'] button.blue_btn,
[class*=grid_] .button.blue_btn,
[class*=grid_] button.blue_btn {
    background-color: #1998d5
}

[class*='_sliders'] .button.orange_btn,
[class*='_sliders'] button.orange_btn,
[class*=grid_] .button.orange_btn,
[class*=grid_] button.orange_btn {
    background: #f1670d
}

[class*='_sliders'] .button.orange_btn:hover,
[class*='_sliders'] button.orange_btn:hover,
[class*=grid_] .button.orange_btn:hover,
[class*=grid_] button.orange_btn:hover {
    background: #f1670d
}

[class*='_sliders'] .button.disabled,
[class*='_sliders'] .button:disabled,
[class*='_sliders'] button.disabled,
[class*='_sliders'] button:disabled,
[class*=grid_] .button.disabled,
[class*=grid_] .button:disabled,
[class*=grid_] button.disabled,
[class*=grid_] button:disabled {
    background-color: #e0e0e0
}

[class*='_sliders'] .button.disabled:hover,
[class*='_sliders'] .button:disabled:hover,
[class*='_sliders'] button.disabled:hover,
[class*='_sliders'] button:disabled:hover,
[class*=grid_] .button.disabled:hover,
[class*=grid_] .button:disabled:hover,
[class*=grid_] button.disabled:hover,
[class*=grid_] button:disabled:hover {
    cursor: not-allowed;
    background-color: #e0e0e0!important
}

[class*='_sliders'] .button:hover:enabled:not(.disabled),
[class*='_sliders'] button:hover:enabled:not(.disabled),
[class*=grid_] .button:hover:enabled:not(.disabled),
[class*=grid_] button:hover:enabled:not(.disabled) {
    transform: translateY(-5px)
}

[class*='_sliders'] .button.clear_play,
[class*='_sliders'] button.clear_play,
[class*=grid_] .button.clear_play,
[class*=grid_] button.clear_play {
    position: relative;
    background: 0 0;
    width: auto;
    border: 1px solid #fff;
    padding-left: 50px;
    padding-right: 20px
}

[class*='_sliders'] .button.clear_play:hover,
[class*='_sliders'] button.clear_play:hover,
[class*=grid_] .button.clear_play:hover,
[class*=grid_] button.clear_play:hover {
    background: 0 0
}

[class*='_sliders'] .button.blue_play,
[class*='_sliders'] button.blue_play,
[class*=grid_] .button.blue_play,
[class*=grid_] button.blue_play {
    position: relative;
    background: #1998d5;
    width: auto;
    padding-left: 50px
}

[class*='_sliders'] .button.blue_play:hover,
[class*='_sliders'] button.blue_play:hover,
[class*=grid_] .button.blue_play:hover,
[class*=grid_] button.blue_play:hover {
    background: #1998d5
}

[class*='_sliders'] .button .icon-play__svg,
[class*='_sliders'] button .icon-play__svg,
[class*=grid_] .button .icon-play__svg,
[class*=grid_] button .icon-play__svg {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 10px;
    width: 30px;
    height: 30px
}

[class*='_sliders'] .button .icon-play__svg circle,
[class*='_sliders'] button .icon-play__svg circle,
[class*=grid_] .button .icon-play__svg circle,
[class*=grid_] button .icon-play__svg circle {
    fill: #fff
}

[class*='_sliders'] .button .icon-play__svg polygon,
[class*='_sliders'] button .icon-play__svg polygon,
[class*=grid_] .button .icon-play__svg polygon,
[class*=grid_] button .icon-play__svg polygon {
    fill: #1998d5
}

@media screen and (max-width:1023px) {
    [class*='_sliders'] .button.clear_play,
    [class*='_sliders'] button.clear_play,
    [class*=grid_] .button.clear_play,
    [class*=grid_] button.clear_play {
        background-color: #1998d5
    }
    [class*='_sliders'] .button.clear_play span,
    [class*='_sliders'] button.clear_play span,
    [class*=grid_] .button.clear_play span,
    [class*=grid_] button.clear_play span {
        color: #fff!important
    }
}

@media screen and (max-width:600px) {
    [class*='_sliders'] .button,
    [class*='_sliders'] button,
    [class*=grid_] .button,
    [class*=grid_] button {
        padding: 8px 20px;
        font-size: 14px
    }
    [class*='_sliders'] .button .icon-play__svg,
    [class*='_sliders'] button .icon-play__svg,
    [class*=grid_] .button .icon-play__svg,
    [class*=grid_] button .icon-play__svg {
        width: 26px;
        height: 26px
    }
}

[class*='_sliders'] .button,
[class*=grid_] .button {
    display: inline-block;
    text-decoration: none;
    color: #fff;
    border: 0;
    font-size: 16px;
    text-align: center;
    background: #f1670d;
    -webkit-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    -webkit-border-radius: 9999px;
    -ms-border-radius: 9999px;
    border-radius: 9999px;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s
}

[class*='_sliders'] .button--round,
[class*=grid_] .button--round {
    position: relative;
    clear: both;
    margin: 30px auto;
    overflow: hidden;
    padding: 12px 45px 12px 20px
}

[class*='_sliders'] .button--round:before,
[class*=grid_] .button--round:before {
    display: block;
    content: " ";
    position: absolute;
    right: -23px;
    top: 0;
    background-color: #e85c16;
    width: 60px;
    height: 60px;
    -webkit-transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg)
}

[class*='_sliders'] .button--round:after,
[class*=grid_] .button--round:after {
    position: absolute;
    right: 10px;
    font-size: 40px;
    top: 12px;
    height: 20px;
    line-height: 23px;
    content: "\203A";
    color: #fff
}

[class*='_sliders'] .button--white,
[class*=grid_] .button--white {
    background: #fff;
    color: #1998d5
}

[class*='_sliders'] .button--white:before,
[class*=grid_] .button--white:before {
    background-color: #fff
}

[class*='_sliders'] .button--white:after,
[class*=grid_] .button--white:after {
    color: #1998d5
}

.button--default {
    padding: 0;
    line-height: 26px;
    font-size: 16px;
    font-family: Equip-Medium, Helvetica, Arial, sans-serif;
    color: #fff
}

.button--default:hover {
    transform: translateY(-5px)
}

.button--blue {
    background-color: #1998d5
}

.button--blue:hover {
    background-color: #1998d5
}

.button--orange {
    background-color: #f1670d
}

.button--orange:hover {
    background-color: #f1670d
}

.button--med {
    width: 115px;
    height: 40px
}

@media screen and (min-width:1024px) {
    .button--med {
        width: 158px;
        height: 48px
    }
}

.button--large {
    width: 144px;
    height: 48px
}

.icon-play__button {
    position: absolute;
    z-index: 3;
    padding: 0;
    line-height: 0;
    background-color: transparent
}

.icon-play__button:hover {
    background-color: transparent
}

.icon-play__svg--large {
    height: 60px;
    width: 60px;
    opacity: .8
}

.icon-play__svg--large g {
    fill: #fff
}

.icon-play__svg--large polygon {
    fill: transparent
}

.icon-play__svg--large:hover {
    opacity: 1
}

.icon-play__svg--large:hover g {
    fill: #1998d5
}

.icon-play__svg--large:hover polygon {
    fill: #fff
}

@media screen and (min-width:768px) {
    .icon-play__svg--large {
        height: 80px;
        width: 80px
    }
}

@media screen and (min-width:1024px) {
    .icon-play__svg--large {
        height: 100px;
        width: 100px
    }
}

.icon-play__svg--dark g {
    fill: #333
}

.icon-play__svg--dark polygon {
    fill: #fff
}

.ring_select {
    display: inline-block;
    height: 32px;
    min-width: 170px;
    position: relative;
    padding: 0 72px 0 40px;
    color: #1998d5;
    border-bottom: 1px solid #1998d5;
    font-size: 28px;
    line-height: 30px;
    text-align: center;
    font-family: Equip-ExtraLight, Helvetica, Arial, sans-serif;
    width: auto;
    cursor: pointer
}

@media screen and (max-width:1279px) {
    .ring_select {
        font-size: 22px!important;
        line-height: 32px!important
    }
}

@media screen and (max-width:1023px) {
    .ring_select {
        font-size: 16px!important;
        line-height: 26px!important
    }
}

.ring_select select {
    display: none
}

.ring_select.interacted {
    border-bottom: 1px solid #424242
}

.ring_select:after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 0;
    right: 10px;
    z-index: 99;
    width: 32px;
    height: 32px;
    background-size: 32px;
    background-position: 100% 50%;
    background-image: url(chevron-blue.png)
}

@media screen and (max-width:1023px) {
    .ring_select:after {
        width: 24px;
        background-size: 24px
    }
}

@media screen and (max-width:767px) {
    .ring_select:after {
        padding: 0 24 0 0
    }
}

.ring_select__options {
    display: none;
    position: absolute;
    z-index: 6;
    text-align: left;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 2px 15px -2px #cacaca;
    width: 100%;
    padding: 10px 0;
    left: 0;
    top: 110%;
    top: calc(100% + 6px)
}

.ring_select__options li {
    padding: 11px 20px;
    font-family: Equip-Medium, Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #4a4a4a
}

.ring_select__options li:hover {
    background: #f6f8fa
}

.info_icon {
    vertical-align: super;
    margin-left: 5px;
    position: relative
}

.info_icon .info_over {
    -webkit-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    position: absolute;
    top: 10px;
    left: 30px;
    width: 175px;
    padding: 12px;
    background: #fff;
    font-family: Equip-ExtraLight, Helvetica, Arial, sans-serif;
    font-size: 12px;
    line-height: 16px;
    color: #4a4a4a;
    -webkit-box-shadow: 0 0 10px 0 rgba(153, 153, 153, .5);
    -moz-box-shadow: 0 0 10px 0 rgba(153, 153, 153, .5);
    box-shadow: 0 0 10px 0 rgba(153, 153, 153, .5);
    display: none;
    z-index: 10
}

.info_icon .info-svg {
    width: 20px;
    height: 20px
}

.info_icon .info-svg .icon_bg {
    fill: #fff
}

.info_icon .info-svg .icon_content,
.info_icon .info-svg .icon_outline {
    fill: #1998d5
}

.info_icon:hover {
    cursor: pointer
}

.info_icon:hover .info-svg .icon_bg {
    fill: #1998d5
}

.info_icon:hover .info-svg .icon_content {
    fill: #fff
}

.info_icon:hover .info_over {
    display: block
}

@media screen and (max-width:767px) {
    .info_icon .info_over {
        left: auto;
        right: 0;
        top: 20px
    }
}

.wwr_cart {
    float: left;
    margin-top: 25px;
    max-width: 390px
}

.wwr_cart>div {
    float: left
}

.wwr_cart>div:nth-child(1) {
    width: 25%
}

.wwr_cart>div:nth-child(2) {
    width: 75%;
    padding-left: 20px
}

@media screen and (max-width:1023px) {
    .wwr_cart>div:nth-child(1),
    .wwr_cart>div:nth-child(2) {
        clear: both;
        float: left;
        width: 100%;
        max-width: 100%;
        padding-left: 0
    }
    .wwr_cart>div:nth-child(1)>img,
    .wwr_cart>div:nth-child(2)>img {
        float: none;
        clear: both;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        max-width: 125px;
        margin-bottom: 10px
    }
    .wwr_cart>div:nth-child(1)>img:after,
    .wwr_cart>div:nth-child(2)>img:after {
        content: '';
        display: table;
        clear: both
    }
}

.quantity-update {
    position: relative;
    width: calc(90% - 60px);
    text-align: right;
    padding: 0
}

@media screen and (min-width:769px) {
    .quantity-update {
        width: 160px;
        text-align: center;
        margin: 0 auto
    }
}

.quantity-update a {
    display: inline-block;
    position: relative;
    top: -2px;
    font-size: 15px!important;
    color: #1998d5;
    padding: 0;
    border: 1px solid #1998d5;
    border-radius: 14px;
    width: 24px;
    height: 24px;
    text-align: center;
    padding-top: 0
}

@media screen and (min-width:769px) {
    .quantity-update a {
        position: absolute;
        top: 10px
    }
}

.quantity-update .add-btn {
    right: 0;
    margin: 0 0 0 5px
}

@media screen and (min-width:769px) {
    .quantity-update .add-btn {
        margin: 0;
        right: 10px
    }
}

.quantity-update .minus-btn {
    left: 0;
    margin: 0 12px 0 0
}

@media screen and (min-width:769px) {
    .quantity-update .minus-btn {
        margin: 0;
        left: 10px
    }
}

.quantity-update .disabled {
    color: #cacaca;
    border: 1px solid #cacaca
}

@media screen and (min-width:769px) {
    .quantity-update .cart__qty-input {
        width: 80px;
        padding-left: 0;
        padding-right: 0
    }
}

a.cart__remove {
    width: 60px
}

.pmp-benefits {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-top: 60px
}

.pmp-benefits .pmp-benefit {
    width: 50%;
    display: flex;
    align-items: center;
    padding: 0 30px 50px 0
}

@media screen and (max-width:600px) {
    .pmp-benefits .pmp-benefit {
        padding: 0 19px 25px 0
    }
}

@media screen and (max-width:1023px) {
    .pmp-benefits .pmp-benefit {
        padding: 0 25px 35px 0
    }
}

.pmp-benefits .icon {
    display: inline-block;
    margin-right: 15px;
    width: 24px;
    height: 24px
}

.pmp-benefits .label {
    display: inline-block;
    font-family: Equip-Light, Helvetica, Arial, sans-serif;
    line-height: 22px;
    font-size: 14px
}

.pmp-benefits .hd-video {
    background: url(HD.svg) no-repeat;
    background-size: 24px 24px;
    background-position: center
}

.pmp-benefits .motion-alerts {
    background: url(Motion-Alerts.svg) no-repeat;
    background-size: 24px 24px;
    background-position: center
}

.pmp-benefits .chat {
    background: url(Chat.svg) no-repeat;
    background-size: 24px 24px;
    background-position: center
}

.pmp-benefits .siren {
    background: url(Siren.svg) no-repeat;
    background-size: 24px 24px;
    background-position: center
}

.pmp-benefits .db-hd-video {
    background: url(icon_hd.svg) no-repeat;
    background-size: 24px 24px;
    background-position: center
}

.pmp-benefits .db-motion-alerts {
    background: url(icon_alerts1.svg) no-repeat;
    background-size: 24px 24px;
    background-position: center
}

.pmp-benefits .db-chat {
    background: url(icon_twowaytalk.svg) no-repeat;
    background-size: 24px 24px;
    background-position: center
}

.pmp-benefits .db-weather {
    background: url(icon_weatherresist.svg) no-repeat;
    background-size: 24px 24px;
    background-position: center
}

.pmp-benefits .icon-ringconnect {
    background: url(icon_ringconnect.svg) no-repeat;
    background-size: 24px 24px;
    background-position: center
}

.pmp-benefits .icon-install {
    background: url(icon_install.svg) no-repeat;
    background-size: 24px 24px;
    background-position: center
}

.pmp-benefits .icon-led {
    background: url(icon_led.svg) no-repeat;
    background-size: 24px 24px;
    background-position: center
}

@media screen and (max-width:1023px) {
    .pmp-benefits {
        position: static;
        bottom: auto;
        padding-left: 50%;
        margin-top: 30px
    }
}

@media screen and (max-width:767px) {
    .pmp-benefits {
        padding-left: 0
    }
    .pmp-benefits .icon {
        background-size: 24px 24px;
        margin-right: 15px
    }
}

.quantity-update {
    position: relative;
    width: calc(90% - 60px);
    text-align: right;
    padding: 0
}

@media screen and (min-width:769px) {
    .quantity-update {
        width: 160px;
        text-align: center;
        margin: 0 auto
    }
}

.quantity-update a {
    display: inline-block;
    position: relative;
    top: -2px;
    font-size: 15px!important;
    color: #1998d5;
    padding: 0;
    border: 1px solid #1998d5;
    border-radius: 14px;
    width: 24px;
    height: 24px;
    text-align: center;
    padding-top: 0
}

@media screen and (min-width:769px) {
    .quantity-update a {
        position: absolute;
        top: 10px
    }
}

.quantity-update .add-btn {
    right: 0;
    margin: 0 0 0 5px
}

@media screen and (min-width:769px) {
    .quantity-update .add-btn {
        margin: 0;
        right: 10px
    }
}

.quantity-update .minus-btn {
    left: 0;
    margin: 0 12px 0 0
}

@media screen and (min-width:769px) {
    .quantity-update .minus-btn {
        margin: 0;
        left: 10px
    }
}

.quantity-update .disabled {
    color: #cacaca;
    border: 1px solid #cacaca
}

@media screen and (min-width:769px) {
    .quantity-update .cart__qty-input {
        width: 80px;
        padding-left: 0;
        padding-right: 0
    }
}

a.cart__remove {
    width: 60px
}

.plp_banner {
    position: relative;
    float: none;
    clear: both;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: calc(calc(calc(1600px - (72px * 2))/ 12) * 12);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    min-height: 355px
}

.plp_banner:after {
    content: '';
    display: table;
    clear: both
}

.plp_banner h1.col_title {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding-bottom: 0;
    color: #fff;
    margin-top: -2%;
    font-size: 40px
}

.plp_banner h1.col_title>span:not(.div) {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    font-size: 20px;
    font-family: Equip-Light, Helvetica, Arial, sans-serif;
    line-height: 1.5em
}

.plp_banner h1.col_title>div,
.plp_banner h1.col_title>span.div {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px
}

.plp_banner h1.col_title>span.subline {
    font-family: Equip, Helvetica, Arial, sans-serif;
    margin: -15px 0 5px
}

.plp_banner h1.col_title .comp_btn {
    clear: both;
    margin-left: 0;
    margin-top: 20px
}

@media screen and (max-width:1200px) {
    .plp_banner.plp-accessories:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(255, 255, 255, .7)
    }
}

@media screen and (max-width:769px) {
    .plp_banner .phone {
        position: absolute;
        background-position: right bottom;
        right: -25%;
        width: 100%;
        height: 40vw;
        bottom: 0
    }
    .plp_banner h1.col_title {
        color: #fff;
        position: relative;
        clear: both;
        float: left;
        width: 100%;
        max-width: 100%;
        top: auto;
        left: auto;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        margin: 50px 0 0;
        z-index: 2
    }
}

.plp_banner.rvd {
    background-position: 30% center;
    background-image: url(https://cdn.shopify.com/s/files/1/2922/1686/files/rvd_header.jpg?9128630355227820384)
}

.plp_banner.rvd .phone {
    float: right;
    background-image: url(plp_rvd_phone.png)
}

@media screen and (max-width:600px) {
    .plp_banner.rvd {
        background-image: url(https://cdn.shopify.com/s/files/1/2922/1686/files/rvd_header_m.jpg?5465027487891987234)
    }
}

.plp_banner.cams {
    min-height: 325px;
    text-shadow: 0 0 20px #000;
    background-position: left center;
    background-image: url(https://cdn.shopify.com/s/files/1/2922/1686/files/cam_header_5aa1b7a7-0923-4035-ba8d-8651f3c29b2e.jpg?2303022384509716475)
}

.plp_banner.cams:after {
    display: none
}

.plp_banner.cams .phone {
    background-image: url(https://cdn.shopify.com/s/files/1/2922/1686/t/2/assets/plp_rvd_cams.png)
}

@media screen and (max-width:600px) {
    .plp_banner.cams {
        min-height: 0;
        padding: 0 10px 10vw;
        background-position: center center;
        background-image: url(https://cdn.shopify.com/s/files/1/2922/1686/files/cam_header_m_c594ffc4-74a1-4aca-b76b-45e5fe3a72d0.jpg?2303022384509716475)
    }
    .plp_banner.cams h1.col_title {
        margin-top: 0;
        padding-right: 38%;
        padding-left: 10px
    }
    .plp_banner.cams h1.col_title .div {
        margin-bottom: 10px
    }
    .plp_banner.cams h1.col_title span:not(.div) {
        line-height: 1.4em;
        font-size: 15px
    }
}

.plp_banner.alarm {
    background-image: url(plp_alarm.jpg)
}

.plp_banner.alarm:after {
    display: none
}

.plp_banner.alarm h2.col_title {
    position: absolute
}

.plp_banner.alarm .phone {
    height: 300px;
    margin: 5% 0 0 15%;
    background-image: url(plp_alarm_phone.png)
}

@media screen and (max-width:769px) {
    .plp_banner.alarm {
        overflow: visible;
        background-position: center center
    }
    .plp_banner.alarm h1.col_title {
        position: static;
        color: #4c4c4c
    }
    .plp_banner.alarm h1.col_title>div {
        word-spacing: 100vw
    }
    .plp_banner.alarm .phone {
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        left: 50%;
        height: 250px;
        background-image: url(plp_alarm_phone_m.png);
        background-position: 75% bottom;
        margin: 0;
        bottom: -6%
    }
}

.plp_banner .plp-banner__img-wrapper .plp-banner__img {
    width: 100%
}

@media screen and (min-width:374px) {
    .plp_banner.plp_banner {
        padding: 0
    }
    .plp_banner .plp-banner__content {
        color: #424242;
        padding: 30px 19px
    }
}

@media screen and (min-width:768px) {
    .plp_banner .plp-banner__content {
        padding: 40px 36px
    }
}



@media screen and (min-width:1280px) {
    .plp_banner.plp_banner {
        padding: 0 56px
    }
}

@media screen and (min-width:1440px) {
    .plp_banner.plp_banner {
        padding: 0 72px
    }
}

.plp-banner--flex {
    display: flex;
    flex-direction: column
}

@media screen and (min-width:1024px) {
    .plp-banner--flex {
        align-items: center;
        padding: 0 30px;
        flex-direction: row
    }
}

.plp-banner__content {
    z-index: 1
}

.plp-banner__h1 {
    margin-bottom: 15px;
    font-size: 40px;
    line-height: 48px;
    color: inherit
}

.plp-banner__subtext {
    clear: both;
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 30px;
    color: inherit
}

.plp-banner__h3 {
    float: none;
    font-size: 20px;
    line-height: 30px;
    font-family: Equip-Light, Helvetica, Arial, sans-serif;
    color: inherit
}

.plp-banner__compare-link {
    display: inline-block;
    position: relative;
    margin-top: 15px;
    padding: 10px 40px 10px 25px;
    font-family: Equip, Helvetica, Arial, sans-serif;
    font-size: 17.5px;
    color: #1998d5;
    background: #fff;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .1);
    border-radius: 9999px
}

.plp-banner__compare-link:after {
    content: "\f105";
    position: absolute;
    right: 15px;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 25px
}

.plp-banner__compare-link:hover {
    color: #1998d5
}

@media screen and (min-width:1024px) {
    .plp-banner__compare-link {
        display: none
    }
}

.title-cta {
    background-color: #fff;
    width: 100%;
    display: flex;
    padding: 20px;
    justify-content: space-between;
    align-items: center
}

@media screen and (min-width:768px) {
    .title-cta {
        padding: 20px 36px
    }
}

.title-cta.sticky {
    position: fixed;
    top: 0;
    z-index: 10;
    max-width: 1600px
}

.title-cta__title {
    font-family: Equip-Medium, Helvetica, Arial, sans-serif;
    font-size: 18px;
    color: #333;
    text-transform: none
}

@media screen and (min-width:1024px) {
    .title-cta__title {
        font-size: 20px
    }
}

.title-cta__link {
    flex: 1 0 auto
}

.text-video-module {
    position: relative;
    padding-left: 19px;
    padding-right: 19px
}

@media screen and (min-width:768px) {
    .text-video-module {
        text-align: center
    }
}

@media screen and (min-width:1024px) {
    .text-video-module {
        display: flex;
        flex-wrap: wrap;
        justify-content: center
    }
}

.text-video-module.no-padding {
    padding: 0
}

.text-video-module__poster {
    position: relative;
    z-index: 2;
    transform: translateZ(0)
}

@media screen and (min-width:1024px) {
    .text-video-module__poster {
        order: 1;
        margin-top: 72px
    }
}

@media screen and (min-width:1280px) {
    .text-video-module__poster picture {
        transition: opacity .5s ease
    }
    .text-video-module__poster:hover picture {
        opacity: 0;
        pointer-events: none
    }
    .text-video-module__poster:hover .icon-play__button svg {
        opacity: 1
    }
    .text-video-module__poster:hover .icon-play__button g {
        fill: #1998d5
    }
    .text-video-module__poster:hover .icon-play__button polygon {
        fill: #fff
    }
}

.text-video-module__poster .icon-play__button {
    width: 100%;
    height: 100%;
    left: 0
}

.text-video-module__video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: -1;
    padding: inherit
}

.text-video-module__video video {
    width: 100%
}

@media screen and (min-width:768px) {
    .text-video-module__text {
        max-width: 580px;
        margin: 0 auto
    }
}

@media screen and (min-width:1024px) {
    .text-video-module__text {
        max-width: 650px
    }
}

@media screen and (min-width:1280px) {
    .text-video-module__text {
        max-width: 770px
    }
}

.text-video-module__title {
    font: 2.76rem/1.27 Equip-Thin, Helvetica, Arial, sans-serif;
    color: #424242;
    text-transform: none;
    margin-top: 25px;
    float: none
}

@media screen and (min-width:1024px) {
    .text-video-module__title {
        margin-top: 0;
        font-size: 3.23rem
    }
}

@media screen and (min-width:1280px) {
    .text-video-module__title {
        font-size: 3.846rem
    }
}

.text-video-module__description {
    font: 1.23rem/1.625 Equip-ExtraLight, Helvetica, Arial, sans-serif;
    color: #424242;
    margin-top: 16px
}

@media screen and (min-width:1280px) {
    .text-video-module__description {
        font-size: 1.38rem
    }
}

.help-banner-section {
    background: #f6f8fa;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    min-height: 300px;
    padding: 30px 60px
}

.help-banner-section .help-banner-section__copy,
.help-banner-section .help-banner-section__title,
.help-banner-section .help-banner-section__upper-title {
    color: #424242;
    text-align: center
}

.help-banner-section .help-banner-section__upper-title {
    font-size: 18px;
    font-family: Equip-Medium, Helvetica, Arial, sans-serif
}

.help-banner-section .help-banner-section__title {
    font-size: 36px;
    font-family: Equip-Thin, Helvetica, Arial, sans-serif;
    margin-bottom: 15px
}

.help-banner-section .help-banner-section__copy {
    font-size: 18px;
    font-family: Equip-ExtraLight, Helvetica, Arial, sans-serif
}

.help-banner-section .help-banner-section__copy b {
    font-family: Equip-Medium, Helvetica, Arial, sans-serif
}

.mask-slider--bg {
    background-color: #f6f8fa
}

@media screen and (min-width:1024px) {
    .mask-slider--no-desktop {
        display: none
    }
}

.mask-slider--no-mobile {
    display: none
}

@media screen and (min-width:1024px) {
    .mask-slider--no-mobile {
        display: block
    }
}

.mask-slider {
    display: grid;
    grid-gap: 12px;
    grid-template-columns: 1fr;
    grid-template-areas: 'image' 'copy';
    padding-top: 60px
}

@media screen and (min-width:768px) {
    .mask-slider {
        grid-template-columns: repeat(12, 1fr);
        grid-template-areas: 'image image image image image image copy copy copy copy copy copy';
        padding-top: 80px
    }
}

@media screen and (min-width:1024px) {
    .mask-slider {
        grid-template-areas: 'image image image image image image . copy copy copy copy .';
        padding-top: 100px
    }
}

.mask-slider .grid_circular-indicators .indicator__bg-circle {
    border: 2px solid #c7c8c9
}

.mask-slider--noborders .grid_circular-indicators .indicator__wrapper:not(.active) .indicator__bg-circle {
    border: none
}

@media screen and (min-width:768px) {
    .mask-slider--text-left {
        grid-template-areas: '. copy copy copy copy . image image image image image image'
    }
}

.mask-slider__images {
    grid-area: copy;
    position: relative
}

@media screen and (min-width:768px) {
    .mask-slider__images {
        grid-area: image
    }
}

.mask-slider__images-mask {
    position: relative;
    z-index: 5;
    vertical-align: bottom
}

.mask-slider__images-list {
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.mask-slider__images-list-item {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    display: none
}

@media screen and (min-width:768px) {
    .mask-slider__images-list-item img {
        position: relative;
        width: 44%;
        left: 25.4%;
        margin-top: 2.1%
    }
}

.mask-slider__images-list-item.transition-off {
    z-index: 1
}

.mask-slider__images-list-item.transition-off img {
    -webkit-clip-path: none;
    clip-path: none
}

.mask-slider__images-list-item.transition-on {
    z-index: 2;
    display: block
}

.mask-slider__images-list-item.transition-on img {
    animation: reveal_slide .5s ease-in-out
}

.mask-slider__copy {
    grid-area: image;
    padding-bottom: 20px
}

@media screen and (min-width:768px) {
    .mask-slider__copy {
        grid-area: copy
    }
}

.mask-slider__copy ul.text {
    margin-bottom: 30px
}

.mask-slider__copy-item {
    display: none
}

.mask-slider__copy-description {
    font-family: Equip-Light, Helvetica, Arial, sans-serif;
    color: #424242
}

.mask-slider__copy-item.active,
.mask-slider__images-list-item.active {
    position: relative;
    display: block
}

@keyframes reveal_slide {
    0% {
        -webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
        clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%)
    }
    100% {
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
    }
}

@media screen and (min-width:768px) {
    .page_business-security-solutions .mask-slider--text-left {
        grid-template-areas: '. copy copy copy copy copy image image image image image image'
    }
}

@media screen and (min-width:1024px) {
    .page_business-security-solutions .mask-slider__copy {
        padding-top: 50px
    }
}

.footer_app_section {
    background: #f9f9f9
}

.neighbors-app-box__content {
    float: none;
    clear: both;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 100%;
    padding-left: 72px;
    padding-right: 72px;
    margin-bottom: 0;
    grid-gap: 0
}

.neighbors-app-box__content:after {
    content: '';
    display: table;
    clear: both
}

@media screen and (max-width:1440px) {
    .neighbors-app-box__content {
        padding-left: 58px;
        padding-right: 58px
    }
}

@media screen and (max-width:1279px) {
    .neighbors-app-box__content {
        padding-left: 44px;
        padding-right: 44px
    }
}

@media screen and (max-width:1023px) {
    .neighbors-app-box__content {
        padding-left: 36px;
        padding-right: 36px;
        margin-bottom: 0
    }
}

@media screen and (max-width:767px) {
    .neighbors-app-box__content {
        padding-left: 19px;
        padding-right: 19px
    }
}

@media screen and (min-width:1024px) {
    .neighbors-app-box__content {
        grid-row-gap: 0
    }
}

@media screen and (min-width:1280px) {
    .neighbors-app-box__content {
        max-width: 1200px;
        margin: 0 auto
    }
}

.neighbors-app-box {
    background: #f9f9f9 url(https://cdn.shopify.com/s/files/1/2486/3560/files/Footer_Mobile.jpg?90319) no-repeat 100% bottom;
    background-size: 103%;
    padding-top: 40px;
    height: 400px
}

@media screen and (min-width:374px) {
    .neighbors-app-box {
        height: 430px
    }
}

@media screen and (min-width:480px) {
    .neighbors-app-box {
        background: #f9f9f9 url(https://cdn.shopify.com/s/files/1/2486/3560/files/Tile_Footer_Desktop.jpg?90495) no-repeat 100% bottom;
        background-size: 120%
    }
}

@media screen and (min-width:768px) {
    .neighbors-app-box {
        background: #f9f9f9 url(https://cdn.shopify.com/s/files/1/2486/3560/files/Tile_Footer_Desktop.jpg?90495) no-repeat right bottom;
        background-size: 100%;
        padding: 40px 0;
        height: auto
    }
}

@media screen and (min-width:1024px) {
    .neighbors-app-box {
        padding: 97px 0
    }
}

@media screen and (min-width:1280px) {
    .neighbors-app-box {
        background: #f9f9f9 url(https://cdn.shopify.com/s/files/1/2486/3560/files/Tile_Footer_Desktop.jpg?90495) no-repeat 38% bottom;
        background-size: 80%
    }
}

.neighbors-app-box .neighbors-app-box__tag {
    font-family: Equip-Medium, Helvetica, Arial, sans-serif;
    font-size: 14px
}

@media screen and (min-width:1024px) {
    .neighbors-app-box .neighbors-app-box__tag {
        font-size: 16px
    }
}

.neighbors-app-box .neighbors-app-box__tag .neighbors-icon {
    width: 24px;
    height: 24px;
    background: url(https://cdn.shopify.com/s/files/1/2486/3560/files/neighbors-icon.svg?90495) no-repeat 0 0;
    background-size: cover;
    display: inline-block;
    margin: 0 8px 0 0;
    position: relative;
    top: 6px
}

.neighbors-app-box .neighbors-app-box__title {
    font-family: Equip-ExtraLight, Helvetica, Arial, sans-serif;
    color: #424242;
    font-size: 30px;
    line-height: 40px;
    margin: 10px 0 20px
}

@media screen and (min-width:1024px) {
    .neighbors-app-box .neighbors-app-box__title {
        margin: 15px 0 20px;
        font-size: 40px;
        line-height: 45px
    }
}

.neighbors-app-box .neighbors-app-box__ctas .button-cta {
    border-radius: 25px;
    font-family: Equip-Medium, Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #fff;
    letter-spacing: 0;
    line-height: 24px;
    display: inline-block;
    margin: 0 15px 0 0;
    width: 115px;
    height: 40px;
    text-align: center;
    padding: 8px 0 0 0;
    transition: all .3s ease-out 0s;
    text-transform: initial;
    border: none
}

.neighbors-app-box .neighbors-app-box__ctas .button-cta:hover {
    transform: translateY(-5px)
}

@media screen and (min-width:1024px) {
    .neighbors-app-box .neighbors-app-box__ctas .button-cta {
        font-size: 16px;
        width: 140px;
        height: 46px;
        padding: 11px 0 0 0
    }
}

.neighbors-app-box .neighbors-app-box__ctas .button-cta__blue {
    background: #1998d5
}

.neighbors-app-box .neighbors-app-box__ctas .button-cta__blue:hover {
    background: #0e7aac
}

.neighbors-app-box .neighbors-app-box__ctas .button-cta__orange {
    background: #f1670d
}

@media screen and (min-width:1024px) {
    .neighbors-app-box .neighbors-app-box__ctas .button-cta__orange {
        display: none
    }
}

.neighbors-app-box .neighbors-app-box__ctas .button-cta__orange:hover {
    background: #d94d00
}

.square-carousel {
    position: relative
}

@media screen and (min-width:1440px) {
    .square-carousel {
        margin-bottom: 160px
    }
}

@media screen and (min-width:1024px) {
    .square-carousel:hover .square-carousel__controls {
        display: block
    }
}

.square-carousel__wrapper {
    width: 100%;
    position: relative
}

@media screen and (min-width:768px) {
    .square-carousel__wrapper {
        transform: translate3d(calc(100%/12), 0, 0)
    }
}

.square-carousel__text {
    margin-bottom: 30px
}

@media screen and (min-width:768px) {
    .square-carousel__text {
        max-width: 580px;
        margin: 0 auto;
        margin-bottom: 40px
    }
}

@media screen and (min-width:1024px) {
    .square-carousel__text {
        max-width: 650px;
        margin-bottom: 60px
    }
}

@media screen and (min-width:1280px) {
    .square-carousel__text {
        max-width: 770px
    }
}

.square-carousel__title {
    text-align: center;
    font: 2.76rem/1.27 Equip-Thin, Helvetica, Arial, sans-serif;
    color: #424242;
    text-transform: none;
    margin-top: 0;
    float: none!important;
    text-align: left
}

@media screen and (min-width:1024px) {
    .square-carousel__title {
        font-size: 3.23rem;
        text-align: center
    }
}

@media screen and (min-width:1280px) {
    .square-carousel__title {
        font-size: 3.846rem
    }
}

.square-carousel__description {
    font: 1.23rem/1.625 Equip-ExtraLight, Helvetica, Arial, sans-serif;
    color: #424242;
    margin-top: 16px;
    text-align: left
}

@media screen and (min-width:1024px) {
    .square-carousel__description {
        text-align: center
    }
}

@media screen and (min-width:1280px) {
    .square-carousel__description {
        font-size: 1.38rem
    }
}

.square-carousel--overflow-hidden {
    overflow: hidden
}

.square-carousel__slides {
    white-space: nowrap;
    position: relative;
    transform: translate3d(0, 0, 0);
    transition: transform .5s ease-in-out;
    transform: translate3d(0, 0, 0);
    display: grid;
    grid-gap: 12px;
    grid-template-columns: repeat(999, calc(100% - (100%/12)*2))
}

@media screen and (min-width:768px) {
    .square-carousel__slides {
        grid-gap: 24px
    }
}

.square-carousel__slide {
    transform: translate3d(0, 0, 0);
    transition: transform 0s linear;
    position: relative;
    display: inline-block;
    transition-delay: .2s
}

.square-carousel__slide img {
    width: 100%
}

.square-carousel__controls {
    display: none
}

.square-carousel__controls .swipe-left,
.square-carousel__controls .swipe-right {
    width: 50px;
    height: 50px;
    border-radius: 40px;
    color: #000;
    position: absolute;
    top: calc(50% - 25px);
    display: block;
    cursor: pointer;
    opacity: .8
}

.square-carousel__controls .swipe-left {
    left: 10px;
    background: #fff url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIxMXB4IiBoZWlnaHQ9IjIwcHgiIHZpZXdCb3g9IjAgMCAxMSAyMCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5TaGFwZTwvdGl0bGU+ICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPiAgICA8ZyBpZD0iLS0t4oazLVN5bWJvbHMiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICAgICAgPGcgaWQ9Ikljb24vY2Fyb3VzZWxfaG92ZXJfYXJyb3ciIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMS4wMDAwMDAsIC0xNS4wMDAwMDApIiBmaWxsPSIjMTk5OEQ1IiBmaWxsLXJ1bGU9Im5vbnplcm8iPiAgICAgICAgICAgIDxwYXRoIGQ9Ik0yMi42NzE0MzE1LDM0LjM3NSBDMjIuNDY3NDc3MSwzNC4zNzUgMjIuMjYzNTIyNiwzNC4yOTAzNDYgMjIuMTA4NDMyMiwzNC4xMTk4NzgyIEMyMS43OTcxODkzLDMzLjc4MTI2MjEgMjEuNzk3MTg5MywzMy4yMjkyNzE0IDIyLjEwODQzMjIsMzIuODg5NDk1NiBMMjkuMzI3NTcsMjQuOTk5Mjc1MiBMMjIuMTA4NDMyMiwxNy4xMTAyMTQ1IEMyMS43OTgyNTE1LDE2Ljc3MDQzODcgMjEuNzk4MjUxNSwxNi4yMTg0NDggMjIuMTA4NDMyMiwxNS44Nzk4MzE5IEMyMi40MTk2NzUyLDE1LjU0MDA1NiAyMi45MjQyNSwxNS41NDAwNTYgMjMuMjM1NDkzLDE1Ljg3OTgzMTkgTDMxLjAxNjU2NzgsMjQuMzgzNTA0MSBDMzEuMzI3ODEwNywyNC43MjMyNzk5IDMxLjMyNzgxMDcsMjUuMjc0MTEwOSAzMS4wMTY1Njc4LDI1LjYxMzg4NjcgTDIzLjIzNTQ5MywzNC4xMTc1NTg5IEMyMy4wNzkzNDA0LDM0LjI5MDM0NiAyMi44NzUzODYsMzQuMzc1IDIyLjY3MTQzMTUsMzQuMzc1IFoiIGlkPSJTaGFwZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjYuNTYyNTAwLCAyNS4wMDAwMDApIHNjYWxlKC0xLCAxKSB0cmFuc2xhdGUoLTI2LjU2MjUwMCwgLTI1LjAwMDAwMCkgIj48L3BhdGg+ICAgICAgICA8L2c+ICAgIDwvZz48L3N2Zz4=) no-repeat 50% 50%
}

.square-carousel__controls .swipe-right {
    right: 10px;
    background: #fff url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIxMXB4IiBoZWlnaHQ9IjIwcHgiIHZpZXdCb3g9IjAgMCAxMSAyMCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5TaGFwZTwvdGl0bGU+ICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPiAgICA8ZyBpZD0iLS0t4oazLVN5bWJvbHMiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICAgICAgPGcgaWQ9Ikljb24vY2Fyb3VzZWxfaG92ZXJfYXJyb3ciIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMS4wMDAwMDAsIC0xNS4wMDAwMDApIiBmaWxsPSIjMTk5OEQ1IiBmaWxsLXJ1bGU9Im5vbnplcm8iPiAgICAgICAgICAgIDxwYXRoIGQ9Ik0yMi42NzE0MzE1LDM0LjM3NSBDMjIuNDY3NDc3MSwzNC4zNzUgMjIuMjYzNTIyNiwzNC4yOTAzNDYgMjIuMTA4NDMyMiwzNC4xMTk4NzgyIEMyMS43OTcxODkzLDMzLjc4MTI2MjEgMjEuNzk3MTg5MywzMy4yMjkyNzE0IDIyLjEwODQzMjIsMzIuODg5NDk1NiBMMjkuMzI3NTcsMjQuOTk5Mjc1MiBMMjIuMTA4NDMyMiwxNy4xMTAyMTQ1IEMyMS43OTgyNTE1LDE2Ljc3MDQzODcgMjEuNzk4MjUxNSwxNi4yMTg0NDggMjIuMTA4NDMyMiwxNS44Nzk4MzE5IEMyMi40MTk2NzUyLDE1LjU0MDA1NiAyMi45MjQyNSwxNS41NDAwNTYgMjMuMjM1NDkzLDE1Ljg3OTgzMTkgTDMxLjAxNjU2NzgsMjQuMzgzNTA0MSBDMzEuMzI3ODEwNywyNC43MjMyNzk5IDMxLjMyNzgxMDcsMjUuMjc0MTEwOSAzMS4wMTY1Njc4LDI1LjYxMzg4NjcgTDIzLjIzNTQ5MywzNC4xMTc1NTg5IEMyMy4wNzkzNDA0LDM0LjI5MDM0NiAyMi44NzUzODYsMzQuMzc1IDIyLjY3MTQzMTUsMzQuMzc1IFoiIGlkPSJTaGFwZSI+PC9wYXRoPiAgICAgICAgPC9nPiAgICA8L2c+PC9zdmc+) no-repeat 50% 50%
}

.square-carousel__dots {
    text-align: center;
    margin: 30px 0 0
}

@media screen and (min-width:768px) {
    .square-carousel__dots {
        margin: 40px 0 0
    }
}

@media screen and (min-width:1024px) {
    .square-carousel__dots {
        margin: 50px 0 0
    }
}

.square-carousel__dots span {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 16px;
    margin: 0 10px;
    background: #e0e0e0;
    cursor: pointer
}

@media screen and (min-width:768px) {
    .square-carousel__dots span {
        width: 16px;
        height: 16px;
        border-radius: 32px
    }
}

.square-carousel__dots span.active {
    border: 1px solid #1998d5
}

.parallax {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    display: grid;
    grid-gap: 24px;
    grid-template-columns: repeat(12, 1fr);
    grid-template-areas: 'left left left img img img img img img right right right';
    margin: 300px 0 180px;
    height: 100vh;
    width: 100%
}

@media screen and (max-width:1023px) {
    .parallax {
        grid-gap: 12px
    }
}

@media screen and (min-width:1280px) {
    .parallax {
        margin: 400px 0 281px
    }
}

.parallax .grid__h3 {
    color: #4a4a4a;
    margin-bottom: 0
}

.parallax .parallax__title-mobile {
    margin-bottom: 40px
}

.parallax__title {
    position: absolute;
    top: -300px;
    text-align: center
}

@media screen and (min-width:1280px) {
    .parallax__title {
        top: -400px
    }
}

.parallaxx__title-container {
    position: absolute;
    width: 200%;
    left: -50%
}

.parallax__left {
    grid-area: left;
    padding-right: 24px
}

.parallax__right {
    grid-area: right;
    padding-left: 24px
}

.parallax__img {
    grid-area: img
}

.parralax__mobile-copy {
    margin-bottom: 30px
}

@media screen and (min-width:768px) {
    .parralax__mobile-copy {
        display: flex
    }
    .parralax__mobile-copy h3 {
        width: 50%
    }
}

.parralax__mobile-copy:last-child {
    margin-bottom: 55px
}

.parallax__img-container,
.parallax__text-container {
    position: sticky;
    position: -webkit-sticky;
    top: 60%;
    left: 50%
}

.scroll-mask__mask {
    will-change: clip-path;
    clip-path: inset(-10px 100% -10px 0);
    -webkit-clip-path: inset(-10px 100% -10px 0)
}

.parallax__img-container img,
.parallax__text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    max-width: 100%
}

.parallax__text h3 {
    white-space: nowrap;
    opacity: .5;
    transform: translate3d(0, 0, 0);
    transition: transform .2s ease
}

.parallax__text p {
    opacity: 0;
    transition: opacity .2s ease
}

.security-around-your-home {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    background: #f6f8fa;
    padding: 100px 8%;
    margin-bottom: 100px;
    text-align: center;
    overflow: hidden
}

@media screen and (max-width:1023px) {
    .security-around-your-home {
        padding: 80px 44px;
        margin-bottom: 80px
    }
}

@media screen and (max-width:767px) {
    .security-around-your-home {
        padding: 60px 36px;
        margin-bottom: 60px;
        height: 1080px
    }
}

@media screen and (max-width:600px) {
    .security-around-your-home {
        padding: 60px 19px;
        height: 960px
    }
}

.security-around-your-home .grid_pmp_product_list {
    left: -20px;
    width: 100vw
}

@media screen and (min-width:600px) {
    .security-around-your-home .grid_pmp_product_list {
        left: -35px
    }
}

.security-around-your-home .security-around-your-home_title {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    margin-bottom: 40px
}

@media screen and (max-width:767px) {
    .security-around-your-home .security-around-your-home_title {
        max-width: 90%
    }
}

.security-around-your-home .security-around-your-home_title>div {
    font-family: Equip-Thin, Helvetica, Arial, sans-serif;
    font-size: 50px;
    line-height: 60px;
    letter-spacing: 0;
    color: #424242;
    margin-bottom: 20px
}

@media screen and (max-width:1280px) {
    .security-around-your-home .security-around-your-home_title>div {
        font-size: 42px;
        line-height: 52px
    }
}

@media screen and (max-width:1023px) {
    .security-around-your-home .security-around-your-home_title>div {
        font-size: 36px;
        line-height: 46px;
        margin-right: 25px
    }
}

@media screen and (max-width:767px) {
    .security-around-your-home .security-around-your-home_title>div {
        font-size: 36px;
        line-height: 46px;
        margin-right: unset;
        text-align: left
    }
}

.security-around-your-home .security-around-your-home_title>p {
    font-size: 18px;
    color: #656565;
    font-family: Equip-Light, Helvetica, Arial, sans-serif;
    font-weight: 300;
    line-height: 28px
}

@media screen and (max-width:1023px) {
    .security-around-your-home .security-around-your-home_title>p {
        font-size: 16px;
        line-height: 26px
    }
}

@media screen and (max-width:769px) {
    .security-around-your-home .security-around-your-home_title>p {
        font-size: 16px;
        line-height: 26px;
        text-align: left
    }
}

@media screen and (max-width:1023px) and (min-width:768px) {
    .security-around-your-home .security-around-your-home_title {
        display: flex;
        text-align: left;
        align-items: flex-start;
        justify-content: center
    }
}

.security-around-your-home .security-icons.desktop {
    display: none;
    clear: both;
    display: flex;
    justify-content: center
}

.security-around-your-home .security-icons.desktop>li {
    width: 16.66%
}

.security-around-your-home .security-icons.mobile {
    display: none;
    clear: both;
    display: flex
}

.security-around-your-home .security-icons.mobile>li {
    min-width: 110px;
    padding: 20px 0
}

@media screen and (max-width:767px) {
    .security-around-your-home .security-icons.desktop {
        display: none
    }
    .security-around-your-home .security-icons.mobile {
        display: flex
    }
}

@media screen and (min-width:768px) {
    .security-around-your-home .security-icons.desktop {
        display: flex
    }
    .security-around-your-home .security-icons.mobile {
        display: none
    }
}

.security-around-your-home .security-icon {
    cursor: pointer
}

.security-around-your-home .security-icon>b {
    line-height: 18px;
    opacity: .4;
    font-weight: 200;
    font-family: Equip-ExtraLight, Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: #424242;
    padding-bottom: 10px;
    white-space: nowrap
}

@media screen and (max-width:1023px) {
    .security-around-your-home .security-icon>b {
        font-size: 14px;
        line-height: 22px;
        padding-bottom: 4px
    }
}

@media screen and (max-width:768px) {
    .security-around-your-home .security-icon>b {
        padding-bottom: 4px
    }
}

.security-around-your-home .security-icon .img {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    padding: 25px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    margin-bottom: 10px
}

@media screen and (max-width:1023px) {
    .security-around-your-home .security-icon .img {
        padding: 20px
    }
}

.security-around-your-home .security-icon.active>b {
    opacity: 1;
    font-weight: 500;
    font-family: Equip-Medium, Helvetica, Arial, sans-serif;
    border-bottom: 2px solid #1998d5!important;
    padding-bottom: 10px
}

.security-around-your-home .security-icon:hover>b {
    border-bottom: 2px solid #424242;
    padding-bottom: 10px
}

.security-around-your-home .security-around-home {
    width: 1200px;
    height: 600px
}

@media screen and (max-width:1200px) {
    .security-around-your-home .security-around-home {
        transition: .5s ease;
        width: 800px;
        height: 440px;
        margin: auto
    }
}

@media screen and (max-width:860px) {
    .security-around-your-home .security-around-home {
        transition: .5s ease;
        width: 720px;
        height: 440px;
        margin: auto
    }
}

@media screen and (max-width:767px) {
    .security-around-your-home .security-around-home {
        transition: .5s ease;
        width: 620px;
        height: 320px;
        margin: auto
    }
}

@media screen and (max-width:600px) {
    .security-around-your-home .security-around-home {
        transition: .5s ease;
        width: 520px;
        height: 240px;
        margin: auto
    }
}

@media screen and (max-width:550px) {
    .security-around-your-home .security-around-home {
        transition: .5s ease;
        width: 340px;
        height: 170px;
        margin: auto
    }
}

@media screen and (max-width:350px) {
    .security-around-your-home .security-around-home {
        position: relative;
        left: -8%
    }
}

.security-around-your-home .security-around-home img {
    padding: 50px 0
}

@media screen and (max-width:767px) {
    .security-around-your-home .security-around-home img {
        padding: 0!important
    }
}

.security-around-your-home .security-around-home .img-overlay-doorbells {
    display: none;
    width: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    bottom: 250px;
    left: 130px;
    transition: .5s ease;
    opacity: 1;
    text-align: center
}

.security-around-your-home .security-around-home .img-overlay-doorbells.active {
    display: block
}

.security-around-your-home .security-around-home .img-overlay-doorbells .box-container {
    left: 5px;
    top: 20px
}

@media screen and (max-width:1200px) {
    .security-around-your-home .security-around-home .img-overlay-doorbells {
        bottom: 220px;
        left: 5px;
        width: 50%
    }
    .security-around-your-home .security-around-home .img-overlay-doorbells .box-container {
        left: 10px
    }
}

@media screen and (max-width:860px) {
    .security-around-your-home .security-around-home .img-overlay-doorbells .box-container {
        left: 30px
    }
}

@media screen and (max-width:767px) {
    .security-around-your-home .security-around-home .img-overlay-doorbells {
        bottom: unset;
        top: 300px;
        left: 10%;
        width: 80%
    }
}

@media screen and (max-width:600px) {
    .security-around-your-home .security-around-home .img-overlay-doorbells {
        transition: .5s ease;
        top: 260px
    }
}

@media screen and (max-width:550px) {
    .security-around-your-home .security-around-home .img-overlay-doorbells {
        transition: .5s ease;
        left: 0;
        width: 100%
    }
}

.security-around-your-home .security-around-home .img-overlay-doorbell-icon {
    width: 10%;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    bottom: 160px;
    left: 260px;
    transition: .5s ease;
    opacity: 1;
    text-align: center
}

@media screen and (max-width:1200px) {
    .security-around-your-home .security-around-home .img-overlay-doorbell-icon {
        bottom: 150px;
        left: 270px
    }
}

@media screen and (max-width:860px) {
    .security-around-your-home .security-around-home .img-overlay-doorbell-icon {
        bottom: 150px;
        left: 240px
    }
}

@media screen and (max-width:767px) {
    .security-around-your-home .security-around-home .img-overlay-doorbell-icon {
        bottom: 560px;
        left: 60px;
        width: 8%
    }
}

@media screen and (max-width:600px) {
    .security-around-your-home .security-around-home .img-overlay-doorbell-icon {
        transition: .5s ease;
        bottom: 510px;
        left: 50px;
        width: 8%
    }
}

@media screen and (max-width:550px) {
    .security-around-your-home .security-around-home .img-overlay-doorbell-icon {
        transition: .5s ease;
        bottom: 500px;
        left: 30px;
        width: 8%
    }
}

.security-around-your-home .security-around-home .img-overlay-floodlight {
    display: none;
    width: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    bottom: 350px;
    left: 330px;
    transition: .5s ease;
    opacity: 1;
    text-align: center
}

.security-around-your-home .security-around-home .img-overlay-floodlight.active {
    display: block
}

.security-around-your-home .security-around-home .img-overlay-floodlight .box-container {
    left: 20px
}

@media screen and (max-width:1200px) {
    .security-around-your-home .security-around-home .img-overlay-floodlight {
        bottom: 320px;
        left: 150px
    }
    .security-around-your-home .security-around-home .img-overlay-floodlight .box-container {
        left: 0;
        top: 45px
    }
}

@media screen and (max-width:767px) {
    .security-around-your-home .security-around-home .img-overlay-floodlight {
        bottom: unset;
        top: 300px;
        left: 10%;
        width: 80%
    }
}

@media screen and (max-width:860px) {
    .security-around-your-home .security-around-home .img-overlay-floodlight .box-container {
        left: 5px
    }
}

@media screen and (max-width:600px) {
    .security-around-your-home .security-around-home .img-overlay-floodlight {
        transition: .5s ease;
        top: 260px
    }
}

@media screen and (max-width:550px) {
    .security-around-your-home .security-around-home .img-overlay-floodlight {
        transition: .5s ease;
        left: 0;
        width: 100%
    }
}

.security-around-your-home .security-around-home .img-overlay-flc-icon {
    width: 13%;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    bottom: 190px;
    left: 285px;
    transition: .5s ease;
    opacity: 1;
    text-align: center
}

@media screen and (max-width:1200px) {
    .security-around-your-home .security-around-home .img-overlay-flc-icon {
        bottom: 135px;
        left: 265px
    }
}

@media screen and (max-width:860px) {
    .security-around-your-home .security-around-home .img-overlay-flc-icon {
        bottom: 125px;
        left: 220px
    }
}

@media screen and (max-width:767px) {
    .security-around-your-home .security-around-home .img-overlay-flc-icon {
        transition: .5s ease;
        bottom: 620px;
        left: 165px;
        width: 8%
    }
}

@media screen and (max-width:600px) {
    .security-around-your-home .security-around-home .img-overlay-flc-icon {
        transition: .5s ease;
        bottom: 560px;
        left: 140px;
        width: 8%
    }
}

@media screen and (max-width:550px) {
    .security-around-your-home .security-around-home .img-overlay-flc-icon {
        transition: .5s ease;
        bottom: 530px;
        left: 90px;
        width: 8%
    }
}

.security-around-your-home .security-around-home .img-overlay-suc {
    display: none;
    width: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    bottom: 530px;
    left: 300px;
    transition: .5s ease;
    opacity: 1;
    text-align: center
}

.security-around-your-home .security-around-home .img-overlay-suc.active {
    display: block
}

.security-around-your-home .security-around-home .img-overlay-suc .box-container {
    left: 5px;
    top: 20px
}

@media screen and (max-width:1200px) {
    .security-around-your-home .security-around-home .img-overlay-suc {
        bottom: 370px;
        left: 110px
    }
    .security-around-your-home .security-around-home .img-overlay-suc .box-container {
        left: 0;
        top: -10px
    }
}

@media screen and (max-width:860px) {
    .security-around-your-home .security-around-home .img-overlay-suc .box-container {
        top: 0;
        left: 10px
    }
}

@media screen and (max-width:767px) {
    .security-around-your-home .security-around-home .img-overlay-suc {
        bottom: unset;
        top: 300px;
        left: 10%;
        width: 80%
    }
}

@media screen and (max-width:600px) {
    .security-around-your-home .security-around-home .img-overlay-suc {
        transition: .5s ease;
        top: 260px
    }
}

@media screen and (max-width:550px) {
    .security-around-your-home .security-around-home .img-overlay-suc {
        transition: .5s ease;
        left: 0;
        width: 100%
    }
}

.security-around-your-home .security-around-home .img-overlay-suc-icon {
    width: 10%;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    bottom: 150px;
    left: 260px;
    transition: .5s ease;
    opacity: 1;
    text-align: center
}

@media screen and (max-width:1200px) {
    .security-around-your-home .security-around-home .img-overlay-suc-icon {
        bottom: 180px;
        left: 260px
    }
}

@media screen and (max-width:860px) {
    .security-around-your-home .security-around-home .img-overlay-suc-icon {
        bottom: 160px;
        left: 220px
    }
}

@media screen and (max-width:767px) {
    .security-around-your-home .security-around-home .img-overlay-suc-icon {
        transition: .5s ease;
        bottom: 700px;
        left: 140px;
        width: 8%
    }
}

@media screen and (max-width:600px) {
    .security-around-your-home .security-around-home .img-overlay-suc-icon {
        transition: .5s ease;
        bottom: 630px;
        left: 120px;
        width: 8%
    }
}

@media screen and (max-width:550px) {
    .security-around-your-home .security-around-home .img-overlay-suc-icon {
        transition: .5s ease;
        bottom: 570px;
        left: 80px;
        width: 8%
    }
}

.security-around-your-home .security-around-home .img-overlay-chimepro {
    display: none;
    width: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    bottom: 400px;
    left: 120px;
    transition: .5s ease;
    opacity: 1;
    text-align: center;
    text-align: center
}

.security-around-your-home .security-around-home .img-overlay-chimepro.active {
    display: block
}

.security-around-your-home .security-around-home .img-overlay-chimepro .box-container {
    right: 15px
}

@media screen and (max-width:1200px) {
    .security-around-your-home .security-around-home .img-overlay-chimepro {
        bottom: 300px;
        left: 150px
    }
    .security-around-your-home .security-around-home .img-overlay-chimepro .box-container {
        right: 20px;
        bottom: 15px
    }
}

@media screen and (max-width:767px) {
    .security-around-your-home .security-around-home .img-overlay-chimepro {
        bottom: unset;
        top: 300px;
        left: 10%;
        width: 80%
    }
}

@media screen and (max-width:860px) {
    .security-around-your-home .security-around-home .img-overlay-chimepro .box-container {
        right: 40px;
        bottom: 0
    }
}

@media screen and (max-width:600px) {
    .security-around-your-home .security-around-home .img-overlay-chimepro {
        transition: .5s ease;
        top: 260px
    }
}

@media screen and (max-width:550px) {
    .security-around-your-home .security-around-home .img-overlay-chimepro {
        transition: .5s ease;
        left: 0;
        width: 100%
    }
}

.security-around-your-home .security-around-home .img-overlay-chime-pro-icon {
    width: 10%;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    bottom: 180px;
    right: 270px;
    transition: .5s ease;
    opacity: 1;
    text-align: center
}

@media screen and (max-width:1200px) {
    .security-around-your-home .security-around-home .img-overlay-chime-pro-icon {
        bottom: 180px;
        right: 250px
    }
}

@media screen and (max-width:860px) {
    .security-around-your-home .security-around-home .img-overlay-chime-pro-icon {
        bottom: 160px;
        right: 250px
    }
}

@media screen and (max-width:767px) {
    .security-around-your-home .security-around-home .img-overlay-chime-pro-icon {
        transition: .5s ease;
        bottom: 640px;
        right: 230px;
        width: 8%
    }
}

@media screen and (max-width:600px) {
    .security-around-your-home .security-around-home .img-overlay-chime-pro-icon {
        transition: .5s ease;
        bottom: 580px;
        left: unset;
        right: 190px;
        width: 8%
    }
}

@media screen and (max-width:550px) {
    .security-around-your-home .security-around-home .img-overlay-chime-pro-icon {
        transition: .5s ease;
        bottom: 540px;
        left: unset;
        right: 130px;
        width: 8%
    }
}

.security-around-your-home .security-around-home .img-overlay-alarmkit {
    display: none;
    width: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    bottom: 250px;
    left: 500px;
    transition: .5s ease;
    opacity: 1;
    text-align: center;
    text-align: center
}

.security-around-your-home .security-around-home .img-overlay-alarmkit.active {
    display: block
}

.security-around-your-home .security-around-home .img-overlay-alarmkit .box-container {
    right: 25px;
    bottom: 15px
}

@media screen and (max-width:1200px) {
    .security-around-your-home .security-around-home .img-overlay-alarmkit {
        bottom: 230px;
        left: 360px
    }
    .security-around-your-home .security-around-home .img-overlay-alarmkit .box-container {
        right: -5px;
        bottom: 0
    }
}

@media screen and (max-width:860px) {
    .security-around-your-home .security-around-home .img-overlay-alarmkit {
        bottom: 270px;
        left: 350px
    }
    .security-around-your-home .security-around-home .img-overlay-alarmkit .box-container {
        right: 15px;
        top: 45px
    }
}

@media screen and (max-width:767px) {
    .security-around-your-home .security-around-home .img-overlay-alarmkit {
        bottom: unset;
        top: 300px;
        left: 10%;
        width: 80%
    }
}

@media screen and (max-width:600px) {
    .security-around-your-home .security-around-home .img-overlay-alarmkit {
        transition: .5s ease;
        top: 260px
    }
}

@media screen and (max-width:550px) {
    .security-around-your-home .security-around-home .img-overlay-alarmkit {
        transition: .5s ease;
        left: 0;
        width: 100%
    }
}

.security-around-your-home .security-around-home .img-overlay-almarkit-icon {
    width: 12%;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    bottom: 200px;
    right: 290px;
    transition: .5s ease;
    opacity: 1;
    text-align: center
}

@media screen and (max-width:1200px) {
    .security-around-your-home .security-around-home .img-overlay-almarkit-icon {
        bottom: 170px;
        right: 230px
    }
}

@media screen and (max-width:860px) {
    .security-around-your-home .security-around-home .img-overlay-almarkit-icon {
        bottom: 120px;
        right: 230px
    }
}

@media screen and (max-width:767px) {
    .security-around-your-home .security-around-home .img-overlay-almarkit-icon {
        transition: .5s ease;
        bottom: 580px;
        right: 50px;
        width: 8%
    }
}

@media screen and (max-width:600px) {
    .security-around-your-home .security-around-home .img-overlay-almarkit-icon {
        transition: .5s ease;
        bottom: 520px;
        left: unset;
        right: 40px;
        width: 8%
    }
}

@media screen and (max-width:550px) {
    .security-around-your-home .security-around-home .img-overlay-almarkit-icon {
        transition: .5s ease;
        bottom: 500px;
        left: unset;
        right: 20px;
        width: 8%
    }
}

.security-around-your-home .security-around-home .img-overlay-spotlight {
    display: none;
    width: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    bottom: 300px;
    left: 100px;
    transition: .5s ease;
    opacity: 1;
    text-align: center;
    text-align: center
}

.security-around-your-home .security-around-home .img-overlay-spotlight.active {
    display: block
}

.security-around-your-home .security-around-home .img-overlay-spotlight .box-container {
    right: 25px;
    bottom: 20px
}

@media screen and (max-width:1200px) {
    .security-around-your-home .security-around-home .img-overlay-spotlight {
        bottom: 300px;
        left: 100px
    }
    .security-around-your-home .security-around-home .img-overlay-spotlight .box-container {
        right: -5px;
        bottom: -15px
    }
}

@media screen and (max-width:767px) {
    .security-around-your-home .security-around-home .img-overlay-spotlight {
        bottom: unset;
        top: 300px;
        left: 10%;
        width: 80%
    }
}

@media screen and (max-width:860px) {
    .security-around-your-home .security-around-home .img-overlay-spotlight .box-container {
        right: 15px;
        bottom: -30px
    }
}

@media screen and (max-width:600px) {
    .security-around-your-home .security-around-home .img-overlay-spotlight {
        transition: .5s ease;
        top: 260px
    }
}

@media screen and (max-width:550px) {
    .security-around-your-home .security-around-home .img-overlay-spotlight {
        transition: .5s ease;
        left: 0;
        width: 100%
    }
}

.security-around-your-home .security-around-home .img-overlay-slc-icon {
    width: 13%;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    bottom: 210px;
    right: 290px;
    transition: .5s ease;
    opacity: 1;
    text-align: center
}

@media screen and (max-width:1200px) {
    .security-around-your-home .security-around-home .img-overlay-slc-icon {
        width: 13%;
        bottom: 150px;
        right: 230px
    }
}

@media screen and (max-width:860px) {
    .security-around-your-home .security-around-home .img-overlay-slc-icon {
        width: 13%;
        bottom: 140px;
        right: 230px
    }
}

@media screen and (max-width:767px) {
    .security-around-your-home .security-around-home .img-overlay-slc-icon {
        transition: .5s ease;
        bottom: 610px;
        right: 250px;
        width: 8%
    }
}

@media screen and (max-width:600px) {
    .security-around-your-home .security-around-home .img-overlay-slc-icon {
        transition: .5s ease;
        bottom: 550px;
        left: unset;
        right: 210px;
        width: 8%
    }
}

@media screen and (max-width:550px) {
    .security-around-your-home .security-around-home .img-overlay-slc-icon {
        transition: .5s ease;
        bottom: 520px;
        right: 140px;
        left: unset;
        width: 8%
    }
}

.security-around-your-home .security-around-home .img-overlay-indoor {
    display: none;
    width: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    bottom: 250px;
    left: 500px;
    transition: .5s ease;
    opacity: 1;
    text-align: center;
    text-align: center
}

.security-around-your-home .security-around-home .img-overlay-indoor.active {
    display: block
}

.security-around-your-home .security-around-home .img-overlay-indoor .box-container {
    right: 200px;
    bottom: 0
}

@media screen and (max-width:1200px) {
    .security-around-your-home .security-around-home .img-overlay-indoor {
        bottom: 230px;
        left: 360px
    }
    .security-around-your-home .security-around-home .img-overlay-indoor .box-container {
        right: 95px;
        bottom: -10px
    }
}

@media screen and (max-width:860px) {
    .security-around-your-home .security-around-home .img-overlay-indoor {
        bottom: 270px;
        left: 350px
    }
    .security-around-your-home .security-around-home .img-overlay-indoor .box-container {
        right: 115px;
        top: 60px
    }
}

@media screen and (max-width:767px) {
    .security-around-your-home .security-around-home .img-overlay-indoor {
        bottom: unset;
        top: 300px;
        left: 10%;
        width: 80%
    }
}

@media screen and (max-width:600px) {
    .security-around-your-home .security-around-home .img-overlay-indoor {
        transition: .5s ease;
        top: 260px
    }
}

@media screen and (max-width:550px) {
    .security-around-your-home .security-around-home .img-overlay-indoor {
        transition: .5s ease;
        left: 0;
        width: 100%
    }
}

.security-around-your-home .security-around-home .img-overlay-indoor-icon {
    width: 12%;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    bottom: 179px;
    right: 473px;
    transition: .5s ease;
    opacity: 1;
    text-align: center
}

@media screen and (max-width:1200px) {
    .security-around-your-home .security-around-home .img-overlay-indoor-icon {
        bottom: 156px;
        right: 342px
    }
}

@media screen and (max-width:860px) {
    .security-around-your-home .security-around-home .img-overlay-indoor-icon {
        bottom: 107px;
        right: 333px
    }
}

@media screen and (max-width:767px) {
    .security-around-your-home .security-around-home .img-overlay-indoor-icon {
        transition: .5s ease;
        bottom: 568px;
        right: 140px;
        width: 8%
    }
}

@media screen and (max-width:600px) {
    .security-around-your-home .security-around-home .img-overlay-indoor-icon {
        transition: .5s ease;
        bottom: 517px;
        left: unset;
        right: 118px;
        width: 8%
    }
}

@media screen and (max-width:550px) {
    .security-around-your-home .security-around-home .img-overlay-indoor-icon {
        transition: .5s ease;
        bottom: 500px;
        left: unset;
        right: 77px;
        width: 8%
    }
}

.pmp-quiz .pmp-quiz-main {
    display: none;
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    text-align: center
}

.pmp-quiz .pmp-quiz-main.active {
    display: block
}

@media all and (max-width:768px) {
    .pmp-quiz .pmp-quiz-main {
        padding: 0 5%
    }
}

@media all and (max-width:767px) {
    .pmp-quiz .pmp-quiz-main {
        margin-bottom: 60px
    }
}

@media all and (min-width:768px) {
    .pmp-quiz .pmp-quiz-main {
        margin-bottom: 80px
    }
}

@media all and (min-width:1023px) {
    .pmp-quiz .pmp-quiz-main {
        margin-bottom: 100px
    }
}

.pmp-quiz .pmp-quiz-title {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px
}

.pmp-quiz .pmp-quiz-title .pmp_button {
    position: relative;
    clear: both;
    margin: auto;
    overflow: hidden;
    padding: 2% 9%;
    -webkit-border-radius: 9999px;
    -ms-border-radius: 9999px;
    border-radius: 9999px;
    font-family: Equip-Medium, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #fff
}

.pmp-quiz .pmp-quiz-title>div {
    font-family: Equip, Helvetica, Arial, sans-serif;
    font-size: 24px;
    color: #424242;
    padding-bottom: 10px
}

.pmp-quiz .pmp-quiz-title>p {
    font-family: Equip-Light, Helvetica, Arial, sans-serif;
    font-size: 18px;
    color: #424242
}

.pmp-quiz .pmp-quiz-title>p>a {
    font-family: Equip-Medium, Helvetica, Arial, sans-serif;
    font-size: 18px;
    color: #1998d5
}

@media all and (max-width:1200px) {
    .pmp-quiz .pmp-quiz-title {
        clear: both;
        float: left;
        width: 100%;
        max-width: 100%
    }
    .pmp-quiz .pmp-quiz-title>div {
        font-size: 20px
    }
    .pmp-quiz .pmp-quiz-title>p {
        font-size: 16px
    }
    .pmp-quiz .pmp-quiz-title>p>a {
        font-size: 16px
    }
}

@media all and (max-width:769px) {
    .pmp-quiz .pmp-quiz-title {
        clear: both;
        float: left;
        width: 100%;
        max-width: 100%
    }
    .pmp-quiz .pmp-quiz-title>div {
        font-size: 18px
    }
    .pmp-quiz .pmp-quiz-title>p {
        font-size: 16px
    }
    .pmp-quiz .pmp-quiz-title>p>a {
        font-size: 16px
    }
}

@media all and (max-width:374px) {
    .pmp-quiz .pmp-quiz-title {
        clear: both;
        float: left;
        width: 100%;
        max-width: 100%
    }
    .pmp-quiz .pmp-quiz-title>div {
        font-size: 18px
    }
    .pmp-quiz .pmp-quiz-title>p {
        font-size: 14px
    }
    .pmp-quiz .pmp-quiz-title>p>a {
        font-size: 14px
    }
}

.quiz-button {
    display: inline-block;
    padding: .6em 3em;
    margin: 0 1em 1em 0;
    border-radius: 2em;
    border: 1px solid #1998d5;
    box-sizing: border-box;
    text-decoration: none;
    font-family: Equip-Medium, Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 16px;
    min-width: 134px;
    color: #1998d5;
    background-color: #fff;
    text-align: center;
    transition: all .2s
}

@media all and (max-width:768px) {
    .quiz-button {
        min-width: 200px;
        height: 40px;
        line-height: .7rem;
        padding: 1em 1.3em
    }
}

.quiz-button:hover {
    color: #fff;
    background-color: #1998d5
}

.pmp-how-it-works p {
    font-size: 20px
}

.pmp_container .pmp-security-cams .pmp-testimonials {
    margin-bottom: 0
}

.pmp_container .pmp-security-cams .grid_protect_dropdown {
    background: #fff
}

.pmp_container .pmp-security-cams .grid_pmp_product_list .list {
    display: flex
}

.pmp_container .pmp-security-cams .grid_pmp_product_list img {
    min-width: 0
}

.pmp_container .pmp-security-cams .grid_pmp_product_list svg {
    min-width: 0;
    width: 21px;
    height: 21px
}

.pmp_container .pmp-security-cams .hero-section {
    position: relative
}

.pmp_container .pmp-security-cams .hero-section .copy {
    opacity: 0;
    position: absolute;
    width: 46%;
    left: 6%;
    top: 35%
}

.pmp_container .pmp-security-cams .hero-section .copy.come-in {
    opacity: 1;
    transform: translateY(35%);
    animation: come-in 1s ease-in forwards
}

@keyframes come-in {
    to {
        transform: translateY(0)
    }
}

.pmp_container .pmp-security-cams .hero-section .copy .btn {
    font-family: Equip-Medium, Helvetica, Arial, sans-serif;
    font-size: 16px;
    height: 48px;
    letter-spacing: .5px;
    line-height: 16px;
    text-transform: none;
    width: 143px
}

.pmp_container .pmp-security-cams .hero-section .copy .btn:hover {
    background-color: #f1670d;
    opacity: 1;
    transform: translateY(-5px)
}

.pmp_container .pmp-security-cams .hero-section h1 {
    color: #fff;
    font-family: Equip-ExtraLight, Helvetica, Arial, sans-serif;
    letter-spacing: 0
}

.pmp_container .pmp-security-cams .hero-section h3 {
    color: #fff;
    font-family: Equip-Medium, Helvetica, Arial, sans-serif;
    margin: 10px 0 20px
}

.pmp_container .pmp-security-cams .hero-section h3.has-promo-text {
    padding: 0
}

.pmp_container .pmp-security-cams .hero-section p {
    font-family: Equip-Light, Helvetica, Arial, sans-serif;
    color: #4a4a4a;
    font-size: 16px
}

.pmp_container .pmp-security-cams .hero-section .bgvid {
    width: 100%
}

.pmp_container .pmp-security-cams .hero-section .hero-img-mobile {
    display: none
}

@media screen and (min-width:768px) {
    .pmp_container .pmp-security-cams .hero-section .copy {
        width: 38%;
        top: 26%
    }
    .pmp_container .pmp-security-cams .hero-section .copy.come-in {
        opacity: 1;
        transform: translateY(26%);
        animation: come-in 1s ease-in forwards
    }
    .pmp_container .pmp-security-cams .hero-section .copy .btn {
        font-size: 14px;
        height: 43px;
        letter-spacing: 0;
        width: 118px
    }
    .pmp_container .pmp-security-cams .hero-section h1 {
        font-size: 42px;
        line-height: 52px;
        text-shadow: 0 2px 36px rgba(0, 0, 0, .2)
    }
    .pmp_container .pmp-security-cams .hero-section h3 {
        font-family: Equip-Medium, Helvetica, Arial, sans-serif;
        font-size: 20px;
        line-height: 30px
    }
    .pmp_container .pmp-security-cams .hero-section h3.has-promo-text {
        margin-bottom: 0
    }
    .pmp_container .pmp-security-cams .hero-section p {
        font-size: 18px;
        color: #fff;
        padding-right: 80px
    }
}

@media screen and (min-width:768px) {
    .pmp_container .pmp-security-cams .hero-section .copy {
        left: 4%;
        top: 10%
    }
    .pmp_container .pmp-security-cams .hero-section .copy.come-in {
        opacity: 1;
        transform: translateY(10%);
        animation: come-in 1s ease-in forwards
    }
}

@media screen and (min-width:990px) {
    .pmp_container .pmp-security-cams .hero-section .copy {
        left: 6%;
        top: 19%
    }
    .pmp_container .pmp-security-cams .hero-section .copy.come-in {
        opacity: 1;
        transform: translateY(19%);
        animation: come-in 1s ease-in forwards
    }
}

@media screen and (min-width:1023px) {
    .pmp_container .pmp-security-cams .hero-section .copy {
        top: 19.4%;
        width: 380px
    }
    .pmp_container .pmp-security-cams .hero-section .copy.come-in {
        opacity: 1;
        transform: translateY(19.4%);
        animation: come-in 1s ease-in forwards
    }
    .pmp_container .pmp-security-cams .hero-section .copy .btn {
        font-size: 16px;
        height: 48px;
        letter-spacing: .5px;
        width: 143px
    }
}

@media screen and (min-width:1280px) {
    .pmp_container .pmp-security-cams .hero-section .copy {
        width: 400px;
        top: 23%
    }
    .pmp_container .pmp-security-cams .hero-section .copy.come-in {
        opacity: 1;
        transform: translateY(23%);
        animation: come-in 1.5s ease-in forwards
    }
    .pmp_container .pmp-security-cams .hero-section h1 {
        font-size: 50px;
        line-height: 60px
    }
}

@media screen and (min-width:1440px) {
    .pmp_container .pmp-security-cams .hero-section .copy {
        left: 4%;
        width: 500px;
        top: 31%
    }
    .pmp_container .pmp-security-cams .hero-section .copy.come-in {
        opacity: 1;
        transform: translateY(31%);
        animation: come-in 1.5s ease-in forwards
    }
}

@media screen and (max-width:767px) {
    .pmp_container .pmp-security-cams .hero-section {
        display: flex;
        flex-direction: column-reverse
    }
    .pmp_container .pmp-security-cams .hero-section .vid {
        background: url(heroBackyard_Mobile.png) no-repeat center center;
        background-size: cover;
        width: 100%;
        height: 400px;
        position: relative
    }
    .pmp_container .pmp-security-cams .hero-section .doorbellvid {
        background: url(pmp_db_hero.jpg) no-repeat center center;
        background-size: cover;
        width: 100%;
        height: 400px;
        position: relative
    }
    .pmp_container .pmp-security-cams .hero-section .smartlightvid {
        background: url(smart-light-home-image.png) no-repeat center center;
        background-size: cover;
        width: 100%;
        height: 400px;
        position: relative
    }
    .pmp_container .pmp-security-cams .hero-section .bgvid {
        display: none
    }
    .pmp_container .pmp-security-cams .hero-section .hero-img-mobile {
        display: block;
        width: auto;
        height: 300px;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%)
    }
    .pmp_container .pmp-security-cams .hero-section .copy {
        opacity: 1;
        position: static;
        width: 100%;
        max-width: 385px;
        padding-left: 20px;
        margin-bottom: 20px
    }
    .pmp_container .pmp-security-cams .hero-section .copy.come-in {
        transform: none
    }
    .pmp_container .pmp-security-cams .hero-section .copy .btn {
        font-size: 14px;
        height: 43px;
        letter-spacing: 0;
        width: 118px
    }
    .pmp_container .pmp-security-cams .hero-section h1 {
        color: #424242;
        padding: 20px 20px 15px 0;
        font-family: Equip-ExtraLight, Helvetica, Arial, sans-serif;
        font-size: 36px;
        line-height: 45px;
        letter-spacing: 0;
        text-shadow: none
    }
    .pmp_container .pmp-security-cams .hero-section h3 {
        color: #424242;
        font-family: Equip, Helvetica, Arial, sans-serif;
        font-size: 18px;
        line-height: 27px;
        padding: 0 0 20px;
        margin: 0
    }
}

.pmp_container .pmp-security-cams .security-cams {
    background-color: #f6f8fa;
    display: flex;
    justify-content: space-between;
    margin-bottom: 100px;
    margin-top: -5px;
    padding: 2% 20%;
    width: 100%
}

.pmp_container .pmp-security-cams .security-cams .slide {
    transition: transform .1s ease-in-out;
    transform: translate3d(0, 0, 0)
}

.pmp_container .pmp-security-cams .security-cams.dropdown-opened .slide.left {
    transform: translate3d(-5rem, 0, 0)
}

.pmp_container .pmp-security-cams .security-cams.dropdown-opened .slide.right {
    transform: translate3d(5rem, 0, 0)
}

.pmp_container .pmp-security-cams .security-cams .security-cam {
    display: flex;
    min-width: 120px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    cursor: pointer
}

.pmp_container .pmp-security-cams .security-cams .security-cam img {
    max-height: 80px;
    width: auto
}

.pmp_container .pmp-security-cams .security-cams .announcements {
    font-family: Equip-Medium, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 500;
    font-stretch: normal;
    line-height: 1.83;
    letter-spacing: normal;
    text-align: center;
    color: #1998d5
}

.pmp_container .pmp-security-cams .security-cams .label-section {
    display: flex;
    justify-content: center;
    padding-top: 10px;
    min-height: 33px;
    height: 13px;
    position: relative;
    width: 100%
}

.pmp_container .pmp-security-cams .security-cams .label-section label {
    cursor: pointer;
    font-family: Equip-Medium, Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #4c4c4c;
    line-height: 24px;
    opacity: 1
}

.pmp_container .pmp-security-cams .security-cams .label-section .dropdown-icon {
    align-self: center;
    cursor: pointer;
    margin-top: -5px;
    margin-left: 3px;
    height: 9px
}

.pmp_container .pmp-security-cams .security-cams .label-section .dropdown-icon.inverted {
    transform: rotate(180deg)
}

.pmp_container .pmp-security-cams .security-cams .under-label {
    font-size: 14px;
    text-align: center;
    margin-bottom: 5px
}

.pmp_container .pmp-security-cams .security-cams .dropdown {
    position: absolute;
    display: none;
    background: #fff;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .15);
    border-radius: 12px;
    top: 95%;
    width: 180px;
    z-index: 20
}

.pmp_container .pmp-security-cams .security-cams .dropdown li {
    padding: 5px 10px;
    line-height: 30px
}

.pmp_container .pmp-security-cams .security-cams .dropdown li a {
    display: inline-block;
    font-family: Equip-Light, Helvetica, Arial, sans-serif;
    font-size: 12px;
    color: #4a4a4a;
    line-height: 24px
}

.pmp_container .pmp-security-cams .security-cams .dropdown li:hover {
    background-color: #f6f8fa
}

@media screen and (max-width:374px) {
    .pmp_container .pmp-security-cams .security-cams {
        margin-bottom: 60px
    }
}

@media screen and (min-width:768px) {
    .pmp_container .pmp-security-cams .security-cams {
        margin-bottom: 80px;
        padding: 60px 20px 20px
    }
}

@media screen and (min-width:1023px) {
    .pmp_container .pmp-security-cams .security-cams {
        margin-bottom: 100px;
        padding: 60px 10% 25px
    }
    .pmp_container .pmp-security-cams .security-cams .label-section label {
        opacity: .8
    }
    .pmp_container .pmp-security-cams .security-cams .label-section label:hover {
        opacity: 1
    }
}

@media screen and (max-width:767px) {
    .pmp_container .pmp-security-cams .security-cams {
        margin-bottom: 60px;
        padding: 60px 10px 20px
    }
    .pmp_container .pmp-security-cams .security-cams .security-cam {
        min-width: 150px
    }
    .pmp_container .pmp-security-cams .security-cams .label-section {
        display: flex;
        align-items: center;
        flex-direction: row
    }
    .pmp_container .pmp-security-cams .security-cams .label-section label {
        font-size: 12px;
        line-height: 16px;
        opacity: 1;
        text-align: center;
        margin: 0
    }
    .pmp_container .pmp-security-cams .security-cams .label-section .dropdown-icon {
        align-self: center;
        margin-top: 0
    }
    .pmp_container .pmp-security-cams .security-cams .label-section .dropdown-icon.inverted {
        transform: rotate(180deg)
    }
    .pmp_container .pmp-security-cams .security-cams .dropdown {
        top: 115%
    }
}

.pmp-door-view-cam .hero-section {
    position: relative
}

.pmp-door-view-cam .hero-section .cta {
    display: inline-block
}

.pmp-door-view-cam .hero-section .copy {
    opacity: 1;
    position: absolute;
    width: 46%;
    left: 6%;
    top: 35%
}

.pmp-door-view-cam .hero-section .copy .btn {
    font-family: Equip-Medium, Helvetica, Arial, sans-serif;
    font-size: 16px;
    height: 48px;
    letter-spacing: .5px;
    line-height: 16px;
    text-transform: none;
    width: 143px;
    font-weight: 500;
    margin-bottom: 40px;
    margin-right: 20px
}

.pmp-door-view-cam .hero-section .copy .btn.tablet {
    display: none
}

.pmp-door-view-cam .hero-section .copy .watch-video {
    cursor: pointer;
    margin-right: 15px
}

.pmp-door-view-cam .hero-section h1 {
    color: #424242;
    font-family: Equip-ExtraLight, Helvetica, Arial, sans-serif;
    letter-spacing: 0;
    font-weight: 200;
    line-height: 1.2
}

.pmp-door-view-cam .hero-section h3 {
    color: #424242;
    font-family: Equip-Medium, Helvetica, Arial, sans-serif;
    margin: 10px 0 30px;
    font-weight: 200;
    line-height: 1.2;
    letter-spacing: normal
}

.pmp-door-view-cam .hero-section .vid {
    background: url(door_view_cam_hero.jpg) no-repeat center center;
    background-size: cover;
    width: 100%;
    height: 600px;
    position: relative
}

@media screen and (min-width:768px) {
    .pmp-door-view-cam .hero-section .copy {
        width: 50%;
        top: 26%
    }
    .pmp-door-view-cam .hero-section .copy.come-in {
        opacity: 1;
        transform: translateY(26%);
        animation: come-in 1s ease-in forwards
    }
    .pmp-door-view-cam .hero-section .copy .btn {
        font-size: 14px;
        height: 43px;
        letter-spacing: 0;
        width: 118px
    }
    .pmp-door-view-cam .hero-section h1 {
        font-size: 42px;
        line-height: 52px;
        text-shadow: 0 2px 36px rgba(0, 0, 0, .2)
    }
    .pmp-door-view-cam .hero-section h3 {
        font-family: Equip-Medium, Helvetica, Arial, sans-serif;
        font-size: 20px;
        line-height: 30px;
        margin: 20px 0 30px
    }
}

@media screen and (min-width:768px) {
    .pmp-door-view-cam .hero-section .copy {
        left: 4%;
        top: 10%
    }
    .pmp-door-view-cam .hero-section .copy.come-in {
        opacity: 1;
        transform: translateY(10%);
        animation: come-in 1s ease-in forwards
    }
}

@media screen and (min-width:990px) {
    .pmp-door-view-cam .hero-section .copy {
        left: 6%;
        top: 19%
    }
    .pmp-door-view-cam .hero-section .copy.come-in {
        opacity: 1;
        transform: translateY(19%);
        animation: come-in 1s ease-in forwards
    }
}

@media screen and (min-width:1023px) {
    .pmp-door-view-cam .hero-section .copy {
        top: 19.4%;
        width: 500px
    }
    .pmp-door-view-cam .hero-section .copy.come-in {
        opacity: 1;
        transform: translateY(19.4%);
        animation: come-in 1s ease-in forwards
    }
    .pmp-door-view-cam .hero-section .copy .btn {
        font-size: 16px;
        height: 48px;
        letter-spacing: .5px;
        width: 143px
    }
    .pmp-door-view-cam .hero-section .copy .btn.desktop {
        display: inherit
    }
    .pmp-door-view-cam .hero-section .copy .btn.tablet {
        display: none
    }
}

@media screen and (min-width:1280px) {
    .pmp-door-view-cam .hero-section .copy {
        width: 600px;
        top: 35%
    }
    .pmp-door-view-cam .hero-section .copy.come-in {
        opacity: 1;
        transform: translateY(23%);
        animation: come-in 1.5s ease-in forwards
    }
    .pmp-door-view-cam .hero-section h1 {
        font-size: 50px;
        line-height: 60px
    }
}

@media screen and (min-width:1440px) {
    .pmp-door-view-cam .hero-section .copy {
        left: 4%;
        width: 500px;
        top: 31%
    }
    .pmp-door-view-cam .hero-section .copy.come-in {
        opacity: 1;
        transform: translateY(31%);
        animation: come-in 1.5s ease-in forwards
    }
}

@media screen and (max-width:1023px) {
    .pmp-door-view-cam .hero-section {
        display: flex;
        flex-direction: column-reverse
    }
    .pmp-door-view-cam .hero-section .vid {
        background: url(door_view_cam_hero.jpg) no-repeat center center;
        background-size: cover;
        width: 100%;
        height: 400px;
        position: relative
    }
    .pmp-door-view-cam .hero-section .copy {
        opacity: 1;
        position: static;
        width: 100%;
        max-width: 385px;
        padding-left: 20px;
        margin-bottom: 20px
    }
    .pmp-door-view-cam .hero-section .copy.come-in {
        transform: none
    }
    .pmp-door-view-cam .hero-section .copy .btn {
        font-size: 14px;
        height: 43px;
        letter-spacing: 0;
        width: 118px
    }
    .pmp-door-view-cam .hero-section .copy .btn.desktop {
        display: none
    }
    .pmp-door-view-cam .hero-section .copy .btn.tablet {
        display: inherit
    }
    .pmp-door-view-cam .hero-section .copy img {
        width: 45%
    }
    .pmp-door-view-cam .hero-section h1 {
        color: #424242;
        padding: 20px 20px 15px 0;
        font-family: Equip-ExtraLight, Helvetica, Arial, sans-serif;
        font-size: 36px;
        line-height: 46px;
        letter-spacing: 0;
        text-shadow: none
    }
    .pmp-door-view-cam .hero-section h3 {
        color: #424242;
        font-family: Equip, Helvetica, Arial, sans-serif;
        font-size: 18px;
        line-height: 27px;
        padding: 0 0 15px;
        margin: 0
    }
}

.pmp-door-view-cam .features {
    background-color: #f6f8fa;
    display: flex;
    justify-content: space-evenly;
    margin-bottom: 100px;
    margin-top: -5px;
    padding: 5%;
    width: 100%
}

@supports (-ms-ime-align:auto) {
    .pmp-door-view-cam .features {
        justify-content: space-around
    }
}

@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
    .pmp-door-view-cam .features {
        justify-content: space-between
    }
}

.pmp-door-view-cam .features .feature {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center
}

.pmp-door-view-cam .features .icon {
    width: 30px;
    height: 40px;
    margin-bottom: 0
}

.pmp-door-view-cam .features .icon img {
    height: 32px
}

.pmp-door-view-cam .features .label {
    font-family: Equip-Light, Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: #424242;
    line-height: 24px;
    font-weight: 300;
    opacity: 1
}

.pmp-door-view-cam .notify-me {
    position: relative;
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    padding: 15% 0;
    min-height: 320px;
    margin-top: calc(10vw + 40px);
    margin-bottom: 100px;
    background-color: #f6f8fa;
    background-size: cover
}

.pmp-door-view-cam .notify-me h2 {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
    font-size: 50px;
    line-height: 60px;
    text-transform: none
}

.pmp-door-view-cam .notify-me p {
    font-size: 18px;
    line-height: 28px
}

.pmp-door-view-cam .notify-me .btn {
    font-family: Equip-Medium, Helvetica, Arial, sans-serif;
    font-size: 16px;
    height: 48px;
    letter-spacing: .5px;
    line-height: 16px;
    text-transform: none;
    width: 150px;
    font-weight: 500
}

.pmp-door-view-cam .notify-me .email-block {
    display: flex;
    flex-direction: column;
    margin-bottom: 40px
}

.pmp-door-view-cam .notify-me .fsFormatEmail {
    border-radius: 4px;
    background-color: #fff;
    font-family: Equip-ExtraLight, Helvetica, Arial, sans-serif;
    font-size: 14px;
    margin-bottom: 20px
}

.pmp-door-view-cam .notify-me .legal {
    font-family: Equip-ExtraLight, Helvetica, Arial, sans-serif;
    font-size: 12px;
    color: #424242;
    line-height: 18px;
    font-weight: 200
}

.pmp-door-view-cam .notify-me .content {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 5%;
    width: 46%;
    right: 0
}

.pmp-door-view-cam .notify-me .product-image {
    position: absolute;
    left: 0;
    bottom: 0;
    padding-right: 10%;
    padding-left: 10%;
    width: 55%
}

.pmp-door-view-cam .notify-me .product-image.mobile {
    display: none
}

.pmp-door-view-cam .pmp_banner {
    position: relative;
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    padding: 15% 0;
    min-height: 320px;
    margin-bottom: calc(10vw + 40px);
    background-color: #f6f8fa;
    background-size: cover
}

.pmp-door-view-cam .pmp_banner>div {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 5%;
    width: 46%;
    right: 0
}

.pmp-door-view-cam .pmp_banner>div h1 {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
    font-size: 50px;
    line-height: 60px;
    text-transform: none
}

.pmp-door-view-cam .pmp_banner>div p {
    margin: 20px 0 0;
    font-size: 18px;
    line-height: 28px
}

@media screen and (max-width:1098px) {
    .pmp-door-view-cam .pmp_banner>div p .mobile_float:before {
        content: ' ';
        white-space: normal
    }
}

.pmp-door-view-cam .pmp_banner>img {
    position: absolute;
    left: 0;
    bottom: 0;
    padding-right: 10%;
    padding-left: 10%;
    width: 55%
}

@media screen and (max-width:1440px) {
    .pmp-door-view-cam .pmp_banner {
        padding: 22% 0
    }
    .pmp-door-view-cam .pmp_banner>div {
        width: 45%
    }
}

@media screen and (max-width:767px) {
    .pmp-door-view-cam .pmp_banner {
        padding: 10% 0
    }
    .pmp-door-view-cam .pmp_banner:after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 20vw;
        background: #fff;
        z-index: 1
    }
    .pmp-door-view-cam .pmp_banner>div,
    .pmp-door-view-cam .pmp_banner>img {
        clear: both;
        float: left;
        width: 100%;
        max-width: 100%;
        top: auto;
        left: auto;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        position: relative;
        width: 100%;
        z-index: 2
    }
    .pmp-door-view-cam .pmp_banner>div {
        margin-bottom: -10vw
    }
    .pmp-door-view-cam .pmp_banner>div p.play {
        margin-bottom: 40px
    }
}

@media screen and (max-width:370px) {
    .pmp-door-view-cam .pmp_banner>div p.play {
        display: block;
        -webkit-align-items: none;
        -ms-align-items: none;
        align-items: none;
        -webkit-justify-content: none;
        -ms-justify-content: none;
        justify-content: none;
        flex: none
    }
    .pmp-door-view-cam .pmp_banner>div p.play>* {
        clear: both;
        float: left
    }
    .pmp-door-view-cam .pmp_banner>div p.play>span {
        padding: 10px
    }
}

.pmp-door-view-cam .pmp_progress_switcher .mobile_float {
    display: block;
    width: 100%
}

@media screen and (max-width:769px) {
    .pmp-door-view-cam .pmp_progress_switcher .mobile_float {
        display: block;
        width: 100%
    }
    .pmp-door-view-cam .pmp_progress_switcher .mobile_float:after {
        content: '';
        display: none
    }
}

@media screen and (max-width:767px) {
    .pmp-door-view-cam .pmp_progress_switcher .mobile_float {
        display: inline;
        width: auto
    }
    .pmp-door-view-cam .pmp_progress_switcher .mobile_float:after {
        content: ' ';
        display: inherit;
        white-space: normal
    }
}

@media screen and (max-width:1440px) {
    .pmp-door-view-cam .notify-me {
        padding: 22% 0;
        margin-bottom: 100px
    }
    .pmp-door-view-cam .notify-me .content {
        width: 45%
    }
}

@media screen and (max-width:1023px) {
    .pmp-door-view-cam .features {
        flex-wrap: wrap;
        padding: 3%
    }
    .pmp-door-view-cam .features .feature {
        width: 33%;
        margin-bottom: 20px;
        margin-top: 20px
    }
    .pmp-door-view-cam .features .label {
        font-family: Equip-Light, Helvetica, Arial, sans-serif;
        font-size: 14px;
        color: #424242;
        line-height: 24px;
        font-weight: 300;
        opacity: 1
    }
    .pmp-door-view-cam .notify-me {
        min-height: 520px;
        margin-bottom: 80px;
        margin-top: calc(10vw + 0px)
    }
    .pmp-door-view-cam .notify-me .product-image {
        padding-right: unset;
        width: 50%
    }
    .pmp-door-view-cam .notify-me .content {
        width: 50%
    }
    .pmp-door-view-cam .notify-me h2 {
        font-size: 36px;
        line-height: 46px
    }
    .pmp-door-view-cam .notify-me p {
        font-size: 16px;
        line-height: 26px
    }
    .pmp-door-view-cam .notify-me .btn {
        font-family: Equip-Medium, Helvetica, Arial, sans-serif;
        font-size: 14px;
        height: 48px;
        letter-spacing: .5px;
        line-height: 16px;
        text-transform: none;
        width: 150px;
        font-weight: 500
    }
    .pmp-door-view-cam .pdp_detail {
        padding: 0 36px 0 36px;
        margin-bottom: 80px
    }
    .pmp-door-view-cam .prog_indicators {
        clear: both;
        padding-top: 30px
    }
}

@media screen and (max-width:767px) {
    .pmp-door-view-cam .notify-me {
        padding: 60% 5% 5% 5%;
        min-height: 747px;
        margin-bottom: 60px;
        margin-top: calc(10vw + 40px)
    }
    .pmp-door-view-cam .notify-me .content {
        width: 100%;
        top: 70%
    }
    .pmp-door-view-cam .notify-me .product-image {
        width: 60%;
        position: absolute;
        bottom: 45%;
        left: 15%;
        padding: 5%
    }
    .pmp-door-view-cam .notify-me .product-image.mobile {
        display: none
    }
    .pmp-door-view-cam .features {
        flex-wrap: wrap
    }
    .pmp-door-view-cam .features .feature {
        width: 50%
    }
    .pmp-door-view-cam .pdp_detail {
        padding: 0 19px 0 19px;
        margin-bottom: 60px
    }
}

@media screen and (max-width:600px) {
    .pmp-door-view-cam .notify-me {
        margin-top: calc(10vw + 0px)
    }
    .pmp-door-view-cam .notify-me .product-image {
        width: 60%;
        position: absolute;
        bottom: 50%;
        left: 18%;
        padding: 5%
    }
}

@media screen and (max-width:550px) {
    .pmp-door-view-cam .notify-me {
        margin-top: calc(10vw + 40px)
    }
    .pmp-door-view-cam .notify-me .product-image {
        width: 70%;
        position: absolute;
        bottom: 50%;
        left: 18%;
        padding: 5%
    }
}

@media screen and (max-width:450px) {
    .pmp-door-view-cam .notify-me {
        margin-top: calc(10vw + 40px)
    }
    .pmp-door-view-cam .notify-me .product-image {
        width: 80%;
        position: absolute;
        bottom: 50%;
        left: 10%;
        padding: 5%
    }
}

@media screen and (max-width:376px) {
    .pmp-door-view-cam .notify-me {
        margin-top: calc(10vw)
    }
    .pmp-door-view-cam .notify-me .product-image {
        width: 80%;
        position: absolute;
        bottom: 55%;
        left: 10%;
        padding: 5%
    }
}

.spare-blur {
    filter: blur(5px)
}

.spare-parts .grid_products>div .product {
    text-align: center
}

.spare-parts .grid_products>div .product.on {
    background: #f6f8fa
}

.spare-parts .grid_products>div .product.on .img {
    background-blend-mode: multiply;
    background-color: #f6f8fa
}

.spare-parts .grid_products>div .product span.cflex {
    flex-grow: 1;
    justify-content: space-between
}

.spare-parts>center {
    margin-bottom: 60px
}

.spare-parts>center button {
    margin-bottom: 20px
}

.spare-parts>center button:disabled {
    opacity: .5;
    cursor: not-allowed
}

.spare-parts>center a {
    color: #1998d5;
    text-decoration: underline
}

.spare-over {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(76, 76, 76, .6);
    z-index: 1000;
    display: block
}

.spare-over.off {
    display: none
}

.spare-over.show_close>div .spare-close {
    display: block
}

.spare-over>div {
    position: relative;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-border-radius: 12px;
    -ms-border-radius: 12px;
    border-radius: 12px;
    box-shadow: 0 1px 20px 0 rgba(0, 0, 0, .15);
    background: #fff;
    padding: 80px 20px;
    width: 800px;
    max-width: calc(100% - 80px);
    max-height: 60vh;
    overflow: auto;
    text-align: center;
    font-family: Equip-ExtraLight, Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 20px
}

.spare-over>div .spare-close {
    font-family: Equip-Light, Helvetica, Arial, sans-serif;
    font-size: 16px;
    position: absolute;
    top: 30px;
    right: 30px;
    cursor: pointer;
    display: none
}

.spare-over>div .spare-close:after {
    content: 'X'
}

.spare-over>div h2 {
    text-transform: none;
    font-family: Equip-Thin, Helvetica, Arial, sans-serif;
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 20px
}

.spare-over>div button {
    margin-top: 15px;
    font-family: Equip-Medium, Helvetica, Arial, sans-serif
}

.spare-over>div b {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    margin-bottom: 15px;
    color: #424242
}

.spare-over>div .info_icon {
    vertical-align: sub
}

@media screen and (min-width:1024px) {
    .spare-over>div {
        font-size: 16px;
        line-height: 24px;
        padding: 80px
    }
    .spare-over>div h2 {
        font-size: 50px;
        line-height: 60px
    }
}

.pmp-announcements--hero {
    background-color: #f6f8fa;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding-top: 60px;
    padding-bottom: 60px
}

.pmp-announcements--hero img {
    max-width: 100px;
    margin-bottom: 20px
}

.pmp-announcements--hero h2 {
    width: auto
}

.pmp-announcements .grid_pdp_detail {
    padding-top: 30px;
    padding-bottom: 30px
}

.pmp-announcements .grid_pdp_detail div:nth-child(2) .notify_form {
    display: inline-block;
    margin-top: 15px
}

.pmp-announcements .grid_pdp_detail div:nth-child(2) .notify_form span {
    font-family: Equip-Medium, Helvetica, Arial, sans-serif
}

.pmp-announcements .grid_pdp_detail div:nth-child(2) .notify_form p {
    margin: 0
}

.pmp-announcements .grid_pdp_detail div:nth-child(2) .notify_form form {
    display: inline-block
}

.pmp-announcements .grid_pdp_detail div:nth-child(2) .notify_form .fsFormatEmail {
    width: 100%;
    font-family: Equip-ExtraLight, Helvetica, Arial, sans-serif;
    font-size: 14px;
    border-radius: 4px;
    border: solid 1px rgba(151, 151, 151, .5);
    margin-top: 15px
}

.pmp-announcements .grid_pdp_detail div:nth-child(2) .notify_form .btn {
    text-transform: none;
    width: 200px;
    margin-top: 30px;
    font-family: Equip-Medium, Helvetica, Arial, sans-serif;
    font-size: 16px;
    height: 48px;
    letter-spacing: .5px;
    line-height: 16px;
    font-weight: 500
}

.pmp-announcements .grid_pdp_detail div:nth-child(2) .notify_form .btn:hover {
    transform: translateY(-5px)
}

@media screen and (max-width:1023px) {
    .pmp-announcements .grid_pdp_detail div:nth-child(2) .notify_form {
        padding-left: 6px;
        width: 50%;
        float: right
    }
    .pmp-announcements .grid_pdp_detail div:nth-child(2) .notify_form p {
        padding: 0;
        width: 100%
    }
}

@media screen and (max-width:767px) {
    .pmp-announcements .grid_pdp_detail div:nth-child(2) .notify_form {
        padding: 0;
        width: 100%;
        float: none
    }
}

@media screen and (min-width:768px) {
    .pmp-announcements .grid_pdp_detail {
        padding-top: 40px;
        padding-bottom: 40px
    }
}

@media screen and (min-width:1024px) {
    .pmp-announcements .grid_pdp_detail {
        padding-top: 50px;
        padding-bottom: 50px
    }
}

.pmp-announcements .grid_pdp_detail:first-child {
    padding-top: 0
}

@media screen and (min-width:768px) {
    .pmp-announcements .grid_pdp_detail:first-child {
        padding-top: 0
    }
}

@media screen and (min-width:1024px) {
    .pmp-announcements .grid_pdp_detail:first-child {
        padding-top: 0
    }
}

.pmp-announcements .grid_pdp_detail:last-child {
    grid-template-columns: repeat(1, 2fr);
    grid-template-areas: 'copy';
    padding-bottom: 0
}

@media screen and (min-width:768px) {
    .pmp-announcements .grid_pdp_detail:last-child {
        padding-bottom: 0
    }
}

@media screen and (min-width:1024px) {
    .pmp-announcements .grid_pdp_detail:last-child {
        padding-bottom: 0
    }
}

.pmp-announcements .grid_pdp_detail:last-child p {
    font-family: Equip-ExtraLight, Helvetica, Arial, sans-serif;
    font-size: 12px;
    line-height: 18px
}

.pmp-announcements h2 {
    font-family: Equip-Thin, Helvetica, Arial, sans-serif
}

.privacy_container {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    margin-bottom: 10px
}

.privacy_container>div {
    width: 78%;
    margin: 0 auto
}

.privacy_container>div h2 {
    font-size: 50px;
    color: #424242;
    text-transform: none;
    margin-bottom: 20px
}

@media screen and (max-width:769px) {
    .privacy_container>div {
        width: 90%
    }
    .privacy_container>div h2 {
        font-size: 36px
    }
}

@media screen and (max-width:374px) {
    .privacy_container>div {
        width: calc(100% - 40px)
    }
}

.privacy_container .privacy_banner {
    width: 100%;
    background: url(https://cdn.shopify.com/s/files/1/2393/8647/files/heroDesktop.jpg?4008) center center no-repeat;
    background-size: cover;
    margin-bottom: 0
}

.privacy_container .privacy_banner>div {
    font-family: Equip-Medium, Helvetica, Arial, sans-serif;
    color: #424242;
    font-weight: 500;
    line-height: 1.5;
    font-size: 20px;
    padding: 17% 46px
}

.privacy_container .privacy_banner>div h1 {
    font-family: Equip-ExtraLight, Helvetica, Arial, sans-serif;
    color: #424242;
    font-size: 50px;
    line-height: 2;
    font-weight: 200
}

.privacy_container .privacy_banner>div span {
    display: block
}

@media screen and (max-width:769px) {
    .privacy_container .privacy_banner {
        background: url(https://cdn.shopify.com/s/files/1/2393/8647/files/heroTablet.jpg?4008) center bottom no-repeat;
        background-size: 100% auto
    }
    .privacy_container .privacy_banner>div {
        padding: 30px 36px 72%;
        font-size: 18px
    }
    .privacy_container .privacy_banner>div h1 {
        font-size: 36px
    }
    .privacy_container .privacy_banner>div span {
        display: inline-block
    }
}

@media screen and (max-width:375px) {
    .privacy_container .privacy_banner {
        background: url(https://cdn.shopify.com/s/files/1/2393/8647/files/heroMobile.jpg?4008) center bottom no-repeat;
        background-size: 100% auto
    }
    .privacy_container .privacy_banner>div {
        padding: 30px 20px calc(93% + 50px)
    }
}

.privacy_container .privacy_text {
    width: 100%;
    background-color: #f6f8fa;
    text-align: center;
    padding: 50px 20px
}

.privacy_container .privacy_text div {
    width: 78%;
    margin: 0 auto
}

.privacy_container .privacy_text p {
    font-family: Equip-ExtraLight, Helvetica, Arial, sans-serif;
    color: #424242;
    font-size: 18px;
    line-height: 1.5
}

@media screen and (max-width:769px) {
    .privacy_container .privacy_text p {
        font-size: 16px
    }
    .privacy_container .privacy_text div {
        width: 95%
    }
}

@media screen and (max-width:375px) {
    .privacy_container .privacy_text div {
        width: 100%
    }
}

.privacy_container .privacy_blocks div {
    margin: 100px 0
}

.privacy_container .privacy_blocks div p {
    font-family: Equip-ExtraLight, Helvetica, Arial, sans-serif;
    font-size: 18px;
    color: #424242
}

@media screen and (max-width:769px) {
    .privacy_container .privacy_blocks div p {
        font-size: 16px
    }
}

.privacy_container .privacy_faq {
    overflow: hidden
}

.privacy_container .privacy_faq .pdp_expand {
    margin: 0;
    padding: 40px 0 30px 0;
    border-bottom: 1px solid rgba(66, 66, 66, .25)
}

.privacy_container .privacy_faq .pdp_expand .expander {
    border: 0;
    font-family: Equip-Medium, Helvetica, Arial, sans-serif;
    font-size: 18px;
    color: #424242;
    font-weight: 500;
    position: relative;
    padding-right: 26px
}

.privacy_container .privacy_faq .pdp_expand .expander::after {
    position: absolute;
    right: 0
}

@media screen and (max-width:769px) {
    .privacy_container .privacy_faq .pdp_expand .expander {
        font-size: 16px
    }
}

.privacy_container .privacy_faq .pdp_expand .expand p {
    font-family: Equip-ExtraLight, Helvetica, Arial, sans-serif;
    font-size: 18px;
    color: #424242
}

.privacy_container .privacy_faq .pdp_expand .expand.on {
    padding-top: 20px
}

@media screen and (max-width:769px) {
    .privacy_container .privacy_faq .pdp_expand .expand p {
        font-size: 16px
    }
}

.privacy_container a {
    color: #1998d5;
    font-family: Equip-Medium, Helvetica, Arial, sans-serif;
    font-weight: 500;
    text-decoration: underline
}

.privacy_container:focus {
    outline: 0
}

#kustomer-root {
    display: none!important
}

.page_video-doorbells-compare .sub_specs {
    top: -500px;
    padding: 0!important
}

.page_video-doorbells-compare .sub_specs .products {
    float: none;
    clear: both;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 1600px;
    padding-left: 72px;
    padding-right: 72px;
    margin-bottom: 100px;
    margin-bottom: 0
}

.page_video-doorbells-compare .sub_specs .products:after {
    content: '';
    display: table;
    clear: both
}

.page_video-doorbells-compare .sub_specs .products h2 {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    text-transform: none;
    font-size: 50px;
    line-height: 60px;
    margin-bottom: 20px
}

.page_video-doorbells-compare .sub_specs .products p {
    font-size: 18px;
    line-height: 28px
}

@media screen and (max-width:1440px) {
    .page_video-doorbells-compare .sub_specs .products {
        padding-left: 58px;
        padding-right: 58px
    }
}

@media screen and (max-width:1279px) {
    .page_video-doorbells-compare .sub_specs .products {
        padding-left: 44px;
        padding-right: 44px
    }
    .page_video-doorbells-compare .sub_specs .products h2 {
        font-size: 42px;
        line-height: 52px
    }
    .page_video-doorbells-compare .sub_specs .products p {
        font-size: 16px;
        line-height: 26px
    }
}

@media screen and (max-width:1023px) {
    .page_video-doorbells-compare .sub_specs .products {
        padding-left: 36px;
        padding-right: 36px;
        margin-bottom: 60px
    }
    .page_video-doorbells-compare .sub_specs .products h2 {
        font-size: 36px;
        line-height: 46px
    }
}

@media screen and (max-width:767px) {
    .page_video-doorbells-compare .sub_specs .products {
        padding-left: 19px;
        padding-right: 19px
    }
}