body,
html {
    padding: 0;
    margin: 0;
    height: 100%;
    background: #ededed;
    font-family: Equip, Helvetica, Arial, sans-serif;
    color: #4c4c4c;
    font-size: 13px;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale
}

@media screen and (max-width:1023px) {
    body.hidden,
    html.hidden {
        overflow: hidden
    }
}

*,
:after,
:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

/*.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400;
    font-family: Equip-Thin, Helvetica, Arial, sans-serif;
    padding: 0;
    margin: 0;
    letter-spacing: normal;
}*/

h1 {
    clear: both
}

a {
    outline: 0;
    color: #4c4c4c
}

a:hover {
    color: #4c4c4c
}

p {
    font-size: 18px;
    font-family: Equip-Light, Helvetica, Arial, sans-serif
}

.orange {
    color: #f16522!important
}
ul.products>li .blue {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
}
.blue {
    color: #1998d5!important
}


.mobile_only {
    display: none
}

@media screen and (max-width:767px) {
    .mobile_only {
        display: inline-block
    }
}

.mobile2_only {
    display: none
}

@media screen and (max-width:600px) {
    .mobile2_only {
        display: inline-block
    }
}

@media screen and (max-width:600px) {
    .no_mobile {
        display: none
    }
}

.no_padding {
    padding: 0!important
}

/*.btn:not(.btn--share),
button {
    display: inline-block;
    text-decoration: none;
    color: #fff;
    border: 0;
    font-family: Equip-Light, Helvetica, Arial, sans-serif;
    font-size: 16px;
    text-align: center;
    padding: 12px 20px;
    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
}

.btn:not(.btn--share):hover,
button:hover {
    background: #d94d00
}

.btn:not(.btn--share).grey,
button.grey {
    background: #999
}

.btn:not(.btn--share).round,
button.round {
    position: relative;
    clear: both;
    margin: 30px auto;
    overflow: hidden;
    padding: 12px 45px 12px 20px;
    -webkit-border-radius: 9999px;
    -ms-border-radius: 9999px;
    border-radius: 9999px
}

.btn:not(.btn--share).round:before,
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)
}

.btn:not(.btn--share).round:after,
button.round:after {
    position: absolute;
    right: 10px;
    font-size: 40px;
    top: 12px;
    height: 20px;
    line-height: 23px;
    content: "\203A";
    color: #fff
}*/
.mobile_float {
    display: block;
    width: 100%
}

@media screen and (max-width:767px) {
    .mobile_float {
        display: inline;
        width: auto
    }
    .mobile_float:after {
        content: ' ';
        white-space: normal
    }
}


.mobile_break:before {
    content: ' ';
    white-space: normal
}

@media screen and (max-width:769px) {
    .mobile_break:before {
        content: '\A';
        white-space: pre
    }
}

.main-body {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    min-height: 100vh;
    background: #fff;
}

/*.main-body>div:not(#teconsent):not(#ujet_widget):not(#kustomer-root):not(#BVContainer):not(#bv-mbox-loading):not(.affirm-sandbox-container) {
    float: none;
    clear: both;
    margin: 0 auto;
    width: 100%;
    max-width: 1600px;
    background: #fff
}*/

.main-body>div:not(#teconsent):not(#ujet_widget):not(#kustomer-root):not(#BVContainer):not(#bv-mbox-loading):not(.affirm-sandbox-container):after {
    content: '';
    display: table;
    clear: both
}

.main-body>div:not(#teconsent):not(#ujet_widget):not(#kustomer-root):not(#BVContainer):not(#bv-mbox-loading):not(.affirm-sandbox-container)>div.page_content {
    min-height: 38vh
}

@media screen and (max-width:1023px) {
    .main-body>div:not(#teconsent):not(#ujet_widget):not(#kustomer-root):not(#BVContainer):not(#bv-mbox-loading):not(.affirm-sandbox-container)>div.page_content {
        min-height: 57vh
    }
}

.max-block {
    clear: both;
    margin: 0 auto;
    width: 100%;
    max-width: 1280px
}

.max-block:after {
    content: '';
    display: table;
    clear: both
}

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

.fullscreen>div:not(.rpp-header):not(.rpp-notes) {
    padding: 10px
}

.affirm-as-low-as {
    font-family: Equip-Light, Helvetica, Arial, sans-serif;
    color: #999;
    font-size: 16px;
    font-weight: 100
}

.affirm-as-low-as>a {
    padding-right: 20px;
    background: url(https://cdn.shopify.com/s/files/1/2922/1686/files/affirm_info.png?9523000301288127032) right center no-repeat;
    background-size: 12px 12px
}

.ring-search .section-header {
    margin-bottom: 0
}

.ring-search .section-header h1 {
    padding: 40px 10px
}

.ring-search .section-header #SearchInput {
    border-width: 0;
    border-bottom-width: 1px
}

.error_404 {
    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;
    position: relative;
    overflow: hidden;
    margin-bottom: 50px
}

.error_404 h1,
.error_404 h2 {
    font-family: Equip-Medium, Helvetica, Arial, sans-serif
}

.error_404 h1 {
    font-size: 42px
}

.error_404 h2 {
    font-size: 30px;
    padding-bottom: 40px
}

.error_404>div {
    position: relative;
    width: 50%;
    margin-top: 100px
}

.error_404>div:nth-child(2) {
    height: 50vh;
    background: url(../images/press-masthead.jpg) left center no-repeat;
    background-size: cover
}

@media screen and (max-width:1023px) {
    .error_404 {
        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;
        padding: 20px 0
    }
    .error_404>div {
        width: 100%;
        margin-top: 0
    }
    .error_404>div:nth-child(1) {
        z-index: 2;
        padding: 40px
    }
    .error_404>div:nth-child(2) {
        position: absolute;
        top: 0;
        min-height: 70vh
    }
    .error_404>div:nth-child(2):after {
        content: '';
        position: absolute;
        left: 25px;
        top: 0;
        width: calc(100% - 55px);
        height: 100%;
        background: rgba(255, 255, 255, .8)
    }
}

@media screen and (max-width:769px) {
    .error_404>div:nth-child(1) {
        padding: 20px
    }
    .error_404>div:nth-child(2):after {
        left: 0;
        width: 100%
    }
}

/*.announcement-bar {
    padding: 20px 10px
}*/

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

.grid .medium-up--one-third {
    position: relative
}

.page-width {
    max-width: 1340px;
    padding: 0
}

.page-width.no-padding {
    padding: 0!important
}

@media screen and (max-width:1200px) {
    .page-width {
        padding: 10px
    }
}

.section-header {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%
}

.sold-out {
    color: #f16522
}

.template-product .page-width.max {
    max-width: 1380px
}

.shipping_txt {
    font-size: .8em
}

a.btn.cart__remove {
    padding: 0;
    text-transform: none;
    background: 0 0;
    color: #4c4c4c;
    font-size: .7em
}

a.btn.cart__remove:hover {
    background: 0 0;
    color: #4c4c4c;
    text-decoration: underline
}

.cart__footer>.grid {
    margin-left: 0
}

.cart__footer .cart__subtotal {
    font-size: 2em;
    color: #f16522
}

.cart__footer .btn.cart__update {
    -webkit-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    padding: 0;
    text-transform: none;
    background: url(update.png) left center no-repeat;
    background-size: 35px 34px;
    color: #999;
    font-size: 1em;
    height: 35px;
    padding-left: 40px;
    margin-right: 50px
}

.cart__footer .btn.cart__update:hover {
    background: url(update.png) left center no-repeat;
    background-size: 35px 34px;
    color: #999;
    text-decoration: underline
}

.alarm_landing {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    padding: 0!important
}

.alarm_landing .alarm_header {
    position: relative;
    height: 35vw;
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    background: url(alarm_header.jpg?v=1) left top no-repeat;
    background-size: auto 100%;
    margin-bottom: 70px
}

.alarm_landing .alarm_header .content {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 30%;
    right: 10%
}

.alarm_landing .alarm_header .content h1 {
    font-size: 40px;
    margin-bottom: 20px
}

@media screen and (max-width:1130px) {
    .alarm_landing .alarm_header .content {
        width: 40%;
        right: 2%
    }
}

@media screen and (max-width:1023px) {
    .alarm_landing .alarm_header {
        background: url(alarm_header_mobile.jpg?v=1) center top no-repeat;
        background-size: 100% auto;
        height: auto
    }
    .alarm_landing .alarm_header .content {
        position: static;
        top: auto;
        left: auto;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        clear: both;
        float: left;
        width: 100%;
        max-width: 100%;
        padding: 150vw 10px 10px
    }
}

.alarm_landing .alarm_quarters {
    float: none;
    clear: both;
    margin: 0 auto;
    width: 100%;
    max-width: 1200px
}

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

.alarm_landing .alarm_quarters>div {
    float: left;
    width: 25%;
    padding: 30px
}

.alarm_landing .alarm_quarters>div h3 {
    font-family: Equip-Light, Helvetica, Arial, sans-serif;
    font-size: 16px;
    margin-bottom: 10px
}

.alarm_landing .alarm_quarters>div p {
    font-size: 13px
}

.alarm_landing .alarm_quarters>div .img {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    height: 155px;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: contain;
    margin-bottom: 10px
}

.alarm_landing .alarm_quarters>div.whole_home .img {
    background-image: url(alarm_grid_1.png)
}

.alarm_landing .alarm_quarters>div.simple .img {
    background-image: url(alarm_grid_2.png)
}

.alarm_landing .alarm_quarters>div.protection .img {
    background-image: url(alarm_grid_3.png)
}

.alarm_landing .alarm_quarters>div.pro .img {
    background-image: url(alarm_grid_4.png)
}

@media screen and (max-width:990px) {
    .alarm_landing .alarm_quarters>div {
        width: 50%
    }
}

@media screen and (max-width:600px) {
    .alarm_landing .alarm_quarters>div {
        clear: both;
        float: left;
        width: 100%;
        max-width: 100%
    }
}

.alarm_landing .alarm_apt {
    float: none;
    clear: both;
    margin: 0 auto;
    width: 100%;
    max-width: 1140px;
    background: url(alarm_apt.jpg) left center no-repeat;
    background-size: 60% auto;
    margin: 70px auto 100px
}

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

.alarm_landing .alarm_apt>div {
    width: 52%;
    float: right;
    background: #f8f8f8;
    padding: 70px;
    margin: 70px 0
}

.alarm_landing .alarm_apt>div h2 {
    font-family: Equip-Light, Helvetica, Arial, sans-serif;
    font-size: 30px;
    margin-bottom: 10px;
    text-transform: none
}

.alarm_landing .alarm_apt>div p {
    font-size: 15px
}

.alarm_landing .alarm_apt>div p.sub {
    color: #999
}

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

.alarm_landing .alarm_apt>div .details>div {
    float: left;
    width: calc(50% - 20px);
    margin: 5px 10px
}

.alarm_landing .alarm_apt>div .details>div:nth-child(1) {
    padding-bottom: 50%;
    background: url(alarm_apt_1.png) top center no-repeat;
    background-size: contain
}

.alarm_landing .alarm_apt>div .details>div:nth-child(2) h3 {
    font-family: Equip-Light, Helvetica, Arial, sans-serif;
    font-size: 20px;
    margin-bottom: 10px
}

.alarm_landing .alarm_apt>div .details>div:nth-child(2) p {
    font-size: 15px
}

.alarm_landing .alarm_apt>div .details>div:nth-child(2) .img {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    padding: 45px;
    background: url(alarm_apt_2.png) center center no-repeat;
    background-size: contain
}

@media screen and (max-width:1023px) {
    .alarm_landing .alarm_apt {
        margin: 0 auto;
        padding-top: 100vw;
        background-position: center top;
        background-size: 100% auto
    }
    .alarm_landing .alarm_apt>div {
        clear: both;
        float: left;
        width: 100%;
        max-width: 100%;
        padding: 10px
    }
}

@media screen and (max-width:600px) {
    .alarm_landing .alarm_apt>div .details>div:nth-child(2) h3 {
        font-size: 4vw
    }
    .alarm_landing .alarm_apt>div .details>div:nth-child(2) p {
        font-size: 3vw
    }
}

.alarm_landing .signup {
    float: none;
    clear: both;
    margin: 0 auto;
    width: 100%;
    max-width: 1140px;
    background: url(alarm_blue_bg.jpg) center center no-repeat;
    background-size: cover;
    margin-bottom: 100px
}

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

.alarm_landing .signup * {
    color: #fff
}

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

.alarm_landing .signup>div.copy {
    position: relative
}

.alarm_landing .signup>div.copy>div {
    float: left;
    padding-top: 100px
}

.alarm_landing .signup>div.copy>div.img {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 60%;
    height: 70%;
    background: url(alarm_rvd.png) center bottom no-repeat;
    background-size: contain
}

.alarm_landing .signup>div.copy>div.txt {
    width: 40%;
    padding-left: 60px;
    padding-bottom: 100px
}

.alarm_landing .signup>div.copy>div.txt h2 {
    font-size: 40px;
    margin-bottom: 10px;
    text-transform: none
}

.alarm_landing .signup>div.form {
    border-top: 20px solid #fff;
    padding: 30px 60px;
    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
}

.alarm_landing .signup>div.form>div {
    float: left;
    width: 50%;
    font-size: 20px;
    font-family: Equip-Light, Helvetica, Arial, sans-serif
}

.alarm_landing .signup>div.form>div.copy {
    padding: 10px 0
}

.alarm_landing .signup>div.form>div.input {
    padding: 0 2%
}

.alarm_landing .signup>div.form>div.input .btn,
.alarm_landing .signup>div.form>div.input input[type=email] {
    -webkit-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px;
    float: left
}

.alarm_landing .signup>div.form>div.input input[type=email] {
    width: calc(100% - 110px);
    margin-left: 10%;
    color: #4c4c4c
}

.alarm_landing .signup>div.form>div.input .btn {
    background: #1998d5;
    width: 110px;
    margin-left: -10%;
    -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .15)
}

.alarm_landing .signup>div.form>div.input .btn:hover {
    opacity: 1
}

@media screen and (max-width:600px) {
    .alarm_landing .signup {
        margin-bottom: 50px
    }
    .alarm_landing .signup>div.copy {
        padding-top: 100px
    }
    .alarm_landing .signup>div.copy>div.img,
    .alarm_landing .signup>div.copy>div.txt {
        top: auto;
        left: auto;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        clear: both;
        float: left;
        width: 100%;
        max-width: 100%;
        bottom: auto;
        position: static
    }
    .alarm_landing .signup>div.copy>div.img {
        height: 50vw
    }
    .alarm_landing .signup>div.copy>div.txt {
        background: #fff;
        padding: 20px
    }
    .alarm_landing .signup>div.copy>div.txt * {
        color: #4c4c4c
    }
    .alarm_landing .signup>div.form {
        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;
        padding: 20px 10px;
        text-align: center
    }
    .alarm_landing .signup>div.form>div {
        clear: both;
        float: left;
        width: 100%;
        max-width: 100%
    }
    .alarm_landing .signup>div.form>div.input {
        padding: 10px 0
    }
}

