* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

html {
    scroll-behavior: smooth
}

body {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-family: Lato,sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
    letter-spacing: .02em;
    color: #343434;
    background: 0 0
}

a,body {
    outline: 0
}

a {
    cursor: pointer;
    color: inherit;
    text-decoration: none;
    -webkit-text-decoration-style: none;
    text-decoration-style: none
}

.container {
    max-width: 1200px
}

.container,.header {
    position: relative;
    margin: 0 auto
}

.header {
    width: 100%;
    padding: 10px 0;
    z-index: 1;
    background: 0 0
}

.header-container {
    padding: 0 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    justify-content: flex-end;
}

.header-btn {
    font-family: Montserrat,sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 0;
    text-align: center;
    letter-spacing: .02em;
    text-transform: uppercase;
    color: #fff;
    padding: 22px 46px;
    border: 1px solid transparent;
    background: #f44545;
    -webkit-box-shadow: 0 0 20px rgba(244,69,69,.8);
    box-shadow: 0 0 20px rgba(244,69,69,.8);
    border-radius: 50px;
    -webkit-transition: all .45s ease;
    -o-transition: all ease .45s;
    transition: all .45s ease
}

.header-btn:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #f44545;
    background: 0 0;
    border: 1px solid #f44545
}

.main {
    overflow: hidden
}

.flex-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.title {
    font-family: Lato,sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 48px;
    line-height: 58px;
    letter-spacing: .02em;
    color: #000
}

.show-for-mobile,.show-for-tablet {
    display: none
}

.form-container {
    width: 370px;
    margin: 0 auto;
    z-index: 3;
    overflow: hidden;
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.15);
    box-shadow: 0 5px 15px rgba(0,0,0,.15);
    border-radius: 50px
}

.time-block {
    width: 100%;
    padding: 29px 32px 70px;
    color: #fff;
    background: #6db056;
    border-radius: 50px 50px 0 0;
    text-align: center
}

.time-title {
    font-family: Montserrat,sans-serif;
    margin: 0 auto;
    padding: 0 0 9px;
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    letter-spacing: .02em
}

.time-remain {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    margin: 0 auto;
    font-family: Lato,sans-serif;
    font-weight: 400;
    font-size: 8px;
    line-height: 10px;
    letter-spacing: .04em;
    text-transform: uppercase
}

.time-remain,.time-remain-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.time-remain-items {
    position: relative;
    width: 65px;
    height: 65px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 1;
    background: #6db056;
    border: 1px solid #7ecc63;
    border-radius: 50%
}

.hour,.minutes,.seconds {
    font-weight: 700;
    font-size: 28px;
    line-height: 34px;
    letter-spacing: .04em;
    text-transform: uppercase
}

.time-dots {
    font-weight: 700;
    font-size: 30px;
    line-height: 35px;
    color: #fff
}

.form-block {
    background: #fff;
    margin: -50px auto 0;
    padding: 23px 0 0;
    border-radius: 50px
}

.form-refund {
    margin: 0 auto;
    max-width: calc(100% - 66px);
    padding: 6px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: Lato,sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: #717171;
    border: 1px solid #efc171;
    border-radius: 50px;
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.15);
    box-shadow: 0 5px 15px rgba(0,0,0,.15)
}

.form-refund img {
    margin: 0 0 -8px
}

.form-refund p {
    padding: 0 0 0 10px
}

.form-title-price {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    font-family: Lato,sans-serif;
    font-weight: 700;
    font-size: 48px;
    line-height: 58px;
    text-align: center;
    padding: 19px 25px 10px
}

.old-price {
    color: #9e9e9e;
    position: relative;
    margin: 0 auto;
    overflow: hidden
}

.new-price,.old-price {
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0 12px
}

.new-price {
    margin: 0 0 0 5px;
    text-align: center;
    letter-spacing: .04em;
    color: #f44545
}

.prize-title {
    text-transform: uppercase;
    font-size: 9px;
    line-height: 11px
}

.line {
    position: absolute;
    top: 49%;
    right: 22%;
    display: block;
    background: #d2d2d2;
    width: 60%;
    height: 1px;
    -webkit-transform: rotate(-23deg);
    -ms-transform: rotate(-23deg);
    transform: rotate(-23deg);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center
}

