.preloading-wrapper {

    display: none;

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 1001;

    background-color: #fff;

    opacity: 1;

    -webkit-transition: opacity 1s linear;

    transition: opacity 1s linear

}



.loaded .preloading-wrapper {

    opacity: 0

}



.loader2 {

    height: 58px;

    top: 50%;

    left: 50%;

    position: absolute;

    transform: translateX(-50%) translateY(-50%);

    -o-transform: translateX(-50%) translateY(-50%);

    -ms-transform: translateX(-50%) translateY(-50%);

    -webkit-transform: translateX(-50%) translateY(-50%);

    -moz-transform: translateX(-50%) translateY(-50%);

    width: 58px

}



.loader2 span {

    background: #0BF;

    display: block;

    height: 12px;

    opacity: 0;

    position: absolute;

    width: 12px;

    animation: load 4.6s ease-in-out infinite;

    -o-animation: load 4.6s ease-in-out infinite;

    -ms-animation: load 4.6s ease-in-out infinite;

    -webkit-animation: load 4.6s ease-in-out infinite;

    -moz-animation: load 4.6s ease-in-out infinite

}



.loader2 span.block-1 {

    animation-delay: 1.06s;

    -o-animation-delay: 1.06s;

    -ms-animation-delay: 1.06s;

    -webkit-animation-delay: 1.06s;

    -moz-animation-delay: 1.06s;

    left: 0;

    top: 0

}



.loader2 span.block-2 {

    animation-delay: .97s;

    -o-animation-delay: .97s;

    -ms-animation-delay: .97s;

    -webkit-animation-delay: .97s;

    -moz-animation-delay: .97s;

    left: 16px;

    top: 0

}



.loader2 span.block-3 {

    animation-delay: .87s;

    -o-animation-delay: .87s;

    -ms-animation-delay: .87s;

    -webkit-animation-delay: .87s;

    -moz-animation-delay: .87s;

    left: 31px;

    top: 0

}



.loader2 span.block-4 {

    animation-delay: .78s;

    -o-animation-delay: .78s;

    -ms-animation-delay: .78s;

    -webkit-animation-delay: .78s;

    -moz-animation-delay: .78s;

    left: 47px;

    top: 0

}



.loader2 span.block-5 {

    animation-delay: .69s;

    -o-animation-delay: .69s;

    -ms-animation-delay: .69s;

    -webkit-animation-delay: .69s;

    -moz-animation-delay: .69s;

    left: 0;

    top: 16px

}



.loader2 span.block-6 {

    animation-delay: .6s;

    -o-animation-delay: .6s;

    -ms-animation-delay: .6s;

    -webkit-animation-delay: .6s;

    -moz-animation-delay: .6s;

    left: 16px;

    top: 16px

}



.loader2 span.block-7 {

    animation-delay: .51s;

    -o-animation-delay: .51s;

    -ms-animation-delay: .51s;

    -webkit-animation-delay: .51s;

    -moz-animation-delay: .51s;

    left: 31px;

    top: 16px

}



.loader2 span.block-8 {

    animation-delay: .41s;

    -o-animation-delay: .41s;

    -ms-animation-delay: .41s;

    -webkit-animation-delay: .41s;

    -moz-animation-delay: .41s;

    left: 47px;

    top: 16px

}



.loader2 span.block-9 {

    animation-delay: .32s;

    -o-animation-delay: .32s;

    -ms-animation-delay: .32s;

    -webkit-animation-delay: .32s;

    -moz-animation-delay: .32s;

    left: 0;

    top: 31px

}



.loader2 span.block-10 {

    animation-delay: .23s;

    -o-animation-delay: .23s;

    -ms-animation-delay: .23s;

    -webkit-animation-delay: .23s;

    -moz-animation-delay: .23s;

    left: 16px;

    top: 31px

}



.loader2 span.block-11 {

    animation-delay: .14s;

    -o-animation-delay: .14s;

    -ms-animation-delay: .14s;

    -webkit-animation-delay: .14s;

    -moz-animation-delay: .14s;

    left: 31px;

    top: 31px

}



