@charset "utf-8";
/* CSS Document */

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block
}
body {
    line-height: 1
}
ol, ul {
    list-style: none
}
blockquote, q {
    quotes: none
}
blockquote:after, blockquote:before, q:after, q:before {
    content: '';
    content: none
}
table {
    border-collapse: collapse;
    border-spacing: 0
}
img {border:none; height:auto; max-width:100%;}

html {
    scroll-behavior: smooth
}
* {
    box-sizing: border-box;
    outline: none
}
#root, body {
    display: flex;
    flex-direction: column;
    min-height: 100vh
}
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    color: #000;
    font-family: Roboto, sans-serif;
    font-size: 16px;
    min-width: 320px
}
main {
    display: flex;
    flex: 1 1;
    flex-direction: column
}
img, video {
    max-height: 100%;
    max-width: 100%
}
button {
    cursor: pointer
}
b, strong {
    font-weight: 700
}
.inline-block {
    display: inline-block
}
.text-center {
    text-align: center
}

/*=========Fonts=======*/
@font-face {
    font-family: 'Roboto';
    src: url('Roboto-Regular.woff2') format('woff2'),
    url('Roboto-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('Roboto-Bold.woff2') format('woff2'),
    url('Roboto-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('Roboto-Medium.woff2') format('woff2'),
    url('Roboto-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}


/*=========Main Css=======*/
.t75334df8-86eb-4eeb-bc35-f982a33012f0 {
    color: #fff;
    background: #222;
    border: 1px solid transparent;
    border-radius: undefinedpx;
    padding: 8px 21px;
}
.t75334df8-86eb-4eeb-bc35-f982a33012f0.place-top {
    margin-top: -10px;
}
.t75334df8-86eb-4eeb-bc35-f982a33012f0.place-top::before {
    content: "";
    background-color: inherit;
    position: absolute;
    z-index: 2;
    width: 20px;
    height: 12px;
}
.t75334df8-86eb-4eeb-bc35-f982a33012f0.place-top::after {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    border-top-right-radius: undefinedpx;
    border: 1px solid transparent;
    background-color: #222;
    z-index: -2;
    bottom: -6px;
    left: 50%;
    margin-left: -6px;
    transform: rotate(135deg);
}
.t75334df8-86eb-4eeb-bc35-f982a33012f0.place-bottom {
    margin-top: 10px;
}
.t75334df8-86eb-4eeb-bc35-f982a33012f0.place-bottom::before {
    content: "";
    background-color: inherit;
    position: absolute;
    z-index: -1;
    width: 18px;
    height: 10px;
}
.t75334df8-86eb-4eeb-bc35-f982a33012f0.place-bottom::after {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    border-top-right-radius: undefinedpx;
    border: 1px solid transparent;
    background-color: #222;
    z-index: -2;
    top: -6px;
    left: 50%;
    margin-left: -6px;
    transform: rotate(45deg);
}

.t75334df8-86eb-4eeb-bc35-f982a33012f0.place-left {
    margin-left: -10px;
}
.t75334df8-86eb-4eeb-bc35-f982a33012f0.place-left::before {
    content: "";
    background-color: inherit;
    position: absolute;
    z-index: -1;
    width: 10px;
    height: 18px;
}
.t75334df8-86eb-4eeb-bc35-f982a33012f0.place-left::after {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    border-top-right-radius: undefinedpx;
    border: 1px solid transparent;
    background-color: #222;
    z-index: -2;
    right: -6px;
    top: 50%;
    margin-top: -6px;
    transform: rotate(45deg);
}
.t75334df8-86eb-4eeb-bc35-f982a33012f0.place-right {
    margin-left: 10px;
}
.t75334df8-86eb-4eeb-bc35-f982a33012f0.place-right::before {
    content: "";
    background-color: inherit;
    position: absolute;
    z-index: -1;
    width: 10px;
    height: 18px;
}
.t75334df8-86eb-4eeb-bc35-f982a33012f0.place-right::after {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    border-top-right-radius: undefinedpx;
    border: 1px solid transparent;
    background-color: #222;
    z-index: -2;
    left: -6px;
    top: 50%;
    margin-top: -6px;
    transform: rotate(-135deg);
}

.t389b787a-5910-42bd-ba88-a59f1bea7e99 {
    color: #fff;
    background: #222;
    border: 1px solid transparent;
    border-radius: undefinedpx;
    padding: 8px 21px;
}

.t389b787a-5910-42bd-ba88-a59f1bea7e99.place-top {
    margin-top: -10px;
}
.t389b787a-5910-42bd-ba88-a59f1bea7e99.place-top::before {
    content: "";
    background-color: inherit;
    position: absolute;
    z-index: 2;
    width: 20px;
    height: 12px;
}
.t389b787a-5910-42bd-ba88-a59f1bea7e99.place-top::after {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    border-top-right-radius: undefinedpx;
    border: 1px solid transparent;
    background-color: #222;
    z-index: -2;
    bottom: -6px;
    left: 50%;
    margin-left: -6px;
    transform: rotate(135deg);
}

.t389b787a-5910-42bd-ba88-a59f1bea7e99.place-bottom {
    margin-top: 10px;
}
.t389b787a-5910-42bd-ba88-a59f1bea7e99.place-bottom::before {
    content: "";
    background-color: inherit;
    position: absolute;
    z-index: -1;
    width: 18px;
    height: 10px;
}
.t389b787a-5910-42bd-ba88-a59f1bea7e99.place-bottom::after {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    border-top-right-radius: undefinedpx;
    border: 1px solid transparent;
    background-color: #222;
    z-index: -2;
    top: -6px;
    left: 50%;
    margin-left: -6px;
    transform: rotate(45deg);
}

.t389b787a-5910-42bd-ba88-a59f1bea7e99.place-left {
    margin-left: -10px;
}
.t389b787a-5910-42bd-ba88-a59f1bea7e99.place-left::before {
    content: "";
    background-color: inherit;
    position: absolute;
    z-index: -1;
    width: 10px;
    height: 18px;
}
.t389b787a-5910-42bd-ba88-a59f1bea7e99.place-left::after {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    border-top-right-radius: undefinedpx;
    border: 1px solid transparent;
    background-color: #222;
    z-index: -2;
    right: -6px;
    top: 50%;
    margin-top: -6px;
    transform: rotate(45deg);
}

.t389b787a-5910-42bd-ba88-a59f1bea7e99.place-right {
    margin-left: 10px;
}
.t389b787a-5910-42bd-ba88-a59f1bea7e99.place-right::before {
    content: "";
    background-color: inherit;
    position: absolute;
    z-index: -1;
    width: 10px;
    height: 18px;
}
.t389b787a-5910-42bd-ba88-a59f1bea7e99.place-right::after {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    border-top-right-radius: undefinedpx;
    border: 1px solid transparent;
    background-color: #222;
    z-index: -2;
    left: -6px;
    top: 50%;
    margin-top: -6px;
    transform: rotate(-135deg);
}


.header {
    align-items: center;
    border-bottom: 1px solid #ccc;
    display: flex;
    flex-direction: column
}
.header__logo-wrapper {
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 100%;
    padding: 0 20px;
    width: 1000px
}
.header__logo {
    margin: 10px 0;
    /*width: 200px*/
    max-height: 50px;
}
.header__stars {
    height: 35px;
    padding: 2px
}
.urgency-bar {
    background-color: red;
    color: #fff;
    padding: 10px 0;
    text-align: center;
    width: 100%
}
.urgency-bar__time {
    color: #ff0;
    margin-left: 4px
}
.page-error {
    background-color: #fff;
    bottom: 0;
    color: #000;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 100
}
.page-error, .page-footer {
    align-items: center;
    display: flex;
    flex-direction: column
}
.page-footer {
    background-color: #000;
    color: #fff;
    padding: 20px;
    text-align: center
}
.page-footer__copyright {
    margin-bottom: 15px
}
.page-footer__links {
    display: flex;
    margin-bottom: 15px
}
.page-footer__link {
    background-color: transparent;
    border: none;
    color: #fff;
    font-size: 14px;
    margin: 0 8px;
    text-decoration: underline;
    transition: all .2s;
    white-space: nowrap;
    width: 33.33%
}
@media(max-width:320px) {
    .page-footer__link {
        font-size: 12px
    }
}
.page-footer__link:hover {
    opacity: .7
}
.page-footer__note {
    margin-bottom: 15px
}

#warranty-no {
    background-color: transparent;
    border: 1px solid rgba(0,0,0,.12);
    color: rgba(0,0,0,.38)
}
#warranty-no:hover {
    background-color: #e4e4e4
}


.reviews {
    margin-bottom: 40px
}
.reviews__title {
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 30px;
    text-align: center
}
@media(max-width:768px) {
    .reviews__test-img {
        display: none
    }
}
.reviews__test-img--mob {
    display: none
}
@media(max-width:768px) {
    .reviews__test-img--mob {
        display: block
    }
}
.reviews__test-button {
    border: 1px solid #777;
    border-radius: 5px;
    display: none;
    margin-top: 10px;
    padding: 10px;
    text-align: center;
    text-transform: uppercase;
    width: 100%
}
@media(max-width:768px) {
    .reviews__test-button {
        display: block
    }
}
.review {
    align-items: center;
    display: flex!important;
    flex-direction: column;
    margin-bottom: 30px;
    padding: 0 15px;
    text-align: center
}
.review__img {
    border-radius: 10px;
    margin-bottom: 15px;
    max-height: 250px
}
.review__stars {
    color: #f5b11d;
    margin-bottom: 10px
}
.review__title {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 15px
}
.review__text {
    line-height: 1.4;
    margin-bottom: 15px
}
.review__author {
    display: flex;
    flex-direction: column;
    font-style: italic
}
.review__author-name {
    font-weight: 700;
    margin-bottom: 5px
}
.step-header {
    background-color: #f7f7f7;
    display: flex;
    flex-direction: column;
    font-size: 20px;
    padding: 20px;
    text-align: center
}
.step-header b {
    margin-right: 4px
}
.step-header img {
    align-self: center;
    margin-top: 10px;
    width: 175px
}
.color-select {
    border-top: 1px solid #ddd;
    padding: 20px;
    text-align: center;
    width: 100%
}
.color-select__title {
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 14px
}
.color-select__item {
    border: 1px solid #d8d8d8;
    cursor: pointer;
    margin: 0 5px;
    padding: 5px
}
.color-select__item img {
    margin-bottom: 4px;
    max-height: 60px
}
.color-select__item p {
    font-size: 14px
}
.color-select__item.active {
    border: 1px solid #4c99c5;
    box-shadow: 0 0 2px 2px #4c99c5
}
.color-select-items {
    display: flex
}
.ships-info-wrapper {
    display: flex;
    flex-direction: column
}
.ships-info {
    align-items: center;
    border: 2px solid #1f4ba2;
    border-radius: 4px;
    display: flex;
    margin-bottom: 20px;
    margin-left: 20px;
    margin-right: 20px;
    padding: 10px 20px
}
.ships-info img {
    height: 40px;
    margin-right: 10px
}
.ships-info p {
    font-size: 13px;
    line-height: normal;
    text-align: left
}
.ships-info-secure {
    align-self: center;
    max-width: 100%;
    padding: 0 20px 20px;
    width: 500px
}
.product-select {
    border: 1px solid #ddd;
    border-radius: 4px;
    display: flex;
    flex-direction: column
}
.product-select--opc {
    border: none
}
@media(max-width:768px) {
    .product-select {
        margin-left: -20px;
        margin-right: -20px
    }
    .header__logo{ width:150px;}
}
.product-select .big-green-btn {
    margin-bottom: 20px;
    margin-top: 20px
}
.product-select .big-green-btn:disabled {
    background-color: #ddd;
    cursor: not-allowed
}
.product-body {
    align-items: center;
    display: flex;
    padding: 15px
}
.product-header {
    background-color: #2b89cc;
    color: #fff;
    font-weight: 700;
    padding: 10px;
    text-align: center
}
.product {
    border-top: 1px solid #ddd;
    cursor: pointer
}
.product, .product:last-of-type {
    border-bottom: 1px solid #ddd
}
.product .fa-dot-circle {
    display: none
}
.product .fa-circle, .product .fa-dot-circle {
    font-size: 18px
}
.product.active {
    background-color: #fff7b2
}
.product.active .fa-dot-circle {
    display: block
}
.product.active .fa-circle {
    display: none
}
.product.popular {
    border: 1px solid #2b89cc
}
.product__checkbox {
    color: #2b89cc;
    margin-right: 10px
}
.product__title {
    font-size: 14px;
    line-height: 1.4;
    margin-bottom: 4px
}
.product__title b {
    font-size: 16px
}
.product__shipping {
    color: green;
    font-size: 14px;
    font-weight: 700
}
.product__msrp {
    color: red;
    text-decoration: line-through
}
.product__price {
    font-weight: 400
}
.product__savings {
    color: green
}
.product-left {
    flex: 1 1
}
.product-right {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.4;
    text-align: right
}
.soldOut {
    cursor: not-allowed;
    opacity: .5
}
.opcProduct {
    align-items: center;
    border: none;
    cursor: pointer;
    display: flex;
    margin-bottom: 10px;
    padding: 10px
}
.opcProduct--active {
    border: 3px solid #2b89cc;
    border-radius: 10px
}
.opcProduct:last-child {
    margin-bottom: 0
}
.opcProduct__image {
    border: 1px solid silver;
    border-radius: 10px;
    flex: none;
    margin-right: 10px;
    padding: 10px;
    position: relative
}
.opcProduct__image img {
    height: 75px
}
.opcProduct__title {
    margin-right: 10px
}
.opcProduct__quantity {
    background-color: rgba(67,67,67,.862);
    border-radius: 50%;
    color: #fff;
    font-size: 25px;
    font-weight: 700;
    height: 30px;
    line-height: 30px;
    position: absolute;
    right: -10px;
    text-align: center;
    top: -10px;
    width: 30px
}
.opcProduct__msrp {
    color: red;
    text-decoration: line-through
}
.opcProduct__shipping {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 20px;
    margin-top: 10px
}
.opcProduct__shipping b {
    margin-right: 4px
}
.opcProduct-left {
    align-items: center;
    display: flex;
    flex: 1 1
}
.opcProduct-right {
    font-weight: 700;
    line-height: 1.2;
    text-align: right
}
.cta-btn-container {
    display: flex;
    flex-direction: column
}
.cta-btn-container .big-green-btn {
    margin-bottom: 15px
}
.checkbox-label {
    cursor: pointer;
    display: block;
    font-size: 14px;
    line-height: 1.4;
    padding-left: 30px;
    position: relative;
    -webkit-user-select: none;
    user-select: none
}
.checkbox-label .link {
    color: #00c749;
    display: inline-block;
    text-decoration: underline
}
.checkbox-label input {
    cursor: pointer;
    height: 0;
    opacity: 0;
    position: absolute;
    width: 0
}
.checkmark {
    border: 2px solid gray;
    border-radius: 4px;
    height: 20px;
    left: 0;
    position: absolute;
    top: -2px;
    width: 20px
}
.checkbox-label input:checked~.checkmark, .checkbox-label:hover input~.checkmark, .checkmark {
    background-color: #fff
}
.checkmark:after {
    content: "";
    display: none;
    position: absolute
}
.checkbox-label input:checked~.checkmark:after {
    display: block
}
.checkbox-label .checkmark:after {
    border: solid #00c749;
    border-width: 0 3px 3px 0;
    height: 8px;
    left: 5px;
    top: 1px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 3px
}
.shipping-info {
    border: 1px solid #ddd;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    margin-bottom: 20px
}
@media(max-width:768px) {
    .shipping-info {
        margin-left: -20px;
        margin-right: -20px
    }
}
.shipping-info .big-green-btn {
    margin-bottom: 10px
}
.sms-text {
    font-size: 14px;
    margin-top: 25px
}
.sms-text-description {
    color: gray;
    font-size: 13px;
    font-style: italic;
    line-height: normal;
    margin-top: 10px
}
.cross-sells {
    margin-top: 20px;
    text-align: left
}
.cross-sells--opc {
    padding-left: 20px;
    padding-right: 20px
}
.cross-sells--opc .cross-sells-item {
    border-bottom-color: #eee;
    border-radius: 0;
    border-width: 1px;
    border-left: #eee;
    border-right: #eee;
    border-top-color: #eee;
    padding: 10px
}
@media(max-width:430px) {
    .cross-sells {
        margin-left: -20px;
        margin-right: -20px
    }
}
.cross-sells__title {
    align-items: center;
    display: flex;
    font-size: 20px;
    font-weight: 700;
    justify-content: center;
    margin-bottom: 20px;
    text-align: center
}
.cross-sells__title .fa-arrow-alt-down {
    color: #2b89cc;
    margin: 0 8px;
    width: 16px;
}
.cross-sells-item {
    border: 2px solid #b8b8b8;
    border-radius: 5px;
    margin-bottom: 20px;
    padding: 15px;
    position: relative
}
.cross-sells-item-left-badge {
    background-color: #00d61d;
    border-radius: 0 0 30px 0;
    color: #fff;
    font-size: 15px;
    left: -5px;
    line-height: 1;
    padding: 4px 15px 4px 4px;
    position: absolute;
    top: -5px
}
.cross-sells-item-left-badge b {
    display: block
}
.cross-sells-item-left-badge span {
    font-size: 12px
}
.cross-sells-item-right-badge {
    background-color: red;
    border-radius: 4px;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    padding: 2px 4px;
    position: absolute;
    right: 10px;
    text-transform: uppercase;
    top: -8px
}
.cross-sells-item-right-badge .fa-exclamation-triangle {
    color: #ff0
}
.cross-sells-item-inner {
    display: flex;
    justify-content: space-between
}
.cross-sells-item__img {
    display: flex;
    flex: 1 1;
    justify-content: center;
    margin-right: 10px;
    padding-top: 15px
}
.cross-sells-item__img img {
    align-self: center;
    max-height: 90px
}
.cross-sells-item__description {
    flex: 4 1;
    padding-right: 20px
}
.cross-sells-item__description h4 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 14px
}
.cross-sells-item__description li {
    display: flex;
    font-size: 15px;
    line-height: 1.2;
    margin-bottom: 4px;
    text-transform: capitalize
}
.cross-sells-item__description li .fa-check {
    color: #00d61d;
    font-size: 20px;
    margin-right: 4px
}
.cross-sells-item__price {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex: 1 1;
    flex-direction: column;
    text-align: center
}
.cross-sells-item__price h4 {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 14px
}
.cross-sells-item__price img {
    height: 50px;
    margin-bottom: 6px
}
.cross-sells-item__price s {
    color: red
}
.cross-sells-item__price p, .cross-sells-item__price s {
    font-size: 16px
}
.cross-sells-item .cross-sells-item__price-checkmark {
    display: none
}
.cross-sells-item.active .cross-sells-item__price-checkmark {
    display: block
}
.cross-sells-item.active .cross-sells-item__price-empty-checkmark {
    display: none
}
.cross-sells-item .cross-sells-item__price-empty-checkmark {
    display: block
}
.cross-sells-variant-selector {
    align-items: center;
    display: flex;
    margin-top: 10px
}
.cross-sells-variant-selector select {
    border-radius: 4px;
    font-size: 16px;
    margin-left: 5px;
    padding: 5px
}
.nd-cross-sells-item .cross-sells-item-left-badge {
    background-color: #bd0e14;
    font-weight: 700;
    left: 0;
    text-align: center;
    top: 0
}
.nd-cross-sells-item .cross-sells-item-left-badge span {
    font-size: inherit
}
.nd-cross-sells-item .cross-sells-item__img {
    flex: none;
    flex-direction: column;
    margin-top: 10px;
    width: 100px
}
@media(max-width:768px) {
    .nd-cross-sells-item .cross-sells-item__img {
        width: 70px
    }
}
.nd-cross-sells-item .cross-sells-item__description {
    padding: 0 10px
}
.nd-cross-sells-item .cross-sells-item__description h4 {
    font-size: 20px
}
.nd-cross-sells-item .cross-sells-item__description li {
    margin-bottom: 0
}
.nd-cross-sells-item .cross-sells-item__price {
    line-height: 1.4
}
.nd-cross-sells-item .cross-sells-item__price img {
    border: 2px solid #000;
    border-radius: 10px;
    overflow: hidden
}
.nd-cross-sells-item .cross-sells-item__price s {
    color: #7e7e7e;
    font-size: 18px
}
.nd-cross-sells-item .cross-sells-item__price p {
    font-size: 18px;
    font-weight: 700
}
.nd-cross-sells-item .cross-sells-variant-selector {
    flex-direction: column
}
.nd-cross-sells-item .cross-sells-variant-selector p {
    margin-bottom: 3px
}
.nd-cross-sells-item .cross-sells-variant-selector select {
    font-size: 14px;
    margin-left: 10px;
    padding: 3px;
    text-overflow: ellipsis;
    width: 90px
}
.nd-cross-sells-item .cross-sells-item-right-badge {
    background-color: transparent;
    color: #bd0e14;
    font-size: 16px;
    font-weight: 400;
    position: static;
    text-transform: capitalize;
    white-space: nowrap
}
.nd-cross-sells-item .cross-sells-item-inner {
    align-items: center;
    display: flex
}
.nd-cross-sells__title {
    font-weight: 400;
    justify-content: space-between;
    text-align: left
}
@media(max-width:768px) {
    .nd-cross-sells__title {
        font-size: 16px;
        padding-left: 10px
    }
}
.nd-cross-sells__title p:last-child {
    font-size: 14px;
    margin-bottom: -10px;
    margin-right: 30px;
    text-align: center
}
.payment-info {
    border: 1px solid #ddd;
    border-radius: 4px;
    display: flex;
    flex-direction: column
}
.payment-info .big-green-btn {
    margin-bottom: 20px
}
.payment-info .big-green-btn--paypal {
    align-items: center;
    background-color: #ffc439;
    display: flex;
    flex-direction: column;
    padding: 15px 10px
}
@media(max-width:768px) {
    .payment-info .big-green-btn--paypal {
        padding: 10px
    }
}
.payment-info .big-green-btn--paypal:hover {
    background-color: #ffb506!important
}
@media(max-width:768px) {
    .payment-info {
        margin-left: -20px;
        margin-right: -20px
    }

    .checkout-item.payment-info {
        margin-left: -0px;
        margin-right: -0px
    }
}
.form--billing {
    max-height: 0;
    overflow: hidden;
}
.form--billing{
    margin-top: 20px;
    max-height: 500px;
}
.protection-package {
    display: flex;
    padding: 0 20px 20px
}
.protection-package__left {
    flex: none;
    margin-right: 10px
}
.protection-package__left img {
    height: 100px
}
.protection-package__right {
    display: flex;
    flex-direction: column
}
.protection-package__title {
    align-items: center;
    display: flex;
    font-size: 18px;
    font-weight: 600;
    justify-content: space-between;
    margin-bottom: 10px
}
.protection-package__text {
    font-size: 12px
}
.protection-package__toggle.react-toggle--checked .react-toggle-track {
    background-color: #42a6f6
}
.react-toggle {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
    background-color: initial;
    border: 0;
    cursor: pointer;
    display: inline-block;
    padding: 0;
    position: relative;
    touch-action: pan-x;
    -webkit-user-select: none;
    user-select: none
}
.react-toggle-screenreader-only {
    clip: rect(0 0 0 0);
    border: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}
.react-toggle--disabled {
    cursor: not-allowed;
    opacity: .5;
    transition: opacity .25s
}
.react-toggle-track {
    background-color: #4d4d4d;
    border-radius: 30px;
    height: 24px;
    padding: 0;
    transition: all .2s ease;
    width: 50px
}
.react-toggle:hover:not(.react-toggle--disabled) .react-toggle-track {
    background-color: #000
}
.react-toggle--checked .react-toggle-track {
    background-color: #19ab27
}
.react-toggle--checked:hover:not(.react-toggle--disabled) .react-toggle-track {
    background-color: #128d15
}
.react-toggle-track-check {
    bottom: 0;
    height: 10px;
    left: 8px;
    line-height: 0;
    margin-bottom: auto;
    margin-top: auto;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity .25s ease;
    width: 14px
}
.react-toggle--checked .react-toggle-track-check, .react-toggle-track-x {
    opacity: 1;
    transition: opacity .25s ease
}
.react-toggle-track-x {
    bottom: 0;
    height: 10px;
    line-height: 0;
    margin-bottom: auto;
    margin-top: auto;
    position: absolute;
    right: 10px;
    top: 0;
    width: 10px
}
.react-toggle--checked .react-toggle-track-x {
    opacity: 0
}
.react-toggle-thumb {
    background-color: #fafafa;
    border: 1px solid #4d4d4d;
    border-radius: 50%;
    box-sizing: border-box;
    height: 22px;
    left: 1px;
    position: absolute;
    top: 1px;
    transition: all .5s cubic-bezier(.23, 1, .32, 1) 0ms;
    transition: all .25s ease;
    width: 22px
}
.react-toggle--checked .react-toggle-thumb {
    border-color: #19ab27;
    left: 27px
}
.react-toggle--focus .react-toggle-thumb {
    box-shadow: 0 0 2px 3px #0099e0
}
.react-toggle:active:not(.react-toggle--disabled) .react-toggle-thumb {
    box-shadow: 0 0 5px 5px #0099e0
}
.big-green-btn {
    background: #00c749;
    border: none;
    border-radius: 4px;
    color: #fff;
    display: block;
    font-size: 24px;
    font-weight: 700;
    margin: 0 20px;
    padding: 20px 10px;
    text-align: center;
    text-transform: uppercase;
    transition: all .2s
}
.big-green-btn:hover {
    background-color: #009436
}
.big-green-btn i {
    margin-left: 5px
}
.go-back {
    align-self: center;
    background-color: transparent;
    border: none;
    color: #9a9a9a;
    font-size: 16px;
    font-weight: 700;
    padding: 15px;
    transition: all .2s
}
.go-back:hover {
    color: #818181
}
.form {
    margin: 20px 0;
    padding: 0 20px
}
.form__header {
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
    padding-bottom: 20px;
    padding-top: 20px
}
.form__group {
    display: flex
}
@media(max-width:768px) {
    .form__group {
        flex-direction: column
    }
}
.form__group .form__field {
    margin-left: 15px
}
@media(max-width:768px) {
    .form__group .form__field {
        margin-left: 0
    }
}
.form__group .form__field:first-child {
    margin-left: 0
}
.form__group--one-line .form__field {
    margin-bottom: 0
}
@media(max-width:768px) {
    .form__group--one-line {
        flex-direction: row
    }
}
@media(max-width:768px)and (max-width:768px) {
    .form__group--one-line .form__field {
        margin-left: 15px
    }
}
.form__field {
    margin-bottom: 15px;
    position: relative;
    width: 100%
}
.form__field input, .form__field select {
    background-color: #fff;
    border: 1px solid #cacaca;
    border-radius: 4px;
    font-size: 14px;
    height: 42px;
    padding: 12px;
    width: 100%
}
.form__field input.error, .form__field select.error {
    border-color: red
}
.form__field input::-webkit-input-placeholder, .form__field select::-webkit-input-placeholder {
    color:#5a5a5a;
    font-size:12px
}
.form__field input::placeholder, .form__field select::placeholder {
    color:#5a5a5a;
    font-size:12px
}
.form__field select {
    padding-left: 8px
}
.form__field-icon {
    color: #909090;
    position: absolute;
    right: 12px;
    top: 12px
}
.tooltip_hover .tooltip{
    display:none;
}
.tooltip_hover:hover .tooltip{
    display:block;
    position: absolute;
    width: 280px;
    left: 305px;
    top: -30px;
    right: 0;
    background: #222;
    box-shadow: 0 0 9px 0 rgba(0,0,0,0.1);
    padding: 6px 5px;
    text-align: center;
    border-radius: 4px;
    font-size: 14px;
    line-height: 18px;
    color: #fff;
    z-index: 99;
    cursor: pointer;
}
.tooltip_hover .tooltip:before{
    position:absolute;
    left:49%;
    border-top:8px solid #222;
    border-left:8px solid transparent;
    border-right:8px solid transparent;
    bottom:-8px;
    content:"";
}
@media(max-width:768px) {
    .tooltip_hover:hover .tooltip{
        left:130px;
        top: -25px;
        font-size:10px;
        width:210px;
        padding:5px;
    }
    .tooltip_hover .tooltip:before{
        left:auto;
        right:22px;
        border-top:5px solid #222;
        border-left:5px solid transparent;
        border-right:5px solid transparent;
        bottom:-5px;
    }
}

.form__error {
    color: red;
    font-size: 14px;
    padding-top: 8px
}
.form--noMargin {
    margin-bottom: 0;
    margin-top: 0
}
.product-details {
    display: flex;
    margin-bottom: 15px
}
@media(max-width:768px) {
    .product-details {
        align-items: center
    }
}
.product-details__left {
    flex: 1 1
}
.product-details__title {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 6px
}
@media(max-width:768px) {
    .product-details__title {
        font-size: 18px
    }
}
.product-details__mfr {
    font-size: 14px;
    margin-bottom: 8px
}
.product-details__mfr span {
    color: #1797ff
}
.product-details__ratings {
    align-items: center;
    display: flex;
    margin-bottom: 10px
}
.product-details__ratings .fa-star {
    color: #f5b11d
}
@media(max-width:768px) {
    .product-details__ratings .fa-star {
        font-size: 10px
    }
}
.product-details__ratings span {
    color: #656565;
    font-size: 14px;
    font-weight: 700;
    margin-left: 4px;
    white-space: nowrap
}
.product-details__best-seller {
    background-color: #da6039;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 8px;
    padding: 3px 20px 3px 8px;
    position: relative
}
@media(max-width:768px) {
    .product-details__best-seller {
        font-size: 12px
    }
}
.product-details__best-seller:after {
    background-color: #fff;
    content: "";
    height: 15px;
    position: absolute;
    right: -7px;
    top: 3px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 15px
}
.product-details__category {
    color: #1797ff
}
@media(max-width:768px) {
    .product-details__category {
        font-size: 12px
    }
}
.product-details__img {
    height: 100%;
    max-height: 155px;
    max-width: 230px
}
@media(max-width:768px) {
    .product-details__img {
        max-width: 110px
    }
}
.product-benefits {
    margin-bottom: 20px
}
@media(max-width:768px) {
    .product-benefits {
        display: none
    }
}
.product-benefits__item {
    display: flex;
    line-height: 1.2;
    margin-bottom: 10px
}
.product-benefits__item .fa-check-circle {
    color: #2b89cc;
    font-size: 20px;
    margin-right: 6px
}
.product-guarantee {
    align-items: center;
    border: 2px solid #ffd000;
    border-radius: 4px;
    display: flex;
    margin-bottom: 15px;
    padding: 10px
}
@media(max-width:768px) {
    .product-guarantee {
        display: none
    }
}
.product-guarantee__img {
    height: 90px;
    margin-right: 10px
}
.product-guarantee b {
    display: block;
    font-size: 15px;
    margin-bottom: 4px
}
.product-guarantee p {
    font-size: 14px;
    line-height:20px;
}
.product-guarantee__delivery-text {
    border: 2px solid red;
    border-radius: 4px;
    color: red;
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 10px;
    padding: 6px;
    text-align: center
}
.product-gallery {
    display: flex;
    margin-bottom: 20px
}
.product-gallery__active {
    align-items: center;
    display: flex;
    height: 344px;
    width: 344px
}
@media(max-width:768px) {
    .product-gallery__active {
        height: auto;
        width: 300px
    }
}
.product-gallery-thumbs {
    display: flex;
    flex-direction: column;
    margin-left: 10px
}
.product-gallery-thumbs__item {
    border: 1px solid #7c7c7c;
    cursor: pointer;
    display: flex;
    height: 64px;
    margin-bottom: 6px;
    width: 64px
}
@media(max-width:768px) {
    .product-gallery-thumbs__item {
        height: 50px;
        width: 50px
    }
}
.product-gallery-thumbs__item:last-child {
    margin-bottom: 0
}
@media(max-width:768px) {
    .product-info-secure-image {
        display: none
    }
}
.holiday-banner {
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    position: relative;
    width: 960px
}
.holiday-banner__img {
    max-width: 100%;
    object-fit: contain;
    width: 100%
}
.holiday-banner__img--mob {
    display: none
}
.holiday-banner__discount {
    background-color: #fff;
    border: 2px dashed red;
    border-radius: 5px;
    color: red;
    font-size: 20px;
    font-weight: 700;
    padding: 5px 15px;
    position: absolute;
    right: 15px;
    top: 10px;
    white-space: nowrap
}
@media(max-width:768px) {
    .holiday-banner__discount {
        bottom: 25px;
        right: 50%;
        top: auto;
        -webkit-transform: translateX(50%);
        transform: translateX(50%)
    }
}
.holiday-banner__discount:after {
    bottom: -20px;
    color: #000;
    content: "Discount Applied";
    font-size: 11px;
    font-weight: 700;
    position: absolute;
    right: 0
}
@media(max-width:768px) {
    .holiday-banner__discount:after {
        right: 50%;
        -webkit-transform: translateX(50%);
        transform: translateX(50%)
    }
    .holiday-banner__img--desk {
        display: none
    }
    .holiday-banner__img--mob {
        display: block
    }
}
.container {
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    max-width: 100%;
    padding: 0 20px;
    width: 1000px
}
.page-main-layout {
    display: flex;
    padding-bottom: 50px;
    padding-top: 20px
}
.page-main-layout__left {
    width: 55%
}
@media(max-width:768px) {
    .page-main-layout__left {
        margin-bottom: 30px;
        width: 100%
    }
}
.page-main-layout__right {
    margin-left: 30px;
    width: 45%
}
@media(max-width:768px) {
    .page-main-layout__right--opc {
        display: none
    }
    .page-main-layout__right {
        margin-left: 0;
        width: 100%
    }
    .page-main-layout {
        flex-direction: column-reverse;
        padding-top:10px;
    }
    .product-details__best-seller:after{ height:13px;}
}

@media(max-width:768px) {
    .olc-reviews-desktop {
        display: none
    }
}
.olc-reviews-mobile {
    display: none
}
@media(max-width:768px) {
    .olc-reviews-mobile {
        display: block
    }
}


/*CSS FOR MODAL*/
#app_common_modal,
#error_handler_overlay{position:fixed;top:0;left:0;padding:0;margin:0;width:100%;height:100%;z-index:2147483647;background:#333;background:rgba(255, 255, 255, .8);display:none;overflow-x:hidden;-webkit-overflow-scrolling:touch}
#app_common_modal .app_modal_body,
#error_handler_overlay .error_handler_body{max-width:600px;-webkit-background-clip:padding-box;font-family:Verdana, Geneva, sans-serif;box-sizing:border-box;outline:0}
#error_handler_overlay .error_handler_body{margin:100px auto;width:95%;padding:20px;background-color:#fff;background-clip:padding-box;border:1px solid #999;border:1px solid rgba(0, 0, 0, .2);border-radius:0;-webkit-box-shadow:0 3px 9px rgba(0, 0, 0, .5);box-shadow:0 3px 9px rgba(0, 0, 0, .5);font-size:14px;line-height:1.42857143;color:#333;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
#app_common_modal_close,
#error_handler_overlay_close{position:absolute;right:-10px;top:-10px;color:#FFF;background-color:#333;border:2px solid #FFF;border-radius:50%;width:30px;height:30px;text-align:center;cursor:pointer;text-decoration:none;font-weight:700;line-height:26px;padding:0;margin:0}
#app_common_modal .app_modal_body{margin:100px auto;min-width:inherit;width:95%;min-height:400px;padding:2.5%;background-color:#fff;background-clip:padding-box;border:1px solid #999;border:1px solid rgba(0, 0, 0, .2);border-radius:0;-webkit-box-shadow:0 3px 9px rgba(0, 0, 0, .5);box-shadow:0 3px 9px rgba(0, 0, 0, .5);font-size:14px;line-height:1.42857143;color:#333;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box}
#app_common_modal .app_modal_body iframe{min-height:400px;width:100%;border:1px solid #d5d6ef}
.exitpop-content{position:fixed;height:400px;width:708px;margin:-200px 0 0 -354px;top:50%;left:50%;text-align:left;padding:0;border:none;z-index:2147483647}
.exitpopup-overlay{background:rgba(0, 0, 0, .6);height:100%;left:0;position:fixed;top:0;width:100%;z-index:2147483647;display:none}
.exitpop-content img{display:block;margin:0 auto;position:relative;text-align:center;max-width:100%;height:auto}
.exitpop-discountbar{background-color:red;border-bottom:4px dashed #fff;color:#fff;font-family:Arial, Helvetica, sans-serif;font-size:15px;font-weight:700;height:50px;line-height:50px;position:fixed;text-align:center;top:0;width:100%;z-index:9999;display:none}
.app-load-spinner{display:none;position:fixed;top:0;bottom:0;left:0;right:0;width:100px;height:100px;margin:auto;background-color:#333;border-radius:100%}
#loading-indicator::after,
#loading-indicator::before{box-sizing:border-box;left:50%;position:absolute;top:50%}
.all-card-types li{float:left;margin-right:20px}
#loading-indicator{background-color:rgba(0, 0, 0, .5);bottom:0;box-sizing:border-box;font-size:1px;height:100%;left:0;margin:0!important;padding:0!important;position:fixed;right:0;top:0;width:100%;z-index:2147483646}
#loading-indicator::before{background:url(images/loading.gif) center center no-repeat rgba(0, 0, 0, 0);content:"";height:70px;margin-left:-35px;margin-top:-70px;width:70px;z-index:2}
#loading-indicator::after{background:#fff;border-radius:5px;color:#000;content:"Processing, one moment please... ";font-family:arial;font-size:17px;height:110px;line-height:98px;margin-left:-150px;margin-top:-75px;padding-top:35px;text-align:center;width:300px;z-index:1}

@-webkit-keyframes scaleout{
    0%{-webkit-transform:scale(0)}
    100%{-webkit-transform:scale(1);opacity:0}
}

@keyframes scaleout{
    0%{transform:scale(0);-webkit-transform:scale(0)}
    100%{transform:scale(1);-webkit-transform:scale(1);opacity:0}
}


@media screen and (max-device-width:767px) and (orientation:landscape){#app_common_modal .app_modal_body, #error_handler_overlay .error_handler_body{margin:20px auto;}
    #app_common_modal .app_modal_body iframe{min-height:360px;}
}


.best-value {
    text-align: right;
}

.stars {
    text-align: right;
}

.terms-of-service-small {
    text-align: center;
}