body, html { margin: 0; padding: 0; font-family: 'Roboto', sans-serif; color: #0f0f0f; }

h4 { font-weight: 700; }
h5 { font-weight: 300; font-size: 1.15em; line-height: 1.4; }
p { font-weight: 300; font-size: 1em; }

.brandTextColor { color: #df8ab3; }
.brandBgColor { color: #ffc4e0; }

a.cta { display: block; position: relative; background: #546ba1; color: #ffffff; font-size: 1.4em; text-align: center; font-weight: 700; padding: 12px 0; transition: all .3s; border-radius: 30px; }
a.cta:hover { text-decoration: none; background: #637ebd; color: #ffffff; }

body.bf a.cta::after { content: url('../images/BFBUTTON-A-50.png'); display: block; width: 72px; height: 72px; position: absolute; top: -7px; left: calc(100% - 30px); }


html:lang(de) a.cta { font-size: 1.3em; }
html:lang(es) a.cta { font-size: 1.3em; }
html:lang(esa) a.cta { font-size: 1.3em; }
html:lang(fr) a.cta { font-size: 1.2em; }


p.desc { color: #5d4955; font-size: .9em; }

section { max-width: 1980px; width: 100%; margin: 0 auto; }

#top { position: relative; padding-top: 40px; z-index: 2; }
#top img#top-product { margin-top: 10px; }
#top h4 { color: #df8ab3; margin: 60px 0 25px; }
#top .cta { border-radius: 30px; max-width: 245px; width: 100%; margin-top: 50px; }


#top2 { position: relative; padding: 40px 0; z-index: 2; overflow: hidden; }
#top2 .container { position: relative; }
#top2 img#top-woman { position: relative; z-index: 2; margin-top: -40px; }
#top2 img#top-product { position: relative; z-index: 3; margin-top: 50px; }
#top2 h4 { color: #df8ab3; margin: 60px 0 25px; }
html:lang(es) #top2 h4 { font-size: 1.3em; }
html:lang(esa) #top2 h4 { font-size: 1.3em; }
html:lang(hu) #top2 h4 { font-size: 1.4em; }
html:lang(gr) #top2 h4 { font-size: 1.4em; }
html:lang(pt) #top2 h4 { font-size: 1.4em; }
#top2 .cta { border-radius: 30px; max-width: 290px; width: 100%; margin-top: 50px; position: relative; z-index: 3; }
html:lang(de) #top2 .cta { max-width: 265px; margin-top: 30px; }
html:lang(sk) #top2 .cta { max-width: 325px; }
html:lang(gr) #top2 .cta { max-width: 350px; }
#top2::after { content: ''; position: absolute; bottom: -2px; left: 0; width: 100%; height: 195px; background: url('/images/bg1-top2.png') no-repeat center; z-index: 2; }

#top2 .flags { position: absolute; top: 0; right: 0; }
#top2 .flags .myFlag { text-align: right; }
#top2 .flags img { width: 30px; border: solid 1px #444;  }
#top2 .flags ul { margin: 0; text-align: right; padding: 0.25em; border: solid 1px #aaa; position: absolute; top: 30px; right: 0;  background: #fff8; width: 90px; display: none; z-index: 999; }
#top2 .flags li { display: inline-block; margin: 0.25em; }
#top2 .flags ul img { display: block; }

#s1 { position: relative; background: #ffc4e0; padding: 1px 0 135px; z-index: 1; }
/* #s1::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 241px; background: url('/images/bg1-top.png') no-repeat center; } */
#s1::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 135px; background: url('/images/bg1-bottom.png') no-repeat center; }

@media screen and (max-width: 767px){
    #s1{ padding-bottom: 50px!important; margin-bottom: 50px; }
    #s1::after{ content: none; }
}

#s1 .part { margin: 80px -15px 0; }
#s1 .flex-box { display: flex; justify-content: space-around; }

/* html:lang(pl) #s1 .flex-box img#cecha1,
html:lang(es) #s1 .flex-box img#cecha1 { max-width: 194px; width: 100%; }
html:lang(esa) #s1 .flex-box img#cecha1 { max-width: 194px; width: 100%; }
html:lang(pl) #s1 .flex-box img#cecha2 { max-width: 175px; width: 100%; }
html:lang(de) #s1 .flex-box img#cecha2 { max-width: 194px; width: 100%; } */

#s1 h4 { margin: 0 0 30px; }
#s1 h5 { text-align: justify; }
#s1 p {margin: 40px 0 0; }
#s1 .cta { border-radius: 30px; max-width: 710px; width: 100%; margin: 80px auto 0; }
html:lang(de) #s1 .cta { max-width: 730px; }
html:lang(it) #s1 .cta { max-width: 575px; }
html:lang(fr) #s1 .cta { max-width: 660px; }
html:lang(ro) #s1 .cta { max-width: 725px; }
html:lang(hu) #s1 .cta { max-width: 725px; }
html:lang(sk) #s1 .cta { max-width: 800px; }
html:lang(gr) #s1 .cta { max-width: 750px; }
html:lang(fi) #s1 .cta { max-width: 575px; }

body.bf #s1 a.cta::after { left: calc(100% - 20px); }

#about .part-1 ul { margin: 0 0 16px; padding: 0; list-style: none; }
#about .part-1 ul li { display: grid; grid-template-columns: 30px auto; margin: 0 0 14px; }
#about .part-1 ul li i { display: block; background: url('/images/tick.png'); width: 19px; height: 18px; margin-top: 3px; }
#about .part-1 ul li span { display: block; }
#about .part-1 p { font-weight: 500; }
#about .part-1 img#product2 { display: block; max-width: 288px; width: 100%; margin: 0 auto; }
#about h4 { color: #df8ab3; }
#about img.iabout { display: block; margin: 50px auto 30px; max-width: 211px; width: 100%; }
#about h4.h4-a { text-align: center; margin: 100px 0 0; }
#about h4.h4-b { text-align: center; margin: 0 0 35px; }
#about h4.h4-c { text-align: left; margin: 0 0 30px; }
#about p { text-align: justify; }
#about p.desc { text-align: center; margin: 55px 0 75px; }
#about img#eleverlash-bf { display: block; max-width: 556px; width: 100%; }

#about .img-wrapper { position: relative; max-width: 556px; width: 100%; /*margin: 0 auto 20px;*/ }
@media screen and (max-width: 767px){
    #about .img-wrapper{ margin-bottom: 20px; }
}
/* #about .img-wrapper::before,
#about .img-wrapper::after { position: absolute; color: #ffffff; font-weight: 500; width: 61px; line-height: 25px; text-align: center; }
#about .img-wrapper::before { content: 'Przed'; bottom: 0; left: 0; }
#about .img-wrapper::after { content: 'Po'; bottom: 0; right: 206px; } */
#about .img-wrapper img { max-width: 556px; width: 100%; }
/*html:lang(de) #about .img-wrapper::before,
html:lang(de) #about .img-wrapper::after { font-size: 0.8em; }
html:lang(de) #about .img-wrapper::before { content: 'vorher'; }
html:lang(de) #about .img-wrapper::after { content: 'nachher'; }
html:lang(it) #about .img-wrapper::before { content: 'prima'; }
html:lang(it) #about .img-wrapper::after { content: 'dopo'; }
html:lang(en) #about .img-wrapper::before { content: 'Before'; }
html:lang(en) #about .img-wrapper::after { content: 'After'; }
html:lang(nl) #about .img-wrapper::before { content: 'voor'; }
html:lang(nl) #about .img-wrapper::after { content: 'na'; }
html:lang(es) #about .img-wrapper::before { content: 'antes'; }
html:lang(es) #about .img-wrapper::after { content: 'en'; }
html:lang(fr) #about .img-wrapper::before { content: 'avant'; }
html:lang(fr) #about .img-wrapper::after { content: 'sur'; }*/

body.contact h4{ font-size: 1.3em; }
html:lang(hu) body.contact h4{ font-size: 1.1em; }
html:lang(gr) body.contact h4{ font-size: 1.2em; }
html:lang(pt) body.contact h4{ font-size: 1.1em; }

#about .cta { max-width: 750px; width: 100%; margin: 70px auto 60px; }
html:lang(de) #about .cta { max-width: 740px; }
html:lang(it) #about .cta { max-width: 650px; }
html:lang(hu) #about .cta { max-width: 700px; }
html:lang(sk) #about .cta { max-width: 700px; }
html:lang(gr) #about .cta { max-width: 925px; }
html:lang(fi) #about .cta { max-width: 600px; }

#simple { position: relative; background: #ffc4e0; padding: 134px 0 176px; z-index: 1; }
#simple::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 134px; background: url('/images/bg2-top.png') no-repeat center;  }
#simple::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 176px; background: url('/images/bg2-bottom.png') no-repeat center; }
#simple .part-1 { margin-top: 60px; }
#simple .part-1 #logo-white { max-width: 331px; width: 100%; }
#simple .line { display: block; width: 100%; border-bottom: 9px dotted #ffffff; margin: 80px 0 60px; }
#simple .part-2 { text-align: center; }
#simple .part-3 { text-align: center; margin: 60px 0 80px; }
#simple .part-3 .box { height: 250px; margin: 0 0 40px; }
#simple .part-3 .box img { display: block; max-width: 233px; width: 100%; margin: 0 auto; }
#simple .part-4 h4 { text-align: center; color: #df8ab3; margin: 0 0 80px; }

#benefit { position: relative; padding: 65px 0 80px; z-index: 2; background: url('/images/woman1a.png') no-repeat center center; margin-top: -100px; }
#benefit::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 234px; background: url('/images/bg3-top.png') no-repeat left; }
#benefit img#product3 { display: block; margin: -12px 30px 0 auto; position: relative; z-index: 3; max-width: 309px; width: 100%; }
#benefit h4 { color: #df8ab3; }
#benefit ul { margin: 25px 0 55px; padding: 0; list-style: none; }
#benefit ul li { display: grid; grid-template-columns: 30px auto; margin: 0 0 14px; }
#benefit ul li i { display: block; background: url('/images/tick.png'); width: 19px; height: 18px; margin-top: 3px; }
#benefit ul li span { display: block; }
#benefit .cta { max-width: 555px; width: 100%; margin: 4px auto 155px; font-size: 1.2em; }
html:lang(de) #benefit .cta { font-size: 1em; }
html:lang(es) #benefit .cta { font-size: 1em; }
html:lang(esa) #benefit .cta { font-size: 1em; }
html:lang(fr) #benefit .cta { font-size: 1em; }
html:lang(ro) #benefit .cta { font-size: 1.1em; }
html:lang(hu) #benefit .cta { font-size: 1.1em; }
html:lang(sk) #benefit .cta { font-size: 1em; }
html:lang(pt) #benefit .cta { font-size: 1em; }

body.bf #benefit a.cta::after { left: calc(100% - 15px); }

#testimonial { position: relative; background: #f7f7f7; }
#testimonial .part-1 { text-align: center; margin-bottom: 80px; }
#testimonial .part-1 h4 { color: #df8ab3; }
#testimonial .part-1 p { max-width: 900px; width: 100%; margin: 0 auto; }
#testimonial .part-2 .box { margin-bottom: 80px; }
#testimonial .part-2 .box .img-wrapper { position: relative; max-width: 327px; width: 100%; margin: 0 auto 20px; }
#testimonial .part-2 .box .img-wrapper::before,
#testimonial .part-2 .box .img-wrapper::after { position: absolute; color: #ffffff; font-weight: 500; width: 61px; line-height: 25px; text-align: center; }
@media screen and (max-width: 370px){
    html:lang(fi) #testimonial .part-2 .box .img-wrapper::before,
    html:lang(fi) #testimonial .part-2 .box .img-wrapper::after { width: 54px; line-height: 22px; }
}
#testimonial .part-2 .box .img-wrapper::before { content: 'Przed'; bottom: 0; left: 0; }
#testimonial .part-2 .box .img-wrapper::after { content: 'Po'; bottom: 0; right: 0; }
#testimonial .part-2 .box .img-wrapper img { max-width: 327px; width: 100%; }
#testimonial .part-2 p { text-align: justify; }
#testimonial .part-2 p.sign { font-weight: 700; font-size: 1.1em; margin: 30px 0; }
#testimonial .part-2 p.desc { font-size: 0.7em; }
#testimonial .part-2 .b-description_readmore { position: relative; }
#testimonial .part-2 p.b-description_readmore  { margin: 0; }
#testimonial .part-2 .b-description_readmore_button { display: inline-block; color: #c2a34c; font-weight: 700; }
#testimonial .part-2 .b-description_readmore_button:hover { cursor: pointer; }
#testimonial .part-2 .b-description_readmore_ellipsis:after { content: ''; display: inline-block; position: absolute; bottom: 0; right: 0; width: 75%; height: 25px; background: linear-gradient(to right, rgba(250, 250, 250, 0), rgba(247, 247, 247, 1) 65%); }
#testimonial .cta { max-width: 710px; width: 100%; margin: 0 auto 60px; }
html:lang(es) #testimonial a.cta { font-size: 1.2em; }
html:lang(esa) #testimonial a.cta { font-size: 1.2em; }
html:lang(dk) #testimonial a.cta { font-size: 1.2em; }
html:lang(de) #testimonial .cta { max-width: 770px; }
html:lang(ro) #testimonial .cta { max-width: 800px; }
html:lang(hu) #testimonial .cta { max-width: 875px; }
html:lang(sk) #testimonial .cta { max-width: 750px; }
html:lang(gr) #testimonial .cta { max-width: 1000px; }
html:lang(pt) #testimonial .cta { max-width: 850px; }
html:lang(no) #testimonial .cta { max-width: 800px; }

body.bf #testimonial a.cta::after { left: calc(100% - 15px); }

html:lang(de) #testimonial .part-2 .box .img-wrapper::before,
html:lang(de) #testimonial .part-2 .box .img-wrapper::after { font-size: 0.8em; }
html:lang(de) #testimonial .part-2 .box .img-wrapper::before { content: 'vorher'; }
html:lang(de) #testimonial .part-2 .box .img-wrapper::after { content: 'nachher'; }
html:lang(it) #testimonial .part-2 .box .img-wrapper::before { content: 'prima'; }
html:lang(it) #testimonial .part-2 .box .img-wrapper::after { content: 'dopo'; }
html:lang(en) #testimonial .part-2 .box .img-wrapper::before { content: 'Before'; }
html:lang(en) #testimonial .part-2 .box .img-wrapper::after { content: 'After'; }
html:lang(nl) #testimonial .part-2 .box .img-wrapper::before { content: 'voor'; }
html:lang(nl) #testimonial .part-2 .box .img-wrapper::after { content: 'na'; }
html:lang(es) #testimonial .part-2 .box .img-wrapper::before { content: 'antes'; }
html:lang(es) #testimonial .part-2 .box .img-wrapper::after { content: 'después'; }
html:lang(esa) #testimonial .part-2 .box .img-wrapper::before { content: 'antes'; }
html:lang(esa) #testimonial .part-2 .box .img-wrapper::after { content: 'después'; }
html:lang(fr) #testimonial .part-2 .box .img-wrapper::before { content: 'avant'; }
html:lang(fr) #testimonial .part-2 .box .img-wrapper::after { content: 'après'; }
html:lang(se) #testimonial .part-2 .box .img-wrapper::before { content: 'före'; }
html:lang(se) #testimonial .part-2 .box .img-wrapper::after { content: 'efter'; }
html:lang(dk) #testimonial .part-2 .box .img-wrapper::before { content: 'Før'; }
html:lang(dk) #testimonial .part-2 .box .img-wrapper::after { content: 'Efter'; }
html:lang(ro) #testimonial .part-2 .box .img-wrapper::before { content: 'Inainte'; }
html:lang(ro) #testimonial .part-2 .box .img-wrapper::after { content: 'După'; }
html:lang(hu) #testimonial .part-2 .box .img-wrapper::before { content: 'Előtt'; }
html:lang(hu) #testimonial .part-2 .box .img-wrapper::after { content: 'Utána'; }
html:lang(cz) #testimonial .part-2 .box .img-wrapper::before { content: 'více'; }
html:lang(cz) #testimonial .part-2 .box .img-wrapper::after { content: 'méně'; }
html:lang(bg) #testimonial .part-2 .box .img-wrapper::before { content: 'преди'; }
html:lang(bg) #testimonial .part-2 .box .img-wrapper::after { content: 'след'; }
html:lang(sk) #testimonial .part-2 .box .img-wrapper::before { content: 'pred'; }
html:lang(sk) #testimonial .part-2 .box .img-wrapper::after { content: 'na'; }
html:lang(gr) #testimonial .part-2 .box .img-wrapper::before { content: 'προτού'; }
html:lang(gr) #testimonial .part-2 .box .img-wrapper::after { content: 'επί'; }
html:lang(pt) #testimonial .part-2 .box .img-wrapper::before { content: 'antes'; }
html:lang(pt) #testimonial .part-2 .box .img-wrapper::after { content: 'depois'; }
html:lang(fi) #testimonial .part-2 .box .img-wrapper::before { content: 'ennen'; }
html:lang(fi) #testimonial .part-2 .box .img-wrapper::after { content: 'jälkeen'; }
html:lang(si) #testimonial .part-2 .box .img-wrapper::before { content: 'prej'; }
html:lang(si) #testimonial .part-2 .box .img-wrapper::after { content: 'po'; }
html:lang(no) #testimonial .part-2 .box .img-wrapper::before { content: 'Før'; }
html:lang(no) #testimonial .part-2 .box .img-wrapper::after { content: 'Etter'; }

@media (max-width: 360px) {
    html:lang(es) #testimonial .part-2 .box .img-wrapper::before,
    html:lang(es) #testimonial .part-2 .box .img-wrapper::after { width: 54px; font-size: .7em; }
}

#opinion { position: relative; background: #ffc4e0; padding: 176px 0 40px; }
#opinion::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 136px; background: url('/images/bg3-bottom.png') no-repeat; }
#opinion::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 162px; background: url('/images/bg3c-bottom.png') no-repeat; }
/*#opinion img#doctor { margin-left: -90px; margin-top: -140px; }*/
#opinion img#doctor { margin-left: -175px; margin-top: -140px; }
.opinion-doctor-insta { margin-top: 10px; display: grid; grid-template-columns: 30px 1fr; align-items: center; grid-gap: 0 10px; }
#opinion .box { position: relative; }
#opinion .box::before { content: ''; position: absolute; top: 0; left: -80px; width: 79px; height: 54px; background: url('/images/quote.png') no-repeat center; }
#opinion .box h3 { line-height: 1; margin: 0; }
#opinion .box h3 span { font-size: .6em; }
#opinion .box p.content { margin: 40px 0; text-align: justify; }

#certyfikat img#certyfikat { display: block; max-width: 808px; width: 100%; margin: 0 auto; padding: 65px 0 75px; }

#faq h3 { color: #df8ab3; text-align: center; }
#faq #accordion, #faq #accordion2 { margin-top: 50px; }
#faq h4 { font-weight: 500; }
#faq .card { border: 0; }
#faq #heading1 { border-top: 1px solid #c3c3c3;  }
#faq .card-header { padding: 0.25rem 0; background-color: #ffffff; border-bottom: 1px solid #c3c3c3; }
#faq .card-header .btn-link { position: relative; color: #141414; font-size: 20px; padding-left: 0; width: 100%; text-align: left; font-weight: 400; }
#faq .card-header .btn-link:hover,
#faq .card-header .btn-link:active,
#faq .card-header .btn-link:focus{ text-decoration: none; }
#faq .card-body { padding: 0.75rem; background: #ffffff; border: 0; border-bottom: 1px solid #c3c3c3; }
#faq .btn { white-space: normal; }
#faq .card-header .btn-link::after,
#faq .card-header .btn-link.collapsed::after { content: ''; position: absolute; top: 13px; right: 0; width: 18px; height: 18px; }
#faq .card-header .btn-link::after { background: url('/images/close.png') no-repeat center center; }
#faq .card-header .btn-link.collapsed::after { background: url('/images/open.png') no-repeat center center; }

#footer { position: relative; background: #f7f7f7; padding: 0 0 40px; margin-top: 310px; }
#footer::before { content: ''; position: absolute; top: -205px; left: 0; width: 100%; height: 207px; background: url('/images/bg4-bottom.png') no-repeat center; }
#footer::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 159px; background: url('/images/footer-cover.png') no-repeat center; }
#footer img#woman-footer { margin-left: -220px; margin-top: -190px; }
#footer img#product-footer { display: block; margin: 0 auto; max-width: 191px; width: 100%; }
#footer .box { max-width: 320px; width: 100%; position: relative; z-index: 5; }
#footer .box img#logo-f { display: block; margin: 0 auto; max-width: 258px; width: 100%; }
#footer .box h2 { text-align: center; margin-top: 40px; }
#footer .box ul { margin: 20px 0 0; padding: 0; list-style: none; }
#footer .box ul li { display: grid; grid-template-columns: 30px auto; margin: 0 0 14px; }
#footer .box ul li i { display: block; background: url('/images/tick-gold.png'); width: 21px; height: 21px; }
#footer .box ul li span { display: block; }
#footer .cta { max-width: 650px; width: 100%; margin: 50px auto 20px; position: relative; z-index: 5; font-size: 1.2em; }
html:lang(de) #footer .cta { font-size: 1.1em; }
html:lang(en) #footer .box { max-width: 350px; }
html:lang(en) #footer .cta { font-size: 1.2em; }
html:lang(nl) #footer .cta { font-size: 1.1em; }
html:lang(es) #footer .cta { font-size: 1.1em; }
html:lang(esa) #footer .cta { font-size: 1.1em; }
html:lang(fr) #footer .cta { font-size: 1em; }
html:lang(ro) #footer .cta { font-size: 1.3em; }
html:lang(hu) #footer .cta { font-size: 1.1em; }
html:lang(gr) #footer .cta { max-width: 500px; }
html:lang(fi) #footer .cta { max-width: 550px; }


.white-box { width: 100%; height: 100px; }

footer { margin-top: 2em; }
footer ul { margin: 0; padding: 0; }
footer li { display: inline-block; color: #0f0f0f; margin-left: 15px; }
footer li::after { content: '|'; position: relative; left: 9px; }
footer li:last-child::after { content: ''; }
footer a { text-decoration: none; color: #0f0f0f; transition: color .3s ease; }
footer a:hover { text-decoration: none; color: #c2a34c; }

#benefit .cta { z-index: 1; }
html:lang(fi) #benefit .cta{ max-width: 500px; }

@media (max-width: 1399.98px) {
    html:lang(en) #top2 img#top-product { max-width: 350px; }
}

/* lg */
@media (max-width: 1199.98px) {
    h4 { font-size: 1.3em; }
    h5 { font-size: 1.05em; }
    p { font-size: .9em; }

    #top2 img#top-woman { margin-left: -70px; }
    #top2 img#top-woman { margin-left: -120px; }
    html:lang(es) #top2 .cta { margin-top: 20px; }
    html:lang(esa) #top2 .cta { margin-top: 20px; }

    html:lang(en) #top2 img#top-product { max-width: 320px; }

    #about h4.h4-c { margin: 0 0 10px; }
    #about .img-wrapper::before { bottom: -3px; left: -5px; }
    #about .img-wrapper::after { bottom: -3px; right: 168px; }

    #simple .part-3 .box { margin: 0; }
    #benefit .cta { font-size: 0.9em; }
    #footer { padding: 0 0 30px; }
    #footer .cta { font-size: 1.15em; }

    html:lang(fr) #benefit .cta { max-width: 450px; padding: 12px 15px; border-radius: 35px; }
    html:lang(fr) #footer .cta { max-width: 550px; padding: 12px 15px; border-radius: 35px; }

    body.bf #benefit a.cta::after { left: calc(100% - 33px); }
    body.bf #footer a.cta::after { left: calc(100% - 10px); }
}

/* md */
@media (max-width: 991.98px) {
    a.cta { font-size: 1.2em; }
    #top img#top-product { margin-top: 60px; max-width: 380px; width: 100%; }
    #top h4 { margin: 40px 0 25px; }
    #top .cta { margin-top: 25px; }

    #top2 img#top-woman { display: none; }

    #s1 .flex-box { margin-bottom: 50px; }
    #s1 .cta { margin: 50px auto 0; }

    body.bf #s1 a.cta::after { left: calc(100% - 40px); }

    #about img#eleverlash-bf { margin: 0 auto 25px; }
    #about .img-wrapper::before { bottom: -1px; left: -1px; }
    #about .img-wrapper::after { bottom: -1px; right: 216px; }

    body.bf #about a.cta::after { left: calc(100% - 40px); }

    #simple { padding: 94px 0 176px; }
    #simple .part-3 .box { margin: 0 auto 10px; }

    #benefit { background: none; padding: 35px 0 180px; }
    #benefit img#product3 { margin: 0 auto; }
    #benefit .cta { margin: 0 auto; }

    body.bf #testimonial a.cta::after { left: calc(100% - 40px); }

    #opinion { padding: 126px 0 80px; }
    #opinion img#doctor { margin-top: -100px; }
    #opinion .box p.content { margin: 20px 0; }
    #opinion .box::before { top: 50px; }
    #opinion .box h3 { line-height: 1.2; }

    #footer { padding: 0; }
    #footer::before { top: -175px; }
    #footer img#woman-footer { margin-left: -270px; }
    #footer .box h2 { margin-top: 30px; }
    #footer .cta { font-size: 0.95em; margin: 20px auto 60px; }
    body.bf #footer a.cta { padding: 12px 80px; }
    body.bf #footer a.cta::after { left: calc(100% - 40px); top: -2px; }
}

/* sm */
@media (max-width: 767.98px) {
    a.cta { font-size: 1em; }
    body.bf a.cta::after { top: -12px; }

    #top img { display: block; margin: 0 auto; max-width: 258px; width: 100%; }
    #top .cta { margin: 50px auto 0; }

    #top2 img#top-product { width: 120%; margin-top: 120px; }

    #s1 .flex-box { flex-wrap: wrap; }
    #s1 .flex-box img { margin-bottom: 25px; }

    body.bf #s1 a.cta { padding: 12px 80px; }
    body.bf #s1 a.cta::after { left: calc(100% - 40px); top: 0; }

    #about .part-1 img#product2 { margin: 0 auto 25px; }
    #about h4.h4-a { margin: 40px 0 0; }
    #about .cta { margin: 20px auto 10px; }
    #about .img-wrapper::before { bottom: -1px; left: -2px; }
    #about .img-wrapper::after { bottom: -1px; right: 196px; }

    #simple { padding: 54px 0 176px; }
    #simple .part-1 #logo-white { display: block; margin: 0 auto 25px; }
    #simple .line { margin: 40px 0 60px; }

    #benefit { padding: 35px 0 100px; }
    #benefit img#product3 { margin: 0 auto 25px; width: 35%; }
    #benefit .cta { position: relative; z-index: 5; }

    #opinion { padding: 126px 0 0; }
    #opinion img#doctor { margin: 15px auto; display: block; }
    #opinion .box::before { content: unset; }

    #footer { margin-top: 170px; }

    footer li { display: list-item; list-style: none }
    footer li::after { content: none; }
}

/* xs */
@media (max-width: 575.98px) {
    .container { max-width: 480px; }
    a.cta { padding: 12px 30px; }

    #top2 img#top-product { max-width: 367px; width: 100%;  display: block; margin: 40px auto; }
    #top2 .flags { right: 15px; }

    #about .img-wrapper::before { bottom: -3px; left: -6px; }
    #about .img-wrapper::after { bottom: -3px; right: 168px; }

    #testimonial .cta { margin: -30px auto 30px; }
    #opinion .box::before { top: 25px; }
    #s1 .cta { border-radius: 36px; }
    #simple .part-3 { margin: 60px 0 40px; }
    #simple .part-4 h4 { margin: 0 0 40px; }
    #faq .card-header .btn-link { font-size: 18px; }
    #faq .card-body { font-size: 0.9em; }
    #footer .box { margin: 0 auto 25px; }
}

@media (max-width: 480px) {
    #top2 img#top-product { width: 60%; display: block; margin: 40px auto; }
    /* html:lang(en) #top2 img#top-product { width: 100%; } */
    #about .img-wrapper::before { bottom: -8px; left: -12px; font-size: 0.8em; }
    #about .img-wrapper::after { bottom: -8px; right: 116px; font-size: 0.8em; }
    #s1 .flex-box { flex-wrap: wrap; }
    #s1 .flex-box img#cecha1 { margin-bottom: 25px; }
    .container { max-width: 360px; }
    #benefit { padding: 35px 0 100px; }
    #opinion .box::before { top: 45px; right: 10px; }
    html:lang(de) #opinion .box::before { top: 85px; }

    #opinion img#doctor { max-width: 320px; width: 100%; }

    html:lang(fr) #about .img-wrapper::before { bottom: -5px; }
    html:lang(fr) #about .img-wrapper::after { bottom: -5px; }

    body.bf #s1 a.cta { padding: 12px 50px; }
    body.bf #s1 a.cta::after { left: calc(100% - 53px); top: 12px; }

    body.bf #about .cta { margin: 20px auto 10px; padding: 12px 50px; }
    body.bf #about a.cta::after { left: calc(100% - 55px); top: 0px; }

    body.bf #benefit .cta { position: relative; z-index: 5; padding: 12px 40px; }
    body.bf #benefit a.cta::after { left: calc(100% - 55px); top: -3px; }

    body.bf #testimonial .cta { margin: -30px auto 30px; padding: 12px 60px; }
    body.bf #testimonial a.cta::after { left: calc(100% - 55px); top: 10px; }

    body.bf #footer a.cta { padding: 12px 53px; }
    body.bf #footer a.cta::after { left: calc(100% - 53px); top: -2px; }
}

@media (max-width: 360px) {
    .container { max-width: 320px; }
    a.cta { font-size: 0.9em; }

    #s1 { padding: 1px 0 85px; }

    #about .img-wrapper::before { bottom: -10px; left: -14px; font-size: 0.7em; }
    #about .img-wrapper::after { bottom: -10px; right: 98px; font-size: 0.7em; }

    #opinion img#doctor { max-width: 320px; width: 100%; }

    #faq .card-header .btn-link { font-size: 16px; }

    .white-box { height: 50px; }

    body.bf a.cta::after { left: calc(100% - 40px); }

    body.bf #s1 a.cta { padding: 12px 40px; }
    body.bf #s1 a.cta::after { left: calc(100% - 40px); top: 9px; }

    body.bf #about .cta { padding: 12px 40px; }
    body.bf #about a.cta::after { left: calc(100% - 43px); top: -3px; }

    body.bf #benefit a.cta::after { left: calc(100% - 40px); top: -3px; }

    body.bf #testimonial .cta { padding: 12px 40px; }
    body.bf #testimonial a.cta::after { left: calc(100% - 37px); top: 8px; }

    body.bf #footer a.cta::after { left: calc(100% - 45px); top: 8px; }
}

@media (max-width: 340px) {
    body.bf a.cta::after { left: calc(100% - 60px); }
}

a.fb-messenger img{ position: fixed; right: 15px; bottom: 15px; z-index: 999; }
a.fb-messenger:hover img{ animation: moveArrow .5s ease; }

@keyframes moveArrow {
    0%, 50%, 100% { transform: translateY(0); }
    25%, 75% { transform: translateY(-5px); }
}


.insta-section--link-own-profile { display: inline-block; vertical-align: text-bottom; margin-right: 10px; }
.insta-section--link-own-profile:hover { text-decoration: none; }
.insta-logo { width: 30px; }

.insta-doctor { color: #546ba1; font-weight: 500; }
.insta-doctor:hover { color: #637ebd; }


.fb-ins a { margin-right: 10px; }
.fb-ins a:last-of-type { margin-right: 0; }
.fb-ins .facebook-logo,
.fb-ins .insta-logo { width: 30px; }

@media screen and (max-width: 767.98px) {
    .fb-ins { margin-bottom: 10px; }
}