.loader2 span.block-12 {

    animation-delay: 50ms;

    -o-animation-delay: 50ms;

    -ms-animation-delay: 50ms;

    -webkit-animation-delay: 50ms;

    -moz-animation-delay: 50ms;

    left: 47px;

    top: 31px

}



.loader2 span.block-13 {

    animation-delay: -50ms;

    -o-animation-delay: -50ms;

    -ms-animation-delay: -50ms;

    -webkit-animation-delay: -50ms;

    -moz-animation-delay: -50ms;

    left: 0;

    top: 47px

}



.loader2 span.block-14 {

    animation-delay: -.14s;

    -o-animation-delay: -.14s;

    -ms-animation-delay: -.14s;

    -webkit-animation-delay: -.14s;

    -moz-animation-delay: -.14s;

    left: 16px;

    top: 47px

}



.loader2 span.block-15 {

    animation-delay: -.23s;

    -o-animation-delay: -.23s;

    -ms-animation-delay: -.23s;

    -webkit-animation-delay: -.23s;

    -moz-animation-delay: -.23s;

    left: 31px;

    top: 47px

}



.loader2 span.block-16 {

    animation-delay: -.32s;

    -o-animation-delay: -.32s;

    -ms-animation-delay: -.32s;

    -webkit-animation-delay: -.32s;

    -moz-animation-delay: -.32s;

    left: 47px;

    top: 47px

}



@keyframes load {



    0%,

    15% {

        opacity: 0;

        -webkit-transform: translateY(-97px);

        transform: translateY(-97px)

    }



    30%,

    70% {

        opacity: 1;

        -webkit-transform: translateY(0);

        transform: translateY(0)

    }



    100%,

    85% {

        opacity: 0;

        -webkit-transform: translateY(97px);

        transform: translateY(97px)

    }

}



@-webkit-keyframes load {



    0%,

    15% {

        opacity: 0;

        -webkit-transform: translateY(-97px)

    }



    30%,

    70% {

        opacity: 1;

        -webkit-transform: translateY(0)

    }



    100%,

    85% {

        opacity: 0;

        -webkit-transform: translateY(97px)

    }

}



body.comment-hidden .comments .w_inner,

body.timer-hidden #timeCount {

    display: none

}



body.comment-hidden .comments.banner .w_inner {

    opacity: 0;

    display: block

}



@media (max-width:767px) {

    body.comment-hidden .comments.banner .w_inner {

        display: none

    }



    body.comment-hidden .comments.banner .w_outer {

        padding: 0;

        padding-bottom: 100% !important;

        background-size: cover;

        background-position: 0 0

    }

}



.editor p {

    margin-bottom: 20px

}



.editor p:last-of-type {

    margin-bottom: 0

}



.editor > div,

.grid-layout .col-left {

    margin-bottom: 20px

}



.quote-block .wrap-quote {

    border-color: #000;

    border-style: solid;

    padding: 10px 10px 10px 25px

}



.quote-block.border-top .wrap-quote {

    border-top-width: 10px

}



.quote-block.border-right .wrap-quote {

    text-align: right;

    padding: 10px 25px 10px 10px;

    border-right-width: 10px

}



.heading-title,

header .logo {

    text-align: center

}



.quote-block.border-bottom .wrap-quote {

    border-bottom-width: 10px

}



.quote-block.border-left .wrap-quote {

    border-left-width: 10px

}



