File: /home/emblazeone/www/amaroseantiaging/web/source_old/css/style.css
@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Lato&display=swap";
@font-face {
font-family: 'Sofia Pro';
src: url("../fonts/SofiaPro-Black.eot");
src: url("../fonts/SofiaPro-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/SofiaPro-Black.woff2") format("woff2"), url("../fonts/SofiaPro-Black.woff") format("woff"), url("../fonts/SofiaPro-Black.ttf") format("truetype"), url("../fonts/SofiaPro-Black.svg#SofiaPro-Black") format("svg");
font-weight: 900;
font-style: normal;
font-display: swap; }
@font-face {
font-family: 'Acumin Pro';
src: url("../fonts/AcuminPro-Regular.eot");
src: url("../fonts/AcuminPro-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/AcuminPro-Regular.woff2") format("woff2"), url("../fonts/AcuminPro-Regular.woff") format("woff"), url("../fonts/AcuminPro-Regular.ttf") format("truetype"), url("../fonts/AcuminPro-Regular.svg#AcuminPro-Regular") format("svg");
font-weight: normal;
font-style: normal;
font-display: swap; }
::-webkit-input-placeholder {
/* Chrome/Opera/Safari */
color: #5b5b5b; }
::-moz-placeholder {
/* Firefox 19+ */
color: #5b5b5b; }
:-ms-input-placeholder {
/* IE 10+ */
color: #5b5b5b; }
:-moz-placeholder {
/* Firefox 18- */
color: #5b5b5b; }
:root {
font-size: 16px; }
* {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
a {
text-decoration: none; }
a:hover {
text-decoration: none; }
body {
color: #5b5b5b; }
@keyframes radial-pulse {
0% {
box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.3); }
100% {
box-shadow: 0 0 0 40px transparent; } }
.animate {
animation: radial-pulse 1s infinite; }
.btn_get {
line-height: 45px;
background: linear-gradient(to bottom, #f7b2b9, #df6090);
border-radius: 22px;
padding: 0 22px;
font-family: 'Sofia Pro';
font-weight: 700;
color: #FFF;
font-size: 24px;
display: inline-block;
text-align: left; }
@media screen and (max-width: 767px) {
.btn_get {
width: 100%;
margin-left: 0px;
font-size: 27px;
margin-bottom: 25px;
text-align: left; } }
@media screen and (max-width: 375px) {
.btn_get {
width: 100%;
margin-left: 0px;
font-size: 24px;
text-align: left; } }
@media screen and (max-width: 360px) {
.btn_get {
width: 100%;
margin-left: 0px;
font-size: 23px;
text-align: left; } }
.btn_get:hover {
color: white; }
.btn_get i {
margin-left: 10px;
color: #fff6dd; }
header {
background: #f7b2b9;
padding-top: 17px;
padding-bottom: 25px;
font-family: 'Sofia Pro';
font-weight: 700; }
@media screen and (max-width: 767px) {
header {
padding-top: 10px;
padding-bottom: 10px; } }
header .btn_get {
margin-left: 20px; }
@media screen and (max-width: 767px) {
header .btn_get {
font-size: 25px;
margin-left: 0px; } }
@media screen and (max-width: 375px) {
header .btn_get {
font-size: 21px; } }
@media screen and (max-width: 360px) {
header .btn_get {
font-size: 20px; } }
header .navbar-brand {
max-width: 150px;
padding-top: 0;
padding-bottom: 0; }
header .navbar-brand img {
width: 100%; }
@media screen and (max-width: 767px) {
header .navbar-brand {
max-width: 100px; } }
header .nav-item {
margin: 0 20px;
color: #FFF; }
header .nav-item .nav-link {
font-family: 'Sofia Pro';
font-weight: 500;
font-size: 18px;
color: #FFF !important; }
@media screen and (max-width: 767px) {
header .nav-item {
margin: 10px 0px; } }
.navbar-light .navbar-toggler {
color: white;
border-color: white; }
.black_line {
background-color: #000000;
line-height: 45px;
text-align: center;
font-family: 'Acumin Pro';
color: #FFF;
font-size: 18px; }
@media screen and (max-width: 767px) {
.black_line {
margin-top: 97px; } }
.main_banner {
padding: 60px 0;
background-image: url("../images/top_banner.png");
background-size: auto;
background-repeat: no-repeat;
background-position: center top;
height: 810px; }
@media screen and (max-width: 767px) {
.main_banner {
height: auto;
background-size: contain;
background-image: url("../images/top_banner_mob.png");
padding-top: 440px; } }
@media screen and (max-width: 400px) {
.main_banner {
padding-top: 400px; } }
.main_banner h3 {
font-family: 'Bebas Neue', cursive;
font-size: 27px;
color: #79777b;
line-height: 27px;
margin-bottom: 10px; }
@media screen and (max-width: 767px) {
.main_banner h3 {
padding-top: 30px; } }
.main_banner h1 {
font-family: 'Bebas Neue', cursive;
font-size: 120px;
color: #f7b2b9;
line-height: 120px;
margin-bottom: 0; }
.main_banner h1 span {
display: block;
font-size: 55px;
line-height: 55px;
position: relative;
top: -10px; }
@media screen and (max-width: 767px) {
.main_banner h1 {
font-size: 70px;
line-height: 70px; }
.main_banner h1 span {
font-size: 40px;
line-height: 40px; } }
.main_banner p {
font-family: 'Acumin Pro';
color: #626262;
font-size: 20px;
font-weight: normal; }
.main_banner ul {
list-style: none;
padding: 0;
margin: 0;
max-width: 350px;
margin-bottom: 35px; }
.main_banner ul li {
font-size: 21px;
background-image: url("../images/ul_li.png");
background-position: bottom left;
background-repeat: no-repeat;
background-size: contain;
color: #f7b2b9;
font-family: 'Sofia Pro';
font-weight: 500;
line-height: 50px; }
.main_banner ul li:before {
font-family: 'Font Awesome 5 Free';
font-weight: 900;
display: inline-block;
content: "\f061";
color: #df9d5b;
margin-right: 20px;
font-size: 16px; }
.w-35 {
width: 35%; }
@media screen and (max-width: 767px) {
.w-35 {
width: 100%; } }
.llpp {
padding-left: 30px; }
.llpp img {
width: 260px; }
.llpp p {
font-family: 'Acumin Pro';
color: #626262;
font-size: 14px;
font-weight: normal;
text-transform: uppercase;
line-height: 30px;
padding-left: 20px; }
@media screen and (max-width: 767px) {
.llpp {
padding-left: 0;
text-align: center; } }
.fat {
padding: 61px 0 97px;
background-image: url("../images/banner_fat.png");
background-size: auto;
background-repeat: no-repeat;
background-position: center top; }
@media screen and (max-width: 767px) {
.fat {
background-image: url("../images/banner_fat_mob.png");
padding-top: 510px;
background-size: contain;
padding-bottom: 35px; } }
.fat h2 {
font-size: 45px;
line-height: 60px;
color: #f7b2b9;
font-family: 'Sofia Pro';
padding: 25px 0; }
.fat p {
font-size: 18px;
color: #626262;
font-family: 'Lato', sans-serif; }
.fat p span {
display: block;
font-family: 'Sofia Pro';
font-size: 23px;
margin-bottom: 15px; }
.block_blue {
display: inline-block;
line-height: 50px;
border-radius: 0 16px 0 16px;
color: #FFF;
font-size: 27px;
font-family: 'Sofia Pro';
padding: 0 20px;
background: #f7b2b9; }
.transform {
margin-bottom: 100px; }
.transform h2 {
font-size: 45px;
line-height: 60px;
color: #f7b2b9;
font-family: 'Sofia Pro';
padding: 25px 0; }
.transform .banner_girl {
background-image: url("../images/banner_girl.png");
background-size: contain;
background-repeat: no-repeat;
padding: 45px 50px; }
@media screen and (max-width: 767px) {
.transform .banner_girl {
background-size: inherit;
background-position: left;
padding: 15px 10px;
background-image: none;
background-color: #f7b2b9; } }
.transform .banner_girl .time {
display: inline-block;
border-radius: 16px;
font-size: 16px;
color: #342e26;
padding: 0 18px;
line-height: 40px;
background-color: #fef44f;
font-family: 'Sofia Pro';
text-transform: uppercase;
margin-bottom: 20px; }
.transform .banner_girl .titl {
font-family: 'Sofia Pro';
font-size: 25px;
color: #ffffff;
line-height: 25px;
margin-bottom: 10px; }
.transform .banner_girl p {
font-family: 'Lato', sans-serif;
font-size: 16px;
color: #ffffff;
max-width: 550px; }
.science {
background: #f7b2b9;
padding-top: 95px;
padding-bottom: 100px; }
.science .block_blue {
background: white;
color: #f7b2b9; }
.science h2 {
font-size: 45px;
line-height: 60px;
color: #FFF;
font-family: 'Sofia Pro';
padding: 25px 0; }
.science p {
font-size: 18px;
color: #FFF;
font-family: 'Lato', sans-serif;
max-width: 880px;
margin-bottom: 30px; }
.science h3 {
font-family: 'Acumin Pro';
font-size: 30px;
color: #ffffff;
padding: 20px 0; }
.reviews {
padding: 100px 0; }
@media screen and (max-width: 767px) {
.reviews {
padding: 35px 0; } }
@media screen and (max-width: 767px) {
.reviews .block_blue {
margin-bottom: 20px; } }
.reviews h2 {
color: #261475;
font-size: 36px;
line-height: 50px;
font-family: 'Sofia Pro';
padding: 25px 0 55px; }
.reviews .amer {
font-size: 20px;
color: #000000;
line-height: 24px;
font-family: 'Acumin Pro';
display: inline-block;
margin-left: 10px; }
.reviews h3 {
font-family: 'Lato', sans-serif;
font-weight: 500;
font-size: 24px;
padding-top: 40px;
padding-bottom: 30px; }
.reviews h3 span {
font-size: 20px;
display: block; }
.reviews p {
font-size: 18px;
color: #393939;
font-family: 'Lato', sans-serif; }
.packeg {
background-color: #fff9f0;
padding-top: 86px;
padding-bottom: 120px; }
@media screen and (max-width: 767px) {
.packeg {
padding-top: 0px; } }
.packeg h2 {
color: #0065bc;
font-size: 50px;
line-height: 50px;
font-family: 'Sofia Pro';
padding: 25px 0;
text-align: center; }
.packeg p {
font-size: 18px;
color: #393939;
font-family: 'Sofia Pro';
text-align: center;
margin-bottom: 80px; }
.packeg .product {
text-align: center;
background-color: #FFFFFF;
box-shadow: 5px 5px 20px 5px rgba(0, 0, 0, 0.4);
border-radius: 16px;
overflow: hidden; }
@media screen and (max-width: 767px) {
.packeg .product {
margin-bottom: 20px; } }
.packeg .product:hover {
transform: scale(1.15);
transition: 0.3s;
position: relative;
z-index: 10; }
.packeg .product p {
margin-bottom: 20px; }
.packeg .product.center {
position: relative;
top: -50px;
z-index: 2; }
@media screen and (max-width: 767px) {
.packeg .product.center {
top: 0; } }
.packeg .product.center .head {
background-color: #f7b2b9;
color: #FFF;
margin-bottom: 45px; }
.packeg .product.center .single {
margin-bottom: 50px; }
.packeg .product.center p {
margin-bottom: 50px; }
.packeg .product .head {
background-color: #dceeff;
line-height: 55px;
font-size: 18px;
color: #41057b;
font-family: 'Sofia Pro';
text-align: center;
margin-bottom: 25px; }
.packeg .product .single {
font-size: 25px;
color: #f7b2b9;
font-family: 'Sofia Pro';
margin-bottom: 18px; }
.packeg .product .single span {
display: block;
font-size: 17px;
color: #000000; }
.packeg .product .for_img img {
width: 100%; }
.packeg .product .price {
font-size: 25px;
color: #f7b2b9;
margin-bottom: 22px;
line-height: 25px;
font-family: 'Sofia Pro'; }
.packeg .product .price span {
font-family: 'Acumin Pro';
color: #878787;
font-size: 18px;
display: block;
margin-bottom: 10px;
line-height: 18px;
text-decoration: line-through; }
.packeg .product .btn_get {
font-size: 20px; }
@media screen and (max-width: 767px) {
.packeg .product .btn_get {
font-size: 16px;
display: inline-block;
width: auto; } }
.delivers {
padding: 90px 0;
background-image: url("../images/delivers.png");
background-size: auto;
background-repeat: no-repeat;
background-position: center top;
position: relative; }
@media screen and (max-width: 767px) {
.delivers {
height: auto;
background-size: inherit;
background-position: left;
background-image: none;
background-color: #f7b2b9;
padding: 30px 0; } }
.delivers .pos {
position: absolute;
left: 47%;
margin-left: -200px;
z-index: 2;
display: block;
width: 655px;
top: 71px; }
@media screen and (max-width: 767px) {
.delivers .pos {
position: relative;
top: 0;
margin-left: 0;
width: 93%;
left: 0; } }
.delivers .amer {
font-size: 20px;
color: #FFF;
line-height: 24px;
font-family: 'Acumin Pro';
display: inline-block;
margin-left: 10px; }
@media screen and (max-width: 767px) {
.delivers .amer {
font-size: 16px; } }
.delivers h3 {
font-family: 'Bebas Neue', cursive;
font-size: 27px;
color: #79777b;
line-height: 27px;
margin-bottom: 10px; }
.delivers h2 {
font-family: 'Bebas Neue', cursive;
font-size: 60px;
color: #FFF;
line-height: 60px;
margin-bottom: 0; }
@media screen and (max-width: 767px) {
.delivers h2 {
font-size: 50px;
line-height: 50px; }
.delivers h2 span {
font-size: 40px;
line-height: 40px; } }
.delivers ul {
list-style: none;
padding: 0;
margin: 0;
max-width: 350px;
margin-bottom: 35px; }
.delivers ul li {
font-size: 21px;
color: #FFF;
font-family: 'Sofia Pro';
font-weight: 500;
line-height: 50px; }
.delivers ul li:before {
font-family: 'Font Awesome 5 Free';
font-weight: 900;
display: inline-block;
content: "\f061";
color: #df9d5b;
margin-right: 20px;
font-size: 16px; }
footer {
padding-top: 75px;
padding-bottom: 100px; }
footer img {
width: 150px;
display: inline-block;
margin-bottom: 45px; }
footer img.footer-card-icon {
width: auto; }
@media screen and (max-width: 767px) {
footer img.footer-card-icon {
width: 100%; } }
footer h4 {
color: #f7b2b9;
font-size: 24px;
line-height: 24px;
font-family: 'Sofia Pro';
padding: 25px 0; }
footer p {
font-family: 'Lato', sans-serif;
font-size: 18px;
color: #050505;
margin-bottom: 45px; }
footer p.bbotm {
font-size: 11px;
color: #919191;
margin-bottom: 0; }
footer span.cl {
font-size: 15px;
color: #000000;
font-family: 'Acumin Pro';
margin-bottom: 45px;
text-transform: uppercase;
display: block; }
@media screen and (max-width: 767px) {
footer span.cl {
font-size: 14px; } }
footer .priv {
font-size: 15px;
color: #000000;
line-height: 24px;
margin-top: 15px;
margin-bottom: 25px;
text-transform: uppercase; }
footer .priv span {
display: inline-block;
margin: 0 25px;
color: #000000; }
@media screen and (max-width: 767px) {
footer .priv {
color: #eff4f9;
font-size: 13px; }
footer .priv span {
color: #000000;
margin: 0 2px; } }
footer .bg {
background-color: #eff4f9;
padding-top: 40px;
padding-bottom: 40px;
text-align: center;
margin-bottom: 50px; }
.modal-dialog {
max-width: 1092px; }
.modal-dialog .modal-content {
overflow: hidden; }
.modal-dialog .modal-content .modal-header {
padding: 0;
border: none; }
.modal-dialog .modal-content .modal-header .close {
margin: 0;
background: linear-gradient(to bottom, #27cffe, #4facfe);
font-size: 13px;
color: #e8e8e8;
font-family: 'Lato', sans-serif;
font-weight: normal;
position: absolute;
right: 0;
z-index: 11;
padding: 20px 50px; }
.modal-dialog .modal-content .modal-body {
padding: 50px; }
.modal-dialog .modal-content .modal-body h2 {
color: #f7b2b9;
font-size: 40px;
line-height: 40px;
font-family: 'Sofia Pro';
padding: 25px 0; }
.modal-dialog .modal-content .modal-body p {
font-family: 'Lato', sans-serif;
font-weight: normal;
font-size: 13px;
color: #5f5f5f; }
.modal-dialog .modal-content .modal-body h3 {
font-family: 'Sofia Pro';
font-weight: normal;
font-size: 13px;
color: #5f5f5f; }
.header_checkout .line {
height: 6px;
background: #f7b2b9;
margin-bottom: 12px; }
.header_checkout .steps {
height: 2px;
background-color: #e8e8e8; }
.header_checkout .steps img {
position: relative;
bottom: 16px; }
@media screen and (max-width: 767px) {
.header_checkout .steps img {
width: 100%; } }
.header_checkout h2 {
color: #f7b2b9;
font-size: 40px;
line-height: 40px;
font-family: 'Sofia Pro';
text-align: center;
padding: 25px 0; }
.header_checkout h2 span {
font-size: 24px;
color: #000000;
display: block;
padding-top: 15px; }
.header_checkout .order_day {
font-family: 'Sofia Pro';
font-size: 16px;
color: #000000;
padding-top: 45px;
padding-bottom: 35px; }
.header_checkout .order_day span {
font-family: 'Acumin Pro'; }
.header_checkout .chos {
text-align: center;
padding-top: 40px; }
.header_checkout .chos span {
display: inline-block;
font-size: 12px;
color: #000000;
margin: 0 43px; }
.header_checkout .chos span:nth-child(2) {
margin-left: 0; }
.big_form {
border: solid 1px #e1e1e1;
border-radius: 4px;
overflow: hidden; }
.big_form.blue_line {
border: solid 1px #f7b2b9;
border-radius: 0; }
.big_form.blue_line .most {
display: inline-block;
font-size: 12px;
color: #ffffff;
text-transform: uppercase;
font-family: 'Acumin Pro';
line-height: 26px;
padding: 0 10px;
background-color: #f7b2b9;
text-align: left; }
.big_form.blue_line h4 {
font-family: 'Sofia Pro';
font-size: 45px;
color: #f7b2b9;
line-height: 70px;
text-align: left; }
.big_form.blue_line h4 span {
font-size: 30px;
color: #000000;
display: block;
line-height: 38px;
font-family: 'Acumin Pro'; }
.big_form.blue_line .bottle_chek {
text-align: center;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
max-width: 288px; }
.big_form.blue_line .bottle_chek img {
width: 100%;
display: block;
margin-bottom: 10px; }
.big_form.blue_line .des_1 {
font-family: 'Sofia Pro';
font-size: 16px;
color: #f7b2b9;
line-height: 16px;
padding-bottom: 15px;
padding-top: 15px;
width: 75%;
text-align: left;
border-bottom: solid 1px #c6b4d7; }
.big_form.blue_line .des_2 {
font-family: 'Sofia Pro';
font-size: 16px;
color: #878787;
line-height: 16px;
padding-top: 15px;
padding-bottom: 15px;
width: 75%;
text-align: left;
border-bottom: solid 1px #c6b4d7; }
.big_form.blue_line .des_2.thr {
text-decoration: line-through; }
.big_form.blue_line .bottom_f {
background-color: #edf7ff;
text-align: center;
padding: 40px 0; }
.big_form.blue_line .bottom_f .cont {
font-family: 'Sofia Pro';
font-size: 16px;
color: #000000; }
.big_form.blue_line .bottom_f .cont_tex {
padding: 15px;
font-size: 12px;
color: #000000;
font-family: 'Acumin Pro'; }
.big_form.blue_line .bottom_f .cont_tex span {
font-family: 'Sofia Pro';
font-size: 12px;
display: inline-block; }
.big_form .st_1 {
padding: 17px 30px;
font-size: 24px;
color: #f7b2b9;
font-family: 'Sofia Pro';
background: linear-gradient(to bottom, #fff0d0, #ffdd93); }
@media screen and (max-width: 767px) {
.big_form .st_1 {
padding: 10px;
font-size: 16px; } }
.big_form .st_2 {
padding: 17px 30px;
font-size: 24px;
color: #FFF;
font-family: 'Sofia Pro'; }
@media screen and (max-width: 767px) {
.big_form .st_2 {
padding: 10px;
font-size: 16px; } }
.big_form .bg {
background: #f7b2b9; }
.big_form .form-control {
color: #000000;
font-size: 14px;
height: 42px; }
.big_form .form-group {
margin-bottom: 30px; }
.big_form .form-group.mb-mb {
margin-bottom: 0; }
@media screen and (max-width: 767px) {
.big_form .form-group.mb-mb {
margin-bottom: 30px; } }
.big_form .usps-txt {
font-size: 17px;
line-height: 20px;
position: relative;
padding: 15px;
border: 1px solid #f3d8a9;
border-radius: 5px;
background: #fff5d4;
margin: 25px 0 5px;
letter-spacing: -0.3px;
text-align: left; }
.big_form .usps-txt span {
color: #f7b2b9; }
.big_form .form-check .form-check-input {
margin-left: 0px;
margin-top: 7px; }
.big_form .form-check .form-check-label {
margin-left: 27px; }
.big_form .bottle_chek {
text-align: center;
padding-top: 30px;
padding-left: 30px;
padding-right: 30px; }
.big_form .bottle_chek img {
width: 100%;
display: block;
margin-bottom: 10px; }
.big_form .bottle_chek .title {
font-family: 'Sofia Pro';
font-size: 23px;
color: #f7b2b9;
text-align: left;
margin-bottom: 30px; }
.big_form .bottle_chek .title span {
display: block;
font-size: 17px;
color: #000000;
line-height: 22px; }
.big_form .bottle_chek .des_1 {
font-family: 'Acumin Pro';
font-size: 16px;
color: #f7b2b9;
line-height: 16px;
margin-bottom: 15px;
width: 50%;
text-align: left; }
.big_form .bottle_chek .des_2 {
font-family: 'Acumin Pro';
font-size: 16px;
color: #878787;
line-height: 16px;
margin-bottom: 15px;
width: 50%;
text-align: left; }
.big_form .bottle_chek .des_2.thr {
text-decoration: line-through; }
.big_form .de {
border-top: solid 1px #f7b2b9;
padding-top: 15px; }
.big_form .de .des_1 {
font-family: 'Sofia Pro';
font-size: 16px;
color: #f7b2b9;
line-height: 16px;
margin-bottom: 15px; }
.risk {
background-image: url("../images/risk.png");
background-repeat: no-repeat;
background-size: cover;
padding-top: 24px;
text-align: center;
padding-bottom: 180px;
background-position: center bottom;
border-radius: 16px;
overflow: hidden;
margin-top: 30px; }
.risk .tt {
font-family: 'Sofia Pro';
font-size: 40px;
color: #cb0d0f;
line-height: 48px; }
.risk .tt span {
display: block;
color: #41057b;
font-size: 21px;
line-height: 21px; }
.risk p {
font-size: 16px;
color: #41057b;
font-family: 'Acumin Pro';
padding: 20px 15px;
line-height: 18px; }