.form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    margin: 0 auto;
    padding: 0 25px;
    color: #000
}

::-webkit-input-placeholder {
    font-size: 14px;
    line-height: 19px;
    letter-spacing: .04em;
    color: #717171
}

:-ms-input-placeholder,::-ms-input-placeholder {
    font-size: 14px;
    line-height: 19px;
    letter-spacing: .04em;
    color: #717171
}

::placeholder {
    font-size: 14px;
    line-height: 19px;
    letter-spacing: .04em;
    color: #717171
}

.form-input-block {
    width: 100%;
    position: relative;
    padding: 0;
    margin: 0 auto
}

.form-input-img {
    position: absolute;
    top: 38%;
    left: 8%
}

.form-input {
    font-family: Lato,sans-serif;
    width: 100%;
    border: 1px solid #d2d2d2;
    border-radius: 50px;
    font-size: 14px;
    line-height: 19px;
    letter-spacing: .04em;
    padding: 16px 20px 15px 50px;
    margin: 6px auto;
    outline: 0
}

.form-input:focus {
    border: 1px solid #444
}

.form-checkbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 15px 0;
    font-size: 10px
}

.form-checkbox .checkbox {
    position: relative;
    opacity: 1;
    pointer-events: auto
}

.form-checkbox a {
    color: inherit;
    padding-left: 2px;
    font-weight: bold
}

.form-checkbox a:hover {
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline
}