.alarm_landing .diy {
    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;
    float: none;
    clear: both;
    margin: 0 auto;
    width: 100%;
    max-width: 1140px;
    margin-bottom: 100px
}

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

.alarm_landing .diy>div {
    float: left;
    width: 50%
}

.alarm_landing .diy>div.img {
    background: url(alarm_diy.jpg) center center no-repeat;
    background-size: cover
}

.alarm_landing .diy>div.txt {
    padding: 10%
}

.alarm_landing .diy>div.txt h2 {
    padding-top: 50%;
    margin-bottom: 10px;
    text-transform: none;
    font-size: 40px
}

.alarm_landing .diy>div.txt p {
    padding-bottom: 50%
}

@media screen and (max-width:768px) {
    .alarm_landing .diy {
        margin-bottom: 50px
    }
    .alarm_landing .diy>div {
        clear: both;
        float: left;
        width: 100%;
        max-width: 100%
    }
    .alarm_landing .diy>div.img {
        height: 100vw
    }
    .alarm_landing .diy>div.txt {
        padding: 10px
    }
    .alarm_landing .diy>div.txt h2,
    .alarm_landing .diy>div.txt p {
        padding: 10px 0
    }
}

.alarm_landing .custom {
    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;
    float: none;
    clear: both;
    margin: 0 auto;
    width: 100%;
    max-width: 1140px;
    margin-bottom: 100px;
    background: #e3e3e3
}

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

.alarm_landing .custom>div {
    float: left
}

.alarm_landing .custom>div.img {
    width: 56%;
    background: url(alarm_custom.jpg) right center no-repeat;
    background-size: cover
}

.alarm_landing .custom>div.txt {
    width: 44%;
    padding: 8%
}

.alarm_landing .custom>div.txt h2 {
    padding-top: 50%;
    margin-bottom: 10px;
    text-transform: none;
    font-size: 40px
}

.alarm_landing .custom>div.txt p {
    padding-bottom: 50%
}

@media screen and (max-width:768px) {
    .alarm_landing .custom {
        margin-bottom: 50px
    }
    .alarm_landing .custom>div.img {
        height: 100vw;
        clear: both;
        float: left;
        width: 100%;
        max-width: 100%
    }
    .alarm_landing .custom>div.txt {
        padding: 10px;
        clear: both;
        float: left;
        width: 100%;
        max-width: 100%
    }
    .alarm_landing .custom>div.txt h2,
    .alarm_landing .custom>div.txt p {
        padding: 10px 0
    }
}

.alarm_landing .alarm_products {
    float: none;
    clear: both;
    margin: 0 auto;
    width: 100%;
    max-width: 760px;
    margin-bottom: 100px
}

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

.alarm_landing .alarm_products>div {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    padding: 20px;
    border-bottom: 2px solid #cacaca;
    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
}

.alarm_landing .alarm_products>div>div {
    font-family: Equip-Light, Helvetica, Arial, sans-serif;
    float: left;
    width: 33.3333%
}

.alarm_landing .alarm_products>div>div:nth-child(1) {
    text-align: left;
    font-size: 30px;
    font-family: Equip-Thin, Helvetica, Arial, sans-serif
}

.alarm_landing .alarm_products>div>div.img {
    width: 100px;
    height: 100px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain
}

.alarm_landing .alarm_products>div>div:nth-child(3) {
    text-align: right
}

.alarm_landing .alarm_products>div>div:nth-child(3)>a {
    color: #1998d5
}

.alarm_landing .alarm_products>div>div:nth-child(3)>a .mobile {
    display: none;
    font-size: 3em
}

@media screen and (max-width:600px) {
    .alarm_landing .alarm_products>div>div:nth-child(1),
    .alarm_landing .alarm_products>div>div:nth-child(2) {
        width: 45%
    }
    .alarm_landing .alarm_products>div>div:nth-child(3) {
        width: 10%
    }
    .alarm_landing .alarm_products>div>div:nth-child(3)>a .desktop {
        display: none
    }
    .alarm_landing .alarm_products>div>div:nth-child(3)>a .mobile {
        display: inline-block
    }
}

.alarm_landing .alarm_products>div.base .img {
    background-image: url(alarm_base.png?v=2)
}

.alarm_landing .alarm_products>div.keypad .img {
    background-image: url(alarm_keypad.png?v=1)
}

.alarm_landing .alarm_products>div.contact .img {
    background-image: url(alarm_sensor.png?v=1)
}

.alarm_landing .alarm_products>div.motion .img {
    background-image: url(alarm_motion.png?v=1)
}

.alarm_landing .alarm_products>div.range .img {
    background-image: url(alarm_range.png?v=1)
}

.ring_privacy {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    margin: 50px 0
}

.ring_privacy * {
    font-size: 14px
}

.ring_privacy h1 {
    font-size: 2em
}

.ring_privacy ul {
    font-family: Equip-Light, Helvetica, Arial, sans-serif
}

.ring_privacy ul li {
    font-family: Equip-Light, Helvetica, Arial, sans-serif
}

.ring_privacy ul li a {
    border-bottom: none!important;
    color: #1998d5;
    text-decoration: none!important
}

.ring_privacy ul li a:hover {
    text-decoration: underline!important
}

.cart_ups {
    margin: 50px auto
}

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

.cart_ups>div:nth-child(1) h2 {
    color: #999;
    font-size: 2em;
    text-transform: none;
    margin-bottom: 20px
}

.cart_ups>div:nth-child(2)>div {
    float: left;
    min-width: 325px;
    width: 27%;
    padding-right: 40px;
    margin-bottom: 40px
}

@media screen and (max-width:1023px) {
    .cart_ups>div:nth-child(2)>div {
        padding-right: 0;
        padding-top: 20px;
        width: 100%;
        min-width: 100%
    }
}

.cart_ups>div:nth-child(2)>div>div {
    position: relative;
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    height: 0;
    padding-bottom: 100%;
    -webkit-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #f4f4f4;
    background-size: 70%;
    background-repeat: no-repeat;
    background-position: center center
}

.cart_ups>div:nth-child(2)>div>div:hover {
    cursor: pointer;
    -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .1)
}

@media screen and (max-width:1023px) {
    .cart_ups>div:nth-child(2)>div>div {
        padding-bottom: 0;
        height: auto;
        min-height: 180px;
        background-position: right center;
        background-size: contain
    }
}

.cart_ups>div:nth-child(2)>div>div>div {
    padding: 10px 20px
}

.cart_ups>div:nth-child(2)>div>div>div:nth-child(1) {
    font-size: 1.5em;
    font-family: Equip-Light, Helvetica, Arial, sans-serif
}

.cart_ups>div:nth-child(2)>div>div>div:nth-child(1) .product-price__price {
    font-weight: 300;
    color: #4c4c4c
}

.cart_ups>div:nth-child(2)>div>div>div.mini_add {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    position: absolute;
    bottom: 10px;
    color: #f16522;
    text-align: center;
    cursor: pointer
}

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

.cart_ups>div:nth-child(2)>div>div>div.mini_add>div.over_details {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    color: #1998d5;
    text-align: center;
    z-index: 2;
    margin-bottom: 10px;
    position: relative
}

@media screen and (max-width:1023px) {
    .cart_ups>div:nth-child(2)>div>div>div.mini_add>div.over_details {
        text-align: left
    }
}

.cart_ups>div:nth-child(2)>div>div>div.mini_add>div.over_details:hover>div {
    display: block
}

.cart_ups>div:nth-child(2)>div>div>div.mini_add>div.over_details>span {
    cursor: pointer;
    text-decoration: underline
}

.cart_ups>div:nth-child(2)>div>div>div.mini_add>div.over_details>div {
    display: none;
    position: absolute;
    background: #fff;
    padding: 20px;
    top: 50px;
    left: -10px;
    width: calc(100% + 20px);
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    -webkit-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px
}

.cart_ups>div:nth-child(2)>div>div>div.mini_add>div.over_details>div:after,
.cart_ups>div:nth-child(2)>div>div>div.mini_add>div.over_details>div:before {
    content: '';
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: -10px;
    margin-left: -15px;
    width: 40px;
    height: 40px;
    background: #fff
}

.cart_ups>div:nth-child(2)>div>div>div.mini_add>div.over_details>div:before {
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    z-index: -1
}

.cart_ups>div:nth-child(2)>div>div>div.mini_add>div.over_details>div>div {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    position: relative;
    z-index: 2
}

.cart_ups>div:nth-child(2)>div>div>div.mini_add .mini_plus {
    font-family: Equip-Light, Helvetica, Arial, sans-serif;
    display: inline-block;
    background: #f16522;
    color: #fff;
    width: 16px;
    height: 16px;
    line-height: 15px;
    font-size: 18px;
    text-align: center;
    margin-right: 5px;
    -webkit-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%
}

@media screen and (max-width:1023px) {
    .cart_ups>div:nth-child(2)>div>div>div.mini_add {
        text-align: left
    }
}

.cart_ups>div:nth-child(2)>div>div>div.up_details {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    position: absolute;
    bottom: 20%;
    color: #1998d5;
    text-align: center;
    z-index: 2
}

@media screen and (max-width:1023px) {
    .cart_ups>div:nth-child(2)>div>div>div.up_details {
        text-align: left
    }
}

.cart_ups>div:nth-child(2)>div>div>div.up_details:hover>div {
    display: block
}

.cart_ups>div:nth-child(2)>div>div>div.up_details>span {
    cursor: pointer;
    text-decoration: underline
}

.cart_ups>div:nth-child(2)>div>div>div.up_details>div {
    display: none;
    position: absolute;
    background: #fff;
    padding: 20px;
    top: 50px;
    left: -10px;
    width: calc(100% + 20px);
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    -webkit-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px
}

.cart_ups>div:nth-child(2)>div>div>div.up_details>div:after,
.cart_ups>div:nth-child(2)>div>div>div.up_details>div:before {
    content: '';
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: -10px;
    margin-left: -15px;
    width: 40px;
    height: 40px;
    background: #fff
}

.cart_ups>div:nth-child(2)>div>div>div.up_details>div:before {
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    z-index: -1
}

.cart_ups>div:nth-child(2)>div>div>div.up_details>div>div {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    position: relative;
    z-index: 2
}

.main-body.nohf>div:nth-of-type(1) {
    padding: 15px 0 8px;
    border-bottom: 1px solid #f4f4f4
}

.main-body.nohf>div:nth-of-type(1)>h1 {
    float: none;
    clear: both;
    margin: 0 auto;
    width: 100%;
    max-width: 90px
}

.main-body.nohf>div:nth-of-type(1)>h1:after {
    content: '';
    display: table;
    clear: both
}

.main-body.nohf>div:nth-of-type(2) .page-width {
    max-width: 1000px
}

#security_form {
    display: block
}

#security_form .btn,
#security_form input[type=email] {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px
}

.page_nextdoor .app {
    background-color: #f8f8f8
}

@media screen and (max-width:1200px) {
    .page_nextdoor .app {
        background-color: #fff
    }
}

.page_nextdoor .fullscreen>div.nextdoor {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    position: relative;
    padding: 0;
    background: #f8f8f8
}

.page_nextdoor .fullscreen>div.nextdoor .floodlight,
.page_nextdoor .fullscreen>div.nextdoor .spotlight {
    position: absolute;
    z-index: 1
}

.page_nextdoor .fullscreen>div.nextdoor .spotlight {
    top: 60px;
    left: 0;
    width: 32%;
    max-width: 260px
}

.page_nextdoor .fullscreen>div.nextdoor .floodlight {
    top: 0;
    right: 0;
    width: 60%;
    max-width: 560px
}

.page_nextdoor .fullscreen>div.nextdoor .content {
    float: none;
    clear: both;
    margin: 0 auto;
    width: 100%;
    max-width: 900px;
    position: relative;
    z-index: 2;
    padding: 280px 0 50px 0
}

.page_nextdoor .fullscreen>div.nextdoor .content:after {
    content: '';
    display: table;
    clear: both
}

.page_nextdoor .fullscreen>div.nextdoor .content>div {
    float: left
}

.page_nextdoor .fullscreen>div.nextdoor .content>div:nth-child(1) {
    width: 33.3333%
}

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

.page_nextdoor .fullscreen>div.nextdoor .content>div:nth-child(2) {
    width: 66.6666%
}

.page_nextdoor .fullscreen>div.nextdoor .content>div:nth-child(2)>* {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%
}

.page_nextdoor .fullscreen>div.nextdoor .content>div:nth-child(2) h1 {
    font-size: 4em
}

.page_nextdoor .fullscreen>div.nextdoor .content>div:nth-child(2)>div {
    font-size: 20px;
    font-family: Equip-Light, Helvetica, Arial, sans-serif;
    color: #999;
    padding: 30px 0 0
}

.page_nextdoor .fullscreen>div.nextdoor .content>div:nth-child(2)>div>form>div {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    -webkit-border-radius: 9999px;
    -ms-border-radius: 9999px;
    border-radius: 9999px;
    background: #fff;
    max-width: 300px
}

.page_nextdoor .fullscreen>div.nextdoor .content>div:nth-child(2)>div>form>div input {
    float: left;
    width: 200px;
    border: none;
    background: 0 0;
    line-height: 28px
}

.page_nextdoor .fullscreen>div.nextdoor .content>div:nth-child(2)>div>form>div button {
    float: left;
    width: 100px;
    background-color: #1998d5
}

@media screen and (max-width:1200px) {
    .page_nextdoor .fullscreen>div.nextdoor {
        background: #fff
    }
    .page_nextdoor .fullscreen>div.nextdoor .content {
        clear: both;
        float: left;
        width: 100%;
        max-width: 100%;
        padding-top: 40%
    }
    .page_nextdoor .fullscreen>div.nextdoor .content>div:nth-child(1),
    .page_nextdoor .fullscreen>div.nextdoor .content>div:nth-child(2) {
        clear: both;
        float: left;
        width: 100%;
        max-width: 100%;
        position: relative;
        text-align: center
    }
    .page_nextdoor .fullscreen>div.nextdoor .content>div:nth-child(1) {
        position: relative;
        float: none;
        clear: both;
        margin: 0 auto;
        width: 100%;
        max-width: 30%
    }
    .page_nextdoor .fullscreen>div.nextdoor .content>div:nth-child(1):after {
        content: '';
        display: table;
        clear: both
    }
    .page_nextdoor .fullscreen>div.nextdoor .content>div:nth-child(2) {
        margin-top: -25vw;
        background: #f8f8f8;
        padding: 60px 10px;
        z-index: 3
    }
    .page_nextdoor .fullscreen>div.nextdoor .content>div:nth-child(2) h1 {
        font-size: 9vw
    }
    .page_nextdoor .fullscreen>div.nextdoor .content>div:nth-child(2)>div>form>div {
        clear: both;
        float: left;
        width: 100%;
        max-width: 100%
    }
    .page_nextdoor .fullscreen>div.nextdoor .content>div:nth-child(2)>div>form>div input {
        width: calc(100% - 95px)
    }
    .page_nextdoor .fullscreen>div.nextdoor .content>div:nth-child(2)>div>form>div button {
        width: 95px
    }
}