@media (min-width:768px) {

    .grid-layout .wrap-inner {

        display: -ms-flexbox;

        display: -ms-flex;

        display: -webkit-box;

        display: flex;

        -ms-flex-wrap: wrap;

        flex-wrap: wrap;

        -ms-align-items: center;

        -webkit-box-align: center;

        -ms-flex-align: center;

        align-items: center

    }



    .grid-layout .wrap-inner.none-grid {

        display: block

    }



    .grid-layout .wrap-inner.none-grid .columns {

        width: 100%

    }



    .grid-layout .wrap-inner.none-grid .columns.col-right {

        padding-left: 0

    }



    .grid-layout .columns {

        width: 50%;

        margin-bottom: 0

    }



    .grid-layout .columns.col-right {

        padding-left: 15px

    }



    .grid-layout .layt-30-70 .col-left {

        width: 30%

    }



    .grid-layout .layt-30-70 .col-right {

        width: 70%

    }



    .grid-layout .layt-40-60 .col-left {

        width: 40%

    }



    .grid-layout .layt-40-60 .col-right {

        width: 60%

    }



    .grid-layout .layt-70-30 .col-left {

        width: 70%

    }



    .grid-layout .layt-70-30 .col-right {

        width: 30%

    }



    .grid-layout .layt-60-30 .col-left {

        width: 60%

    }



    .grid-layout .layt-60-30 .col-right {

        width: 40%

    }

}



body {

    background-color: #F1F1F1;

    font-family: Roboto, sans-serif;

    line-height: 1.5;

    color: #000

}



.promo {

    display: none

}



main {

    padding: 0

}



.container {

    max-width: 970px

}



header {

    padding: 15px 0 10px;

    -webkit-box-shadow: unset;

    box-shadow: unset

}



header .link-header,

header .navigation {

    display: none !important

}



header .logo img {

    max-width: 220px;

    display: inline

}



header .header-inner {

    -ms-flex-direction: column;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    flex-direction: column

}



.section-1 {

    padding: 10px 0;

    background-color: #C01C2F

}



.heading-title h2 {

    position: relative;

    font-size: 18px;

    font-weight: 800;

    line-height: 1.722;

    color: #fff

}



.heading-title h2 img {

    display: inline-block;

    vertical-align: middle;

    position: relative;

    top: 0;

    margin: 0 3px;

    max-height: 28px

}



.heading-title h2 img.pp-img,

.payment-by-pp .heading-title h2 img {

    display: none

}



.payment-by-pp .heading-title h2 img.pp-img {

    display: inline-block

}



.heading-title h2:before {

    content: "";

    background: url(../images/warning-n.png?v=48) no-repeat;

    background-size: cover;

    height: 20px;

    width: 20px;

    display: inline-block;

    vertical-align: middle;

    margin-right: 5px

}



@media (min-width:768px) {

    .section-1 {

        padding: 15px 0

    }



    .heading-title {

        text-align: left

    }



    .heading-title h2 {

        padding-left: 52px;

        font-size: 28px;

        line-height: 1.286

    }



    .heading-title h2 img {

        max-height: inherit;

        top: -2px

    }



    .heading-title h2:before {

        position: absolute;

        left: 0;

        top: 50%;

        width: 40px;

        height: 40px;

        margin-top: -20px;

        margin-right: 0

    }

}



.warranty-terms {

    max-width: 820px;

    margin: 90px -5px 30px;

    text-align: center;

    background-color: #fff;

    padding-bottom: 30px

}



.warranty-terms > div {

    margin: 0

}



.warranty-terms .top-title {

    background-color: #C90007;

    position: relative;

    overflow: visible;

    padding: 15px 10px;

    border-radius: 5px 5px 0 0

}



.warranty-terms .top-title h2 {

    margin-bottom: 0;

    color: #FFF;

    font-size: 18px;

    line-height: 1.722;

    font-weight: 800

}



.warranty-terms .top-title h2 img {

    display: inline-block;

    vertical-align: middle;

    position: relative;

    top: 0;

    margin: 0 3px;

    max-height: 28px

}



.payment-by-pp .warranty-terms .top-title h2 img,

.warranty-terms .top-title h2 img.pp-img {

    display: none

}



.payment-by-pp .warranty-terms .top-title h2 img.pp-img {

    display: inline-block

}



.warranty-terms .top-title p {

    margin-top: -85px;

    margin-bottom: 15px

}



.warranty-terms .top-title p img {

    max-width: 130px

}



