html {
/*background: #1F1F23;*/
}
body {
font-family: "Poppins", sans-serif;
font-size: 1.375rem;
font-weight: 500;
line-height: 1.2;
color: #1f1f23;
background: url("../../assets/img/bg.png") repeat-y center center;
background-size: cover;
}
h1 {
/*font-size: 2.813vw;*/
font-size: 3.375rem;
font-weight: 800;
}
.bg-orange {
background-color: #f98b09;
}
.text-orange {
color: #f98b09;
}
.pacific-text {
font-family: "Pacifico", cursive;
}
/*MOBILE RESOLUTIONS START HERE*/
/* #lock {
display: none;
} */
@media only screen and (max-width: 480px) {
.logo {
position: absolute !important;
width: 45.333vw !important;
left: 12% !important;
right: 10% !important;
padding-top: 2vw !important;
}
.header-lg {
display: none !important;
}
.header-sm {
display: block !important;
}
.res-container{
width: 100% !important;
}
}
/* @media screen and (min-width: 320px) and (max-width: 1024px) and (orientation: landscape) {
#lock {
display: block !important;
}
#container {
display: none !important;
}
}
@media screen and (min-width: 320px) and (max-width: 1024px) and (orientation: portrait) {
#lock {
display: none !important;
}
#container {
display: block !important;
}
} */
@media only screen and (max-width: 320px) {
.video_btn img {
position: relative !important;
z-index: 1 !important;
max-width: 100% !important;
}
.px-sm {
padding-left: 0 !important;
padding-right: 0 !important;
}
.world {
font-size: 15px !important;
padding: 0 6% 0 7% !important;
}
body {
font-size: 12px !important;
}
h1 {
font-size: 26px !important;
}
.step-head {
font-size: 16px !important;
}
.step-sm p {
font-size: 14px;
}
.four-apps {
max-width: 100% !important;
margin-top: 5% !important;
text-align: center !important;
}
.four-apps img {
max-width: 100% !important;
margin: auto !important;
}
.boost-traffic {
text-align: center;
margin-top: 5% !important;
}
.section-two {
background: url("../../assets/img/video-l-sm.png") top 85% left no-repeat,
url("../../assets/img/video-r-sm.png") top 80% right no-repeat !important;
}
.video-head h1 {
font-size: 24px !important;
}
.video-frame {
border: 3px solid #f98b09 !important;
border-radius: 15px !important;
width: 100% !important;
}
.video-flame-top {
top: -9% !important;
left: -8% !important;
width: 18% !important;
}
.video-flame-bottom {
bottom: -9% !important;
right: -4% !important;
width: 18% !important;
}
.boxes {
margin-top: auto !important;
}
.cards_payment {
max-width: 70% !important;
margin: auto;
}
.price img {
max-width: 100% !important;
position: relative !important;
}
.trend-sm {
max-width: 100% !important;
}
.section-three {
padding-top: 0 !important;
}
.s-t-text {
font-size: 9px !important;
}
.section-four {
background-size: contain !important;
padding-top: 0 !important;
}
.section-five {
background: url("../../assets/img/divider-bg-sm.png") no-repeat bottom
center !important;
background-size: 100% !important;
margin-top: -70% !important;
}
.engage {
text-align: left !important;
padding-left: 10% !important;
}
.remember {
margin-top: 15px;
}
.remember-box {
width: 100% !important;
border-radius: 50px !important;
padding: 25px 5px 20px 5px !important;
}
.remember-box h2 {
font-size: 15px !important;
}
.remember-1,
.remember-2 {
background-image: url("../../assets/img/flame1-sm.png"),
linear-gradient(
180deg,
rgb(255, 68, 44) 0%,
rgb(255, 68, 44) 50%,
rgb(31, 31, 35) 50%,
rgb(31, 31, 35) 100%
) !important;
max-height: none !important;
margin: 2em -1.5em auto -1.5em !important;
background-position: top !important;
background-repeat: no-repeat !important;
}
.remember-1 p {
width: 100%;
padding-top: 40% !important;
padding-left: 0 !important ;
text-align: center !important;
}
.remember-2 p {
text-align: center !important;
padding-top: 20% !important;
padding-left: 0 !important ;
}
.remember-1 img {
margin-top: auto !important;
margin-top: -15% !important;
}
.remember-2 img {
margin-top: auto !important;
}
.section-six {
padding-top: 0 !important;
margin-top: 0 !important;
background-size: contain !important;
}
.section-seven {
background: url("../../assets/img/flames-sm.png") no-repeat top 100% center !important;
background-size: cover !important;
padding-bottom: 5% !important;
}
.killer-text {
font-size: 14px !important;
}
.section-eight {
background: url("../../assets/img/carousel-bg-sm.png") no-repeat center !important;
background-size: contain !important;
margin: auto !important;
margin-bottom: 8% !important;
padding-top: 10% !important;
}
.section-nine {
padding-top: 0 !important;
}
.section-ten {
background: url("../../assets/img/ten_sm.png") no-repeat top 25% center !important;
background-size: cover !important;
margin-top: -30% !important;
padding-top: 100% !important;
padding-bottom: 135% !important;
}
.plus {
display: none !important;
}
.plus-sm {
background-color: #1f1f23 !important;
}
.plus-sm h2 {
font-size: 12px !important;
color: #fff !important;
font-weight: bold !important;
text-align: center !important;
position: relative !important;
margin-right: 5% !important;
margin-left: 20%;
}
.plus-sm img {
position: absolute;
left: 0;
max-width: 40px !important;
}
.unlock-box {
background: #f98b09 url("../../assets/img/unlock-bg-sm.png") no-repeat !important;
background-size: cover !important;
border-radius: 35px !important;
padding-bottom: 40px !important;
margin: -5% !important;
}
.unlock-shape {
border-radius: 35px !important;
padding: 20px 20px 5px 20px !important;
}
.unlock-shape-2 {
border-radius: 55px !important;
padding: 20px 24px 5px 24px !important;
}
.unlock-shape-2 {
max-height: none !important;
}
.commercial {
max-width: 50% !important;
margin: auto !important;
}
.unlock-btn {
padding-top: 5% !important;
margin-top: -30px !important;
max-width: 100% !important;
margin-left: auto !important;
margin-right: auto !important;
}
.pricing h2 {
font-size: 2.125rem;
}
.zero-box {
background: url("../../assets/img/zerobg-sm.jpg") no-repeat bottom !important;
border-radius: 35px !important;
padding: initial !important;
margin: -5% !important;
}
.section-twelve {
padding-top: 90px !important;
}
.like-img img {
left: 30% !important;
max-width: 40% !important;
margin: -63px auto 0 auto !important;
}
.zero-box h1 {
padding-top: 20% !important;
}
.pro {
font-size: 1.5rem;
color: #fff;
}
.hot-trend {
font-size: 14px !important;
}
.magical {
font-size: 15px !important;
}
.pricing h1 {
font-size: 27px !important;
}
.pricing h3 {
font-size: 16px !important;
}
.pricing h2 {
font-size: 28px !important;
}
.faq {
margin-top: 5% !important;
border-radius: 35px !important;
}
.faq h1 {
font-size: 28px !important;
}
.ques-head {
margin: 10% auto 10% auto !important;
}
.panel-title {
border-radius: 50px !important;
font-size: 13.5px !important;
margin-bottom: 5% !important;
}
.panel-body p {
font-size: 11px !important;
padding-left: 2% !important;
}
.panel-group .panel {
border-radius: 40px !important;
}
.panel-default > .panel-heading {
border-radius: 50px !important;
}
.no-thanks {
font-size: 12px !important;
margin-bottom: 80% !important;
}
.section-footer {
background: #f98b09 url("../../assets/img/footershape-sm.jpg") no-repeat top
center !important;
background-color: rgba(0, 0, 0, 0) !important;
padding-bottom: 15% !important;
background-size: cover !important;
}
.get-factors {
padding-top: 10%;
font-size: 17px !important;
}
.up-halo p {
font-size: 12px !important;
}
.footer-text {
font-size: 11px !important;
}
.pre-btm-box {
max-width: 100% !important;
margin-left: 0 !important;
margin-top: 8% !important;
margin-bottom: 8% !important;
}
.footer-man {
margin-top: -76% !important;
position: relative !important;
z-index: 1 !important;
max-width: 100% !important;
}
.get-factors {
font-weight: bold;
margin: -63% 0 auto auto !important;
padding-right: 0% !important;
}
.section-four {
margin-top: -130px !important;
}
.box-title {
max-width: 100% !important;
}
.footer-btn {
max-width: 100% !important;
margin-right: 0 !important;
margin-top: 5% !important;
margin-bottom: 5% !important;
}
.cards_payment img {
max-width: 100% !important;
}
.remember-1 img {
max-width: 100% !important;
}
.remember-2 img {
max-width: 100% !important;
}
.more-less img {
width: 30px !important;
}
}
@media only screen and (min-width: 321px) and (max-width: 360px) {
.video_btn img {
position: relative !important;
z-index: 1 !important;
max-width: 100% !important;
}
.px-sm {
padding-left: 0 !important;
padding-right: 0 !important;
}
.world {
font-size: 15px !important;
padding: 0 6% 0 7% !important;
}
body {
font-size: 12px !important;
}
h1 {
font-size: 26px !important;
}
.step-head {
font-size: 16px !important;
}
.step-sm {
transform: rotate(-9.99deg);
color: #fff;
margin-top: 3%;
}
.four-apps {
max-width: 100% !important;
margin-top: 5% !important;
text-align: center !important;
}
.four-apps img {
max-width: 100% !important;
margin: auto !important;
}
.boost-traffic {
text-align: center;
margin-top: 5% !important;
}
.section-two {
background: url("../../assets/img/video-l-sm.png") top 85% left no-repeat,
url("../../assets/img/video-r-sm.png") top 80% right no-repeat !important;
}
.video-head h1 {
font-size: 24px !important;
}
.video-frame {
border: 3px solid #f98b09 !important;
border-radius: 15px !important;
width: 100% !important;
}
.video-flame-top {
top: -9% !important;
left: -8% !important;
width: 18% !important;
}
.video-flame-bottom {
bottom: -9% !important;
right: -4% !important;
width: 18% !important;
}
.boxes {
margin-top: auto !important;
}
.cards_payment {
max-width: 70% !important;
margin: auto;
}
.price img {
max-width: 100% !important;
position: relative !important;
}
.trend-sm {
max-width: 100% !important;
}
.section-three {
padding-top: 0 !important;
}
.s-t-text {
font-size: 11px !important;
}
.section-four {
background-size: contain !important;
padding-top: 0 !important;
}
.section-five {
background: url("../../assets/img/divider-bg-sm.png") no-repeat bottom
center !important;
background-size: 100% !important;
margin-top: -70% !important;
}
.engage {
text-align: left !important;
padding-left: 10% !important;
}
.remember {
margin-top: 15px;
}
.remember-box {
width: 100% !important;
border-radius: 50px !important;
padding: 25px 5px 20px 5px !important;
}
.remember-box h2 {
font-size: 15px !important;
}
.remember-1,
.remember-2 {
background-image: url("../../assets/img/flame1-sm.png"),
linear-gradient(
180deg,
rgb(255, 68, 44) 0%,
rgb(255, 68, 44) 50%,
rgb(31, 31, 35) 50%,
rgb(31, 31, 35) 100%
) !important;
max-height: none !important;
margin: 2em -1.5em auto -1.5em !important;
background-position: top !important;
background-repeat: no-repeat !important;
}
.remember-1 p {
width: 100%;
padding-top: 40% !important;
padding-left: 0 !important ;
text-align: center !important;
}
.remember-2 p {
text-align: center !important;
padding-top: 20% !important;
padding-left: 0 !important ;
}
.remember-1 img {
margin-top: auto !important;
margin-top: -15% !important;
}
.remember-2 img {
margin-top: auto !important;
}
.section-six {
padding-top: 0 !important;
margin-top: 0 !important;
background-size: contain !important;
}
.section-seven {
background: url("../../assets/img/flames-sm.png") no-repeat top 100% center !important;
background-size: cover !important;
padding-bottom: 5% !important;
}
.killer-text {
font-size: 16px !important;
}
.section-eight {
background: url("../../assets/img/carousel-bg-sm.png") no-repeat center !important;
background-size: contain !important;
margin: auto !important;
margin-bottom: 8% !important;
padding-top: 10% !important;
}
.section-nine {
padding-top: 0 !important;
}
.section-ten {
background: url("../../assets/img/ten_sm.png") no-repeat top 25% center !important;
background-size: cover !important;
margin-top: -30% !important;
padding-top: 100% !important;
padding-bottom: 135% !important;
}
.plus {
display: none !important;
}
.plus-sm {
background-color: #1f1f23 !important;
}
.plus-sm h2 {
font-size: 13px !important;
color: #fff !important;
font-weight: bold !important;
text-align: center !important;
position: relative !important;
margin-right: 5% !important;
margin-left: 20%;
}
.plus-sm img {
position: absolute !important;
left: 0 !important;
max-width: 40px !important;
}
.unlock-box {
background: #f98b09 url("../../assets/img/unlock-bg-sm.png") no-repeat !important;
background-size: cover !important;
border-radius: 35px !important;
padding-bottom: 40px !important;
margin: -5% !important;
}
.unlock-shape {
border-radius: 35px !important;
padding: 20px 20px 5px 20px !important;
}
.unlock-shape-2 {
border-radius: 55px !important;
padding: 20px 24px 5px 24px !important;
}
.unlock-shape-2 {
max-height: none !important;
}
.commercial {
max-width: 50% !important;
margin: auto !important;
}
.unlock-btn {
padding-top: 5% !important;
margin-top: -30px !important;
max-width: 100% !important;
margin-left: auto !important;
margin-right: auto !important;
}
.pricing h2 {
font-size: 2.125rem;
}
.zero-box {
background: url("../../assets/img/zerobg-sm.jpg") no-repeat bottom !important;
border-radius: 35px !important;
padding: initial !important;
margin: -5% !important;
}
.section-twelve {
padding-top: 90px !important;
}
.like-img img {
left: 30% !important;
max-width: 40% !important;
margin: -63px auto 0 auto !important;
}
.zero-box h1 {
padding-top: 20% !important;
}
.pro {
font-size: 1.5rem;
color: #fff;
}
.hot-trend {
font-size: 14px !important;
}
.magical {
font-size: 16px !important;
}
.pricing h1 {
font-size: 30px !important;
}
.pricing h3 {
font-size: 16px !important;
}
.pricing h2 {
font-size: 36px !important;
}
.faq {
margin-top: 5% !important;
border-radius: 35px !important;
}
.faq h1 {
font-size: 35px !important;
}
.ques-head {
margin: 10% auto 10% auto !important;
}
.panel-title {
border-radius: 50px !important;
font-size: 16px !important;
margin-bottom: 5% !important;
}
.panel-body p {
font-size: 11px !important;
padding-left: 2% !important;
}
.panel-group .panel {
border-radius: 40px !important;
}
.panel-default > .panel-heading {
border-radius: 50px !important;
}
.no-thanks {
font-size: 12px !important;
margin-bottom: 80% !important;
}
.section-footer {
background: #f98b09 url("../../assets/img/footershape-sm.jpg") no-repeat top
center !important;
background-color: rgba(0, 0, 0, 0) !important;
padding-bottom: 15% !important;
background-size: cover !important;
}
.get-factors {
padding-top: 10%;
font-size: 17px !important;
}
.up-halo p {
font-size: 12px !important;
}
.footer-text {
font-size: 12.5px !important;
}
.pre-btm-box {
max-width: 100% !important;
margin-left: 0 !important;
margin-top: 8% !important;
margin-bottom: 8% !important;
}
.footer-man {
margin-top: -76% !important;
position: relative !important;
z-index: 1 !important;
max-width: 100% !important;
}
.get-factors {
font-weight: bold;
margin: -63% 0 auto auto !important;
padding-right: 0% !important;
}
.section-four {
margin-top: -130px !important;
}
.box-title {
max-width: 100% !important;
}
.footer-btn {
max-width: 100% !important;
margin-right: 0 !important;
margin-top: 5% !important;
margin-bottom: 5% !important;
}
.cards_payment img {
max-width: 100% !important;
}
.remember-1 img {
max-width: 100% !important;
}
.remember-2 img {
max-width: 100% !important;
}
.more-less img {
width: 30px !important;
}
}
@media only screen and (min-width: 361px) and (max-width: 375px) {
.video_btn img {
position: relative !important;
z-index: 1 !important;
max-width: 100% !important;
}
.px-sm {
padding-left: 0 !important;
padding-right: 0 !important;
}
.world {
font-size: 17px !important;
padding: 0 6% 0 7% !important;
}
body {
font-size: 14px !important;
}
h1 {
font-size: 28px !important;
}
.step-head {
font-size: 16px !important;
}
.step-sm p {
font-size: 14px;
}
.four-apps {
max-width: 100% !important;
margin-top: 5% !important;
text-align: center !important;
}
.four-apps img {
max-width: 317px !important;
margin: auto !important;
}
.boost-traffic {
text-align: center;
margin-top: 5% !important;
}
.section-two {
background: url("../../assets/img/video-l-sm.png") top 60% left no-repeat,
url("../../assets/img/video-r-sm.png") top 60% right no-repeat !important;
padding-top: 130px !important;
}
.video-head h1 {
font-size: 24px !important;
}
.video-frame {
border: 3px solid #f98b09 !important;
border-radius: 15px !important;
width: 100% !important;
}
.video-flame-top {
top: -9% !important;
left: -8% !important;
width: 18% !important;
}
.video-flame-bottom {
bottom: -9% !important;
right: -4% !important;
width: 18% !important;
}
.boxes {
margin-top: auto !important;
}
.cards_payment {
max-width: 70% !important;
margin: auto;
}
.price img {
max-width: 375px !important;
position: relative !important;
margin-left: -10% !important;
}
.section-three {
padding-top: 0 !important;
}
.s-t-text {
font-size: 11px !important;
}
.section-four {
background-size: contain !important;
padding-top: 0 !important;
}
.section-five {
background: url("../../assets/img/divider-bg-sm.png") no-repeat bottom
center !important;
background-size: 100% !important;
margin-top: -70% !important;
}
.engage {
text-align: left !important;
padding-left: 10% !important;
}
.remember {
margin-top: 15px;
}
.remember-box {
width: 100% !important;
border-radius: 50px !important;
padding: 25px 5px 20px 5px !important;
}
.remember-box h2 {
font-size: 16px !important;
}
.remember-1,
.remember-2 {
background-image: url("../../assets/img/flame1-sm.png"),
linear-gradient(
180deg,
rgb(255, 68, 44) 0%,
rgb(255, 68, 44) 50%,
rgb(31, 31, 35) 50%,
rgb(31, 31, 35) 100%
) !important;
max-height: none !important;
margin: 2em -1.5em auto -1.5em !important;
background-position: top !important;
background-repeat: no-repeat !important;
}
.remember-1 p {
width: 100%;
padding-top: 40% !important;
padding-left: 0 !important ;
text-align: center !important;
}
.remember-1 img {
max-width: 100% !important;
}
.remember-2 p {
text-align: center !important;
padding-top: 20% !important;
padding-left: 0 !important ;
}
.remember-1 img {
margin-top: auto !important;
margin-top: -15% !important;
}
.remember-2 img {
max-width: 119% !important;
margin-left: -10%;
margin-top: -22% !important;
}
.section-six {
padding-top: 0 !important;
margin-top: 0 !important;
background-size: contain !important;
}
.section-seven {
background: url("../../assets/img/flames-sm.png") no-repeat top 100% center !important;
background-size: cover !important;
padding-bottom: 5% !important;
}
.killer-text {
font-size: 16px !important;
}
.section-eight {
background: url("../../assets/img/carousel-bg-sm.png") no-repeat center !important;
background-size: contain !important;
margin: auto auto 8% auto !important;
padding-top: 50px !important;
}
.power {
margin-top: 9% !important;
}
.section-nine {
padding-top: 0 !important;
}
.section-ten {
background: url("../../assets/img/ten_sm.png") no-repeat top 25% center !important;
background-size: cover !important;
margin-top: -30% !important;
padding-top: 100% !important;
padding-bottom: 135% !important;
}
.plus {
display: none !important;
}
.plus-sm {
background-color: #1f1f23 !important;
}
.plus-sm h2 {
font-size: 14px !important;
color: #fff !important;
font-weight: bold !important;
text-align: center !important;
position: relative !important;
margin-right: 5% !important;
margin-left: 20%;
}
.plus-sm img {
position: absolute;
left: 0;
max-width: 40px !important;
}
.unlock-box {
background: #f98b09 url("../../assets/img/unlock-bg-sm.png") no-repeat !important;
background-size: cover !important;
border-radius: 35px !important;
padding-bottom: 40px !important;
margin: -5% !important;
}
.unlock-shape {
border-radius: 35px !important;
padding: 20px 20px 5px 20px !important;
}
.unlock-shape-2 {
border-radius: 55px !important;
padding: 20px 24px 5px 24px !important;
}
.unlock-shape-2 {
max-height: none !important;
}
.commercial {
max-width: 50% !important;
margin: auto !important;
}
.unlock-btn {
padding-top: 5% !important;
margin-top: -30px !important;
max-width: 100% !important;
margin-left: auto !important;
margin-right: auto !important;
}
.pricing h2 {
font-size: 2.125rem;
}
.zero-box {
background: url("../../assets/img/zerobg-sm.jpg") no-repeat bottom !important;
border-radius: 35px !important;
padding: initial !important;
margin: -5% !important;
}
.section-twelve {
padding-top: 90px !important;
}
.like-img img {
left: 30% !important;
max-width: 40% !important;
margin: -63px auto 0 auto !important;
}
.zero-box h1 {
padding-top: 20% !important;
}
.pro {
font-size: 1.5rem;
color: #fff;
}
.hot-trend {
font-size: 16px !important;
}
.magical {
font-size: 16px !important;
}
.pricing h1 {
font-size: 30px !important;
}
.pricing h3 {
font-size: 16px !important;
}
.pricing h2 {
font-size: 36px !important;
}
.faq {
margin-top: 5% !important;
border-radius: 35px !important;
}
.faq h1 {
font-size: 35px !important;
}
.ques-head {
margin: 10% auto 10% auto !important;
}
.panel-title {
border-radius: 50px !important;
font-size: 16px !important;
margin-bottom: 5% !important;
}
.panel-body p {
font-size: 13px !important;
padding-left: 2% !important;
}
.panel-group .panel {
border-radius: 40px !important;
}
.panel-default > .panel-heading {
border-radius: 50px !important;
}
.no-thanks {
font-size: 14px !important;
margin-bottom: 75% !important;
line-height: 2 !important;
}
.section-footer {
background: url("../../assets/img/footershape-sm.jpg") no-repeat top center !important;
background-color: rgba(0, 0, 0, 0) !important;
background-color: #f98b09 !important;
background-size: cover !important;
}
.get-factors {
padding-top: 10%;
font-size: 20px !important;
}
.up-halo p {
font-size: 14px !important;
}
.footer-text {
font-size: 13.5px !important;
}
.pre-btm-box {
max-width: 100% !important;
margin-left: 0 !important;
margin-top: 8% !important;
margin-bottom: 8% !important;
}
.footer-man {
margin-top: -76% !important;
position: relative !important;
z-index: 1 !important;
max-width: 100% !important;
}
.get-factors {
font-weight: bold;
margin: -63% 0 auto auto !important;
padding-right: 0% !important;
}
.section-four {
margin-top: -130px !important;
}
.box-title {
max-width: 100% !important;
}
.footer-btn {
max-width: 100% !important;
margin-right: 0 !important;
margin-top: 5% !important;
margin-bottom: 5% !important;
}
.cards_payment img {
max-width: 100% !important;
}
.more-less img {
width: 35px !important;
}
}
@media only screen and (min-width: 376px) and (max-width: 480px) {
.video_btn img {
position: relative !important;
z-index: 1 !important;
max-width: 100% !important;
}
.badge {
max-width: 100% !important;
}
.app-one-sm {
max-width: 375px !important;
margin: auto !important;
}
.world {
font-size: 18px !important;
padding: 0 6% 0 7% !important;
}
body {
font-size: 14px !important;
}
h1 {
font-size: 28px !important;
}
.step-head {
font-size: 16px !important;
}
.four-apps {
max-width: 100% !important;
margin-top: 5% !important;
text-align: center !important;
}
.four-apps img {
max-width: 317px !important;
margin: auto !important;
}
.boost-traffic {
text-align: center;
margin-top: 5% !important;
}
.section-two {
background: url("../../assets/img/video-l-sm.png") top 60% left no-repeat,
url("../../assets/img/video-r-sm.png") top 60% right no-repeat !important;
padding-top: 130px !important;
}
.video-head h1 {
font-size: 24px !important;
}
.video-frame {
border: 3px solid #f98b09 !important;
border-radius: 15px !important;
width: 95% !important;
}
.video-flame-top {
top: -9% !important;
left: -4% !important;
width: 18% !important;
}
.video-flame-bottom {
bottom: -9% !important;
right: -3% !important;
width: 18% !important;
}
.boxes {
max-width: 375px !important;
margin: auto !important;
margin-top: auto !important;
}
.cards_payment {
max-width: 70% !important;
margin: auto;
}
.price img {
max-width: 375px !important;
position: relative !important;
}
.section-three {
padding-top: 10% !important;
}
.s-t-text {
font-size: 11px !important;
}
.section-four {
background-size: contain !important;
padding-top: 0 !important;
}
.section-five {
background: url("../../assets/img/divider-bg-sm.png") no-repeat bottom
center !important;
background-size: 100% !important;
margin-top: -60% !important;
}
.engage {
text-align: left !important;
padding-left: 10% !important;
}
.remember {
margin-top: 15px;
}
.remember-box {
width: 100% !important;
border-radius: 50px !important;
padding: 25px 5px 20px 5px !important;
}
.remember-box h2 {
font-size: 16px !important;
}
.remember-1,
.remember-2 {
background-image: url("../../assets/img/flame1-sm.png"),
linear-gradient(
180deg,
rgb(255, 68, 44) 0%,
rgb(255, 68, 44) 50%,
rgb(31, 31, 35) 50%,
rgb(31, 31, 35) 100%
) !important;
max-height: none !important;
margin: 2em -1.5em auto -1.5em !important;
background-position: top !important;
background-repeat: no-repeat !important;
}
.remember-1 p {
width: 100%;
padding-top: 40% !important;
padding-left: 0 !important ;
text-align: center !important;
}
.remember-1 img {
max-width: 100% !important;
}
.remember-2 p {
text-align: center !important;
padding-top: 20% !important;
padding-left: 0 !important ;
}
.remember-1 img {
margin-top: auto !important;
margin-top: -15% !important;
}
.remember-2 img {
max-width: 119% !important;
margin-left: -10%;
margin-top: -22% !important;
}
.section-six {
padding-top: 0 !important;
margin-top: 0 !important;
background-size: contain !important;
}
.section-seven {
background: url("../../assets/img/flames-sm.png") no-repeat top 100% center !important;
background-size: cover !important;
padding-bottom: 5% !important;
}
.killer-text {
font-size: 16px !important;
}
.section-eight {
background: url("../../assets/img/carousel-bg-sm.png") no-repeat center !important;
background-size: contain !important;
margin: auto auto 8% auto !important;
padding-top: 50px !important;
}
.power {
margin-top: 9% !important;
}
.section-nine {
padding-top: 0 !important;
}
.section-ten {
background: url("../../assets/img/ten_sm.png") no-repeat top 25% center !important;
background-size: cover !important;
margin-top: -30% !important;
padding-top: 100% !important;
padding-bottom: 135% !important;
}
.plus {
display: none !important;
}
.plus-sm {
background-color: #1f1f23 !important;
}
.plus-sm h2 {
font-size: 14px !important;
color: #fff !important;
font-weight: bold !important;
text-align: center !important;
position: relative !important;
margin-right: 5% !important;
margin-left: 20%;
}
.plus-sm img {
position: absolute !important;
left: 0 !important;
max-width: 40px !important;
}
.unlock-box {
background: #f98b09 url("../../assets/img/unlock-bg-sm.png") no-repeat !important;
background-size: cover !important;
border-radius: 35px !important;
padding-bottom: 40px !important;
margin: -5% !important;
}
.unlock-shape {
border-radius: 35px !important;
padding: 20px 20px 5px 20px !important;
}
.unlock-shape-2 {
border-radius: 55px !important;
padding: 20px 0 5px 40px !important;
}
.unlock-shape-2 {
max-height: none !important;
}
.commercial {
max-width: 50% !important;
margin: auto !important;
}
.unlock-btn {
padding-top: 5% !important;
margin-top: -30px !important;
max-width: 100% !important;
margin-left: auto !important;
margin-right: auto !important;
}
.pricing h2 {
font-size: 2.125rem;
}
.zero-box {
background: url("../../assets/img/zerobg-sm.jpg") no-repeat bottom !important;
background-size: cover !important;
border-radius: 35px !important;
padding: initial !important;
margin: -5% !important;
}
.section-twelve {
padding-top: 90px !important;
}
.like-img img {
left: 30% !important;
max-width: 40% !important;
margin: -63px auto 0 auto !important;
}
.zero-box h1 {
padding-top: 20% !important;
}
.pro {
font-size: 1.5rem;
color: #fff;
}
.hot-trend {
font-size: 16px !important;
}
.magical {
font-size: 16px !important;
}
.pricing h1 {
font-size: 30px !important;
}
.pricing h3 {
font-size: 16px !important;
}
.pricing h2 {
font-size: 36px !important;
}
.faq {
margin-top: 5% !important;
border-radius: 35px !important;
}
.faq h1 {
font-size: 35px !important;
}
.ques-head {
margin: 10% auto 10% auto !important;
}
.panel-title {
border-radius: 50px !important;
font-size: 16px !important;
margin-bottom: 5% !important;
}
.panel-body p {
font-size: 14px !important;
padding-left: 3% !important;
}
.panel-group .panel {
border-radius: 50px !important;
}
.panel-default > .panel-heading {
border-radius: 50px !important;
}
.no-thanks {
font-size: 14px !important;
margin-bottom: 80% !important;
}
.section-footer {
background: url("../../assets/img/footershape-sm.jpg") no-repeat top center !important;
background-color: rgba(0, 0, 0, 0) !important;
background-color: #f98b09 !important;
background-size: cover !important;
}
.get-factors {
padding-top: 10%;
font-size: 20px !important;
}
.up-halo p {
font-size: 15px !important;
}
.footer-text {
font-size: 14px !important;
}
.pre-btm-box {
max-width: 100% !important;
margin-left: 0 !important;
margin-top: 8% !important;
margin-bottom: 8% !important;
}
.footer-man {
margin-top: -76% !important;
position: relative !important;
z-index: 1 !important;
max-width: 100% !important;
}
.get-factors {
font-weight: bold;
margin: -63% 0 auto auto !important;
padding-right: 6% !important;
}
.section-four {
margin-top: -130px !important;
}
.box-title {
max-width: 100% !important;
}
.footer-btn {
max-width: 100% !important;
margin-right: 0 !important;
margin-top: 5% !important;
margin-bottom: 5% !important;
}
.cards_payment img {
max-width: 100% !important;
}
.more-less img {
width: 30px !important;
}
}
@media only screen and (min-width: 420px) and (max-width: 430px) {
.unlock-shape-2 {
border-radius: 55px !important;
padding: 20px 0 5px 45px !important;
}
.get-factors {
font-weight: bold;
margin: -63% 0 auto auto !important;
padding-right: 10% !important;
}
.up-halo p {
padding-right: 5% !important;
}
}
@media only screen and (min-width: 430px) and (max-width: 445px) {
.unlock-shape-2 {
border-radius: 55px !important;
padding: 20px 0 5px 55px !important;
}
}
@media only screen and (min-width: 445px) and (max-width: 460px) {
.unlock-shape-2 {
border-radius: 55px !important;
padding: 20px 0 5px 65px !important;
}
}
@media only screen and (min-width: 461px) and (max-width: 480px) {
.unlock-shape-2 {
border-radius: 55px !important;
padding: 20px 0 5px 75px !important;
}
}
/*MOBILE RESOLUTIONS ENDS HERE*/
@media only screen and (min-width: 481px) and (max-width: 500px) {
.video_btn img {
position: relative !important;
z-index: 1 !important;
max-width: 100% !important;
}
.app-one-sm {
max-width: 375px !important;
margin: auto !important;
}
.world {
font-size: 18px !important;
padding: 0 6% 0 7% !important;
}
body {
font-size: 15px !important;
}
h1 {
font-size: 28px !important;
}
.step-head {
font-size: 16px !important;
}
.four-apps {
max-width: 100% !important;
margin-top: 5% !important;
text-align: center !important;
}
.four-apps img {
max-width: 317px !important;
margin: auto !important;
}
.boost-traffic {
text-align: center;
margin-top: 5% !important;
}
.boost-traffic h1 {
font-size: 6vw !important;
}
.section-two {
background: url("../../assets/img/video-l-sm.png") top 60% left no-repeat,
url("../../assets/img/video-r-sm.png") top 60% right no-repeat !important;
padding-top: 130px !important;
}
.video-head h1 {
font-size: 24px !important;
}
.video-frame {
border: 3px solid #f98b09 !important;
border-radius: 15px !important;
width: 95% !important;
}
.video-flame-top {
top: -9% !important;
left: -4% !important;
width: 18% !important;
}
.video-flame-bottom {
bottom: -9% !important;
right: -3% !important;
width: 18% !important;
}
.boxes {
max-width: 375px !important;
margin-top: auto !important;
margin: auto !important;
}
.cards_payment {
max-width: 70% !important;
margin: auto;
}
.price img {
max-width: 375px !important;
position: relative !important;
}
.section-three {
padding-top: 10% !important;
}
.s-t-text {
font-size: 12px !important;
}
.section-four {
background-size: contain !important;
padding-top: 0 !important;
}
.section-five {
background: url("../../assets/img/divider-bg-sm.png") no-repeat bottom
center !important;
background-size: 100% !important;
margin-top: -50% !important;
}
.engage {
text-align: left !important;
padding-left: 10% !important;
}
.remember {
margin-top: 15px;
}
.remember-box {
width: 100% !important;
border-radius: 50px !important;
padding: 25px 5px 20px 5px !important;
}
.remember-box h2 {
font-size: 16px !important;
}
.remember-1,
.remember-2 {
background-image: url("../../assets/img/flame1-sm.png"),
linear-gradient(
180deg,
rgb(255, 68, 44) 0%,
rgb(255, 68, 44) 50%,
rgb(31, 31, 35) 50%,
rgb(31, 31, 35) 100%
) !important;
max-height: none !important;
margin: 2em -1.5em auto -1.5em !important;
background-position: top !important;
background-repeat: no-repeat !important;
}
.remember-1 p {
width: 100%;
padding-top: 40% !important;
padding-left: 0 !important ;
text-align: center !important;
}
.remember-1 img {
max-width: 100% !important;
}
.remember-2 p {
text-align: center !important;
padding-top: 20% !important;
padding-left: 0 !important ;
}
.remember-1 img {
margin-top: auto !important;
margin-top: -15% !important;
}
.remember-2 img {
max-width: 100% !important;
margin-left: -10%;
margin-top: -22% !important;
}
.section-six {
padding-top: 0 !important;
margin-top: 0 !important;
background-size: contain !important;
}
.section-seven {
background: url("../../assets/img/flames-sm.png") no-repeat top 100% center !important;
background-size: cover !important;
padding-bottom: 5% !important;
}
.killer-text {
font-size: 16px !important;
}
.section-eight {
background: url("../../assets/img/carousel-bg-sm.png") no-repeat center !important;
background-size: contain !important;
margin: auto auto 8% auto !important;
padding-top: 50px !important;
}
.power {
margin-top: 9% !important;
}
.section-nine {
padding-top: 0 !important;
}
.section-ten {
background: url("../../assets/img/ten_sm.png") no-repeat top 25% center !important;
background-size: cover !important;
margin-top: -30% !important;
padding-top: 100% !important;
padding-bottom: 140% !important;
}
.plus {
display: none !important;
}
.plus-sm {
background-color: #1f1f23 !important;
}
.plus-sm h2 {
font-size: 18px !important;
color: #fff !important;
font-weight: bold !important;
text-align: center !important;
position: relative !important;
margin-right: 5% !important;
margin-left: 20%;
}
.plus-sm img {
position: absolute !important;
left: 0 !important;
max-width: 50px !important;
}
.unlock-box {
background: #f98b09 url("../../assets/img/unlock-bg-sm.png") no-repeat !important;
background-size: cover !important;
border-radius: 35px !important;
padding-bottom: 40px !important;
margin: -5% !important;
}
.unlock-shape {
border-radius: 35px !important;
padding: 20px 20px 5px 20px !important;
}
.unlock-shape-2 {
border-radius: 55px !important;
padding: 20px 24px 5px 24px !important;
}
.unlock-shape-2 {
max-height: none !important;
}
.commercial {
max-width: 50% !important;
margin: auto !important;
}
.unlock-btn {
padding-top: 5% !important;
margin-top: -30px !important;
max-width: 100% !important;
margin-left: auto !important;
margin-right: auto !important;
}
.pricing h2 {
font-size: 2.125rem;
}
.zero-box {
background: url("../../assets/img/zerobg-sm.jpg") no-repeat bottom !important;
background-size: cover !important;
border-radius: 35px !important;
padding: initial !important;
margin: -5% !important;
}
.section-twelve {
padding-top: 90px !important;
}
.like-img img {
left: 30% !important;
max-width: 40% !important;
margin: -63px auto 0 auto !important;
}
.zero-box h1 {
padding-top: 20% !important;
}
.pro {
font-size: 1.5rem;
color: #fff;
}
.hot-trend {
font-size: 16px !important;
}
.magical {
font-size: 16px !important;
}
.pricing h1 {
font-size: 30px !important;
}
.pricing h3 {
font-size: 16px !important;
}
.pricing h2 {
font-size: 36px !important;
}
.faq {
margin-top: 5% !important;
border-radius: 35px !important;
}
.faq h1 {
font-size: 35px !important;
}
.ques-head {
margin: 10% auto 10% auto !important;
}
.panel-title {
border-radius: 50px !important;
font-size: 16px !important;
margin-bottom: 5% !important;
}
.panel-body p {
font-size: 14px !important;
}
.panel-group .panel {
border-radius: 50px !important;
}
.panel-default > .panel-heading {
border-radius: 50px !important;
}
.no-thanks {
font-size: 14px !important;
margin-bottom: 80% !important;
}
.section-footer {
background: url("../../assets/img/footershape-sm.jpg") no-repeat top center !important;
background-color: rgba(0, 0, 0, 0) !important;
background-color: #f98b09 !important;
background-size: cover !important;
}
.get-factors {
padding-top: 10%;
font-size: 24px !important;
}
.up-halo p {
font-size: 18px !important;
}
.footer-text {
font-size: 16px !important;
}
.pre-btm-box {
max-width: 100% !important;
margin-left: 0 !important;
margin-top: 8% !important;
margin-bottom: 8% !important;
}
.footer-man {
margin-top: -76% !important;
position: relative !important;
z-index: 1 !important;
max-width: 100% !important;
}
.get-factors {
font-weight: bold;
margin: -63% 0 auto auto !important;
padding-right: 8% !important;
}
.section-four {
margin-top: -130px !important;
}
.box-title {
max-width: 100% !important;
}
.footer-btn {
max-width: 100% !important;
margin-right: 0 !important;
margin-top: 5% !important;
margin-bottom: 5% !important;
}
.cards_payment img {
max-width: 100% !important;
}
.more-less img {
width: 30px !important;
}
.card1-360,
.card2-360,
.card3-360 {
margin-top: 5% !important;
}
}
@media only screen and (min-width: 501px) and (max-width: 575px) {
.trend-man img{
max-width: 600px !important;
margin: auto !important;
}
.browser-icons img{
max-width: 500px !important;
margin: auto !important;
}
.halo-md p {
margin-top: 20% !important;
}
.video_btn img {
position: relative !important;
z-index: -1 !important;
max-width: 100% !important;
}
.app-one-sm {
max-width: 375px !important;
margin: auto !important;
}
.world {
font-size: 18px !important;
padding: 0 6% 0 7% !important;
}
body {
font-size: 15px !important;
}
h1 {
font-size: 28px !important;
}
.boxes img {
max-width: 100% !important;
margin: auto !important;
}
.step-head {
font-size: 16px !important;
}
.four-apps {
max-width: 100% !important;
margin-top: 5% !important;
text-align: center !important;
}
.four-apps img {
max-width: 317px !important;
margin: auto !important;
}
.boost-traffic {
text-align: center;
margin-top: 5% !important;
}
.boost-traffic h1 {
font-size: 6vw !important;
}
.section-two {
background: url("../../assets/img/video-l-sm.png") top 60% left no-repeat,
url("../../assets/img/video-r-sm.png") top 60% right no-repeat !important;
padding-top: 130px !important;
}
.video-head h1 {
font-size: 24px !important;
}
.video-frame {
border: 3px solid #f98b09 !important;
border-radius: 15px !important;
width: 95% !important;
}
.video-flame-top {
top: -9% !important;
left: -4% !important;
width: 18% !important;
}
.video-flame-bottom {
bottom: -9% !important;
right: -2% !important;
width: 18% !important;
}
.boxes {
margin-top: auto !important;
}
.cards_payment {
max-width: 70% !important;
margin: auto;
}
.price img {
max-width: 375px !important;
position: relative !important;
}
.section-three {
padding-top: 10% !important;
margin-top: -15% !important;
}
.s-t-text {
font-size: 12px !important;
}
.section-four {
background-size: contain !important;
padding-top: 0 !important;
margin-top: -15px !important;
}
.section-five {
background: url("../../assets/img/divider-bg-sm.png") no-repeat bottom
center !important;
background-size: 100% !important;
margin-top: -50% !important;
}
.engage {
text-align: left !important;
padding-left: 10% !important;
}
.remember {
margin-top: 15px;
}
.remember-box {
width: 100% !important;
border-radius: 50px !important;
padding: 25px 5px 20px 5px !important;
}
.remember-box h2 {
font-size: 16px !important;
}
.remember-1,
.remember-2 {
background-image: url("../../assets/img/flame1-sm.png"),
linear-gradient(
180deg,
rgb(255, 68, 44) 0%,
rgb(255, 68, 44) 50%,
rgb(31, 31, 35) 50%,
rgb(31, 31, 35) 100%
) !important;
max-height: none !important;
margin: 2em -1.5em auto -1.5em !important;
background-position: top !important;
background-repeat: no-repeat !important;
}
.remember-1 p {
width: 100%;
padding-top: 40% !important;
padding-left: 0 !important ;
text-align: center !important;
}
.remember-1 img {
max-width: 100% !important;
}
.remember-2 p {
text-align: center !important;
padding-top: 20% !important;
padding-left: 0 !important ;
}
.remember-1 img {
margin-top: auto !important;
margin-top: -15% !important;
}
.remember-2 img {
max-width: 100% !important;
margin-left: -10%;
margin-top: -22% !important;
}
.section-six {
padding-top: 0 !important;
margin-top: 0 !important;
background-size: contain !important;
}
.section-seven {
background: url("../../assets/img/flames-sm.png") no-repeat top 100% center !important;
background-size: cover !important;
padding-bottom: 5% !important;
}
.killer-text {
font-size: 16px !important;
}
.section-eight {
background: url("../../assets/img/carousel-bg-sm.png") no-repeat center !important;
background-size: contain !important;
margin: auto auto 8% auto !important;
padding-top: 50px !important;
}
.power {
margin-top: 9% !important;
}
.section-nine {
padding-top: 0 !important;
}
.section-ten {
background: url("../../assets/img/ten_sm.png") no-repeat top 25% center !important;
background-size: cover !important;
margin-top: -30% !important;
padding-top: 100% !important;
padding-bottom: 160% !important;
}
.plus {
display: none !important;
}
.plus-sm {
background-color: #1f1f23 !important;
}
.plus-sm h2 {
font-size: 18px !important;
color: #fff !important;
font-weight: bold !important;
text-align: center !important;
position: relative !important;
margin-right: 5% !important;
margin-left: 20%;
}
.plus-sm img {
position: absolute !important;
left: 0 !important;
max-width: 50px !important;
}
.unlock-box {
background: #f98b09 url("../../assets/img/unlock-bg-sm.png") no-repeat !important;
background-size: cover !important;
border-radius: 35px !important;
padding-bottom: 40px !important;
margin: -5% !important;
}
.unlock-shape {
border-radius: 35px !important;
padding: 20px 20px 5px 20px !important;
}
.unlock-shape-2 {
border-radius: 55px !important;
padding: 20px 24px 5px 24px !important;
}
.unlock-shape-2 {
max-height: none !important;
}
.commercial {
max-width: 50% !important;
margin: auto !important;
}
.unlock-btn {
padding-top: 5% !important;
margin-top: -30px !important;
max-width: 100% !important;
margin-left: auto !important;
margin-right: auto !important;
}
.pricing h2 {
font-size: 2.125rem;
}
.zero-box {
background: url("../../assets/img/zerobg-sm.jpg") no-repeat bottom !important;
background-size: cover !important;
border-radius: 35px !important;
padding: initial !important;
margin: -5% !important;
}
.section-twelve {
padding-top: 90px !important;
}
.like-img img {
left: 30% !important;
max-width: 40% !important;
margin: -63px auto 0 auto !important;
}
.zero-box h1 {
padding-top: 25% !important;
}
.pro {
font-size: 1.5rem;
color: #fff;
}
.hot-trend {
font-size: 16px !important;
}
.magical {
font-size: 16px !important;
}
.pricing h1 {
font-size: 30px !important;
}
.pricing h3 {
font-size: 16px !important;
}
.pricing h2 {
font-size: 36px !important;
}
.faq {
margin-top: 5% !important;
border-radius: 35px !important;
}
.faq h1 {
font-size: 35px !important;
}
.ques-head {
margin: 10% auto 10% auto !important;
}
.panel-title {
border-radius: 50px !important;
font-size: 16px !important;
margin-bottom: 5% !important;
}
.panel-body p {
font-size: 14px !important;
}
.panel-group .panel {
border-radius: 50px !important;
}
.panel-default > .panel-heading {
border-radius: 50px !important;
}
.no-thanks {
font-size: 14px !important;
margin-bottom: 80% !important;
}
.section-footer {
background: url("../../assets/img/footershape-sm.jpg") no-repeat top center !important;
background-color: rgba(0, 0, 0, 0) !important;
background-color: #f98b09 !important;
background-size: cover !important;
}
.get-factors {
padding-top: 10%;
font-size: 24px !important;
}
.up-halo p {
font-size: 18px !important;
}
.footer-text {
font-size: 16px !important;
}
.pre-btm-box {
max-width: 100% !important;
margin-left: 0 !important;
margin-top: 8% !important;
margin-bottom: 8% !important;
}
.footer-man {
margin-top: -76% !important;
position: relative !important;
z-index: 1 !important;
max-width: 100% !important;
}
.get-factors {
font-weight: bold;
margin: -63% 0 auto auto !important;
padding-right: 19% !important;
}
.section-four {
margin-top: -130px !important;
}
.box-title {
max-width: 100% !important;
}
.footer-btn {
max-width: 100% !important;
margin-right: 0 !important;
margin-top: 5% !important;
margin-bottom: 5% !important;
}
.cards_payment img {
max-width: 100% !important;
}
.more-less img {
width: 30px !important;
}
.card1-360,
.card2-360,
.card3-360 {
margin-top: 15% !important;
}
.every-month span{
font-size: 22px !important;
}
}
@media only screen and (min-width: 576px) and (max-width: 650px) {
.video_btn img {
max-width: 100% !important;
}
.container,
.container-sm {
max-width: 620px !important;
}
h1 {
font-size: 6.957vw !important;
}
p {
font-size: 2.783vw !important;
}
.pre-btm-box {
max-width: 100% !important;
margin-left: 0 !important;
margin-top: 0 !important;
}
.panel-body p {
font-size: 2.783vw !important;
}
.plus {
max-width: 1310px !important;
}
.plus h2 {
font-size: 17px !important;
}
.plus img {
display: none;
}
.section-two {
padding-bottom: 20px !important;
}
.flame-bottom {
padding-bottom: 5% !important;
}
.box-title {
max-width: 100% !important;
}
.cards_payment img {
max-width: 50% !important;
}
.remember-1 img {
max-width: 100% !important;
}
.commercial img {
max-width: 50% !important;
margin: auto !important;
}
.remember-2 img {
max-width: 100% !important;
}
.four-apps {
margin-top: auto !important;
}
.four-apps img{
max-width: 100%!important;
}
.boost-traffic h1{
font-size: 3.478vw!important;
}
.boxes {
margin-top: auto !important;
}
.boxes img{
max-width: 125% !important;
}
.video-flame-top {
top: -12% !important;
left: auto !important;
width: 20% !important;
}
.video-flame-bottom {
bottom: -9% !important;
right: 0 !important;
width: 20% !important;
z-index: 1;
}
.section-four {
background-size: contain !important;
padding-top: 0 !important;
margin-top: 0 !important;
}
.section-five {
margin-top: -200px !important;
}
.remember-box {
width: 100% !important;
border-radius: 25px !important;
padding: 35px 20px 30px 20px !important;
}
.remember-box h2 {
font-size: 1.5rem !important;
}
.remember-1,
.remember-2 {
background: url("../../assets/img/flame.png") no-repeat top center,
linear-gradient(
180deg,
rgb(255, 68, 44) 0%,
rgb(255, 68, 44) 50%,
rgb(31, 31, 35) 50%,
rgb(31, 31, 35) 100%
) !important;
max-height: none !important;
margin: 2em auto !important;
}
.remember h1 {
font-size: 50px !important;
}
.remember-1 img {
margin-top: auto !important;
}
.remember-2 img {
margin-top: auto !important;
}
.section-six {
padding-top: 0 !important;
margin-top: 0 !important;
background-size: contain !important;
}
.section-eight {
background-size: cover !important;
padding-bottom: 152px !important;
background-position: center !important;
}
.section-nine {
padding-top: 0 !important;
}
.unlock-shape,
.unlock-shape-2 {
border-radius: 15px !important;
padding: 20px 20px 5px 20px !important;
}
.unlock-shape-2 {
max-height: none !important;
}
.commercial {
margin-top: auto !important;
}
.unlock-btn {
margin-top: -58px !important;
max-width: 75% !important;
margin-left: auto !important;
margin-right: auto !important;
}
.pricing h2 {
font-size: 2.125rem !important;
}
.zero-box {
padding: initial !important;
padding-top: 1rem !important;
}
.section-twelve {
padding-top: 90px !important;
}
.like {
margin-top: -63px !important;
width: 25% !important;
}
.pricing h1 {
font-size: 2.125rem !important;
}
.section-footer {
background-size: contain !important;
}
.section-fourteen {
padding-bottom: 50% !important;
}
.footer-man {
max-width: 66% !important;
margin-top: -47% !important;
}
.footer-btn {
max-width: 100% !important;
margin-right: 0 !important;
}
.no-thanks {
margin: auto !important;
padding-bottom: 5% !important;
}
.panel-title {
font-size: 20px !important;
margin-bottom: 5% !important;
}
}
@media only screen and (min-width: 651px) and (max-width: 700px) {
.video_btn img {
max-width: 100% !important;
}
.container,
.container-sm {
max-width: 650px !important;
}
h1 {
font-size: 4.608vw !important;
}
p {
font-size: 16px !important;
}
.step {
margin-top: 10% !important;
}
.pre-btm-box {
max-width: 100% !important;
margin-left: 0 !important;
margin-top: 0 !important;
}
.footer-man {
max-width: 66% !important;
margin-top: -47% !important;
}
.panel-title {
margin-bottom: 5% !important;
font-size: 24px !important;
}
.panel-body p {
font-size: 16px !important;
}
.footer-btn {
max-width: 100% !important;
margin-right: 0 !important;
}
.section-fourteen {
padding-bottom: 40% !important;
}
.section-footer {
background-size: contain !important;
}
.pre-btm-box {
max-width: 80% !important;
margin: auto !important;
}
.plus {
display: none !important;
}
.plus-sm {
display: block !important;
background-color: #1f1f23 !important;
}
.plus-sm h2 {
font-size: 22px !important;
color: #fff !important;
font-weight: bold !important;
text-align: center !important;
position: relative !important;
margin-right: 5% !important;
margin-left: 30%;
}
.plus-sm img {
position: absolute !important;
left: 0 !important;
max-width: 65px !important;
}
.section-two {
padding-bottom: 20px !important;
}
.flame-bottom {
padding-bottom: 5% !important;
}
.cards_payment img {
max-width: 50% !important;
}
.box-title {
max-width: 100% !important;
}
.step {
font-size: 1.575rem !important;
}
.footer-text {
margin: -10% auto auto auto !important;
}
.get-factors {
margin: -30% 0 auto auto !important;
}
.section-fourteen {
padding-bottom: 12%;
}
.four-apps {
margin-top: auto !important;
}
.four-apps img{
max-width: 66% !important;
}
.boost-traffic h1{
font-size: 3.408vw !important;
}
.boxes {
margin-top: auto !important;
}
.boxes img{
max-width: 125% !important;
}
.video-flame-top {
top: -12% !important;
left: auto !important;
width: 20% !important;
}
.video-flame-bottom {
bottom: -9% !important;
right: 0 !important;
width: 20% !important;
z-index: 1;
}
.section-four {
background-size: cover !important;
padding-top: 0 !important;
margin-top: 0 !important;
}
.remember-box {
width: 100% !important;
border-radius: 25px !important;
padding: 35px 20px 30px 20px !important;
}
.remember h1 {
font-size: 4rem !important;
}
.remember-box h2 {
font-size: 1.5rem !important;
}
.remember-1,
.remember-2 {
background: url("../../assets/img/flame.png") no-repeat top center,
linear-gradient(
180deg,
rgb(255, 68, 44) 0%,
rgb(255, 68, 44) 50%,
rgb(31, 31, 35) 50%,
rgb(31, 31, 35) 100%
) !important;
max-height: none !important;
margin: 2em auto !important;
background-size: cover !important;
}
.remember-1 img {
margin-top: auto !important;
}
.remember-2 img {
margin-top: auto !important;
}
.section-six {
padding-top: 0 !important;
margin-top: 0 !important;
background-size: contain !important;
}
.section-eight {
background-size: cover !important;
padding-bottom: 152px !important;
background-position: center !important;
}
.section-nine {
padding-top: 0 !important;
}
.unlock-shape,
.unlock-shape-2 {
border-radius: 15px !important;
padding: 20px 20px 5px 20px !important;
}
.unlock-shape-2 {
max-height: none !important;
}
.commercial {
margin-top: auto !important;
}
.unlock-btn {
margin-top: -43px !important;
max-width: 75% !important;
margin-left: auto !important;
margin-right: auto !important;
}
.pricing h2 {
font-size: 2.125rem;
}
.pricing h1 {
padding-top: 5% !important;
font-size: 40px !important;
}
.pricing h3 {
font-size: 20px !important;
}
.zero-box {
padding: initial !important;
padding-top: 1rem !important;
}
.section-twelve {
padding-top: 90px !important;
}
.like {
margin-top: -63px !important;
width: 25% !important;
}
.halo {
max-height: 100% !important;
}
.section-five {
margin-top: -250px !important;
}
}
@media only screen and (min-width: 701px) and (max-width: 767px) {
.video_btn img {
max-width: 100% !important;
}
.container,
.container-sm {
max-width: 650px !important;
}
h1 {
font-size: 4.608vw !important;
}
p {
font-size: 16px !important;
}
.boost-traffic h1 {
font-size: 3.408vw !important;
}
.step {
margin-top: 7% !important;
}
.pre-btm-box {
max-width: 100% !important;
margin-left: 0 !important;
margin-top: 0 !important;
}
.footer-man {
max-width: 66% !important;
margin-top: -47% !important;
}
.panel-title {
margin-bottom: 5% !important;
font-size: 24px !important;
}
.panel-body p {
font-size: 16px !important;
}
.footer-btn {
max-width: 100% !important;
margin-right: 0 !important;
}
.section-fourteen {
padding-bottom: 40% !important;
}
.section-footer {
background-size: contain !important;
}
.pre-btm-box {
max-width: 80% !important;
margin: auto !important;
}
.plus {
display: none !important;
}
.plus-sm {
display: block !important;
background-color: #1f1f23 !important;
}
.plus-sm h2 {
font-size: 22px !important;
color: #fff !important;
font-weight: bold !important;
text-align: center !important;
position: relative !important;
margin-right: 5% !important;
margin-left: 30%;
}
.plus-sm img {
position: absolute !important;
left: 0 !important;
max-width: 65px !important;
}
.section-two {
padding-bottom: 20px !important;
}
.flame-bottom {
padding-bottom: 5% !important;
}
.cards_payment img {
max-width: 50% !important;
}
.box-title {
max-width: 100% !important;
}
.step {
font-size: 1.575rem !important;
}
.footer-text {
margin: -10% auto auto auto !important;
}
.get-factors {
margin: -30% 0 auto auto !important;
}
.section-fourteen {
padding-bottom: 12%;
}
.four-apps {
margin-top: auto !important;
}
.four-apps img{
max-width: 66%!important;
}
.boxes {
margin-top: auto !important;
}
.boxes img{
max-width: 125% !important;
}
.video-flame-top {
top: -12% !important;
left: auto !important;
width: 20% !important;
}
.video-flame-bottom {
bottom: -9% !important;
right: 0 !important;
width: 20% !important;
z-index: 1;
}
.section-four {
background-size: cover !important;
padding-top: 0 !important;
margin-top: 0 !important;
}
.remember-box {
width: 100% !important;
border-radius: 25px !important;
padding: 35px 20px 30px 20px !important;
}
.remember h1 {
font-size: 4rem !important;
}
.remember-box h2 {
font-size: 1.5rem !important;
}
.remember-1,
.remember-2 {
background: url("../../assets/img/flame.png") no-repeat top center,
linear-gradient(
180deg,
rgb(255, 68, 44) 0%,
rgb(255, 68, 44) 50%,
rgb(31, 31, 35) 50%,
rgb(31, 31, 35) 100%
) !important;
max-height: none !important;
margin: 2em auto !important;
background-size: cover !important;
}
.remember-1 img {
margin-top: auto !important;
}
.remember-2 img {
margin-top: auto !important;
}
.section-six {
padding-top: 0 !important;
margin-top: 0 !important;
background-size: contain !important;
}
.section-eight {
background-size: cover !important;
padding-bottom: 152px !important;
background-position: center !important;
}
.section-nine {
padding-top: 0 !important;
}
.unlock-shape,
.unlock-shape-2 {
border-radius: 15px !important;
padding: 20px 20px 5px 20px !important;
}
.unlock-shape-2 {
max-height: none !important;
}
.commercial {
margin-top: auto !important;
}
.unlock-btn {
margin-top: -43px !important;
max-width: 75% !important;
margin-left: auto !important;
margin-right: auto !important;
}
.pricing h2 {
font-size: 2.125rem;
}
.pricing h1 {
padding-top: 5% !important;
font-size: 40px !important;
}
.pricing h3 {
font-size: 20px !important;
}
.zero-box {
padding: initial !important;
padding-top: 1rem !important;
}
.section-twelve {
padding-top: 90px !important;
}
.like {
margin-top: -63px !important;
width: 25% !important;
}
.halo {
max-height: 100% !important;
}
.section-five {
margin-top: -250px !important;
}
}
@media only screen and (min-width: 768px) and (max-width: 850px) {
.video-head {
max-width: 584px !important;
}
.one-tap h1{
font-size: 2rem !important;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.commercial {
max-width: 45% !important;
margin: auto !important;
}
h1{
font-size: 4.557vw !important;
}
p{
font-size: 2.083vw !important;
}
.video_btn img {
max-width: 100% !important;
}
.step {
margin-top: 5% !important;
}
.pre-btm-box {
max-width: 100% !important;
margin-left: 0 !important;
margin-top: 0 !important;
}
.footer-man {
max-width: 66% !important;
margin-top: -47% !important;
}
.panel-body p {
font-size: 16px !important;
}
.footer-btn {
max-width: 100% !important;
margin-right: 0 !important;
}
.section-fourteen {
padding-bottom: 40% !important;
}
.section-footer {
background-size: contain !important;
}
.pre-btm-box {
max-width: 80% !important;
margin: auto !important;
}
.plus {
display: none !important;
}
.plus-sm {
display: block !important;
background-color: #1f1f23 !important;
}
.plus-sm h2 {
font-size: 22px !important;
color: #fff !important;
font-weight: bold !important;
text-align: center !important;
position: relative !important;
margin-right: 5% !important;
margin-left: 30%;
}
.plus-sm img {
position: absolute !important;
left: 0 !important;
max-width: 65px !important;
}
.section-two {
padding-bottom: 20px !important;
}
.flame-bottom {
padding-bottom: 5% !important;
}
.cards_payment img {
max-width: 50% !important;
}
.box-title {
max-width: 100% !important;
}
.step {
font-size: 1.575rem !important;
}
.footer-text {
margin: -10% auto auto auto !important;
}
.get-factors {
margin: -30% 0 auto auto !important;
}
.section-fourteen {
padding-bottom: 12%;
}
.four-apps {
margin-top: auto !important;
}
.four-apps img{
max-width: 66% !important;
}
.boost-traffic H1{
font-size: 3.508vw!important;
}
.boxes {
margin-top: auto !important;
}
.boxes img{
max-width: 125% !important;
}
.video-flame-top {
top: -12% !important;
left: auto !important;
width: 20% !important;
}
.video-flame-bottom {
bottom: -9% !important;
right: 0 !important;
width: 20% !important;
z-index: 1;
}
.section-four {
background-size: cover !important;
padding-top: 0 !important;
margin-top: 0 !important;
}
.remember-box {
width: 100% !important;
border-radius: 25px !important;
padding: 35px 20px 30px 20px !important;
}
.remember h1 {
font-size: 4rem !important;
}
.remember-box h2 {
font-size: 1.5rem !important;
}
.remember-1,
.remember-2 {
background: url("../../assets/img/flame.png") no-repeat top center,
linear-gradient(
180deg,
rgb(255, 68, 44) 0%,
rgb(255, 68, 44) 50%,
rgb(31, 31, 35) 50%,
rgb(31, 31, 35) 100%
) !important;
max-height: none !important;
margin: 2em auto !important;
background-size: cover !important;
}
.remember-1 img {
margin-top: auto !important;
}
.remember-2 img {
margin-top: auto !important;
}
.section-six {
padding-top: 0 !important;
margin-top: 0 !important;
background-size: contain !important;
}
.section-eight {
background-size: cover !important;
padding-bottom: 152px !important;
background-position: center !important;
}
.section-nine {
padding-top: 0 !important;
}
.unlock-shape,
.unlock-shape-2 {
border-radius: 15px !important;
padding: 20px 20px 5px 20px !important;
}
.unlock-shape-2 {
max-height: none !important;
}
.commercial {
margin-top: auto !important;
}
.unlock-btn {
margin-top: -80px !important;
max-width: 75% !important;
margin-left: auto !important;
margin-right: auto !important;
}
.pricing h2 {
font-size: 2.125rem;
}
.pricing h1 {
padding-top: 5% !important;
font-size: 60px !important;
}
.zero-box {
padding: initial !important;
padding-top: 1rem !important;
}
.section-twelve {
padding-top: 90px !important;
}
.like {
margin-top: -63px !important;
width: 25% !important;
}
.halo {
max-height: 100% !important;
}
.section-five {
margin-top: -250px !important;
}
.section-ten {
padding-bottom: 1573px !important;
}
.panel-title {
font-size: 1.3rem !important;
}
}
@media only screen and (min-width: 992px) and (max-width: 1140px) {
.carousel_img {
margin-top:25% !important ;
}
.remember h1 {
font-size: 5rem !important;
}
.remember-1 img, .remember-2 img {
margin-left: -15% !important;
}
p{
font-size:18px !important ;
}
.section-one {
margin-top: 5% !important;
}
.halo-md p {
font-size: 18px !important;
}
.section-eight {
padding-bottom: 5% !important;
}
.remember-2 img {
margin-left: -25% !important;
}
.text-lg-left {
margin-top: 0 !important;
padding-top: 0 !important;
}
.video-flame-top {
left: 1.5% !important;
}
.video-flame-bottom {
bottom: -11% !important;
right: -0.5% !important;
}
.video-head {
max-width: 900px !important;
}
.video_btn img {
max-width: 85% !important;
}
.box-title {
max-width: 100% !important;
}
.box-text {
font-size: 32px !important;
}
.boxes {
margin-top: -70px !important;
}
.boxes img{
max-width: 125%!important;
}
.boost-traffic h1 {
font-size: 3.528vw !important;
}
.four-apps img{
max-width: 66% !important;
}
.section-six {
background-position: center !important;
}
.plus-sm {
display: none !important;
background-color: #1f1f23 !important;
}
.plus h2 {
font-size: 22px !important;
}
.step {
font-size: 1.575rem !important;
}
.footer-text {
margin: -10% auto auto auto !important;
}
.get-factors {
margin: -35% 50px auto auto !important;
}
.every-month{
margin-right: 10%!important;
}
.section-fourteen {
padding-bottom: 25%;
}
.one-tap h1{
font-size: 2.75rem !important;
}
.like {
margin-top: -170px !important;
margin-left: -12% !important;
}
.unlock-shape-2 {
padding: 20px 100px 5px 100px !important;
}
.unlock-btn {
max-width: 80% !important;
margin: -80px auto auto auto !important;
}
.remember-box {
width: 100% !important;
}
.section-seven {
margin-top: -50px !important;
}
.section-six {
padding-bottom: 200px !important;
}
.section-ten-part {
margin-top: -150px !important;
}
.commercial {
max-width: 100% !important;
}
.footer-btn {
margin-right: 0 !important;
}
.panel-body p {
font-size: 20px !important;
}
.footer-man {
margin-left: -10% !important;
max-width: 50% !important;
margin-top: -31% !important;
}
.section-footer {
background-size: contain !important;
}
.prezentar-img {
margin-top: 4% !important;
}
.unlock-shape-2 {
max-height: 110px !important;
}
.section-ten {
padding-bottom: 1631px !important;
}
}
@media only screen and (min-width: 1141px) and (max-width: 1199px) {
p{
font-size:22px !important ;
}
.section-one {
margin-top: 5% !important;
}
.halo-md p {
font-size: 18px !important;
}
.section-eight {
padding-bottom: 5% !important;
}
.remember-2 img {
margin-left: -25% !important;
}
.text-lg-left {
margin-top: 0 !important;
padding-top: 0 !important;
}
.video-flame-top {
left: 1.5% !important;
}
.video-flame-bottom {
bottom: -11% !important;
right: -0.5% !important;
}
.video-head {
max-width: 900px !important;
}
.video_btn img {
max-width: 85% !important;
}
.box-title {
max-width: 100% !important;
}
.box-text {
font-size: 32px !important;
}
.boxes {
margin-top: -70px !important;
}
.boxes img{
max-width: 125%!important;
}
.boost-traffic h1 {
font-size: 3.528vw !important;
}
.four-apps img{
max-width: 66% !important;
}
.section-six {
background-position: center !important;
}
.plus {
display: none !important;
}
.plus-sm {
display: block !important;
background-color: #1f1f23 !important;
}
.plus-sm h2 {
font-size: 22px !important;
color: #fff !important;
font-weight: bold !important;
text-align: center !important;
position: relative !important;
margin-right: 5% !important;
margin-left: 30%;
}
.plus-sm img {
position: absolute !important;
left: 0 !important;
max-width: 65px !important;
}
.step {
font-size: 1.575rem !important;
}
.footer-text {
margin: -10% auto auto auto !important;
}
.get-factors {
margin: -38% 0 auto auto !important;
}
.section-fourteen {
padding-bottom: 25%;
}
.like {
margin-top: -170px !important;
margin-left: -12% !important;
}
.unlock-shape-2 {
padding: 20px 100px 5px 100px !important;
}
.unlock-btn {
max-width: 80% !important;
margin: -80px auto auto auto !important;
}
.remember-1,
.remember-2 {
max-height: 365px !important;
}
.remember-box {
width: 100% !important;
}
.section-seven {
margin-top: -50px !important;
}
.section-six {
padding-bottom: 200px !important;
}
.section-ten-part {
margin-top: -150px !important;
}
.commercial {
max-width: 100% !important;
}
.footer-btn {
margin-right: 0 !important;
}
.panel-body p {
font-size: 20px !important;
}
.footer-man {
max-width: 50% !important;
margin-top: -31% !important;
}
.section-footer {
background-size: contain !important;
}
.prezentar-img {
margin-top: 4% !important;
}
.unlock-shape-2 {
max-height: 120px !important;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1280px) {
.section-ten-part {
margin-top: -130px !important;
}
.unlock-shape-2 {
max-height: 120px !important;
}
.flame-bottom {
padding-bottom: 30% !important;
}
.cards_payment img {
max-width: 30% !important;
}
.video-flame-top {
top: -7% !important;
left: 3% !important;
width: 20% !important;
}
.video-flame-bottom {
bottom: -9% !important;
right: 0 !important;
width: 20% !important;
z-index: 1;
}
.boost-traffic h1{
font-size: 3.650vw !important;
}
.video_btn img{
max-width: 85% !important;
}
.four-apps {
margin-top: auto !important;
}
.boxes {
margin-top: -75px !important;
}
.boxes img{
max-width: 125% !important;
}
/* .boost-traffic h1 {
font-size: 3rem !important;
} */
.box-text {
font-size: 2.75rem !important;
}
.section-seven {
margin-top: -60px !important;
}
.carousel_img img{
margin-top: 3% !important;
}
}
@media only screen and (min-width: 1281px) and (max-width: 1366px) {
.section-ten {
padding-bottom: 1352px !important;
}
.section-ten-part {
margin-top: -137px !important;
}
.video-flame-top {
top: -7% !important;
left: 3% !important;
width: 20% !important;
}
.cards-360 {
margin-top: -18% !important;
}
.four-apps {
margin-top: auto !important;
}
.boxes {
margin-top: -75px !important;
}
.boxes img{
max-width: 125% !important;
}
.boost-traffic h1 {
font-size: 3.513vw !important;
}
.box-text {
font-size: 2.75rem !important;
}
.section-eight {
padding-bottom: 5% !important;
}
.section-three {
padding-top: 34% !important;
margin-top: -48% !important;
}
.s-t-text {
max-width: 285px !important;
}
.panel-body p {
font-size: 20px !important;
}
}
@media only screen and (min-width: 1367px) and (max-width: 1440px) {
.cards-360 {
margin-top: -18% !important;
}
.boost-traffic h1{
font-size: 3.513vw !important;
}
.four-apps {
margin-top: auto !important;
}
.boxes {
margin-top: -75px !important;
}
.boxes img{
max-width: 125% !important;
}
.box-text {
font-size: 2.75rem !important;
}
.section-footer {
background-size: contain !important;
}
.footer-man {
margin-left: -5% !important;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1366px) {
.unlock-shape-2 {
max-height: 120px !important;
}
.box-title {
max-width: 100% !important;
}
.footer-text {
margin: -10% auto auto auto !important;
}
.get-factors {
margin: -39% 0 auto auto !important;
}
.section-fourteen {
padding-bottom: 15%;
}
.footer-btn {
margin-top: -11%;
margin-right: auto !important;
}
.footer-man {
margin-top: -25.5% !important;
margin-left: -4% !important;
}
.section-footer {
background-size: contain !important;
}
}
@media only screen and (min-width: 1441px) and (max-width: 1920px) {
.header {
height: 342px !important;
}
.section-footer {
background-size: cover !important;
}
.boost-traffic h1{
font-size: 3.513vw !important;
}
.boxes img{
max-width: 125% !important;
}
}
@media only screen and (min-width: 1921px) and (max-width: 2560px) {
.world {
font-size: 32px !important;
}
.badge {
max-width: 30% !important;
position: relative !important;
}
body {
font-size: 1.146vw !important;
margin: auto !important;
}
.container,
.container-xl {
max-width: 73.4375% !important;
margin: auto !important;
}
h1 {
font-size: 2.813vw !important;
}
h2 {
font-size: 1.667vw !important;
}
.header {
height: 400px !important;
}
.step {
font-size: 40px !important;
margin-top: -4% !important;
}
.buy-btn {
max-width: 70% !important;
}
.buy-btn-nine {
max-width: 40% !important;
}
.video-head {
max-width: 1281px !important;
}
.section-one{
margin-top: 5% !important;
}
.section-two {
background: url("../../assets/img/video-side-shapes.png") no-repeat !important;
background-size: 100% !important;
padding-top: 300px !important;
padding-bottom: 400px !important;
margin-top: -250px !important;
}
.video-frame {
max-width: 2284px !important;
/*max-height: 1140px !important;*/
margin-left: auto;
margin-right: auto;
border: 10px solid #f98b09 !important;
border-radius: 50px !important;
}
.video-flame-top {
max-width: 80% !important;
left: 0 !important;
}
.video-flame-bottom {
right: 0 !important;
max-width: 80% !important;
}
.video_btn img {
margin: auto !important;
max-width: 80% !important;
}
.cards_payment img {
max-width: 80% !important;
}
.price {
max-width: 80% !important;
margin: auto !important;
}
.section-three {
margin-top: -57% !important;
}
.one-app {
max-width: 933px !important;
}
.s-t-text {
max-width: 333px !important;
}
.halo {
max-height: 100% !important;
}
.reasons {
width: 100%;
max-width: 1359px !important;
}
.section-four {
background-image: url("../../assets/img/capture-shape-4k.png");
margin-top: -60% !important;
padding-bottom: 10% !important;
padding-top: 598px !important;
}
.engage {
max-width: 583px !important;
}
.remember-box {
max-width: 80% !important;
margin: auto !important;
border: 10px solid #1b1e21 !important;
}
.remember h1 {
font-size: 5vw !important;
}
.remember-1 {
margin-top: 5% !important;
}
.remember-1,
.remember-2 {
max-width: 1618px !important;
max-height: 413px !important;
border-radius: 50px !important;
}
.remember-1 p {
width: 100%;
max-width: 733px !important;
}
.remember-1 img,
.remember-2 img {
margin-top: -153px !important;
max-width: 100% !important;
}
.app-two {
width: 100%;
max-width: 1280px !important;
}
.section-six {
background-image: url("../../assets/img/carousel-bg.png") !important;
background-size: 100% !important;
background-repeat: no-repeat !important;
padding-top: 500px !important;
padding-bottom: 12% !important;
margin-top: -300px !important;
}
.magical {
max-width: 1840px !important;
font-size: 1.458vw !important;
margin: auto !important;
}
.power {
max-width: 576px !important;
}
.section-eight {
background-image: url("../../assets/img/behind_4k.png") !important;
background-repeat: no-repeat;
background-size: cover;
padding-top: 400px !important;
padding-bottom: 235px !important;
margin-top: -85% !important;
}
.power img {
max-width: 100% !important;
}
.hot-trend {
font-size: 1.458vw !important;
max-width: 1890px !important;
margin: auto;
}
.app-three {
width: 100%;
max-width: 943px !important;
margin: auto;
}
.section-ten {
background: url("../../assets/img/ten.png") no-repeat top center !important;
background-size: 100% !important;
margin-top: -533px !important;
padding-top: 725px !important;
padding-bottom: 2900px !important;
}
.cards-360 {
margin-top: -18% !important;
}
.card1-360 {
max-width: 100% !important;
}
.card2-360 {
max-width: 100% !important;
}
.app-four {
max-width: 1433px !important;
margin: auto;
}
.section-ten {
padding-bottom: 1933px !important;
}
.section-ten-part {
margin-top: -410px !important;
}
.plus img {
max-width: 100% !important ;
}
.plus {
max-width: 1683px !important;
margin: auto;
}
.plus h2 {
font-size: 39px !important;
padding: 0.9% 1% 0.9% 1% !important;
}
.unlock-box {
max-width: 1747px !important;
border-radius: 70px !important;
padding-bottom: 220px !important;
}
.unlock-box h1 {
max-width: 1413px !important;
}
.unlock-shape,
.unlock-shape-2 {
max-width: 1666px !important;
}
.unlock-shape p {
width: 100%;
max-width: 1950px !important;
}
.commercial-row {
padding-top: 3% !important;
}
.unlock-shape-2 {
max-height: 150px !important;
}
.pricing h3 {
font-size: 1.667vw !important;
}
.zero-box {
background: url("../../assets/img/zero-risk-flame-4k.png") no-repeat !important;
background-size: cover !important;
max-width: 1747px !important;
margin: auto !important;
padding: 2.5em 3em 1.8em 3em !important;
border-radius: 70px !important;
}
.zero-box p {
max-width: 1506px !important;
}
.faq {
max-width: 1747px !important;
border-radius: 70px !important;
}
.panel-title {
font-size: 1.25vw !important;
border-radius: 100px !important;
}
.panel-body {
font-size: 1.042vw !important;
}
.panel-title > a {
padding: 24px !important;
}
.panel-group .panel {
border-radius: 100px !important;
}
.panel-default > .panel-heading {
border-radius: 100px !important;
}
.more-less img {
max-width: 100% !important;
}
.box-title {
max-width: 100% !important;
}
.ellipse {
max-width: 80% !important;
}
.no-thanks {
font-size: 0.938vw !important;
max-width: 850px !important;
}
.section-fourteen {
margin-bottom: 12% !important;
}
.section-footer {
background: #f98b09 url("../../assets/img/footer-shape.jpg") no-repeat top
center !important;
background-size: 100% !important;
}
.up-halo p {
font-size: 1.25vw !important;
}
.up-halo {
max-width: 1533px !important;
}
.footer-btn {
max-width: 60% !important;
}
.footer-text {
font-size: 0.833vw !important;
max-width: 1279px !important;
}
.get-factors {
font-size: 1.563vw !important;
max-width: 800px !important;
}
.footer-man {
margin-top: -41% !important;
margin-left: -12% !important;
max-width: 62% !important;
}
}
@media only screen and (min-width: 2561px) and (max-width: 3840px) {
.world {
font-size: 3.5rem !important;
left: 5% !important;
}
.badge {
max-width: 100% !important;
position: relative !important;
margin-right: 5% !important;
}
body {
font-size: 1.146vw !important;
margin: auto !important;
}
.container,
.container-xl {
max-width: 73.4375% !important;
margin: auto !important;
}
.header {
height: 700px !important;
}
h1 {
font-size: 2.813vw !important;
}
h2 {
font-size: 1.667vw !important;
}
.header-logo img {
max-width: 100% !important;
}
.step {
font-size: 60px !important;
}
.four-apps img {
max-width: 100% !important;
}
.boxes {
margin-top: -300px !important;
}
.buy-btn {
max-width: 100% !important;
}
.buy-btn-nine {
max-width: 100% !important;
}
.section-two {
background: url("../../assets/img/video_left_4k.png") no-repeat top left,
url("../../assets/img/video_right_4k.png") no-repeat top right !important;
padding-top: 300px !important;
padding-bottom: 400px !important;
}
.video-head {
max-width: 1922px !important;
}
.video-frame {
max-width: 2284px !important;
/*max-height: 1140px !important;*/
margin-left: auto;
margin-right: auto;
border: 10px solid #f98b09 !important;
border-radius: 50px !important;
}
.video-flame-top {
max-width: 100% !important;
}
.video-flame-bottom {
max-width: 100% !important;
}
.video_btn img {
max-width: 100% !important;
}
.cards_payment img {
max-width: 100% !important;
}
.price {
max-width: 100% !important;
margin: auto !important;
}
.one-app {
max-width: 1400px !important;
}
.s-t-text {
max-width: 579px !important;
}
.halo {
max-height: 100% !important;
}
.reasons {
width: 100%;
max-width: 2040px !important;
/*padding-top: 60px !important;*/
}
.section-four {
background-image: url("../../assets/img/capture-shape-4k.png");
margin-top: -50% !important;
padding-bottom: 25% !important;
padding-top: 598px !important;
}
.engage {
width: 100%;
max-width: 876px !important;
}
.section-five {
background: url(../../assets/img/flames.png) no-repeat bottom;
margin-top: -23% !important;
}
.remember-box {
max-width: 70% !important;
margin: auto !important;
border: 10px solid #1b1e21 !important;
}
.remember h1 {
font-size: 5vw !important;
}
.remember-1 {
margin-top: 5% !important;
}
.remember-1,
.remember-2 {
max-width: 2428px !important;
max-height: 620px !important;
border-radius: 50px !important;
}
.remember-1 p {
width: 100%;
max-width: 1100px !important;
padding-top: 15px;
padding-left: 25px;
}
.remember-1 img,
.remember-2 img {
margin-top: -230px !important;
max-width: 100% !important;
}
.app-two {
width: 100%;
max-width: 1920px !important;
}
.section-six {
background-image: url("../../assets/img/carousel-bg-4k.png") !important;
background-repeat: no-repeat !important;
padding-top: 500px !important;
padding-bottom: 12% !important;
margin-top: -300px !important;
}
.carousel_img {
text-align: center !important;
max-width: 100% !important;
margin: auto !important;
}
.magical {
max-width: 1840px !important;
font-size: 1.458vw !important;
margin: auto !important;
}
.power {
max-width: 864px !important;
}
.power p {
max-width: 910px !important;
margin: auto;
}
.card1-360 {
max-width: 750px !important;
}
.card2-360 {
max-width: 750px !important;
}
.halo {
max-height: 850px !important;
}
.section-eight {
background-image: url("../../assets/img/behind_4k.png") !important;
background-repeat: no-repeat;
background-size: cover;
padding-top: 400px !important;
padding-bottom: 235px !important;
margin-top: -85% !important;
}
.power img {
max-width: 100% !important;
}
.hot-trend {
font-size: 1.458vw !important;
max-width: 1890px !important;
margin: auto;
}
.app-three {
width: 100%;
max-width: 1416px !important;
margin: auto;
}
.section-ten {
background: url("../../assets/img/ten_4k.png") no-repeat top center !important;
margin-top: -800px !important;
padding-top: 924px !important;
padding-bottom: 100% !important;
}
.app-four {
width: 100%;
max-width: 2150px !important;
margin: auto;
}
.section-ten-part {
margin-top: -23% !important;
}
.plus img {
max-width: 100% !important ;
}
.plus {
max-width: 2525px !important;
margin: auto;
}
.plus h2 {
padding: 0% 1% 0% 1% !important;
}
.unlock-box {
max-width: 2620px !important;
border-radius: 70px !important;
padding-bottom: 220px !important;
}
.unlock-box h1 {
max-width: 2120px !important;
}
.unlock-shape,
.unlock-shape-2 {
max-width: 2500px !important;
}
.unlock-shape p {
width: 100%;
max-width: 1950px !important;
}
.commercial-row {
padding-top: 5% !important;
}
.halo-3d-img img {
max-width: 100% !important;
margin: auto;
}
.unlock-shape-2 {
max-height: 185px !important;
}
.pricing h3 {
font-size: 1.667vw !important;
}
.unlock-btn {
max-width: 100% !important;
margin: -200px auto 0 auto !important;
}
.zero-box {
background: url("../../assets/img/zero-risk-flame-4k.png") no-repeat !important;
max-width: 2620px !important;
margin: auto !important;
padding: 2.5em 3em 1.8em 3em !important;
border-radius: 100px !important;
}
.zero-box p {
max-width: 2260px !important;
}
.like {
max-width: 100% !important;
margin-top: -300px !important;
margin-left: -8% !important;
}
.faq {
max-width: 2630px !important;
border-radius: 70px !important;
}
.panel-title {
font-size: 1.25vw !important;
border-radius: 100px !important;
}
.panel-body {
font-size: 1.042vw !important;
}
.panel-title > a {
padding: 24px !important;
}
.panel-group .panel {
border-radius: 100px !important;
}
.panel-default > .panel-heading {
border-radius: 100px !important;
}
.more-less img {
max-width: 100% !important;
}
.box-title {
max-width: 100% !important;
}
.ellipse {
max-width: 100% !important;
}
.no-thanks {
font-size: 0.938vw !important;
max-width: 1276px !important;
}
.section-footer {
background-size: cover !important;
}
.footer-man {
margin-top: -23% !important;
margin-left: -12% !important;
max-width: 100% !important;
}
.footer-text {
font-size: 0.833vw !important;
max-width: 1920px !important;
}
.get-factors {
font-size: 1.563vw !important;
max-width: 1200px !important;
}
.up-halo p {
font-size: 1.25vw !important;
}
.up-halo {
max-width: 2300px !important;
}
.footer-btn {
max-width: 100% !important;
}
.pre-btm-box {
max-width: 100% !important ;
}
}
@media only screen and (min-width: 3845px) {
body {
max-width: 1920px !important;
margin: auto !important;
box-shadow: -1px -1px 39px 17px rgba(0, 0, 0, 0.33) !important;
-webkit-box-shadow: -1px -1px 39px 17px rgba(0, 0, 0, 0.33) !important;
-moz-box-shadow: -1px -1px 39px 17px rgba(0, 0, 0, 0.33) !important;
}
.boost-traffic h1 {
font-size: 5.75rem !important;
}
.logo {
position: absolute;
width: 10vw !important;
margin-left: 1vw !important;
padding-top: 0vw !important;
}
.res-container{
width: 100% !important;
}
.panel-body p {
font-size: 20px !important;
}
.container {
max-width: 90% !important;
}
.footer-man {
margin-top: -18% !important;
margin-left: 5% !important;
}
.like {
margin-left: -4% !important;
}
.video-flame-bottom {
right: 12% !important;
}
.video-flame-top {
left: 12% !important;
}
.header {
height: 320px !important;
}
.section-one {
margin-top: 5% !important;
}
.s-t-text {
margin-top: 15% !important;
}
}
/*BUTTONS hover effect*/
.btn-hover img:hover {
opacity: 1;
-webkit-animation: flash 1.5s;
animation: flash 1.5s;
}
@-webkit-keyframes flash {
0% {
opacity: 0.4;
}
100% {
opacity: 1;
}
}
@keyframes flash {
0% {
opacity: 0.4;
}
100% {
opacity: 1;
}
}
.btn-hover-lg img {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.btn-hover-lg img:hover {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
/*BUTTONS hover effect*/
.world {
font-size: 1.5rem;
color: #fff;
font-weight: normal;
background-color: #e68108;
border-radius: 50px;
padding: 0 1rem 0 1rem;
}
.badge {
max-width: 340px;
}
/*----------------- HEADER START HERE -----------------*/
.buy-btn-nine {
max-width: 462px;
margin: auto;
}
.logo {
position: absolute;
width: 17vw;
margin-left: 14vw;
padding-top: 2vw;
}
.header-sm {
display: none;
}
/*----------------- HEADER END HERE -----------------*/
/*----------------- SECTION ONE START HERE -----------------*/
.boost-traffic h1 {
font-weight: 800;
/*font-size: 3.125vw;*/
font-size: 3.75rem;
}
.four-apps {
margin-top: -50px;
}
.four-apps img {
max-width: 391px;
}
.boxes {
margin-top: -150px;
}
.buy-btn {
max-width: 462px;
}
/*----------------- SECTION ONE END HERE -----------------*/
/*----------------- SECTION TWO START HERE -----------------*/
.section-two {
/*background: url('../../assets/img/video-shape-left.png') no-repeat, url('../../assets/img/video-shape-right.png') right no-repeat;*/
background-image: url("../../assets/img/video-side-shapes.png");
background-repeat: no-repeat;
background-size: cover;
background-position: center;
padding-top: 150px;
padding-bottom: 160px;
margin-top: -100px;
}
.video-head {
max-width: 911px;
text-align: center;
margin: auto;
}
.video-frame {
width: 85%;
max-width: 1142px;
/*max-height: 570px;*/
margin-left: auto;
margin-right: auto;
border: 5px solid #f98b09;
border-radius: 25px;
}
.video-flame-top {
position: absolute;
top: -8%;
left: 4.5%;
max-width: 170px;
}
.video-flame-bottom {
position: absolute;
bottom: -9%;
right: 2.5%;
max-width: 230px;
}
.video_btn img {
max-width: 1044px;
margin: auto;
}
.cards_payment img {
max-width: 369px;
margin: auto;
}
.price {
max-width: 1231px;
margin: auto;
}
/*----------------- SECTION TWO END HERE -----------------*/
/*----------------- SECTION THREE START HERE -----------------*/
.section-three {
background: url("../../assets/img/flames.png") no-repeat;
background-size: contain;
padding-top: 39%;
margin-top: -40%;
z-index: -1;
position: relative;
}
.flame-bottom {
background: url("../../assets/img/flames_bottom.png") bottom no-repeat;
background-size: cover;
padding-bottom: 40%;
}
.one-app {
max-width: 700px;
margin: auto;
text-align: center;
}
.halo {
width: 100%;
height: auto;
max-height: 400px;
}
.card1-360 {
max-width: 367px;
margin: auto;
}
.card2-360 {
max-width: 375px;
margin: auto;
}
.reasons {
width: 100%;
max-width: 1020px;
margin: auto;
text-align: center;
padding-top: 30px;
}
.s-t-text {
width: 100%;
max-width: 285px;
text-align: center;
margin: auto;
font-weight: bold;
}
/*----------------- SECTION THREE END HERE -----------------*/
/*----------------- SECTION FOUR START HERE -----------------*/
.section-four {
background-image: url("../../assets/img/capture-shape.png");
background-repeat: no-repeat;
background-size: cover;
padding-top: 350px;
padding-bottom: 220px;
margin-top: -55%;
}
/*----------------- SECTION FOUR END HERE -----------------*/
/*----------------- SECTION FIVE START HERE -----------------*/
.section-five {
background: url("../../assets/img/flames.png") no-repeat bottom;
background-size: contain;
margin-top: -315px;
}
.remember h1 {
font-family: "Pacifico", cursive;
/*font-size: 5vw;*/
font-size: 6rem;
color: #f98b09;
font-weight: 700;
}
.engage {
width: 100%;
max-width: 438px;
}
.remember-box {
width: 80%;
border: 5px solid #1b1e21;
border-radius: 300px 300px 300px 300px;
padding: 35px 150px 30px 150px;
}
.remember-1 {
/*background: linear-gradient(90deg, rgba(166,0,0,1) 0%, rgba(212,206,3,1) 50%, rgba(0,0,0,1) 50%, rgba(0,0,0,1) 100%);*/
background-image: url("../../assets/img/flame.png"),
linear-gradient(
90deg,
rgb(255, 68, 44) 0%,
rgb(255, 68, 44) 50%,
rgb(31, 31, 35) 50%,
rgb(31, 31, 35) 100%
);
background-position: 40%;
background-repeat: no-repeat;
background-size: contain;
color: #fff;
padding: 1em;
max-width: 1214px;
max-height: 310px;
margin: 25px auto auto auto;
border-radius: 50px;
}
.remember-1 p {
width: 100%;
max-width: 543px;
padding-top: 15px;
padding-left: 25px;
}
.remember-1 img,
.remember-2 img {
margin-top: -115px;
max-width: 478px;
}
.remember-2 {
/*background: linear-gradient(90deg, rgba(166,0,0,1) 0%, rgba(212,206,3,1) 50%, rgba(0,0,0,1) 50%, rgba(0,0,0,1) 100%);*/
background-image: url("../../assets/img/flame-rev.png"),
linear-gradient(
270deg,
rgb(255, 68, 44) 0%,
rgb(255, 68, 44) 40%,
rgb(31, 31, 35) 50%,
rgb(31, 31, 35) 100%
);
background-position: 65%;
background-repeat: no-repeat;
background-size: contain;
color: #fff;
padding: 1em;
max-width: 1214px;
max-height: 310px;
margin: 7em auto;
border-radius: 50px;
}
/*----------------- SECTION FIVE END HERE -----------------*/
/*----------------- SECTION SIX START HERE -----------------*/
.section-six {
background-image: url("../../assets/img/carousel-bg.png");
background-repeat: no-repeat;
padding-top: 227px;
padding-bottom: 100px;
margin-top: -200px;
}
.app-two {
width: 100%;
max-width: 960px;
text-align: center;
margin: auto;
}
.carousel_img {
max-width: 1311px;
margin: auto;
}
/*----------------- SECTION SIX END HERE -----------------*/
/*----------------- SECTION SEVEN START HERE -----------------*/
.section-seven {
background: url("../../assets/img/flames_bottom.png") no-repeat top center;
background-size: cover;
margin-top: -150px;
padding-bottom: 80%;
}
.magical {
width: 100%;
max-width: 920px;
font-size: 1.75rem;
/*font-size: 1.458vw;*/
font-weight: bold;
margin: auto;
}
/*----------------- SECTION SEVEN END HERE -----------------*/
/*----------------- SECTION EIGHT START HERE -----------------*/
.section-eight {
background-image: url("../../assets/img/behind.png");
background-repeat: no-repeat;
background-size: cover;
padding-top: 200px;
margin-top: -85%;
padding-bottom: 5%;
}
.power {
width: 100%;
margin: auto;
color: #fff;
}
.power p {
max-width: 455px;
margin: auto;
}
.power img {
max-width: 136px;
}
/*----------------- SECTION EIGHT END HERE -----------------*/
/*----------------- SECTION NINE START HERE -----------------*/
.section-nine {
padding-top: 50px;
}
.hot-trend {
font-size: 1.75rem;
/*font-size: 1.458vw;*/
width: 100%;
max-width: 945px;
margin: auto;
}
/*----------------- SECTION NINE END HERE -----------------*/
/*----------------- SECTION TEN START HERE -----------------*/
.section-ten {
background: url("../../assets/img/Group 12.png") no-repeat top center;
/*background-repeat: no-repeat;*/
/*background-position: top center;*/
/*background-size: cover;*/
margin-top: -400px;
padding-top: 462px;
padding-bottom: 1400px;
}
.app-three {
width: 100%;
max-width: 708px;
margin: auto;
}
.app-four {
width: 100%;
max-width: 1075px;
margin: auto;
}
.section-ten-part {
margin-top: -200px;
}
.cards-360 {
margin-top: -18%;
}
.section-ten-part p {
position: relative;
margin-left: 15%;
}
/*----------------- SECTION TEN END HERE -----------------*/
/*----------------- SECTION ELEVEN START HERE -----------------*/
.plus {
max-width: 1115px;
margin: auto;
}
.plus h2 {
background: #1f1f23;
padding: 0.5% 1% 0.5% 1%;
color: #fff;
font-weight: bold;
font-size: 27px;
}
.plus img {
max-width: 139px;
margin-top: -9px;
}
.unlock-box {
background-image: url("../../assets/img/unlock-bg.png");
background-repeat: no-repeat;
background-size: 100%;
background-position: center center;
max-width: 1310px;
margin: auto;
text-align: center;
color: #fff;
border-radius: 35px;
background-color: #f98b09;
padding-bottom: 110px;
}
.unlock-box h1 {
margin: auto;
width: 100%;
max-width: 1060px;
}
.unlock-shape,
.unlock-shape-2 {
width: 100%;
background-color: #ae6003;
box-shadow: inset 0 0 10px #000000;
border-radius: 300px 300px 300px 300px;
padding: 20px 150px 5px 150px;
margin: auto;
}
.unlock-shape-2 {
max-height: 100px;
}
.commercial {
margin-top: -33%;
}
.unlock-shape p {
width: 100%;
max-width: 975px;
}
.pricing h1 {
/*font-size: 3.75vw;*/
font-size: 4.5rem;
}
.pricing h3 {
/*font-size: 1.667vw;*/
font-size: 2rem;
font-weight: bold;
}
.pricing h2 {
/*font-size:2.604vw;*/
font-size: 3.125rem;
font-weight: bold;
}
.unlock-btn {
max-width: 978px;
margin: -100px auto 0 auto;
}
.footer-line {
border: 1px dashed #ddd;
}
.halo-3d-img img {
max-width: 184px;
margin: auto;
}
.pre-btm-box {
max-width: 703px;
position: relative;
margin-left: -5%;
margin-top: -13%;
}
/*----------------- SECTION ELEVEN END HERE -----------------*/
/*----------------- SECTION TWELVE START HERE -----------------*/
.section-twelve {
padding-top: 60px;
padding-bottom: 7%;
}
.zero-box {
background: url("../../assets/img/zero-risk-flame.png") no-repeat bottom
center;
max-width: 1310px;
margin: auto;
text-align: center;
background-color: #27272b;
color: #fff;
padding: 2.5em 3em 1.8em 3em;
border-radius: 50px;
}
.zero-box p {
width: 100%;
max-width: 1130px;
}
.like {
max-width: 299px;
margin-top: -150px;
margin-left: -8%;
position: absolute;
}
/*----------------- SECTION TWELVE END HERE -----------------*/
/*----------------- SECTION THIRTEEN START HERE -----------------*/
.section-thirteen {
background: url("../../assets/img/flames_bottom.png") no-repeat top;
background-size: cover;
padding-bottom: 80%;
}
.faq {
max-width: 1315px;
border-radius: 50px;
background-color: #fff;
padding: 5%;
margin-bottom: 7%;
box-shadow: -1px 44px 93px -44px rgba(0, 0, 0, 1);
-webkit-box-shadow: -1px 44px 93px -44px rgba(0, 0, 0, 1);
-moz-box-shadow: -1px 44px 93px -44px rgba(0, 0, 0, 1);
}
.panel-group .panel {
border-radius: 50px;
box-shadow: none;
border-color: #eeeeee;
background-color: #e7ebee;
}
.panel-default > .panel-heading {
padding: 0;
border-radius: 50px;
color: #212121;
background-color: #e7ebee;
border: 0 solid #fff;
box-shadow: 10px 10px 18px -9px rgba(0, 0, 0, 0.34);
-webkit-box-shadow: 10px 10px 18px -9px rgba(0, 0, 0, 0.34);
-moz-box-shadow: 10px 10px 18px -9px rgba(0, 0, 0, 0.34);
}
.panel-title {
/*font-size: 1.25vw;*/
font-size: 1.5rem;
font-weight: bold;
border: 2px solid #fff;
border-radius: 50px;
padding: 0 0 0 1%;
margin-bottom: 1.5%;
}
.panel-body {
padding: 2.5%;
color: #7d8286;
margin-bottom: 2%;
}
.panel-body p {
font-size: 1.042vw;
}
.panel-title > a {
display: block;
padding: 12px;
text-decoration: none;
color: #27272b;
}
.more-less {
float: right;
color: #212121;
}
.more-less img {
max-width: 52px;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #eeeeee;
}
/*----------------- SECTION THIRTEEN END HERE -----------------*/
/*----------------- SECTION FOURTEEN START HERE -----------------*/
.section-fourteen {
/*padding-bottom: 35%;*/
margin-top: -82%;
}
.box-text {
font-weight: 800;
text-shadow: -4px 6px 6px rgba(0, 0, 0, 0.2);
background-image: linear-gradient(180deg, #f4be18, #d63e0f) !important;
/*background: -webkit-linear-gradient(135deg, #D63E0F, #F4BE18);*/
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-text-stroke: 1px var(--white);
font-style: italic;
}
.box-title {
max-width: 1294px;
}
.ellipse {
max-width: 31px;
}
.no-thanks {
/*font-size: 0.938vw;*/
font-size: 1.125rem;
width: 100%;
max-width: 638px;
color: #313196;
padding-top: 10%;
margin: auto 15% auto auto;
line-height: 1.5;
text-underline-offset: 6px;
}
.no-thanks-link {
text-decoration: none !important;
}
/*----------------- SECTION FOURTEEN END HERE -----------------*/
/*----------------- SECTION FOOTER START HERE -----------------*/
/*.footer{
background: url("../../assets/img/footer-shape.jpg") no-repeat center bottom;
background-size: 100%;
!*color: #FFF;*!
background-color: #f98b09;
font-size: 1rem;
}
.footer-text{
width: 100%;
max-width: 956px;
color: #FFF;
}
.no-thanks{
font-size: 1.125rem;
}
.footer-man{
margin-bottom: -775px;
}
.footer-text a:link {
color: #FFF;
}
!* visited link *!
.footer-text a:visited {
color: #FFF;
}
!* mouse over link *!
.footer-text a:hover {
color: #FFF;
}
!* selected link *!
.footer-text a:active {
color: #FFF;
}
.footer-btn{
padding-right: 100px;
}
.profit{
transform: rotate(-10deg);
font-size: 1.875rem;
font-weight: bold;
padding-right: 275px;
text-align: center;
padding-top: 100px;
margin-bottom: -100px;
}
.pro{
font-size: 1.5rem;
color: #FFF;
}
.no-thanks{
width: 100%;
max-width: 650px;
text-align: center;
margin-top: -150px;
padding-bottom: 120px;
color: #313196;
}*/
.section-footer {
background: url("../../assets/img/footer-shape_.jpg") no-repeat top center;
background-color: #f98b09;
}
.footer-man {
margin-top: -23%;
margin-left: -12%;
max-width: 612px;
}
.drawing {
position: absolute;
left: 38%;
}
.footer-btn {
max-width: 587px;
margin-top: -11%;
margin-right: -5%;
}
.footer-text {
color: #fff;
/*font-size:0.833vw;*/
font-size: 1rem;
width: 100%;
max-width: 960px;
margin: -13% auto auto auto;
height: auto;
}
.up-halo p {
transform: rotate(-10deg);
/*font-size: 1.25vw;*/
font-size: 1.5rem;
color: #fff;
font-weight: bold;
}
.up-halo {
max-width: 1150px;
}
.get-factors {
transform: rotate(-10deg) !important;
font-size: 1.563vw;
font-size: 1.875rem;
font-weight: bold;
margin: -40% 0 auto auto;
max-width: 600px;
padding-bottom: 6%;
padding-right: 3%;
}
.footer-text a:link {
color: #fff;
}
/* visited link */
.footer-text a:visited {
color: #fff;
}
/* mouse over link */
.footer-text a:hover {
color: #fff;
}
/* selected link */
.footer-text a:active {
color: #fff;
}
/*----------------- SECTION FOOTER END HERE -----------------*/
/*}*/
/*font-size: calc(1px + (55 - 1) * ((100vw - 300px) / (5760 - 300)));*/
.video-flame-bottom, .video-flame-top {
z-index: 999999;
}
/** **** Youtube Video Styles **** **/
.pauseButtons {
position: absolute;
visibility: hidden;
width: 1px;
height: 1px;
}
.overlaydemo iframe, .overlaydemotwo iframe {
width: 100%;
height: auto;
aspect-ratio: 1/0.57;
/* border-radius: 10px;*/
position: unset !important;
}
.video-autoplay-overlay-image {
width: 100% !important;
height: 100% !important;
margin: 0 auto !important;
left: 0 !important;
right: 0 !important;
}
.video-shape-2 {
position: absolute;
z-index: 999999;
left: 0;
bottom: 0;
width: 100% !important;
height: auto !important;
}
.unmute-box {
max-width: 700px;
width: 100%;
margin: auto !important;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
display: grid;
align-items: center;
justify-content: center;
align-content: center;
text-align: center;
}
.video-shape-1 {
position: absolute;
z-index: 999999;
left: 0;
top: 0;
width: 100%;
}
.unmute-box p {
font-weight: 700;
color: white;
font-size: 50px;
}
.unmute-box img {
max-width: 100%;
overflow: hidden;
height: auto;
margin: auto;
}
.video_holder, .youtube_overlayvideo_wrapper {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.video-autoplay-overlay-bottom, .video-autoplay-overlay-top,
.video-autoplay-overlaydemotwo-bottom, .video-autoplay-overlaydemotwo-top {
background: #f98b09 !important;
text-transform: capitalize;
font-weight: bold !important;
}
.video-autoplay-overlaydemotwo-image {
width: 100% !important;
margin: 0px !important;
height: 100% !important;
}
.youtube_overlayvideo_wrapper .demo-play {
position: absolute;
top: calc(50% - 40px);
left: calc(50% - 40px);
margin-top: 0px;
margin-left: 0px;
}
.demo-video {
line-height: 0;
}
@media(max-width: 1280px) {
.unmute-box p {
font-size: 30px;
margin-bottom: 0px;
}
.unmute-box img {
max-width: 80px;
}
}
@media(max-width: 850px){
.video-autoplay-overlay-play {
max-width: 80px;
max-height: 80px;
background-size: contain !important;
left: 0 !important;
right: 0px !important;
top: 0px !important;
bottom: 0px !important;
margin: auto !important;
}
}
@media(max-width: 700px) {
.unmute-box p {
font-size: 25px;
}
.unmute-box img {
max-width: 50px;
}
}
@media(max-width: 400px) {
.unmute-box p {
font-size: 20px;
}
}
@media(max-width: 440px){
.unmute-box img {
max-width: 50px;
}
.youtube_overlayvideo_wrapper .demo-play img {
max-width: 80px;
}
.video-autoplay-overlaydemotwo-play, .video-autoplay-overlay-play {
max-width: 80px;
max-height: 80px;
background-size: contain !important;
left: 0 !important;
right: 0px !important;
top: 0px !important;
bottom: 0px !important;
margin: auto !important;
}
}
/** **** Youtube Video Styles END**** **/
/** **** Vimeo Video Styles **** **/
.vimeo_video_section {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.vimeo_video_wrapper {
position: relative;
}
.video-wrap-box .video-frame {
position: unset;
width: 100% !important;
aspect-ratio: 1/0.565;
line-height: 0;
}
.vimeo_video_wrapper .video-wrap-box {
line-height: 0;
}
.video-wrap-box .play-video {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.video-wrap-box .video-frame {
border: none !important;
border-radius: none !important;
}
.play-video .play-btn {
width: 100%;
height: 100%;
display: grid;
align-items: center;
justify-content: center;
}
.play-video .play-btn.playing .play {
display: none;
}
/** **** Vimeo Video Styles END**** **/
/* **** Footer Sections **** */
.footer_sticky_section {
position: fixed;
max-width: 100%;
width: 100%;
left: 0px;
right: 0px;
bottom: 0px;
/*top: calc(100vh - 100px);*/
background: #f0131e;
z-index: 9999999;
box-shadow: 0 0 20px rgb(0 0 0 / 40%);
}
.footer_section {
margin-bottom: 100px;
}
.footer-flex {
display: flex;
justify-content: center;
align-items: center;
padding: 5px 0px;
position: relative;
height: 100px;
}
.text_wrapper .sticky_text {
font-size: 30px !important;
font-family: "Poppins", sans-serif;
font-weight: 700;
color: #fff;
text-align: center;
}
.coupon_sticky_btn {
background: #f4c718;
display: inline-block;
vertical-align: middle;
color: #000000;
font-weight: 700;
font-size: 20px !important;
font-family: 'POPPINS', sans-serif;
padding: 14px 30px 14px;
margin-left: 70px;
border-radius: 50px;
box-shadow: 0 3px 4px rgb(0 0 0 / 43%);
transition: all ease-in-out 0.5s;
-moz-transition: all ease-in-out 0.5s;
-ms-transition: all ease-in-out 0.5s;
-o-transition: all ease-in-out 0.5s;
-webkit-transition: all ease-in-out 0.5s;
border: none;
}
.coupon_sticky_btn:hover, .coupon_sticky_btn:focus, .coupon_sticky_btn:active {
outline: none;
text-decoration: none;
background: #52cb12;
box-shadow: 0 0 31px 0 rgb(255 255 255 / 50%);
}
@media(max-width: 1199px){
.text_wrapper .sticky_text {
font-size: 25px !important;
font-family: "Poppins", sans-serif;
font-weight: 700;
color: #fff;
}
.coupon_sticky_btn {
margin-left: 20px;
}
}
@media(max-width: 1020px){
.coupon_sticky_btn {
margin-left: 0px;
margin-top: 10px;
}
.footer-flex {
flex-direction: column;
height: 120px;
}
.footer_sticky_section {
/*top: calc(100vh - 120px);*/
top: unset;
bottom: 0px;
}
.footer_section {
margin-bottom: 120px;
}
}
@media(max-width: 550px){
.text_wrapper .sticky_text {
font-size: 16px !important;
}
.coupon_sticky_btn {
font-size: 16px !important;
}
}
@media(max-width: 375px){
.footer_sticky_section {
/*top: calc(100vh - 140px);*/
top: unset;
bottom: 0px;
}
.footer-flex {
height: 140px;
}
.footer_section {
margin-bottom: 140px;
}
}