.col_title.plp_title>div {
    float: none;
    clear: both;
    margin: 0 auto;
    width: 100%;
    max-width: 1340px;
    padding-left: 15px
}

.col_title.plp_title>div:after {
    content: '';
    display: table;
    clear: both
}

.page_plp-test .plp_test {
    float: none;
    clear: both;
    margin: 0 auto;
    width: 100%;
    max-width: 1200px
}

.page_plp-test .plp_test:after {
    content: '';
    display: table;
    clear: both
}

.featured_product {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    margin-bottom: 50px;
    padding: 0 40px
}

.featured_product .product {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%
}

@media screen and (max-width:768px) {
    .featured_product .product {
        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
    }
}

@media screen and (max-width:768px) {
    .featured_product .product>a {
        order: 3;
        margin: 40px auto 0;
        width: 70%
    }
    .featured_product .product>a button {
        width: 100%
    }
}

.featured_product .product>div {
    float: left
}

.featured_product .product>div.img {
    width: 60%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    padding-bottom: 35%
}

@media screen and (max-width:768px) {
    .featured_product .product>div.img {
        clear: both;
        float: left;
        width: 100%;
        max-width: 100%;
        padding-bottom: 58%;
        margin: 20px 0;
        order: 2
    }
}

.featured_product .product>div.copy {
    width: 40%;
    margin-bottom: 40px
}

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

.featured_product .product>div.copy .prod_title {
    font-size: 40px
}

.featured_product .product>div.copy .prod_price {
    font-family: Equip-Light, Helvetica, Arial, sans-serif;
    color: #4a4a4a;
    font-size: 32px;
    margin: 20px 0
}

.featured_product .product>div.copy .prod_price .product-price__price {
    color: #4a4a4a
}

h1.col_title,
h2.col_title {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    font-size: 3em;
    padding: 30px 0;
    text-transform: none
}

h1.col_title>a.comp_btn,
h1.col_title>div,
h2.col_title>a.comp_btn,
h2.col_title>div {
    float: left
}

h1.col_title .comp_btn,
h2.col_title .comp_btn {
    display: block;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    position: relative;
    -webkit-border-radius: 9999px;
    -ms-border-radius: 9999px;
    border-radius: 9999px;
    text-align: center;
    padding: 12px 40px 12px 25px;
    font-family: Equip, Helvetica, Arial, sans-serif;
    font-size: 17.5px;
    position: relative;
    top: 2px;
    margin-left: 40px;
    color: #1998d5;
    background: #fff;
    -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .1);
    display: none;
    text-shadow: none
}

h1.col_title .comp_btn:after,
h2.col_title .comp_btn:after {
    content: "\f105";
    font: normal normal normal 14px/1 FontAwesome;
    line-height: 16px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    right: 15px;
    font-size: 25px
}

@media screen and (max-width:1023px) {
    h1.col_title .comp_btn,
    h2.col_title .comp_btn {
        display: block;
        clear: both;
        margin-left: 0;
        margin-top: 20px
    }
}

@media screen and (max-width:1200px) {
    h1.col_title,
    h2.col_title {
        padding: 30px 20px
    }
}

.plp_banner {
    position: relative;
    float: none;
    clear: both;
    margin: 0 auto;
    width: 100%;
    max-width: 1340px;
    background-position: right center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    padding: 0 30px;
    min-height: 325px
}

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

.plp_banner.has_phone:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 25px;
    background: #fff;
    width: 100%;
    z-index: 1
}

.plp_banner .phone {
    position: relative;
    float: right;
    width: 34%;
    height: 200px;
    margin: 15% 0 0 10%;
    background-position: right center;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 2
}

.plp_banner.plp-security-system.has_phone {
    min-height: 365px
}

.plp_banner.plp-security-system.has_phone .phone {
    position: absolute;
    width: 60%;
    height: 400px;
    margin: 1% 0 0;
    right: 10px
}

@media screen and (max-width:1023px) {
    .plp_banner.plp-security-system.has_phone {
        padding-bottom: 60vw
    }
    .plp_banner.plp-security-system.has_phone h1.col_title {
        margin-top: -18vw
    }
    .plp_banner.plp-security-system.has_phone .phone {
        width: 100%;
        height: 80vw
    }
}

@media screen and (max-width:769px) {
    .plp_banner.plp-security-system.has_phone {
        padding-bottom: 50vw
    }
    .plp_banner.plp-security-system.has_phone h1.col_title {
        margin-top: 5%
    }
}

.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 {
        background-size: cover;
        padding-bottom: 50vw
    }
    .plp_banner.dark:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(255, 255, 255, .7)
    }
    .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%
    }
}

.row_title {
    float: none;
    clear: both;
    margin: 0 auto;
    width: 100%;
    max-width: 1340px;
    padding: 0 10px 40px
}

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

.row_title h2 {
    text-transform: none;
    font-size: 40px;
    color: #424242;
    margin-bottom: 10px
}

.plp_header {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    margin: 40px 0 0;
    line-height: 60px
}

.plp_header>div {
    float: left;
    display: inline-block;
    vertical-align: bottom;
    width: 50%
}

.plp_header>div.title {
    text-align: left
}

.plp_header>div.title h2 {
    font-size: 3em
}

.plp_header>div.links {
    text-align: right;
    font-size: 18px
}

.plp_header>div.links>a {
    cursor: pointer;
    margin-left: 20px;
    color: #1998d5
}

@media screen and (max-width:600px) {
    .plp_header>div {
        clear: both;
        float: left;
        width: 100%;
        max-width: 100%
    }
    .plp_header>div.links,
    .plp_header>div.title {
        text-align: left
    }
    .plp_header>div.links>a,
    .plp_header>div.title>a {
        margin-left: 0;
        margin-right: 10px
    }
}

.compare_bar {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    max-width: 100%!important;
    position: fixed;
    bottom: 0;
    left: 0;
    padding: 20px 10px;
    background: #fff;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .3);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .3);
    text-align: center;
    display: none
}

.compare_bar>button {
    background: #1998d5
}

.sub_cat {
    float: none;
    clear: both;
    margin: 0 auto;
    width: 100%;
    max-width: 1340px;
    margin: 40px auto;
    padding-left: 15px
}

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

.sub_cat.top {
    padding-top: 40px;
    margin-bottom: 10px
}

.sub_cat.no_bottom {
    margin-bottom: 0
}

.sub_cat.sm_bottom {
    margin-bottom: 20px
}

.sub_cat h2 {
    text-transform: none;
    font-size: 35px;
    color: #424242
}

.sub_line {
    float: none;
    clear: both;
    margin: 0 auto;
    width: 100%;
    max-width: 1340px;
    margin: 0 auto 40px;
    padding-left: 15px
}

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

.plp_bottom {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    margin-bottom: 80px
}

.plp_bottom>div {
    float: left;
    width: calc(25% - 40px);
    margin: 20px
}

@media screen and (max-width:769px) {
    .plp_bottom>div {
        width: calc(50% - 40px)
    }
}

@media screen and (max-width:600px) {
    .plp_bottom>div {
        width: 100%;
        margin: 10px 0
    }
}

.plp_bottom>div>div {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    color: #999;
    font-size: 15px;
    line-height: 1.5em;
    font-family: Equip-Light, Helvetica, Arial, sans-serif
}

.plp_bottom>div>div.img {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    padding-bottom: 90%;
    margin-bottom: 0
}

.plp_bottom>div>div h3 {
    font-family: Equip, Helvetica, Arial, sans-serif;
    margin-bottom: 10px;
    font-size: 20px;
    color: #4c4c4c;
    font-family: Equip-Light, Helvetica, Arial, sans-serif
}

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

.plp_blocks>div {
    float: left;
    width: calc(50% - 10px);
    background-color: #f8f8f8;
    background-position: left top;
    background-repeat: no-repeat;
    background-size: auto 100%;
    padding: 5% 10px
}

.plp_blocks>div:nth-child(odd) {
    margin-right: 10px
}

.plp_blocks>div:nth-child(even) {
    margin-left: 10px
}

@media screen and (max-width:990px) {
    .plp_blocks>div:nth-child(even),
    .plp_blocks>div:nth-child(odd) {
        clear: both;
        float: left;
        width: 100%;
        max-width: 100%;
        margin: 5px 0;
        padding: 10% 10px
    }
}

.plp_blocks>div>div {
    float: right;
    width: 50%
}

.plp_blocks>div>div>* {
    float: left;
    clear: both
}

.plp_blocks>div>div>div {
    font-family: Equip-Thin, Helvetica, Arial, sans-serif;
    font-size: 3em;
    line-height: 1em
}

@media screen and (max-width:350px) {
    .plp_blocks>div>div>div {
        font-size: 2em;
        padding-left: 10px
    }
}

.plp_blocks>div>div>a {
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    position: relative;
    -webkit-border-radius: 9999px;
    -ms-border-radius: 9999px;
    border-radius: 9999px;
    text-align: center;
    padding: 14px 40px 12px 25px;
    font-size: 1.2em;
    color: #1998d5;
    margin-top: 20px;
    background: #fff;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .3);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .3)
}

.plp_blocks>div>div>a:after {
    content: "\f105";
    font: normal normal normal 14px/1 FontAwesome;
    line-height: 1;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    right: 15px;
    font-size: 1.4em
}

.plp_blocks>div>div>a:hover {
    margin-top: 15px;
    margin-bottom: 5px
}

#shopify-section-plp-footer .page-width {
    float: none;
    clear: both;
    margin: 0 auto;
    width: 100%;
    max-width: 1340px
}

#shopify-section-plp-footer .page-width:after {
    content: '';
    display: table;
    clear: both
}

/*.new_plp {
    margin-top: -10px;
    margin-bottom: 60px
}

.new_plp #Collection,
.new_plp .page-width {
    float: none;
    clear: both;
    margin: 0 auto;
    width: 100%;
    max-width: 1340px;
    background: #fff;
}

.new_plp #Collection:after,
.new_plp .page-width:after {
    content: '';
    display: table;
    clear: both
}

.new_plp #Collection>div:not(.plp_banner) {
    padding-left: 20px;
    padding-right: 20px
}

.new_plp .plp_blocks>div {
    font-weight: 200
}

@media screen and (max-width:515px) {
    .new_plp .plp_blocks>div>div a {
        margin-top: 15px
    }
}

.new_plp .plp_blocks>div>div>div {
    font-size: 32px;
    line-height: 41px
}

@media screen and (max-width:515px) {
    .new_plp .plp_blocks>div>div>div {
        font-size: 6.8vw;
        line-height: 30px
    }
}

@media screen and (max-width:1200px) {
    .new_plp .plp_blocks .acc {
        background-position: left center;
        background-size: 45% auto
    }
    .new_plp .plp_blocks .sec {
        background-size: 45% auto
    }
}

.new_plp .plp_cat_links {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    padding-top: 15px
}

.new_plp .plp_cat_links>a {
    font-family: Equip-ExtraLight, Helvetica, Arial, sans-serif;
    font-size: 20px;
    font-weight: 100;
    margin-right: 40px
}

.new_plp .plp_cat_links>a.active,
.new_plp .plp_cat_links>a:hover {
    cursor: pointer;
    color: #1998d5
}

@media screen and (max-width:768px) {
    .new_plp .plp_cat_links>a span {
        display: none
    }
}

.new_plp .products {
    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;
    margin-bottom: 40px
}

.new_plp .products>div:not(.sub_cat):not(.page-width) {
    position: relative;
    text-align: center;
    width: calc(25% - 20px);
    padding: 30px 35px 80px;
    margin: 0 10px 40px;
    border: 1px solid #f1f1f1;
    -webkit-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.new_plp .products>div:not(.sub_cat):not(.page-width):hover {
    -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)
}

.new_plp .products>div:not(.sub_cat):not(.page-width).active {
    -webkit-box-shadow: 0 0 10px 0 rgba(25, 152, 213, .5);
    -moz-box-shadow: 0 0 10px 0 rgba(25, 152, 213, .5);
    box-shadow: 0 0 10px 0 rgba(25, 152, 213, .5)
}

.new_plp .products>div:not(.sub_cat):not(.page-width):after {
    display: none!important
}

.new_plp .products>div:not(.sub_cat):not(.page-width) .grid_specs {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    margin-top: 20px;
    font-size: 1.3em;
    display: none
}

.new_plp .products>div:not(.sub_cat):not(.page-width) .grid_specs>p {
    font-size: 1em
}

@media screen and (max-width:1023px) {
    .new_plp .products>div:not(.sub_cat):not(.page-width) .grid_specs {
        display: block
    }
}

.new_plp .products>div:not(.sub_cat):not(.page-width) .h3 {
    font-family: Equip-Light, Helvetica, Arial, sans-serif;
    font-size: 20px;
    font-weight: 300;
    color: #4a4a4a;
    text-align: left
}

.new_plp .products>div:not(.sub_cat):not(.page-width) .h3 s,
.new_plp .products>div:not(.sub_cat):not(.page-width) .h3 span {
    font-weight: 300;
    color: #414242
}

.new_plp .products>div:not(.sub_cat):not(.page-width) .h3 s.sub,
.new_plp .products>div:not(.sub_cat):not(.page-width) .h3 span.sub {
    font-size: 15px;
    color: #999;
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%
}

.new_plp .products>div:not(.sub_cat):not(.page-width) .h3 s.desc,
.new_plp .products>div:not(.sub_cat):not(.page-width) .h3 span.desc {
    margin-top: 15px;
    line-height: 1.6em;
    min-height: 60px
}

.new_plp .products>div:not(.sub_cat):not(.page-width) .h3 s.product-price__price,
.new_plp .products>div:not(.sub_cat):not(.page-width) .h3 span.product-price__price {
    margin: 5px 0
}

.new_plp .products>div:not(.sub_cat):not(.page-width) .h3 .product-price__sale {
    color: red
}

.new_plp .products>div:not(.sub_cat):not(.page-width) .plp_button {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    position: absolute;
    bottom: 30px;
    left: 0
}

.new_plp .products>div:not(.sub_cat):not(.page-width) .plp_button>button.learn {
    background: 0 0;
    color: #1998d5;
    text-decoration: underline;
    font-family: Equip-Medium, Helvetica, Arial, sans-serif;
    font-size: 16px;
    padding-top: 0
}*/

.new_plp .products>div:not(.sub_cat):not(.page-width) .img {
    position: relative;
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    padding-bottom: 100%;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: contain
}

