@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 300;
    src: url(../fonts/montserrat-300.eot)
;
    src: local('Montserrat Light'), local(Montserrat-Light), url(../fonts/montserrat-300.eot-#iefix) format("embedded-opentype"), url(../fonts/montserrat-300.woff2) format("woff2"), url(../fonts/montserrat-300.woff) format("woff"), url(../fonts/montserrat-300.ttf) format("truetype"), url(../fonts/montserrat-300.svg#Montserrat) format("svg")
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/montserrat-regular.eot)
;
    src: local('Montserrat Regular'), local(Montserrat-Regular), url(../fonts/montserrat-regular.eot-#iefix) format("embedded-opentype"), url(../fonts/montserrat-regular.woff2) format("woff2"), url(../fonts/montserrat-regular.woff) format("woff"), url(../fonts/montserrat-regular.ttf) format("truetype"), url(../fonts/montserrat-regular.svg#Montserrat) format("svg")
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/montserrat-700.eot)
;
    src: local('Montserrat Bold'), local(Montserrat-Bold), url(../fonts/montserrat-700.eot-#iefix) format("embedded-opentype"), url(../fonts/montserrat-700.woff2) format("woff2"), url(../fonts/montserrat-700.woff) format("woff"), url(../fonts/montserrat-700.ttf) format("truetype"), url(../fonts/montserrat-700.svg#Montserrat) format("svg")
}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent
}

body {
    line-height: 1
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block
}

ul {
    list-style: none
}

blockquote, q {
    quotes: none
}

blockquote:before, blockquote:after, q:before, q:after {
    content: none
}

button {
    border: none;
    outline: none;
    background: none
}

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent
}

ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none
}

mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: 700
}

del {
    text-decoration: line-through
}

abbr[title], dfn[title] {
    border-bottom: 1px dotted;
    cursor: help
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0
}

input, select {
    vertical-align: middle
}

* {
    box-sizing: border-box
}

body {
    background: #fcfcfc;
    line-height: 1;
    font-family: 'Montserrat', Arial, sans-serif
}

.wrapper {
    max-width: 1920px;
    min-width: 320px;
    margin: 0 auto;
    padding: 0 0 50px
}

.container {
    max-width: 1000px;
    margin: 0 auto
}

.container:after {
    display: block;
    content: '';
    clear: both
}

.header {
    padding: 30px 0
}

.logo {
    float: left;
    margin-top: 27px
}

.head-text {
    padding: 0 65px 0 0;
    margin: 10px 0 0;
    color: #3a3a3a;
    text-align: center
}

.head-text h1 {
    font: 700 60px/60px Montserrat, Arial, sans-serif;
    margin: 0 0 8px
}

.head-text p {
    font: 300 35px/42px Montserrat, Arial, sans-serif
}

.intro {
    position: relative;
    height: auto
}

.intro:before {
    display: block;
    content: '';
    width: 22px;
    height: 22px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 50%) rotate(45deg);
    position: absolute;
    -webkit-box-shadow: 0 0 10.9px 5.1px rgba(0, 0, 0, 0.27);
    -moz-box-shadow: 0 0 10.9px 5.1px rgba(0, 0, 0, 0.27);
    box-shadow: 0 0 10.9px 5.1px rgba(0, 0, 0, 0.27)
}

.form-list {
    float: left;
    margin-top: 90px;
    max-width: 28%
}

.form-list li {
    padding: 6px 0 0 39px;
    margin: 0 0 38px;
    font: 700 18px/22px Montserrat, Arial, sans-serif;
    background: url(intro-blt.png) 0 3px no-repeat
}

.form-list li:last-child {
    margin: 0
}

.form-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 34px 0;
    background: #fff;
    position: relative;
    -webkit-box-shadow: 0 0 10.9px 5.1px rgba(0, 0, 0, 0.27);
    -moz-box-shadow: 0 0 10.9px 5.1px rgba(0, 0, 0, 0.27);
    box-shadow: 0 0 10.9px 5.1px rgba(0, 0, 0, 0.27)
}

.bottom-form .form-block {
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.form-block:before {
    display: block;
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    bottom: -13px;
    left: 50%;
    margin-left: -16px;
    border-style: solid;
    border-width: 13px 16px 0;
    border-color: #fff transparent transparent
}

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

.form-product img {
    display: block;
    width: 100%;
    height: auto;
    display: block
}

.sale-cnt2 {
    position: relative;
    background: #e4e4dc;
    margin: 14px 0 0 23px;
    padding: 17px 5px;
    text-align: center;
    width: 308px;
    font: 400 20px/24px Montserrat, Arial, sans-serif
}

.sale-cnt2:after {
    display: block;
    position: absolute;
    content: '';
    top: 50%;
    margin-top: -11px;
    right: -12px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 11.5px 0 11.5px 12px;
    border-color: transparent transparent transparent #e4e4dc
}

.form-main h6 {
    padding: 0 22px 0 0;
    font: 700 35px/35px Montserrat, Arial, sans-serif;
    text-align: center;
    color: #3a3a3a
}

.form-main .sale-badge {
    margin: 27px auto 24px
}

.form-price {
    padding: 0 15px
}

.oldprice {
    font: 700 30px/1 Montserrat, Arial, sans-serif
}

.old-amount {
    position: relative
}

.old-amount:before, .old-amount:after {
    content: '';
    position: absolute;
    width: 56px;
    height: 3px;
    top: 50%;
    left: 40%;
    background: #f7aa16
}

.old-amount:before {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg)
}

.old-amount:after {
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    -ms-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg)
}

.newprice {
    padding-top: 30px
}

