.cf:after,
.cf:before {
    content: "\0020";
    display: table;
    position: static
}

.cf:after {
    clear: both
}

.first {
    float: left
}
.VideoDoorbellHero--doorbell-hero .VideoDoorbellHero__toolbar
.last {
    float: right
}

.center {
    margin: 0 auto;
    text-align: center
}

.hidden {
    display: none!important
}

#footer .legal .ir,
.ir {
    color: transparent;
    font: 0/0 a;
    text-shadow: none
}

.ibp>* {
    display: inline-block;
    vertical-align: middle
}

.btn {
    border-radius: 22px;
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    min-width: 155px;
    padding: 12px 35px;
    position: relative;
    text-align: center;
    -webkit-transition: background .3s ease-in-out, color .3s ease-in-out;
    transition: background .3s ease-in-out, color .3s ease-in-out
}

.btn.t1 {
    padding-left: 10px;
    padding-right: 10px;
    min-width: 180px;
    max-width: 200px;
    height: 50px;
    text-align: center;
    line-height: normal;
    color: #fff;
    border-radius: 5px;
    border: none;
    background: -webkit-gradient(linear, left top, right top, color-stop(50%, #384851), color-stop(50%, #3c9));
    background: linear-gradient(90deg, #384851 50%, #3c9 50%);
    background-position: right bottom;
    background-size: 200% 100%;
    -webkit-transition: all .4s cubic-bezier(.785, .135, .15, .86);
    transition: all .4s cubic-bezier(.785, .135, .15, .86)
}

.btn.t1:hover {
    background-position: left bottom;
    color: #fff;
    cursor: pointer
}

.btn.t2 {
    background-color: #fff;
    color: #06a84e
}

.btn.t2:hover {
    background-color: #0f6d35;
    color: #fff
}

.btn.t3 {
    border-radius: 5px;
    color: #fff;
    background: -webkit-gradient(linear, left top, right top, color-stop(50%, #384851), color-stop(50%, #62d8b1));
    background: linear-gradient(90deg, #384851 50%, #62d8b1 50%);
    background-position: right bottom;
    background-size: 200% 100%;
    -webkit-transition: all .4s cubic-bezier(.785, .135, .15, .86);
    transition: all .4s cubic-bezier(.785, .135, .15, .86)
}

.btn.t3:hover {
    background-position: left bottom;
    color: #fff;
    cursor: pointer
}

.btn.t4 {
  padding-left: 10px;
  padding-right: 10px;
  width: 170px;
  height: 50px;
  min-height: 50px;
  text-align: center;
  line-height: 27px;
  color: #fff;
  border-radius: 5px;
  border: none;
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, #384851), color-stop(50%, #3c9));
  background: linear-gradient(90deg, #384851 50%, #3c9 50%);
  background-position: right bottom;
  background-size: 200% 100%;
  -webkit-transition: all .4s cubic-bezier(.785, .135, .15, .86);
  transition: all .4s cubic-bezier(.785, .135, .15, .86);
}

.btn.t4:hover {
    background-position: left bottom;
    color: #fff;
    cursor: pointer
}

.btn.t1.sfcclink {
    font-weight: 600;
    line-height: 50px;
}

.product_buying_descriptions_item_data_buy .btn.t1 {
    line-height: 50px;
    font-family: "lato-regular", sans-serif;
}

.ComponentBuy--desktop .btn.t1.sfcclink {
    line-height: normal;
}
.product_buying_descriptions_item_data_buy .btn.t1.sfcclink {
    line-height: normal;
}
.product_buying_descriptions_item_data_buy .pricespiderlike_cta {
    line-height: 25px !important;
}

.button.button--primary.red {
    background: -webkit-gradient(linear,left top,right top,color-stop(50%,#384851),color-stop(50%,#D42D1B));
    background: linear-gradient(90deg,#384851 50%,#D42D1B 50%);
    background-position: right bottom;
    background-size: 200% 100%;
    -webkit-transition: all .4s cubic-bezier(.785,.135,.15,.86);
    transition: all .4s cubic-bezier(.785,.135,.15,.86)
}

.disabled {
    pointer-events: none;
    cursor: default;
    opacity: .6
}
.list_grid_product .btn.sfcclink {
    line-height: 25px;
}
.list_grid_product .ps-button-label {
    padding-left: 10px;
    padding-right: 10px;
    min-width: 182px;
    height: 50px;
    text-align: center;
    font-size: 17px;
    line-height: unset;
    color: #fff;
    border-radius: 5px;
    border: none;
    background: -webkit-gradient(linear, left top, right top, color-stop(50%, #384851), color-stop(50%, #3c9));
    background: linear-gradient(90deg, #384851 50%, #3c9 50%);
    background-position: right bottom;
    background-size: 200% 100%;
    -webkit-transition: all .4s cubic-bezier(.785, .135, .15, .86);
    transition: all .4s cubic-bezier(.785, .135, .15, .86)
}

.list_grid_product .ps-button-label:hover {
    background-position: left bottom;
    color: #fff;
    cursor: pointer
}

.list_grid_product .ps-widget[data-ps-sku].ps-disabled,
.list_grid_product .ps-widget[ps-sku].ps-disabled {
    text-align: center;
    min-width: 182px;
    height: 50px
}

@media screen and (min-width:560px) {
    .list_grid_product .ps-button-label {
        position: absolute;
        bottom: 15px;
        left: 16%;
        margin: 0!important
    }
    .list_grid_product .btn.sfcclink {
        position: absolute;
        bottom: 15px;
        left: 16%
    }
    .list_grid_product .ps-widget[data-ps-sku].ps-disabled,
    .list_grid_product .ps-widget[ps-sku].ps-disabled {
        position: absolute;
        bottom: 15px;
        left: 16%
    }
    .list_grid_product .btn.t4 {
        position: absolute;
        bottom: 15px;
        left: 16%
    }
    .list_grid_product .btn.t4.disabled {
        bottom: 15px
    }
}

@media screen and (min-width:1025px) {
    .list_grid_product .ps-button-label {
        left: 25%;
        margin: 0!important
    }
    .list_grid_product .btn.sfcclink {
        left: 23%
    }
    .list_grid_product .ps-widget[data-ps-sku].ps-disabled,
    .list_grid_product .ps-widget[ps-sku].ps-disabled {
        left: 23%
    }
    .list_grid_product .btn.t4 {
        left: 25%
    }
    .list_grid_product .pricespiderlike_cta {
        bottom: 65px!important
    }
}

.btn.video {
    padding-right: 55px
}

.btn.video:after {
    bottom: 0;
    color: #fff;
    content: '\e900';
    font-family: arloicons;
    font-size: 20px;
    line-height: 20px;
    margin-top: -10px;
    position: absolute;
    right: 23px;
    top: 50%
}

.replay {
    font-size: 16px;
    font-weight: 500;
    padding-left: 25px;
    position: relative
}

.replay:hover {
    text-decoration: none
}

.replay:after {
    color: #000;
    content: 'k';
    font-family: arloicons;
    font-size: 16px;
    font-size: 1.6rem;
    left: 0;
    line-height: 1.5;
    margin-top: -.75em;
    opacity: .6;
    position: absolute;
    top: 50%;
    width: auto;
    transition: all .3s ease
}

.replay:hover:after {
    opacity: 1;
    transform: rotate(360deg)
}

.sep {
    margin-top: 1.25em;
    padding-top: 1.25em;
    position: relative
}

.sep:after {
    border-top: 1px solid #e5e5e5;
    content: '';
    height: 0;
    left: 0;
    position: absolute;
    top: 0;
    width: 37px
}

.sep.bot {
    margin-bottom: 1em;
    margin-top: 0;
    padding-bottom: 1em;
    padding-top: 0;
    position: relative
}

.sep.bot:after {
    bottom: 0;
    top: auto
}

.sep.center:after {
    left: 50%;
    margin-left: -18px
}

.shift {
    color: #06a84e;
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    line-height: 14px;
    padding-right: 15px;
    position: relative;
    text-transform: uppercase
}

.shift.long {
    padding-right: 36px
}

.shift:after {
    content: '\f105';
    font-family: arloicons;
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
    margin-top: -8px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.shift:hover:after {
    right: -5px
}

.shift.back {
    padding-left: 15px;
    padding-right: 0
}

.shift.back.long {
    padding-left: 36px;
    padding-right: 0
}

.shift.back:after {
    content: '\f104';
    left: 0;
    right: auto
}

.shift.back:hover:after {
    left: -5px
}

.vertical-wrap {
    font-family: arloicons;
    height: 100%;
    left: 0;
    margin: auto;
    right: 0;
    position: absolute;
    width: 100%;
    top: 0;
    z-index: 1
}

.vertical-wrap:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.vertical-wrap>.middle {
    display: inline-block;
    vertical-align: middle
}

.vertical-children>* {
    display: inline-block;
    vertical-align: middle
}

.player .wrap {
    height: 0;
    padding-bottom: 56.25%;
    position: relative;
    width: 100%
}

.player .wrap iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.grayhov {
    -webkit-filter: grayscale(1);
    -webkit-filter: grayscale(100%);
    filter: gray;
    filter: url(../images/grayscale.svg);
    filter: grayscale(100%);
    opacity: .75;
    transition: all .2s ease
}

.grayhov:hover {
    -webkit-filter: none;
    filter: none;
    opacity: 1
}

.video.play-icon {
    position: relative
}

.video.play-icon:before {
    background-color: #000;
    bottom: 0;
    content: '';
    left: 0;
    opacity: .1;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.video.play-icon:hover:before {
    opacity: .2
}

.video.play-icon:after {
    background-color: #fff;
    border: 0;
    border-radius: 50%;
    box-sizing: content-box;
    color: #06a84e;
    content: '\e907';
    font-family: arloicons;
    font-size: 18px;
    height: 46px;
    left: 50%;
    line-height: 46px;
    margin: -23px 0 0 -23px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 46px;
    z-index: 2;
    -webkit-transition: -webkit-transform .3s ease;
    transition: transform .3s ease
}

.video.play-icon.md:after {
    height: 56px;
    font-size: 22px;
    line-height: 56px;
    margin: -28px 0 0 -28px;
    width: 56px
}

.video.play-icon:hover:after {
    -webkit-transform: scale(1.15);
    -ms-transform: scale(1.15);
    transform: scale(1.15)
}

.fade {
    opacity: 0
}

.fade-in {
    -webkit-animation: fadeIn 1s both;
    animation: fadeIn 1s both
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

.fade-in-from-left {
    -webkit-animation: fadeInFromLeft 1s both;
    animation: fadeInFromLeft 1s both
}

@-webkit-keyframes fadeInFromLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-65%);
        transform: translateX(-65%)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeInFromLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-65%);
        transform: translateX(-65%)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.fade-in-from-right {
    -webkit-animation: fadeInFromRight 1s both;
    animation: fadeInFromRight 1s both
}

@-webkit-keyframes fadeInFromRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(65%);
        transform: translateX(65%)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeInFromRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(65%);
        transform: translateX(65%)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.fade-in-from-top {
    -webkit-animation: fadeInFromTop 1s both;
    animation: fadeInFromTop 1s both
}

@-webkit-keyframes fadeInFromTop {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-100px);
        transform: translateY(-100px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInFromTop {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-100px);
        transform: translateY(-100px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.fade-in-from-bottom {
    -webkit-animation: fadeInFromBottom 1s both;
    animation: fadeInFromBottom 1s both
}

@-webkit-keyframes fadeInFromBottom {
    0% {
        opacity: 0;
        -webkit-transform: translateY(200px);
        transform: translateY(200px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInFromBottom {
    0% {
        opacity: 0;
        -webkit-transform: translateY(200px);
        transform: translateY(200px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.fade-out {
    -webkit-animation: fadeOut 1s both;
    animation: fadeOut 1s both
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

.fade-out-to-left {
    -webkit-animation: fadeOutToLeft 1s both;
    animation: fadeOutToLeft 1s both
}

@-webkit-keyframes fadeOutToLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-65%);
        transform: translateX(-65%)
    }
}

@keyframes fadeOutToLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-65%);
        transform: translateX(-65%)
    }
}

.fade-out-to-right {
    -webkit-animation: fadeOutToRight 1s both;
    animation: fadeOutToRight 1s both
}

@-webkit-keyframes fadeOutToRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(65%);
        transform: translateX(65%)
    }
}

@keyframes fadeOutToRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(65%);
        transform: translateX(65%)
    }
}

@-webkit-keyframes fly {
    0% {
        font-size: 23px;
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    50% {
        font-size: 29px;
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg)
    }
    100% {
        font-size: 23px;
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg)
    }
}

@keyframes fly {
    0% {
        font-size: 23px;
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    50% {
        font-size: 29px;
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg)
    }
    100% {
        font-size: 23px;
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg)
    }
}

@-webkit-keyframes fadeInFromNoneToTop {
    0% {
        height: 0;
        opacity: 0;
        -webkit-transform: translateY(50px);
        transform: translateY(50px)
    }
    100% {
        height: 100%;
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeInFromNoneToTop {
    0% {
        height: 0;
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
    100% {
        height: 100%;
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.shake-left {
    -webkit-animation: shakeLeft .2s both;
    animation: shakeLeft .2s both
}

@-webkit-keyframes shakeLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    50% {
        -webkit-transform: translateX(-3px);
        transform: translateX(-3px)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes shakeLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    50% {
        -webkit-transform: translateX(-3px);
        transform: translateX(-3px)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.animated-clouds {
    -webkit-animation: animatedBackground 40s linear infinite;
    animation: animatedBackground 40s linear infinite
}

@-webkit-keyframes animatedClouds {
    0% {
        background-position: 0 center
    }
    100% {
        background-position: -1942px center
    }
}

@keyframes animatedClouds {
    0% {
        background-position: 0 center
    }
    100% {
        background-position: -1942px center
    }
}

.tr100 {
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -ms-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out
}

.tr200 {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.tr300 {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.tr400 {
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.tr600 {
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out
}

.tr800 {
    -webkit-transition: all .8s ease-in-out;
    -moz-transition: all .8s ease-in-out;
    -ms-transition: all .8s ease-in-out;
    -o-transition: all .8s ease-in-out;
    transition: all .8s ease-in-out
}

.embeddedServiceSidebar.layout-docked .dockableContainer {
  max-height: 600px !important;
}
.embeddedServiceSidebar.layout-docked .dockableContainer #headerSubtext,
.embeddedServiceSidebar.layout-docked .dockableContainer #headerTextLabel {
    font-family: NeueHaasUnicaPro-Light, Helvetica, "Helvetica Neue", Arial, sans-serif
}

.stateBody.embeddedServiceSidebarState .cSFCCPrechat {
    padding: 10px 0
}

.stateBody.embeddedServiceSidebarState .cSFCCPrechat img {
    max-width: 75px;
    height: auto
}

.stateBody.embeddedServiceSidebarState .cSFCCPrechat .fields, .cSFCCPrechat .slds-form-element .slds-select {
    background: transparent;
    border-radius: 4px;
    color: #5a6870;
    font-family: Lato-Regular, Helvetica, "Helvetica Neue", Arial, sans-serif;
    margin-bottom: 15px;
    display: inline-block;
    width: 250px!important;
    border: 1px solid #e1e1e1;
    color: rgba(51,51,51,1);
    font-size: 14px;
    line-height: 20px;
    height: 40px;

}

.stateBody.embeddedServiceSidebarState .SFCC_email__c.anonymousField {
    font-family: Lato-Regular, Helvetica, "Helvetica Neue", Arial, sans-serif;
    border-radius: 5px;
    margin-bottom: 15px;
    margin: 0!important;
    margin: 0!important;
    width: 100%;
    max-width: 210px
}

.embeddedServiceSidebarState.stateBody {
    padding: 0 25px!important
}

.cSFCCPrechat .prechatContent {
    color: #5a6870;
    font-family: Lato-Regular, Helvetica, "Helvetica Neue", Arial, sans-serif
}

.cSFCCPrechat label {
    font-size: 15px;
    margin-top: 10px !important;
}

.cSFCCPrechat .prechatContent .uiLabel-left , .prechatContent .slds-form-element label {
    float: left;
    margin-right: 10px;
    margin-top: 5px;
    width: 90px;
    text-align: left
}

.cSFCCPrechat .startButton {
    font-family: Lato-Regular, Helvetica, "Helvetica Neue", Arial, sans-serif;
    font-size: 16px;
    margin-top: 20px;
    width: 170px;
    height: 50px;
    text-align: center;
    line-height: 0;
    color: #fff!important;
    border-radius: 5px;
    border: none;
    background: -webkit-gradient(linear, left top, right top, color-stop(50%, #384851), color-stop(50%, #3c9));
    background: linear-gradient(90deg, #384851 50%, #3c9 50%);
    background-position: right bottom;
    background-size: 200% 100%;
    -webkit-transition: all .4s cubic-bezier(.785, .135, .15, .86);
    transition: all .4s cubic-bezier(.785, .135, .15, .86)
}

.cSFCCPrechat .startButton:hover {
    background-position: left bottom;
    color: #fff;
    cursor: pointer
}

.cSFCCPrechat .uiButton--default .label {
    white-space: normal;
    color: #fff!important;
    font-weight: 200!important
}

.embeddedServiceSidebarHeader .headerText {
  margin-bottom: 0;
}

.embeddedServiceLiveAgentStateChatItem.chatMessage button {
    border: #03374F solid 1px;
    color: #03374F;
    font-family: "lato-regular", helvetica neue, sans-serif !important;
    font-size: 14px;
    background: transparent;
    margin-bottom: 5px;
    border-radius: 5px;
    transition: ease .2s;
}

.embeddedServiceLiveAgentStateChatItem.chatMessage button:hover {
    background: #7E98A4 !important;
    border: #03374F solid 1.5px;
    border-radius: 5px !important;
    color: #fff !important;
}

.embeddedServiceLiveAgentStateChatItem .chatContent ul.rich-menu-items li {
	border: none !important;
}

.embeddedServiceLiveAgentStateChatPlaintextMessageDefaultUI.agent.plaintextContent a {
  color: #083F5B !important;
  transition: ease .2s;
}
.embeddedServiceLiveAgentStateChatPlaintextMessageDefaultUI.agent.plaintextContent a:hover {
  color: #3c9 !important ;
}

@media (max-width:525px) {

  .embeddedServiceSidebar.layout-docked .dockableContainer {
      width: 90%
  max-height: 600px !important;
  }
    .cSFCCPrechat .prechatContent .uiLabel-left {
        float: unset;
        margin-bottom: 5px;
        width: 100%;
        text-align: center;
    }

    .stateBody.embeddedServiceSidebarState .slds-select {
        margin-bottom: 0;
    }
    .cSFCCPrechat label {
        float: unset;
        margin-bottom: 5px;
        width: 100% !important;
        text-align: center !important;
    }
    .cSFCCPrechat .startButton {
        margin-top: 15px
    }
    .stateBody.embeddedServiceSidebarState .cSFCCPrechat .fields {
        margin-bottom: 0
    }
}

@media (max-width:48em) {
    .slds-scope .slds-max-medium-table--stacked-horizontal td:before,
    .slds-scope .slds-max-medium-table--stacked-horizontal th:before,
    .slds-scope .slds-max-medium-table_stacked-horizontal td:before,
    .slds-scope .slds-max-medium-table_stacked-horizontal th:before {
        font-size: 1.1em
    }
}

.slds-button.btn {
    border-radius: 22px!important;
    font-size: 13px!important;
    padding: 8px 35px!important;
    -webkit-transition: background .2s ease-in-out, color .3s ease-in-out!important;
    transition: background .2s ease-in-out, color .3s ease-in-out!important
}

.slds-button.btn.t1 {
    background-color: #06a84e;
    color: #fff!important
}

.slds-button.btn.t1:hover {
    background-color: #0f6d35;
    color: #fff
}

.slds-button.btn.greenAlt {
    color: #06a84e;
    border: 1px solid #06a84e;
    border-radius: 22px;
    transition: ease .2s;
    padding: 2px 33px
}

.slds-button.btn.greenAlt:hover {
    background-color: #cecece;
    color: #06a84e;
    border: 1px solid #cecece;
    border-radius: 22px;
    transition: ease .2s;
    padding: 2px 33px
}

.slds-scope .slds-button--neutral[disabled],
.slds-scope .slds-button_neutral[disabled] {
    background: #cecece!important
}

.slds-scope .slds-button-group .slds-button:first-child,
.slds-scope .slds-button-group-list li:first-child .slds-button {
    border-radius: 22px 0 0 22px;
    padding: 10px
}

.ns-ars18 .disclaimer-footer-banner {
    background: #03374f;
    color: #fff;
    display: none;
    height: 49px;
    position: fixed;
    margin: 0 auto;
    max-width: 1440px;
    opacity: .9;
    padding: 12px;
    bottom: 0;
    text-align: center;
    width: 100%;
    z-index: 99999999999
}

.ns-ars18 .disclaimer-footer-banner.active {
    display: block
}

.ns-ars18 .disclaimer-footer-banner a {
    color: #fff;
    text-decoration: underline!important
}

.ns-ars18 .disclaimer-footer-banner p {
    color: #fff;
    font-size: 14px
}

.ns-ars18 .disclaimer-footer-banner .disclaimer-close {
    display: inline-block;
    position: absolute;
    right: 110px;
    top: 11px
}

@media screen and (max-width:1500px) {
    .ns-ars18 .disclaimer-footer-banner .disclaimer-close {
        right: 50px;
        top: 11px
    }
}

@media screen and (max-width:1024px) {
    .ns-ars18 .disclaimer-footer-banner .disclaimer-close {
        right: 7px;
        top: 14px
    }
}

@media screen and (max-width:767px) {
    .ns-ars18 .disclaimer-footer-banner .disclaimer-close {
        right: 15px;
        top: 30px
    }
    .ns-ars18 .disclaimer-footer-banner {
        height: 70px;
        padding: 10px 35px
    }
}

@media (min-width:525px) and (max-width:767px) {
    .ComponentHero--HeroBannerStandard .textHolder {
        top: 20%!important;
        left: 50%!important;
        max-width: 500px!important
    }
}

@media screen and (max-width:515px) {
    .ns-ars18 .disclaimer-footer-banner .disclaimer-close {
        right: 13px;
        top: 30px
    }
    .ns-ars18 .disclaimer-footer-banner {
        height: 75px;
        padding: 10px 35px
    }
    .ns-ars18 .disclaimer-footer-banner p {
        font-size: 13px
    }
}

@media screen and (max-width:375px) {
    .ns-ars18 .disclaimer-footer-banner .disclaimer-close {
        right: 10px;
        top: 27px
    }
    .ns-ars18 .disclaimer-footer-banner {
        height: 75px;
        padding: 10px 17px
    }
    .ns-ars18 .disclaimer-footer-banner p {
        font-size: 12px
    }
    .ns-ars18 .email-campaign .email-error img {
        display: block;
        position: absolute;
        right: 115px;
        max-width: 15px
    }
}

@media screen and (max-width:320px) {
    .ns-ars18 .disclaimer-footer-banner .disclaimer-close {
        right: 10px;
        top: 32px
    }
    .ns-ars18 .disclaimer-footer-banner {
        height: 80px;
        padding: 5px 20px 5px 10px;
        text-align: left
    }
    .ns-ars18 .disclaimer-footer-banner p {
        font-size: 12px
    }
}

.notice>.container {
    font-size: 15px;
    color: #fff;
    position: absolute;
    top: 50%;
    transform: translatey(-50%);
    text-align: center;
    left: 0;
    right: 0;
    padding: 0 20px;
    max-width: 1440px
}

.notice {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background-color: #3c9;
    z-index: 99;
    height: 80px
}

.notice.active {
    visibility: visible;
    opacity: 1;
    width: 100%
}

.notice {
    opacity: 0;
    visibility: hidden
}

.notice.active+#container {
    top: 80px
}

.notice.active+#container .mobile_header_menu_nav,
.notice.active+#container .mobile_header_products_nav {
    top: 130px
}

.ns-ars18-page .unfixed+.notice.active {
    position: absolute!important
}

.notice .close:after {
    content: "\78";
    font-family: arloicons
}

.notice .close {
    position: absolute;
    right: 5px;
    font-size: 12px
}

@media (min-width:1024px) {
    .notice {
        height: 54px;
        max-width: 1440px;
        margin: 0 auto
    }
    .notice.active+#container {
        top: 55px
    }
    .notice.active+#container .ns-ars18-page .mobile_header_menu_nav,
    .notice.active+#container .ns-ars18-page .mobile_header_products_nav {
        top: 110px
    }
    .notice .close {
        right: 8px;
        top: -8px
    }
}

@media (max-width:525px) {
    .notice {
        height: 46px;
        z-index: 0
    }
    .notice.active+#container {
        top: 47px
    }
}

body.noScroll {
    overflow: hidden
}

.popup-box {
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .25);
    z-index: 99999;
    overflow-y: auto;
    padding: 20px 0
}

.popup-box.email-campaign.opened {
    display: block
}

.popup-box .popup-close {
    color: #fff;
    font-weight: 300;
    position: absolute;
    right: 30px;
    top: 20px;
    font-size: 19px;
    cursor: pointer;
    -webkit-transition: all .4s cubic-bezier(.11, .48, .46, .84);
    -moz-transition: all .4s cubic-bezier(.11, .48, .46, .84);
    -o-transition: all .4s cubic-bezier(.11, .48, .46, .84);
    -ms-transition: all .4s cubic-bezier(.11, .48, .46, .84);
    transition: all .4s cubic-bezier(.11, .48, .46, .84)
}

.popup-box.basic-coupon .popup-close {
    transform: scale(.5);
    top: -45px;
    right: -25px;
}

.popup-box.email-campaign .popup-close:before {
    font-family: Lato-Regular, Helvetica, Helvetica Neue, Arial, sans-serif;
    font-size: 19px
}

.popup-box .popup-inner {
    background: 0 0;
    border-radius: 2px;
    height: 100%;
    max-height: 490px;
    max-width: 700px;
    margin: 0 auto;
    margin-top: 110px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    z-index: 2;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.popup-box .popup-inner.error {
    max-height: 200px
}

.popup-box.email-campaign .popup-inner {
    border-radius: 10px
}

.popup-box.email-campaign .popup-inner.error,
.popup-box.email-campaign .popup-inner.personalize,
.popup-box.email-campaign .popup-inner.success {
    display: none
}

.popup-box.email-campaign .popup-content {
    background-image: linear-gradient(90deg, #50b7b9, #3c9);
    border-radius: 10px;
    height: 100%;
    margin: 0 auto;
    padding: 50px;
    position: absolute;
    width: 100%;
    top: 0
}

.email-campaign .popup-content-top {
    background: #f5f6f7;
    height: 42%;
    border-radius: 0 0 10px 10px;
    z-index: 999;
    padding: 60px 100px 0 100px;
    width: 100%;
    bottom: 0;
    left: 0;
    position: absolute
}

.email-campaign .promo-blurb {
    margin: 0;
    margin-bottom: 40px;
    width: 500px
}

.email-campaign .promo-blurb h2 {
    font-size: 60px;
    font-weight: 600
}

.email-campaign .promo-blurb h3 {
    font-size: 35px;
    font-weight: 500;
    line-height: 40px;
    margin-bottom: 25px
}

.email-campaign .promo-description {
    font-size: 25px;
    margin: auto 0;
    margin-bottom: 25px
}

.email-campaign .promo-disclaimer {
    display: inline-block;
    opacity: .8
}

.email-campaign .promo-disclaimer p {
    font-size: 13px;
    color: #02374f!important;
    line-height: 22px
}

.popup .email-campaign .success-disclaimer {
    font-size: 13px;
    color: #02374f!important;
    line-height: 22px
}

.email-campaign .promo-disclaimer a {
    color: #02374f!important;
    text-decoration: underline!important
}

.email-campaign .promo-disclaimer a:hover {
    color: #3c9!important
}

.email-campaign .promo-sale {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1px
}

.email-campaign .button--primary.email-signup {
    background: #384851;
    font-size: 16px!important;
    height: 60px!important;
    line-height: 60px;
    width: 110px;
    position: absolute;
    top: -10px;
    right: 0;
    border-radius: 0 4px 4px 0
}

.email-campaign .button--primary.promo {
    background: #384851;
    font-size: 16px!important;
    height: 60px!important;
    line-height: 60px;
    margin: 0 auto
}

.email-campaign .button--primary.promo:hover {
    background: #3c9
}

.email-campaign .form-holder {
    display: block;
    z-index: 9999;
    position: relative;
    width: 100%
}

.email-campaign form {
    display: block;
    max-width: 500px;
    margin: 0 auto
}

.email-campaign input[type=email] {
    font-family: "Neue Haas Unica Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
    width: 100%;
    height: 60px;
    border-radius: 4px;
    background: #fff;
    border: 0;
    color: #152934;
    font-size: 15px;
    font-weight: 300;
    line-height: 22px;
    -webkit-appearance: none;
    padding: 10px 30px;
    margin-top: -10px
}

.email-campaign input[type=email]::placeholder {
    letter-spacing: .5px
}

.email-campaign .form-holder span {
    font-size: 12px
}

.email-campaign .email-error-msg {
    color: red!important;
    font-size: 13px;
    margin-top: 5px
}

.email-campaign .email-error img {
    display: block;
    position: absolute;
    right: 135px;
    top: 12px
}

.email-campaign .popup-overlay-section {
    padding: 20px;
    border-radius: 10px;
    z-index: 9999;
    position: absolute;
    background-image: linear-gradient(180deg, #fff 40%, transparent 100%);
    width: 85%
}

.email-campaign .input-block label {
    font-size: 16px;
    margin-right: 20px;
    position: relative
}

.email-campaign p.radio-label-left {
    color: #152934!important;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: .5px;
    margin-right: 30px;
    width: 140px;
    float: left
}

.email-campaign .input-block {
    display: block;
    margin-bottom: 15px;
    width: 100%
}

.email-campaign .input-list {
    display: block;
    margin-bottom: 45px
}

.email-campaign .option-block {
    display: inline-block
}

.promo-blurb .promo-asterisk {
    color: #fff;
    display: inline-block;
    font-size: 30px
}

.email-campaign::placeholder {
    color: #02374f
}

.email-campaign::-ms-input-placeholder {
    color: #02374f
}

.email-campaign::-ms-input-placeholder {
    color: #02374f
}

.email-campaign input[type=checkbox],
.email-campaign input[type=radio] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 50px
}

.email-campaign input[type=checkbox]:after,
.email-campaign input[type=radio]:after {
    width: 12px;
    height: 12px;
    border-radius: 50px;
    top: 0;
    left: 0;
    position: relative;
    background-color: #fff;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 2px solid #dfe2e6
}

.email-campaign input[type=checkbox]:checked:after,
.email-campaign input[type=radio]:checked:after {
    width: 12px;
    height: 12px;
    border: 0;
    border-radius: 50px;
    top: 0;
    left: 0;
    position: relative;
    background-color: #3c9;
    content: '';
    display: inline-block;
    visibility: visible
}

.email-campaign select {
    border: 0;
    font-size: 16px
}

.email-campaign span {
    display: none
}

.email-campaign span.error {
    display: block
}

.email-campaign .email-error-msg {
    color: red!important;
    font-size: 13px;
    margin-top: 10px
}

.email-campaign .email-error img {
    display: block;
    position: absolute;
    right: 135px;
    top: 12px
}

.email-campaign .popup-overlay-section.success {
    background-image: linear-gradient(180deg, #fff 60%, transparent 100%);
    padding: 20px
}

.popup-box h1,
.popup-box h2,
.popup-box h3,
.popup-box h4,
.popup-box h5,
.popup-box p {
    color: #fff!important;
    text-align: left
}

.popup-box .success .text-holder ul {
    opacity: .8;
    margin-bottom: 15px
}

.popup-box .success .text-holder li {
    color: #384851;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    list-style: disc;
    margin-left: 15px;
}

.popup-box .success.popup-overlay-section h3 {
    color: #384851!important;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: .5px;
    margin-bottom: 5px
}

.popup-box .success-disclaimer {
    color: #384851!important;
    font-size: 12px;
    opacity: .8
}

@media (max-width:1024px) {
    .popup-box .popup-inner {
        margin-top: 150px
    }
    .popup-box.basic-coupon .popup-inner {
      max-height: 400px !important;
    }
}

@media (max-width:768px) {
    .email-campaign .input-block label {
        font-size: 15px;
        margin-right: 10px
    }
    .email-campaign input[type=email]::placeholder {
        font-size: 13px
    }
    .popup-box h1,
    .popup-box h2,
    .popup-box h3,
    .popup-box h4,
    .popup-box h5,
    .popup-box p {
        margin-bottom: 15px
    }
    .email-campaign .promo-blurb {
        margin: 0 auto;
        max-width: 90%
    }
    .email-campaign .promo-description {
        font-size: 20px;
        margin-bottom: 15px
    }
    .popup-box .popup-content {
        width: 100%
    }
    .email-campaign .popup-content-top {
        padding: 60px 50px 0
    }
    .popup-box .popup-inner {
        max-width: 600px;
        max-height: 500px
    }
    .popup-box .popup-inner .popup-holder {
        position: relative;
        background: #fff;
        border-radius: 5px;
        height: auto;
        max-height: 100%;
        overflow: hidden;
        overflow-y: auto;
        padding: 30px 15px
    }
    .popup-box .popup-close-wrap {
        position: relative
    }
    .popup-box .popup-close {
        width: 30px;
        height: 30px;
        padding-top: 4px;
        display: inline-block;
        position: absolute;
        top: 15px;
        right: 13px
    }
    .popup-box .popup-close-wrap .popup-close:hover {
        background: #000;
        text-decoration: none
    }
    .popup-box .popup-bodyclose {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 0;
        cursor: default
    }
    .popup-box .server-error-msg {
        margin-bottom: 0;
        text-align: center
    }
    .email-campaign .promo-sale {
        font-size: 16px;
        letter-spacing: 1px;
        line-height: 20px
    }
    .email-campaign .promo-blurb {
        margin: 0!important
    }
    .email-campaign select {
        font-size: 15px
    }
    .promo.form-holder {
        top: 30px
    }
}

@media (max-width:599px) {
    .email-campaign .popup-overlay-section {
        background-image: linear-gradient(180deg, #fff 50%, transparent 100%);
        width: 90%
    }
    .email-campaign .popup-content-top {
        padding: 65px 30px 0 30px!important
    }
    .email-campaign .promo-blurb {
        max-width: 95%;
        margin: 35px auto 0!important
    }
    .email-campaign .promo-description {
        font-size: 14px;
        line-height: 20px!important
    }
    .email-campaign .promo-sale {
        font-size: 16px;
        line-height: 10px
    }
    .popup-box .popup-inner {
        background: #fff;
        border-radius: 2px;
        max-height: 565px;
        max-width: 95%;
        margin: 0 auto;
        margin-top: 100px;
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        z-index: 2;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .popup-box.email-campaign .popup-content {
        padding: 60px 20px
    }
    .promo.form-holder {
        top: 20px
    }
    .email-campaign input[type=checkbox]:after,
    .email-campaign input[type=radio]:after {
        width: 18px;
        height: 18px;
        border-radius: 50px;
        top: -2px;
        left: -2px;
        position: relative;
        background-color: #fff;
        content: '';
        display: inline-block;
        visibility: visible;
        border: 2px solid #dfe2e6
    }
    .email-campaign input[type=checkbox]:checked:after,
    .email-campaign input[type=radio]:checked:after {
        width: 18px;
        height: 18px;
        border: 0;
        border-radius: 50px;
        top: -2px;
        left: -2px;
        position: relative;
        background-color: #3c9;
        content: '';
        display: inline-block;
        visibility: visible
    }
}

@media (max-width:425px) {
    .email-campaign input[type=email]::placeholder {
        font-size: 13px
    }
    .email-campaign .popup-overlay-section {
        width: 97%;
        left: 6px
    }
    .email-campaign .popup-overlay-section.success {
        background-image: linear-gradient(180deg, #fff 90%, transparent 0)!important;
        padding: 20px
    }
    .popup-box .success .text-holder li {
        letter-spacing: 0!important
    }
    .email-campaign p.radio-label-left {
        height: 35px;
        width: 150px;
        margin-right: 0;
        letter-spacing: 0
    }
    .email-campaign .option-block {
        display: block;
        width: 156px;
        margin-left: 150px
    }
    .email-campaign .promo-blurb h3 {
        font-size: 25px;
        line-height: 30px
    }
    .email-campaign .promo-disclaimer {
        margin-top: 30px
    }
    .email-campaign .promo-sale {
        font-size: 13px
    }
    .email-campaign .popup-content-top {
        padding: 15px!important;
        left: 6px;
        width: 97%;
        height: 50%;
        bottom: 10px
    }
    .popup-box .popup-inner {
        background: #fff;
        border-radius: 2px;
        max-height: 520px;
        max-width: 90%;
        margin: 0 auto;
        margin-top: 100px;
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        z-index: 2;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .popup-box.email-campaign .popup-content {
        padding: 10px
    }
    .email-campaign .promo-description {
        font-size: 14px;
        line-height: 20px!important
    }
    .email-campaign .promo-sale {
        font-size: 15px;
        line-height: 23px;
        letter-spacing: 0
    }
    .email-campaign .promo-blurb h3 {
        font-size: 25px;
        line-height: 30px;
        margin-bottom: 10px
    }
    .popup-box .success.popup-overlay-section h3 {
        line-height: 21px
    }
}

@media screen and (max-width:375px) {
    .email-campaign .promo-description {
        font-size: 14px;
        line-height: 20px!important
    }
    .email-campaign .promo-sale {
        font-size: 15px;
        line-height: 23px
    }
    .email-campaign .promo-blurb h3 {
        font-size: 25px;
        line-height: 30px;
        margin-bottom: 10px
    }
    .popup-box .success.popup-overlay-section h3 {
        line-height: 21px
    }
}

.cf:after,
On Thu,
Sep 26 {
    content: "\0020";
    display: table;
    position: static
}

.cf:after {
    clear: both
}

.first {
    float: left
}

.last {
    float: right
}

.center {
    margin: 0 auto;
    text-align: center
}

.hidden {
    display: none!important
}

#footer .legal .ir,
.ir {
    color: transparent;
    font: 0/0 a;
    text-shadow: none
}

.ibp>* {
    display: inline-block;
    vertical-align: middle
}

.btn {
    border-radius: 22px;
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    min-width: 155px;
    padding: 12px 35px;
    position: relative;
    text-align: center;
    -webkit-transition: background .3s ease-in-out, color .3s ease-in-out;
    transition: background .3s ease-in-out, color .3s ease-in-out
}

.btn.t1 {
    padding-left: 10px;
    padding-right: 10px;
    min-width: 180px;
    max-width: 280px;
    height: 50px;
    text-align: center;
    line-height: normal;
    color: #fff;
    border-radius: 5px;
    border: none;
    background: -webkit-gradient(linear, left top, right top, color-stop(50%, #384851), color-stop(50%, #3c9));
    background: linear-gradient(90deg, #384851 50%, #3c9 50%);
    background-position: right bottom;
    background-size: 200% 100%;
    -webkit-transition: all .4s cubic-bezier(.785, .135, .15, .86);
    transition: all .4s cubic-bezier(.785, .135, .15, .86)
}

.btn.t1:hover {
    background-position: left bottom;
    color: #fff;
    cursor: pointer
}

.btn.t2 {
    background-color: #fff;
    color: #06a84e
}

.btn.t2:hover {
    background-color: #0f6d35;
    color: #fff
}

.btn.t3 {
    border-radius: 5px;
    color: #fff;
    background: -webkit-gradient(linear, left top, right top, color-stop(50%, #384851), color-stop(50%, #62d8b1));
    background: linear-gradient(90deg, #384851 50%, #62d8b1 50%);
    background-position: right bottom;
    background-size: 200% 100%;
    -webkit-transition: all .4s cubic-bezier(.785, .135, .15, .86);
    transition: all .4s cubic-bezier(.785, .135, .15, .86)
}

.btn.t3:hover {
    background-position: left bottom;
    color: #fff;
    cursor: pointer
}

.btn.t4 {
    font-family: "lato-regular", sans-serif;
    font-size: 16.5px;
    padding-left: 10px;
    padding-right: 10px;
    width: 170px;
    min-height: 50px;
    text-align: center;
    line-height: 24px;
    color: #fff;
    border-radius: 5px;
    border: none;
    background: -webkit-gradient(linear, left top, right top, color-stop(50%, #384851), color-stop(50%, #3c9));
    background: linear-gradient(90deg, #384851 50%, #3c9 50%);
    background-position: right bottom;
    background-size: 200% 100%;
    -webkit-transition: all .4s cubic-bezier(.785, .135, .15, .86);
    transition: all .4s cubic-bezier(.785, .135, .15, .86)
}

.btn.t4:hover {
    background-position: left bottom;
    color: #fff;
    cursor: pointer
}

.btn.t4.disabled.pricespiderlike_cta{
    line-height: 30px !important;
}

.disabled {
    pointer-events: none;
    cursor: default;
    opacity: .6;
    line-height: 50px !important;
}

.list_grid_product .ps-button-label {
    font-family: "lato-regular", helvetica, sans-serif;
    font-size: 16.5px;
    padding-left: 10px;
    padding-right: 10px;
    min-width: 180px;
    max-width: 280px;
    height: 50px;
    text-align: center;
    line-height: 25px !important;
    color: #fff;
    border-radius: 5px;
    border: none;
    background: -webkit-gradient(linear, left top, right top, color-stop(50%, #384851), color-stop(50%, #3c9));
    background: linear-gradient(90deg, #384851 50%, #3c9 50%);
    background-position: right bottom;
    background-size: 200% 100%;
    -webkit-transition: all .4s cubic-bezier(.785, .135, .15, .86);
    transition: all .4s cubic-bezier(.785, .135, .15, .86);
}

.list_grid_product .ps-button-label:hover {
    background-position: left bottom;
    color: #fff;
    cursor: pointer
}

.list_grid_product .ps-widget[data-ps-sku].ps-disabled,
.list_grid_product .ps-widget[ps-sku].ps-disabled {
    text-align: center;
    min-width: 182px;
    height: 50px
}

@media screen and (min-width:560px) {
    .list_grid_product .ps-button-label {
        position: absolute;
        bottom: 15px;
        left: 16%;
        margin: 0!important
    }
    .list_grid_product .btn.sfcclink {
        position: absolute;
        bottom: 15px;
        left: 16%
    }
    .list_grid_product .ps-widget[data-ps-sku].ps-disabled,
    .list_grid_product .ps-widget[ps-sku].ps-disabled {
        position: absolute;
        bottom: 15px;
        left: 16%
    }
    .list_grid_product .btn.t4 {
        position: absolute;
        bottom: 15px;
        left: 16%
    }
    .list_grid_product .btn.t4.disabled {
        bottom: 15px
    }
}

@media screen and (min-width:1025px) {
    .list_grid_product .ps-button-label {
        left: 25%;
        margin: 0!important
    }
    .list_grid_product .btn.sfcclink {
        left: 23%
    }
    .list_grid_product .ps-widget[data-ps-sku].ps-disabled,
    .list_grid_product .ps-widget[ps-sku].ps-disabled {
        left: 23%
    }
    .list_grid_product .btn.t4 {
        left: 25%
    }
    .list_grid_product .pricespiderlike_cta {
        bottom: 65px!important
    }
}

.btn.video {
    padding-right: 55px
}

.btn.video:after {
    bottom: 0;
    color: #fff;
    content: '\e900';
    font-family: arloicons;
    font-size: 20px;
    line-height: 20px;
    margin-top: -10px;
    position: absolute;
    right: 23px;
    top: 50%
}

.replay {
    font-size: 16px;
    font-weight: 500;
    padding-left: 25px;
    position: relative
}

.replay:hover {
    text-decoration: none
}

.replay:after {
    color: #000;
    content: 'k';
    font-family: arloicons;
    font-size: 16px;
    font-size: 1.6rem;
    left: 0;
    line-height: 1.5;
    margin-top: -.75em;
    opacity: .6;
    position: absolute;
    top: 50%;
    width: auto;
    transition: all .3s ease
}

.replay:hover:after {
    opacity: 1;
    transform: rotate(360deg)
}

.sep {
    margin-top: 1.25em;
    padding-top: 1.25em;
    position: relative
}

.sep:after {
    border-top: 1px solid #e5e5e5;
    content: '';
    height: 0;
    left: 0;
    position: absolute;
    top: 0;
    width: 37px
}

.sep.bot {
    margin-bottom: 1em;
    margin-top: 0;
    padding-bottom: 1em;
    padding-top: 0;
    position: relative
}

.sep.bot:after {
    bottom: 0;
    top: auto
}

.sep.center:after {
    left: 50%;
    margin-left: -18px
}

.shift {
    color: #06a84e;
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    line-height: 14px;
    padding-right: 15px;
    position: relative;
    text-transform: uppercase
}

.shift.long {
    padding-right: 36px
}

.shift:after {
    content: '\f105';
    font-family: arloicons;
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
    margin-top: -8px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.shift:hover:after {
    right: -5px
}

.shift.back {
    padding-left: 15px;
    padding-right: 0
}

.shift.back.long {
    padding-left: 36px;
    padding-right: 0
}

.shift.back:after {
    content: '\f104';
    left: 0;
    right: auto
}

.shift.back:hover:after {
    left: -5px
}

.vertical-wrap {
    font-family: arloicons;
    height: 100%;
    left: 0;
    margin: auto;
    right: 0;
    position: absolute;
    width: 100%;
    top: 0;
    z-index: 1
}

.vertical-wrap:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.vertical-wrap>.middle {
    display: inline-block;
    vertical-align: middle
}

.vertical-children>* {
    display: inline-block;
    vertical-align: middle
}

.player .wrap {
    height: 0;
    padding-bottom: 56.25%;
    position: relative;
    width: 100%
}

.player .wrap iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.grayhov {
    -webkit-filter: grayscale(1);
    -webkit-filter: grayscale(100%);
    filter: gray;
    filter: url(../images/grayscale.svg);
    filter: grayscale(100%);
    opacity: .75;
    transition: all .2s ease
}

.grayhov:hover {
    -webkit-filter: none;
    filter: none;
    opacity: 1
}

.video.play-icon {
    position: relative
}

.video.play-icon:before {
    background-color: #000;
    bottom: 0;
    content: '';
    left: 0;
    opacity: .1;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.video.play-icon:hover:before {
    opacity: .2
}

.video.play-icon:after {
    background-color: #fff;
    border: 0;
    border-radius: 50%;
    box-sizing: content-box;
    color: #06a84e;
    content: '\e907';
    font-family: arloicons;
    font-size: 18px;
    height: 46px;
    left: 50%;
    line-height: 46px;
    margin: -23px 0 0 -23px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 46px;
    z-index: 2;
    -webkit-transition: -webkit-transform .3s ease;
    transition: transform .3s ease
}

.video.play-icon.md:after {
    height: 56px;
    font-size: 22px;
    line-height: 56px;
    margin: -28px 0 0 -28px;
    width: 56px
}

.video.play-icon:hover:after {
    -webkit-transform: scale(1.15);
    -ms-transform: scale(1.15);
    transform: scale(1.15)
}

.fade {
    opacity: 0
}

.fade-in {
    -webkit-animation: fadeIn 1s both;
    animation: fadeIn 1s both
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

.fade-in-from-left {
    -webkit-animation: fadeInFromLeft 1s both;
    animation: fadeInFromLeft 1s both
}

@-webkit-keyframes fadeInFromLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-65%);
        transform: translateX(-65%)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeInFromLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-65%);
        transform: translateX(-65%)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.fade-in-from-right {
    -webkit-animation: fadeInFromRight 1s both;
    animation: fadeInFromRight 1s both
}

@-webkit-keyframes fadeInFromRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(65%);
        transform: translateX(65%)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeInFromRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(65%);
        transform: translateX(65%)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.fade-in-from-top {
    -webkit-animation: fadeInFromTop 1s both;
    animation: fadeInFromTop 1s both
}

@-webkit-keyframes fadeInFromTop {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-100px);
        transform: translateY(-100px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInFromTop {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-100px);
        transform: translateY(-100px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.fade-in-from-bottom {
    -webkit-animation: fadeInFromBottom 1s both;
    animation: fadeInFromBottom 1s both
}

@-webkit-keyframes fadeInFromBottom {
    0% {
        opacity: 0;
        -webkit-transform: translateY(200px);
        transform: translateY(200px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInFromBottom {
    0% {
        opacity: 0;
        -webkit-transform: translateY(200px);
        transform: translateY(200px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.fade-out {
    -webkit-animation: fadeOut 1s both;
    animation: fadeOut 1s both
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

.fade-out-to-left {
    -webkit-animation: fadeOutToLeft 1s both;
    animation: fadeOutToLeft 1s both
}

@-webkit-keyframes fadeOutToLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-65%);
        transform: translateX(-65%)
    }
}

@keyframes fadeOutToLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-65%);
        transform: translateX(-65%)
    }
}

.fade-out-to-right {
    -webkit-animation: fadeOutToRight 1s both;
    animation: fadeOutToRight 1s both
}

@-webkit-keyframes fadeOutToRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(65%);
        transform: translateX(65%)
    }
}

@keyframes fadeOutToRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(65%);
        transform: translateX(65%)
    }
}

@-webkit-keyframes fly {
    0% {
        font-size: 23px;
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    50% {
        font-size: 29px;
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg)
    }
    100% {
        font-size: 23px;
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg)
    }
}

@keyframes fly {
    0% {
        font-size: 23px;
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    50% {
        font-size: 29px;
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg)
    }
    100% {
        font-size: 23px;
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg)
    }
}

@-webkit-keyframes fadeInFromNoneToTop {
    0% {
        height: 0;
        opacity: 0;
        -webkit-transform: translateY(50px);
        transform: translateY(50px)
    }
    100% {
        height: 100%;
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeInFromNoneToTop {
    0% {
        height: 0;
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
    100% {
        height: 100%;
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.shake-left {
    -webkit-animation: shakeLeft .2s both;
    animation: shakeLeft .2s both
}

@-webkit-keyframes shakeLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    50% {
        -webkit-transform: translateX(-3px);
        transform: translateX(-3px)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes shakeLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    50% {
        -webkit-transform: translateX(-3px);
        transform: translateX(-3px)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.animated-clouds {
    -webkit-animation: animatedBackground 40s linear infinite;
    animation: animatedBackground 40s linear infinite
}

@-webkit-keyframes animatedClouds {
    0% {
        background-position: 0 center
    }
    100% {
        background-position: -1942px center
    }
}

@keyframes animatedClouds {
    0% {
        background-position: 0 center
    }
    100% {
        background-position: -1942px center
    }
}

.tr100 {
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -ms-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out
}

.tr200 {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.tr300 {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.tr400 {
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.tr600 {
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out
}

.tr800 {
    -webkit-transition: all .8s ease-in-out;
    -moz-transition: all .8s ease-in-out;
    -ms-transition: all .8s ease-in-out;
    -o-transition: all .8s ease-in-out;
    transition: all .8s ease-in-out
}

.embeddedServiceLiveAgentQueuePosition .loadingBall.first {
    float: unset;
}

.embeddedServiceSidebar.layout-docked .dockableContainer #headerSubtext,
.embeddedServiceSidebar.layout-docked .dockableContainer #headerTextLabel {
    font-family: NeueHaasUnicaPro-Light, Helvetica, "Helvetica Neue", Arial, sans-serif
}

.stateBody.embeddedServiceSidebarState .cSFCCPrechat {
    padding: 15px;
}

.stateBody.embeddedServiceSidebarState .cSFCCPrechat img {
    max-width: 75px;
    height: auto
}

.stateBody.embeddedServiceSidebarState .cSFCCPrechat .fields {
    border-radius: 4px;
    color: #5a6870;
    font-family: Lato-Regular, Helvetica, "Helvetica Neue", Arial, sans-serif;
    margin-bottom: 15px;
    display: inline-block;
    width: 250px
}

.stateBody.embeddedServiceSidebarState .SFCC_email__c.anonymousField {
    font-family: Lato-Regular, Helvetica, "Helvetica Neue", Arial, sans-serif;
    border-radius: 5px;
    margin-bottom: 15px;
    margin: 0!important;
    margin: 0!important;
    width: 100%;
    max-width: 210px
}

.embeddedServiceSidebarState.stateBody {
    padding: 0 !important;
}

.cSFCCPrechat .prechatContent {
    color: #5a6870;
    font-family: Lato-Regular, Helvetica, "Helvetica Neue", Arial, sans-serif
}

.cSFCCPrechat .prechatContent .uiLabel-left {
    float: left;
    margin-right: 10px;
    margin-top: 5px;
    width: 90px;
    text-align: left
}

.cSFCCPrechat .startButton {
    font-family: Lato-Regular, Helvetica, "Helvetica Neue", Arial, sans-serif;
    font-size: 16px;
    margin-top: 20px;
    width: 170px;
    height: 50px;
    text-align: center;
    line-height: 0;
    color: #fff!important;
    border-radius: 5px;
    border: none;
    background: -webkit-gradient(linear, left top, right top, color-stop(50%, #384851), color-stop(50%, #3c9));
    background: linear-gradient(90deg, #384851 50%, #3c9 50%);
    background-position: right bottom;
    background-size: 200% 100%;
    -webkit-transition: all .4s cubic-bezier(.785, .135, .15, .86);
    transition: all .4s cubic-bezier(.785, .135, .15, .86)
}

.cSFCCPrechat .startButton:hover {
    background-position: left bottom;
    color: #fff;
    cursor: pointer
}

.cSFCCPrechat .uiButton--default .label {
    white-space: normal;
    color: #fff!important;
    font-weight: 200!important
}

@media (max-width:525px) {
    .cSFCCPrechat .prechatContent .uiLabel-left {
        float: unset;
        margin-bottom: 5px;
        width: 100%;
        text-align: center
    }
    .embeddedServiceSidebar.layout-docked .dockableContainer {
        width: 90%
    }
    .cSFCCPrechat .startButton {
        margin-top: 15px
    }
    .stateBody.embeddedServiceSidebarState .cSFCCPrechat .fields {
        margin-bottom: 0
    }
}

@media (max-width:48em) {
    .slds-scope .slds-max-medium-table--stacked-horizontal td:before,
    .slds-scope .slds-max-medium-table--stacked-horizontal th:before,
    .slds-scope .slds-max-medium-table_stacked-horizontal td:before,
    .slds-scope .slds-max-medium-table_stacked-horizontal th:before {
        font-size: 1.1em
    }
}

.slds-button.btn {
    border-radius: 22px!important;
    font-size: 13px!important;
    padding: 8px 35px!important;
    -webkit-transition: background .2s ease-in-out, color .3s ease-in-out!important;
    transition: background .2s ease-in-out, color .3s ease-in-out!important
}

.slds-button.btn.t1 {
    background-color: #06a84e;
    color: #fff!important
}

.slds-button.btn.t1:hover {
    background-color: #0f6d35;
    color: #fff
}

.slds-button.btn.greenAlt {
    color: #06a84e;
    border: 1px solid #06a84e;
    border-radius: 22px;
    transition: ease .2s;
    padding: 2px 33px
}

.slds-button.btn.greenAlt:hover {
    background-color: #cecece;
    color: #06a84e;
    border: 1px solid #cecece;
    border-radius: 22px;
    transition: ease .2s;
    padding: 2px 33px
}

.slds-scope .slds-button--neutral[disabled],
.slds-scope .slds-button_neutral[disabled] {
    background: #cecece!important
}

.slds-scope .slds-button-group .slds-button:first-child,
.slds-scope .slds-button-group-list li:first-child .slds-button {
    border-radius: 22px 0 0 22px;
    padding: 10px
}

.ns-ars18 .disclaimer-footer-banner {
    background: #03374f;
    color: #fff;
    display: none;
    height: 49px;
    position: fixed;
    margin: 0 auto;
    max-width: 1440px;
    opacity: .9;
    padding: 12px;
    bottom: 0;
    text-align: center;
    width: 100%;
    z-index: 99999999999
}

.ns-ars18 .disclaimer-footer-banner.active {
    display: block
}

.ns-ars18 .disclaimer-footer-banner a {
    color: #fff;
    text-decoration: underline!important
}

.ns-ars18 .disclaimer-footer-banner p {
    color: #fff;
    font-size: 14px
}

.ns-ars18 .disclaimer-footer-banner .disclaimer-close {
    display: inline-block;
    position: absolute;
    right: 110px;
    top: 11px
}

@media screen and (max-width:1500px) {
    .ns-ars18 .disclaimer-footer-banner .disclaimer-close {
        right: 50px;
        top: 11px
    }
}

@media screen and (max-width:1024px) {
    .ns-ars18 .disclaimer-footer-banner .disclaimer-close {
        right: 7px;
        top: 14px
    }
}

@media screen and (max-width:767px) {
    .ns-ars18 .disclaimer-footer-banner .disclaimer-close {
        right: 15px;
        top: 30px
    }
    .ns-ars18 .disclaimer-footer-banner {
        height: 70px;
        padding: 10px 35px
    }
}

@media (min-width:525px) and (max-width:767px) {
    .ComponentHero--HeroBannerStandard .textHolder {
        top: 20%!important;
        left: 50%!important;
        max-width: 500px!important
    }
}

@media screen and (max-width:515px) {
    .ns-ars18 .disclaimer-footer-banner .disclaimer-close {
        right: 13px;
        top: 30px
    }
    .ns-ars18 .disclaimer-footer-banner {
        height: 75px;
        padding: 10px 35px
    }
    .ns-ars18 .disclaimer-footer-banner p {
        font-size: 13px
    }
}

@media screen and (max-width:375px) {
    .ns-ars18 .disclaimer-footer-banner .disclaimer-close {
        right: 10px;
        top: 27px
    }
    .ns-ars18 .disclaimer-footer-banner {
        height: 75px;
        padding: 10px 17px
    }
    .ns-ars18 .disclaimer-footer-banner p {
        font-size: 12px
    }
    .ns-ars18 .email-campaign .email-error img {
        display: block;
        position: absolute;
        right: 115px;
        max-width: 15px
    }
}

@media screen and (max-width:320px) {
    .ns-ars18 .disclaimer-footer-banner .disclaimer-close {
        right: 10px;
        top: 32px
    }
    .ns-ars18 .disclaimer-footer-banner {
        height: 80px;
        padding: 5px 20px 5px 10px;
        text-align: left
    }
    .ns-ars18 .disclaimer-footer-banner p {
        font-size: 12px
    }
}

/*Top Headache Banner Notice*/

.notice>.container a{
    color: #fff;
    cursor: pointer;
    line-height: 1;
    text-decoration: underline;
    transition: .2s ease;
}

.notice>.container {
    font-size: 15px;
    color: #fff;
    position: absolute;
    top: 50%;
    transform: translatey(-50%);
    text-align: center;
    left: 0;
    right: 0;
    padding: 0 20px;
    max-width: 1440px
}


.notice>.container a{
    color: #fff;
    cursor: pointer;
    line-height: 1;
    text-decoration: underline;
    transition: .2s ease;
}
.notice>.container a:hover{
    color: #152934;
}

.notice {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background-color: #3c9;
    z-index: 99;
    height: 80px
}

.notice span {
    font-family: "Lato-regular", Arial, Helvetica Neue, Helvetica, sans-serif;
    font-size: 17px;
    color: #fff
}

.notice.active {
    display: block;
    visibility: visible;
    opacity: 1;
    position: relative;
    width: 100%;
    z-index: 0;
}

.notice {
    opacity: 0;
    visibility: hidden
}

.notice.active+#container {
    top: 80px
}

.notice.active+#container .mobile_header_menu_nav,
.notice.active+#container .mobile_header_products_nav {
    top: 130px
}

.ns-ars18-page .unfixed+.notice.active {
    position: absolute!important
}

.notice .close:after {
    content: "\78";
    font-family: arloicons
}

.notice .close {
    position: absolute;
    right: 5px;
    font-size: 12px
}

@media (min-width:526px) {
    .notice {
        height: 54px;
        max-width: 1440px;
        margin: 0 auto
    }
    .notice.active+#container {
        top: 0
    }
    .notice.active+#container .ns-ars18-page .mobile_header_menu_nav,
    .notice.active+#container .ns-ars18-page .mobile_header_products_nav {
        top: 110px
    }
    .notice .close {
        right: 8px;
        top: -8px
    }
}

@media (max-width:525px) {
    .notice {
        height: 60px;
        z-index: 0
    }
    .notice.active+#container {
        top: 0;
    }
    .notice span {
       font-size: 15px;
   }
}

body.noScroll {
    overflow: hidden
}

/*Toolbar Adjustment override*/
/*NON-US COUNTRIES*/

.VideoDoorbellHero--floodlight-teaser .VideoDoorbellHero__toolbar {
    top: 170px !important;
}
.VideoDoorbellHero--doorbell-hero .VideoDoorbellHero__toolbar {
    top: 150px !important;
}
html.not-at-top .VideoDoorbellHero--floodlight-teaser .VideoDoorbellHero__toolbar {
    top: 60px !important;
}
html.not-at-top  .VideoDoorbellHero--doorbell-hero .VideoDoorbellHero__toolbar {
    top: 60px !important;
}
.VideoDoorbellHero--essential-spotlight .VideoDoorbellHero__toolbar {
    top: 150px !important;
}
html.not-at-top .VideoDoorbellHero--essential-spotlight .VideoDoorbellHero__toolbar {
    top: 60px !important;
}
.floodlight-teaser-hero .VideoDoorbellHero__toolbar {
    top: 170px !important;
}
.VideoDoorbellHero--essential-spotlight .VideoDoorbellHero__toolbar {
    top: 150px !important;
}
html.not-at-top .floodlight-teaser-hero .VideoDoorbellHero__toolbar {
    top: 60px !important;
}

@media (max-width: 768px) {
  .VideoDoorbellHero--essential-spotlight .VideoDoorbellHero__toolbar {
      top: 150px !important;
  }
}


@media (min-width: 1024px) {
   .ns-ars18 .VideoDoorbellHero__toolbar--left {
    max-width: 500px !important;
    }
}

@media (min-width: 768px) {
  .ns-ars18 .VideoDoorbellHero__toolbar--right {
    width: auto !important;
    min-width: 170px;
  }
}

.form-input--floodlight-teaser .form-input__heading,
.form-input--floodlight-teaser .form-input__form-response {
	color: #152934 !important;
}
.form-input--floodlight-teaser .form-input__input {
  border: #152934 1px solid !important;
  border-right: none !important;
}

@media (max-width: 1024px) {
    .VideoDoorbellHero--doorbell-hero .VideoDoorbellHero__toolbar {
    top: 150px !important;
    }
}
@media (max-width: 768px) {
    .VideoDoorbellHero--doorbell-hero .VideoDoorbellHero__toolbar {
    top: 150px !important;
    }
}

@media (max-width: 600px) {
    .VideoDoorbellHero--floodlight-teaser .VideoDoorbellHero__toolbar {
    top: 190px !important;
    }
    .VideoDoorbellHero--doorbell-hero .VideoDoorbellHero__toolbar {
    top: 90px !important;
    }

}

.popup-box {
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .25);
    z-index: 99999;
    overflow-y: auto;
    padding: 20px 0
}

.popup-box.email-campaign.opened {
    display: block
}

.popup-box .popup-close {
    color: #fff;
    font-weight: 300;
    position: absolute;
    right: 30px;
    top: 20px;
    font-size: 19px;
    cursor: pointer;
    -webkit-transition: all .4s cubic-bezier(.11, .48, .46, .84);
    -moz-transition: all .4s cubic-bezier(.11, .48, .46, .84);
    -o-transition: all .4s cubic-bezier(.11, .48, .46, .84);
    -ms-transition: all .4s cubic-bezier(.11, .48, .46, .84);
    transition: all .4s cubic-bezier(.11, .48, .46, .84)
}

.popup-box.email-campaign .popup-close:before {
    font-family: Lato-Regular, Helvetica, Helvetica Neue, Arial, sans-serif;
    font-size: 19px
}

.popup-box .popup-inner {
    background: 0 0;
    border-radius: 2px;
    height: 100%;
    max-height: 490px;
    max-width: 700px;
    margin: 0 auto;
    margin-top: 110px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    z-index: 2;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.popup-box .popup-inner.error {
    max-height: 200px
}

.popup-box.email-campaign .popup-inner {
    border-radius: 10px
}

.popup-box.email-campaign .popup-inner.error,
.popup-box.email-campaign .popup-inner.personalize,
.popup-box.email-campaign .popup-inner.success {
    display: none
}

.popup-box.email-campaign .popup-content {
    background-image: linear-gradient(90deg, #50b7b9, #3c9);
    border-radius: 10px;
    height: 100%;
    margin: 0 auto;
    padding: 50px;
    position: absolute;
    width: 100%;
    top: 0
}

.email-campaign .popup-content-top {
    background: #f5f6f7;
    height: 42%;
    border-radius: 0 0 10px 10px;
    z-index: 999;
    padding: 60px 100px 0 100px;
    width: 100%;
    bottom: 0;
    left: 0;
    position: absolute
}

.email-campaign .promo-blurb {
    margin: 0;
    margin-bottom: 40px;
    width: 500px
}

.email-campaign .promo-blurb h2 {
    font-size: 60px;
    font-weight: 600
}

.email-campaign .promo-blurb h3 {
    font-size: 35px;
    font-weight: 500;
    line-height: 40px;
    margin-bottom: 25px
}

.email-campaign .promo-description {
    font-size: 25px;
    margin: auto 0;
    margin-bottom: 25px
}

.email-campaign .promo-disclaimer {
    display: inline-block;
    opacity: .8
}

.email-campaign .promo-disclaimer p {
    font-size: 13px;
    color: #02374f!important;
    line-height: 22px
}

.popup .email-campaign .success-disclaimer {
    font-size: 13px;
    color: #02374f!important;
    line-height: 22px
}

.email-campaign .promo-disclaimer a {
    color: #02374f!important;
    text-decoration: underline!important
}

.email-campaign .promo-disclaimer a:hover {
    color: #3c9!important
}

.email-campaign .promo-sale {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1px
}

.email-campaign .button--primary.email-signup {
    background: #384851;
    font-size: 16px!important;
    height: 60px!important;
    line-height: 60px;
    width: 110px;
    position: absolute;
    top: -10px;
    right: 0;
    border-radius: 0 4px 4px 0
}

.email-campaign .button--primary.promo {
    background: #384851;
    font-size: 16px!important;
    height: 60px!important;
    line-height: 60px;
    margin: 0 auto
}

.email-campaign .button--primary.promo:hover {
    background: #3c9
}

.email-campaign .form-holder {
    display: block;
    z-index: 9999;
    position: relative;
    width: 100%
}

.email-campaign form {
    display: block;
    max-width: 500px;
    margin: 0 auto
}

.email-campaign input[type=email] {
    font-family: "Neue Haas Unica Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
    width: 100%;
    height: 60px;
    border-radius: 4px;
    background: #fff;
    border: 0;
    color: #152934;
    font-size: 15px;
    font-weight: 300;
    line-height: 22px;
    -webkit-appearance: none;
    padding: 10px 30px;
    margin-top: -10px
}

.email-campaign input[type=email]::placeholder {
    letter-spacing: .5px
}

.email-campaign .email-error-msg {
    color: red!important;
    font-size: 13px
}

.email-campaign .email-error img {
    display: block;
    position: absolute;
    right: 135px;
    top: 12px
}

.email-campaign .popup-overlay-section {
    padding: 20px;
    border-radius: 10px;
    z-index: 9999;
    position: absolute;
    background-image: linear-gradient(180deg, #fff 40%, transparent 100%);
    width: 85%
}

.email-campaign .input-block label {
    font-size: 16px;
    margin-right: 20px;
    position: relative
}

.email-campaign p.radio-label-left {
    color: #152934!important;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: .5px;
    margin-right: 30px;
    width: 140px;
    float: left
}

.email-campaign .input-block {
    display: block;
    margin-bottom: 15px;
    width: 100%
}

.email-campaign .input-list {
    display: block;
    margin-bottom: 25px
}

.email-campaign .option-block {
    display: inline-block
}

.promo-blurb .promo-asterisk {
    color: #fff;
    font-size: 30px
}

.email-campaign::placeholder {
    color: #02374f
}

.email-campaign::-ms-input-placeholder {
    color: #02374f
}

.email-campaign::-ms-input-placeholder {
    color: #02374f
}

.email-campaign input[type=checkbox],
.email-campaign input[type=radio] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.email-campaign input[type=checkbox]:after,
.email-campaign input[type=radio]:after {
    width: 12px;
    height: 12px;
    border-radius: 50px;
    top: 0;
    left: 0;
    position: relative;
    background-color: #fff;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 2px solid #dfe2e6
}

.email-campaign input[type=checkbox]:checked:after,
.email-campaign input[type=radio]:checked:after {
    width: 12px;
    height: 12px;
    border: 0;
    border-radius: 50px;
    top: 0;
    left: 0;
    position: relative;
    background-color: #3c9;
    content: '';
    display: inline-block;
    visibility: visible
}

.email-campaign select {
    border: 0;
    font-size: 16px
}

.email-campaign .popup-overlay-section.success {
    background-image: linear-gradient(180deg, #fff 60%, transparent 100%);
    padding: 20px
}

.popup-box h1,
.popup-box h2,
.popup-box h3,
.popup-box h4,
.popup-box h5,
.popup-box p {
    color: #fff!important;
    text-align: left
}

.popup-box .success .text-holder ul {
    opacity: .8;
    margin-bottom: 15px
}

.popup-box .success .text-holder li {
    color: #384851;
    font-size: 14px;
    letter-spacing: 1px;
    list-style: disc;
    margin-left: 15px;
    opacity: .8
}

.popup-box .success.popup-overlay-section h3 {
    color: #384851!important;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: .5px;
    margin-bottom: 5px
}

.popup-box .success-disclaimer {
    color: #384851!important;
    font-size: 12px;
    opacity: .8
}

/*////Coupon Popup - basic product listing////*/
.popup-box.basic-coupon {
  font-family: "Neue Haas Unica Pro", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
}
.popup-box.basic-coupon .popup-inner {
  background: #fff;
  padding: 50px 30px;
  max-height: 450px;
  text-align: center;
  -webkit-box-shadow: 0 0 10px #cacaca;
  box-shadow: 0 0 10px #cacaca;
}
.popup-box.basic-coupon .popup-content {
  display: block;
  height: 100%;
  position: relative;
}

.popup-box.basic-coupon a {
  color: #152934;
}
.popup-box.basic-coupon a:hover {
  color: #3c9;
}

.popup-box.basic-coupon .button--static {
  background: #0F3851;
  display: inline-block;
  width: 60px;
  height: 44px;
  text-align: center;
  color: #fff;
  cursor: pointer;
  border-radius: 0 5px 5px 0;
  border: none;
  position:absolute;
  top: 0;
  right: 201px;
  transition: .2s ease;
}
.popup-box.basic-coupon .button--static.copyTextBtn {
  font-size: 16px;
}
.popup-box.basic-coupon .button--static.copied {
  background: #3c9;
  width: 78px;
}

.popup-box.basic-coupon .coupon-disclaimer-holder {
  display: block;
}
.popup-box.basic-coupon .coupon-disclaimer {
  font-size: 12px;
  font-weight: 300;
  margin: auto;
  text-align: center;
}

.popup-box.basic-coupon h3.promo-head, .popup-box.basic-coupon h4.promo-subhead, .popup-box.basic-coupon h5 {
  color: #3c9 !important;
  margin-bottom: 20px;
  text-align: center;
}
.popup-box.basic-coupon h3.promo-head {
  font-size: 40px;
  font-weight: 600;
}
.popup-box.basic-coupon h4.promo-subhead {
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 2px;
  margin-bottom: 40px;
}
.popup-box.basic-coupon p {
  color: #152934 !important;
  margin-bottom: 15px;
}
.popup-box.basic-coupon p.promo-desc {
  font-weight: 300 !important;
  margin: 30px auto 40px;
  max-width: 600px;
  text-align: center;
}
.popup-box.basic-coupon p.copyText {
  border: 2px solid #d4d4d8;
  border-radius: 5px;
  font-size: 18px;
  font-weight: 500;
  height: 44px;
  margin: 0 auto 5px;
  width: 240px !important;
  padding: 7px 30px;
  text-align: left;
}
.popup-box.basic-coupon span.promo-code {
  font-weight: 500;
}
.popup-box.basic-coupon .coupon-redirect {
  font-size: 14px;
  margin-top: 10px;
  text-align: center;
  text-decoration: underline;
}
.popup-box.basic-coupon .coupon-redirect img {
  display: inline-block;
  width: 29px;
  height: auto;
  margin-left: 5px;
}
.popup-box.basic-coupon .coupon-redirect-link:hover {
  margin-left: 5px;
}

.popup-box.basic-coupon .input-wrapper.coupon {
  display: block;
  position: relative;
}

@media (max-width:1024px) {
    .popup-box .popup-inner {
        margin-top: 150px
    }
}

@media (max-width:768px) {
    .email-campaign .input-block label {
        font-size: 15px;
        margin-right: 10px
    }
    .email-campaign input[type=email]::placeholder {
        font-size: 13px
    }
    .popup-box h1,
    .popup-box h2,
    .popup-box h3,
    .popup-box h4,
    .popup-box h5,
    .popup-box p {
        margin-bottom: 15px
    }
    .email-campaign .promo-blurb {
        margin: 0 auto;
        max-width: 90%
    }
    .email-campaign .promo-description {
        font-size: 20px;
        margin-bottom: 15px
    }
    .popup-box .popup-content {
        width: 100%
    }
    .email-campaign .popup-content-top {
        padding: 60px 50px 0
    }
    .popup-box .popup-inner {
        max-width: 600px;
        max-height: 500px
    }
    .popup-box .popup-inner .popup-holder {
        position: relative;
        background: #fff;
        border-radius: 5px;
        height: auto;
        max-height: 100%;
        overflow: hidden;
        overflow-y: auto;
        padding: 30px 15px
    }
    .popup-box .popup-close-wrap {
        position: relative
    }
    .popup-box .popup-close {
        width: 30px;
        height: 30px;
        padding-top: 4px;
        display: inline-block;
        position: absolute;
        top: 15px;
        right: 13px
    }
    .popup-box .popup-close-wrap .popup-close:hover {
        background: #000;
        text-decoration: none
    }
    .popup-box .popup-bodyclose {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 0;
        cursor: default
    }
    .popup-box .server-error-msg {
        margin-bottom: 0;
        text-align: center
    }
    .email-campaign .promo-sale {
        font-size: 16px;
        letter-spacing: 1px;
        line-height: 25px
    }
    .email-campaign .promo-blurb {
        margin: 0!important
    }
    .email-campaign select {
        font-size: 15px
    }
    .promo.form-holder {
        top: 30px
    }

    .popup-box.basic-coupon .button--static {
      right: 150px;
    }
}

@media (max-width:599px) {
    .email-campaign .popup-overlay-section {
        background-image: linear-gradient(180deg, #fff 70%, transparent 0);
        width: 90%
    }
    .email-campaign .popup-content-top {
        padding: 65px 30px 0 30px!important;
        background: #fff!important
    }
    .email-campaign .promo-blurb {
        max-width: 95%;
        margin: 35px auto 0!important
    }
    .email-campaign .promo-description {
        font-size: 14px;
        line-height: 20px!important
    }
    .email-campaign .promo-sale {
        font-size: 16px;
        line-height: 10px
    }
    .popup-box .popup-inner {
        background: #fff;
        border-radius: 2px;
        max-height: 565px;
        max-width: 95%;
        margin: 0 auto;
        margin-top: 100px;
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        z-index: 2;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .popup-box.email-campaign .popup-content {
        padding: 60px 20px
    }
    .promo.form-holder {
        top: 20px
    }
    .email-campaign input[type=checkbox]:after,
    .email-campaign input[type=radio]:after {
        width: 18px;
        height: 18px;
        border-radius: 50px;
        top: -2px;
        left: -2px;
        position: relative;
        background-color: #fff;
        content: '';
        display: inline-block;
        visibility: visible;
        border: 2px solid #dfe2e6
    }
    .email-campaign input[type=checkbox]:checked:after,
    .email-campaign input[type=radio]:checked:after {
        width: 18px;
        height: 18px;
        border: 0;
        border-radius: 50px;
        top: -2px;
        left: -2px;
        position: relative;
        background-color: #3c9;
        content: '';
        display: inline-block;
        visibility: visible
    }
    .popup-box.basic-coupon .button--static {
      right: 48px;
    }
    .popup-box.basic-coupon .popup-inner {
      max-height: 450px;
    }
    .popup-box.basic-coupon p.promo-desc {
      font-size: 18px;
    }
}

@media (max-width:425px) {
    .email-campaign .input-block label {
        vertical-align: super
    }
    .email-campaign input[type=email]::placeholder {
        font-size: 13px
    }
    .email-campaign .popup-overlay-section {
        width: 97%;
        left: 6px
    }
    .email-campaign p.radio-label-left {
        height: 35px;
        width: 150px;
        margin-right: 0;
        letter-spacing: 0
    }
    .email-campaign .option-block {
        display: block
    }
    .email-campaign .promo-blurb h3 {
        font-size: 25px;
        line-height: 30px
    }
    .email-campaign .promo-disclaimer {
        margin-top: 30px
    }
    .email-campaign .promo-sale {
        font-size: 13px
    }
    .email-campaign .popup-content-top {
        padding: 15px!important;
        width: 100%;
        height: 55%;
    }
    .popup-box .popup-inner {
        background: #fff;
        border-radius: 2px;
        max-height: 520px;
        max-width: 95%;
        margin: 0 auto;
        margin-top: 100px;
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        z-index: 2;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .popup-box.email-campaign .popup-content {
        padding: 10px
    }
    .email-campaign .promo-description {
        font-size: 14px;
        line-height: 20px!important
    }
    .email-campaign .promo-sale {
        font-size: 15px;
        line-height: 20px;
        letter-spacing: 0
    }
    .email-campaign .promo-blurb h3 {
        font-size: 25px;
        line-height: 30px;
        margin-bottom: 10px
    }
    .promo .input-wrapper {
        margin-top: 0
    }
    .popup-box .success.popup-overlay-section h3 {
        line-height: 21px
    }
    .email-campaign .email-error-msg {
        font-size: 12px;
        padding: 0 10px
    }
    .popup-box.basic-coupon .coupon-redirect {
      font-size: 12px;
    }
}

@media screen and (max-width:375px) {
    .email-campaign .promo-description {
        font-size: 14px;
        line-height: 20px!important
    }
    .email-campaign .promo-sale {
        font-size: 15px;
        line-height: 23px
    }
    .email-campaign .promo-blurb h3 {
        font-size: 25px;
        line-height: 30px;
        margin-bottom: 10px
    }
    .popup-box .success.popup-overlay-section h3 {
        line-height: 21px;
    }
    .promo .input-wrapper {
        margin-top: -10px
    }
    .popup-box.basic-coupon .button--static {
      right: 28px;
    }
    .popup-box.basic-coupon p.promo-desc {
      font-size: 16px;
    }
}

@media screen and (max-width:320px) {
    .email-campaign .email-error-msg {
        font-size: 10px;
        padding: 0 10px
    }
    .email-campaign .promo-sale {
        font-weight: 500
    }
    .email-campaign input[type=email] {
        padding: 10px
    }
    .email-campaign p.radio-label-left {
        width: 100px
    }
    .email-campaign .option-block {
        margin-left: 100px
    }
    .popup-box.basic-coupon .button--static {
      right: 2px;
    }
    .popup-box.basic-coupon p.promo-desc {
      font-size: 14px;
    }
}

/*Homepage Override Style*/
.ns-ars18 .main .WindowPaneArrangementB {
  padding-top: 100px;
}
.ns-ars18 .WindowPaneArrangementB h1 {
    padding-bottom: 50px;
}

/*Floodlight PDP - Envoy Override Style*/
.ns-ars18 .floodlight-teaser-hero__info-description {
  max-width: 566px !important;
}
.ns-ars18 .hero-2019--pro-3-floodlight .hero-2019__subheading {
  font-family: "Lato-Regular", helvetica, sans-serif;
  max-width: 600px !important;
}

@media (max-width: 768px) {
  .ns-ars18 .hero-2019--pro-3-floodlight .hero-2019__subheading {
  max-width: 300px !important;
  }
}

.form-input--floodlight-teaser {
  background-color: #ebecef;
}

.form-input--floodlight-teaser .form-input__heading {
  padding-top: 50px;
}


/*Doorbell Categories - Envoy Override Stylesheet*/
@media screen and (min-width: 375px) {
  .ns-ars18 .hero-2019--doorbell-category .hero-2019__heading-container {
    max-width: 310px;
  }
}
@media screen and (min-width: 768px) {
  .ns-ars18 .hero-2019--doorbell-category .hero-2019__heading-container {
    max-width: 430px;
  }
}
@media screen and (min-width: 1024px) {
  .ns-ars18 .hero-2019--doorbell-category .hero-2019__heading-container {
    max-width: 650px;
  }
}
@media screen and (min-width: 1170px) {
  .ns-ars18 .hero-2019--doorbell-category .hero-2019__heading-container {
    max-width: 870px;
  }
}

/*Privacy Pledge - Envoy Override Stylesheet*/

@media screen and (min-width: 320px) {
  .privacy-pledge .hero-2019__heading {
    position: absolute;
    top: 90px;
    left: 7%;
  }
}
@media screen and (min-width: 1024px) {
  .privacy-pledge .hero-2019__heading {
    position: absolute;
    top: 120px;
    left: 15%;
  }
}

/*Promo Deals Page*/
.grid-subcopy {
  display: block;
  padding: 0 31px 20px;
  text-align: center;
}

@media screen and (min-width: 1024px) {
  .grid-subcopy {
    text-align: left;
    margin-top: -44px;
  }
}

.acsb-actions.acsb-clearfix li:first-child {
	display: none;
}

.acsb-copyrights.acsb-bg-lead span,
.acsb-copyrights.acsb-bg-lead a {
    display: none !important;
}