.new_plp .products>div:not(.sub_cat):not(.page-width) .img.plugged:after {
    content: '';
    position: absolute;
    right: 10px;
    bottom: 10px;
    height: 40px;
    width: 40px;
    background: url(//cdn.shopify.com/s/files/1/2922/1686/files/plugged.png?v=1522343317) center center no-repeat;
    background-size: contain
}

/*@media screen and (max-width:1023px) {
    .new_plp .products>div:not(.sub_cat):not(.page-width) {
        width: calc(33.3333% - 20px)
    }
    .new_plp .products>div:not(.sub_cat):not(.page-width):nth-of-type(4n+4):after {
        display: inherit
    }
    .new_plp .products>div:not(.sub_cat):not(.page-width):last-of-type:after {
        display: none
    }
}

@media screen and (max-width:769px) {
    .new_plp .products>div:not(.sub_cat):not(.page-width) {
        width: calc(50% - 20px)
    }
}

@media screen and (max-width:600px) {
    .new_plp .products>div:not(.sub_cat):not(.page-width) {
        width: 100%;
        margin: 10px 0
    }
    .new_plp .products>div:not(.sub_cat):not(.page-width):after {
        display: none
    }
}

.new_plp .dot_title {
    clear: both;
    font-size: 15px;
    color: #4c4c4c;
    font-family: Equip-Light, Helvetica, Arial, sans-serif
}

.new_plp .dots {
    margin: 8px 0 0!important
}*/

.sub_specs {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    position: fixed;
    top: 0;
    background: #fff;
    width: 100%;
    max-width: 1600px;
    z-index: 200;
    border-bottom: 1px solid #f1f1f1;
    top: -200px;
    padding-top: 20px!important;
    padding-bottom: 0!important;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out
}

.sub_specs.no_show {
    top: -300px
}

@media screen and (max-width:1023px) {
    .sub_specs {
        display: none
    }
    .sub_specs.on.compare {
        display: block;
        background: #f8f8f8;
        padding: 0
    }
    .sub_specs.on.compare .products>div.comp {
        margin: 0;
        border-left: 1px solid #dcdcdc!important;
        -webkit-border-radius: 0;
        -ms-border-radius: 0;
        border-radius: 0;
        padding: 10px;
        margin: 0!important
    }
    .sub_specs.on.compare .products>div.comp>a {
        float: left;
        width: calc(100% + 10px)
    }
    .sub_specs.on.compare .products>div.comp>a button.learn {
        padding-bottom: 0;
        -webkit-border-radius: 0;
        -ms-border-radius: 0;
        border-radius: 0
    }
    .sub_specs.on.compare .products>div.comp .h3 {
        font-size: 1.3em
    }
}

.sub_specs.on {
    top: 0
}

.sub_specs .products {
    float: none;
    clear: both;
    margin: 0 auto;
    width: 100%;
    max-width: 1340px
}

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

.sub_specs .products>div {
    border-color: transparent!important;
    padding: 10px 35px 10px 25px!important;
    margin: 0 10px 0!important
}

.sub_specs .products>div button.learn {
    float: left;
    background: 0 0;
    color: #1998d5;
    text-decoration: underline;
    font-family: Equip-Medium, Helvetica, Arial, sans-serif;
    font-size: 16px;
    padding-left: 0
}

.sub_specs .products>div:hover {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.new_plp.compare {
    margin-bottom: 0
}

.new_plp.compare .products.select.on {
    padding: 0!important;
    margin-bottom: 0!important
}

.new_plp.compare .products>div:not(.sub_cat) {
    cursor: pointer;
    padding: 30px 35px 20px
}

.new_plp.compare .products>div:not(.sub_cat).comp {
    border-color: transparent
}

.new_plp.compare .products>div:not(.sub_cat).comp.active,
.new_plp.compare .products>div:not(.sub_cat).comp:hover {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

@media screen and (max-width:1023px) {
    .new_plp.compare .products>div:not(.sub_cat).comp {
        width: 50%;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none
    }
}

.new_plp.compare .plp_specs {
    display: none
}

.new_plp.compare .plp_specs.on {
    display: block;
    margin-bottom: 40px
}

.new_plp.compare .plp_specs>div p {
    min-height: 110px
}

.new_plp.compare .plp_specs button.btn.round {
    margin-top: 0
}

@media screen and (max-width:1023px) {
    .new_plp.compare .plp_specs.on {
        display: block
    }
    .new_plp.compare .plp_specs.on>div {
        width: 50%;
        margin: 0
    }
    .new_plp.compare .plp_specs.on>div button.btn.round {
        left: 10px;
        width: calc(100% - 20px);
        min-width: calc(100% - 20px)
    }
}

.mobile_compare {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    padding: 20px;
    text-align: center;
    background: #fff;
    margin-bottom: 40px;
    font-size: 1.5em;
    display: none;
    position: fixed;
    top: 0;
    z-index: 300;
    max-width: 1600px;
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .1)
}

.mobile_compare>div {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    padding: 10px;
    background: #ededed;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px
}

@media screen and (max-width:1023px) {
    .mobile_compare.on {
        display: block
    }
    .mobile_compare.on.cams.reset {
        display: none
    }
}

.mobile_compare.on>div {
    background: #1998d5;
    color: #fff
}

.mobile_compare.on:hover {
    cursor: pointer
}

.mobile_compare.reset {
    position: relative;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.mobile_compare.reset>div {
    background: 0 0;
    color: #1998d5
}

.desktop_compare {
    text-align: center;
    display: none
}

.desktop_compare.on {
    display: block
}

.desktop_compare>div.btn.round {
    background-color: #1998d5;
    margin-top: 10px;
    margin-bottom: 90px
}

@media screen and (max-width:600px) {
    .desktop_compare>div.btn.round {
        margin-top: -10px;
        margin-bottom: 60px
    }
    .desktop_compare>div.btn.round.reset {
        margin-top: 30px
    }
}

.desktop_compare>div.btn.round:before {
    background-color: #1777a9
}

.back_to {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    margin: 40px 0;
    color: #1998d5;
    padding: 10px;
    font-size: 1.2em;
    display: none
}

.back_to a,
.back_to i {
    display: none
}

.back_to.on {
    display: block
}

@media screen and (max-width:1023px) {
    .back_to.on {
        background: #f4f4f4
    }
    .back_to.on a,
    .back_to.on i {
        display: inline-block
    }
}

.back_to i {
    margin-right: 10px
}

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

.plp_specs>div {
    float: left;
    padding: 20px;
    padding-bottom: 40px;
    width: calc(25% - 20px);
    margin: 0 10px;
    position: relative;
    border-left: 1px solid #dcdcdc
}

.plp_specs>div button.btn.round {
    position: absolute;
    left: 20px;
    min-width: 170px;
    bottom: 0;
    text-transform: none;
    margin-bottom: 0
}

.plp_specs>div h4 {
    font-size: 15px
}

.plp_specs>div p {
    font-size: 20px;
    color: #4c4c4c;
    margin-bottom: 40px;
    min-height: 75px
}

.plp_specs>div .q {
    display: inline-block;
    background: #cacaca;
    width: 12px;
    height: 12px;
    padding: 1px;
    color: #fff;
    font-family: Equip-Medium, Helvetica, Arial, sans-serif;
    text-align: center;
    -webkit-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    cursor: pointer;
    margin-left: 2px;
    position: relative;
    top: 2px
}

.plp_specs>div .q>span {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 8px;
    margin-top: 1px
}

.plp_specs>div .dots {
    text-align: left;
    padding-bottom: 40px
}

.plp_specs>div .dots>div {
    cursor: default
}

.plp_specs>div .check {
    float: left;
    margin-bottom: 10px;
    width: 35px;
    height: 35px;
    margin: 10px 20px;
    background: url(check_green.png) center center no-repeat;
    background-size: contain
}

.plp_specs>div>div {
    overflow: hidden;
    height: 345px
}

.plp_specs>div>div>div {
    margin-bottom: 40px!important
}

.plp_specs.auto>div>div {
    height: auto!important
}

@media screen and (max-width:1023px) {
    .plp_specs {
        display: none
    }
}

.plp_specs_over {
    position: absolute;
    background: #fff;
    -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .1);
    padding: 20px;
    display: none;
    z-index: 100;
    max-width: 300px;
    max-height: 500px;
    overflow: auto;
    color: #1998d5
}

.plp_more_specs {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    color: #1998d5;
    text-align: center;
    padding: 50px 10px 20px;
    font-size: 20px;
    cursor: pointer
}

.plp_more_specs:after {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    font-family: FontAwesome;
    content: "\f078"
}

.plp_more_specs.on:after {
    content: "\f077"
}

@media screen and (max-width:1023px) {
    .plp_more_specs {
        display: none
    }
}

/*.dots {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    text-align: center;
    margin: 20px 0
}

.dots.hidden {
    display: none!important
}

.dots>div {
    display: inline-block;
    -webkit-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    padding: 8px;
    margin: 0 3px;
    text-align: center;
    border: 1px solid #cacaca;
    border: 3px solid transparent;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}

.dots>div.active {
    border-color: #1998d5!important
}

.dots>div.blank {
    border-color: transparent
}

.dots>div.white {
    border-color: #cacaca
}

.dots>div.black {
    background-color: #000
}

.dots>div.antiquebrass {
    background-color: #584e3c
}

.dots>div.polishedbrass {
    background-color: #c2a466
}

.dots>div.satinnickel {
    background-color: #ebebeb
}

.dots>div.venetianbronze {
    background-color: #3e3331
}

.dots>div.cream {
    background-color: #e8e4d8
}

.dots>div.siliconbronzedarklustre {
    background-color: #929196;
    background-image: url(swatch-siliconbronzedarklustre.jpg)
}

.dots>div.siliconbronzelight {
    background-color: #d9c1a7;
    background-image: url(swatch-siliconbronzelight.jpg)
}

.dots>div.siliconbronzedark {
    background-color: #939393;
    background-image: url(swatch-siliconbronzedark.jpg)
}

.dots>div.siliconbronzemedium {
    background-color: #8e7161;
    background-image: url(swatch-siliconbronzemedium.jpg)
}

.dots>div.siliconbronzerust {
    background-color: #5f5667;
    background-image: url(swatch-siliconbronzerust.jpg)
}

.dots>div.whitebronzebrushed {
    background-color: #c0bfbb;
    background-image: url(swatch-whitebronzebrushed.jpg)
}

.dots>div.whitebronzedark {
    background-color: #7a8893;
    background-image: url(swatch-whitebronzedark.jpg)
}

.dots>div.whitebronzelight {
    background-color: #b7b3a8;
    background-image: url(swatch-whitebronzelight.jpg)
}

.dots>div.whitebronzemedium {
    background-color: #777779;
    background-image: url(swatch-whitebronzemedium.jpg)
}

.dots>div.siliconbronzebrushed {
    background-color: #b4997c;
    background-image: url(swatch-siliconbronzebrushed.jpg)
}

.dots>div.active,
.dots>div:hover {
    cursor: pointer
}

@media screen and (max-width:374px) {
    .dots>div {
        padding: 8px;
        width: 40px;
        height: 40px;
        margin: 0 10px
    }
}*/

h1.product-single__title .sub {
    font-size: 18px;
    color: #999;
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    margin-bottom: 10px
}

.product-single__meta {
    padding-top: 30px
}

@media screen and (max-width:768px) {
    .product-single__meta {
        padding-top: 0
    }
}

/*.product-single__meta h1.product-single__title {
    font-size: 3em
}*/

.product-single__meta .product-single__description {
    margin-bottom: 25px;
    font-size: 18px;
    font-family: Equip-ExtraLight, Helvetica, Arial, sans-serif;
    color: #999;
    font-weight: 100
}

.product-single__meta .product-single__description p {
    font-family: Equip-ExtraLight, Helvetica, Arial, sans-serif;
    color: #424242;
    font-weight: 100;
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    margin-bottom: 10px;
}

.product-single__meta .product-form {
    margin-bottom: 35px;
    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;
    max-width: 100%;
}

.product-single__meta .product-form>div {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    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
}

.product-single__meta .product-form>div.product-form__item--quantity {
    padding: 10px 0;
    border-top: 1px solid #ededed;
    border-bottom: 1px solid #ededed
}

.product-single__meta .product-form>div.product-form__item--quantity * {
    display: inline-block
}

.product-single__meta .product-form>div.product-form__item--quantity .qty_btn {
    vertical-align: middle;
    display: inline-block;
    -webkit-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    width: 30px;
    height: 30px;
    margin: 0 5px;
    text-align: center;
    border: 1px solid #ededed;
    cursor: pointer
}

.product-single__meta .product-form>div.product-form__item--quantity .qty_btn:after {
    font-family: FontAwesome;
    color: #4c4c4c;
    line-height: 28px
}

.product-single__meta .product-form>div.product-form__item--quantity .qty_btn.up:after {
    content: '\f067'
}

.product-single__meta .product-form>div.product-form__item--quantity .qty_btn.down:after {
    content: '\f068'
}

.product-single__meta .product-form>div.product-form__item--quantity input {
    width: 30px;
    text-align: center;
    border: 0;
    padding: 10px 0;
    -webkit-appearance: none;
    -moz-appearance: textfield
}

.product-single__meta .product-form>div.selector-wrapper {
    margin: 0
}

.product-single__meta .product-form>div.dots {
    text-align: left;
    vertical-align: middle;
    margin: 0;
    padding: 10px 0;
    border-top: 1px solid #ededed
}

.product-single__meta .product-form>div.dots:before {
    content: 'Select Color: ';
    display: inline-block;
    vertical-align: middle
}

.product-single__meta .product-form>div.dots>div {
    padding: 12px;
    margin: 0 5px;
    vertical-align: middle
}

.product-single__meta .product-form>div.soldout_temp_v {
    display: none
}

.product-single__meta .label_color,
.product-single__meta .select_color {
    display: none
}

@media screen and (max-width:768px) {
    #shopify-section-product-template .grid {
        margin-left: -10px
    }
}

#shopify-section-product-template .product-price__price {
    color: #4c4c4c;
    font-size: 1.4em
}

#shopify-section-product-template #ComparePrice-product-template {
    color: #4c4c4c;
    font-size: 1.4em
}

#shopify-section-product-template .product-price__sale #ProductPrice-product-template {
    color: red
}

.bundle_thumbs {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    margin: 0 0 20px
}

.bundle_thumbs>a {
    display: block;
    float: left;
    width: calc(50% - 5px);
    margin-bottom: 10px;
    background: #fafbfc;
    -webkit-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    padding: 5px 15px!important;
    border: 0!important;
    font-size: 16px;
    color: #333
}

.bundle_thumbs>a span {
    color: #f16522;
    margin-left: 10px
}

.bundle_thumbs>a.active,
.bundle_thumbs>a:hover {
    background: #fff;
    -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .1)
}

