File: /home/emblazeone/public_html/limitless-nzt-48/css/style.css
@import url(fonts.css);
@import url(bootstrap.min.css);
.asd {
display: block;
font-size: 13px;
color: #484848;
line-height: 12px;
font-weight: lighter;
padding-top: 7px;
font-family: 'AvenirNextLTProRegular';
width: 93%; }
.shadow_my {
opacity: 0.7; }
.asd span {
display: block;
font-size: 23px;
color: #484848;
line-height: 23px;
padding: 8px 0;
font-weight: bold;
font-family: 'AvenirNextLTProRegular'; }
.chk-strp {
float: left;
width: 100%;
background: #ff0184;
padding: 5px 0;
border-bottom: 3px dashed #fff; }
.chk-strp p {
font-size: 18px;
line-height: 22px;
float: left;
width: 100%;
color: #fff;
font-weight: 500; }
.chk-log {
float: left;
width: 100%;
border-bottom: 1px solid #d1d1d1;
padding: 12px 0; }
.chk-logo-img {
display: inline-block;
vertical-align: middle;
width: 110px; }
.chk-inr {
float: left;
width: 100%;
padding: 25px 0 30px; }
.chk-hdg {
font-size: 30px;
line-height: 34px;
color: #0e0e0e;
font-weight: 500;
margin: 20px 0 10px; }
.chk-comn-strp {
background: #2b0b58;
display: inline-block;
vertical-align: middle;
font-size: 19px;
line-height: 23px;
font-weight: 500;
color: #fff;
position: relative;
padding: 10px 35px 8px;
text-align: center; }
.flvr-strip {
font-size: 20px;
line-height: 24px;
padding: 10px 35px; }
.chk-comn-strp img {
display: inline-block;
vertical-align: middle;
margin-right: 8px;
margin-top: -4px; }
.chk-comn-strp:before, .chk-comn-strp:after {
content: '';
border-top: 22px solid #2b0b58;
border-bottom: 22px solid #2b0b58;
position: absolute;
top: 0; }
.chk-comn-strp:before {
border-left: 15px solid transparent;
left: -15px; }
.chk-comn-strp:after {
border-right: 15px solid transparent;
right: -15px; }
.sel-bx-sec {
display: inline-block;
vertical-align: top;
margin: 80px 0 60px;
width: 100%;
position: relative;
text-align: center; }
.sel-bx {
width: 34%;
background: #fff;
border: 2px solid #fef734;
box-shadow: 5px 5px 20px 5px rgba(0, 0, 0, 0.5);
border-radius: 20px;
overflow: hidden; }
.sel-bx-top {
float: left;
width: 100%;
color: #fff; }
.top_ll {
height: 70px;
background: #fef734; }
h4.sel-top-tx2 {
font-size: 25px;
line-height: 25px;
padding-top: 22px;
font-family: 'AvenirNextLTProBold';
float: left;
width: 100%;
color: #0b124e;
text-transform: uppercase; }
.prd-sec {
display: inline-block;
position: relative;
vertical-align: top; }
.sel-prd {
display: inline-block;
vertical-align: top;
margin: 0px 0 10px;
max-width: 100%;
position: relative;
top: -21px; }
.prd-badge {
background: url(../images/btl-badge.png) center top no-repeat;
width: 111px;
height: 91px;
font-size: 16px;
line-height: 18px;
font-weight: 500;
text-transform: uppercase;
letter-spacing: -0.5px;
padding-top: 25px;
position: absolute;
top: -40px;
right: 81px;
background-size: cover; }
.prd-badge span {
font-weight: 700;
display: block;
font-size: 24px;
line-height: 24px; }
.ret-prc {
font-size: 15px !important;
line-height: 18px !important;
width: 100% !important;
color: #484848 !important;
position: relative;
margin-top: -59px;
margin-bottom: 9px !important;
padding-bottom: 0;
font-family: 'FontsFreeNetAvenirLTStdBlack' !important; }
.ret-prc span {
position: relative; }
.ret-prc span:after {
content: '';
position: absolute;
left: 0;
top: 10px;
width: 100%;
height: 2px;
background: #f00;
transform: rotate(-10deg); }
.sel-btm {
float: left;
width: 100%;
padding: 0 10px 0px;
margin-top: 0px;
text-align: center;
display: flex;
flex-wrap: wrap;
justify-content: center; }
.prc-bx {
display: inline-block;
vertical-align: top;
border: 1px solid #000;
padding: 10px 25px 5px;
font-size: 56px;
line-height: 56px;
font-weight: 700;
background: #fff;
margin-top: -50px; }
.prc-bx small {
font-size: 20px;
line-height: 24px;
font-weight: 400; }
.sve-txt {
font-size: 20px;
line-height: 24px;
color: #ff0000;
font-weight: 700;
margin: 12px 0; }
.sel-btn-outer {
display: inline-block;
border: 1px solid #438819;
padding: 5px;
border-radius: 50px;
background: #fff; }
a.sel-btn, .sel-btn {
display: block;
background: #004ded;
font-size: 25px;
text-transform: uppercase;
line-height: 96px;
height: 96px;
color: #fff;
width: 100%;
outline: none;
-webkit-appearance: none;
border: none;
cursor: pointer;
letter-spacing: 3px;
font-family: 'FontsFreeNetAvenirLTStdBlack'; }
.shp-txt {
font-size: 15px !important;
line-height: 20px;
font-weight: 500;
color: #484848 !important;
vertical-align: middle;
margin: 15px 0 0;
margin-bottom: 20px;
font-family: 'AvenirNextLTProRegular'; }
.shp-txt img {
display: inline-block;
vertical-align: middle;
margin-right: 10px; }
.sel-bx1 {
position: absolute;
left: 50%;
top: -30px;
transform: translateX(-50%);
z-index: 2;
padding-bottom: 0px;
width: 40%; }
.sel-bx1 .shp-txt {
margin-bottom: 15px;
padding-top: 0; }
.sel-bx2 {
float: left; }
.sel-bx3 {
float: right; }
.sel-bx3 .prd-badge {
right: 82px; }
.guar-txt {
font-size: 24px;
line-height: 28px;
font-weight: 500;
display: inline-block;
position: relative; }
.guar-txt:after, .guar-txt:before {
content: '';
width: 76px;
height: 2px;
background: #ff0184;
position: absolute;
top: 12px; }
.guar-txt:before {
left: -90px; }
.guar-txt:after {
right: -90px; }
.cards-img {
display: block;
margin: 5px auto 0; }
/* CHOICE CSS */
.choice .sel-bx-sec {
margin: 0 auto;
display: block; }
.choice .sel-bx {
width: 48%;
margin: 60px 0; }
.choice .sel-bx-top {
position: relative; }
.choice .sel-bx-top img {
margin-top: -40px; }
.choice .sel-bx-top:after {
content: '';
width: 0;
height: 0;
border-left: 12px solid transparent;
border-right: 12px solid transparent;
border-top: 12px solid #2b0b58;
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: -12px; }
/*==========dropDown-flvr==============*/
.dropDown-flvr {
float: left;
width: 100%;
padding: 10px 0 30px 0; }
ul.flver-list {
display: inline-block;
vertical-align: middle;
width: 100%;
max-width: 700px;
text-align: center; }
ul.flver-list li {
float: left;
width: 33.333%;
text-align: center; }
ul.flver-list li img {
display: block;
margin: 0 auto 10px;
width: 120px; }
ul.flver-list li p {
float: left;
width: 100%;
font-size: 24px;
line-height: 28px;
font-weight: bold;
color: #2b0b58; }
.select-flvr {
display: inline-block;
vertical-align: middle;
width: 100%;
max-width: 500px;
margin: 30px 0 20px;
background: #f6f6f6;
padding: 30px 30px;
border-radius: 5px; }
.select-flvr select {
float: left;
width: 100%;
border: 1px solid #ccc;
outline: none;
height: 60px;
color: #000;
font-size: 22px;
padding: 5px 10px 5px 15px;
font-family: 'Fira Sans', sans-serif;
font-weight: 400;
border-radius: 5px;
-webkit-appearance: none;
background: url(../images/down-arrow.svg) no-repeat 95% center #fff;
background-size: 18px;
margin-top: 10px; }
.continue-btn {
margin-top: 30px; }
/* CHECKOUT CSS */
.checkout-innr {
max-width: 1030px;
width: 100%;
display: inline-block;
margin-bottom: 30px; }
.chk-lft {
width: 62.62%;
float: left; }
.timer-box {
float: left;
width: 100%;
background: #ededed;
border-radius: 3px;
text-align: left;
padding: 8px 30px 5px 45px;
font-size: 23px;
color: #1c1c1c;
position: relative;
margin: 20px 0 15px; }
.timer-box img {
position: absolute;
left: 10px;
top: 9px; }
.frm-sec {
float: left;
width: 100%;
border: 1px solid #d7d7d7;
border-radius: 5px;
overflow: hidden; }
.frm-hdg {
font-size: 28px;
line-height: 32px;
font-weight: 700;
background: #2b0b58;
float: left;
width: 100%;
color: #fff;
text-align: left; }
.frm-hdg span.stp {
background: #ff0184;
display: inline-block;
position: relative;
padding: 10px 15px;
margin-right: 20px; }
.frm-hdg span.stp:after {
content: '';
position: absolute;
border-top: 25px solid transparent;
border-left: 12px solid #ff0184;
border-bottom: 25px solid transparent;
right: -12px;
top: 0; }
.frm-sec-inr {
padding: 5px 15px 15px;
float: left;
width: 100%; }
.usps-txt {
font-size: 17px;
line-height: 20px;
position: relative;
padding: 15px;
border: 1px solid #f3d8a9;
border-radius: 5px;
padding-left: 160px;
float: left;
width: 100%;
background: #fff5d4;
margin: 25px 0 5px;
letter-spacing: -0.3px;
text-align: left; }
.usps-txt img {
position: absolute;
left: 12px;
top: 12px; }
.usps-txt span {
color: #f00; }
.frmBox {
float: left;
width: 100%; }
.frmElements {
float: left;
width: 100%;
border: 1px solid #cfcfcf;
border-radius: 5px;
margin-top: 16px;
overflow: hidden; }
.field-all {
float: left;
width: 100%;
border: none;
outline: none;
height: 50px;
color: #000;
font-size: 18px;
padding: 2px 10px 2px 18px;
font-family: 'Fira Sans', sans-serif;
font-weight: normal;
border-radius: 0 3px 3px 0;
-webkit-appearance: none; }
.field-all.hlf {
width: 50%; }
.field-all.threehlf {
width: 33.333%; }
.cvv {
width: 33.333%;
border-left: 1px solid #cfcfcf;
float: left;
height: 50px;
position: relative; }
.field-all.bdr {
border-left: 1px solid #cfcfcf; }
a.whats-dis {
position: absolute;
right: 10px;
top: 18px;
border-radius: 50%;
background: #cbcbcb;
color: #fff;
font-weight: 600;
font-size: 12px;
width: 15px;
height: 15px;
line-height: 15px;
text-align: center;
padding-top: 2px; }
.frmElements select {
-webkit-appearance: none;
background: url(../images/dwn-arw.png) no-repeat 95% center;
padding: 2px 10px 2px 18px; }
.fieldToggle {
display: inline-block;
vertical-align: middle;
color: #202020;
font-size: 18px;
line-height: 22px;
margin: 15px 0 0;
cursor: pointer;
padding-left: 30px;
position: relative;
text-align: left;
width: 100%; }
.fieldToggle input[type=checkbox] {
position: absolute;
opacity: 0; }
.fieldToggle input[type=checkbox] + span, .protectionHeading label input[type=checkbox] + span {
display: inline-block;
vertical-align: middle;
margin-right: 5px;
width: 20px;
height: 20px;
border: 1px solid #808080;
border-radius: 2px;
position: relative; }
.fieldToggle input[type=checkbox] + span {
position: absolute;
left: 0;
top: 0; }
.fieldToggle input[type=checkbox]:checked + span:after {
position: absolute;
content: '';
width: 15px;
height: 15px;
background: url(../images/tik-blk.svg) no-repeat center center;
background-size: 100%;
left: 1px;
top: 1px; }
.fieldToggle p {
font-size: 24px;
line-height: 24px;
color: #ffffff;
font-weight: bold;
letter-spacing: 0.5px;
text-align: left; }
.fieldToggle p span {
color: #fff000; }
.card-accept {
float: left;
width: 100%;
color: #2d2d2d;
font-size: 18px;
text-align: left;
margin-top: 15px; }
.card-accept img {
display: inline-block;
vertical-align: middle;
margin: 0 0 0 10px; }
.chk-btn-outer {
display: inline-block;
border: 1px solid #3fa003;
padding: 5px;
border-radius: 50px;
margin: 35px 0; }
a.chk-btn {
display: inline-block;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f90281+0,c70a6c+100 */
background: #438819;
/* Old browsers */
background: -moz-linear-gradient(left, #569132 0%, #438819 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(left, #569132 0%, #438819 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #569132 0%, #438819 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#569132', endColorstr='#438819',GradientType=1 );
/* IE6-9 */
border-radius: 50px;
font-size: 28px;
line-height: 56px;
height: 56px;
font-weight: 700;
color: #fff;
width: 420px; }
a.chk-btn img {
display: inline-block;
margin-left: 10px;
vertical-align: middle; }
/*CHECKOUT RIGHT*/
.chk-rgt {
width: 35%;
float: right; }
.odr-sum {
border: 1px solid #d9d9d9;
padding: 15px 15px 0;
float: left;
width: 100%;
text-align: left;
margin-top: 20px; }
.odr-sum-hd {
font-size: 22px;
line-height: 26px;
font-weight: 700;
float: left;
width: 100%;
border-bottom: 1px solid #e1e0e0;
padding-bottom: 8px;
color: #404040; }
.chk-prd {
display: block;
max-width: 100%;
margin: 20px auto 0; }
table.order-table {
float: left;
width: 100%; }
table.order-table tr td {
font-size: 18px;
line-height: 22px;
color: #141414;
padding: 8px 0; }
table.order-table tr .prd-nm {
font-size: 25px;
line-height: 29px;
color: #ff0184;
font-weight: 700; }
table.order-table tr .prd-nm span {
display: block;
font-size: 18px;
line-height: 22px;
font-weight: 400;
color: #3b3b3b; }
table.order-table tr .prd-nm sup {
font-size: 15px; }
table.order-table tr td:first-child {
text-align: left; }
table.order-table tr td:last-child {
text-align: right; }
table.order-table tr:last-child td {
font-size: 20px;
line-height: 24px;
font-weight: bold;
color: #2f2f2f;
border-top: 1px solid #cbcbcb;
padding: 10px 0; }
.mny-bck-sec {
float: left;
width: 100%;
padding: 20px;
text-align: center;
border: 1px solid #d9d9d9;
margin-top: 85px; }
.mny-bck-sec img {
display: inline-block;
vertical-align: top;
margin-top: -90px; }
.mny-bck-sec h3 {
font-size: 30px;
line-height: 34px;
font-weight: 700;
color: #2b0b58;
margin: 10px 0; }
.mny-bck-sec p {
font-size: 18px;
line-height: 26px; }
.desk-txt {
display: inline-block; }
.mob-txt {
display: none; }
/*========================*/
.footer {
float: left;
width: 100%;
padding: 30px 0;
background: #eff3f5; }
ul.ftr-social {
float: left;
width: 100%; }
ul.ftr-social li {
display: inline-block;
vertical-align: middle;
padding: 0 5px; }
.ftr-txt1 {
float: left;
width: 100%;
font-size: 16px;
color: #515151;
line-height: 24px;
margin-top: 15px; }
.ftr-txt1 a {
padding: 0 5px; }
.ftr-txt2 {
float: left;
width: 100%;
font-size: 14px;
color: #515151;
line-height: 20px;
margin-top: 30px;
padding-top: 30px;
border-top: 1px solid #cedae1; }
.footer2 {
float: left;
width: 100%;
padding: 25px 0; }
.footer-card-icon {
display: block;
margin: 0 auto 20px;
max-width: 100%; }
.footer2 p {
float: left;
width: 100%;
font-size: 11px;
color: #919191; }
@media only screen and (max-width: 1021px) {
.sel-top-tx1 {
background-size: 200px;
padding-top: 4px;
margin-top: -7px;
height: 40px; }
.sel-top-tx2 {
font-size: 30px;
line-height: 32px; }
a.sel-btn {
font-size: 22px;
height: 45px;
line-height: 45px;
width: 200px; }
a.sel-btn img {
width: 32px; }
.prc-bx {
font-size: 44px;
line-height: 50px;
padding: 8px 18px 5px; }
.shp-txt {
font-size: 14px;
line-height: 18px; }
.sel-prd {
padding: 0 20px; }
.prd-badge {
background-size: 70px;
font-size: 13px;
line-height: 15px;
padding-top: 20px;
right: 10px; }
.prd-badge span {
font-size: 18px;
line-height: 18px; }
.choice .chk-comn-strp {
padding: 9px 15px; }
.chk-comn-strp.flvr-strip {
padding: 10px 35px; }
.choice a.sel-btn {
width: 240px; }
.timer-box {
font-size: 16px; }
.timer-box img {
top: 6px;
width: 20px; }
.frm-hdg {
font-size: 24px;
line-height: 28px; }
.frm-hdg span.stp {
padding: 12px 15px; }
.mny-bck-sec {
padding: 20px 10px; }
.mny-bck-sec img {
width: 112px; }
.mny-bck-sec h3 {
font-size: 24px;
line-height: 28px; } }
@media only screen and (max-width: 767px) {
.asd {
font-size: 11px; }
.asd span {
font-size: 20px; }
.shadow_my {
opacity: 1; }
.show-mob {
display: block; }
.hide-mob, .show-desk {
display: none; }
.chk-strp p {
font-size: 14px;
line-height: 16px;
letter-spacing: 0.5px; }
.chk-inr {
padding: 15px 0 25px 0; }
.chk-comn-strp {
padding: 10px;
text-align: left;
position: relative;
padding-left: 50px;
font-size: 18px;
line-height: 22px; }
.chk-comn-strp img {
position: absolute;
left: 15px;
top: 15px; }
.chk-hdg {
font-size: 22px;
line-height: 24px;
margin: 10px 0; }
.sel-bx-sec {
margin: 30px 0; }
.sel-bx {
display: inline-block;
margin: 0 auto;
max-width: 460px;
width: 100%;
float: none; }
.sel-top-tx1 {
font-size: 22px; }
.sel-bx1 {
position: static;
transform: none; }
.sel-bx2 {
margin: 30px 0; }
.chk-comn-strp:before, .chk-comn-strp:after {
display: none; }
a.sel-btn {
width: 240px; }
.sum-hd-prc {
float: right;
margin-right: 10px; }
.sel-bx3 .prd-badge {
right: 70px; }
.cards-img {
max-width: 100%; }
.bread-img {
max-width: 100%; }
.guar-txt {
font-size: 20px;
line-height: 24px; }
.guar-txt:after, .guar-txt:before {
width: 26px; }
.guar-txt:before {
left: -35px; }
.guar-txt:after {
right: -35px; }
.footer {
padding: 20px 0; }
.ftr-txt1 {
margin-top: 5px;
font-size: 15px;
line-height: 22px; }
.ftr-txt2 {
margin-top: 15px;
padding-top: 15px; }
.footer2 {
padding: 15px 0; }
.choice .sel-bx-sec {
margin: 30px auto 0; }
.choice .sel-bx {
max-width: 460px;
width: 100%;
margin: 30px 0; }
.choice .chk-comn-strp {
padding-left: 50px; }
.checkout-innr {
margin-bottom: 15px; }
.frm-sec-inr {
padding: 5px 10px 15px; }
.chk-lft {
width: 100%; }
.chk-rgt {
width: 100%; }
a.chk-btn {
width: 310px;
font-size: 24px; }
.frm-hdg {
font-size: 19px;
line-height: 26px; }
.frm-hdg span.stp {
padding: 8px 15px; }
.frm-hdg span.stp:after {
border-top: 21px solid transparent;
border-left: 12px solid #ff0184;
border-bottom: 21px solid transparent; }
.frmElements {
border: none;
margin-top: 10px; }
.field-all {
border: 1px solid #bababa;
border-radius: 5px; }
.field-all.hlf {
width: 100%; }
.field-all.bdr {
float: right;
margin-top: 10px; }
.field-all.threehlf {
width: 49%;
margin: 0; }
.cvv {
width: 49%;
margin-top: 10px;
border: none; }
a.whats-dis {
right: -30px; }
.chk-btn-outer {
margin: 25px 0 15px; }
.usps-txt {
padding: 10px;
text-align: center; }
.usps-txt img {
display: block;
position: static;
margin: 10px auto 12px; }
.odr-sum {
padding: 10px 10px 0;
margin-top: 0; }
.odr-sum-hd {
cursor: pointer;
border-bottom: none; }
.tog {
float: right; }
.tog-div {
border-top: 1px solid #d9d9d9; }
.desk-txt {
display: none; }
.mob-txt {
display: inline-block; }
.chk-comn-strp.flvr-strip {
padding: 10px 20px; }
ul.flver-list li img {
width: 80px; }
ul.flver-list li p {
font-size: 18px;
line-height: 20px; }
.select-flvr {
padding: 30px 15px; }
.select-flvr select {
font-size: 18px;
height: 50px; }
.chk-prd {
display: none; } }
@media only screen and (max-width: 480px) {
.timer-box img {
top: 10px; }
.sel-top-tx1 {
line-height: 34px; } }
@media only screen and (max-width: 360px) {
a.chk-btn {
width: 265px;
font-size: 20px; } }
/*-------------pulse-------------------*/
.pulse {
animation-name: pulse;
-webkit-animation-name: pulse;
animation-duration: 1.5s;
-webkit-animation-duration: 1.5s;
animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite; }
@keyframes pulse {
0% {
transform: scale(0.9); }
50% {
transform: scale(1); }
100% {
transform: scale(0.9); } }
@-webkit-keyframes pulse {
0% {
-webkit-transform: scale(0.95); }
50% {
-webkit-transform: scale(1); }
100% {
-webkit-transform: scale(0.95); } }
.new_part .block_product {
display: inline-block;
border: solid 1px #a9a9a9;
background-color: #ededed;
padding-top: 12px;
text-align: center;
width: 136px;
border-radius: 16px;
margin: 0 7px;
position: relative; }
.new_part .block_product:after {
content: "";
display: block;
position: absolute;
bottom: -3px;
height: 6px;
width: 68px;
left: 50%;
margin-left: -34px;
border-radius: 10px;
background-color: #a9a9a9; }
.new_part .asd span sub {
font-size: 16px;
font-weight: lighter;
bottom: 0; }
.new_part .sel-btm {
background-color: transparent;
margin-top: 0px; }
.new_part .block_product.activecheckbox {
border: solid 1px #cda5ff;
background-color: #f4ebff; }
.new_part .block_product.activecheckbox:after {
background-color: #2b0b58; }
.new_part .block_product.activecheckbox .asd span, .new_part .block_product.activecheckbox .asd {
color: #2b0b58; }
.new_part .ret-prc {
margin-bottom: 5px; }
.remove-checkout::before {
content: "\e014";
display: block;
position: absolute;
left: -106px;
font-size: 18px;
color: #3b3b3b;
width: 10px;
height: 10px;
top: 5px;
font-family: "Glyphicons Halflings";
font-style: normal;
font-weight: 400;
line-height: 1;
-webkit-font-smoothing: antialiased;
cursor: pointer; }
.remove-checkout {
position: relative; }
.block_product {
display: inline-block;
width: 49%;
border: solid 3px #ebebeb;
border-radius: 0 35px 35px 0;
padding: 7px 10px;
background: linear-gradient(to top, #d5d5d6, #fefeff); }
.block_product.first {
border-radius: 35px 0 0 35px; }
.block_product .form-check-label {
display: flex;
align-items: center; }
.block_product.activecheckbox {
background: linear-gradient(to top, #fef7d1, #d2d524); }
.lline {
width: 70%;
height: 8px;
margin: auto;
background: linear-gradient(to right, #2966c0, #574c8d);
border-radius: 12px;
position: absolute;
bottom: 0px;
left: 50%;
margin-left: -35%; }
body {
background-image: url("../images/body_banner.jpg");
background-size: 100%;
background-position: 0px 50px; }
@media screen and (max-width: 767px) {
body {
background-image: url("../images/body_banner_mob.png"); } }
header {
height: 55px;
background-color: #004ded; }
@media screen and (max-width: 767px) {
header {
height: 89px;
padding-bottom: 12px;
padding-top: 18px; } }
header .black_line {
color: #f6ff00;
text-align: center;
font-family: 'Roboto', sans-serif;
font-weight: bold;
text-transform: uppercase;
font-size: 14px;
line-height: 55px; }
@media screen and (max-width: 767px) {
header .black_line {
font-size: 11px;
line-height: 18px; } }
header .black_line i {
color: #f6ff00;
font-size: 18px; }
header .black_line span {
color: #f6ff00;
font-size: 18px; }
.block-top {
padding-top: 50px;
padding-bottom: 40px; }
@media screen and (max-width: 767px) {
.block-top {
text-align: center;
padding-bottom: 0; } }
.block-top .logo {
display: inline-block;
max-width: 185px;
margin-bottom: 50px; }
.block-top .logo img {
width: 100%; }
.block-top h1 {
color: #FFF;
font-size: 52px;
line-height: 62px;
text-shadow: #25304a 1px 1px 0, #25304a 2px 2px 0, #25304a 3px 3px 0, #25304a 4px 4px 0, #25304a 5px 5px 0;
font-family: 'AvenirNextLTProBold';
font-weight: lighter; }
.block-top h1 span {
text-shadow: #2c3552 1px 1px 0, #2c3552 2px 2px 0, #2c3552 3px 3px 0, #2c3552 4px 4px 0, #2c3552 5px 5px 0;
font-size: 69px;
line-height: 82px;
color: #fef734;
display: inline-block; }
@media screen and (max-width: 767px) {
.block-top h1 {
font-size: 40px;
line-height: 49px; }
.block-top h1 span {
font-size: 42px;
line-height: 55px; } }
.block-top h2 {
font-family: 'AvenirNextLTProDemiIt';
font-size: 31px;
color: #fef324;
line-height: 60px;
margin-bottom: 25px; }
@media screen and (max-width: 767px) {
.block-top h2 {
line-height: 25px;
font-size: 18px; } }
.block-top .w-87 {
width: 87%; }
.custom_labe {
width: 280px;
margin-left: 70px;
margin-top: 22px;
display: inline-block;
margin-bottom: 50px; }
@media screen and (max-width: 767px) {
.custom_labe {
width: 220px;
margin-left: 0px; } }
@media screen and (max-width: 767px) {
.ccvvvbb {
position: relative;
top: -40px; } }
.btn-success {
font-family: 'AvenirNextLTProBold';
color: #0f59c0;
font-size: 25px;
background-color: #fdf21c;
border-radius: 8px;
padding: 22px 20px;
line-height: 24px;
transition: 0.2s;
border: none;
box-shadow: none; }
.btn-success:hover, .btn-success:focus {
background-color: #0f59c0;
color: #fdf21c;
border: none;
box-shadow: none; }
@media screen and (max-width: 767px) {
.btn-success {
padding: 17px 18px;
font-size: 19px; } }
.shadow_my {
transition: 0.3s; }
.shadow_my:hover {
opacity: 1;
transform: scale(1.1); }
@media screen and (max-width: 767px) {
.about {
padding: 0 15px; } }
.about .container {
background-image: url("../images/banner_about.png");
background-position: center top;
background-size: cover;
background-repeat: no-repeat;
border-radius: 50px 50px 0 0px;
overflow: hidden; }
@media screen and (max-width: 767px) {
.about .container {
background-color: #f0f7f9;
background-image: url("../images/mob_mans.png");
background-position: center bottom;
background-size: contain;
padding-bottom: 407px; } }
.about h3 {
font-family: 'FontsFreeNetAvenirLTStdBlack';
text-transform: uppercase;
font-size: 40px;
line-height: 43px;
text-align: center;
padding-top: 40px;
padding-bottom: 6px; }
@media screen and (max-width: 767px) {
.about h3 {
font-size: 34px; } }
.about p {
font-family: 'AvenirNextLTProRegular';
font-size: 16px;
color: #121832;
line-height: 22px;
padding: 0 55px 30px; }
.about p span {
font-family: 'AvenirNextLTProDemi'; }
@media screen and (max-width: 767px) {
.about p {
padding: 0 0px 30px; } }
.about .btn-success {
font-size: 22px;
padding: 20px 20px; }
@media screen and (max-width: 767px) {
.about .btn-success {
font-size: 17px; } }
.about .custom_labe {
width: 280px;
margin-left: 0px;
margin-top: 22px;
display: inline-block; }
@media screen and (max-width: 767px) {
.about .custom_labe {
width: 220px; } }
.money_back {
padding: 100px 0; }
@media screen and (max-width: 767px) {
.money_back {
padding: 20px 0; } }
.money_back p {
font-family: 'AvenirNextLTProDemi';
font-size: 34px;
color: #ffffff;
line-height: 40px; }
.money_back p span {
font-family: 'AvenirNextLTProDemi';
font-size: 47px;
line-height: 50px;
display: inline-block; }
.money_back p span.fz {
font-size: 61px;
line-height: 65px; }
@media screen and (max-width: 767px) {
.money_back p {
text-align: center;
font-size: 16px;
line-height: 25px;
padding-top: 20px; }
.money_back p span {
font-size: 22px;
line-height: 25px; }
.money_back p span.fz {
font-size: 28px;
line-height: 32px; } }
.supplements {
margin-bottom: 103px; }
.supplements .container {
background-color: white;
border-radius: 0 0 50px 50px;
overflow: hidden;
padding-top: 80px; }
@media screen and (max-width: 767px) {
.supplements .container {
padding-bottom: 40px; } }
@media screen and (max-width: 767px) {
.supplements {
margin-bottom: 25px; } }
.see_what h3 {
font-family: 'AvenirNextLTProBold';
font-size: 55px;
line-height: 65px;
color: white;
text-align: center;
margin-bottom: 30px;
text-shadow: #111a40 1px 1px 0, #111a40 2px 2px 0, #111a40 3px 3px 0, #111a40 4px 4px 0, #111a40 5px 5px 0; }
@media screen and (max-width: 767px) {
.see_what h3 {
font-size: 30px;
line-height: 40px; } }
.see_what h3 br {
display: none; }
@media screen and (max-width: 767px) {
.see_what h3 br {
display: block; } }
.see_what p {
font-family: 'AvenirNextLTProRegular';
font-size: 18px;
color: #ffffff;
line-height: 24px;
text-align: center; }
@media screen and (max-width: 767px) {
.see_what p {
font-size: 16px; } }
footer {
border-top: solid 1px white;
background: linear-gradient(to top, #10183c, #24388b);
padding-top: 50px;
padding-bottom: 60px;
text-align: center; }
footer .logo {
display: inline-block;
max-width: 185px;
margin-bottom: 50px; }
footer .logo img {
width: 100%; }
footer p {
font-size: 15px;
color: white;
font-family: 'AvenirNextLTProRegular'; }
@media screen and (max-width: 767px) {
footer p {
font-size: 12.5px; } }