.newprice p {
    color: #00b0d5;
    font: 400 22px/1 Montserrat, Arial, sans-serif;
    margin: 0 0 7px
}

.newprice .hotprice {
    font: 700 60px/1 Montserrat, Arial, sans-serif
}

.form-wrap .form-row {
    margin: 0 0 21px
}

.form-wrap input, .form-wrap select {
    border: none;
    width: 100%;
    height: 45px;
    background: none;
    font: 400 18px/44px Montserrat, Arial, sans-serif;
    padding: 0 14px;
    background: #e4e4dc;
    box-shadow: none
}

.form-wrap select {
    padding: 0;
    text-indent: 14px
}

.form-wrap .btn {
    width: 100%;
    margin: 28px auto 0
}

.calltime {
    font: 400 15px/18px Montserrat, Arial, sans-serif;
    padding: 0 0 0 30px;
    letter-spacing: -.3px;
    margin: 22px 0 -6px;
    background: url(phone-icon.png) 1px 5px no-repeat
}

html[lang=bg] .price__new {
    position: relative
}

html[lang=bg] .price__new::after {
    content: "\0441  \0432 \043A \043B \044E \0447 \0435 \043D \043E  \0414 \0414 \0421 ";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -10px;
    display: block;
    width: 100%;
    text-align: center;
    font-size: 10px
}

.form-main .tl-order {
    margin-right: 20px;
    margin-left: 20px;
    box-shadow: 0 0 10.9px 5.1px rgba(0, 0, 0, 0.27)
}

.bottom-form .form-main {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.bottom-form .form-main .tl-order {
    margin-left: auto;
    margin-right: auto
}

.tl-order {
    width: 100%;
    max-width: 290px;
    position: relative;
    color: #000;
    background-color: #ebebeb;
    overflow: hidden
}

.tl-order .head {
    background: #f7aa16;
    position: relative;
    z-index: 10;
    padding: 5px 20px
}

.tl-order .head.edge::after, .tl-order .head.edge::before {
    content: '';
    z-index: -1;
    display: block;
    height: 15px;
    position: absolute;
    background: #f7aa16;
    bottom: -15px
}

.tl-order .head.edge::before {
    right: 50%;
    left: -1px;
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform: rotate(5deg) skewX(5deg);
    -ms-transform: rotate(5deg) skewX(5deg);
    transform: rotate(5deg) skewX(5deg)
}

.tl-order .head.edge::after {
    left: 49%;
    right: -1px;
    -webkit-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: rotate(-5deg) skewX(-5deg);
    -ms-transform: rotate(-5deg) skewX(-5deg);
    transform: rotate(-5deg) skewX(-5deg)
}

.tl-order .head__title {
    font-size: 1rem;
    line-height: 1.375rem;
    text-transform: uppercase;
    text-align: center;
    margin: auto
}

.tl-order .head__discount {
    font-weight: 700;
    position: absolute;
    left: 0;
    top: 0;
    color: #fff;
    width: 100px;
    height: 85px
}

.tl-order .head__discount::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 85px 100px 0 0;
    border-color: #00b0d5 transparent transparent
}

.tl-order .head__discount::after {
    content: '-50%';
    font-size: 1.875rem;
    position: absolute;
    text-align: center;
    top: 40%;
    left: 45%;
    margin: auto;
    display: block;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: rotate(-40deg) translate(-63%, -85%);
    -ms-transform: rotate(-40deg) translate(-63%, -85%);
    transform: rotate(-40deg) translate(-63%, -85%);
    z-index: 10
}

.tl-order .price {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    font-size: 0;
    font-weight: 300;
    width: 100%;
    line-height: 1;
    text-align: right;
    border-bottom: 1px solid #000;
    padding-top: 10px;
    padding-left: 75px;
    padding-bottom: 4px;
    margin-bottom: 10px
}

.tl-order .price__old {
    position: relative;
    opacity: .4;
    font-size: 0;
    top: -8px;
    padding: 4px 2px;
    margin-right: 10px;
    display: inline-block;
    white-space: nowrap
}

.tl-order .price__old .tl-raw-currency {
    font-size: 1.6rem;
    vertical-align: baseline;
    line-height: .9
}

.tl-order .price__old .tl-raw-cost-promo {
    font-size: 2.375rem;
    line-height: .8
}

.tl-order .price__old-crossed::after, .tl-order .price__old-crossed::before {
    content: '';
    position: absolute;
    left: 70%;
    right: 0;
    margin-left: -50%;
    -webkit-transform-origin: 5% 0;
    -ms-transform-origin: 5% 0;
    transform-origin: 5% 0;
    display: block;
    width: 65%;
    border-bottom: 2px solid
}

.tl-order .price__old-crossed::before {
    top: 0;
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg)
}

.tl-order .price__old-crossed::after {
    bottom: 0;
    -webkit-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    transform: rotate(-30deg)
}

.tl-order .price__new {
    position: relative;
    font-size: 0;
    display: inline-block;
    white-space: nowrap
}

.tl-order .price__new .tl-raw-currency {
    font-size: 2.8rem;
    vertical-align: baseline;
    line-height: .7;
    margin-right: 5px
}

.tl-order .price__new .tl-raw-cost {
    font-size: 3.325rem;
    line-height: 1;
    font-weight: bold;
}

.tl-order .form {
    padding: 34px 15px 12px;
    position: relative
}

.tl-order .form .input-wrapper {
    position: relative;
    margin-bottom: 14px
}

.tl-order .form .input-wrapper:last-of-type {
    margin-bottom: 0
}

.tl-order .form .input-wrapper .error, #m1-form .popup-m1-form input[type=text].error {
    border: 1px solid red
}