.bundle_thumbs>a:nth-child(odd) {
    margin-right: 10px
}

.pdp_video {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    font-size: 16px;
    text-align: center;
    font-family: Equip-Light, Helvetica, Arial, sans-serif;
    padding-left: 90px
}

.pdp_video>img {
    vertical-align: middle;
    margin-left: 20px
}

.pdp_video:hover {
    cursor: pointer
}

@media screen and (max-width:768px) {
    .pdp_video {
        padding-left: 0;
        padding-top: 40px
    }
}

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

.pdp_tri>div {
    position: relative;
    float: left;
    width: 33.3333%;
    padding: 45px
}

.pdp_tri>div:before {
    content: '';
    position: absolute;
    width: 24px;
    height: 24px;
    left: 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain
}

.pdp_tri>div.battery:before {
    background-image: url(https://cdn.shopify.com/s/files/1/2922/1686/files/battery.png?6754480997334314048)
}

.pdp_tri>div.video:before {
    background-image: url(https://cdn.shopify.com/s/files/1/2922/1686/files/play.png?6754480997334314048)
}

.pdp_tri>div.perks:before {
    background-image: url(https://cdn.shopify.com/s/files/1/2922/1686/files/protect.png?6754480997334314048)
}

.pdp_tri>div h2 {
    font-family: Equip-Light, Helvetica, Arial, sans-serif;
    text-transform: none;
    margin-bottom: 20px;
    font-size: 24px
}

.pdp_tri>div p {
    font-size: 16px;
    color: #999
}

@media screen and (max-width:768px) {
    .pdp_tri>div {
        clear: both;
        float: left;
        width: 100%;
        max-width: 100%;
        padding: 25px 25px 25px 65px
    }
    .pdp_tri>div:before {
        left: 20px
    }
}

.pdp_expand {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    padding: 20px 0
}

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

.pdp_expand>div.expander {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 40px;
    font-family: Equip-Thin, Helvetica, Arial, sans-serif;
    border-bottom: 1px solid #999
}

.pdp_expand>div.expander:hover {
    cursor: pointer
}

.pdp_expand>div.expander:after {
    font-family: FontAwesome;
    content: '\f078';
    color: #1998d5;
    float: right;
    line-height: 55px;
    font-size: 24px
}

.pdp_expand>div.expander.on:after {
    content: '\f077'
}

.pdp_expand>div.expand {
    height: 0;
    overflow: hidden
}

.pdp_expand>div.expand.on {
    height: auto;
    overflow: visible
}

.pdp_expand>div.expand.specs>div {
    clear: both;
    float: right;
    width: 70%
}

.pdp_expand>div.expand.specs>div>div {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    padding: 20px;
    border-bottom: 1px solid rgba(153, 153, 153, .25);
    font-weight: 400;
    font-family: Equip-Thin, Helvetica, Arial, sans-serif;
    color: #333;
    font-size: 1.5em
}

.pdp_expand>div.expand.specs>div>div>div {
    float: left
}

.pdp_expand>div.expand.specs>div>div>div:nth-child(1) {
    width: 300px
}

.pdp_expand>div.expand.specs>div>div>div:nth-child(2) {
    width: calc(100% - 300px);
    color: #4c4c4c;
    font-weight: 900
}

@media screen and (max-width:1023px) {
    .pdp_expand>div.expand.specs>div {
        clear: both;
        float: left;
        width: 100%;
        max-width: 100%
    }
    .pdp_expand>div.expand.specs>div>div>div:nth-child(1),
    .pdp_expand>div.expand.specs>div>div>div:nth-child(2) {
        clear: both;
        float: left;
        width: 100%;
        max-width: 100%
    }
}

@media screen and (max-width:374px) {
    .pdp_expand>div.expander {
        font-size: 10vw
    }
}

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

.pdp_products>div h2 {
    text-transform: none;
    font-size: 35px;
    color: #424242;
    margin-bottom: 20px
}

.pdp_products>div p {
    margin-bottom: 40px
}

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

.box_blocks .main_box {
    float: none;
    clear: both;
    margin: 0 auto;
    width: 100%;
    max-width: 1200px;
    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
}

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

.box_blocks .main_box>div {
    width: 50%
}

.box_blocks .main_box>div.copy {
    order: 2;
    margin-top: -7%
}

.box_blocks .main_box>div.copy h2 {
    font-size: 24px;
    margin-bottom: 20px;
    color: #414242;
    font-family: Equip-Light, Helvetica, Arial, sans-serif
}

.box_blocks .main_box>div.image {
    padding-bottom: 50%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain
}

@media screen and (max-width:600px) {
    .box_blocks .main_box {
        clear: both;
        float: left;
        width: 100%;
        max-width: 100%;
        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
    }
    .box_blocks .main_box>div {
        clear: both;
        float: left;
        width: 100%;
        max-width: 100%
    }
    .box_blocks .main_box>div.copy {
        margin-top: 40px
    }
    .box_blocks .main_box>div.image {
        padding-bottom: 100%
    }
}

.box_blocks .box_grids {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%
}

.box_blocks .box_grids>div {
    position: relative;
    float: left;
    width: calc(50% - 10px);
    background: #fafbfc;
    margin: 5px;
    font-size: 16px
}

.box_blocks .box_grids>div h2 {
    font-family: Equip-Light, Helvetica, Arial, sans-serif;
    font-size: 24px;
    margin-bottom: 10px;
    color: #414242
}

.box_blocks .box_grids>div h2:hover {
    cursor: pointer
}

.box_blocks .box_grids>div h2:after {
    font-family: FontAwesome;
    content: '\f078';
    color: #1998d5;
    float: right;
    font-size: 24px
}

.box_blocks .box_grids>div h2.on:after {
    content: '\f077'
}

.box_blocks .box_grids>div:not(.image) {
    padding: 0 5%
}

.box_blocks .box_grids>div .image {
    width: 100%;
    padding-bottom: 50%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain
}

.box_blocks .box_grids>div .image.soon {
    position: relative
}

.box_blocks .box_grids>div .image.soon:after {
    content: 'Coming Soon';
    font-family: Equip-Light, Helvetica, Arial, sans-serif;
    color: #999;
    position: absolute;
    top: 20px;
    left: 20px
}

.box_blocks .box_grids>div .additional {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    position: absolute;
    background: #fafbfc;
    z-index: 2;
    padding-bottom: 5%;
    display: none
}

.box_blocks .box_grids>div .additional * {
    padding: 0;
    font-size: 16px
}

.box_blocks .box_grids>div .additional>ul {
    font-family: Equip-Light, Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: #788188;
    margin-bottom: 20px
}

.box_blocks .box_grids>div .additional>ul>li {
    list-style: inside disc
}

.box_blocks .box_grids>div .additional a {
    text-decoration: underline;
    font-family: Equip-Light, Helvetica, Arial, sans-serif;
    font-weight: 600
}

.box_blocks .box_grids>div.on {
    overflow: visible;
    -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)
}

.box_blocks .box_grids>div.on .additional {
    display: block;
    -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)
}

.box_blocks .box_grids>div.on .additional:before {
    content: '';
    position: absolute;
    background: #fafbfc;
    left: 0;
    width: 100%;
    top: -15px;
    height: 20px
}

@media screen and (max-width:1023px) {
    .box_blocks .box_grids>div {
        clear: both;
        float: left;
        width: 100%;
        max-width: 100%;
        margin: 5px 0
    }
}

.ring_over {
    position: fixed;
    width: 100%;
    max-width: 100%!important;
    height: 100%;
    top: 0;
    left: 0;
    display: none;
    background: 0 0!important;
    z-index: 100
}

.ring_over .bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .6);
    z-index: 101
}

.ring_over .container {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    max-width: 1340px;
    padding: 10px;
    z-index: 102
}

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

.ring_over .container .close {
    text-align: right;
    color: #fff;
    font-family: Equip-Light, Helvetica, Arial, sans-serif;
    padding: 10px 0;
    cursor: pointer;
    font-size: 1.5em
}

.ring_over .container .content>iframe {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    max-height: 100%
}

.pdp_mobile {
    display: none
}

.pdp_mobile.full {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    padding: 10px 20px
}

/*.pdp_mobile.full h1 {
    font-size: 3em
}*/

@media screen and (max-width:768px) {
    .pdp_mobile {
        display: block
    }

    .pdp_desktop {
        display: none
    }

    .product-single__meta h1 {
        display: none
    }
}

.pdp_detail {
    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;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    margin-bottom: 100px
}

.pdp_detail ul {
    padding-left: 5px
}

.pdp_detail a:hover {
    cursor: pointer
}

.pdp_detail>div {
    float: left;
    width: 50%
}

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

.pdp_detail>div h2 {
    margin-bottom: 20px;
    font-size: 40px;
    text-transform: none
}

.pdp_detail>div:nth-child(2) {
    padding-left: 10%
}

.pdp_detail>div>img {
    float: left;
    width: 100%
}

.pdp_detail.txt_left>div:nth-child(1) {
    order: 2;
    padding-right: 0
}

.pdp_detail.txt_left>div:nth-child(2) {
    padding-right: 10%
}

.pdp_detail .alarm_icons>div {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    margin-bottom: 30px
}

.pdp_detail .alarm_icons>div.last {
    margin-bottom: 0
}

.pdp_detail .alarm_icons>div h3 {
    position: relative;
    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;
    font-size: 24px;
    margin-bottom: 5px;
    color: #4c4c4c;
    font-family: Equip-Light, Helvetica, Arial, sans-serif
}

.pdp_detail .alarm_icons>div h3:before {
    content: '';
    position: absolute;
    top: 0;
    left: -40px;
    width: 24px;
    height: 30px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain
}

@media screen and (max-width:1023px) {
    .pdp_detail .alarm_icons>div h3 {
        padding-left: 40px
    }
    .pdp_detail .alarm_icons>div h3:before {
        left: 0
    }
}