.warranty-terms .content {

    padding: 30px 15px;

    text-align: left

}



.warranty-terms .content h3 {

    font-size: 21px;

    line-height: 1.15;

    margin-bottom: 0;

    margin-top: 40px;

    font-weight: 400;

    text-align: center

}



.warranty-terms .content h3 .spanUpsellPrice {

    font-size: 36px;

    font-weight: 900

}



.warranty-terms .content ul {

    padding: 0;

    margin: 0

}



.warranty-terms .content ul li {

    list-style: none;

    color: #000;

    font-size: 16px;

    letter-spacing: .18px;

    line-height: 1.625;

    margin-bottom: 30px;

    padding-left: 25px;

    position: relative

}



.warranty-terms .content ul li strong {

    font-size: 18px

}



.warranty-terms .content ul li:before {

    font-family: icomoon;

    font-size: 20px;

    content: "\f00c";

    color: #020202;

    line-height: 1;

    position: absolute;

    left: 0;

    top: 0

}



.warranty-terms .content ul li:last-of-type {

    margin-bottom: 0

}



.warranty-terms .js-btn-place-upsell-order {

    cursor: pointer;

    width: 100%;

    max-width: 290px;

    border-radius: 5px;

    padding: 12px 10px;

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #00D03E), to(#00BB19));

    background: linear-gradient(180deg, #00D03E 0, #00BB19 100%);

    border-bottom: 4px solid #008b0a;

    -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .25);

    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .25);

    margin-left: auto;

    margin-right: auto

}



.warranty-terms .js-btn-place-upsell-order p {

    font-size: 21px;

    font-weight: 700;

    color: #fff;

    line-height: 1.15

}



.warranty-terms .js-btn-place-upsell-order img {

    position: relative;

    top: -4px;

    display: inline-block;

    vertical-align: middle;

    max-width: 43px;

    margin-right: 10px

}



.warranty-terms .js-btn-no-thanks {

    color: #1A0DAB;

    cursor: pointer;

    font-size: 14px;

    letter-spacing: .18px;

    line-height: 16px;

    margin-top: 40px;

    max-width: 340px;

    margin-left: auto;

    margin-right: auto

}



@media (min-width:768px) {

    .warranty-terms {

        margin-top: 40px;

        margin-left: auto;

        margin-right: auto

    }



    .warranty-terms .top-title {

        text-align: left;

        margin: 0;

        padding: 0;

        display: -ms-flexbox;

        display: -ms-flex;

        display: -webkit-box;

        display: flex;

        -ms-flex-direction: row-reverse;

        -webkit-box-orient: horizontal;

        -webkit-box-direction: reverse;

        flex-direction: row-reverse;

        -ms-align-items: center;

        -webkit-box-align: center;

        -ms-flex-align: center;

        align-items: center

    }



    .warranty-terms .top-title h2 {

        padding: 20px 10px 20px 25px;

        -ms-flex: 1 0 0%;

        -webkit-box-flex: 1;

        flex: 1 0 0%;

        font-size: 19px;

        line-height: 1.684

    }



    .warranty-terms .top-title h2 img {

        max-height: inherit;

        top: -2px

    }



    .warranty-terms .top-title p {

        margin: -15px -10px -15px 0

    }



    .warranty-terms .top-title p img {

        max-width: 150px

    }



    .warranty-terms .content {

        padding: 65px 15px 30px

    }



    .warranty-terms .content h3 .spanUpsellPrice {

        font-size: 51px

    }



    .warranty-terms .content ul li {

        margin-bottom: 25px

    }



    .warranty-terms .js-btn-place-upsell-order {

        max-width: 570px;

        padding: 18px 15px

    }



    .warranty-terms .js-btn-place-upsell-order p {

        font-size: 40px

    }

}



@media (min-width:992px) {

    .warranty-terms {

        padding-bottom: 60px

    }



    .warranty-terms .content {

        padding: 50px 50px 30px

    }

}



.nav-footer ul {

    border: 0;

    padding-top: 0

}