.btn-form-buy {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding: 30px 0;
    margin: 5px auto 20px;
    background: -webkit-gradient(linear,left top,left bottom,from(#f44545),to(#f44545));
    background: -webkit-linear-gradient(top,#f44545,#f44545);
    background: -o-linear-gradient(top,#f44545 0,#f44545 100%);
    background: linear-gradient(180deg,#f44545,#f44545);
    border-radius: 50px;
    border: transparent;
    outline: 0;
    cursor: pointer;
    font-weight: 700;
    font-size: 16px;
    line-height: 0;
    text-align: center;
    color: #fff;
    letter-spacing: .02em;
    text-transform: uppercase;
    -webkit-transition: all .25s ease;
    -o-transition: all ease .25s;
    transition: all .25s ease
}

.btn-form-buy:hover {
    background: -webkit-gradient(linear,left top,left bottom,from(#6db056),to(#3a8222));
    background: -webkit-linear-gradient(top,#6db056,#3a8222);
    background: -o-linear-gradient(top,#6db056 0,#3a8222 100%);
    background: linear-gradient(180deg,#6db056,#3a8222)
}

.refund-comment {
    width: calc(100% - 26px);
    margin: 0 auto;
    padding: 10px 20px;
    background: #fff2e7;
    color: #f32828;
    text-align: center;
    letter-spacing: .01em
}

.dron-delivery,.refund-comment {
    font-family: Lato,sans-serif;
    font-size: 12px;
    line-height: 18px;
    font-weight: 700
}

.dron-delivery {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #ec4557;
    padding: 10px 25px
}

.dron-delivery p {
    padding: 0 0 0 20px
}

.form-card-pay {
    width: calc(100% - 26px);
    margin: 0 auto;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: left;
    background: #f8f8f8;
    color: #6f6f6f;
    padding: 10px 25px 12px
}

.form-card-pay,.form-card-pay-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.form-card-pay-items {
    width: 40%;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.form-card-pay-items img {
    margin: 0 4px;
    height: 20px
}

.form-card-pay-txt1 {
    font-size: 10px;
    line-height: 14px;
    letter-spacing: .01em;
    color: #969696
}

.form-card-pay-txt2 {
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .015em;
    text-transform: uppercase;
    color: #383838
}

.form-protect {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 30px 0;
    width: 80%;
    margin: 0 auto
}

.welcome {
    margin: -66px auto 0;
    position: relative
}

.welcome-bg {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    width: 100%;
    height: 525px;
    background: url(../img/welcome-bg.png) top/auto auto no-repeat,-webkit-gradient(linear,left top,left bottom,from(#6db056),to(#3a8222));
    background: url(../img/welcome-bg.png) top/auto auto no-repeat,-webkit-linear-gradient(top,#6db056,#3a8222);
    background: url(../img/welcome-bg.png) top/auto auto no-repeat,-o-linear-gradient(top,#6db056 0,#3a8222 100%);
    background: url(../img/welcome-bg.png) top/auto auto no-repeat,linear-gradient(180deg,#6db056,#3a8222);
    border-radius: 0 0 50px 50px;
    z-index: -1
}

.welcome-container {
    padding: 90px 0 0
}

.welcome-girl-img {
    margin: 0 0 -220px -125px
}

.welcome-title {
    font-family: Lato,sans-serif;
    font-weight: 700;
    font-size: 48px;
    line-height: 58px;
    letter-spacing: .02em;
    color: #fff;
    margin: 0 auto 0 -36px
}

.welcome-product-image {
    position: relative
}

.welcome-product-image .product-img {
    display: block;
    margin: 0 auto;
    max-width: 390px
}

.welcome-product-image .product-bg1 {
    position: absolute;
    left: 50%;
    bottom: -5%;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%)
}

.welcome-product-image .product-bg2 {
    position: absolute;
    left: 0;
    bottom: 0
}

.welcome-product-image .product-bg3 {
    position: absolute;
    right: 5%;
    bottom: 10%;
    z-index: -1
}

.welcome-list {
    max-width: 420px;
    padding: 22px 20px 10px;
    list-style: none;
    font-family: Lato,sans-serif;
    font-style: italic;
    font-weight: 300;
    font-size: 14px;
    line-height: 17px;
    color: #333
}

.welcome-list li {
    position: relative;
    padding: 10px 0 10px 20px
}

.welcome-list li h5 {
    font-family: Montserrat,sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #000;
    padding: 0 0 5px
}

.welcome-list li:before {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: #6db056;
    border-radius: 50%;
    z-index: 2
}

.welcome-list li:after {
    content: "";
    position: absolute;
    top: calc(50% + 5px);
    left: 5px;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    width: 1px;
    height: 100%;
    background: #d2d2d2;
    z-index: 0
}

.welcome-list li:last-child:after {
    display: none
}

.welcome-card-container {
    padding: 0 0 156px
}

.welcome-card {
    width: calc((100% - 90px)/ 4);
    background: #efc171;
    -webkit-box-shadow: 0 0 20px hsla(38,80%,69%,.8);
    box-shadow: 0 0 20px hsla(38,80%,69%,.8);
    border-radius: 50px;
    text-align: center;
    padding: 10px;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color: #030204
}

.what-is {
    padding: 60px 0 0;
    background: #f5fff2
}

.what-is .background {
    position: absolute;
    top: 415px;
    left: -96px;
    -webkit-transform: translate(-100%);
    -ms-transform: translate(-100%);
    transform: translate(-100%);
    width: 626px;
    height: 448px;
    background: url(../img/bg1.svg) 50%/contain no-repeat
}

.what-is .bg2 {
    position: absolute;
    top: 45%;
    left: 70%;
    max-width: 72px
}

.what-is .bg3 {
    position: absolute;
    top: 0;
    left: 45%;
    max-width: 84px
}

.second-title {
    padding: 0 0 30px
}

.what-is-img {
    margin: -128px -20% 0 auto
}

.what-is-subtitle {
    margin: 40px 0 60px;
    padding: 30px 50px;
    font-family: Montserrat,sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 25px;
    color: #000;
    background: #efc171;
    -webkit-box-shadow: 0 0 20px hsla(38,80%,69%,.8);
    box-shadow: 0 0 20px hsla(38,80%,69%,.8);
    border-radius: 50px
}

.how-can-help {
    padding: 100px 0 160px
}

.how-can-help .title {
    max-width: 360px;
    padding: 0 0 30px
}

.how-can-help-content,.how-can-help-image {
    width: 50%
}

.how-can-help-image {
    position: relative
}

.how-can-help-image .product-bg1 {
    width: 243px;
    position: absolute;
    bottom: 5%;
    left: 0;
    z-index: -1
}

.how-can-help-image .product-bg2 {
    width: 128px;
    position: absolute;
    bottom: 12%;
    right: 20px;
    z-index: -1
}

.how-can-help-image .product-bg3 {
    width: 157px;
    position: absolute;
    bottom: -10px;
    left: 50%;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%)
}

.hch-image-bachground {
    position: absolute;
    top: -6px;
    right: 20px;
    width: 470px;
    height: 420px;
    background: url(../img/how-help-product-bg2.svg) 0 0/auto auto no-repeat,url(../img/how-help-product-bg.svg) 100% 100%/auto auto no-repeat,#6db056;
    border-radius: 50px;
    overflow: hidden;
    z-index: -1
}

.how-can-help-img {
    max-width: 100%;
    display: block;
    margin: 0 auto
}

.how-can-help-icon {
    padding: 36px 0 70px
}

.how-can-help-C-icon,.how-can-help-EU-icon {
    position: relative;
    width: 44%;
    padding: 10px 4px 10px 75px
}

.how-can-help-EU-icon:before {
    background: url(../img/EU-icon-2.svg) 50%/contain no-repeat
}

.how-can-help-C-icon:before,.how-can-help-EU-icon:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 5px;
    width: 50px;
    height: 50px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.how-can-help-C-icon:before {
    background: url(../img/EU-icon-1.svg) 50%/contain no-repeat
}

.how-it-work {
    padding: 60px 0 20px;
    background: #f5fff2
}

.how-it-work .background1 {
    bottom: -210px;
    left: -106px;
    -webkit-transform: translate(-100%) scaleX(-1);
    -ms-transform: translate(-100%) scaleX(-1);
    transform: translate(-100%) scaleX(-1);
    width: 536px;
    height: 418px
}

.how-it-work .background1,.how-it-work .background2 {
    position: absolute;
    background: url(../img/bg2.svg) 50%/contain no-repeat
}

.how-it-work .background2 {
    top: -316px;
    right: -61px;
    -webkit-transform: translate(100%);
    -ms-transform: translate(100%);
    transform: translate(100%);
    width: 484px;
    height: 377px
}

.how-it-work .bg2 {
    position: absolute;
    top: 33px;
    left: 50%;
    max-width: 82px;
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1)
}

.how-it-work .bg3 {
    position: absolute;
    bottom: 0;
    left: 45%;
    max-width: 84px
}

.how-it-work .bg4 {
    position: absolute;
    top: 98%;
    left: calc(100% - 112px);
    max-width: 112px
}

.how-it-work-card-container {
    padding: 60px 0 0;
    max-width: 670px
}

.how-it-work-card {
    background: #6db056;
    -webkit-box-shadow: 0 0 20px rgba(109,176,86,.8);
    box-shadow: 0 0 20px rgba(109,176,86,.8);
    border-radius: 50px;
    color: #fff;
    padding: 40px 30px;
    margin: 0 0 40px
}

.how-it-work-card h4 {
    font-family: Montserrat,sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 30px;
    padding: 0 0 20px
}

.how-it-work-img {
    width: auto;
    height: 1132px;
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1);
    margin: -96px auto -20px
}

.comments {
    padding: 60px 0 100px
}

.comments .title {
    padding: 0 0 40px
}

.comments .background {
    position: absolute;
    top: 0;
    right: -98px;
    -webkit-transform: translate(100%) scaleX(-1);
    -ms-transform: translate(100%) scaleX(-1);
    transform: translate(100%) scaleX(-1);
    width: 491px;
    height: 351px;
    background: url(../img/bg1.svg) 50%/contain no-repeat
}

.comments .bg {
    position: absolute;
    bottom: -90px;
    left: 0;
    width: 114px
}

.comment-border {
    padding: 20px
}

.comment {
    margin: 0 auto;
    max-width: 969px;
    padding: 30px;
    background: #efc171;
    -webkit-box-shadow: 0 0 20px hsla(38,80%,69%,.8);
    box-shadow: 0 0 20px hsla(38,80%,69%,.8);
    border-radius: 50px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.comment-content {
    padding: 0 0 0 30px
}

.swiper-pagination {
    bottom: -50px;
    left: 50%;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%)
}

.swiper-pagination-bullet {
    margin: 0 5px;
    width: 20px;
    height: 20px;
    background: 0 0;
    border: 1px solid #d2d2d2;
    opacity: 1;
    outline: 0
}

.swiper-pagination-bullet-active {
    background: #6db056
}

.order-form {
    margin: 0 auto
}

.footer {
    position: relative;
    margin: -96px auto 0;
    padding: 30px 0;
    background: #6db056;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    letter-spacing: .04em;
    color: #fff;
    z-index: 2
}

.footer-bold {
    font-weight: 700
}

.header-scroll {
    background: rgba(109,176,86,.5);
    top: -100px;
    -webkit-transition: all .45s ease;
    -o-transition: all .45s ease;
    transition: all .45s ease;
    -webkit-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px);
    z-index: 6
}

.header-scroll,.popup-modal {
    width: 100%;
    position: fixed;
    left: 0
}

.popup-modal {
    z-index: 211;
    top: 0;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,.55);
    display: none
}

.popup-flex-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%
}

.popup {
    overflow: hidden;
    border-radius: 50px;
    width: 728px;
    margin: 0 auto;
    z-index: 14;
    position: relative
}

.popup .time-remain {
    padding: 23px 0;
    width: 100%
}

.popup .time-remain-items {
    background: #f5fff2;
    border: 1px solid #7ecc63;
    border-radius: 50%;
    color: #717171
}

.popup .form-title-price {
    padding: 0 0 26px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.popup .new-price,.popup .old-price {
    padding: 0;
    width: 44%;
    margin: 0
}

.popup .time-dots {
    color: #0f3c27
}

.popup .btn-form-buy {
    background: #f44545;
    border-radius: 50px;
    border: 1px solid transparent;
    -webkit-box-shadow: 0 0 20px rgba(244,69,69,.8);
    box-shadow: 0 0 20px rgba(244,69,69,.8);
    font-family: Montserrat,sans-serif;
    font-size: 14px;
    line-height: 0;
    padding: 24px 0;
    margin: 0;
    -webkit-transition: all .45s ease;
    -o-transition: all ease .45s;
    transition: all .45s ease
}

.popup .btn-form-buy:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #f44545;
    background: 0 0;
    border: 1px solid #f44545
}

.popup-top {
    background: -webkit-gradient(linear,left top,left bottom,from(#6db056),to(#3a8222));
    background: -webkit-linear-gradient(top,#6db056,#3a8222);
    background: -o-linear-gradient(top,#6db056 0,#3a8222 100%);
    background: linear-gradient(180deg,#6db056,#3a8222);
    border-radius: 50px 50px 0 0;
    position: relative
}

.popup-title {
    margin: 0 auto 0 0;
    max-width: 90%;
    padding: 45px 0 43px 50%;
    font-style: normal;
    font-weight: 700;
    font-size: 36px;
    line-height: 43px;
    color: #fff
}

.popup-close {
    padding: 2px;
    position: absolute;
    top: 26px;
    right: 26px;
    outline: 0;
    cursor: pointer;
    border-radius: 50%
}

.popup-close:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: -webkit-gradient(linear,left top,left bottom,from(#1b6643),to(#24ad6d));
    background: -webkit-linear-gradient(top,#1b6643,#24ad6d);
    background: -o-linear-gradient(top,#1b6643 0,#24ad6d 100%);
    background: linear-gradient(180deg,#1b6643,#24ad6d)
}

.popup-bottom {
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    position: relative
}

.popup-image {
    position: relative;
    margin: -116px auto 0
}

.popup-image .popup-img {
    position: relative;
    max-width: 380px;
    margin: 0 auto;
    display: block;
    z-index: 1
}

.popup-image .popup-image-bg1 {
    max-width: 130px;
    position: absolute;
    left: 55%;
    bottom: -16px;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    z-index: 2
}

.popup-image .popup-image-bg2 {
    max-width: 84px;
    position: absolute;
    right: 0;
    bottom: 45px;
    z-index: 0
}

.popup-content {
    width: 50%;
    padding: 27px 56px 57px 0
}

.popup-content h3 {
    width: 100%;
    margin: auto;
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 27px;
    color: #464646
}

.opacity0 {
    opacity: 0
}

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

.animation-delay01 {
    -webkit-animation-delay: .1s;
    animation-delay: .1s
}

.animation-delay02 {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.animation-delay03 {
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

.animation-delay04 {
    -webkit-animation-delay: .4s;
    animation-delay: .4s
}

.animation-delay05 {
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}

.animation-delay06 {
    -webkit-animation-delay: .6s;
    animation-delay: .6s
}

.animation-delay07 {
    -webkit-animation-delay: .7s;
    animation-delay: .7s
}

.animation-delay08 {
    -webkit-animation-delay: .8s;
    animation-delay: .8s
}

.animation-delay09 {
    -webkit-animation-delay: .9s;
    animation-delay: .9s
}

.animation-delay10 {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.animation-delay11 {
    -webkit-animation-delay: 1.1s;
    animation-delay: 1.1s
}

.animation-delay12 {
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s
}

.animation-delay14 {
    -webkit-animation-delay: 1.4s;
    animation-delay: 1.4s
}

.animation-delay16 {
    -webkit-animation-delay: 1.6s;
    animation-delay: 1.6s
}

@-webkit-keyframes a {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes a {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.fadeInUp {
    -webkit-animation-name: a;
    animation-name: a
}

@-webkit-keyframes b {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    to {
        opacity: 1
    }
}

@keyframes b {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    to {
        opacity: 1
    }
}

.zoomIn {
    -webkit-animation-name: b;
    animation-name: b
}

@-webkit-keyframes c {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes c {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: c;
    animation-name: c
}

@-webkit-keyframes d {
    0% {
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes d {
    0% {
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.slideInLeft {
    -webkit-animation-name: d;
    animation-name: d
}

@-webkit-keyframes e {
    0% {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes e {
    0% {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.slideInRight {
    -webkit-animation-name: e;
    animation-name: e
}

@-webkit-keyframes f {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    50% {
        -webkit-transform: scale3d(1.16,1.16,1.16);
        transform: scale3d(1.16,1.16,1.16)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes f {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    50% {
        -webkit-transform: scale3d(1.16,1.16,1.16);
        transform: scale3d(1.16,1.16,1.16)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.pulse {
    -webkit-animation-name: f;
    animation-name: f
}

@-webkit-keyframes g {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        opacity: 1
    }
}

@keyframes g {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        opacity: 1
    }
}

.flipInX {
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: g;
    animation-name: g;
    -webkit-animation-duration: 1.45s;
    animation-duration: 1.45s
}

@media screen and (max-width: 1260px) {
    .container {
        padding:0 30px;
        max-width: 100%
    }

    .welcome-girl-img {
        margin: 0 0 -220px -10%
    }

    .what-is-img {
        margin: -88px -14% 0 auto
    }

    .how-it-work-img {
        margin: -124px -14% -20px auto
    }
}

@media screen and (max-width: 1160px) {
    .form-container {
        width:344px
    }

    .welcome-girl-img {
        margin: 0 0 -220px -20%
    }

    .how-it-work-img {
        margin: -124px -24% -20px auto
    }
}

@media screen and (max-width: 1100px) {
    .welcome-girl-img {
        margin:0 0 -220px -24%
    }
}

@media screen and (max-width: 1020px) {
    .show-for-tablet {
        display:block
    }

    .hide-descktop {
        display: none
    }

    .title {
        font-size: 36px;
        line-height: 43px
    }

    .welcome-girl-img {
        display: none
    }

    .welcome-bg {
        height: 500px
    }

    .welcome-container {
        padding: 90px 0 46px
    }

    .welcome-title {
        margin: 0;
        font-size: 36px;
        line-height: 43px
    }

    .welcome-middle {
        max-width: calc(100% - 344px)
    }

    .welcome-product-image {
        margin: 0 0 0 -30px
    }

    .welcome-list {
        padding: 22px 20px 0 0
    }

    .what-is {
        padding: 0 0 50px
    }

    .what-is .background {
        top: -102px;
        left: auto;
        right: -156px;
        -webkit-transform: translate(0);
        -ms-transform: translate(0);
        transform: translate(0);
        width: 316px;
        height: 248px;
        background: url(../img/bg2.svg) 50%/contain no-repeat
    }

    .what-is .bg2 {
        top: 35%
    }

    .what-is .bg3 {
        top: 22px;
        left: 50%;
        -webkit-transform: scaleX(-1);
        -ms-transform: scaleX(-1);
        transform: scaleX(-1)
    }

    .what-is-title-container {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .what-is-img {
        margin: -102px 0 -36px;
        max-width: 345px;
        -webkit-transform: scaleX(-1);
        -ms-transform: scaleX(-1);
        transform: scaleX(-1)
    }

    .what-is-subtitle {
        margin: 0 auto 40px;
        position: relative;
        z-index: 1
    }

    .how-can-help {
        padding: 0 0 140px
    }

    .how-can-help-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .how-can-help .title {
        padding: 30px 0;
        max-width: 100%
    }

    .how-can-help-content,.how-can-help-image {
        width: 100%
    }

    .hch-image-bachground {
        top: 0;
        right: 50%;
        width: 100%;
        height: 420px;
        -webkit-transform: translate(50%);
        -ms-transform: translate(50%);
        transform: translate(50%)
    }

    .how-can-help-C-icon,.how-can-help-EU-icon {
        width: 50%
    }

    .how-can-help-btn {
        display: block;
        margin: 0 auto;
        padding: 30px 50px;
        max-width: 344px
    }

    .how-it-work {
        padding: 0 0 40px
    }

    .how-it-work .background1 {
        display: none
    }

    .how-it-work .background2 {
        top: -156px;
        right: -181px;
        -webkit-transform: translate(0) scaleX(-1);
        -ms-transform: translate(0) scaleX(-1);
        transform: translate(0) scaleX(-1);
        width: 404px;
        height: 289px;
        background: url(../img/bg1.svg) 50%/contain no-repeat
    }

    .how-it-work .bg3 {
        top: 20%;
        bottom: auto;
        left: 70%;
        max-width: 102px
    }

    .how-it-work-card-container {
        max-width: 100%;
        padding: 0;
        position: relative;
        z-index: 1
    }

    .how-it-work-title-container {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .how-it-work-img {
        width: 300px;
        height: auto;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        margin: -104px 0 -128px;
        z-index: 0
    }

    .comments .title {
        padding: 0 30px 40px
    }

    .comments .container {
        padding: 0
    }

    .comments .background {
        top: 90%;
        right: auto;
        left: -99px;
        -webkit-transform: translate(-50%) scale(1);
        -ms-transform: translate(-50%) scale(1);
        transform: translate(-50%) scale(1);
        background: url(../img/bg1.svg) 50%/contain no-repeat
    }

    .comments .bg {
        display: none
    }
}

@media screen and (max-width: 767px) {
    .flex-container {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .container {
        padding: 0 20px
    }

    .title {
        font-size: 30px;
        line-height: 36px
    }

    .popup-flex-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        overflow: hidden
    }

    .popup {
        width: 360px;
        overflow: scroll
    }

    .popup .form-title-price {
        padding: 12px 0
    }

    .popup .btn-form-buy {
        width: 100%;
        font-size: 16px;
        line-height: 21px;
        margin: 8px auto 12px
    }

    .popup-title {
        margin: 0 auto;
        padding: 42px 20px 86px;
        font-size: 30px;
        line-height: 30px;
        letter-spacing: .02em;
        text-align: center
    }

    .popup-bottom {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .popup-image {
        padding: 0;
        margin: -84px auto 10px
    }

    .popup-image .popup-img {
        max-width: 80%
    }

    .popup-image .popup-image-bg1 {
        max-width: 85px
    }

    .popup-image .popup-image-bg2 {
        right: 22px;
        max-width: 56px
    }

    .popup-content {
        width: 100%;
        padding: 0 18px 18px
    }

    .popup-content h3 {
        padding: 12px 0 0;
        font-size: 24px;
        text-align: center
    }

    .header {
        padding: 48px 0 10px
    }

    .header .header-btn {
        display: none
    }

    .header-container {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .welcome {
        margin: -96px auto 0
    }

    .welcome-title {
        font-size: 30px;
        line-height: 36px;
        text-align: center
    }

    .welcome-middle {
        max-width: 420px
    }

    .welcome-product-image {
        margin: 0 auto
    }

    .welcome-list {
        padding: 0 0 56px
    }

    .welcome-card-container {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 40px 0 20px
    }

    .welcome-card {
        width: calc((100% - 20px)/ 2);
        margin: 0 0 20px;
        font-size: 14px;
        line-height: 17px
    }

    .what-is {
        padding: 20px 0 50px
    }

    .what-is .background {
        top: 132px;
        right: -126px;
        width: 266px;
        height: 248px;
        background: url(../img/bg2.svg) 50%/contain no-repeat
    }

    .what-is .bg2 {
        top: -12px
    }

    .what-is .bg3 {
        top: 59%;
        left: calc(100% - 84px);
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }

    .what-is-title-container {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .what-is-title-container .title {
        padding: 60px 0 0
    }

    .what-is-img {
        margin: 0 auto -96px -86px
    }

    .what-is-subtitle {
        padding: 30px
    }

    .second-title {
        max-width: 80%
    }

    .how-can-help {
        padding: 0 0 60px
    }

    .how-can-help .container {
        padding: 0
    }

    .how-can-help-image {
        position: relative
    }

    .how-can-help-image .product-bg1,.how-can-help-image .product-bg2,.how-can-help-image .product-bg3 {
        width: auto
    }

    .hch-image-bachground {
        border-radius: 0 0 50px 50px;
        height: 352px;
        background: url(../img/how-help-product-bg2-mobile.svg) left top -73px/auto auto no-repeat,url(../img/how-help-product-bg-mobile.svg) 100% 0/auto auto no-repeat,#6db056
    }

    .how-can-help-content {
        padding: 0 20px
    }

    .how-can-help-icon {
        padding: 30px 0
    }

    .how-can-help-C-icon,.how-can-help-EU-icon {
        width: 100%;
        margin: 0 auto 12px
    }

    .how-can-help-btn {
        max-width: 100%
    }

    .how-it-work {
        padding: 20px 0
    }

    .how-it-work .background1 {
        display: block
    }

    .how-it-work .background2 {
        top: 184px;
        right: -16px;
        -webkit-transform: translate(0) scaleX(-1);
        -ms-transform: translate(0) scaleX(-1);
        transform: translate(0) scaleX(-1);
        width: 178px;
        height: 209px;
        background: url(../img/bg2.svg) 50%/contain no-repeat
    }

    .how-it-work .bg3 {
        top: 46%;
        bottom: auto;
        left: calc(100% - 77px);
        max-width: 77px;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }

    .how-it-work .bg2,.how-it-work .bg4 {
        display: none
    }

    .how-it-work-title-container {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .how-it-work-img {
        width: 300px;
        margin: 0 auto -268px -128px;
        z-index: 0;
        background: -webkit-linear-gradient(269.88deg,rgba(245,255,242,0) 60.09%,#f5fff2 99.91%);
        background: -o-linear-gradient(269.88deg,rgba(245,255,242,0) 60.09%,#f5fff2 99.91%);
        background: linear-gradient(180.12deg,rgba(245,255,242,0) 60.09%,#f5fff2 99.91%)
    }

    .comments .title {
        max-width: 80%;
        padding: 0 20px 30px
    }

    .comments .background {
        display: none
    }

    .comments .bg {
        display: block;
        width: 114px;
        top: 49px;
        bottom: auto;
        left: calc(100% - 114px)
    }

    .comment-content {
        padding: 20px 0 0
    }

    .footer,.order-form {
        margin: 0 auto
    }

    .header-scroll {
        padding: 10px 0
    }
}

@media screen and (max-width: 415px) {
    .form-container {
        margin:0 -20px;
        width: calc(100% + 40px)
    }

    .welcome-bg {
        height: 420px
    }

    .welcome-title {
        font-size: 24px;
        line-height: 29px
    }

    .welcome-product-image {
        padding: 40px 0 0
    }

    .welcome-product-image .product-img {
        max-width: calc(100% + 40px);
        margin: 0 -20px
    }

    .what-is-img {
        margin: 0 auto -96px -156px
    }

    .how-can-help-image {
        padding: 40px 0 0
    }

    .hch-image-bachground {
        height: 320px
    }

    .how-can-help-btn {
        font-size: 14px;
        padding: 30px
    }

    .comment img {
        max-width: 100%
    }
}

@media screen and (max-width: 360px) {
    .popup {
        width:320px
    }

    .popup .time-remain {
        padding: 20px 0 12px
    }

    .popup-title {
        padding: 32px 20px 86px
    }

    .popup-image .popup-img {
        max-width: 60%
    }

    .popup-image .popup-image-bg2 {
        right: 52px;
        max-width: 56px
    }
}

.form-checkbox-text {
    margin-left: 10px;
}