.pdp_detail .alarm_icons>div h3.fees:before {
    background-image: url(https://cdn.shopify.com/s/files/1/2922/1686/files/icon_fees.png?7718749479201688150)
}

.pdp_detail .alarm_icons>div h3.cell:before {
    background-image: url(https://cdn.shopify.com/s/files/1/2922/1686/files/icon_cell.png?7718749479201688150)
}

.pdp_detail .alarm_icons>div h3.record:before {
    background-image: url(https://cdn.shopify.com/s/files/1/2922/1686/files/icon_record.png?7718749479201688150)
}

.pdp_detail .alarm_icons>div h3.protect:before {
    background-image: url(https://cdn.shopify.com/s/files/1/2922/1686/files/icon_protect.png?7718749479201688150)
}

.pdp_detail .alarm_icons>div h3>img {
    width: 24px;
    margin-right: 15px
}

.pdp_detail .alarm_icons>div p {
    font-size: 16px
}

@media screen and (max-width:1023px) {
    .pdp_detail {
        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
    }
    .pdp_detail>div {
        width: 100%
    }
    .pdp_detail>div:nth-child(2) {
        padding-left: 0
    }
    .pdp_detail>div>img {
        margin-bottom: 20px
    }
}

.pdp_row {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    border: 1px solid rgba(151, 151, 151, .2);
    padding: 5px;
    margin-bottom: 100px
}

.pdp_row>div {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    width: 25%;
    float: left;
    text-align: center;
    padding: 5px
}

.pdp_row>div>img {
    width: 20px;
    margin-right: 10px
}

@media screen and (max-width:990px) {
    .pdp_row>div {
        clear: both;
        float: left;
        width: 100%;
        max-width: 100%;
        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;
        text-align: left
    }
}

.product-single__photo {
    margin-top: 0;
    padding-left: 40px;
    padding-right: 40px
}

@media screen and (max-width:768px) {
    .product-single__photo {
        padding-left: 0;
        padding-right: 0
    }
}

.product-single__photos {
    position: relative;
    margin-top: -4%
}

@media screen and (max-width:768px) {
    .product-single__photos {
        margin-top: 0
    }
}

.product-single__photos .thumbnails-wrapper {
    position: absolute;
    top: 65px;
    z-index: 2
}

.product-single__photos .thumbnails-wrapper ul.product-single__thumbnails {
    width: 120px
}

.product-single__photos .thumbnails-wrapper ul.product-single__thumbnails li.product-single__thumbnails-item {
    padding: 0;
    margin: 0;
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%
}

.product-single__photos .thumbnails-wrapper ul.product-single__thumbnails li.product-single__thumbnails-item a.product-single__thumbnail.active-thumb {
    border-color: transparent;
    position: relative
}

.product-single__photos .thumbnails-wrapper ul.product-single__thumbnails li.product-single__thumbnails-item a.product-single__thumbnail.active-thumb:after {
    content: '';
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 1px;
    width: 50%;
    bottom: 0;
    background: #1998d5
}

.product-single__photos .thumbnails-wrapper#thumbs-1297588289607,
.product-single__photos .thumbnails-wrapper.double_row {
    width: 200px;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2
}

.product-single__photos .thumbnails-wrapper#thumbs-1297588289607>ul>li:nth-child(6),
.product-single__photos .thumbnails-wrapper.double_row>ul>li:nth-child(6) {
    padding-top: 30px
}

@media screen and (max-width:768px) {
    .product-single__photos .thumbnails-wrapper {
        position: static;
        top: 0
    }
    .product-single__photos .thumbnails-wrapper ul.product-single__thumbnails {
        clear: both;
        float: left;
        width: 100%;
        max-width: 100%
    }
    .product-single__photos .thumbnails-wrapper ul.product-single__thumbnails li.product-single__thumbnails-item {
        float: left;
        clear: none;
        width: 20%
    }
    .product-single__photos .thumbnails-wrapper ul.product-single__thumbnails li.product-single__thumbnails-item a.product-single__thumbnail {
        clear: both;
        float: left;
        width: 100%;
        max-width: 100%
    }
    .product-single__photos .thumbnails-wrapper#thumbs-1297588289607 {
        clear: both;
        float: left;
        width: 100%;
        max-width: 100%;
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1
    }
    .product-single__photos .thumbnails-wrapper#thumbs-1297588289607>ul>li:nth-child(6) {
        padding-top: 0
    }
}

.product_details {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    padding: 40px 0
}

.product_details ul li {
    list-style-type: disc;
    margin-left: 15px
}

.product_flagship {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    padding: 40px 0
}

.product_flagship:first-of-type {
    padding-top: 0
}

.pdp_block {
    position: relative;
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    margin: 40px 0;
    padding: 15% 5%;
    color: #4c4c4c;
    font-size: 18px
}

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

.pdp_block>div.bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover, 0;
    background-position: center top;
    background-repeat: no-repeat
}

.pdp_block>div.content {
    z-index: 2;
    max-width: 50%
}

.pdp_block>div.content * {
    color: #4c4c4c;
    font-family: Equip-Light, Helvetica, Arial, sans-serif
}

.pdp_block>div.content h2 {
    font-family: Equip-Thin, Helvetica, Arial, sans-serif;
    margin-bottom: 20px;
    font-size: 2em
}

.pdp_block>div.content ul li {
    list-style-type: disc;
    list-style-position: inside
}

.pdp_block>div.content ol li {
    list-style-type: decimal;
    list-style-position: inside
}

.pdp_block>div.content li {
    margin-bottom: 10px
}

.pdp_block>div.content.white * {
    color: #fff
}

@media screen and (max-width:768px) {
    .pdp_block {
        margin-top: 0;
        padding-top: 0
    }
    .pdp_block>div.bg,
    .pdp_block>div.content {
        clear: both;
        float: left;
        width: 100%;
        max-width: 100%;
        position: relative
    }
    .pdp_block>div.bg *,
    .pdp_block>div.content * {
        color: #4c4c4c!important
    }
    .pdp_block>div.bg {
        margin-top: 40px;
        height: 100vw;
        background-size: 0, cover
    }
    .pdp_block>div.bg.has_prod {
        height: 180vw
    }
}

.presentation-background {
    position: relative;
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    margin: 40px 0;
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    padding: 10% 5%;
    color: #4c4c4c;
    font-size: 18px
}
@media screen and (min-width: 1024px) {
.grid__p--extra-space {
    margin-bottom: 70px!important;
}
}
.presentation-background h1 {
    margin-bottom: 20px
}

.presentation-background b,
.presentation-background p,
.presentation-background span,
.presentation-background ul {
    color: #4c4c4c;
    font-size: 18px
}

.presentation-background ul li {
    list-style-type: disc;
    list-style-position: inside
}

.presentation-background.has_prod {
    background-size: auto 90%
}

.presentation-background.short_desc {
    padding: 18% 5%
}

.presentation-background.short_desc .presentation-content {
    width: 35%;
    text-align: left
}

.presentation-background.white {
    color: #fff
}

.presentation-background.white b,
.presentation-background.white h1,
.presentation-background.white p,
.presentation-background.white span,
.presentation-background.white ul {
    color: #fff
}

.presentation-background.right .presentation-content {
    float: right;
    text-align: right
}

.presentation-background .presentation-content {
    position: relative;
    float: left;
    width: 55%;
    z-index: 2
}

.presentation-background .presentation-content .lennar {
    float: right;
    padding-top: 40px;
    width: 50%
}

.presentation-background .presentation-content .lennar * {
    color: #999;
    font-size: 13px
}

.presentation-background .presentation-device {
    float: right;
    position: relative;
    z-index: 2
}

.presentation-background .presentation-device>img {
    float: right;
    position: relative;
    width: 100%;
    max-width: 640px;
    margin: 10% -5% -20% 0
}

@media screen and (max-width:1023px) {
    .presentation-background:after {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: rgba(255, 255, 255, .8);
        z-index: 1
    }
    .presentation-background.white:after {
        background: rgba(0, 0, 0, .5)
    }
    .presentation-background .presentation-content,
    .presentation-background.right .presentation-content {
        clear: both;
        float: left;
        width: 100%;
        max-width: 100%;
        text-align: center
    }
    .presentation-background.short_desc .presentation-content {
        clear: both;
        float: left;
        width: 100%;
        max-width: 100%;
        text-align: center
    }
}

.tech-specs-container {
    clear: both;
    margin: 40px auto;
    width: 100%;
    max-width: 900px
}

.tech-specs-container>h1 {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    text-align: center;
    padding: 10% 0;
    color: #414242!important
}

.tech-specs-container .spec-item {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    border-bottom: 1px solid #000;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0;
    padding-bottom: 0
}

.tech-specs-container .spec-item * {
    color: #414242!important
}

.tech-specs-container .spec-item>div {
    display: flex;
    flex-wrap: wrap
}

.tech-specs-container .spec-item .col-left {
    align-items: center;
    padding: 40px 35px 30px 0;
    width: 30%
}

.tech-specs-container .spec-item .col-left>h6 {
    font-size: 18px;
    color: #414242!important
}

.tech-specs-container .spec-item .col-right {
    border-left: solid 1px #000;
    padding: 40px 0 30px 35px;
    width: 70%
}

.tech-specs-container .spec-item .col-right .spec-with-icon {
    width: 30%;
    padding-right: 30px;
    text-align: center
}

@media screen and (max-width:769px) {
    .tech-specs-container .spec-item .col-left,
    .tech-specs-container .spec-item .col-right {
        clear: both;
        float: left;
        width: 100%;
        max-width: 100%;
        border: 0;
        padding: 10px
    }
    .tech-specs-container .spec-item .col-left>h6,
    .tech-specs-container .spec-item .col-right>h6 {
        clear: both;
        float: left;
        width: 100%;
        max-width: 100%;
        color: #1998d5!important
    }
    .tech-specs-container .spec-item .col-left .spec-with-icon,
    .tech-specs-container .spec-item .col-right .spec-with-icon {
        width: 50%;
        padding: 0 10px;
        text-align: center
    }
    .tech-specs-container .spec-item .col-left .spec-with-icon>img,
    .tech-specs-container .spec-item .col-right .spec-with-icon>img {
        max-width: 70px
    }
}

.page_setup .rte {
    text-align: center;
    padding: 20px 0
}

.page_setup .rte>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
}

.page_setup .rte>div>a {
    float: left;
    display: block;
    width: 33.3333%;
    border: 0;
    padding: 20px;
    margin-bottom: 80px
}

.page_setup .rte>div>a img {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%
}

@media screen and (max-width:769px) {
    .page_setup .rte>div>a {
        width: 50%
    }
}

@media screen and (max-width:374px) {
    .page_setup .rte>div>a {
        width: 100%
    }
}

.plus {
    clear: both;
    margin: 0 auto 40px;
    width: 100%;
    max-width: 1200px;
    padding: 15px
}

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

.plus>div {
    position: relative;
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    padding: 20px;
    background: center center no-repeat;
    background-size: cover;
    margin-top: 40px
}

.plus>div.hero {
    padding: 0;
    height: 590px
}

.plus>div.hero>img {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    display: none
}

.plus>div.hero>.over {
    position: absolute;
    background: rgba(0, 0, 0, .7);
    right: 0;
    top: 0;
    height: 100%;
    width: 100%;
    max-width: 400px;
    padding: 40px
}

.plus>div.hero>.over * {
    color: #fff
}

.plus>div.hero>.over h2,
.plus>div.hero>.over h3 {
    font-family: Equip-Medium, Helvetica, Arial, sans-serif;
    font-size: 1.6em;
    text-transform: none
}

.plus>div.hero>.over h2 span,
.plus>div.hero>.over h3 span {
    color: #1998d5
}

.plus>div.hero>.over h2 {
    margin-bottom: 40px
}

.plus>div.hero>.over h3 {
    margin-top: 30px
}

@media screen and (max-width:769px) {
    .plus>div.hero {
        background-image: url(0)!important
    }
    .plus>div.hero>img {
        display: block
    }
    .plus>div.hero>.over {
        clear: both;
        float: left;
        width: 100%;
        max-width: 100%;
        position: static;
        margin-top: 5px
    }
}

.plus>div.mission {
    min-height: 240px;
    background-color: #d1d3d4;
    background-size: contain;
    background-position: center bottom;
    text-align: center;
    color: #333
}

.plus>div.mission p {
    color: #333;
    padding-bottom: 60px
}

.plus>div.mission h1,
.plus>div.mission span {
    font-family: Equip-Medium, Helvetica, Arial, sans-serif;
    color: #1998d5
}

.plus>div.mission h1 {
    margin: 20px 0 30px
}

@media screen and (max-width:769px) {
    .plus>div.mission {
        background-size: cover
    }
}

.plus>div.partners {
    padding: 0
}

.plus>div.partners>h2 {
    font-family: Equip, Helvetica, Arial, sans-serif;
    letter-spacing: 2px;
    text-align: center;
    color: #1998d5;
    font-size: 2em;
    padding-bottom: 40px
}

.plus>div.partners>div {
    position: relative;
    float: left;
    width: 50%;
    padding: 10px
}

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

.plus>div.partners>div>div {
    position: absolute;
    right: 0;
    height: 100%;
    width: 50%;
    background: rgba(255, 255, 255, .9);
    padding: 20px
}

.plus>div.partners>div>div p {
    color: #333;
    line-height: 1.2em
}

.plus>div.partners>div>div p span {
    font-family: Equip-Medium, Helvetica, Arial, sans-serif
}

.plus>div.partners>div>div p a {
    color: #1998d5;
    text-decoration: underline
}

.plus>div.partners>div>div>img {
    width: 150px
}

@media screen and (max-width:1200px) {
    .plus>div.partners>div {
        clear: both;
        float: left;
        width: 100%;
        max-width: 100%
    }
}

@media screen and (max-width:769px) {
    .plus>div.partners>div>div {
        clear: both;
        float: left;
        width: 100%;
        max-width: 100%;
        position: static;
        padding: 0
    }
}

.plus>div.how {
    background: #393423;
    text-align: center;
    color: #fff
}

.plus>div.how p {
    color: #fff
}

.plus>div.how>h2 {
    font-family: Equip, Helvetica, Arial, sans-serif;
    letter-spacing: 2px;
    text-align: center;
    color: #1998d5;
    font-size: 2em;
    padding: 40px 0
}

.plus>div.how>div {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    padding-bottom: 40px
}

.plus>div.how>div>div {
    vertical-align: top;
    display: inline-block;
    width: 30%;
    padding: 20px
}

.plus>div.how>div>div p {
    font-size: 1.6em
}

.plus>div.how>div>div>img {
    margin-bottom: 20px
}

.plus>div.how>div>div:after {
    content: '';
    display: table;
    clear: both
}

@media screen and (max-width:1023px) {
    .plus>div.how>div>div {
        clear: both;
        float: left;
        width: 100%;
        max-width: 100%
    }
}

/*.page_about h1,
.page_about h2 {
    font-size: 3em;
    color: #414242;
    margin: 5% 0;
    text-transform: none
}*/

.page_about .about_top {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    padding: 40px 10px!important
}

.page_about .about_top>div:nth-child(1) {
    float: right;
    width: 55%
}

.page_about .about_top>div:nth-child(2) {
    padding: 0 40px;
    float: left;
    width: 45%
}

.page_about .about_top>div:nth-child(2) .jamie img {
    width: 55px;
    float: left;
    margin-right: 20px
}

.page_about .about_top>div:nth-child(2) .jamie strong {
    color: #1998d5;
    text-transform: uppercase
}

.page_about .about_top>div:nth-child(2) .jamie p {
    margin-bottom: 0
}

@media screen and (max-width:1365px) {
    .page_about .about_top>div:nth-child(1),
    .page_about .about_top>div:nth-child(2) {
        clear: both;
        float: left;
        width: 100%;
        max-width: 100%;
        padding: 10px
    }
}

.page_about .our_mission {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    border-top: 1px solid #cacaca;
    border-bottom: 1px solid #cacaca;
    margin-bottom: 40px;
    padding-bottom: 5%
}

.page_about .about_contact h4 {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    text-transform: uppercase;
    color: #1998d5;
    padding: 20px 0
}

.page_about .about_contact>div:nth-child(1) {
    float: right;
    width: 40%
}

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

.page_about .about_contact>div:nth-child(2) {
    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;
    float: left;
    width: 60%;
    padding: 0 40px
}

.page_about .about_contact>div:nth-child(2)>div {
    float: left;
    width: 50%;
    padding-bottom: 20px
}

@media screen and (max-width:1023px) {
    .page_about .about_contact>div:nth-child(1),
    .page_about .about_contact>div:nth-child(2) {
        clear: both;
        float: left;
        width: 100%;
        max-width: 100%;
        padding: 10px
    }
}

@media screen and (max-width:769px) {
    .page_about .about_contact>div:nth-child(2) {
        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
    }
    .page_about .about_contact>div:nth-child(2)>div {
        clear: both;
        float: left;
        width: 100%;
        max-width: 100%
    }
}

.icon_check,
.icon_plus {
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-right: 5px;
    margin-top: -5px
}

.icon_check {
    background: url(icon_check.png) center center no-repeat;
    background-size: contain
}

.icon_plus {
    background: url(icon_plus.png) center center no-repeat;
    background-size: contain
}

.page_protect-plans .protect-header,
.page_protect-plans-new .protect-header {
    position: relative;
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    background-image: linear-gradient(262deg, #68c0ef, #2792ec);
    padding: 70px 10px;
    font-size: 1.5em
}

.page_protect-plans .protect-header .page-width *,
.page_protect-plans-new .protect-header .page-width * {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    color: #fff
}

.page_protect-plans .protect-header .page-width>div,
.page_protect-plans-new .protect-header .page-width>div {
    margin-top: 10px
}

@media screen and (max-width:769px) {
    .page_protect-plans .protect-header,
    .page_protect-plans-new .protect-header {
        padding-top: 20px;
        position: absolute
    }
}

@media screen and (max-width:350px) {
    .page_protect-plans .protect-header h1,
    .page_protect-plans-new .protect-header h1 {
        font-size: 10vw
    }
}

.page_protect-plans .plans,
.page_protect-plans-new .plans {
    clear: both;
    padding: 50px 10px
}

.page_protect-plans .plans>div,
.page_protect-plans-new .plans>div {
    float: right
}

.page_protect-plans .plans>div h3,
.page_protect-plans-new .plans>div h3 {
    font-family: Equip-Light, Helvetica, Arial, sans-serif;
    font-size: 1.8em;
    margin-bottom: 5px
}

.page_protect-plans .plans>div h4,
.page_protect-plans-new .plans>div h4 {
    font-family: Equip-Light, Helvetica, Arial, sans-serif;
    color: #333;
    font-size: 1.4em;
    margin-bottom: 20px
}

.page_protect-plans .plans>div h5,
.page_protect-plans-new .plans>div h5 {
    font-family: Equip-Light, Helvetica, Arial, sans-serif;
    color: #333;
    font-size: 1.2em;
    margin-bottom: 5px
}

.page_protect-plans .plans>div:nth-child(2),
.page_protect-plans-new .plans>div:nth-child(2) {
    width: 40%;
    padding-right: 40px
}

.page_protect-plans .plans>div:nth-child(2) h3,
.page_protect-plans-new .plans>div:nth-child(2) h3 {
    margin-bottom: 20px
}

@media screen and (max-width:769px) {
    .page_protect-plans .plans>div:nth-child(2),
    .page_protect-plans-new .plans>div:nth-child(2) {
        clear: both;
        float: left;
        width: 100%;
        max-width: 100%;
        margin-top: 70px;
        padding: 10px
    }
}

.page_protect-plans .plans>div:nth-child(1),
.page_protect-plans-new .plans>div:nth-child(1) {
    width: 60%;
    margin-top: -12%
}

.page_protect-plans .plans>div:nth-child(1)>div,
.page_protect-plans-new .plans>div:nth-child(1)>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;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center
}

