html {
scroll-behavior: smooth;
}
.montserrat{font-family: 'Montserrat', sans-serif;}
/*Common*/
body {font-family: 'Poppins', sans-serif;font-size: 14px;line-height: 1.42857143;color: #091354;background-color: #fff;}
a{text-decoration:none;}
a:hover{text-decoration:none;}
h1, h2, h3, h4, h5, h6, p{
margin:0px;
}
ul{
padding:0px;
list-style:none;
margin:0px;
}
.ls1{letter-spacing:1px;}
.ls2{letter-spacing:2px;}
.ls3{letter-spacing:3px;}
.padding1 {padding: 0 1%;}
.padding2 {padding: 0 2%;}
.padding3 {padding: 0 3%;}
@media (min-width:240px) {
.xs8 {font-size: 8px;}.xs9 {font-size: 9px;}.xs10 {font-size: 10px;}.xs11 {font-size: 11px;}.xs12 {font-size: 12px;}.xs13 {font-size: 13px;}.xs14 {font-size: 14px;}.xs15 {font-size: 15px;}.xs16 {font-size: 16px;}.xs17 {font-size: 17px;}.xs18 {font-size: 18px;}.xs19 {font-size: 19px;}.xs20 {font-size: 20px;}.xs21 {font-size: 21px;}.xs22 {font-size: 22px;}.xs23 {font-size: 23px;}.xs24 {font-size: 24px;}.xs25 {font-size: 25px;}.xs27 {font-size: 27px;}.xs28 {font-size: 28px;}.xs29 {font-size: 29px;}.xs30 {font-size: 30px;}.xs31 {font-size: 31px;}.xs33 {font-size: 33px;}.xs35 {font-size: 35px;}.xs37 {font-size: 37px;}.xs39 {font-size: 39px;}.xs40 {font-size: 40px;}.xs41 {font-size: 41px;}.xs43 {font-size: 43px;}.xs45 {font-size: 45px;}.xs47 {font-size: 47px;}.xs49 {font-size: 49px;}.xs51 {font-size: 51px;}.xs56{font-size: 56px;}.xs60 {font-size: 60px;}.xs70 {font-size: 70px;}.xs85 {font-size: 85px;}
.xsmt0{margin-top:0%;}.xsmt1{margin-top:1%;}.xsmt2{margin-top:2%;}.xsmt3{margin-top:3%;}.xsmt4{margin-top:4%;}.xsmt5{margin-top:5%;}.xsmt6{margin-top:6%;}.xsmt8{margin-top:8%;}.xsmt13{margin-top:13%;}.xsmt20{margin-top:20%;}.xsmt30{margin-top:30%;}
.xsmb1{margin-bottom:1%;}
.xsmb2{margin-bottom:2%;}
.xsmb3{margin-bottom:3%;}
.xsmb4{margin-bottom:4%;}
.xsmb6{margin-bottom:6%;}
.xsmb7{margin-bottom:7%;}
.xsmb8{margin-bottom:8%;}
.xsmb10{margin-bottom:10%;}
.xsmb15{margin-bottom:15%;}
.xsmb0{margin-bottom:0%;}
.xsmt-1{margin-top:-1%;}
.xsmt-3{margin-top:-3%;}
.xsmt-5{margin-top:-5%;}
.mycontainer{width:100%;}
.mycontainer2{
width:100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.question-box h1 {
background: url(../images/question.png) no-repeat 0 10px;
list-style: none;
padding-top: 8px;
padding-bottom: 0px;
padding-left: 45px;
margin-left: -14px;
margin-bottom: 0;
}
.titleBg4, .titleBg5{
background-size: contain !important;
}
.section3{padding: 5% 0 10% 0;}
.section3B{padding: 5% 0 1% 0;}
.arrow2{margin-top: 5%;}
}
@media (min-width:768px) {
.sm8 {font-size: 8px;}.sm9 {font-size: 9px;}.sm10 {font-size: 10px;}.sm11 {font-size: 11px;}.sm12 {font-size: 12px;}.sm13 {font-size: 13px;}.sm14 {font-size: 14px;}.sm15 {font-size: 15px;}.sm16 {font-size: 16px;}.sm17 {font-size: 17px;}.sm18 {font-size: 18px;}.sm19 {font-size: 19px;}.sm20 {font-size: 20px;}.sm21 {font-size: 21px;}.sm23 {font-size: 23px;}.sm24 {font-size: 24px;}.sm25 {font-size: 25px;}.sm27 {font-size: 27px;}.sm28 {font-size: 28px;}.sm29 {font-size: 29px;}.sm30 {font-size: 30px;}.sm31 {font-size: 31px;}.sm32 {font-size: 32px;}.sm33 {font-size: 33px;}.sm35 {font-size: 35px;}.sm36 {font-size: 36px;}.sm37 {font-size: 37px;}.sm39 {font-size: 39px;}.sm40 {font-size: 40px;}.sm41 {font-size: 41px;}.sm43 {font-size: 43px;}.sm44 {font-size: 44px;}.sm45 {font-size: 45px;}.sm46 {font-size: 46px;}.sm47 {font-size: 47px;}.sm49 {font-size: 49px;}.sm51 {font-size: 51px;}.sm55 {font-size: 55px;}.sm60 {font-size: 60px;}.sm70 {font-size: 70px;}.sm80 {font-size: 80px;}.sm100 {font-size: 100px;}.sm130 {font-size: 130px;}
.lmt0{margin-top:0%;}.lmt1{margin-top:1%;}.lmt2{margin-top:2%;}.lmt3{margin-top:3%;}.lmt4{margin-top:4%;}.lmt5{margin-top:5%;}.lmt10{margin-top:10%;}.lmt13{margin-top:13%;}.lmt6{margin-top:6%;}.lmt7{margin-top:7%;}.lmt8{margin-top:8%;}.lmt9{margin-top:9%;}.lmt11{margin-top:11%;}.lmt12{margin-top:12%;}.lmt16{margin-top:16%;}.lmt18{margin-top:18%;}.lmt12{margin-top:12%;}.lmt13{margin-top:13%;}.lmt14{margin-top:14%;}.lmt15{margin-top:15%;}.lmt18{margin-top:18%;}.lmt20{margin-top:20%;}.lmt22{margin-top:22%;}.lmt25{margin-top:25%;}.lmt28{margin-top:28%;}.lmt30{margin-top:30%;}.lmt34{margin-top:34%;}.lmt45{margin-top:45%;}
.lmt-15{margin-top:-14%;}
.lmt-25{margin-top:-25%;}
.lmt-3{margin-top:-3%;}
.lmt-1{margin-top:-1%;}
.lmt-2{margin-top:-2%;}
.lmt-3{margin-top:-3%;}
.lmt-4{margin-top:-4%;}
.lmt-5{margin-top:-5%;}
.lmt-6{margin-top:-6%;}
.lmt-7{margin-top:-7%;}
.lmt-8{margin-top:-8%;}
.lmt-9{margin-top:-9%;}
.lmt-11{margin-top:-11%;}
.lmt-13{margin-top:-13%;}
.lmt-20{margin-top:-20%;}
.lmb0{margin-bottom:0%;}
.lmb1{margin-bottom:1%;}
.lmb3{margin-bottom:3%;}
.lmb7{margin-bottom:7%;}
.lmb10{margin-bottom:10%;}
.lmb15{margin-bottom:15%;}
.lmb20{margin-bottom:20%;}
.lmb-8{margin-bottom:-8%;}
.lmb-4{margin-bottom:-4%;}
.lml-2{margin-left:-2%;}
.mycontainer{width:750px;}
.padding4{padding:0% 15px}
.title1 {
color: #000024;
border: 2px dashed rgb(71, 158, 74);
border-radius: 3px;
background-color: rgb(190, 250, 192);
padding: 2px 3%;
display: inline-block;
}
.question-box h1 {
background: url(../images/question.png) no-repeat 0 10px;
list-style: none;
padding-top: 8px;
padding-bottom: 0px;
padding-left: 45px;
margin-left: -14px;
margin-bottom: 0;
}
.section2, .section21B {
padding: 0 4% 0% 4%;
}
}
@media (min-width:992px) {
.md8 {font-size: 8px;}.md9 {font-size: 9px;}.md10 {font-size: 10px;}.md11 {font-size: 11px;}.md12 {font-size: 12px;}.md13 {font-size: 13px;}.md14 {font-size: 14px;}.md15 {font-size: 15px;}.md16 {font-size: 16px;}.md17 {font-size: 17px;}.md18 {font-size: 18px;}.md19 {font-size: 19px;}.md20 {font-size: 20px;}.md21 {font-size: 21px;}.md22 {font-size: 22px;}.md23 {font-size: 23px;}.md24 {font-size: 24px;}.md25 {font-size: 25px;}.md26 {font-size: 26px;}.md27 {font-size: 27px;}.md28{font-size: 28px;}.md29 {font-size: 29px;}.md30 {font-size: 30px;}.md31 {font-size: 31px;}.md32 {font-size: 32px;}.md33 {font-size: 33px;}.md34 {font-size: 34px;}.md35 {font-size: 35px;}.md36 {font-size: 36px;}.md37 {font-size: 37px;}.md38 {font-size: 38px;}.md39 {font-size: 39px;}.md40{font-size: 40px;}.md41 {font-size: 41px;}.md42 {font-size: 42px;}.md44 {font-size: 44px;}.md45 {font-size: 45px;}.md46 {font-size: 46px;}.md47 {font-size: 47px;}.md48 {font-size: 48px;}.md49 {font-size: 49px;}.md50 {font-size: 50px;}.md51 {font-size: 51px;}.md52 {font-size: 52px;}.md53 {font-size: 53px;}.md54 {font-size: 54px;}.md55 {font-size: 55px;}.md56 {font-size: 56px;}.md58 {font-size: 58px;}.md67 {font-size: 67px;}.md60{font-size: 60px;}.md66{font-size: 66px;}.md75 {font-size: 75px;}.md70 {font-size: 70px;}.md80 {font-size: 80px;}.md84 {font-size: 84px;}.md90{font-size: 90px;}.md120{font-size: 120px;}.md170 {font-size: 170px;}.md210 {font-size: 240px;}
.mmb0{margin-bottom:0%;}
.mmb3{margin-bottom:3%;}
.mmb5{margin-bottom:5%;}
.mmb7{margin-bottom:7%;}
.mmb8{margin-bottom:8%;}
.mmb11{margin-bottom:11%;}
.mmb12{margin-bottom:12%;}
.mmb14{margin-bottom:14%;}
.mmb15{margin-bottom:15%;}
.mmb16{margin-bottom:16%;}
.mmb20{margin-bottom:20%;}
.mmb28{margin-bottom:28%;}
.mmb35{margin-bottom:35%;}
.mmt0{margin-top:0%;}
.mmt1{margin-top:1%;}
.mmt2{margin-top:2%;}
.mmt3{margin-top:3%;}
.mmt4{margin-top:4%;}
.mmt5{margin-top:5%;}
.mmt6{margin-top:6%;}
.mmt7{margin-top:7%;}
.mmt8{margin-top:8%;}
.mmt9{margin-top:9%;}
.mmt10{margin-top:10%;}
.mmt11{margin-top:11%;}
.mmt12{margin-top:12%;}
.mmt13{margin-top:13%;}
.mmt14{margin-top:14%;}
.mmt15{margin-top:15%;}
.mmt18{margin-top:18%;}
.mmt11a{margin-top:11.6%;}
.mmt20{margin-top:20%;}
.mmt28{margin-top:28%;}
.mmt31{margin-top:31%;}
.mmt36{margin-top:36%;}
.mmt-2{margin-top:-2%;}
.mmt-3{margin-top:-3%;}
.mmt-4{margin-top:-4%;}
.mmt-5{margin-top:-5%;}
.mmt-8{margin-top:-8%;}
.mmt-9{margin-top:-9%;}
.mmt-9a{margin-top:-9.5%;}
.mmt-12{margin-top:-12%;}
.mmb-5{margin-bottom:-5%;}
.mmb-6{margin-bottom:-6%;}
.mml-4{margin-left:-4%;}
.mycontainer{width:970px;}
.padding4{padding:0% 2%}
.question-box h1 {
background: url(../images/question.png) no-repeat 0 8px;
list-style: none;
padding-top: 5px;
padding-bottom: 0px;
padding-left: 35px;
margin-left: -35px;
margin-bottom: 0;
}
.section2, .section21B {
padding: 0 8% 0% 8%;
}
.box-img {
max-width: 125%;
position: relative;
left: -25%;
}
.section3{padding: 5% 0 5% 0;}
.section3B{padding: 5% 0 1% 0;}
.copywriting-text{padding: 0 35px;}
.section8-box1:after {
content: url(../images/arrow10.png);
position: absolute;
z-index: 1;
right: -2%;
bottom: -15%;
}
.section8-box2:before {
content: url(../images/arrow11.png);
position: absolute;
z-index: 1;
left: -2%;
bottom: -15%;
}
.arrow2{margin-top:-4%;}
.testimonialProve {
max-width: 144%;
position: relative;
left: -10%;
}
.testimonial-text{
padding: 0;
padding-right: 6%;
}
}
@media (min-width:1200px){
.lg8 {font-size: 8px;}.lg9 {font-size: 9px;}.lg10 {font-size: 10px;}.lg11 {font-size: 11px;}.lg12 {font-size: 12px;}.lg13 {font-size: 13px;}.lg14 {font-size: 14px;}.lg15 {font-size: 15px;}.lg16 {font-size: 16px;}.lg17 {font-size: 17px;}.lg18 {font-size: 18px;}.lg19 {font-size: 19px;}.lg20 {font-size: 20px;}.lg21 {font-size: 21px;}.lg22 {font-size: 22px;}.lg23 {font-size: 23px;}.lg24 {font-size: 24px;}.lg25 {font-size: 25px;}.lg26 {font-size: 26px;}.lg27 {font-size: 27px;}.lg28 {font-size: 28px;}.lg29 {font-size: 29px;}.lg30 {font-size: 30px;}.lg31 {font-size: 31px;}.lg32 {font-size: 32px;}.lg33 {font-size: 33px;}.lg34 {font-size: 34px;}.lg35 {font-size: 35px;}.lg36 {font-size: 36px;}.lg37 {font-size: 37px;}.lg38 {font-size: 38px;}.lg39 {font-size: 39px;}.lg40{font-size: 40px;}.lg41 {font-size: 41px;}.lg42 {font-size: 42px;}.lg44 {font-size: 43px;}.lg45 {font-size: 45px;}.lg46 {font-size: 46px;}.lg47 {font-size: 47px;}.lg48 {font-size: 48px;}.lg49 {font-size: 49px;}.lg50 {font-size: 50px;}.lg51 {font-size: 51px;}.lg52 {font-size: 52px;}.lg53 {font-size: 53px;}.lg55 {font-size: 55px;}.lg56 {font-size: 56px;}.lg58 {font-size: 58px;}.lg67 {font-size: 67px;}.lg60{font-size: 60px;}.lg66{font-size: 66px;}.lg75 {font-size: 75px;}.lg70 {font-size: 70px;}.lg80 {font-size: 80px;}.lg100 {font-size:100px;}.lg130 {font-size: 130px;}.lg210 {font-size: 240px;}
.lappysection {position: relative;bottom: -125px;margin-top: -90px !important;}
.lmtm-3{margin-top: -3%;}
.lgmb0{margin-bottom:0%;}
.lgmb2{margin-bottom:2%;}
.lgmb4{margin-bottom:4%;}
.lgmb5{margin-bottom:5%;}
.lgmb11{margin-bottom:11%;}
.lgmb12{margin-bottom:12%;}
.lgmb22{margin-bottom:22%;}
.lgmb25{margin-bottom:25%;}
.lgmb-6{margin-bottom:-6%;}
.lgmt0{margin-top:0%;}
.lgmt4{margin-top:4%;}
.lgmt5{margin-top:5%;}
.lgmt6{margin-top:6%;}
.lgmt10{margin-top:10%;}
.lgmt13{margin-top:13%;}
.lgmt15{margin-top:15%;}
.lgmt20{margin-top:20%;}
.lgmt26{margin-top:26%;}
.lgmt29{margin-top:29%;}
.padding4{padding:0% 4%}
.titleBg4, .titleBg5{
background-size: auto !important;
}
}
@media (min-width:1500px){
.xl8 {font-size: 8px;}.xl9 {font-size: 9px;}.xl10 {font-size: 10px;}.xl11 {font-size: 11px;}.xl12 {font-size: 12px;}.xl13 {font-size: 13px;}.xl14 {font-size: 14px;}.xl15 {font-size: 15px;}.xl16 {font-size: 16px;}.xl17 {font-size: 17px;}.xl18 {font-size: 18px;}.xl19 {font-size: 19px;}.xl20 {font-size: 20px;}.xl21 {font-size: 21px;}.xl22 {font-size: 22px;}.xl23 {font-size: 23px;}.xl24 {font-size: 24px;}.xl25 {font-size: 25px;}.xl26 {font-size: 26px;}.xl27 {font-size: 27px;}.xl28 {font-size: 28px;}.xl29 {font-size: 29px;}.xl30 {font-size: 30px;}.xl31 {font-size: 31px;}.xl32 {font-size: 32px;}.xl33 {font-size: 33px;}.xl34 {font-size: 34px;}.xl35 {font-size: 35px;}.xl36 {font-size: 36px;}.xl37 {font-size: 37px;}.xl38 {font-size: 38px;}.xl39 {font-size: 39px;}.xl40{font-size: 40px;}.xl41 {font-size: 41px;}.xl42 {font-size: 42px;}.xl44 {font-size: 43px;}.xl45 {font-size: 45px;}.xl46 {font-size: 46px;}.xl47 {font-size: 47px;}.xl48 {font-size: 48px;}.xl49 {font-size: 49px;}.xl50 {font-size: 50px;}.xl51 {font-size: 51px;}.xl52 {font-size: 52px;}.xl53 {font-size: 53px;}.xl55 {font-size: 55px;}.xl56 {font-size: 56px;}.xl58 {font-size: 58px;}.xl65 {font-size: 65px;}.xl60{font-size: 60px;}.xl76 {font-size: 76px;}.xl70 {font-size: 70px;}.xl80 {font-size: 80px;}.xl87 {font-size: 87px;}.xl170 {font-size: 170px;}.xl210 {font-size: 240px;}
.xlmt4{margin-top:4%;}
.padding0 {padding: 0px;}
}
.responsive-video {
padding-bottom: 52.21%;
overflow: hidden;
position: relative;
z-index: 3;
background-color: #000;
border-radius: 12px;
}
.demo{padding-bottom: 55.21%;
overflow: hidden;
position: relative;
border: 0px solid #ffffff42;}
.responsive-video iframe, .responsive-video object, .responsive-video embed, .responsive-video1 iframe, .responsive-video1 object, .responsive-video1 embed, .responsive-demo-video embed, .responsive-demo-video object, .responsive-demo-video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.autoplayer-area {
z-index: 2;
}
.soundOn {
margin-top: 5px;
margin-left: 10px;
animation: pulse2 2s infinite;
animation-timing-function: ease-out;
width: 22%;
padding: 15px;
}
.video-box .autoplayer-area{}
.autoplayer-subarea-16-by-9 {
padding-bottom: 56.25% !important;
border-radius: 14px;
}
.myvideo2 {
background-color: rgb(255, 255, 255);
box-shadow: 0px 3px 35px 0px rgba(56, 37, 122, 0.38);
}
.myvideo2 .responsive-video {
border-radius: 0px;
padding-bottom: 58.21%;
}
.myvideo3, .myvideo3A {
background-color: rgb(31, 37, 61);
box-shadow: 0px 41px 35px 0px rgb(11 12 20 / 55%);
border: 2px solid #fff;
border-radius: 10px;
}
.myvideo3-box{
background-color: #1f253d;
padding: 3%;
border-radius: 10px;
}
.myvideo3 .responsive-video, .myvideo3A .responsive-video {
padding-bottom: 56.25%;
border-radius: 0;
border: 3px solid #13182c;
}
.orange {color: #fc782a;}
.blu {color: #242736;}
.gry2 {color: #474e78;}
.red {color: #e62525;}
.footer a{color:#507dff;}
.footer a:hover{color:#4a73ea;text-decoration:underline;}
.mycontainer{margin:auto;}
.mycontainer-right {
margin-left: auto;
padding: 0 15px;
}
.mycontainer-left{
margin-right: auto;
padding: 0 15px;
}
.italic {
font-style: italic;
}
.upper{text-transform:uppercase}
.capitalize{text-transform: capitalize;}
.underline {text-decoration: underline;}
.underline1{border-bottom:1px solid;}
/*font-weight*/
.w100{font-weight:100;} .w200{font-weight:200;} .w300{font-weight:300;} .w400{font-weight:400;} .w500{font-weight:500;} .w600{font-weight:600;} .w700{font-weight:700;}
.w800{font-weight:800;} .w900{font-weight:900;}
.lh0 {line-height: 0%;}.lh50 {line-height: 50%;}.lh60 {line-height: 60%;}.lh70 {line-height: 70%;}.lh80 {line-height: 80%;}.lh90 {line-height: 90%;}.lh100 {line-height: 100%;}.lh110 {line-height: 110%;}.lh120 {line-height: 120%;}.lh130 {line-height: 130%;}.lh140 {line-height: 140%;}.lh145 {line-height: 145%;}.lh150 {line-height: 150%;}.lh160 {line-height: 160%;}.lh170 {line-height: 170%;}.lh180 {line-height: 180%;}.lh190 {line-height: 190%;}.lh200 {line-height: 200%;}.lh210 {line-height: 210%;}.lh230 {line-height: 230%;}
.clear {
clear: both;
}
.padding2{padding:0% 2%}
.padding3{padding:0% 3%}
.padding5{padding:0% 5%}
.paddingR{padding: 0 0 0 3%;}
.image{display:inline-block;}
.image2{display:none;}
nav{width:100%;}
.navbar-brand {margin-right: 0rem;padding-top: 0px;}
.navbar-dark .navbar-nav .nav-link {
color: #ffffff;
position: relative;
z-index: 2;
}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
color: #f8783d;
}
.getlink span {
position: relative;
z-index: 2;
}
.getlink {
color: rgba(255,255,255,1);
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
position: relative;
border-radius: 50px;
background-color: rgb(115, 181, 0);
padding: 9px 24px !important;
color: #fff!important;
-moz-transition: .4s;
-o-transition: .4s;
-webkit-transition: all .4s ease-in-out;
transition: .4s;
margin-left: 8px;
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
font-weight: 600;
margin-right: 0;
}
.getlink:hover {
box-shadow: 0px 0px 7px 0px rgb(148 148 148);
}
.getlink::before{
content: '' !important;
position: absolute !important;
top: 0 !important;
left: 0 !important;
width: 100%;
height: 100%;
z-index: 1;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.getlink:hover::before{
opacity: 0;
-webkit-transform: scale(1.2,1.2);
transform: scale(1.2,1.2);
}
.getlink::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
opacity: 0;
background-color: rgb(113 165 22);
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
-webkit-transform: scale(0.5,0.5);
transform: scale(0.5,0.5);
border-radius: 50px;
border: 1px solid #679713;
}
.getlink:hover::after{
opacity: 1 ;
-webkit-transform: scale(1,1);
transform: scale(1,1);
}
.getbox{margin-left: 1%;}
nav li a {
padding-left: 5px !important;
padding-right: 5px !important;
margin-left: 20px;
margin-right: 20px;
}
li.nav-item.cl-effect-17 {
padding: 11px 0;
}
/* Effect 17: move up fade out, push border */
.cl-effect-17 a {
color: #10649b;
text-shadow: none;
padding: 0px 0;
}
.cl-effect-17 a::before {
/* color: #fff; */
text-shadow: 0 0 1px rgba(255,255,255,0.3);
content: attr(data-hover);
position: absolute;
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
-moz-transition: -moz-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
pointer-events: none;
}
.cl-effect-17 a::after {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 8px;
background: #f87a3b36;
opacity: 0;
-webkit-transform: translateY(5px);
-moz-transform: translateY(5px);
transform: translateY(5px);
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
-moz-transition: -moz-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
pointer-events: none;
}
.cl-effect-17 a:hover::before,
.cl-effect-17 a:focus::before {
opacity: 0;
-webkit-transform: translateY(-2px);
-moz-transform: translateY(-2px);
transform: translateY(-2px);
z-index: 1;
}
.cl-effect-17 a:hover::after,
.cl-effect-17 a:focus::after {
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
transform: translateY(0px);
z-index: -1;
}
.mybutton a {
border-radius: 6px;
background-image: -moz-linear-gradient( 90deg, rgb(236,109,47) 0%, rgb(255,162,0) 100%);
background-image: -webkit-linear-gradient( 90deg, rgb(236,109,47) 0%, rgb(255,162,0) 100%);
background-image: -ms-linear-gradient( 90deg, rgb(236,109,47) 0%, rgb(255,162,0) 100%);
box-shadow: 0px 11px 16px 0px rgba(0, 0, 0, 0.19), inset 0px 1px 1px 0px rgba(255, 255, 255, 0.004);
color: #fff;
padding: 2% 0;
display: table;
margin: auto;
transition: 0.5s;
width: 76%;
}
.mybutton a:hover {
background-image: -moz-linear-gradient( 90deg, rgb(255,162,0) 0%, rgb(236,109,47) 100%);
background-image: -webkit-linear-gradient( 90deg, rgb(255,162,0) 0%, rgb(236,109,47) 100%);
background-image: -ms-linear-gradient( 90deg, rgb(255,162,0) 0%, rgb(236,109,47) 100%);
box-shadow: 0px 16px 35px 0px rgb(9 19 84 / 12%);
}
.mybutton-table a{
padding: 3.2% 0;
width: 90%;
}
.uncheck1 li {
background: url(../images/uncheck1.png) no-repeat left center;
padding-left: 45px;
list-style: none;
margin-left: 0px;
padding-top: 0;
padding-bottom: 0;
margin: 12px 10px;
padding-right: 0;
display: inline-block;
text-align: left;
}
.checklist1 li {
background: url(../images/check1.png) no-repeat left 6px;
padding-left: 45px;
list-style: none;
margin-left: 0px;
padding-bottom: 4%;
margin-top: 4%;
padding-right: 0;
border-bottom: 1px solid #e1e1e1;
}
.checklist1b li {
background: url(../images/check1.png) no-repeat left 6px;
padding-left: 45px;
list-style: none;
margin-left: 0px;
padding-bottom: 4%;
margin-top: 3.4%;
padding-right: 0;
border-bottom: 1px solid #e1e1e1;
}
.checklist3 li {
background: url(../images/check4.png) no-repeat left center;
padding-left: 30px;
list-style: none;
margin-left: 0;
margin-top: 0%;
display: block;
padding-top: 3px;
padding-bottom: 4px;
}
.section14 .checklist1 li {
border-bottom: 1px solid #2a3047;
color:#dbdeea;
}
.banner .checklist1 li, .banner .checklist1b li {
border-bottom: 1px solid #22294c;
}
.checklist1 li:last-child, .checklist1b li:last-child, .section14 .checklist1 li:last-child, .banner .checklist1 li:last-child, .banner .checklist1b li:last-child{border-bottom: 0px}
.checklist2 li {
background: url(../images/check3.png) no-repeat left 7px;
padding-left: 30px;
list-style: none;
margin-left: 0px;
padding-bottom: 3px;
margin-top: 2%;
padding-right: 0;
}
.pro-box-outter {
padding: 0;
}
.pro-box{
padding: 0px;
border-radius: 25px;
background-color:#283256;
box-shadow: 0px 24px 32px 0px rgba(23, 28, 89, 0.33);
}
.price-checklist1 {
padding: 0 18%;
margin-bottom: 9%;
}
.price-checklist1 li {
background: url(../images/tableCheck.png) no-repeat left 4px;
padding-left: 40px;
list-style: none;
padding-top: 0px;
padding-bottom: 3%;
margin-bottom: 6%;
color: #d9daef;
}
.cover-bg {
background-image: -moz-linear-gradient( 90deg, rgb(40 50 86) 0%, rgb(152,101,60) 59%, rgb(255,143,23) 100%);
background-image: -webkit-linear-gradient( 90deg, rgb(40 50 86) 0%, rgb(152,101,60) 59%, rgb(255,143,23) 100%);
background-image: -ms-linear-gradient( 90deg, rgb(40 50 86) 0%, rgb(152,101,60) 59%, rgb(255,143,23) 100%);
padding: 7% 0 0 0;
border-top-left-radius: 25px;
border-top-right-radius: 25px;
}
.pro-center {
border-radius: 25px;
box-shadow: 0px 24px 32px 0px rgba(23, 28, 89, 0.33);
padding: 0 0 5% 0;
}
.cover-title{margin-top: -7%;}
.pro-center hr.line1 {
border-top: 1px solid #232b4c;
margin: auto;
width: 68%;
margin-top: 4%;
}
.pro-center hr.line2 {
border-top: 1px solid #3f4c7b;
margin: auto;
width: 68%;
margin-bottom: 7%;
}
.mybutton2 a {
border-radius: 6px;
background-image: -moz-linear-gradient( -15deg, rgb(249,117,0) 0%, rgb(255,150,14) 51%, rgb(252,134,7) 74%, rgb(249,117,0) 100%);
background-image: -webkit-linear-gradient( -15deg, rgb(249,117,0) 0%, rgb(255,150,14) 51%, rgb(252,134,7) 74%, rgb(249,117,0) 100%);
background-image: -ms-linear-gradient( -15deg, rgb(249,117,0) 0%, rgb(255,150,14) 51%, rgb(252,134,7) 74%, rgb(249,117,0) 100%);
box-shadow: 0px 16px 35px 0px rgba(9, 19, 84, 0.24);
color: #fff;
padding: 4.1% 0;
display: table;
margin: auto;
transition: 0.5s;
width: 108%;
margin-left: -4%;
}
.mybutton2 a:hover {
background-image: -moz-linear-gradient( -15deg, rgb(255,150,14) 0%, rgb(249,117,0) 51%, rgb(249,117,0) 74%, rgb(252,134,7) 100%);
background-image: -webkit-linear-gradient( -15deg, rgb(255,150,14) 0%, rgb(249,117,0) 51%, rgb(249,117,0) 74%, rgb(252,134,7) 100%);
background-image: -ms-linear-gradient( -15deg, rgb(255,150,14) 0%, rgb(249,117,0) 51%, rgb(249,117,0) 74%, rgb(252,134,7) 100%);
box-shadow: 0px 16px 35px 0px rgb(9 19 84 / 12%);
}
.link a {
color: #425cc9;
}
.link a:hover {
color: #1230eb;
text-decoration: underline;
}
.strip_footer a {
color: #1e2746;
}
.strip_footer a:hover {
text-decoration: underline;
}
.title2 {
border-radius: 3px;
background-color: rgb(255, 255, 255);
box-shadow: 0px 12px 18px 0px rgba(67, 75, 174, 0.09);
padding: 2% 4%;
display: inline-block;
position: relative;
z-index: 1;
}
.title3 {
border: 1px solid rgb(255, 186, 76);
background-color: rgb(255, 225, 178);
display: inline-block;
padding: 1px 2%;
position:relative;
}
.title3::after {
content: '';
position: absolute;
right: 13%;
top: 100%;
width: 0;
height: 0;
border-left: 0px solid transparent;
border-right: 18px solid transparent;
border-top: 14px solid rgb(255 225 178);
clear: both;
}
.title3a {
border: 1px solid rgb(255, 186, 76);
background-color: rgb(255, 225, 178);
display: inline-block;
padding: 8px 4%;
position: relative;
margin-top: 1%;
}
.title3a::after {
content: '';
position: absolute;
right: 17%;
top: 100%;
width: 0;
height: 0;
border-left: 0px solid transparent;
border-right: 36px solid transparent;
border-top: 30px solid rgb(255 225 178);
clear: both;
}
.title6 {
background: url(https://blasterssuite.com/) no-repeat center center;
display: inline-block;
padding: 0% 8%;
}
.facebook {
position: absolute;
float: right;
right: 3%;
margin-top: -12px;
}
.facebook2 {
position: absolute;
float: right;
right: -15%;
margin-top: -8%;
}
.facebook3 {
position: absolute;
float: right;
right: -6%;
margin-top: -5%;
}
.bgIcon1 {
position: absolute;
margin-top: -5px;
margin-left: 1%;
z-index: 2;.section3B
}
.bgIcon2 {
position: absolute;
right: 2%;
margin-top: -9%;
}
.check-box1 {
padding: 0px 4% 0 4%;
}
.check-box2 {
padding: 0 3% 0 1%;
}
.check-box3 {
padding: 0px 6% 0 5%;
}
.check-box4 {
padding: 0 7% 0 3%;
}
.box2{
border-radius: 8px;
background-color: rgb(255, 213, 213);
padding:0px;
}
.step {
color: #fff;
border-radius: 3px;
background-image: -webkit-linear-gradient( 0deg, rgb(246,32,66) 0%, rgb(246,64,71) 55%, rgb(245,95,75) 100%);
padding: .4% 1.5%;
}
.step-text-area {
padding: 0 3%;
}
.question-box {
padding: 0 2%;
margin-top: 7%;
}
.cart {
margin-top: -1%;
}
.arrow {
-webkit-animation: mover 1s infinite alternate;
animation: mover 1s infinite alternate;
}
.check-box-area {
border-bottom: 1px solid #b2d7fa;
padding: 0;
}
.check-box-area-last {
border:0;
}
/* Remove default checkbox */
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
position: absolute;
left: -9999px;
}
[type="checkbox"]:not(:checked) + label, [type="checkbox"]:checked + label {
position: relative;
overflow: hidden;
padding-left: 50px;
cursor: pointer;
display: inline-block;
padding-top: 0;
padding-bottom: 5%;
line-height: 150%;
-webkit-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
-ms-user-select: none;
margin-bottom: 0;
text-align: left;
border-radius: 4px;
}
/* checkbox aspect */
[type="checkbox"] + label:before, [type="checkbox"] + label:after {
content: '';
position: absolute;
left: 7px;
z-index: 1;
margin-top: 7px;
-webkit-transition: .2s;
transition: .2s;
border-radius: 4px;
}
/* Unchecked styles */
[type="checkbox"]:not(:checked) + label:before {
top: 2px;
width: 22px;
height: 22px;
border: 1px solid #706f6f;
background-color: #fff;
}
[type="checkbox"]:not(:checked) + label:after {
top: 2px;
width: 22px;
height: 22px;
border: 2px solid #706f6f;
z-index: 0;
animation: pulse 2s infinite;
}
/* Checked styles */
[type="checkbox"]:checked + label:before {
top: -4px;
width: 10px;
left: 8px;
height: 25px;
border-top: 0px solid transparent;
border-left: 0px solid transparent;
border-right: 3.5px solid #f1832a;
border-bottom: 3.5px solid #f1832a;
-webkit-transform: rotateZ(
37deg
);
transform: rotateZ(
37deg
);
-webkit-transform-origin: 20% 40%;
transform-origin: 100% 100%;
border-radius: 0;
}
[type="checkbox"]:checked + label:after {
top: 2px;
width: 22px;
height: 22px;
border: 2px solid #706f6f;
z-index: 0;
}
/* disabled checkbox */
[type="checkbox"]:disabled:not(:checked) + label:before,
[type="checkbox"]:disabled:checked + label:before {
top: 0;
box-shadow: none;
background-color: #444;
width: 22px;
height: 22px;
border: 3px solid #444;
-webkit-transform: rotateZ(0deg);
transform: rotateZ(0deg);
}
[type="checkbox"]:disabled + label {
color: #555;
}
[type="checkbox"]:disabled:not(:checked) + label:hover:before {
border-color: red;
}
.table-check-box {
padding: 0 14%;
margin-bottom: 6%;
}
.table-check-box [type="checkbox"]:not(:checked) + label:before {
background-color: transparent;
}
/**/
.uncheck2 {
margin-top: -1%;
}
.box-bg {
position:relative;
padding: 2% 0 4% 0;
}
.checkBox {
padding: 3% 4% 1% 4%;
border: 5px solid rgb(178, 215, 250);
border-radius: 4px;
background-color: rgb(228, 239, 249);
box-shadow: 0px 18px 18px 0px rgb(0 0 0 / 7%);
}
.bg1 {
background: url(https://blasterssuite.com/) no-repeat center left;
background-size: contain;
padding: 6% 0% 6% 6%;
}
.bg2 {
background: url(https://blasterssuite.com/) no-repeat center left;
background-size: contain;
padding: 6% 0% 6% 3%;
}
.coupon {
position: relative;
right: 11px;
margin-top: -14%;
}
.coupon2 {
position: relative;
right: 11px;
margin-top: -6%;
}
.section20 .uncheck1 li {
background: url(https://blasterssuite.com/) no-repeat left center;
}
/**/
.arrowLeft, .arrowRight {
margin-top: 12px;
}
.arrowLeft2, .arrowRight2 {
margin-bottom: -6%;
}
.arrowLeft3, .arrowRight3 {
margin-bottom: -4.5%;
}
.box-bg:before {
content: url(../images/handLeft.png);
position: absolute;
z-index: 1;
left: 2%;
bottom: -17%;
}
.myvideo3{position:relative;}
.myvideo3:after {
content: url(../images/arrow12.png);
position: absolute;
z-index: 1;
right: -26%;
top: 40%;
}
.arrow3{
margin-top: 2%;
margin-left: 4%;
position: absolute;
}
.emoji {
margin-top: -1%;
}
.emoji9{
position: absolute;
z-index: 1;
top: -6%;
margin-left: -2%;
}
.section2-line{border-top:1px solid #ebebeb;width:100%;}
.line2 hr{border-top:1px solid #e3e3e3;}
.text1{margin-top:14%;}
.factImage{
max-width: 110%;
position: relative;
left: -10%;
}
.section8-box {
background-color: rgb(246, 247, 250);
border-top-left-radius: 20px;
border-top-right-radius: 20px;
padding: 0;
position: relative;
}
.option-title {
border-radius: 50px;
background-color: rgb(255, 150, 14);
color: #fff;
padding: 3px 5%;
}
.section8 hr {
border-top: 1px solid #d7d7d7;
}
.line{position:relative;}
.line:before {
border-color: rgba(57, 54, 225, 0) !important;
border-top-color: #d7d7d7 !important;
border-width: 22px !important;
margin-left: -22px;
}
.line:after {
border-color: rgba(255, 255, 255, 0) !important;
border-top-color: #f6f7fa !important;
border-width: 20px !important;
margin-left: -20px;
}
.line:after, .line:before {
top: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
margin-top: -1px;
z-index: 1;
}
.section8-box1, .section8-box2, .section8-box3{padding:4% 2% 5% 2%;position:relative;}
.section8-text1, .section8-text3{padding: 0 2% 0 6%;}
.section8-text2{padding: 0 6% 0 2%;}
.emoji10{margin-top: -1%;}
.section3a-box2 {
}
.moneyBack-container {
padding: 0 1%;
}
.moneyBackBox{
border-radius: 20px;
background-image: -moz-linear-gradient( 0deg, rgb(249,80,26) 0%, rgb(255,145,31) 100%);
background-image: -webkit-linear-gradient( 0deg, rgb(249,80,26) 0%, rgb(255,145,31) 100%);
background-image: -ms-linear-gradient( 0deg, rgb(249,80,26) 0%, rgb(255,145,31) 100%);
padding: 1% 2% 0 3%;
}
.titleBg {
background: url(https://blasterssuite.com/) no-repeat center center;
background-size: cover;
padding: 6% 1%;
}
.text {
color: white;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
text-transform: uppercase;
font-weight: 700;
}
.section6-text{
padding: 0 4%;
}
/**/
.title-bg {
border-radius: 20px;
background-image: -moz-linear-gradient( 0deg, rgba(242,142,38,0.99608) 0%, rgb(253,100,79) 100%);
background-image: -webkit-linear-gradient( 0deg, rgba(242,142,38,0.99608) 0%, rgb(253,100,79) 100%);
background-image: -ms-linear-gradient( 0deg, rgba(242,142,38,0.99608) 0%, rgb(253,100,79) 100%);
color: #fff;
display: inline-block;
padding: 6px 3%;
}
.title-bg2 {
background-color: #fff;
box-shadow: 0px 4px 9px 0px rgba(66, 81, 184, 0.13);
padding: 2px 2%;
display: inline-block;
}
.title-bg3 {
background-color: #fff;
box-shadow: 0px 4px 9px 0px rgba(66, 81, 184, 0.13);
padding: 2px 2% 5px 2%;
display: inline-block;
}
.title-bg4 {
border: 1px dashed rgb(255, 255, 255);
border-radius: 5px;
padding: 3px 9%;
display: inline-block;
}
.title-bg5 {
border: 1px dashed rgb(255, 255, 255);
border-radius: 5px;
padding: 3px 10%;
display: inline-block;
}
.title-bg6 {
border: 1px dashed rgb(255, 255, 255);
border-radius: 5px;
padding: 3px 10%;
display: inline-block;
}
.title-bg7 {
border-radius: 5px;
padding: 2px 6% 2px 4%;
display: inline-block;
}
.title-bg7A{background-color: #fbe5d0;}
.title-bg7B{background-color: #ffdad5;}
.title-bg7C{background-color: #c8ecf5;}
.title-bg7D{background-color: #ffefc2;}
.title-bg8 {
border-radius: 5px;
background-color: rgb(52 84 165 / 36%);
color: #fff;
padding: 1px 3%;
display: inline-block;
}
.title-bg9 {
border-radius: 5px;
background-color: rgb(255 147 8 / 30%);
padding: 0px 2%;
display: inline-block;
}
.title-bg10 {
border: 1px dashed rgb(255, 147, 8);
border-radius: 5px;
padding: 1px 3%;
display: inline-block;
}
.title-bg11 {
border-radius: 5px;
background-color: rgb(237, 125, 16);
color: #fff;
padding: 0px 2.6%;
display: inline-block;
}
.title-bg4-box{margin-top: -10%;}
.title-bg5-box{margin-top: -10%;}
.title-bg6-box{margin-top: -10%;}
.titleBg1 {
border-radius: 10px;
border: 1px solid rgb(255, 186, 76);
background-color: rgb(255, 225, 178);
padding: 15px 3%;
display: inline-block;
position: relative;
}
.titleBg1:before {
border-right: 30px solid rgb(57 54 225 / 0%) !important;
border-top: 22px solid #ffba4c !important;
border-left: 0px solid rgb(57 54 225 / 0%) !important;
margin-right: -2px !important;
}
.titleBg1:after {
border-right: 27px solid rgb(57 54 225 / 0%) !important;
border-top: 20px solid #ffe1b2 !important;
border-left: 0px solid rgb(57 54 225 / 0%) !important;
}
.titleBg1:after, .titleBg1:before {
top: 100%;
right: 10%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
margin-top: auto;
z-index: 1;
}
.titleBg1-box{position:relative;}
.titleBg1-box:before {
content: url(../images/emoji1.png);
position: absolute;
z-index: 1;
left: -3%;
bottom: 127%;
}
.titleBg2 {
border-radius: 5px;
border:1px solid #ffba4c;
background-color: rgb(252, 105, 42);
padding: 4px 3%;
display: inline-block;
position: relative;
color:#fff;
}
.titleBg2:before {
border-right: 28px solid transparent !important;
border-top: 21px solid #ffba4c !important;
border-left: 0px solid rgb(57 54 225 / 0%) !important;
margin-right: -0.1px !important;
margin-top: 1px !important;
}
.titleBg2:after {
border-right: 27px solid transparent !important;
border-top: 20px solid #fc692a !important;
border-left: 0px solid rgb(57 54 225 / 0%) !important;
}
.titleBg2:after, .titleBg2:before{
top: 99%;
right: 15%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
margin-top: auto;
z-index: 1;
}
.titleBg3-box{position:relative;}
.titleBg3-box:after {
content: url(../images/emoji2.png);
position: absolute;
z-index: 1;
right: -12px;
top: -22px;
-ms-transform: rotate(15deg);
transform: rotate(15deg);
}
.titleBg3 {
border-radius: 5px;
border:1px solid #ffba4c;
background-color: #e62525;
padding: 4px 4%;
display: inline-block;
position: relative;
color:#fff;
}
.titleBg3:before {
border-left: 21px solid transparent !important;
border-top: 18px solid #ffba4c !important;
border-right: 0px solid rgb(57 54 225 / 0%) !important;
margin-right: -0.1px !important;
margin-top: 1px !important;
}
.titleBg3:after {
border-left: 20px solid transparent !important;
border-top: 18px solid #e62525 !important;
border-right: 0px solid rgb(57 54 225 / 0%) !important;
}
.titleBg3:after, .titleBg3:before{
top: 99%;
left: 11%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
margin-top: auto;
z-index: 1;
}
.titleBg4 {
background: url(../images/titleBg4.png) no-repeat center center;
padding: 4% 0% 4% 0%;
position: relative;
z-index: 2;
}
.titleBg5 {
background: url(../images/titleBg5.png) no-repeat center center;
padding: 4% 0% 4% 2%;
position: relative;
z-index: 2;
color:#fff;
}
.section4-box {
border-radius: 20px;
background-image: linear-gradient(to right, #e16030 , #f9c142);
padding: 3% 5% 0% 1%;
}
.stepIcon {
position: relative;
left: -6%;
}
.arrow4 {margin-top: -2%;}
.arrow6 {
margin-top: -1%;
margin-bottom: -1%;
}
.arrow6B {
margin-bottom: -2%;
margin-top: 1%;
}
.arrow7{
margin-top: -2%;
}
.moreSales, .saveTime{
text-align:right;
}
.moreViews, .save{
text-align:left;
}
.scaredEmoji {
position: relative;
margin-top: -1%;
max-width: 3%;
}
.section23-text{
border: 1px solid #ffffff80;
display: inline-block;
padding: 4px 15px;
}
.footer-box {
border: 1px solid #2f2f2f;
border-radius: 4px;
padding: 0 5% 4% 5%;
margin-top: 4%;
}
.footer a {
color: #5cb9fb;
}
.footer-bottom {
border-top: 1px solid #2f2f2f;
padding-top: 2%;
margin-top: 4%;
}
.footer-bottom a {
color: #fff;
padding: 0 5px;
}
.section3-box {
border: 1px dashed rgb(186, 190, 219);
border-radius: 3px;
display: inline-block;
padding: 3% 6%;
}
.couponBg {
display: inline-block;
padding: 2px 35px 1px 35px;
background-color: #ffe1b2;
border: 2px dashed #f00;
border-radius: 2px;
margin-left: 2%;
margin-top: 4%;
margin-bottom: 4%;
}
.coupon {
position: absolute;
right: 1px;
margin-top: 2%;
float: right;
}
.section11-text1 {
padding: 0 4% 0 4%;
}
.get-box{border-left: 2px solid #fc773d;}
.check-section{background: url(../images/section16.png) no-repeat center center;background-size: cover;padding: 4% 0 0% 0;background-color: #1b2034;overflow: hidden;}
.banner{background: url(../images/banner.png) no-repeat center bottom;background-size: cover;padding: 1% 0 2% 0;background-color: #11162c;}
.section2{background-color: #fff;}
.section3{background: url(../images/section3.png) no-repeat center top;background-size: cover;overflow:hidden;}
.section4{background: url(../images/section4.png) no-repeat center center;background-size: cover;padding: 6% 0 1% 0;background-color: #1b2034;}
.section4B{background: url(../images/section4B.png) no-repeat center top;background-size: cover;padding: 4% 0;background-color: #1b2034;}
.section5{padding: 3% 0 0 0;background-color: #fff;overflow:hidden;}
.section6{padding: 2.5% 0 1% 0;}
.section7{background: url(../images/section7.png) no-repeat center center;background-size: cover;padding: 4% 0 1% 0;background-color:#1b2034;}
.section7B{padding: 5% 0;background-color:#fff;}
.section8{padding: 4% 0 0 0;overflow:hidden;}
.section9{background: url(../images/section9.png) no-repeat center top;background-size: cover;padding: 4% 0 1% 0;background-color: #1b2034;}
.section10{background: url(../images/section10.png) no-repeat center center;background-size: cover;background-color: #f6f7fa;padding: 5% 0 1% 0;}
.section11{background: url(../images/section11.png) no-repeat center top;background-size: cover;padding: 4% 0 1% 0;background-color: #fff;overflow: hidden;}
.section12{background: url(https://blasterssuite.com/) no-repeat center center;background-size: cover;padding: 6% 0 1% 0;background-color: #1b2034;}
.section13{background-color:#ffffff;padding: 6% 0 2% 0;}
.section14{background: url(../images/section14.png) no-repeat center center;background-size: cover;padding: 4% 0 1% 0;background-color: #1b2034;}
.section15{background: url(../images/section15.png) no-repeat center center;background-size: cover;padding: 1% 0 1% 0;background-color: #fff;}
.section16{background: url(../images/section16.png) no-repeat center center;background-size: cover;padding: 4% 0 0 0;background-color: #1b2034;}
.section17{background: url(../images/section17.png) no-repeat center center;background-size: cover;padding: 2% 0 1% 0;overflow:hidden;}
.section18{background: url(../images/section18.png) no-repeat center center;background-size: cover;padding: 4% 0 1% 0;background-color: #1b2137;overflow:hidden;}
.section19{background: url(../images/section19.png) no-repeat center center;background-size: cover;padding: 4% 0 1% 0;background-color:#f6f7fa;}
.section20{background: url(../images/section20.png) no-repeat center top;background-size: cover;padding: 4% 0 1% 0;background-color: #fff;}
.monybackbg{background: url(https://blasterssuite.com/) no-repeat center center;background-size: cover;padding: 4% 0;}
.section21{background: url(../images/section21.png) no-repeat center center;background-size: cover;padding: 5% 0 1% 0;background-color: #11172d;}
.section22{background: url(../images/section22.png) no-repeat center center;background-size: cover;padding: 2% 0 1% 0;background-color: #fff;}
.section23{background: url(../images/section23.png) no-repeat center bottom;background-size: cover;padding: 5% 0 1% 0;background-color: #212936;}
.section24{background: url(../images/section24.png) no-repeat center center;background-size: cover;padding: 4% 0 7% 0;background-color: #fff;}
.section25{background: url(../images/section25.png) no-repeat center center;background-size: cover;padding: 4% 0 6% 0;background-color: #f6f7fa;}
.section26{padding: 4% 0;background-color: #fff;}
.footer {
background-color: #171717;
padding: 5% 0 3% 0;
}
@media only screen and (max-width: 767px){
.section2{padding: 4% 15px;}
.factImage {
max-width: 100%;
left: 0%;
}
.scaredEmoji {
max-width: 9%;
}
.title3 {
margin-bottom: 2%;
}
.image2{display:inline-block;}
.moneyBackBox {
padding: 5% 2% 0 5%;
}
.arrow{max-width: 10%;}
.title-bg3 {
margin-top: 5px;
}
.section11-text1 {
padding: 0 15px;
}
.box-bg:before, .arrowLeft2, .arrowRight2, .arrow3, .section8-box1:after, .section8-box2:before, .arrow4, .arrow5, .arrow6, .arrow7, .arrow6B, .arrow8, .arrow9, .arrowLeft3, .arrowRight3,
.titleBg1-box:before, .titleBg3-box:after, .myvideo3:after, .arrow2A, .arrow4A
{display:none !important;}
.titleBg4, .titleBg5, .section23{background-image:none;}
.moreSales, .saveTime, .moreViews, .save{
text-align:center;
}
.titleBg5-box{
background-color: #a1bf58;
}
.section4-box {
padding: 4%;
}
.box2 {
padding-bottom: 8%;
}
.mybutton a {
width: 100%;
}
.box-bg {
padding: 5% 2%;
}
[type="checkbox"]:not(:checked) + label, [type="checkbox"]:checked + label {
padding-left: 45px;
}
.mobile-center {
text-align: center;
}
.pc-right{
text-align: center;
}
.uncheck1 li {
margin: 5px 0;
}
.arrowLeft{max-width: 10%;}
.facebook2, .facebook3{
position: relative;
float: right;
right: 0;
margin-top: -4%;
}
.facebook {
position: relative;
float: right;
right: 0;
margin-top: -12px;
}
.price-checklist1 {
padding: 0 10%;
}
.titleBg {
background-color: #2d3349;
border: 2px solid #525145;
background-image: none;
padding: 2% 1%;
}
.video-box{
margin: 6% 0;
}
.section14 .checklist1 li:last-child, .banner .checklist1 li:last-child {
border-bottom: 1px solid #22294c;
}
.checklist1A li:last-child{border-bottom: 0 !important;}
.image, .arrowRight2, .bgIcon1, .arrowLeft, .arrowRight{
display: none !important;
}
.check-box1, .check-box2, .check-box3, .check-box4, .section7-text1, .section7-text2, .section8-text1, .section8-text2, .section8-text3{padding: 0 15px;}
.bg1, .bg2{
padding: 6% 15px 6% 15px;
}
}
@media (min-width: 240px){
.lappy {
position: static;
right: 0;
bottom: 0px;
}
.videosection {
position: static;
right: 0;
bottom: 0px;
}
.mainvideo {
position: static;
width: 100%;
height: auto;
}
.video {
width: 485px;
height: 231px;
top: 23px;
left: 0px;
margin-bottom: 8%;
}
}
@media only screen and (max-width: 600px) {
.ex{
background-color:red;
}
}
@media only screen and (min-width: 600px) {
.ex{
background-color:black;
}
.ex{background-color:white}
}
@media only screen and (max-width: 600px) {
.ex{
background-color:black;
}
}
@media (min-width: 480px){
.mainvideo {
position: static;
width: 100%;
height: 0px;
padding-bottom: 56.25%;
}
.video {
width: 485px;
height: 273px;
top: 23px;
left: 28px;
margin-bottom: 8%;
}
.ex{background-color:yellow}
}
@media only screen and (min-width: 768px) {
.ex{
background-color:white;
}
.lappy {
position: relative;
right: 0;
bottom: -50px;
}
.videosection {
position: relative;
right: 0;
bottom: 0px;
}
.video {
width: 315px;
height: 117px;
top: 15px;
left: 7px;
margin-bottom: 12%;
}
}
@media only screen and (min-width: 992px) {
.ex{
background-color:blue;
}
.video {
width: 429px;
height: 162px;
top: 21px;
left: 11px;
margin-bottom: 10%;
}
}
@media only screen and (min-width: 1200px) {
.ex{
background-color:pink;
}
.video {
width: 403px;
height: 196px;
top: 1px;
left: 0px;
margin-bottom: 0px;
}
}
@media (min-width:1300px) {
.mycontainer{width:1219px;}
.mycontainer2{width:1180px;}
.mycontainer-right, .mycontainer-left{width: 1222px;}
.ex{background-color:blue}
}
@media (min-width:1400px) {
.mycontainer{width:1370px;}
.mycontainer2{width:1219px;;}
.mycontainer-right, .mycontainer-left{width:1270px;}
.ex{background-color:silver}
}
@media (min-width:1500px) {
.mycontainer{width:1500px;}
.mycontainer2{width:1240px;}
.mycontainer-right, .mycontainer-left{width: 1365px;}
}
@media (min-width:1600px){
}
@media (min-width:1800px){
}
@media (min-width:1900px){
.mycontainer2{width:1330px;}
.mycontainer-right, .mycontainer-left{width: 1534px;}
}
@media (min-width:2000px){
.ex{background-color:black}
}
.mt0{margin-top:0%;}.mt1{margin-top:1%;}.mt2{margin-top:2%;}.mt3{margin-top:3%;}.mt4{margin-top:4%;}.mt5{margin-top:5%;}.mt6{margin-top:6%;}.mt7{margin-top:7%;}
.mt8{margin-top:8%;}.mt9{margin-top:9%;}.mt10{margin-top:10%;}.mt11{margin-top:11%;}.mt12{margin-top:12%;}.mt13{margin-top:13%;}.mt14{margin-top:14%;}.mt15{margin-top:15%;}.mt17{margin-top:17%;}.mt20{margin-top:20%;}.mt22{margin-top:22%;}.mt26{margin-top:26%;}.mt28{margin-top:28%;}.mtm14{margin-top:-14%;}.mtm4{margin-top:-4%;}.mtm1{margin-top:-1%;}.mtm2{margin-top:-2%;}.mtm3{margin-top:-3%;}.mtm4{margin-top:-4%;}.mtm6{margin-top:-6%;}.mtm8{margin-top:-8%;}.mtm9{margin-top:-9%;}.mtm20{margin-top:-20%;}.mtm12{margin-top:-12px;}.mtm40{margin-top:-40px;}
@-webkit-keyframes mover {
0% { transform: translateY(0); }
100% { transform: translateY(-10px); }
}
@keyframes mover {
0% { transform: translateY(0); }
100% { transform: translateY(-10px); }
}
@-webkit-keyframes pulse {
0% {
-webkit-box-shadow: 0 0 0 0 rgba(148, 158, 231, 0.8);
}
70% {
-webkit-box-shadow: 0 0 0 10px rgba(148, 158, 231, 0);
}
100% {
-webkit-box-shadow: 0 0 0 0 rgba(148, 158, 231, 0);
}
}
/*timer*/
.timer {
display: inline-block;
font-weight: 100;
text-align: center;
font-size: 30px;
}
.timer div {
/* padding: 2px 5px 10px 5px; */
border-radius: 3px;
display: inline-block;
font-size: 35px;
font-weight: 600;
width: 80px;
margin: 0 4px;
}
.timer .smalltext {
font-size: 12px;
font-weight: 500;
display: block;
padding: 0;
width: auto;
margin-top: 10%;
}
.timer #time-up {
margin: 8px 0 0;
text-align: left;
font-size: 14px;
font-style: normal;
color: #fff;
font-weight: 500;
letter-spacing: 1px;
}
.inner-time {
display: inline-block;
padding: 20% 1%;
border-radius: 3px;
/* border-radius: 50px; */
width: 100%;
/* height: 53px; */
background-color: #FC8607;
color: #FFFFFF;
}
.time-box {
}