@font-face {
    font-family: 'HelveticaNeue';
    src: url('../fonts/HelveticaNeueLTStd-Lt.woff2') format('woff2'), url('../fonts/HelveticaNeueLTStd-Lt.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaNeue';
    src: url('../fonts/HelveticaNeueLTStd-Md.woff2') format('woff2'), url('../fonts/HelveticaNeueLTStd-Md.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaNeue';
    src: url('../fonts/HelveticaNeueLTStd-Hv.woff2') format('woff2'), url('../fonts/HelveticaNeueLTStd-Hv.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

*,
*:after,
*:before {
    box-sizing: border-box
}

html {
    overflow-x: hidden;
}

body {
    background: url(../img/sec01.png) no-repeat center top #040606;
    font-family: 'HelveticaNeue';
    color: #fff;
    font-weight: 300;
    font-style: normal;
    font-size: 14px;
    overflow-x: hidden;
	
}

.container {
    width: 100%;
    max-width: 480px!important
}

nav {
    display: none!important
}

img {
    max-width: 100%
}

.navbar-dark .navbar-nav .nav-link {
    color: #fff;
    padding-left: 0;
    padding-right: 1.5rem;
    margin-top: 1rem;
}

.navbar-dark .navbar-nav .nav-link:hover {
    animation-name: flash;
    animation-duration: 1.5s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@keyframes flash {
    10% {
        color: #f7b173;
    }
    35% {
        color: #dc878d;
    }
    70% {
        color: #e974c1;
    }
}

.d-hidden {
    visibility: hidden!important
}

@media (min-width: 1200px) {
    .container {
        max-width: 1140px!important;
    }
    nav {
        display: flex!important
    }
    .d-xl-visible {
        visibility: visible!important
    }
}


/* section1 intro */

h1 {
    font-size: 13px;
    text-align: center;
	margin-bottom: 90px;}
h1 span.gradient-text {
    background: linear-gradient(45deg, #f7b173 23%, #dc878d 56%, #e974c1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #f7b173;
    line-height: 40px
}

h1 span.big {
    font-size: 25px;
    text-transform: uppercase;
    color: #fff;
}

b,
strong {
    font-weight: 500;
}
.pink-bg{background:url(../img/pink-bg.png) #c50745;text-transform:uppercase;line-height:49px;overflow:hidden;position:fixed;width:100%;z-index:1000}
.pink-bg .button{display:table;float:right;width:auto;text-transform:uppercase;font-size:13px;height:30px;line-height:30px;margin-top:10px;margin-bottom:10px;}
.intro .wr .d-xl-flex {
    width: 340px;
    justify-content: flex-start;
}
.intro{padding-top:40px;}
.intro .icon {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 58px;
    width: 58px!important;
}

.intro .wr,
.last .wr-2 {
    background: url(../img/sec01-wr-sm.png) no-repeat center top #fff;
    height: 219px;
}
@media (min-width: 1200px) {
    .intro .price-block {
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: 330px;
        width: 330px!important;
		
    }
    .intro .order-block {
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: 500px;
        width: 500px!important;
    }
}
.intro .woman,
.last .woman {
    margin-right: -15px;
    margin-top: -219px;
}

.intro .woman-bl,
.last .woman-bl {
    display: table;
    float: none;
    height: 219px;
    margin-top: 0px;
    width: 100%;
}

.intro .woman-bl:before,
.last .woman:before {
    display: block;
    content: "";
    position: absolute;
    background: url(../img/sec01-colors-sm.png) no-repeat center center;
    top: -104px;
    left: 50%;
    margin-left: -177px;
    width: 414px;
    height: 152px;
    background-size: cover;
}

.intro .woman-bl:after,
.last .woman:after {
    display: block;
    content: "";
    position: absolute;
    background: url(../img/sec01-woman-sm.png) no-repeat center center;
    bottom: 0;
    left: 50%;
    margin-left: -131px;
    width: 369px;
    height: 310px;
    background-size: cover;
}

.dark-wr {
    background: #0d0d0d
}

.intro .dark-wr {
    height: 560px;
}
.last .dark-wr{height:820px}



.sale {white-space: nowrap;
    overflow: hidden;
    height: 30px;
    background: #c50745;
    margin-right: -15px;
    display: block;
    font-size: 10px;
    line-height: 30px;
    float: right;
    text-align: right;
    margin-top: -1px;
    padding-right: 5px;
    margin-bottom: 35px;
	width:480px;
}



 



.sale span:first-child {
    padding-left: 15px;
}

.sale span {
    padding-left: 6px!important;
    padding-right: 6px!important;
    font-size: 10px!important;     display: inline-block;
    -webkit-animation: scroll 2.3s infinite linear;
    -moz-animation: scroll 2.3s infinite linear;
    animation: scroll 2.3s infinite linear;
}


@-webkit-keyframes scroll {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    100% {
        -webkit-transform: translate(-100%, 0);
        transform: translate(-100%, 0)
    }
}
 
@-moz-keyframes scroll {
    0% {
        -moz-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    100% {
        -moz-transform: translate(-100%, 0);
        transform: translate(-100%, 0)
    }
}
 
@keyframes scroll {
    0% {
        transform: translate(0, 0);
    }
    100% {
        transform: translate(-100%, 0)
    }
}

.pack-block {
    position: absolute;
    top: -142px;
    margin-left: -155px;
    width: 480px;
    left: 50%;
}

.pack-1 {
    width: 126px;
    height: 193px;
}

.new-price {
    font-size: 19px;
    margin-bottom: 0!important;
}

.old-price {
    font-size: 14px;
    color: #727171;
    margin-bottom: 0!important;
}

.grey-text {
    font-size: 12px;
    color: #727171;
	 margin-bottom: 0;
}
.steps .price-block {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 213px;
    min-width: 213px!important;
}
.intro h2 {
    font-size: 25px;
    font-weight: 300
}

form {
    position: absolute;
    z-index: 99;
    left: 50%;
    margin-left: -121px;
}

input {
    outline: 0!important;
    box-shadow: none!important;
    background: transparent;
    border: 0;
    border-radius: 22px;
    height: 45px;
    color: #fff;
    font-size: 12px;
    text-align: center;
}

.input {
    position: relative;
}

.input-bl {
    padding: 1px;
    overflow: hidden;
}

.input:before,
.input:after {
    content: "";
    position: absolute;
}

.input:after {
    height: 45px;
    border-radius: 22px;
}

.input:before {
    height: 47px;
    border-radius: 25px;
}

.input:before {
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    background-image: -webkit-gradient(radial, right top, 10, 90% 0%, 150, from(#ff499f), to(#f4a2a5));
    background-image: -webkit-radial-gradient(right top, 150px 230px, #ff499f, #f4a2a5);
    background-image: -moz-radial-gradient(right top, farthest-corner, #ff499f 0%, #f4a2a5 72%);
    z-index: -2
}

.input:after {
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #161616;
    z-index: -1;
    border-radius: 25px;
}

::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #fff;
    font-size: 12px;
    text-align: center;
}

::-moz-placeholder {
    /* Firefox 19+ */
    color: #fff;
    font-size: 12px;
    text-align: center;
}

:-ms-input-placeholder {
    /* IE 10+ */
    color: #fff;
    font-size: 12px;
    text-align: center;
}

:-moz-placeholder {
    /* Firefox 18- */
    color: #fff;
    font-size: 12px;
    text-align: center;
}

button,
.button {
    display: table;
    outline: 0!important;
    color: #fff;
    text-decoration: none;
    font-size: 11px;
    text-align: center;
    border: 0;
    border-radius: 22px;
    height: 45px;
    line-height: 45px;
    background-image: -moz-linear-gradient( 180deg, rgb(255, 106, 108) 0%, rgb(255, 73, 159) 100%);
    background-image: -webkit-linear-gradient( 180deg, rgb(255, 106, 108) 0%, rgb(255, 73, 159) 100%);
    background-image: -ms-linear-gradient( 180deg, rgb(255, 106, 108) 0%, rgb(255, 73, 159) 100%);
    margin-top: -20px;
}

.order-block .input-bl input,
.order-block button {
    width: 240px;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 240px;
}

button:focus,
button:hover,
.button:focus,
.button:hover {
    cursor: pointer;
    text-decoration: none;
    color: #fff;
    background-image: -moz-linear-gradient( 180deg, rgb(255, 73, 159) 0%, rgb(255, 106, 108) 100%);
    background-image: -webkit-linear-gradient( 180deg, rgb(255, 73, 159) 0%, rgb(255, 106, 108) 100%);
    background-image: -ms-linear-gradient( 180deg, rgb(255, 73, 159) 0%, rgb(255, 106, 108) 100%);
}

.timer {
    display: table;
}

.timer span.day,
.timer span.hour,
.timer span.minute,
.timer span.second {
    display: block;
    width: 52px;
    float: left;
    text-align: center;
    font-size: 15px;
    line-height: 36px;
    margin-top: 5px;
}

.timer .num {
    display: block;
    width: 26px;
    height: 46px;
    background-color: rgb(70, 70, 70);
    float: left;
    line-height: 46px;
    text-align: center;
    font-size: 26px
}

.timer .num:nth-child(odd) {
    text-align: right
}

.timer .num:nth-child(even) {
    text-align: left
}

.intro .wrb {
    background: url(../img/sec01-wr.png) no-repeat center top #000;
    background-size: cover
}
	@media (min-width: 480px) {
		.sale{width:480px;}
	}
@media (min-width: 1200px) {
    h1 {
        font-size: 20px;
        display: table;
        text-align: left;
        margin-bottom: 8px
    }
    h1 span.gradient-text {
        line-height: 40px
    }
    h1 span.big {
        font-size: 39px;
    }
	.intro{padding-top:0}
    .intro .dark-wr,.last .dark-wr {
        height: 185px;
    }
    .intro .wr {
        background: url(../img/sec01-wr.png) no-repeat left top #fff;
        height: 279px;
    }
    .intro .woman {
        margin-right: -15px;
    }
    .intro .woman-bl {
        float: right;
        height: 279px;
        background: #fff;
        margin-top: -222px;
        width: 660px;
        margin-right: -15px;
        border-radius: 350px 350px 0 0;
    }
    .intro .woman-bl:before {
        background: url(../img/sec01-colors.png) no-repeat center center;
        top: -168px;
        right: 160px;
        width: 516px;
        height: 246px;
        left: auto;
    }
    .intro .woman-bl:after {
        background: url(../img/sec01-woman.png) no-repeat center center;
        top: -219px;
        left: auto;
        right: 0;
        margin-left: auto;
        width: 503px;
        height: 498px;
    }
    .sale {
        height: 25px;
        background: #ab1545;
        margin-left: -25px;
        width: auto;
        display: table;
        font-size: 10px;
        line-height: 25px;
        float: none;
        margin-bottom: 17px
    }

    .pack-block,
    .risk .pack-block {
        position: relative;
        top: 0;
        margin-left: 0;
        width: auto;
        left: 0;
    }
    .pack-1 {
        height: 340px!important;
        width: 222px!important;
        max-width: 200%;
        margin-top: -80px;
        margin-left: -80px
    }
    .risk .pack-1 {
        margin-top: 60px;
    }
    .order-block .input-bl input,
    .order-block button {
        width: auto;
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: auto;
    }
    form {
        left: auto;
        margin-left: auto;
    }
    .timer .num {
        width: 21px;
        height: 42px;
        line-height: 43px;
        font-size: 21px
    }
    .timer span.day,
    .timer span.hour,
    .timer span.minute,
    .timer span.second {
        width: 42px;
        font-size: 12px;
        line-height: 28px;
        margin-top: 5px;
    }
    .button button {
        margin-top: 0px;
    }
}


/* section2 beauty */

.beauty {
    background: url(../img/sec02.png) no-repeat -360px top #040606;
    min-height: 1282px;
    padding-top: 40px
}

.beauty .seastar {
    background: url(../img/sec02-wr-sm.png) no-repeat center top #0d0d0d;
    width: 290px;
}

@media (min-width: 1200px) {
    .beauty {
        padding-top: 140px
    }
    .beauty .seastar {
        width: 1140px;
        display: block;
        position: relative;
        background: url(../img/sec02-wr.png) no-repeat center top transparent;
        height: 450px;
        -webkit-box-shadow: 0 24px 12px -12px rgba(0, 0, 0, 0.71);
        -moz-box-shadow: 0 24px 12px -12px rgba(0, 0, 0, 0.71);
        box-shadow: 0 24px 12px -12px rgba(0, 0, 0, 0.71);
    }
    .beauty .seastar:after {
        display: block;
        content: '';
        position: absolute;
        height: 10px;
        width: 110px;
        bottom: -10px;
        right: 0px;
        background-image: -moz-linear-gradient( 0deg, rgb(249, 187, 102) 0%, rgb(231, 106, 206) 100%);
        background-image: -webkit-linear-gradient( 0deg, rgb(249, 187, 102) 0%, rgb(231, 106, 206) 100%);
        background-image: -ms-linear-gradient( 0deg, rgb(249, 187, 102) 0%, rgb(231, 106, 206) 100%);
    }
}

.beauty .seastar p.lead {
    margin-top: 230px;
    margin-bottom: 5px;
    line-height: 20px
}

.beauty .seastar p.lead,
.beauty ul li {
    font-size: 14px
}

.beauty .seastar h1,
.beauty .riches h2,
.back .getback h1 {
    font-size: 25px;
    font-weight: 300;
    text-transform: uppercase;
    margin-bottom: 0;
}

.beauty .seastar ul {
    background-image: -moz-linear-gradient( 0deg, rgb(91, 70, 52) 0%, rgb(89, 61, 64) 47%, rgb(87, 52, 75) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(91, 70, 52) 0%, rgb(89, 61, 64) 47%, rgb(87, 52, 75) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(91, 70, 52) 0%, rgb(89, 61, 64) 47%, rgb(87, 52, 75) 100%);
    margin-left: -15px;
    -webkit-padding-start: 0;
    padding-left: 0;
    width: 290px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 0;
    margin-top: 25px;
    border-top: 3px solid #151515;
}

.rainbow-line {
    display: block;
    height: 5px;
    width: 290px;
    background-image: -moz-linear-gradient( 0deg, rgb(249, 187, 102) 0%, rgb(231, 106, 206) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(249, 187, 102) 0%, rgb(231, 106, 206) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(249, 187, 102) 0%, rgb(231, 106, 206) 100%);
    margin-left: -15px;
    margin-top: 0
}

.pink {
    color: #ff9ec5
}

.beauty p {
    line-height: 24px
}

.beauty .riches {
    margin-top: 60px
}

.beauty .riches p.lead {
    font-size: 14px;
    margin-bottom: 0;
}

.beauty .riches .bg-white {
    background: #fff;
    color: #000;
    width: 215px!important;
    height: 417px;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 215px!important;
    margin: 40px auto 0;
}

.beauty .riches .bg-white p {
    font-size: 13px;
    line-height: 18px;
}
.owl-carousel .owl-item img{display:inline!important;width:auto!important}
.owl-carousel button.owl-dot {
    background: transparent!important;
    border: 2px solid #377aa8!important;
    padding: 0!important;
    height: 10px;
    width: 10px;
    margin-top: 10px;
    position: relative;
    float: left;
}

.owl-carousel button.owl-dot.active {
    background: #377aa8!important
}

.owl-nav,
.owl-dots {
    position: relative;
    display: -webkit-flex;
    display: flex;
    width: 290px;
}

.owl-nav button {
    position: absolute;
}
.beauty .riches .owl-nav button {
    margin-top: -155px;
}
.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev {
    display: block;
    height: 26px;
    width: 13px;
}

.owl-carousel .owl-nav button.owl-next {
    background: url(../img/arrow-next.png) no-repeat center center!important;
}

.owl-carousel .owl-nav button.owl-prev {
    background: url(../img/arrow-prev.png) no-repeat center center!important;
}

.owl-carousel .owl-nav button.owl-next span,
.owl-carousel .owl-nav button.owl-prev span {
    display: none
}

.owl-prev {
    left: 0
}

.owl-next {
    right: 0
}

.owl-nav {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin: 0 auto;
}

.owl-dots {
    margin: 10px auto 0;
    -webkit-justify-content: center;
    justify-content: center;
}

.owl-dot {
    margin-left: 1px;
    margin-right: 1px
}

@media (min-width: 1200px) {
    .beauty {
        background: url(../img/sec02.png) no-repeat center top #040606;
    }
    .beauty .seastar p.lead,
    .beauty ul li {
        font-size: 16px
    }
    .beauty .riches p.lead {
        font-size: 16px;
        text-transform: uppercase
    }
    .beauty .seastar h1,
    .beauty .riches h2 {
        font-size: 50px;
    }
    .beauty .seastar ul {
        background: transparent;
        margin-left: 0;
        margin-top: 2em;
        padding-left: 15px;
        -webkit-margin-before: 2em;
        -webkit-margin-after: 0em;
        -webkit-margin-start: 0px;
        -webkit-margin-end: 0px;
        -webkit-padding-start: 15px;
        width: auto;
        border-top: 0;
        padding-bottom: 5px;
    }
    .rainbow-line {
        height: 1px;
        width: 150px;
        margin-left: 0;
    }
    .beauty .riches .bg-white {
        margin: 0
    }
}


/* section3 risk */

.risk .gold {
    border-radius: 50%;
    background-image: -moz-linear-gradient( 90deg, rgb(186, 161, 21) 0%, rgb(249, 225, 127) 25%, rgb(189, 164, 26) 50%, rgb(249, 225, 127) 75%, rgb(189, 164, 26) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(186, 161, 21) 0%, rgb(249, 225, 127) 25%, rgb(189, 164, 26) 50%, rgb(249, 225, 127) 75%, rgb(189, 164, 26) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(186, 161, 21) 0%, rgb(249, 225, 127) 25%, rgb(189, 164, 26) 50%, rgb(249, 225, 127) 75%, rgb(189, 164, 26) 100%);
    width: 104px;
    height: 104px;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 104px;
    margin: 0 auto;
}

.risk .gold img {
    border-radius: 50%
}


.risk .gold p {
    line-height: 100px;
    margin-bottom: 0
}
.gold-bl p.p{	display:table;
	max-width:150px;
margin: 0 auto;}
.risk .owl-dots{margin-bottom:30px;}
.risk .wr {
    background: url(../img/sec03-wr.png) no-repeat right top #0d0d0d;
    height: 219px;
}

.risk .woman {
    margin-right: -15px;
    margin-top: -410px;
}

.risk .woman-bl {
    position: absolute;
    float: right;
    right: 0;
    background: url(../img/sec01-wr-sm.png) no-repeat right top #fff;
    height: 219px;
    width: 320px;
    border-radius: 65000px 400px 0 0;
}

.risk .woman-bl:before {
    display: block;
    content: "";
    position: absolute;
    background: url(../img/sec03-colors.png) no-repeat center center;
top: -67px;
    right: -50px;
    width: 516px;
    height: 246px;
}

.risk .woman-bl:after {
    display: block;
    content: "";
    position: absolute;
    background: url(../img/sec03-woman.png) no-repeat center center;
    bottom: 0;
    right:-15px;
    height: 240px;
    width: 219px;
    background-size: cover;
}

.risk .d-xl-flex {
    width: 410px;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 410px;
}

.risk .gold-bl:nth-child(2),.risk .gold-bl:nth-child(3) {
    width: 130px;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 130px;
}

.risk h1 {
    font-size: 30px;
    font-weight: 300;
    text-transform: uppercase;
	margin-bottom:10px;
}

.risk p.lead {
    font-size: 16px;
}

.risk .pack-block {
    position: absolute;
top: 48px;
    bottom: -28px;
    margin-left: -155px;
    z-index: 98
}
.risk .owl-nav button {
    margin-top: -123px;
}

.risk .owl-nav,
.risk .owl-dots
{width:220px}
@media (min-width: 480px) {
.risk .pack-block {
    bottom: -48px;
margin-left:-233px;
}

.risk .woman-bl:before {
    right: -46px;
}

.risk .woman-bl:after {
    bottom: 0;
    right: 0;
}

}
@media (min-width: 1200px) {
.risk h1 {
    font-size:46px;
	line-height:60px
}

	.risk .pack-block{left: 165px;}
    .risk .wr {
        height: 410px
    }
    .risk .woman-bl {
        height: 412px;
        width: 503px;
        border-radius: 65000px 400px 0 0;
        background: #fff;
        bottom: -48px;
    }
    .risk .woman-bl:before {
        top: -35px;
        right: 145px;
    }
    .risk .woman-bl:after {
        width: 416px;
        height: 455px;
    }
}


/* section4 backtime */

.back {
    padding-top: 60px;
    background-size:1200px;
    background: url(../img/sec04.png) no-repeat center -150px;

}
.back .getback h1 span{font-size:20px}
.back .getback h1{font-size:32px;margin-top:20px;line-height:1!important}
.back .container{width:290px;background:#0d0d0d;margin-bottom:100px}
.back .getback p.lead{
    font-size: 15px;}
 .back .getback ul li {
    font-size: 18px;}
.back .getback ul li{padding-left:30px}
.back .getback ul li:before{content: "";
    display: block;
    border-radius: 50%;
    background-image: -moz-linear-gradient( 128deg, rgb(182, 158, 22) 0%, rgb(161, 190, 223) 47%, rgb(231, 106, 206) 100%);
    background-image: -webkit-linear-gradient( 128deg, rgb(182, 158, 22) 0%, rgb(161, 190, 223) 47%, rgb(231, 106, 206) 100%);
    background-image: -ms-linear-gradient( 128deg, rgb(182, 158, 22) 0%, rgb(161, 190, 223) 47%, rgb(231, 106, 206) 100%);
    box-shadow: 0px 2px 9px 0px rgba(0, 0, 0, 0.004);
    width: 6px;
    height: 6px;
    position: absolute;
    top: 8px;
margin-left: -16px;}

.back .getback ul{    background-image: -moz-linear-gradient( 0deg, rgb(91, 70, 52) 0%, rgb(89, 61, 64) 47%, rgb(87, 52, 75) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(91, 70, 52) 0%, rgb(89, 61, 64) 47%, rgb(87, 52, 75) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(91, 70, 52) 0%, rgb(89, 61, 64) 47%, rgb(87, 52, 75) 100%);
    -webkit-padding-start: 0;
    padding-left: 0;
    width: 290px;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 0;
    margin-top: 25px;
border-top: 3px solid #151515;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;

}
.back .rainbow-line{margin-left:0}
.back .container .row .col-12 {
    padding: 0
}
.back .bg-grey:after {
    display: block;
    content: '';
    position: absolute;
    width: 10px;
    height: 170px;
    top: 0;
    right: 0px;
    background-image: -moz-linear-gradient( 90deg, rgb(249, 187, 102) 0%, rgb(231, 106, 206) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(249, 187, 102) 0%, rgb(231, 106, 206) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(249, 187, 102) 0%, rgb(231, 106, 206) 100%);
    z-index: 97
}
.back .bg-darkgrey p{text-align:center;font-size:13px;margin-bottom:22px}

.back a.button {
    float: none;
    margin-right: auto;
	margin-left:auto;
    margin-bottom: -22px
}

@media (min-width: 1200px) {
.back {
margin-top: 0px;
    padding-top: 210px;
    background-size:contain;
    background: url(../img/sec04.png) no-repeat center top;

}
.back .getback p.lead,.back .getback ul li {
    font-size: 16px;}
.back .container{width:1140px;margin-top:0;background:transparent;margin-bottom:0px}
	
.back .getback h1,.back .getback h1 span {
	margin-top: 0px;
    font-size: 36px;
    font-weight: 300;
    text-transform: uppercase;
	line-height:45px!important
}	
	
.back{padding-top: 210px;padding-bottom:100px}	
	
.back .bg-grey {
    display: block;
    position: relative;
    float: left;
    width: 405px;
    background: #212121
}

.back .bg-grey p {
    margin-bottom: 0
}

.getback {
    display: block;
    position: relative;
    float: right;
    width: 735px;
}

.back .bg-darkgrey {
    background: url(../img/sec04-face.png) no-repeat right top #0d0d0d
}

.back .bg-darkgrey p {
	font-size:14px;
    line-height: 24px;
    text-align: justify;
}

.back .dg-text {
    display: block;
    max-width: 500px
}
.back .getback ul {
	background:none;
	border-top:0;
    margin-top: 2em;
    padding-left: 15px;
    -webkit-margin-before: 2em;
    -webkit-padding-start: 15px;
	    padding-top: 10px;
    padding-bottom: 10px;
}
.back .bg-grey:after {
    height: 332px;
    right: -10px;
}



.back a.button {
    float: right;
    margin-right: 155px;
    margin-top: -22px
}
}

/* section5 stop */

.stop {
    background: #040606;
    margin-top: 0;
}

.stop .container {
    display: block;
    background: url(../img/sec05-wr-sm.png) no-repeat right top #0d0d0d;
    position: relative;
	width:290px;
	padding-top:200px;
	padding-bottom:15px;
	height: 700px;
	margin-bottom:40px;
}


.stop h1,
.steps h1 {
    font-size: 22px;
    font-weight: 300;
    text-transform: uppercase;
	margin-bottom:0;
}
.steps h1{font-size:30px}

.stop ul li {
    line-height: 24px
}

.stop p.lead {
    font-size: 13px;
    margin-bottom: 0;
}

.stop .rainbow-line, .steps .rainbow-line, .howhelp .rainbow-line {
    height: 1px;
    width: 150px;
    margin-left: 0;
}
.stop ul {
    margin-top: 0;
    padding-left: 15px;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 15px;
}

.stop p {
    line-height: 34px
}
.say p.lead{font-weight:500;text-transform:uppercase;font-size:16px}
.say {
    margin-top: 0px;
    padding-top: 0;
}
.say.no{    padding-left: 30px;
    padding-right: 30px;}
.say.yes {
    background: url(../img/sayyes.png) no-repeat center center #232323;    
padding: 15px 30px 1px;
    box-shadow: 0px 2px 40px 0px rgba(0, 0, 0, 0.43);margin-top:30px;border-radius:10px;
}

.say .button {
    text-transform: uppercase;
    margin: 20px auto 30px
}
.steps .owl-nav button {
    margin-top: -240px;
}


@media (min-width: 1200px) {
.stop .container {
    background: url(../img/sec05-wr.png) no-repeat right top #0d0d0d;
    height: 520px;
 width:1140px;padding-top:0;margin-bottom:0;
}.say {
    margin-top: -20px!important;
    padding-top: 25px!important;
}
.say.no{    padding-left: 0px;
    padding-right: 0px;}
.say.yes{width: 285px;border-radius:0px;}

.stop h1,
.steps h1 {
    font-size: 50px;
    line-height: 55px;
}
.stop p.lead {
    font-size: 16px;    margin-bottom: 1rem;
}
.stop .container:after {
    display: block;
    content: '';
    position: absolute;
    height: 10px;
    width: 110px;
    bottom: -10px;
    right: 0px;
    background-image: -moz-linear-gradient( 0deg, rgb(249, 187, 102) 0%, rgb(231, 106, 206) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(249, 187, 102) 0%, rgb(231, 106, 206) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(249, 187, 102) 0%, rgb(231, 106, 206) 100%);
}
.stop ul{margin-top: 1em;-webkit-margin-before: 1em;}
.say .button {
    margin: 40px auto
}

}

/* section6 steps */

.steps {
    background: url(../img/sec06.png) no-repeat center top;
    margin-top: 0px;
    padding-top: 0px;
}
.steps .container {
    position: relative;
	width:290px;
}

.steps .gold {
    border-radius: 50%;
    background-image: -moz-linear-gradient( 90deg, rgb(186, 161, 21) 0%, rgb(249, 225, 127) 25%, rgb(189, 164, 26) 50%, rgb(249, 225, 127) 75%, rgb(189, 164, 26) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(186, 161, 21) 0%, rgb(249, 225, 127) 25%, rgb(189, 164, 26) 50%, rgb(249, 225, 127) 75%, rgb(189, 164, 26) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(186, 161, 21) 0%, rgb(249, 225, 127) 25%, rgb(189, 164, 26) 50%, rgb(249, 225, 127) 75%, rgb(189, 164, 26) 100%);
    width: 150px;
    height: 150px;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 150px;
    margin: 0 auto;
}

.steps .gold img {
    border-radius: 50%
}

.steps .gold p {
    line-height: 147px;
    margin-bottom: 0
}


.steps p.lead {
    font-size: 13px;margin-bottom:5px
}

.steps .pack-block {
    position: absolute;
    bottom: -40px;
    left: -63px;
    z-index: 98
}

.gold-bl p {

    line-height: 18px;
}

.steps ul.sul {
    margin-top: 40px;
    margin-right: -15px;
}

.steps ul.sul li {
    font-size: 13px;
    background-image: linear-gradient( to right, transparent, rgb(35, 34, 34) 10%);
    margin-top: 10px;
    padding: 10px 0
}

.back .getback ul li,
.beauty ul li,
.stop ul li,
.steps ul li {
    display: block;
    position: relative;
}
.stop ul li:before,.steps ul.sul li:before, .steps .zkz ul li:before, .last ul li:before{
	content: "";
        display: block;
        border-radius: 50%;
        background-image: -moz-linear-gradient( 128deg, rgb(182, 158, 22) 0%, rgb(161, 190, 223) 47%, rgb(231, 106, 206) 100%);
        background-image: -webkit-linear-gradient( 128deg, rgb(182, 158, 22) 0%, rgb(161, 190, 223) 47%, rgb(231, 106, 206) 100%);
        background-image: -ms-linear-gradient( 128deg, rgb(182, 158, 22) 0%, rgb(161, 190, 223) 47%, rgb(231, 106, 206) 100%);
        box-shadow: 0px 2px 9px 0px rgba(0, 0, 0, 0.004);
        width: 6px;
        height: 6px;
        position: absolute;
        top: 8px;
margin-left: -16px}
.steps .owl-nav, .steps .owl-dots{width: 260px;cursor:pointer}
@media (min-width:1200px) {
.steps p.lead{text-transform:uppercase;font-size: 16px;}
	.steps .container{width:1140px}
    .back .getback ul li:before,
    .beauty ul li:before,
    .steps ul li:before {
        content: "";
        display: block;
        border-radius: 50%;
        background-image: -moz-linear-gradient( 128deg, rgb(182, 158, 22) 0%, rgb(161, 190, 223) 47%, rgb(231, 106, 206) 100%);
        background-image: -webkit-linear-gradient( 128deg, rgb(182, 158, 22) 0%, rgb(161, 190, 223) 47%, rgb(231, 106, 206) 100%);
        background-image: -ms-linear-gradient( 128deg, rgb(182, 158, 22) 0%, rgb(161, 190, 223) 47%, rgb(231, 106, 206) 100%);
        box-shadow: 0px 2px 9px 0px rgba(0, 0, 0, 0.004);
        width: 6px;
        height: 6px;
        position: absolute;
        top: 8px;
        margin-left: -16px
    }
}

.steps ul.sul li:before {
    top: 18px
}

.steps h2 {
    font-size: 25px;
    font-weight: 300;
}

.steps .bg-white {
    color: #000;
    
}

.steps .wr {
    position: relative;
    margin-top: 32px
}
.sul:before{display: block;
    content: "";
    position: absolute;
    background: url(../img/sec06-colors-sm.png) no-repeat center center;
	    width: 342px;
    height: 297px;
	top: -241px;
	right:-8px;
    }

.steps .owl-dots{margin-bottom: 120px;}
.steps ul.sul{    display: block;min-width:290px;
    list-style-type: disc;
    -webkit-margin-before: 56px;
    -webkit-margin-after: 0;
    -webkit-margin-start: -15px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0px;margin-top:56px;margin-left:-15px;padding-left:30px;}
.steps .order-block{height:350px;}
.steps .stn {
    font-size: 55px;width:32px;flex-basis:32px;    flex-grow: 0;
    flex-shrink: 0;
    background: linear-gradient(0deg, #e76ace 33%, #ff959c 66%, #f9bb66);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #f7b173;
    line-height: 75px;
    font-weight: bold
}
@media (min-width:1200px) {.sul:before{display:none}.steps .stn {width:auto;flex-basis:auto;
font-size: 75px;}.steps .order-block{height:auto}.steps .bg-white{height: 220px}
.steps .wr:before {    display: block;
    content: "";
    position: absolute;
    background: url(../img/sec06-colors.png) no-repeat center center;
	    width: 339px;
    height: 228px;
	top: -228px;
    right: 80px;
}.steps ul.sul li{font-size: 16px;}
.steps ul.sul{    display: block;
    list-style-type: disc;
    -webkit-margin-before: 40px;margin-top:40px;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 40px;margin-left:0;margin-right:-15px;}


.steps .round-bl {
    bottom: -40px;
    position: absolute;
    float: right;
    right: 0;
    top: 0;
    background: #f5f5f5;
    height: 220px;
    width: 390px;
    border-radius: 999900px 1900px 0px 0px;
}
}


.steps .bg-white {
    font-size: 16px;
    line-height: 20px;
}

.steps .zkz h3 {
    font-size: 18px;
    font-weight: 300
}

.steps .zkz ul {
    margin-top: 0em;
    padding-left: 15px;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 15px;
}

.steps .zkz ul li {
    margin-top: 20px;
    margin-bottom: 20px;
}

.steps .zkz:after {
    display: block;
    content: '';
    position: relative;
    height: 10px;
    width: 290px;
    margin-top: 0px;
    float: right;
    margin-right: -15px;
    background-image: -moz-linear-gradient( 0deg, rgb(249, 187, 102) 0%, rgb(231, 106, 206) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(249, 187, 102) 0%, rgb(231, 106, 206) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(249, 187, 102) 0%, rgb(231, 106, 206) 100%);
}
@media (min-width:1200px) {.steps .zkz h3{font-size: 22px;}
	.steps .zkz:after{width: 110px;}
}

/* section7 last */

.last .price-block{margin-top: -23px;
}
.last .wr-2 ul {
	position:relative;
    margin-top: 0em;
    padding-left: 15px;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 15px;
}

.last .wr-2 ul li {position:relative;
    margin-top: 10px;
    margin-bottom: 10px;
}
.howhelp{width:290px}
.howhelp ul,.howhelp ul li{position:relative;}
   .howhelp ul{ margin-top: 0em;
    padding-left: 15px;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 40px;margin-bottom:40px;
    -webkit-padding-start: 15px;
    list-style-type: none;}
	.howhelp ul li{list-style-type: none;margin-bottom:10px}
@media (min-width: 1200px) {
	.last .price-block{margin-top:0px;
}
    .last .wr-2 {
        background: url(../img/sec07-wr.png) no-repeat left top #fff;
        height: 279px;
    }
    .last .woman-bl:after {
        display: block;
        content: "";
        position: absolute;
        background: url(../img/sec01-woman-sm.png) no-repeat center center;
        top: -188px;
        right: 0;
        width: 450px;
        height: 274px;
    }
    .last .woman-bl:after {
        background: url(../img/sec07-woman.png) no-repeat center center;
        top: -188px;
        right: 0;
        width: 686px;
        height: 474px;
    }
    .last .woman-bl:before {
        display: none
    }
    .last .woman-bl {
        background: transparent
    }
}

footer a {
    color: #404040
}

footer a:hover {
    color: #fff;
    text-decoration: none
}

.bg-white__title {
    padding-left: 1rem;
    margin-bottom: -7px;
    padding-top: 1rem;
}

.comp__ch {
    margin-left: -11.4rem!important; 
}

.price__ch {
    font-size: 17px!important;
}

@media screen and (max-width: 480px) {
    button {
        margin-top: 8px!important;
    }    
}