.page_protect-plans .plans>div:nth-child(1)>div>div,
.page_protect-plans-new .plans>div:nth-child(1)>div>div {
    width: 50%;
    float: left;
    position: relative;
    background: #fafbfc;
    padding: 30px;
    -webkit-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px;
    box-shadow: 0 1px 12px 0 rgba(0, 0, 0, .08)
}

.page_protect-plans .plans>div:nth-child(1)>div>div p,
.page_protect-plans-new .plans>div:nth-child(1)>div>div p {
    font-size: 14px;
    line-height: 1.2em
}

.page_protect-plans .plans>div:nth-child(1)>div>div:nth-child(1),
.page_protect-plans-new .plans>div:nth-child(1)>div>div:nth-child(1) {
    padding-right: 55px
}

.page_protect-plans .plans>div:nth-child(1)>div>div:nth-child(2),
.page_protect-plans-new .plans>div:nth-child(1)>div>div:nth-child(2) {
    margin-left: -15px
}

.page_protect-plans .plans>div:nth-child(1)>div>div>div h5,
.page_protect-plans-new .plans>div:nth-child(1)>div>div>div h5 {
    margin: 10px 0
}

.page_protect-plans .plans>div:nth-child(1)>div>div .end,
.page_protect-plans-new .plans>div:nth-child(1)>div>div .end {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    text-align: center;
    margin-top: 10px
}

.page_protect-plans .plans>div:nth-child(1)>div>div .end a.btn.round,
.page_protect-plans-new .plans>div:nth-child(1)>div>div .end a.btn.round {
    margin: 10px auto
}

@media screen and (max-width:769px) {
    .page_protect-plans .plans>div:nth-child(1),
    .page_protect-plans-new .plans>div:nth-child(1) {
        clear: both;
        float: left;
        width: 100%;
        max-width: 100%;
        margin-top: 20%
    }
    .page_protect-plans .plans>div:nth-child(1)>div,
    .page_protect-plans-new .plans>div:nth-child(1)>div {
        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;
        clear: both;
        float: left;
        width: 100%;
        max-width: 100%
    }
    .page_protect-plans .plans>div:nth-child(1)>div>div,
    .page_protect-plans-new .plans>div:nth-child(1)>div>div {
        clear: both;
        float: left;
        width: 100%;
        max-width: 100%
    }
    .page_protect-plans .plans>div:nth-child(1)>div>div:nth-child(1),
    .page_protect-plans .plans>div:nth-child(1)>div>div:nth-child(2),
    .page_protect-plans-new .plans>div:nth-child(1)>div>div:nth-child(1),
    .page_protect-plans-new .plans>div:nth-child(1)>div>div:nth-child(2) {
        padding: 40px;
        margin: 20px 0
    }
}

.page_protect-plans .plans-compare,
.page_protect-plans-new .plans-compare {
    margin-bottom: 50px
}

.page_protect-plans .plans-compare>div,
.page_protect-plans-new .plans-compare>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;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center
}

.page_protect-plans .plans-compare>div:nth-child(1),
.page_protect-plans-new .plans-compare>div:nth-child(1) {
    font-size: 2em;
    color: #1998d5;
    font-weight: 100;
    font-family: Equip-Light, Helvetica, Arial, sans-serif;
    line-height: .8em;
    border-bottom: 1px solid #ededed
}

.page_protect-plans .plans-compare>div:nth-child(1) span,
.page_protect-plans-new .plans-compare>div:nth-child(1) span {
    color: #4c4c4c;
    font-size: .5em
}

.page_protect-plans .plans-compare>div:nth-child(1)>div:nth-child(1),
.page_protect-plans-new .plans-compare>div:nth-child(1)>div:nth-child(1) {
    line-height: 1.2em
}

.page_protect-plans .plans-compare>div:nth-child(even),
.page_protect-plans-new .plans-compare>div:nth-child(even) {
    background: #f8f8f8
}

.page_protect-plans .plans-compare>div.selects,
.page_protect-plans-new .plans-compare>div.selects {
    background: #fff
}

.page_protect-plans .plans-compare>div.selects .btn,
.page_protect-plans-new .plans-compare>div.selects .btn {
    margin: 0 auto
}

@media screen and (max-width:600px) {
    .page_protect-plans .plans-compare>div.selects>div:nth-child(1),
    .page_protect-plans-new .plans-compare>div.selects>div:nth-child(1) {
        display: none
    }
}

.page_protect-plans .plans-compare>div>div,
.page_protect-plans-new .plans-compare>div>div {
    float: left;
    width: 33.3333%;
    text-align: center;
    padding: 15px 10px
}

.page_protect-plans .plans-compare>div>div h3,
.page_protect-plans-new .plans-compare>div>div h3 {
    font-family: Equip-Light, Helvetica, Arial, sans-serif
}

.page_protect-plans .plans-compare>div>div:nth-child(1),
.page_protect-plans-new .plans-compare>div>div:nth-child(1) {
    text-align: left
}

.page_protect-plans .plans-compare>div>div:nth-child(2),
.page_protect-plans-new .plans-compare>div>div:nth-child(2) {
    border-left: 2px solid #fff;
    border-right: 2px solid #fff
}

@media screen and (max-width:600px) {
    .page_protect-plans .plans-compare>div>div,
    .page_protect-plans-new .plans-compare>div>div {
        width: 50%
    }
    .page_protect-plans .plans-compare>div>div h3,
    .page_protect-plans-new .plans-compare>div>div h3 {
        font-size: 1.8em
    }
    .page_protect-plans .plans-compare>div>div:nth-child(1),
    .page_protect-plans-new .plans-compare>div>div:nth-child(1) {
        clear: both;
        float: left;
        width: 100%;
        max-width: 100%;
        text-align: center
    }
    .page_protect-plans .plans-compare>div>div:nth-child(2),
    .page_protect-plans-new .plans-compare>div>div:nth-child(2) {
        border-left: 0;
        border-color: #ededed
    }
    .page_protect-plans .plans-compare>div:nth-child(1)>div,
    .page_protect-plans-new .plans-compare>div:nth-child(1)>div {
        line-height: 1em
    }
    .page_protect-plans .plans-compare>div:nth-child(1)>div:nth-child(1),
    .page_protect-plans-new .plans-compare>div:nth-child(1)>div:nth-child(1) {
        text-align: left!important;
        color: #4c4c4c;
        font-size: 1.5em;
        font-family: Equip-Thin, Helvetica, Arial, sans-serif
    }
    .page_protect-plans .plans-compare>div:nth-child(1)>div:nth-child(2),
    .page_protect-plans-new .plans-compare>div:nth-child(1)>div:nth-child(2) {
        border-right: 2px solid #ededed
    }
}

.page_protect-plans .plans-legal,
.page_protect-plans-new .plans-legal {
    margin-bottom: 50px;
    text-align: center;
    font-size: .8em;
    padding: 0 10%
}

#shopify-section-header header {
    position: relative;
    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;
    background: #fff;
    padding: 8px 29px 2px;
    border-bottom: 1px solid #f4f4f4;
    text-align: center;
    position: relative;
    font-family: Equip-Light, Helvetica, Arial, sans-serif;
    z-index: 200;
    height: 80px
}

@media screen and (max-width:1023px) {
    #shopify-section-header header {
        padding: 14px 20px 2px;
        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
    }
}

#shopify-section-header header a {
    text-decoration: none
}

#shopify-section-header header>div {
    display: flex;
    align-items: center;
    justify-content: center
}

#shopify-section-header header>div img {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    max-width: 90px;
    min-width: 90px;
}

#shopify-section-header header>div:nth-child(2) {
    margin-left: 6%
}

#shopify-section-header header>div:nth-child(2) .mobile_account_link {
    display: none
}

#shopify-section-header header>div:nth-child(3) a {
    position: relative;
    margin-left: 10px
}

#shopify-section-header header>div:nth-child(3) a.account_link {
    font-size: 18px
}

#shopify-section-header header>div:nth-child(3) a.account_link:hover {
    color: #1998d5
}

#shopify-section-header header>div:nth-child(3) a.cart_link {
    font-size: 16px;
    color: #f16522;
    padding: 10px 20px;
    border: 2px solid #f16522;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px
}

#shopify-section-header header>div:nth-child(3) a.cart_link .site-header__cart-count {
    display: inline-block;
    position: static;
    font-weight: 400;
    height: auto;
    -webkit-border-radius: unset;
    -ms-border-radius: unset;
    border-radius: unset;
    background: 0 0;
    color: #f16522;
    min-width: 0
}

#shopify-section-header header>div:nth-child(3) a.cart_link .site-header__cart-count>span {
    font-family: Equip-Light, Helvetica, Arial, sans-serif;
    font-size: 16px;
    padding: 0
}

#shopify-section-header header>div:nth-child(3) #mini-cart {
    position: absolute;
    top: 100%;
    right: 0;
    padding: 10px;
    width: 500px;
    max-width: calc(100vw - 40px);
    background: #fff;
    border: 1px solid #4c4c4c;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    display: none;
    z-index: 10
}

#shopify-section-header header>div:nth-child(3) #mini-cart>div {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    padding: 10px
}

#shopify-section-header header>div:nth-child(3) #mini-cart>div:nth-child(1) .btn {
    float: left;
    margin: 0;
    padding: 5px
}

#shopify-section-header header>div:nth-child(3) #mini-cart>div:nth-child(1) .btn:nth-child(1) {
    width: calc(40% - 10px);
    margin-right: 10px
}

#shopify-section-header header>div:nth-child(3) #mini-cart>div:nth-child(1) .btn:nth-child(2) {
    width: 60%;
    background: #f16522;
    color: #fff
}

#shopify-section-header header>div:nth-child(3) #mini-cart>div.items {
    text-align: left
}

#shopify-section-header header>div:nth-child(3) #mini-cart>div.items a {
    margin: 0;
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

#shopify-section-header header>div:nth-child(3) #mini-cart>div.items a:hover {
    background: #f4f4f4
}

#shopify-section-header header>div:nth-child(3) #mini-cart>div.items a>div {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    padding: 10px;
    border-bottom: 1px solid #f4f4f4
}

#shopify-section-header header>div:nth-child(3) #mini-cart>div.items a>div>div {
    float: left;
    padding-right: 10px;
    font-size: 1.3em;
    line-height: 2em
}

#shopify-section-header header>div:nth-child(3) #mini-cart>div.items a>div>div .title {
    color: #1998d5
}

#shopify-section-header header>div:nth-child(3) #mini-cart>div.items a>div>div:last-of-type {
    padding-right: 0;
    float: right
}

@media screen and (max-width:1023px) {
    #shopify-section-header header>div:nth-child(1) img {
        float: none;
        margin: 0 auto
    }
    #shopify-section-header header>div:nth-child(2) {
        position: absolute;
        display: block;
        top: 0;
        height: 100%;
        margin-left: 0
    }
    #shopify-section-header header>div:nth-child(2) .mobile_account_link {
        clear: both;
        float: left;
        width: 100%;
        max-width: 100%;
        display: block;
        position: fixed;
        bottom: 0;
        background: #1998d5;
        color: #fff;
        padding: 10px;
        left: 0;
        font-size: 20px
    }
    #shopify-section-header header>div:nth-child(2)>ul {
        display: none;
        padding: 10px 40px;
        position: fixed;
        width: 100%;
        left: 0;
        top: 80px;
        height: calc(100vh - 130px);
        background: #fff;
        overflow: auto
    }
    #shopify-section-header header>div:nth-child(2)>ul li,
    #shopify-section-header header>div:nth-child(2)>ul li>ul,
    #shopify-section-header header>div:nth-child(2)>ul ul.help,
    #shopify-section-header header>div:nth-child(2)>ul ul.help li,
    #shopify-section-header header>div:nth-child(2)>ul ul.products,
    #shopify-section-header header>div:nth-child(2)>ul ul.products li {
        position: relative;
        clear: both;
        float: left;
        width: 100%;
        max-width: 100%;
        display: block;
        line-height: 40px;
        text-align: left;
        background: #fff;
        height: auto;
        padding: 0
    }
    #shopify-section-header header>div:nth-child(2)>ul li a,
    #shopify-section-header header>div:nth-child(2)>ul li>ul a,
    #shopify-section-header header>div:nth-child(2)>ul ul.help a,
    #shopify-section-header header>div:nth-child(2)>ul ul.help li a,
    #shopify-section-header header>div:nth-child(2)>ul ul.products a,
    #shopify-section-header header>div:nth-child(2)>ul ul.products li a {
        clear: both;
        float: left;
        width: 100%;
        max-width: 100%;
        color: #4c4c4c;
        padding: 0;
        font-size: 20px;
        border-bottom: 1px solid #ededed
    }
    #shopify-section-header header>div:nth-child(2)>ul li:after,
    #shopify-section-header header>div:nth-child(2)>ul li:before,
    #shopify-section-header header>div:nth-child(2)>ul li>ul:after,
    #shopify-section-header header>div:nth-child(2)>ul li>ul:before,
    #shopify-section-header header>div:nth-child(2)>ul ul.help li:after,
    #shopify-section-header header>div:nth-child(2)>ul ul.help li:before,
    #shopify-section-header header>div:nth-child(2)>ul ul.help:after,
    #shopify-section-header header>div:nth-child(2)>ul ul.help:before,
    #shopify-section-header header>div:nth-child(2)>ul ul.products li:after,
    #shopify-section-header header>div:nth-child(2)>ul ul.products li:before,
    #shopify-section-header header>div:nth-child(2)>ul ul.products:after,
    #shopify-section-header header>div:nth-child(2)>ul ul.products:before {
        display: none
    }
    #shopify-section-header header>div:nth-child(2)>ul img {
        display: none
    }
    #shopify-section-header header>div:nth-child(3) {
        position: absolute;
        top: 16px;
        right: 20px
    }
}

@media screen and (max-width:600px) {
    #shopify-section-header header>div:nth-child(3) .account_link {
        display: none
    }
    #shopify-section-header header>div:nth-child(3) .cart_link>span {
        display: none
    }
}

#shopify-section-header header ul {
    list-style: none;
    padding: 0;
    margin: 0
}

#shopify-section-header header ul>li {
    display: inline-block
}

#shopify-section-header header ul>li>a {
    padding: 25px 15px;
    font-size: 18px
}

#shopify-section-header header ul>li>a:hover {
    color: #1998d5;
    text-decoration: none
}

#shopify-section-header header ul>li>ul {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    background: rgba(227, 227, 227, .9);
    display: none
}

#shopify-section-header header ul>li>ul.products {
    text-align: center
}

#shopify-section-header header ul>li>ul.products>li {
    position: relative;
    width: 205px;
    padding: 25px 0;
    display: inline-block;
    vertical-align: top;
}