.tl-order .form .input-wrapper .error + label, .popup-m1-form .input-wrapper .error + label {
    color: red;
    position: absolute;
    left: 5px;
    top: 1px;
    display: block;
    font-size: 10px;
    line-height: 1
}

.popup-m1-form .input-wrapper .error + label {
    top: 3px;
    left: 12px
}

.tl-order .form__secure {
    color: #959595;
    font-size: .75rem;
    line-height: 14px;
    padding-top: 11px
}

.tl-order .form__submit {
    border: none;
    width: 100%;
    height: 54px;
    margin-top: 20px;
    margin-bottom: 15px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.tl-order .form__submit:disabled {
    opacity: .7;
    cursor: not-allowed
}

.tl-order .form__checkbox:checked + label::after {
    opacity: 1
}

.tl-order .form__input,
.tl-order select {
    display: block;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 35px;
    background-color: #fff;
    border: 1px solid #ccc;
    -webkit-border-radius: 4px;
    border-radius: 5px;
    font-size: 1rem;
    padding: 0 8px;
    outline: none
}

.tl-order select{
    margin-bottom: 14px;
}

.tl-order .form__input::-webkit-input-placeholder {
    font-size: 1rem;
    color: #959595
}

.tl-order .form__input::-moz-placeholder {
    font-size: 1rem;
    color: #959595
}

.tl-order .form__input:-ms-input-placeholder {
    font-size: 1rem;
    color: #959595
}

.tl-order .form__input::-ms-input-placeholder {
    font-size: 1rem;
    color: #959595
}

.tl-order .form__input::placeholder {
    font-size: 1rem;
    color: #959595
}

.tl-order .form__checkbox, .tl-order .form__input + label, .popup-m1-form input + label {
    display: none
}

.tl-order .form__check {
    display: block;
    padding-left: 30px;
    font-size: 12px;
    color: #959595
}

.tl-order .form__check::before {
    content: "";
    display: block;
    position: absolute;
    width: 16px;
    height: 16px;
    border: 1px solid #000;
    background-color: #fff;
    top: 0;
    left: 0;
    cursor: pointer;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.tl-order .form__check::after {
    content: "";
    display: block;
    position: absolute;
    width: 10px;
    height: 4px;
    top: 4px;
    left: 3px;
    border-bottom: 2px solid #000;
    border-left: 2px solid #000;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0;
    cursor: pointer
}

.tl-order .form__check .link {
    color: inherit;
    display: block
}

.tl-order .form__check .link:hover {
    text-decoration: underline
}

.order-btn {
    display: block;
    padding: 0 20px;
    color: #fff;
    font-size: 1rem;
    font-weight: 500;
    line-height: 54px;
    text-align: center;
    background-color: #1eaed1;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    text-transform: uppercase;
    text-decoration: none;
    cursor: pointer;
    outline: 0;
    overflow: hidden
}

.order-btn::after {
    content: '';
    display: inline-block;
    width: 7px;
    height: 7px;
    margin-left: 4px;
    margin-bottom: 1px;
    border: 2px solid #fff;
    border-top: none;
    border-right: none;
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

.order-btn:hover {
    background-image: -webkit-gradient(linear, left bottom, left top, from(#1e90d1), to(#1eaed1));
    background-image: -webkit-linear-gradient(bottom, #1e90d1 0, #1eaed1 100%);
    background-image: -o-linear-gradient(bottom, #1e90d1 0, #1eaed1 100%);
    background-image: linear-gradient(to top, #1e90d1 0, #1eaed1 100%)
}

.order-btn:active {
    background: #1e90d1
}

.icons-secure {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    user-select: none
}

.mcAfee, .norton {
    -webkit-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    width: 95px;
    height: 45px
}

.mcAfee {
    background-image: url(data:image/png;base64,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);
    padding-top: 7px;
    padding-bottom: 2px
}

.norton {
    background-image: url(data:image/png;base64,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)
}

.animate {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.intro-main {
    margin: 20px 0 0
}

.bfr-after {
    float: left;
    margin: 0 0 0 -35px
}

.bfr {
    -webkit-box-shadow: 0 2px 5px 0 rgba(2, 2, 2, 0.3);
    -moz-box-shadow: 0 2px 5px 0 rgba(2, 2, 2, 0.3);
    box-shadow: 0 2px 5px 0 rgba(2, 2, 2, 0.3);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
    margin: 65px 0 0 22px;
    float: left
}

.aftr {
    background: #fff;
    -webkit-box-shadow: 0 2px 5px 0 rgba(2, 2, 2, 0.3);
    -moz-box-shadow: 0 2px 5px 0 rgba(2, 2, 2, 0.3);
    box-shadow: 0 2px 5px 0 rgba(2, 2, 2, 0.3);
    -ms-transform: rotate(4deg);
    -webkit-transform: rotate(4deg);
    transform: rotate(4deg);
    float: left;
    margin: 16px 0 0 -80px
}

.img-descr {
    font: 20px/20px segoe-script-bold;
    color: #000;
    text-align: center;
    padding: 16px 0
}

.intro-prod {
    float: left;
    padding-left: 60px
}

.intro-list {
    overflow: hidden;
    clear: both;
    font-size: 0;
    padding: 55px 0;
    margin: 0 0 0 30px
}

.intro-list li {
    font: 700 18px/22px Montserrat, Arial, sans-serif;
    display: inline-block;
    width: 33.33%;
    min-height: 60px;
    padding: 15px 30px 15px 42px;
    background: url(intro-blt.png) 0 3px no-repeat;
    vertical-align: top
}

.intro-form h6 {
    font: 700 35px/35px Montserrat, Arial, sans-serif;
    text-align: center;
    padding-top: 39px
}

.intro-form .form-product {
    width: 15.4%;
    margin: 15px 0 0 45px
}

.form-actions {
    padding-right: 50px;
    background: url(bl-arrow.png) 100% 100% no-repeat;
    background-size: contain
}

.intro-form .form-price {
    max-width: 320px;
    margin: 30px 20px 0 auto
}

.intro-form .sale-cnt2 {
    background: none;
    border: 2px solid #e4e4dc;
    width: 320px;
    margin: 30px 20px 0 auto;
    padding: 20px 34px
}

.intro-form .sale-cnt2:after {
    width: 16px;
    height: 10px;
    top: -10px;
    right: auto;
    left: 20px;
    border: none;
    margin: 0;
    background: url(salecnt-arr.jpg) 0 0 no-repeat
}

.intro-form .form-block {
    padding: 0 0 52px
}

.components {
    padding: 77px 0 62px;
    background: url(component-bg.jpg) 50% 100% no-repeat;
    background-size: 76%
}

.components h2 {
    font: 700 45px/44px Montserrat, Arial, sans-serif;
    margin: 0 0 8px;
    text-align: center;
    color: #3a3a3a
}

.components ul {
    float: right;
    width: 58.1%;
    margin-top: 46px
}

.components li {
    margin: 0 0 37px
}

.components p.sub {
    font: 700 24px/24px Montserrat, Arial, sans-serif;
    margin: 0 0 8px
}

.components p {
    font: 400 18px/22px Montserrat, Arial, sans-serif
}

.wiki {
    position: relative;
    padding: 58px 0 20px;
    background: url(wiki-bg.jpg);
    background-size: cover
}

.wiki:after {
    display: block;
    content: '';
    height: 14px;
    width: 32px;
    position: absolute;
    bottom: -14px;
    left: 50%;
    margin: 0 0 0 -16px;
    background: url(wiki-triangle.jpg) 50% 0 no-repeat
}

.wiki-wrap {
    overflow: hidden
}

.wiki-img {
    float: left;
    margin: 25px 0 0 13.2%
}

.wiki-text {
    float: right;
    position: relative;
    width: 63.6%;
    border: 2px solid #fff;
    padding: 27px 30px 15px 48px;
    color: #3a3a3a
}

.wiki-text:after {
    content: '';
    display: block;
    width: 16px;
    height: 28px;
    position: absolute;
    left: -16px;
    margin-top: -14px;
    top: 50%;
    background: url(wiki-arr.jpg)
}

.wiki-text:before {
    content: '“';
    position: absolute;
    top: 14px;
    right: 31px;
    color: #7f7f7e;
    display: block;
    font: 700 81px/81px Montserrat, Arial, sans-serif
}

.wiki-text h4 {
    font: 700 36px/36px Montserrat, Arial, sans-serif;
    margin: 0 0 6px
}

.wiki-text p {
    font: 400 18px/26px Montserrat, Arial, sans-serif;
    padding-bottom: 15px
}

.btns-wrap {
    padding: 31px 0 0 164px
}

.btn {
    height: 64px;
    width: 324px;
    display: block;
    cursor: pointer;
    color: #4e3d11;
    font: 700 23px/60px Montserrat, Arial, sans-serif;
    margin: 0 auto;
    background: url(btns-bg.png) 50% 0 no-repeat;
    text-decoration: none;
    text-align: center;
}

.sale-badge:after {
    content: '';
    display: block;
    clear: both
}

.sale-badge {
    position: relative;
    margin: 0 auto 42px;
    padding: 15px 40px 15px 128px;
    max-width: 465px;
    background: #00b0d5;
    text-align: right
}

.btns-wrap .sale-badge {
    max-width: 324px;
    padding: 5px 5px 3px 15px;
    margin: 17px auto
}

.btns-wrap .sale-badge:before {
    content: '';
    position: absolute;
    top: -7px;
    left: 20px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 7px 7px;
    border-color: transparent transparent #1eaed1
}

.intro-form .sale-badge:before {
    content: '';
    position: absolute;
    display: block;
    width: 230px;
    height: 413px;
    top: 0;
    left: -128px;
    background: url(box.png) no-repeat center top;
    background-size: contain
}

.sale-size {
    font: 700 50px/50px Montserrat, Arial, sans-serif;
    color: #fff;
    text-align: left;
    display: inline-block;
    vertical-align: top;
    margin-right: 12px
}

.sale-text {
    font: 400 20px/24px Montserrat, Arial, sans-serif;
    color: #fff;
    width: 50%;
    text-align: left;
    display: inline-block
}

.usage {
    padding: 46px 0 0
}

.usage h3 {
    font: 700 45px/45px Montserrat, Arial, sans-serif;
    text-align: center;
    color: #3a3a3a;
    padding: 0 0 0 25px
}

.usage-list {
    margin: 30px 0 0;
    overflow: hidden
}

.usage-list li {
    width: 28.33%;
    float: left;
    margin: 0 2.5% 30px;
    position: relative
}

.usage-list .us2 {
    margin: 0 1% 41px 4%
}

.us1:before {
    content: '';
    display: block;
    position: absolute;
    top: 26px;
    right: -110px;
    height: 41px;
    width: 157px;
    background: url(sprite.png) -9px -3px no-repeat
}

.us2:before, .us4:before {
    content: '';
    display: block;
    position: absolute;
    top: 157px;
    right: -96px;
    height: 22px;
    width: 133px;
    background: url(sprite.png) -14px -68px no-repeat
}

.us4:before {
    right: -113px;
    top: 162px
}

.usage-list .us4 {
    margin: 0 7% 30px 15.4%;
    width: 30.33%
}

.usage-list .us5 {
    width: 32.33%
}

.usage-img {
    height: 245px;
    background: url(usage-icons.png) 0 0 no-repeat
}

.us1 .usage-img {
    background-position: 5px -10px
}

.us2 .usage-img {
    background-position: -374px -9px
}

.us3 .usage-img {
    background-position: -716px -9px
}

.us4 .usage-img {
    background-position: 18px -438px
}

.us5 .usage-img {
    background-position: -374px -438px
}

.usage-text {
    height: 90px;
    text-align: center;
    font: 700 24px/29px Montserrat, Arial, sans-serif
}

.banner {
    padding: 70px 0;
    margin: -11px 0 0;
    text-align: center;
    height: 350px;
    background: url(banner-bg.jpg) 50% 0 no-repeat
}

.banner h5 {
    text-align: center;
    font: 700 24px/29px Montserrat, Arial, sans-serif;
    color: #3a3a3a;
    padding: 40px 0 33px 64px
}

.banner-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto
}

.banner-wrap .btn {
    margin: 0
}

.banner-wrap .sale-cnt {
    width: 308px;
    padding: 20px 30px;
    margin: 0 0 0 30px;
    font: 400 20px/24px Montserrat, Arial, sans-serif;
    position: relative;
    background: #fff
}

.banner-wrap .sale-cnt:before {
    display: block;
    content: '';
    top: 50%;
    left: -10px;
    width: 0;
    height: 0;
    position: absolute;
    margin-top: -10px;
    border-style: solid;
    border-width: 10px 10px 10px 0;
    border-color: transparent #fff transparent transparent
}

.responses {
    padding: 14px 0 6px
}

.responses h5 {
    font: 700 44px/48px Montserrat, Arial, sans-serif;
    text-align: center;
    color: #3a3a3a;
    margin: 0 0 51px
}

.responses h5 .sml {
    display: block;
    font: italic 300 18px/18px Montserrat, Arial, sans-serif;
    margin-top: 15px
}

.resp {
    margin: 0 0 54px
}

.resp2 {
    margin: 0 0 76px
}

.resp:after {
    content: '';
    display: block;
    clear: both
}

.resp-img {
    float: left;
    width: 41.5%;
    margin: -40px 0 0 -5px
}

.resp2 .resp-img {
    margin: -20px 0 0 -14px;
    width: 43%
}

.resp3 .resp-img {
    margin: -48px 0 0 -34px;
    width: 45.5%
}

.resp-img img {
    width: 100%;
    height: auto;
    display: block
}

.resp-text {
    margin: -2px 0 0 44.2%
}

.resp-text .clr {
    background: url(yell.png) repeat-y;
    background-size: 0 100%;
    -webkit-transition: all 2s;
    transition: all 2s;
    padding: 0 2px
}

.resp-text .animate.clr {
    background-size: 100% 100%
}

.resp-text h6 {
    font: 700 24px/24px Montserrat, Arial, sans-serif;
    color: #3a3a3a
}

.resp-text p {
    font: 400 18px/26px Montserrat, Arial, sans-serif
}

.resp-text p.auth {
    font-family: 'Montserrat', Arial, sans-serif;
    font-weight: 300;
    margin: 5px 0 13px
}

.age-wrap {
    margin: 23px 0 0
}

.curr-age {
    display: none;
    font: 700 18px/18px Montserrat, Arial, sans-serif;
    color: #405d62;
    padding: 12px 0 14px
}

.show-age {
    border: 2px solid #d4eef4;
    font: 700 18px/24px Montserrat, Arial, sans-serif;
    color: #405d62;
    padding: 8px 30px;
    cursor: pointer
}

.bottom-form .form-block:before {
    display: none
}

.bottom-form .form-product {
    margin: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.bottom-form .form-product img {
    width: 200px;
    margin: 0 auto
}

.bottom-form .sale-cnt2 {
    margin: auto
}

.footer {
    text-align: center;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 1;
    color: rgb(71, 71, 71);
    padding: 20px 0px 40px;
    background: rgb(255, 255, 255);
}

@media all and (min-width: 1024px) {
    .btn:hover {
        transform: scale(1.1);
        transition: .7s
    }

    .btn:active {
        background-position: 50% -173px
    }
}

@media all and (max-width: 1800px) {
    .components {
        background: url(component.jpg) left bottom no-repeat;
        background-size: 43%
    }
}

@media all and (max-width: 1024px) {
    .btn:hover {
        transform: scale(1.1);
        transition: .7s
    }

    .wrapper {
        max-width: 640px;
        margin: 0 auto
    }

    .container {
        padding: 0 30px
    }

    .header {
        padding: 21px 0 0
    }

    .logo {
        margin-top: 8px;
        text-align: center;
        float: none;
        padding: 0 24px 0 0
    }

    .head-text {
        border: none;
        padding: 0;
        width: 100%;
        text-align: left
    }

    .head-text h1 {
        font-size: 45px;
        line-height: 45px;
        margin: 0 0 9px
    }

    .head-text {
        margin-top: 16px
    }

    .head-text p {
        font-size: 28px;
        line-height: 33px
    }

    .intro-prod {
        float: right
    }

    .intro-prod img {
        display: block;
        width: 80%
    }

    .bfr-after {
        margin: 7px -55px 0 55px;
        z-index: 999;
        position: relative
    }

    .bfr {
        float: none;
        margin: 0;
        width: 192px;
        -ms-transform: rotate(-3deg);
        -webkit-transform: rotate(-3deg);
        transform: rotate(-3deg)
    }

    .aftr {
        float: none;
        margin: 2px 0 0 12px;
        width: 192px;
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    .img-descr {
        font-size: 11px;
        line-height: 11px;
        padding: 6px 0
    }

    .bfr img, .aftr img {
        width: 100%;
        height: auto
    }

    .intro-prod {
        margin: 0 -78px 0 0;
        z-index: 1;
        position: relative
    }

    .intro-main {
        margin-top: 10px;
        overflow: hidden
    }

    .wiki-text:after {
        display: none
    }

    .form-main {
        max-width: 350px;
        width: 100%;
        float: none;
        clear: both;
        margin: 50px auto 0
    }

    .form-list {
        margin-top: 55px;
        width: 45%;
        max-width: 100%;
        z-index: 999;
        position: relative
    }

    .form-list li {
        line-height: 21px;
        padding: 6px 0 0 30px;
        margin: 0 0 30px
    }

    .form-product {
        float: right;
        width: 60%;
        margin: 18px 12px 0 -100px
    }

    .sale-cnt2 {
        position: absolute;
        bottom: 50px;
        left: 50%;
        margin: 0 0 0 -175px;
        width: 320px;
        padding: 15px 34px;
        border: 2px solid #e4e4dc;
        background: none
    }

    .sale-cnt2:after {
        display: none
    }

    .form-main {
        padding-top: 36px
    }

    .form-main h6 {
        font-size: 40px;
        line-height: 40px;
        text-align: left
    }

    .form-main .sale-badge {
        width: 100%;
        margin: 25px 0 27px
    }

    .form-main .sale-badge .sale-size {
        margin-left: 25px
    }

    .intro {
        height: auto
    }

    .form-price {
        padding: 0
    }

    .oldprice {
        font-size: 28px;
        line-height: 28px
    }

    .newprice {
        padding-top: 18px
    }

    .newprice p {
        font-size: 20px;
        line-height: 20px;
        margin: 0 0 6px
    }

    .newprice .hotprice {
        font-size: 40px;
        line-height: 40px
    }

    .form-wrap {
        margin: 22px 0 0
    }

    .form-block {
        padding-bottom: 160px
    }

    .btn {
        height: 69px;
        width: 100%
    }

    .form-wrap .btn {
        margin-top: 25px
    }

    .intro-list {
        margin: 0 -5px;
        padding: 25px 0 38px
    }

    .intro-list li {
        text-align: center;
        padding: 56px 0 0;
        background-position: 50% 3px
    }

    .form-actions {
        float: none;
        padding: 0;
        background: none
    }

    .form-main .tl-order {
        margin: auto
    }

    .form-actions .sale-badge {
        display: none
    }

    .intro .form-product {
        display: none
    }

    .intro-form .form-price {
        display: none
    }

    .intro-form .form-main {
        padding: 0;
        margin: auto
    }

    .intro-form .sale-cnt2 {
        left: 50%;
        bottom: 30px;
        margin-left: -160px;
        width: 100%;
        max-width: 320px
    }

    .components h2 {
        font-size: 43px
    }

    .components {
        background: none;
        padding: 67px 0 8px
    }

    .components ul {
        float: none;
        width: 100%;
        max-width: 600px;
        padding-left: 90px
    }

    .components li {
        margin-bottom: 26px
    }

    .wiki {
        height: auto;
        padding: 30px 0 27px
    }

    .wiki-img {
        float: none;
        margin: 6px auto 10px;
        width: 98px
    }

    .wiki-img img {
        width: 100%;
        height: auto
    }

    .wiki-text {
        width: 100%;
        margin-top: 20px;
        padding: 27px 20px 26px 28px
    }

    .btns-wrap {
        padding: 29px 0 0;
        margin: 0 auto;
        width: 350px
    }

    .usage {
        padding: 42px 0 0
    }

    .usage .container {
        max-width: 640px;
        margin: 0 auto
    }

    .usage h3 {
        max-width: 450px;
        line-height: 54px;
        margin: 0 auto;
        padding: 0
    }

    .usage-list {
        margin-top: 37px
    }

    .usage-text {
        height: 110px
    }

    .usage .usage-list li {
        width: 46%;
        margin: 0 2% 35px;
        padding: 0 20px
    }

    .usage .usage-list .us2 {
        margin: 0 1% 35px 0
    }

    .usage .usage-list .us3 {
        padding: 0 28px 0 0
    }

    .usage .usage-list .us4 {
        padding: 0 20px 0 5px
    }

    .usage .usage-list .us5 {
        display: block;
        clear: both;
        padding-top: 30px;
        width: 72%;
        float: none;
        margin: 0 auto
    }

    .us1 .usage-img {
        background-position: -40px -10px
    }

    .us2 .usage-img {
        background-position: -414px -9px
    }

    .us3 .usage-img {
        background-position: -765px -9px
    }

    .us4 .usage-img {
        background-position: -40px -438px
    }

    .us5 .usage-img {
        background-position: -410px -438px
    }

    .usage-img {
        max-width: 235px;
        margin: 0 auto
    }

    .usage-text span {
        display: block
    }

    .us5 .usage-text {
        margin-top: -6px
    }

    .us1:before, .us2:before, .us3:before, .us4:before {
        display: none
    }

    .banner {
        background-position: 50% 15%;
        background-size: 370%;
        padding: 70px 0 112px;
        margin: -32px 0 0;
        height: auto
    }

    .banner h5 {
        padding: 40px 0 25px 64px
    }

    .banner .banner-wrap {
        width: 370px;
        padding-left: 16px;
        flex-wrap: wrap;
        margin: 0 auto
    }

    .banner .banner-wrap:after {
        clear: both;
        display: block;
        content: ''
    }

    .banner-wrap .btn {
        float: none
    }

    .banner-wrap .sale-cnt {
        font-size: 18px;
        width: 100%;
        padding: 10px 0;
        background: none;
        margin-top: 20px;
        margin-left: 0;
        border: 2px solid #fff
    }

    .sale-cnt2:before {
        display: block;
        content: '';
        position: absolute;
        top: -10px;
        left: 50%;
        height: 10px;
        width: 16px;
        margin: 0 0 0 -8px;
        background: url(salecnt-arr.jpg) 0 0 no-repeat
    }

    .banner-wrap .sale-cnt:before {
        border: none;
        height: 11px;
        width: 17px;
        top: -11px;
        left: 50%;
        margin: 0 0 0 -8px;
        background: 0 0 no-repeat
    }

    .responses {
        padding: 12px 0 0
    }

    .responses .dlt {
        display: none
    }

    .responses h5 {
        line-height: 54px;
        margin: 0 0 46px
    }

    .responses h5 span {
        margin: 11px 30px 0 0
    }

    .resp:after {
        clear: both;
        content: '';
        display: block
    }

    .resp1 {
        margin-bottom: 60px
    }

    .resp2 {
        margin-bottom: 55px
    }

    .resp1 .resp-img {
        height: 391px;
        width: 188px;
        margin: -38px 0 0 5px;
        background-position: 0 0
    }

    .resp2 .resp-img {
        height: 428px;
        width: 192px;
        margin: 0 0 0 12px;
        background-position: -7px -445px
    }

    .resp3 .resp-img {
        width: 186px;
        margin: -5px 0 0 14px;
        background-position: -8px -957px
    }

    .resp-text {
        margin: -4px 12px 0 40.2%
    }

    .resp3 .resp-text {
        margin-right: 0
    }

    .resp-text h6 {
        line-height: 28px
    }

    .age-wrap {
        margin-top: 11px
    }

    .show-age {
        padding: 10px 49px
    }

    .wiki-text:before {
        top: 19px;
        right: 21px
    }

    .form-product img {
        display: block
    }

    .bottom-form .form-block {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-bottom: 154px
    }

    .bottom-form .form-product {
        padding: 0;
        margin: 0 auto;
        width: 354px
    }

    .bottom-form .form-main h6 {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        text-align: center;
        padding: 33px 0 0
    }

    .bottom-form .form-main {
        margin: 28px auto 0;
        padding: 0
    }

    .bottom-form .calltime {
        margin-top: 100px
    }

    .bottom-form .sale-cnt2 {
        float: none;
        margin: 0 0 0 -160px;
        bottom: 30px
    }
}

@media all and (max-width: 640px) {
    .wrapper {
        max-width: 440px
    }

    .bfr-after {
        margin: 7px auto 0;
        z-index: 999;
        position: relative;
        width: 240px;
        float: none
    }

    .bfr {
        float: none;
        margin: 0;
        width: 222px;
        -ms-transform: rotate(-3deg);
        -webkit-transform: rotate(-3deg);
        transform: rotate(-3deg)
    }

    .aftr {
        width: 222px;
        margin-left: 18px;
        -ms-transform: rotate(3deg);
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg)
    }

    .img-descr {
        font-size: 11px;
        line-height: 11px;
        padding: 8px 0
    }

    .header {
        padding: 0
    }

    .logo {
        margin-top: 3px;
        padding: 0 0 0 8px
    }

    .container {
        padding: 0 19px
    }

    .head-text h1 {
        font-size: 38px;
        line-height: 38px;
        text-align: center;
        margin: 0 0 16px
    }

    .head-text p {
        font-size: 18px;
        line-height: 22px
    }

    .form-block {
        padding: 20px 0 140px
    }

    .form-list {
        position: absolute;
        bottom: 33px;
        left: 0;
        width: 100%;
        max-width: 380px;
        margin: 0
    }

    .form-list li {
        padding-left: 36px
    }

    .form-product {
        width: 96%;
        float: none;
        margin: 10px 0 0 -15px
    }

    .form-main {
        margin: 0 auto;
        max-width: 340px;
        padding: 12px 10px 0
    }

    .form-main h6 {
        padding: 0;
        font-size: 28px;
        line-height: 28px;
        text-align: center
    }

    .sale-size {
        font-size: 40px;
        line-height: 40px
    }

    .sale-text {
        width: 50%;
        font-size: 18px;
        line-height: 18px;
        margin: 4px 4px 4px 0
    }

    .form-main .sale-badge .sale-size {
        margin-left: 10px
    }

    .form-main .sale-badge {
        margin: 25px 0 39px
    }

    .form-price {
        padding: 0 10px
    }

    .oldprice {
        font-size: 24px;
        line-height: 24px
    }

    .newprice {
        padding-top: 14px
    }

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

    .newprice .hotprice {
        font-size: 35px
    }

    .form-wrap {
        margin: 14px 10px 0
    }

    .form-wrap .btn {
        margin-top: 30px;
        height: 60px
    }

    .btn {
        height: 60px
    }

    .intro-main {
        padding-top: 251px
    }

    .sale-cnt2 {
        width: 240px;
        margin-left: -120px;
        font-size: 18px;
        line-height: 22px;
        padding: 10px 5px;
        bottom: 25px
    }

    .intro-main {
        position: relative
    }

    .intro-prod {
        margin: 0 0 0 -65px;
        position: absolute;
        padding: 0;
        width: 130px;
        top: 0;
        left: 50%
    }

    .intro-prod img {
        width: 100%;
        height: auto
    }

    .intro-list {
        padding: 25px 0 12px;
        max-width: 400px
    }

    .intro-list li {
        float: none;
        width: 100%;
        padding: 8px 0 2px 56px;
        margin: 0 0 24px;
        text-align: left;
        background-position: 20px 50%
    }

    .intro-form h6 {
        font-size: 27px;
        line-height: 27px;
        padding: 20px 0 0
    }

    .intro-form .form-price {
        margin-top: 32px
    }

    .intro-form .form-main {
        margin-top: 14px
    }

    .intro-form .form-wrap {
        margin: 5px 20px
    }

    .intro-form .sale-cnt2, .sale-cnt2 {
        width: 290px;
        margin-left: -145px;
        margin-top: 25px;
        padding: 15px 30px
    }

    .components {
        padding: 42px 0
    }

    .components .container {
        padding: 0 10px
    }

    .components h2 {
        font-size: 28px;
        line-height: 34px;
        max-width: 240px;
        margin: 0 auto 20px
    }

    .components p {
        line-height: 21px
    }

    .components li {
        margin: 0 5px 19px 0;
        padding-left: 0
    }

    .components .comp1 {
        background-position: 0 0
    }

    .components .comp2 {
        background-position: 0 -244px
    }

    .components .comp3 {
        background-position: 0 -486px
    }

    .components .comp4 {
        background-position: 0 -726px
    }

    .components .comp5 {
        background-position: 0 -954px
    }

    .components .comp6 {
        background-position: 0 -1195px
    }

    .components p.sub {
        font-size: 22px;
        line-height: 25px
    }

    .components ul {
        padding-left: 0;
        max-width: 300px;
        margin: 22px auto 0;
        background: none
    }

    .wiki {
        padding: 30px 0 16px
    }

    .wiki-text h4 {
        font-size: 28px;
        line-height: 28px
    }

    .wiki-text h4:nth-of-type(1) {
        margin-top: 40px
    }

    .wiki-text {
        margin-top: 19px;
        padding: 22px 20px 18px
    }

    .btns-wrap {
        padding: 31px 0 0;
        width: 100%;
        max-width: 320px;
        margin: 0 auto
    }

    .btns-wrap .sale-badge {
        width: 100%;
        padding-left: 5px;
        margin-top: 20px
    }

    .usage {
        padding-top: 39px
    }

    .usage h3 {
        font-size: 28px;
        line-height: 34px
    }

    .usage-list {
        margin: 23px auto 0;
        max-width: 340px
    }

    .usage .usage-list li {
        width: 100%
    }

    .usage .usage-list .us5 {
        padding-top: 8px;
        width: 100%
    }

    .usage-img {
        height: 245px
    }

    .usage-text {
        font-size: 22px;
        line-height: 26px;
        height: auto
    }

    .usage-text span {
        display: inline
    }

    .us4:before {
        left: 10px;
        bottom: -55px
    }

    .usage .usage-list .us3 {
        padding-right: 20px
    }

    .banner {
        background-size: 100% 90%;
        margin: 0;
        padding: 60px 0 120px
    }

    .banner h5 {
        font-size: 22px;
        line-height: 25px;
        padding: 32px 10px 23px
    }

    .banner .banner-wrap {
        width: 100%;
        max-width: 320px;
        margin: 0 auto;
        padding: 0
    }

    .banner-wrap .sale-cnt {
        padding: 10px 14%
    }

    .responses {
        padding: 20px 0 15px
    }

    .responses h5 {
        font-size: 26px;
        line-height: 33px;
        margin: 0 -15px 16px
    }

    .responses h5 span {
        display: none
    }

    .resp {
        margin-bottom: 40px
    }

    .resp-img {
        float: none;
        width: 100%
    }

    .resp-text {
        width: 100%;
        float: none;
        margin: 17px 5px 0 0
    }

    .resp-text h6 {
        font-size: 22px;
        line-height: 26px
    }

    .age-wrap {
        margin-top: 21px
    }

    .show-age {
        width: 100%
    }

    .resp2 .resp-text p {
        padding-right: 10px
    }

    .resp3 .resp-text span {
        display: inline
    }

    .resp1 .resp-img {
        height: 251px;
        width: 302px;
        margin: 0 0 0 -5px;
        background-position: -8px 0
    }

    .resp2 .resp-img {
        height: 250px;
        width: 311px;
        margin: 0 0 0 -12px;
        background-position: 0 -324px
    }

    .resp3 .resp-img {
        height: 251px;
        width: 311px;
        margin: 0 0 0 -12px;
        background-position: 0 -637px
    }

    .bottom-form .form-block {
        padding-bottom: 140px
    }

    .bottom-form .form-main h6 {
        padding-top: 28px
    }

    .bottom-form .form-main .sale-badge {
        margin: -7px 0 39px
    }

    .bottom-form .sale-cnt2 {
        margin-left: -145px
    }

    .bottom-form .calltime {
        margin-top: 91px;
        padding: 0 0 0 34px;
        letter-spacing: 0;
        font: 400 16px/19px Montserrat, Arial, sans-serif;
        background-position: 5px 6px
    }
}

@media all and (max-width: 480px) {
    .wrapper {
        padding-bottom: 30px
    }

    .container {
        padding: 0 15px
    }

    .intro-list {
        max-width: none
    }

    .form-block {
        background: none;
        box-shadow: none;
        padding-top: 0
    }

    .form-block:before, .intro:before {
        display: none
    }

    .responses {
        margin-top: -40px
    }

    .banner h5 {
        padding: 35px 10px 10px
    }

    .components {
        padding-top: 15px
    }
}

.delivery-confidence:before {
    top: 0
}