#shopify-section-header header ul>li>ul.products>li>a {
    font-size: 1em
}

#shopify-section-header header ul>li>ul.products>li>a:hover {
    color: #4c4c4c
}

#shopify-section-header header ul>li>ul.products>li:hover {
    background: #fff
}

#shopify-section-header header ul>li>ul.products>li:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 1px;
    height: 126px;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .15) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .15) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .15) 100%)
}

#shopify-section-header header ul>li>ul.products>li:last-of-type:after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 1px;
    height: 126px;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .15) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .15) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .15) 100%)
}

#shopify-section-header header ul>li>ul.products>li img {
    float: none;
    margin: 0 auto 5px;
    max-width: 100px
}

#shopify-section-header header ul>li>ul.products>li img.sm {
    margin-top: 25px;
    max-width: 75px
}

#shopify-section-header header ul>li>ul.products>li div {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%
}

#shopify-section-header header ul>li>ul.help {
    background: rgba(49, 56, 60, .9);
    padding: 25px
}

#shopify-section-header header ul>li>ul.help a {
    color: #fff
}

#shopify-section-header header ul>li>ul.help a:hover {
    color: #1998d5
}

#shopify-section-header header ul>li:hover>ul {
    display: block
}

#shopify-section-header header .btn {
    font-family: Equip-Light, Helvetica, Arial, sans-serif;
    border: 2px solid #f16522;
    color: #f16522;
    padding: 12px 20px;
    text-transform: uppercase;
    font-size: 16px;
    background: 0 0;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    float: right
}

#shopify-section-header header .btn:hover {
    color: #f16522;
    background: 0 0
}

#shopify-section-header header .btn>span {
    font-size: 14px;
    margin-left: 10px
}

.mobile_menu {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    display: none;
    position: relative;
    overflow: hidden;
    padding: 0;
    width: 35px;
    height: 35px;
    font-size: 0;
    text-indent: -9999px;
    appearance: none;
    box-shadow: none;
    border-radius: none;
    border: none;
    cursor: pointer;
    transition: background .2s;
    -webkit-transition: background .2s;
    z-index: 5
}

.mobile_menu:focus {
    outline: 0
}

.mobile_menu span {
    display: block;
    position: absolute;
    top: 20px;
    left: 0;
    right: 0;
    height: 2px;
    background: #4c4c4c
}

.mobile_menu span:after,
.mobile_menu span:before {
    position: absolute;
    display: block;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #4c4c4c;
    content: ""
}

.mobile_menu span:before {
    top: -12px
}

.mobile_menu span:after {
    bottom: -12px
}

@media screen and (max-width:1023px) {
    .mobile_menu {
        display: block
    }
}

.mobile_menu--htx span {
    transition: background 0s .2s;
    -webkit-transition: background 0s .2s
}

.mobile_menu--htx span:after,
.mobile_menu--htx span:before {
    transition-duration: .2s, .2s;
    transition-delay: .2s, 0s;
    -webkit-transition-duration: .2s, .2s;
    -webkit-transition-delay: .2s, 0s
}

.mobile_menu--htx span:before {
    transition-property: top, transform;
    -webkit-transition-property: top, transform
}

.mobile_menu--htx span:after {
    transition-property: bottom, transform;
    -webkit-transition-property: bottom, transform
}

.mobile_menu--htx.is-active span {
    background: 0 0
}

.mobile_menu--htx.is-active span:after,
.mobile_menu--htx.is-active span:before {
    transition-delay: 0s, .2s;
    -webkit-transition-delay: 0s, .2s
}

.mobile_menu--htx.is-active span:before {
    top: 0;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg)
}

.mobile_menu--htx.is-active span:after {
    bottom: 0;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg)
}

.app {
    clear: both;
    float: left;
    width: 100%;
    max-width: 100%;
    background: url(footer_bg.png) center top no-repeat;
    background-size: cover;
    padding: 60px 0;
    text-align: center
}

.app>img {
    max-width: 150px;
    margin: 0 auto 20px;
    display: block
}

.app>a {
    position: relative;
    margin: 0 auto;
    display: inline-block;
    border: 1px solid #1998d5;
    z-index: 1;
    color: #1998d5;
    text-decoration: none;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    padding: 10px 20px;
    letter-spacing: 1px;
    font-size: 16px;
    transition: 80ms ease-in;
    -o-transition: 80ms ease-in;
    -ms-transition: 80ms ease-in;
    -moz-transition: 80ms ease-in;
    -webkit-transition: 80ms ease-in;
    overflow: hidden
}

.app>a:hover {
    color: #f8f8f8
}

.app>a:hover:before {
    top: 0
}

.app>a:before {
    content: "";
    position: absolute;
    background: #1998d5;
    bottom: 0;
    left: 0;
    right: 0;
    top: 100%;
    width: 100%;
    height: 100%;
    z-index: -1;
    transition: 80ms ease-in;
    -o-transition: 80ms ease-in;
    -ms-transition: 80ms ease-in;
    -moz-transition: 80ms ease-in;
    -webkit-transition: 80ms ease-in
}

#ujet_widget {
    position: fixed;
    background: 0 0;
    bottom: 50px;
    right: 50px;
    z-index: 100
}

@media screen and (max-width:768px) {
    #ujet_widget {
        bottom: 0;
        right: 0
    }
}

#ujet_widget .ujet_element {
    background: 0 0
}

.page_neighbors .neighbors-app {
    padding: 0
}

.page_neighbors #shopify-section-app {
    display: none
}

.page_neighbors .neighborhood-app-logo {
    background: url(neighborhood-app-logo.svg) no-repeat top left;
    background-size: 59px 59px;
    width: 59px;
    height: 59px
}

.page_neighbors .neighborhood-app-hero-img {
    background: url(neighborhood_app_hero.png) no-repeat top left;
    background-size: 401px 420px;
    width: 401px;
    height: 420px;
    align-self: center;
    margin-right: 3em
}

@media screen and (max-width:1023px) {
    .page_neighbors .neighborhood-app-hero-img {
        background-size: 247px 258px;
        width: 247px;
        height: 258px
    }
}

@media screen and (max-width:600px) {
    .page_neighbors .neighborhood-app-hero-img {
        background-size: 301px 316px;
        width: 301px;
        height: 316px
    }
}

.page_neighbors .about-neighbors-app {
    display: flex;
    justify-content: space-around;
    padding: 30px 0 50px
}

@media screen and (max-width:600px) {
    .page_neighbors .about-neighbors-app {
        flex-direction: column
    }
}

.page_neighbors .about-neighbors-app .download-link-mobile {
    display: none
}

@media screen and (max-width:600px) {
    .page_neighbors .about-neighbors-app .download-link-mobile {
        display: block;
        padding: 0 2em
    }
    .page_neighbors .about-neighbors-app .download-link-mobile .btn {
        width: 100%;
        text-transform: none
    }
}

.page_neighbors .about-neighbors-app .neighborhood-app-description {
    width: 33%;
    padding-left: 3em
}

.page_neighbors .about-neighbors-app .neighborhood-app-description h1 {
    font-size: 40px;
    font-weight: 700;
    color: #414242;
    line-height: 52px;
    margin: 20px 0 10px
}

.page_neighbors .about-neighbors-app .neighborhood-app-description h2 {
    font-size: 24px;
    font-weight: 700;
    line-height: 40px;
    text-transform: none;
    margin-bottom: 15px
}

.page_neighbors .about-neighbors-app .neighborhood-app-description .btn {
    text-transform: none
}

@media screen and (max-width:1023px) {
    .page_neighbors .about-neighbors-app .neighborhood-app-description {
        width: 40%
    }
}

@media screen and (max-width:600px) {
    .page_neighbors .about-neighbors-app .neighborhood-app-description {
        padding: 0 2em;
        width: 100%
    }
    .page_neighbors .about-neighbors-app .neighborhood-app-description .btn {
        display: none
    }
}

@media screen and (max-width:768px) {
    .page_neighbors .about-neighbors-app .neighborhood-app-description h1 {
        font-size: 35px;
        line-height: 42px
    }
    .page_neighbors .about-neighbors-app .neighborhood-app-description h2 {
        font-size: 18px;
        line-height: 30px
    }
}

.page_neighbors .neighborhood-app-features {
    display: flex;
    justify-content: space-around;
    align-items: center;
    background-color: #fafbfc;
    height: 250px;
    padding: 0 6em
}

.page_neighbors .neighborhood-app-features .neighborhood-app-feature {
    width: 235px;
    text-align: center
}

.page_neighbors .neighborhood-app-features .neighborhood-app-feature-img {
    margin: 0 auto;
    background-size: 31px 33px;
    width: 31px;
    height: 37px
}

.page_neighbors .neighborhood-app-features .neighborhood-app-feature-description {
    margin: 20px 0;
    font-size: 1.1em;
    line-height: 21px;
    color: #788188
}

@media screen and (max-width:1023px) {
    .page_neighbors .neighborhood-app-features {
        flex-direction: column;
        align-items: flex-start;
        height: auto;
        padding: 0 2.8em
    }
    .page_neighbors .neighborhood-app-features .neighborhood-app-feature {
        justify-content: initial;
        height: auto;
        width: auto;
        text-align: left;
        display: flex;
        margin: 30px 0
    }
    .page_neighbors .neighborhood-app-features .neighborhood-app-feature-img {
        margin-right: 0;
        align-self: center
    }
    .page_neighbors .neighborhood-app-features .neighborhood-app-feature-description {
        margin: 0;
        padding: 0 30px;
        width: 90%
    }
}

.page_neighbors .neighborhood-app-features .safety-alerts .neighborhood-app-feature-img {
    background: url(neighbors-app-safety-alerts.svg) no-repeat;
    background-size: 39px 37px;
    width: 39px;
    height: 37px
}

.page_neighbors .neighborhood-app-features .law-enforcement-updates .neighborhood-app-feature-img {
    background: url(neighbors-app-law-enforcement-updates.svg) no-repeat
}

.page_neighbors .neighborhood-app-features .share-alerts .neighborhood-app-feature-img {
    background: url(neighbors-app-share-alerts.svg) no-repeat
}

.page_neighbors .neighborhood-app-download {
    display: flex;
    flex-direction: column;
    height: 30em;
    justify-content: center;
    text-align: center
}

@media screen and (max-width:600px) {
    .page_neighbors .neighborhood-app-download {
        padding: 0 2em
    }
}

.page_neighbors .neighborhood-app-download h2 {
    color: #414242;
    font-size: 30px;
    font-weight: 700;
    line-height: 40px;
    margin-bottom: 40px;
    text-transform: none
}

.page_neighbors .neighborhood-app-download .download-app-links {
    display: flex;
    justify-content: center
}

.page_neighbors .neighborhood-app-download .appstore-img {
    background: url(apple_appstore.svg);
    background-size: 132px 39px;
    width: 132px;
    height: 39px;
    margin-right: 30px
}

.page_neighbors .neighborhood-app-download .google-play-img {
    background: url(google_play.svg);
    background-size: 132px 39px;
    width: 132px;
    height: 39px
}

.tech-specs-block {
    float: none;
    clear: both;
    margin: 0 auto;
    width: 100%;
    max-width: 1200px;
    padding: 0 17px;
    margin-bottom: 100px
}

.tech-specs-block h1,
.tech-specs-block h2,
.tech-specs-block p,
.tech-specs-block span {
    color: #424242
}

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

.tech-specs-block--grid:after {
    content: '';
    display: table;
    clear: both
}

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

.tech-specs-block--grid p {
    font-size: 18px;
    line-height: 28px
}

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

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

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

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

.tech-specs-block img {
    clear: both;
    float: left;
    width: 100%;
    max-width: 300px
}

.tech-specs-block img.tech-specs-small-icon {
    width: 32px;
    height: 32px;
    display: block;
    margin: 0 0 15px;
    float: none
}

.tech-specs-block h2 {
    font-size: 36px;
    line-height: 46px;
    margin-bottom: 20px;
    font-family: Equip-Thin, Helvetica, Arial, sans-serif;
    text-transform: none
}

.tech-specs-block 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;
    height: 15px
}

.tech-specs-block svg #Icon-Chevron-Plus {
    fill: #1998d5
}

.tech-specs-block .tech-block {
    clear: both;
    margin: 0 10px
}

.tech-specs-block .tech-block.on {
    border-bottom: 1px solid #e0e0e0
}

.tech-specs-block .tech-block--no-margin {
    margin: 0
}

.tech-specs-block .category-block {
    cursor: pointer;
    display: flex
}

.tech-specs-block .category-block span {
    display: inline-block;
    width: 100%;
    font-family: Equip-Medium, Helvetica, Arial, sans-serif;
    font-size: 20px;
    line-height: 30px;
    margin: 20px 0 20px 0;
    color: #1998d5
}

.tech-specs-block .category-block.on svg {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.tech-specs-block .info-block {
    zoom: 1;
    display: none
}

.tech-specs-block .info-block:after,
.tech-specs-block .info-block:before {
    content: "";
    display: table
}

.tech-specs-block .info-block:after {
    clear: both
}

.tech-specs-block .info-block p {
    font-size: 16px;
    line-height: 26px;
    margin: 0 0 5px
}

.tech-specs-block .info-block .info-column {
    width: 100%;
    display: inline-block;
    margin: 0 0 -.52em 0;
    padding: 24px 0 20px 0;
    border-bottom: 1px solid #e0e0e0
}

.tech-specs-block .info-block .info-column:last-child {
    border-bottom: none
}

.tech-specs-block .info-block .info-column a {
    color: #1998d5;
    text-decoration: underline
}

.tech-specs-block .info-block .spec {
    width: 100%
}

.tech-specs-block .info-block .spec p {
    font-family: Equip, Helvetica, Arial, sans-serif
}

.tech-specs-block .info-block .data {
    width: 100%
}

.tech-specs-block .info-block .data p {
    font-family: Equip-Light, Helvetica, Arial, sans-serif
}

@media screen and (min-width:1023px) {
    .tech-specs-block {
        margin-bottom: 60px
    }
    .tech-specs-block h2 {
        font-size: 42px;
        line-height: 52px
    }
    .tech-specs-block .category-block .faq {
        font-size: 16px;
        line-height: 26px
    }
    .tech-specs-block .info-block {
        width: 100%
    }
    .tech-specs-block .info-block p {
        font-size: 18px;
        line-height: 28px
    }
    .tech-specs-block .info-block .spec {
        width: 25%;
        float: left
    }
    .tech-specs-block .info-block .data {
        width: 75%;
        float: right
    }
}

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

.tech-specs-block--full-span {
    margin: 0;
    padding: 0 0 60px;
    max-width: 100%
}

@media screen and (min-width:768px) {
    .tech-specs-block--full-span {
        padding: 0 0 80px
    }
}

@media screen and (min-width:1024px) {
    .tech-specs-block--full-span {
        padding: 0 0 100px
    }
}