html {
scroll-behavior: smooth;
}
/*Fonts*/
.grandhotel{font-family: 'Grand Hotel', cursive;}
.pacifico{font-family: 'Pacifico', cursive;}
.caveat{font-family: 'Caveat', cursive;}
.caveatBrush{font-family: 'Caveat Brush', cursive;}
.poppins{font-family: 'Poppins', sans-serif;}
.playfair{font-family: 'Playfair Display', serif;}
/*Common*/
body {font-family: 'Sora', sans-serif;font-size: 14px;line-height: 1.42857143;color: #192033;background-color:#fff;}
a{text-decoration:none;}
a:hover{text-decoration:none;}
h1, h2, h3, h4 , h5, h6, p{margin-bottom:0;}
ul{
padding:0px;
list-style:none;
margin:0px;
}
.ls1{letter-spacing:1px;}
.ls2{letter-spacing:2px;}
.ls4{letter-spacing:4px;}
.ls-02{letter-spacing:-0.2px;}
.ls-01{letter-spacing:-0.5px;}
.ls-1{letter-spacing:-1px;}
.ls-2{letter-spacing:-2px;}
.ls-3{letter-spacing:-3px;}
.ls-4{letter-spacing:-4px;}
.padding0 {padding: 0px;}
.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, .mycontainer2, .mycontainer3{
width:100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.safe-box{
width: 50%;
}
}
@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;}.sm22 {font-size: 22px;}.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;}.sm34 {font-size: 34px;}.sm35 {font-size: 35px;}.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-10{margin-top:-10%;}
.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%;}
.pc-right{
text-align: right;
}
.mycontainer{width:750px;}
.mycontainer2{width:750px;}
.mycontainer3{width:750px;}
.mycontainer-right{width:750px;}
.mycontainer-left{width:750px;}
.available-img{text-align:right;}
}
@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;}.md72 {font-size: 72px;}.md74 {font-size: 74px;}.md75 {font-size: 75px;}.md70 {font-size: 70px;}.md80 {font-size: 80px;}.md84 {font-size: 84px;}.md90{font-size: 90px;}.md92{font-size: 92px;}.md103{font-size: 103px;}.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%;}
.mmb20{margin-bottom:20%;}
.mmb16{margin-bottom:16%;}
.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;}
.mycontainer2{width:922px;}
.mycontainer3{width:922px;}
.mycontainer-right{width:922px;}
.mycontainer-left{width:922px;}
.header {
width: 90%;
}
}
@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: 16px;}.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;}.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: 44px;}.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;}.lg60{font-size: 60px;}.lg62 {font-size: 62px;}.lg67 {font-size: 67px;}.lg70 {font-size: 70px;}.lg71 {font-size: 71px;}.lg72 {font-size: 72px;}.lg74 {font-size: 74px;}.lg80 {font-size: 80px;}.lg84 {font-size: 84px;}.lg92 {font-size: 92px;}.lg103 {font-size: 103px;}.lg150 {font-size: 150px;}.lg120 {font-size: 120px;}
.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%}
}
@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: 44px;}.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%;}
}
.text-black{color:#000;}
.gray{color:#000000}
.gray2{color:#aeaeb1}
.gray3{color:#8c8c8c}
.blue{color:#2a3950}
.black2{color:#101010}
/*logo-top*/
.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;
}
.video-box {
padding: 32px;
position: relative;
z-index: 1;
overflow: hidden;
border-radius: 30px;
background-image: -webkit-linear-gradient( 0deg, rgb(113 170 255 / 27%) 0%, rgb(225 175 204 / 27%) 100%);
}
.video-box .responsive-video {
border-radius: 15px;
}
.responsive-video {
padding-bottom: 56.21%;
overflow: hidden;
position: relative;
z-index: 3;
box-shadow: 0px 19px 40px 0px rgb(0 0 0 / 24%);
border-radius: 0;
}
.autoplayer-subarea-16-by-9 {
padding-bottom: 56.80% !important;
}
.autoplayer-subarea {
background-color: #121212 !important;
}
.demo-video-box{
padding: 0 2%;
position:relative;
}
.demo-video {
border-style: solid;
border-width: 8px;
border-color: #a31d6c;
border-radius: 40px;
background-color: rgb(0 0 0);
margin-top: 4%;
box-shadow: 0px 20px 20px 0px rgb(0 0 0 / 20%);
overflow: hidden;
}
.mycontainer{margin:auto;}
.mycontainer-right{margin-left:auto;}
.mycontainer-left{margin-right:auto;}
.italic {
font-style: italic;
}
.upper{text-transform:uppercase}
/*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%;}.lh220 {line-height: 220%;}.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%;}
.mybutton{position:relative;}
.mybutton a {
border-radius: 100px;
background-color: #fbcf04;
color: #ffffff;
padding: 2.5% 6.7% 2.5% 6.7%;
display: table;
margin: auto;
transition: 0.5s;
background-image: -moz-linear-gradient( 0deg, rgb(168,82,218) 0%, rgb(93,59,208) 100%);
background-image: -webkit-linear-gradient( 0deg, rgb(168,82,218) 0%, rgb(93,59,208) 100%);
background-image: -ms-linear-gradient( 0deg, rgb(168,82,218) 0%, rgb(93,59,208) 100%);
box-shadow: -20.5px 35.507px 29px 0px rgb(22 46 95 / 19%), inset 0px 6px 3px 1px rgb(0 0 0 / 50%), inset 0px -6px 3px 1px rgb(255 255 255 / 50%);
text-shadow: -3.536px 3.536px 0px rgb(0 0 0 / 21%);
overflow: hidden;
position: relative;
}
.mybutton a:hover {
background-color: #e7be00;
background-image: -webkit-linear-gradient( 0deg, rgb(93,59,208) 0%, rgb(168,82,218) 100%);
transform: scale(1.05);
box-shadow: -20.5px 35.507px 29px 0px rgb(22 46 95 / 9%), inset 0px 6px 3px 1px rgb(0 0 0 / 50%), inset 0px -6px 3px 1px rgb(255 255 255 / 50%);
}
.mybutton-table{position:relative;}
.mybutton-table a {
border-radius: 100px;
background-color: #f0bf00;
color: #000000;
padding: 6% 2% 5% 2%;
display: table;
margin: auto;
width: 90%;
transition: 0.5s;
background-image: -moz-linear-gradient( 0deg, rgb(168,82,218) 0%, rgb(93,59,208) 100%);
/* background-image: -webkit-linear-gradient( 0deg, rgb(168,82,218) 0%, rgb(93,59,208) 100%); */
background-image: -ms-linear-gradient( 0deg, rgb(168,82,218) 0%, rgb(93,59,208) 100%);
/* box-shadow: -20.5px 35.507px 29px 0px rgb(22 46 95 / 19%), inset 0px 6px 3px 1px rgb(0 0 0 / 50%), inset 0px -6px 3px 1px rgb(255 255 255 / 50%); */
/* text-shadow: -3.536px 3.536px 0px rgb(0 0 0 / 21%); */
overflow: hidden;
position: relative;
border-bottom: 5px solid #c1a300;
}
.mybutton-table a:hover {
background-color: #e7b800;
/* background-image: -webkit-linear-gradient( 0deg, rgb(93,59,208) 0%, rgb(168,82,218) 100%); */
transform: scale(1.05);
/* box-shadow: -20.5px 35.507px 29px 0px rgb(22 46 95 / 9%), inset 0px 6px 3px 1px rgb(0 0 0 / 50%), inset 0px -6px 3px 1px rgb(255 255 255 / 50%); */
}
.payment2{
max-width: 55%;
margin-top: 3%;
}
.window2{
max-width: 75%;
margin-top: 2%;
}
.mybutton-inn{}
.mybuttonA a {
width: 86.5%;
padding: 4.9% 2%;
}
.mybutton-text {
line-height: 70%;
font-weight: 100;
}
.arrow1 {
position: relative;
margin-top: -2%;
left: 6%;
animation: bounceRight 2s ease infinite;
}
@keyframes bounceRight {
0%, 20%, 50%, 80%, 100% {
transform: translateX(0);
}
40% {
transform: translateX(-30px);
}
60% {
transform: translateX(-15px);
}
}
.mybutton-table .arrow1{animation:none;left: 0%;max-width: 7%;}
.mybutton1 a {
border-radius: 60px;
background-image: -webkit-linear-gradient(
0deg
, rgb(249,19,98) 26%, rgb(255,216,0) 100%);
box-shadow: 0px 13px 40px 0px rgb(0 0 0 / 15%);
color: #fff;
padding: 3.2% 3% 3.2% 5%;
display: table;
margin: auto;
transition: 0.5s;
}
.mybutton1 a:hover {
background-image: -webkit-linear-gradient( 0deg, rgb(255,216,0) 26%, rgb(249,19,98) 100%);
box-shadow:none;
}
.mybutton2 a {
border-radius: 12px;
background-image: -webkit-linear-gradient( -180deg , #E53935 0%, #F44336 100%);
box-shadow: 0px 18px 29px 0px rgba(4, 51, 89, 0.25);
color: #fff;
padding: 5.5% 4% 5.5% 6%;
display: table;
margin: auto;
transition: 0.5s;
width: 102%;
position: relative;
left: -1%;
}
.mybutton2 a:hover {
background-image: -webkit-linear-gradient( -180deg , #F44336 0%, #E53935 100%);
box-shadow:none;
}
.checklist1 li {
background: url(../images/checklist1.png) no-repeat left 4px;
padding-left: 36px;
list-style: none;
margin-left: 0px;
padding-top: 0;
padding-bottom: 2%;
margin-top: 1.5%;
text-align: left;
}
.checklist2{}
.checklist2 li {
background: url(../images/checklist2.png) no-repeat left 9px;
padding-left: 34px;
list-style: none;
margin-left: 0px;
padding-top: 0;
padding-bottom: 0;
margin-top: 5%;
padding-right: 0;
text-align: left;
}
.checklist3{padding: 0 4%;}
.checklist3 li {
background: url(../images/checklist3.png) no-repeat left 9px;
padding-left: 34px;
list-style: none;
margin-left: 0px;
padding-top: 0;
padding-bottom: 0;
margin-top: 3%;
padding-right: 0;
text-align: left;
}
button#search-submit {
background: #36a100!important;
}
.checklist4 li {
display: inline-block;
margin: 1% 2%;
}
.checklist4 li:before {
content: "\f00c";
font-family: FontAwesome;
padding: 0 8px 0 0;
color: #6dce17;
}
.checklist4B li {
background: url(../images/checklist4.png) no-repeat left 15px;
padding-left: 40px;
list-style: none;
margin-left: 0px;
padding-top: 4.5%;
padding-bottom: 4.5%;
margin-top: 0;
padding-right: 4%;
}
.checklist5 li {
background: url(../images/checklist5.png) no-repeat left 20px;
padding-left: 40px;
list-style: none;
margin-left: 0px;
padding-top: 5%;
padding-bottom: 5%;
margin-top: 0;
padding-right: 4%;
}
.checklist6 li {
background: url(../images/checklist6.png) no-repeat left 20px;
padding-left: 40px;
list-style: none;
margin-left: 0px;
padding-top: 5%;
padding-bottom: 5%;
margin-top: 0;
padding-right: 4%;
}
.checklist7 li {
background: url(../images/checklist7.png) no-repeat left 15px;
padding-left: 33px;
list-style: none;
margin-left: 0px;
padding-top: 4%;
padding-bottom: 4%;
margin-top: 0;
}
.checklist8 li {
background: url(../images/checklist8.png) no-repeat left 20px;
padding-left: 40px;
list-style: none;
margin-left: 0px;
padding-top: 6%;
padding-bottom: 6%;
margin-top: 0;
padding-right: 4%;
}
.checklist9 li {
background: url(../images/checklist9.png) no-repeat left 15px;
padding-left: 40px;
list-style: none;
margin-left: 0px;
padding-top: 4.5%;
padding-bottom: 4.5%;
margin-top: 0;
padding-right: 4%;
}
.checklist10 li {
background: url(../images/checklist10.png) no-repeat left 15px;
padding-left: 40px;
list-style: none;
margin-left: 0px;
padding-top: 4.5%;
padding-bottom: 4.5%;
margin-top: 0;
padding-right: 4%;
}
.unChecklist1 li{
background-color: rgb(255, 255, 255);
box-shadow: 0px 8px 18px 0px rgb(74 36 224 / 9%);
display: inline-block;
margin: 7px 8px;
border-radius: 50px;
padding: 5px 24px;
line-height: 180%;
}
.unChecklist1 li span.unChecklist1-inn{
background: url(../images/unChecklist1.png) no-repeat 0 13px;
padding-left: 34px;
list-style: none;
padding-top: 11px;
padding-bottom: 11px;
padding-right: 0;
border-radius: 24px;
}
.unchecklist2 li {
background: url(../images/unchecklist2.png) no-repeat 0 9px;
padding-left: 38px;
list-style: none;
margin-left: 0px;
padding-top: 0;
padding-bottom: 15px;
padding-right: 0;
margin-top: 15px;
}
.without-checklist {
margin-top: 6%;
}
.without-checklist li {
background: url(../images/withoutCheck.png) no-repeat left 4px;
padding-left: 55px;
list-style: none;
margin-left: 0px;
padding-top: 0;
padding-bottom: 2.8%;
margin-top: 2.8%;
}
.with-checklist{
margin-top: 6%;
}
.with-checklist li {
background: url(../images/withCheck.png) no-repeat left 4px;
padding-left: 52px;
list-style: none;
margin-left: 0px;
padding-top: 0;
padding-bottom: 2.8%;
margin-top: 2.8%;
}
.pro-box{
padding: 0px;
border: 3px solid #ffbbc9;
border-radius: 23px;
box-shadow: 0px 2px 87px 0px rgba(168, 134, 106, 0.25)
}
.silver-top {
background: url(../images/silverBg.png) no-repeat center center;
background-size:cover;
padding: 8% 4% 9% 4%;
z-index: 1;
background-color: #cfcfcf;
text-align: center;
border-radius: 35px;
}
.gold-top {
background: url(../images/goldBg.png) no-repeat center center;
background-size:cover;
padding: 8% 4% 5% 4%;
z-index: 1;
background-color: #f7df95;
text-align:center;
border-radius: 35px;
}
.bundle-top {
background: url(../images/tableTopBg.png) no-repeat center bottom;
background-size: cover;
padding: 10% 0 0 0;
z-index: 1;
background-color: #171c3e;
text-align: center;
position: relative;
}
.silver {
background-image: -webkit-linear-gradient( 180deg, rgb(182,182,182) 0%, rgb(223,223,223) 100%);
padding: 2px 33px;
position: relative;
z-index: 2;
color: #000000;
margin-top: 0;
border-radius: 50px;
display: inline-block;
}
.gold {
background-image: -webkit-linear-gradient( 0deg, rgb(235,207,117) 0%, rgb(210,178,94) 100%);
padding: 2px 33px;
position: relative;
z-index: 2;
border-radius: 50px;
display: inline-block;
}
.bundle {
border-width: 1px;
border-color: rgb(255, 255, 255);
border-style: dashed;
padding: 0px 51px;
position: relative;
z-index: 2;
color: #fff;
border-radius: 50px;
display: inline-block;
}
.pro-center {
position: relative;
margin: auto;
margin-top: 8%;
}
.table-box-out2 .pro-center{}
ul.price-checklist1 {
padding: 0 6%;
margin-top: 8%;
}
.price-checklist1 li {
background: url(../images/check2.png) no-repeat 0 3px;
padding-left: 32px;
padding-right: 0;
list-style: none;
margin-left: 0;
padding-top: 0px;
padding-bottom: 17px;
margin-bottom: 17px;
line-height: 160%;
border-bottom: 1px solid #e7e7e799;
}
.price-checklist1 li.unCheck {
background: url(../images/uncheck.png) no-repeat 0 3px;
padding-left: 32px;
color: #a8a8a8;
}
.price-checklist1 li:last-child{border-bottom: 0px;}
ul.price-checklist3 {
padding-left: 13px;
}
.price-checklist3 li {
background: url(../images/check3.png) no-repeat left top;
padding-left: 39px;
list-style: none;
margin-left: 0px;
padding-top: 0px;
padding-bottom: 17px;
margin-bottom: 17px;
border-bottom:1px solid #f1f1f1;
}
.pro-box li.last, .price-checklist3 li.last {border-bottom:0px;}
.coupon {
display: inline-block;
padding: .5% 2.2%;
border-width: 1px;
border-color: rgb(255 255 255);
border-style: dashed;
border-radius: 5px;
background-color: #ff214b;
}
.text-bg {
background: url(../images/textBg.png) no-repeat center center;
background-size: contain;
padding: 18px 7px 12px 7px;
}
.lite-title {
background-color: #eff1f3;
width: 108%;
margin-left: -4%;
padding: 4% 0;
text-align: center;
margin-bottom: 6%;
}
.pro-title{background-image: linear-gradient(to right, #f87a5c , #ff436f);width: 108%;margin-left: -4%;padding: 4% 0;margin-bottom: 6%;text-align: center;color: #fff;}
.table-box-section {
padding: 0 2.2%;
margin-top: 1%;
}
.table-box-out {
padding: 0 7px;
margin-top: 3.5%;
position: relative;
z-index: 1;
}
.table-box1 {
padding: 0;
padding-bottom: 8%;
border-radius: 40px;
background-color: rgb(255 255 255);
overflow: hidden;
}
.table-box2 {
padding: 0;
padding-bottom: 8%;
border-radius: 40px;
background-color: #231b48;
overflow: hidden;
}
.table-box3-out {
margin-top: 5%;
text-align: center;
}
.table-box3 {
padding: 57% 0 8% 0;
border-radius: 30px;
background-color: rgb(29, 78, 215);
position: relative;
}
.table-list{
margin-top: 5%;
}
.table-list li{
margin: 3.5% 0;
}
.cover{
position: relative;
margin-bottom: -64%;
z-index: 1;
}
/*banner-section*/
.text-bg1 {
padding: 0 6px;
background-image: linear-gradient( to top, #ffffff00, #ffffff00 10%, #faebf3 10%, #faebf3 65%, #ffffff00 65% );
}
.text-bg1A-out {
position: relative;
}
.text-bg1A {
padding: 0px 6px;
background-image: linear-gradient(
to top,
#ffffff00,
#ffffff00 10%,
#ffcdeb 10%,
#ffcdeb 65%,
#ffffff00 65%
);
position: absolute;
z-index: -1;
top: 0;
height: 65px;
left: -2%;
animation: right-animate1 1s ease alternate;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.text-bg1B-out {
position: relative;
}
.text-bg1B {
padding: 0 6px;
background-image: linear-gradient( to top, #ffffff00, #ffffff00 15%, #ffe485 15%, #ffe485 55%, #ffffff00 55% );
position: absolute;
z-index: -1;
top: 0;
height: 65px;
left: -2%;
animation: right-animate1 1s ease;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;animation-delay: 1s;
}
.text-bg1C-out {
position: relative;
padding: 0 0 3% 0;
}
.text-bg1C {
background: url(../images/line6.png) no-repeat center bottom;
background-size: auto;
position: absolute;
z-index: -1;
top: 21%;
height: 65px;
left: -2%;
width:103%;
}
@keyframes right-animate1 {
0% {
width:0;
}
100% {
width:103%;
}
}
.ele9{
position: absolute;
margin-left: -9%;
margin-top: -4%;
}
.ele10{
position: absolute;
right: -26%;
float: right;
margin-left: auto;
margin-top: 3%;
}
.titleBg1 {
background-color: #FFEB3B;
display: inline-block;
color: #131527;
text-transform: uppercase;
padding: 4px 31px;
border-radius: 50px;
}
.video-section{padding: 0;}
.video-section .autoplayer-area {
overflow: hidden;
border-width: 2px;
border-color: rgb(255, 255, 255);
border-style: solid;
border-radius: 10px;
background-color: rgb(255, 255, 255);
box-shadow: 0px 38px 62px 0px rgba(0, 0, 0, 0.28);
}
.limit {
position: relative;
top: -2px;
right: 2px;
}
.offer {
text-transform: uppercase;
border-color: rgb(255, 255, 255);
border-width: 1px;
border-style: dashed;
background-color: rgb(255, 0, 0);
padding: 2px 10px;
}
.circle {
background: url(../images/circle.png) no-repeat center center;
background-size: contain;
padding: 10px 0px 10px 23px;
position: relative;
}
.arrowLeft3{
position: absolute;
left: 12%;
bottom: 4%;
}
.arrowRight3{
position: absolute;
right: 12%;
bottom: 4%;
}
.btn-11:before {
position: absolute;
content: '';
display: inline-block;
top: -180px;
left: 0;
width: 30px;
height: 100%;
background-color: #fff;
animation: shiny-btn1 3s ease-in-out infinite;
}
.btn-11:active{
box-shadow: 4px 4px 6px 0 rgba(255,255,255,.3),
-4px -4px 6px 0 rgba(116, 125, 136, .2),
inset -4px -4px 6px 0 rgba(255,255,255,.2),
inset 4px 4px 6px 0 rgba(0, 0, 0, .2);
}
@-webkit-keyframes shiny-btn1 {
0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}
.book1{position:absolute;top: 7%;}
.book2{position:absolute;top: 7%;}
.book3{position:absolute;top: 77%;}
/**Styling scrollable elements*/
.js-scroll {
opacity: 0;
transition: opacity 500ms;
}
.js-scroll.scrolled {
opacity: 1;
}
.scrolled.fade-in {
animation: fade-in 0.5s ease-in-out both;
}
.scrolled.fade-in-bottom {
animation: fade-in-bottom 0.5s ease-in-out both;
}
.scrolled.fade-in-top {
animation: fade-in-top 0.5s ease-in-out both;
}
.scrolled.fade-in-left {
animation: fade-in-left 0.5s ease-in-out both;
}
.scrolled.fade-in-right {
animation: fade-in-right 0.5s ease-in-out both;
}
.scrolled.slide-left {
animation: slide-in-left 0.5s ease-in-out both;
}
.scrolled.slide-right {
animation: slide-in-right 0.5s ease-in-out both;
}
/* ----------------------------------------------
* Generated by Animista on 2021-2-11 23:32:31
* Licensed under FreeBSD License.
* See http://animista.net/license for more info.
* w: http://animista.net, t: @cssanimista
* ---------------------------------------------- */
@keyframes fade-in-bottom {
0% {
-webkit-transform: translateY(50px);
transform: translateY(50px);
opacity: 0;
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
@keyframes fade-in-top {
0% {
-webkit-transform: translateY(-50px);
transform: translateY(-50px);
opacity: 0;
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
@keyframes fade-in-left {
0% {
-webkit-transform: translateX(50px);
transform: translateX(50px);
opacity: 0;
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
}
@keyframes fade-in-right {
0% {
-webkit-transform: translateX(-50px);
transform: translateX(-50px);
opacity: 0;
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
}
@keyframes fade-in {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.arrowDown{
-moz-animation: bounce 2s infinite;
-webkit-animation: bounce 2s infinite;
animation: bounce 2s infinite;
}
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {
transform: translateY(0);
}
40% {
transform: translateY(-30px);
}
60% {
transform: translateY(-15px);
}
}
/*section2*/
.text-bg4 {
background: -webkit-linear-gradient(top, #ffffff00 40%, #eeffce 40%);
}
.explode1{
position: relative;
}
.explode2-vid {
position: relative;
}
.arrow2 {
position: absolute;
top: 42%;
z-index: 1;
}
/*section3*/
.title8 {
box-shadow: -20.5px 35.507px 29px 0px rgb(22 46 95 / 19%);
border-radius: 50px;
position: relative;
z-index: 1;
}
.text-bg6 {
color: #fff;
border-width: 2px;
border-color: rgb(255, 255, 255);
border-style: solid;
border-radius: 35px;
display: inline-block;
padding: 1.2% 3.7%;
position: relative;
margin-top: -1%;
}
.intro {
position: relative;
top: 8%;
z-index: 1;
}
.intro1{
position: absolute;
top: 4%;
left: 7.5%;
z-index: 1;
animation: zoom-in-zoom-out 4s ease-out infinite;
}
.intro2{
position: absolute;
top: -2%;
right: 22%;
animation: 2s ease-in-out 0s infinite alternate none running mover1;
}
.intro3{
position: absolute;
bottom: -8%;
right: 30%;
z-index: 1;
animation: 2s ease-in-out 0s infinite alternate none running mover2;
}
.intro-text-box{
position: absolute;
top: -6%;
z-index: 1;
}
@keyframes zoom-in-zoom-out {
0% {
transform: scale(1, 1);
}
50% {
transform: scale(1.02, 1.02);
}
100% {
transform: scale(1, 1);
}
}
/*section4*/
.section4-box-out {
padding: 0 1.7%;
margin-top: 4%;
position: relative;
z-index: 1;
}
.section4-box2-out{margin-top: 8%;}
.section4-box{
border-radius: 50px;
background-color: rgb(255, 255, 255);
box-shadow: 0px 26px 84px 0px rgba(53, 41, 86, 0.17);
padding: 17% 11% 9% 11%;
text-align:
center;
margin-top: -15%;
position: relative;
z-index: 1;
}
.section4-box h4{
margin-top: 7%;
}
.section4-box p{
margin-top: 2%;
}
.section4-box h5{
margin-top: 0;
}
.profile {
position: relative;
z-index: 2;
}
.ele7 {
position: absolute;
top: 51%;
left: -5%;
z-index: 4;
animation: 2s ease-in-out 0s infinite alternate none running mover1;
}
.ele8 {
position: absolute;
animation: 2s ease-in-out 0s infinite alternate none running mover2;
}
/*section5*/
.text-bg7 {
border-radius: 50px;
display: inline-block;
padding: 0.9% 2.6%;
position: relative;
background-image: -webkit-linear-gradient( -180deg, rgba(242,142,38,0.99608) 0%, rgb(253,100,79) 100%);
box-shadow: 0px 23px 27px 0px rgb(14 0 49 / 33%);
color: #fff;
}
.section5-box-out {
padding: 0 2.3%;
margin-top: 1%;
}
.section5-box2-out{margin-top: 4%;}
.section5-box{
border-width: 1px;
border-color: rgb(0, 0, 0);
border-style: solid;
border-radius: 49px;
background-color: rgb(255, 255, 255);
box-shadow: 0px 37px 38px 0px rgba(36, 21, 77, 0.2);
text-align:center;
padding: 15% 4% 7% 4%;
margin-top: 5%;
position:relative;
}
.section5-box-bottom {margin-top: 12%;}
.section5-box p{}
.section5-box h4{margin-top: 7%;}
.section5-box h5{}
.tag1, .tag2 {
position: absolute;
top: -7%;
left: -1%;
border-radius: 9px;
box-shadow: 0px 12px 21px 0px rgb(53 41 86 / 13%);
}
.tag4 {
position: absolute;
top: -5%;
left: -1%;
border-radius: 9px;
box-shadow: 0px 12px 21px 0px rgb(53 41 86 / 13%);
}
.arrowDown3 {
position: relative;
margin-bottom: -6%;
z-index: 2;
}
.arrowDownA{}
.ele12{position:absolute;z-index:1;}
.ele13{position:absolute;right: 0;z-index:1;}
.ele14{position:absolute;bottom: 22%;left: -1%;}
.ele15{position:absolute;bottom: 5%;right: 0;}
.section5-inn-title-box{margin-left: auto;}
/*section6*/
.bottom-line {
background: url(../images/line.png) no-repeat center bottom;
background-size: contain;
padding: 0 0 1.5% 0;
}
.arrowLeftB{
position: absolute;
}
.arrowRightB{
position: absolute;
}
.arrowLeft{
position: absolute;
bottom: -13%;
left: 23%;
}
.arrowRight{
position: absolute;
bottom: -13%;
right: 23%;
}
.author1-box{text-align:right;padding:0}
.author2-box{text-align:left;padding:0}
.author1 {
position: relative;
right: -3%;
z-index: 1;
}
.author2{
position: relative;
left: -7%;
margin-top: 4%;
}
.arrowDownB{margin-top: -8%;}
/*section7*/
.text-bg8 {
border-radius: 100px;
display: inline-block;
padding: 2px;
position: relative;
background: linear-gradient(to right, #e1afcc, #7530e3);
width: 77%;
}
.text-bg8-inn {
background-color: #fff8f6;
padding: 0.5% 3.2%;
display: inline-block;
border-radius: 100px;
width: 100%;
}
.arrowLeft2 {
position: relative;
margin-bottom: -4%;
right: 1%;
}
.arrowRight2{
position: relative;
margin-bottom: -4%;
left: 1%;
}
.vs-img {
position: absolute;
top: 44%;
z-index: 1;
}
.vs{
position: relative;
left: 0.5%;
animation: zoom-in-zoom-out2 2s ease infinite;
}
.text-bg9 {
position: relative;
}
.svg-box {
position: absolute;
left: 0;
top: -30%;
z-index: -1;
}
@keyframes zoom-in-zoom-out2 {
0% {
transform: scale(1, 1);
}
50% {
transform: scale(1.1, 1.1);
}
100% {
transform: scale(1, 1);
}
}
.svg-box svg {
fill: none;
stroke: #70aec9;
stroke-width: 2;
stroke-miterlimit: 10;
stroke-dasharray: 518;
stroke-dashoffset: 518;
stroke-linecap: round;
position: relative;
top: 50%;
left: 0;
width: calc(100% + 10px);
opacity: 1;
transform: translate(0, -0%);
transition: stroke-dashoffset 0s 0.2s, opacity 0.2s;
z-index: 1;
animation: dash 2s infinite;
height: 100px;
}
.why-text-box {
position: relative;
font-size: 111px;
}
.why-text{ position: relative;z-index: 1;}
.svg-box2{
position: absolute;
left: -2%;
top: -2%;
z-index: -1;
}
.svg-box2 svg {
fill: none;
stroke: #70aec9;
stroke-width: 2;
stroke-miterlimit: 10;
stroke-dasharray: 816;
stroke-dashoffset: 816;
stroke-linecap: round;
position: relative;
top: 50%;
left: 0;
width: calc(100% + 70px);
opacity: 1;
transform: translate(0, -0%);
transition: stroke-dashoffset 0s 0.2s, opacity 0.2s;
z-index: 1;
animation: dash 2s infinite;
height: 133px;
}
/* the animation */
@keyframes dash {
to {
/* closing the offset makes the line appear to be drawn-in */
stroke-dashoffset: 0;
transition: opacity 0s, stroke-dashoffset 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
}
.sell1 {
position: relative;
right: 2%;
}
.sell2 {
border-radius: 15px;
margin-left: 5%;
}
.tag3 {
position: absolute;
margin-top: 2%;
max-width: 35%;
left: 1%;
}
.dislike{
position: absolute;
z-index: 1;
bottom: 15%;
}
.like{
position: absolute;
z-index: 1;
bottom: 28%;
}
/*section8*/
/**/
.swiper2 {
}
.slideImg{}
.swiper2 .swiper-slide, .swiper3 .swiper-slide {
background-color: #ffffff42;
border-radius: 16px;
overflow: hidden;
}
.swiper2 .swiper-wrapper, .swiper3 .swiper-wrapper {
-webkit-transition-timing-function:linear!important;
-o-transition-timing-function:linear!important;
transition-timing-function:linear!important;
}
/*section8B*/
.text-bg5 {
border-radius: 35px;
display: inline-block;
padding: 2px;
position: relative;
background: linear-gradient(to right, #e1afcc, #7530e3);
}
.text-bg5-inn {
background-color: #ffffff;
padding: 0.5% 3.9%;
display: inline-block;
border-radius: 30px;
width: 100%;
}
.ele16{
position: absolute;
top: -3%;
}
/*section9*/
.bottom-line7{
background: url(../images/line7.png) no-repeat center bottom;
background-size: contain;
padding: 0 0 0.2% 0;
}
.section9-title-box {
border-radius: 81px;
background-color: rgb(227, 217, 255);
width: 89%;
margin: auto;
padding: 2.8% 6%;
margin-top: 4%;
}
.text-bg11{
}
.section9-box-out{padding: 0 0.5%;}
.section9-box {
padding: 0% 2% 2% 2%;
position:
relative;
text-align:
center;
background-color: rgb(255, 255, 255);
box-shadow: 0px 24px 24px 0px rgba(0, 0, 0, 0.04);
}
.section9Bg1, .section9Bg2 {
width: 100%;
position: relative;
z-index: 1;
}
.ele1 {
position: absolute;
margin-top: -1%;
margin-left: -8%;
animation: bounceRight 2s ease infinite;
}
.text-bg12 {
color: #ff4d4d;
display: inline-block;
background-image: -webkit-linear-gradient( 0deg, rgb(255 136 124 / 18%) 0%, rgb(182 50 95 / 18%) 100%);
text-align: center;
padding: 5.6% 3%;
border-radius: 15px;
position: relative;
margin-top: -4%;
}
.section9-title{
position: relative;
margin-bottom: -2%;
}
.here{position:relative;z-index:1;}
.text-bg13 {
background: url(../images/textBg4.png) no-repeat center center;
background-size: contain;
padding: 3.5% 0%;
}
.bottom-line3 {
background: url(../images/line5.png) no-repeat center bottom;
background-size: contain;
padding: 0 0 0.2% 0;
}
.arrowLeft4{}
.arrowRight4{}
.bgBottom2{width: 100%;}
.bgTop {
width: 100%;
position: relative;
z-index: 1;
filter: drop-shadow(0 -21px 12px rgb(0 0 0 / 31%));
}
.ele17 {
position: absolute;
z-index: 2;
}
.ele18 {
position: absolute;
bottom: 0%;
z-index: 1;
}
.ele19 {
position: absolute;
bottom: 5%;
right:0;
z-index: 1;
}
.ele20{position: absolute;top: -1%;z-index: 1;right: -5%;animation: zoominoutsinglefeatured 2s infinite ;}
.ele21{
position: absolute;
top: 26%;
z-index: 1;
left: -8%;
-webkit-animation:spin 8s linear infinite;
-moz-animation:spin 8s linear infinite;
animation:
spin 8s linear infinite;
}
.ele22{position: absolute;bottom: 11%;z-index: 2;right: -6%;-webkit-animation: spin 8s linear infinite;-moz-animation: spin 8s linear infinite;animation: spin 8s linear infinite;}
@-moz-keyframes spin {
100% { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
100% {
-webkit-transform: rotate(360deg);
transform:rotate(360deg);
}
}
@keyframes zoominoutsinglefeatured {
0% {
transform: scale(0.95, 0.95);
}
50% {
transform: scale(1,1);
}
100% {
transform: scale(0.95, 0.95);
}
}
/*section10*/
.text-bg17 {
border-width: 1px;
border-color: rgb(179, 186, 202);
border-style: dashed;
position: relative;
display: initial;
padding: 1px 8px;
}
.ele5A{position:absolute;top: -10%;left: -2%;}
.ele5B{position:absolute;top: -10%;right: -2%;}
.ele5C{position:absolute;bottom: -10%;left: -2%;}
.ele5D{position:absolute;bottom: -10%;right: -2%;}
.text-bg17-inn{
padding: 0.5% 3.3%;
display: inline-block;
position: relative;
background-color: #fff;
box-shadow: 0px 0px 7px 2px rgb(0 0 0 / 8%);
}
.text-bg18 {
background: url(../images/textBg9.png) no-repeat center center;
background-size: contain;
padding: 4.6% 10.6%;
color: #fff;
position: relative;
}
.step-detail h3{
}
.step-detail h4{
margin-top: 7%;
}
.step-detail p{
margin-top: 3%;
}
.title3 {animation: swing ease-in-out 1s infinite alternate;}
.connection1-box {
position: absolute;
}
.connection2-box {
position: absolute;
}
.connection3-box {
position: relative;
}
.step2-main-row {
position: relative;
margin-top: 0;
}
.step3-main-row {
position: relative;
}
/*section11*/
.section11-title-img{}
.section11-title-text {
display:none;
background-color: #2f0183;
color: #ffe493;
padding: 3% 0;
}
.bonus-title-box{}
.bonus-title {
display:none;
background-color: #5a00cc;
padding: 4% 0;
text-align: center;
}
.ele26 {
position: absolute;
z-index: 1;
}
.bgTop2 {
width: 100%;
margin-top: -7%;
}
/*section12*/
.templates-detail{}
.templates-detail p {
margin-top: 7%;
padding: 0 1% 0 4%;
}
.template-title1 {
background-image: -moz-linear-gradient( 0deg, rgb(65,75,201) 0%, rgb(78,28,173) 100%);
background-image: -webkit-linear-gradient( 0deg, rgb(65,75,201) 0%, rgb(78,28,173) 100%);
background-image: -ms-linear-gradient( 0deg, rgb(65,75,201) 0%, rgb(78,28,173) 100%);
box-shadow: 21.213px 21.213px 32px 0px rgb(78 29 174 / 35%);
display: inline-block;
color: #fff;
border-radius: 100px;
padding: 2.8% 11.3%;
}
.templates1 {
max-width: 100%;
position: relative;
left: -10%;
}
.templates2-row{
margin-top: 7%;
}
.template-title2 {
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%);
box-shadow: -25.981px 15px 35px 0px rgba(255, 126, 0, 0.35);
display: inline-block;
color: #fff;
border-radius: 100px;
padding: 2.8% 11.3%;
width: 80%;
}
.templates2 {
max-width: 100%;
position: relative;
left: -3%;
}
.templates2-row p{
padding: 0 13% 0 3%;
}
.template-title3 {
background-image: -moz-linear-gradient( 0deg, rgb(65,75,201) 0%, rgb(78,28,173) 100%);
background-image: -webkit-linear-gradient( 0deg, rgb(65,75,201) 0%, rgb(78,28,173) 100%);
background-image: -ms-linear-gradient( 0deg, rgb(65,75,201) 0%, rgb(78,28,173) 100%);
box-shadow: 21.213px 21.213px 32px 0px rgb(78 29 174 / 35%);
display: inline-block;
color: #fff;
border-radius: 100px;
padding: 3.3% 5%;
}
/*section13*/
.section13 .swiper-container {padding: 5% 0;}
.section13 .swiper-pagination {
position: relative;
top: 0;
margin: auto;
padding: 2% 0;
}
.section13 .swiper-pagination-bullet {border: 0px;padding: 0;border-radius: 8px;display: inline;color: #192033;background-color: transparent;text-align: center;font-size: 18px;font-weight: 500;padding: 1.4% 4%;opacity: 1;position: relative;line-height: 380%;word-break: break-all;}
.section13 .swiper-pagination-bullet-active, .section13 .swiper-pagination-bullet:hover{
font-weight: 600;
background-color: rgb(78, 28, 173);
box-shadow: 0px 16px 24px 0px rgb(88 58 173 / 18%);
color: #fff;
}
.section13 .swiper-slide-active {
z-index: 2;
will-change: transform;
-webkit-transform: scale(1.3) !important;
-moz-transform: scale(1.3) !important;
-ms-transform: scale(1.3) !important;
-o-transform: scale(1.3) !important;
transform: scale(1.3) !important;
-webkit-transition: transform 0.5s;
-moz-transition: transform 0.5s;
-ms-transition: transform 0.5s;
-o-transition: transform 0.5s;
transition: transform 0.5s;
}
.section13 .swiper-container p{margin-top: 4%;}
.section13 .swiper-slide img {
box-shadow: 0px 16px 24px 0px rgb(88 58 173 / 4%);
}
.section13 .swiper-slide-active img{border-radius: 16px;box-shadow: 0px 16px 24px 0px rgb(88 58 173 / 24%);}
.slide{border-radius: 20px;}
/*section13B*/
.template-title4 {
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%);
box-shadow: 21.213px 21.213px 32px 0px rgb(247 122 57 / 18%);
display: inline-block;
color: #fff;
border-radius: 100px;
padding: 6.4% 11.3%;
}
.templates4{
max-width: 120%;
position: relative;
left: -22%;
}
.templates4-row p{
padding: 0 22% 0 3%;
}
.templates5-row{
margin-top: -5%;
}
.templates5Title{
margin-bottom: -5.5%;
}
.templates5{max-width: 100%;}
.templates5-video{
border: 8px solid rgb(163, 29, 108);
border-radius: 39px;
box-shadow: 0px 38px 62px 0px rgba(0, 0, 0, 0.28);
overflow: hidden;
width: 84%;
margin: auto;
}
/*section13C*/
.template-title6 {
background-image: -moz-linear-gradient( 0deg, rgb(65,75,201) 0%, rgb(78,28,173) 100%);
background-image: -webkit-linear-gradient( 0deg, rgb(65,75,201) 0%, rgb(78,28,173) 100%);
background-image: -ms-linear-gradient( 0deg, rgb(65,75,201) 0%, rgb(78,28,173) 100%);
box-shadow: 21.213px 21.213px 32px 0px rgba(78, 29, 174, 0.35);
display: inline-block;
color: #fff;
border-radius: 100px;
padding: 6.4% 10.3% 6.4% 11.3%;
}
.templates6 {
max-width: 100%;
position: relative;
left: -5%;
}
/*section13D*/
.template-title7 {
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%);
box-shadow: 21.213px 21.213px 32px 0px rgb(247 122 57 / 18%);
display: inline-block;
color: #fff;
border-radius: 100px;
padding: 6.4% 11.3%;
}
.templates7{
max-width: 102%;
position: relative;
right: -7%;
}
/*section13E*/
.template-title8 {
background-image: -moz-linear-gradient( 0deg, rgb(65,75,201) 0%, rgb(78,28,173) 100%);
background-image: -webkit-linear-gradient( 0deg, rgb(65,75,201) 0%, rgb(78,28,173) 100%);
background-image: -ms-linear-gradient( 0deg, rgb(65,75,201) 0%, rgb(78,28,173) 100%);
box-shadow: 21.213px 21.213px 32px 0px rgba(78, 29, 174, 0.35);
display: inline-block;
color: #fff;
border-radius: 100px;
padding: 6.4% 11.3%;
}
.templates8{
max-width: 100%;
position: relative;
left: -9%;
}
/*section13F*/
.template-title9 {
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%);
box-shadow: -25.981px 15px 35px 0px rgba(255, 126, 0, 0.35);
display: inline-block;
color: #fff;
border-radius: 100px;
padding: 6.4% 11.3%;
}
.templates9 {
max-width: 113%;
position: relative;
margin-top: 10%;
}
/*section13G*/
.template-title10 {
background-image: -moz-linear-gradient( 0deg, rgb(65,75,201) 0%, rgb(78,28,173) 100%);
background-image: -webkit-linear-gradient( 0deg, rgb(65,75,201) 0%, rgb(78,28,173) 100%);
background-image: -ms-linear-gradient( 0deg, rgb(65,75,201) 0%, rgb(78,28,173) 100%);
box-shadow: 21.213px 21.213px 32px 0px rgba(78, 29, 174, 0.35);
display: inline-block;
color: #fff;
border-radius: 100px;
padding: 6.4% 11.3%;
}
.templates10{
position: relative;
left: -13%;
}
/*section13H*/
.templates12Icon{margin-top: 7%;}
.template-title11 {
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%);
box-shadow: -25.981px 15px 35px 0px rgba(255, 126, 0, 0.35);
display: inline-block;
color: #fff;
border-radius: 100px;
padding: 6.4% 11.3%;
}
.templates11{
max-width: 108%;
position: relative;
}
/*section13I*/
.templates11Icon{margin-top: 7%;}
.template-title12 {
background-image: -moz-linear-gradient( 0deg, rgb(65,75,201) 0%, rgb(78,28,173) 100%);
background-image: -webkit-linear-gradient( 0deg, rgb(65,75,201) 0%, rgb(78,28,173) 100%);
background-image: -ms-linear-gradient( 0deg, rgb(65,75,201) 0%, rgb(78,28,173) 100%);
box-shadow: 21.213px 21.213px 32px 0px rgba(78, 29, 174, 0.35);
display: inline-block;
color: #fff;
border-radius: 100px;
padding: 6.4% 11.3%;
}
.templates12{
max-width: 118%;
position: relative;
left: -25%;
}
.section13I .arrowDown{margin-top: -7%;}
/*section14A*/
.title10 {
-webkit-text-stroke: 1px black;
color: black;
text-shadow: -1px -1px 0 rgb(255 210 0 / 17%), 1px -1px 0 hsl(49deg 100% 50% / 17%), -1px 1px 0 rgb(255 210 0 / 17%), 1px 1px 0 rgb(255 210 0 / 17%);
}
.textBg10 {
background: url(../images/textBg10.png) no-repeat center center;
background-size: contain;
padding: 2% 3%;
}
.section14A-box1 {
max-width: 94.3%;
}
.section14A-box1-inn{
background-color: rgb(248, 245, 255);
box-shadow: 13.5px 23.383px 10px 0px rgb(0 0 0 / 17%);
padding: 3% 2% 1.5% 7%;
position: relative;
margin-right: auto;
-ms-transform: rotate(-0.5deg);
transform: rotate(-0.5deg);
margin-top: 6%;
}
.section14A-box1-row{
-ms-transform: rotate(0.5deg);
transform: rotate(0.5deg);
}
.bg2 {
position: relative;
z-index: 1;
left: 0;
-ms-transform: rotate(-0.5deg);
transform: rotate(-0.5deg);
margin-top: -1px;
width: 100%;
filter: drop-shadow(5px 6px 4px #0000002b);
}
.ele11 {
position: absolute;
top: -5%;
}
.section14A-box2 {
max-width: 94.3%;
margin: auto;
}
.section14A-box2-inn {
background-color: rgb(248, 245, 255);
box-shadow: 13.5px 23.383px 10px 0px rgb(0 0 0 / 17%);
padding: 7% 4% 0.5% 0%;
position: relative;
margin-top: -5%;
}
.bg3 {
position: relative;
z-index: 1;
left: 0;
margin-top: -1px;
width: 100%;
filter: drop-shadow(5px 6px 4px #0000005c);
}
.section14A-inn {
background: url(../images/section14ABg.png) no-repeat center top;
background-size: cover;
padding: 6% 0 0 0;
margin-top: 1%;
position:relative;
}
.textBg11 {
background: url(../images/textBg11.png) no-repeat center center;
background-size: contain;
padding: 3% 3% 3.5% 3%;
}
/*section14B*/
.arrowLeft5{
position: relative;
margin-bottom: -3%;
right: 1%;
}
.arrowRight5{
position: relative;
margin-bottom: -3%;
left: 1%;
}
.cover-box1{padding: .0 2% 0 4%;}
.cover-box2{padding: 0 4% 0 2%;}
.cover-box1-inn{
border-radius: 30px;
background-image: -moz-linear-gradient( 120deg, rgb(82,85,137) 0%, rgb(172,168,224) 100%);
/* background-image: -webkit-linear-gradient( 120deg, rgb(82,85,137) 0%, rgb(172,168,224) 100%); */
background-image: -ms-linear-gradient( 120deg, rgb(82,85,137) 0%, rgb(172,168,224) 100%);
text-align:
center;
padding: 0;
margin-top: -4%;
}
.cover-box2-inn {
/* border-radius: 30px; */
background-image: -moz-linear-gradient( -45deg, rgb(155,70,162) 0%, rgb(91,26,132) 100%);
/* background-image: -webkit-linear-gradient( -45deg, rgb(155,70,162) 0%, rgb(91,26,132) 100%); */
background-image: -ms-linear-gradient( -45deg, rgb(155,70,162) 0%, rgb(91,26,132) 100%);
text-align: center;
padding: 0;
margin-top: 0;
margin-top: -4%;
}
.cover-title1 {
background-color: #8b83aa;
display: inline-block;
border-radius: 50px;
padding: 1% 5%;
font-style: italic;
position: relative;
margin-top: -4%;
z-index: 1;
color: #fff;
}
.cover-title2 {
background-color: #5c52eb;
display: inline-block;
border-radius: 50px;
padding: 1% 5%;
font-style: italic;
position: relative;
margin-top: -4%;
z-index: 1;
color: #fff;
}
.cover-img{margin-top: 0;}
.section14B-box {
border-radius: 38px;
background-color: rgb(144 144 144 / 9%);
padding: 2.7% 8%;
margin-top: 4%;
position: relative;
}
.short{
position: absolute;
bottom: -7%;
right: -12%;
}
.cover2{
border-radius: 30px;
}
/*section14*/
.bottom-line2 {
background: url(../images/line2.png) no-repeat center bottom;
background-size: contain;
padding: 0 0 0.2% 0;
}
.section14-main-box {
padding: 0 6%;
margin-top: 2%;
}
.section14-box-out{
padding: 2.5% 2.5%;
}
.section14-box{
border-radius: 27px;
background-color: rgb(247, 249, 253);
box-shadow: 0px 35px 35px 0px rgba(35, 14, 92, 0.11);
padding: 0% 5% 11% 5%;
height: 100%;
text-align:center;
}
.section14-box h3{
background: url(../images/reasonBg.png) no-repeat center left;
background-size: contain;
color: #fff;
padding: 2% 5% 5% 7%;
position: relative;
left: -8%;
top: -5%;
margin-bottom: 5%;
text-align:left;
}
.section14-box p{
margin-top: 7%;
}
.look1 {
position: absolute;
filter: drop-shadow(4px 4px 10px rgba(0,0,0,0.5));
}
.look2 {
position: absolute;
filter: drop-shadow(4px 4px 10px rgba(0,0,0,0.5));
}
.reason7-box h3 {
top: -2%;
margin-bottom: -5%;
}
.reason7-box p {
margin-top: 3%;
}
.reason7 {
width: 90%;
margin: auto;
margin-top: -10%;
}
/*section15*/
.text-bg14 {
background: url(../images/textBg5.png) no-repeat center center;
background-size: contain;
padding: 1.5% 2%;
}
.section15-box-out{
padding: 0 6%;
margin-top: 2%;
}
.section15-box{
border-radius: 42px;
background-color: rgb(255, 225, 225);
padding: 5% 0 5% 6%;
}
.problem {
position: relative;
left: 6%;
}
/*section16*/
.text-bg15 {
background: url(../images/textBg6.png) no-repeat center center;
background-size: contain;
padding: 1.5% 3%;
}
.arrowDown8 {
position: absolute;
top: 50%;
z-index: 1;
}
.section16-box-out{
padding: 0 6%;
margin-top: 3%;
}
.section16-box {
border-radius: 29px;
background-color: rgb(255, 255, 255);
box-shadow: 0px 33px 35px 0px rgb(0 0 0 / 19%), inset 0px 3px 0px 0px rgb(108 76 198 / 64%);
padding: 4% 0 0% 0;
}
.men2 {
position: relative;
margin-top: -2%;
left: -8%;
margin-bottom: -1%;
z-index: 1;
max-width: 109%;
}
.available {
position: relative;
}
.section16-box-detail {
padding: 0 4%;
}
.section16-box-detail2 {
}
.need{border-radius: 0 0 0 40px;}
/*section17*/
.title4 {
margin-top: 0%;
position: relative;
z-index: 1;
}
.text-bg16 {
background: url(../images/textBg7.png) no-repeat center center;
background-size: contain;
padding: 11.8% 14.4%;
color: #fff;
position: relative;
left: -8%;
}
.bonus-details{}
.bonus-details h4{}
.bonus-details h3{margin-top: 12%;}
.bonus-details p{margin-top: 2%;}
.bonus1 {
position: relative;
left: -8%;
}
.bonus2 {
position: relative;
max-width: 104%;
left: 0;
}
.bonus3 {
position: relative;
max-width: 128%;
left: -31%;
}
.secure {
position: relative;
max-width: 118%;
}
.bonus2-row{margin-top: -3%;}
.bonus3-row{margin-top: -12%;}
/*section18*/
.section18-detail{padding: 0 2.5%;}
/*section19*/
.refund{
position: relative;
z-index: 1;
}
.section19-box {
perspective: 2220px;
position: relative;
}
.section19-box-inn {
background-color: rgb(255, 221, 186);
box-shadow: 31.113px 31.113px 62px 0px rgb(0 0 0 / 34%);
border-radius: 50px;
text-align: center;
margin: auto;
padding: 10% 9% 10% 21%;
transform: rotateY(-20deg);
position:
relative;
}
.section19-detail-box{
perspective: 1360px;
position: relative;
}
.section19-detail-box-inn{
transform: rotateY(12deg);
}
.badge-img{
position: absolute;
z-index: 1;
left: 5%;
top: -2%;
}
.textBg8 {
position: relative;
margin-top: -3.8%;
}
.section19-box2 {
perspective: 2220px;
position: relative;
margin-top: 4%;
padding: 0 1.8%;
}
.section19-box2-inn-out {
}
.section19-box2-inn {
border-radius: 32px;
background-color: rgb(255, 255, 255);
box-shadow: 0px 10px 54px 0px rgb(21 9 0 / 27%);
text-align: center;
margin: auto;
padding: 5% 0% 3% 0%;
position: relative;
margin-top: 6%;
}
.paypal{
position: relative;
right: -1%;
}
.clickbank{
position: relative;
left: -5%;
}
.section19-detail-box2{
perspective: 2220px;
position: relative;
}
.section19-detail-box2-inn {
padding: 0 16%;
margin-bottom: 4%;
}
.ele23{position:absolute;top: -9%;right: -2%;}
.ele24{position:absolute;left: -25%;top: 6%;}
.ele25 {
position: absolute;
top: 0;
left: -6%;
}
.text-bg3 {
background-color: #ffb19a;
display: inline-block;
padding: 0 1%;
}
.img1{
position: absolute;
right: 0;
top: 4%;
}
.img2 {
position: absolute;
left: -4%;
top: 19%;
}
.price-table-box-out{
margin-top:5%;
}
.price-table-box-most-out{
margin-top: 3%;
}
.price-table-box{
padding: 0 0 12% 0;
border-width: 1px;
border-color: rgb(230 228 230);
border-style: solid;
border-radius: 15px;
background-color: rgb(255, 255, 255);
}
.price-table-box-most{border-color: rgb(120 67 211);}
.price-table-box-top{
padding: 8% 0 7% 0;
background-color: #e6e4e6;
text-align: center;
border-radius: 14px 14px 0 0;
}
.price-table-box-top-good {
background-image: -webkit-linear-gradient( 0deg, rgb(203 47 118) 0%, rgb(168,82,218) 100%);
color: #fff;
}
.price-table-box-most-top{
background-image: -webkit-linear-gradient( 0deg, rgb(93,59,208) 0%, rgb(168,82,218) 100%);
border-radius: 14px 14px 0 0;
color: #fff;
padding: 8% 0 5.54% 0;
}
.audio-player {
left: 0;
right: 0;
bottom: 0;
visibility: hidden;
opacity: 0;
z-index: -1;
}
.audio-controls {
width: 40px;
height: 40px;
background-color: #28a745 !important;
color: #fff !important;
}
.icon_wrapper .speaker-img {
width: 40px;
height: 40px;
object-fit: cover;
object-position: center;
}
.price-table-box .icon_wrapper {
display: block;
}
.most-popular {
background-color: #4bae4f;
color: #fff;
display: inline-block;
padding: 1.8% 6% 1% 6%;
position: relative;
margin-top: -5%;
margin-bottom: 6%;
border-radius: 50px;
}
.most-popular svg {
fill: #fff;
position: relative;
right: 4px;
top: 1px;
}
.section19-title {
background-color: #ffdb70;
display: inline-block;
padding: 0% 3%;
border-radius: 50px;
}
.mostTag{
position: absolute;
right: -1px;
top: -2px;
}
/*section20*/
.line4 {
position: relative;
margin-top: -1%;
}
.accordion .fa {
float: right;
margin-top: 4px;
color: #9993ff;
background-color: rgb(38, 38, 38);
border-radius: 50%;
padding: 0.8% 0.8%;
font-size: 19px;
}
.footer-section .card {
border: 0px;
margin: 1% 0;
padding: 2.6% 0;
border-width: 0;
overflow: hidden;
border-radius: 20px;
background-color: rgb(35 35 35 / 88%);
opacity: 0.878;
box-shadow: -8px 0px 0px 0px rgba(38, 38, 38, 0.48);
}
.footer-section .card-header{
padding: 0;
border: 0;
box-shadow: none;
background-color: transparent;
}
.footer-section .card-header button {
width: 100%;
text-align: left;
color: #b8b8b8;
padding: 0% 4%;
border: 0 !important;
box-shadow: none;
white-space: break-spaces;
background-color: transparent;
}
.footer-section .card-body {
padding: 1% 8% 0% 4.5%;
color: #909090;
}
.btn:focus, .btn:hover {
text-decoration: none !important;
}
.click-link{
color:#2d6dff;
text-decoration:underline;
}
.link {
}
.link, .link a {
text-decoration: none;
color: #6c6c6c;
}
.link a:hover{
text-decoration: underline;
color: #999999;
}
.link2 a{
color: #a19ba9;
text-decoration: none;
}
.link2 a:hover{
text-decoration: underline;
color: #a19ba9;
}
/*section21*/
.about{margin-top: -6%;}
.section21-box {
background: url(../images/section21Bg.png) no-repeat center center;
background-size: contain;
padding: 9% 15px;
margin-top: -3%;
margin-bottom: -3%;
}
.section21-box p{padding: 0 6%;}
/*elements*/
@-webkit-keyframes mover1 {
0% { transform: translateY(0); }
100% { transform: translateY(10px); }
}
@keyframes mover1 {
0% { transform: translateY(0); }
100% { transform: translateY(10px); }
}
@-webkit-keyframes rotate {
0%,100% {
-ms-transform: rotate(0);
transform: rotate(0);
}
40% {
-ms-transform: rotate(5deg);
transform: rotate(5deg);
}
70% {
-ms-transform: rotate(-5deg);
transform: rotate(-5deg);
}
}
@-webkit-keyframes rotate2 {
0%,100% {
-ms-transform: rotate(0);
transform: rotate(0);
}
40% {
-ms-transform: rotate(-5deg);
transform: rotate(-5deg);
}
70% {
-ms-transform: rotate(5deg);
transform: rotate(5deg);
}
}
@-webkit-keyframes mover2 {
0% { transform: translateY(10px); }
100% { transform: translateY(0); }
}
@keyframes mover2 {
0% { transform: translateY(10px); }
100% { transform: translateY(0); }
}
.breakmobile{display:none;}
.banner{background: url(../images/banner.png) no-repeat center top;background-size: cover;padding: 2% 0 3% 0;position: relative;overflow: hidden;}
.section2{background: url(../images/section2.png) no-repeat center top;background-size: cover;padding: 4% 0 6.5% 0;position: relative;overflow: hidden;margin-top: -3%;}
.section3{position:relative;margin-top: -6%;}
.section3A{background: url(../images/section3.png) no-repeat center top;background-size: cover;padding: 2.5% 0 7% 0;position: relative;overflow: hidden;}
.section3B{position: relative;padding-top: 0%;background-color: #080124;}
.section4{background: url(../images/section4.png) no-repeat center top;background-size: cover;padding: 2% 0 5% 0;position: relative;overflow: hidden;margin-top:-1px;}
.section5{background: url(../images/section5.png) no-repeat center top;background-size: cover;position: relative;overflow: hidden;}
.section6{background: url(../images/section6.png) no-repeat center top;background-size: cover;padding: 23% 0 0% 0;position: relative;overflow: hidden;margin-top: -29%;}
.section7{background: url(../images/section7.png) no-repeat center top;background-size: cover;padding: 10% 0 0% 0;position: relative;overflow: hidden;margin-top: -4%;}
.section8{background: url(../images/section8.png) no-repeat center bottom;background-size: cover;padding: 3% 0 6% 0;position: relative;overflow: hidden;margin-top: 0;z-index: 1;}
.section8B{background: url(../images/section8B.png) no-repeat center top;background-size: cover;padding: 3% 0 11% 0;position: relative;margin-top: 0;}
.section9{background: url(../images/section9.png) no-repeat center top;background-size: cover;padding: 3% 0 14% 0;position: relative;margin-top: -10%;overflow: hidden;}
.section10{background: url(../images/section10.png) no-repeat center top;background-size: cover;padding: 8% 0 1% 0;position: relative;overflow: hidden;margin-top: -11.5%;}
.section11{margin-top:-2%;}
.section11B{background: url(../images/section11.png) no-repeat center top;background-size: cover;padding: 12% 0 7% 0;position: relative;overflow: hidden;}
.section12{background: url(../images/section12.png) no-repeat center bottom;background-size: cover;padding: 2% 0 4% 0;position: relative;overflow: hidden;margin-top: -10%;}
.section13{background: url(../images/section13.png) no-repeat center top;background-size: cover;padding: 13% 0 13% 0;position: relative;overflow: hidden;margin-top: -9%;}
.section13B{background: url(../images/section13B.png) no-repeat center top;background-size: cover;padding: 14% 0 9% 0;position: relative;overflow: hidden;margin-top: -15%;}
.section13C{background: url(../images/section13C.png) no-repeat center top;background-size: cover;padding: 10% 0 2.5% 0;position: relative;overflow: hidden;margin-top: -8.5%;z-index:1;}
.section13D{background: url(../images/section13D.png) no-repeat center top;background-size: cover;padding: 16% 0 8.5% 0;position: relative;overflow: hidden;margin-top: -10%;}
.section13E{background: url(../images/section13E.png) no-repeat center top;background-size: cover;padding: 17% 0 8.5% 0;position: relative;overflow: hidden;margin-top: -12%;}
.section13F{background: url(../images/section13F.png) no-repeat center top;background-size: cover;padding: 19% 0 8.5% 0;position: relative;overflow: hidden;margin-top: -15%;z-index: 1;}
.section13G{background: url(../images/section13G.png) no-repeat center top;background-size: cover;padding: 27% 0 10% 0;position: relative;overflow: hidden;margin-top: -22%;}
.section13H{background: url(../images/section13H.png) no-repeat center top;background-size: cover;padding: 17% 0 7% 0;position: relative;overflow: hidden;margin-top: -10%;z-index: 1;}
.section13I{background: url(../images/section13I.png) no-repeat center top;background-size: cover;padding: 18% 0 1.5% 0;position: relative;overflow: hidden;margin-top: -14%;}
.section14A{background: url(../images/section14A.png) no-repeat center top;background-size: cover;padding: 11% 0 2% 0;position: relative;overflow: hidden;margin-top: -1%;}
.section14B{background: url(../images/section14B.png) no-repeat center top;background-size: cover;padding: 8% 0 7% 0;position: relative;overflow: hidden;margin-top: -5%;}
.section14{background: url(../images/section14.png) no-repeat center top;background-size: cover;padding: 9% 0 9% 0;position: relative;overflow: hidden;margin-top: -11%;}
.section15{background: url(../images/section15.png) no-repeat center top;background-size: cover;padding: 27% 0 0% 0;position: relative;overflow: hidden;margin-top: -29%;z-index: 1;}
.section16{background: url(../images/section16.png) no-repeat center top;background-size: cover;padding: 20% 0 0 0;position: relative;overflow: hidden;margin-top: -18%;}
.section17{background: url(../images/section17.png) no-repeat center top;background-size: cover;padding: 0% 0 0% 0;position: relative;overflow: hidden;margin-top: -2%;}
.section18{background: url(../images/section18.png) no-repeat center top;background-size: cover;padding: 22% 0 20% 0;position: relative;overflow: hidden;margin-top: -35%;}
.section19{background: url(../images/section19.png) no-repeat center top;background-size: cover;padding: 19% 0 0% 0;position: relative;overflow: hidden;margin-top: -27%;}
.section19-inn{background: url(../images/section19Bg.png) no-repeat center center;background-size: auto;padding: 0;position: relative;margin-top: 11%;}
.section19-inn2{background: url(../images/section19Bg2.png) no-repeat center top;background-size: cover;padding: 6% 0 9% 0;position: relative;margin-top: -6%;}
.section20{background: url(../images/section20.png) no-repeat center top;background-size: cover;padding: 12% 0 13% 0;position: relative;overflow: hidden;margin-top: -6%;}
.section21{background: url(../images/section21.png) no-repeat center top;background-size: cover;padding: 11% 0 5% 0;position: relative;overflow: hidden;margin-top: -11%;}
.footer{background: url(../images/footer.png) no-repeat center top;background-size: cover;padding: 6% 0 5% 0;position: relative;background-color: #040c26;}
.footer-link{background-color: #08080a;padding: 3% 0;border-top: 1px dashed rgb(255 255 255 / 4%);}
@media only screen and (max-width: 767px){
.banner {padding: 6% 0 7% 0;}
.section2 {margin-top: 0;background-color: #fff8f6;padding: 2% 0 5% 0;text-align: center;}
.section3 {margin-top: 0;}
.section3A {background-image: none;padding: 5% 0 4% 0;margin-top: 0;background-color: #0b0228;}
.section4 {background-image: none;padding: 5% 0 6% 0;margin-top: 0;}
.section5 {padding: 6% 0 0% 0;margin-top: 0;background-image: none;background-color: #753be3;}
.section5-inn {background-color: #af79c8;margin-top: 6%;}
.section6 {background-image: none;padding: 2% 0 0% 0;margin-top: 0;}
.section7 {padding: 6% 0 3% 0;background-image: none;background-color: #fff8f6;}
.section8 {background-image: none;padding: 4% 0 4% 0;margin-top: 0;background-color: #3b0c91;}
.section9 {background-image: none;padding: 4% 0 0% 0;margin-top: 0;background-color: #55288f;text-align: center;}
.section10 {background-image: none !important;padding: 8% 0 5% 0;margin-top: 0;text-align: center;}
.section11 {margin-top:0;}
.section12 {padding: 7% 0 4% 0;margin-top: 0%;text-align: center;}
.section13 {padding: 13% 0 3% 0;}
.section13A, .section13B, .section13C, .section13D, .section13E, .section13F, .section13G, .section13H, .section13I {padding: 3% 0 9% 0;margin-top: 0;text-align: center;}
.section13B {padding: 3% 0 1% 0;margin-top: -0% !important;}
.section13C {padding: 3% 0 2% 0;}
.section13D {padding: 3% 0 2% 0;}
.section13F {padding: 3% 0 2% 0;}
.section13G {padding: 3% 0 8% 0;background-image: none;background-image: linear-gradient(white 0%, #ffe2ff 50%);}
.section13H {padding: 1% 0 0% 0;}
.section13I {padding: 0% 0 4% 0;}
.section14A {background-image:none;padding: 6% 0 2% 0;margin-top: 0;background-color: #030404;}
.section14B {margin-top: 0;background-color: #030404;padding: 0% 0 7% 0;}
.section14 {background-image: none;padding: 6% 0 10% 0 !important;margin-top: 0 !important;}
.section15 {padding: 7% 0 0% 0;margin-top: 0%;}
.section16 {background-image: none;padding: 6% 0 5% 0;background-color: #f5eefb;margin-top: -6%;text-align: center;}
.section17 {background-image: none;padding: 8% 0 0% 0;text-align:center;}
.section18 {background-image: none;padding: 0 0 5% 0;margin-top: 0;background-color: #010208;text-align: center;}
.section19 {background-image: none;padding: 5% 0 0% 0 !important;margin-top: 0;}
.section19-inn {background-image: none !important;background-color: #f3ecb9 !important;padding: 1% 0 4% 0 !important;margin-bottom: 0;}
.section19-inn2{margin-top: 0;}
.section20 {background-image: none;padding: 6% 0 10% 0;margin-top: 0;background-color: #070706;}
.section21 {background-image: none;padding: 6% 0 5% 0;margin-top: 0;}
.section21-box {
background-image: none;
padding: 4% 0;
margin-top: 4%;
margin-bottom: 0;
background-color: #f7f1c2;
max-width: 96%;
}
.section11B {background-image: none;background-color: #2f0183;padding: 5% 0;}
.footer-link, .link {text-align: center;}
.book1, .book2, .book3, .arrowLeft3, .arrowRight3, .ele4, .connection1, .connection2, .connection3, .arrowLeftB, .arrowRightB, .arrowLeft2, .arrowRight2, .ele1, .ele7, .ele8, .ele12, .ele13, .ele14, .ele15, .ele16, .ele17, .ele18, .ele19, .ele20, .ele21, .ele22, .arrowLeft5, .arrowRight5, .ele23, .ele24, .look1, .look2, .arrowDown2, .ele10, .short, .refund, .img1, .img2, .arrowDown3, .ele26, .bgTop2, .like, .dislike, .svg-box2{display:none !important;}
.ele5A, .ele5B, .ele5C, .ele5D{max-width: 6%;}
.ele5A2, .ele5B2, .ele5C2, .ele5D2{max-width: 3%;}
.ele6{max-width: 9%;}
.arrowDown{max-width:20%;}
.mybutton a {padding: 6% 7.7% 5% 7.7% !important}
.explode, .step1, .step2, .step3 {max-width: 100%;left: 0%;right:0;margin-top: 6%;}
.section5-inn-title-box {
width: 100%;
text-align: center;
}
.section5-box-out {
padding: 0 15px !important;
}
.secure {
max-width: 100%;
left: 0%;
right: 0;
margin-top: 1%;
margin-bottom: 4%;
}
.bonus1{max-width: 100%;left: 0%;right:0;margin-top: 0%;}
.bonus2{max-width: 100%;left: 0%;right:0;margin-top: 6%;}
.bonus3{max-width: 100%;left: 0%;right:0;margin-top: -10%;}
.templates1{margin-top: 6%;}
.templates2{}
.templates3{}
.templates4{margin-top: 2%;}
.templates5{}
.templates6{margin-top: 1%;}
.templates7{}
.templates8{margin-top: 6%;}
.templates9{margin-top: 2%;}
.templates10{margin-top: 6%;}
.templates11{margin-top: 5%;}
.templates12{margin-top: 6%;}
.arrowDown2{max-width: 30%;}
.title8 {max-width: 56%;}
.section4-box-out {padding: 0 15px;}
.section4-box {padding: 17% 6% 9% 6%;}
.section4-box2-out, .text-bg7, .text-bg5 {margin-top: 4%;}
.text-bg7, .text-bg8 {width: 100%;z-index: 1;}
.section5-box {padding: 10% 4% 7% 4%;margin-top: 4%;}
.everyone-vid {margin-bottom: 4%;margin-top: 2%;}
.tag1, .tag2 {max-width: 38%;}
.tag4{max-width: 40%;}
.arrowDown3 {max-width: 12%;}
.author1 {right: 0;}
.author2 {transform: none !important;left: 0;margin-top: 0;}
.section4-box2-out{transform: none !important;}
.arrowDown4 {top: 80%;max-width: 20%;}
.text-bg10 {
background-image: none;
background-color: #fee2b7;
display: inline-block;
}
.section9-title {margin-bottom: 4%;}
.step2-main-row {margin-top: 0%;}
.problem {left: 0;margin-top: 4%;}
.section15-box {
border-radius: 20px;
padding: 5% 15px !important;
text-align: center;
}
.section16-box-detail {padding: 0 7%;}
.men2 {
margin-top: 0;
left: 0;
margin-bottom: 0;
max-width: 100%;
}
.available, .templates1, .templates2, .templates3, .templates4, .templates5, .templates6, .templates7, .templates8, .templates9, .templates10, .templates11, .templates12 {
width: 100%;
left: 0;
right:0;
}
.text-bg16 {background-image:none;padding: 1% 4% !important;left: 0;background-color: #f8ba68;}
.bonus-details h3 {margin-top: 4%;}
.section19-box {padding:0;text-align: center;}
.badge-img {
position: relative;
z-index: 1;
left: 0;
top: 0;
}
.section19-box-inn {
border-radius: 20px;
padding: 12% 15px;
transform: rotateY(0deg);
}
.section19-detail-box-inn {
transform: rotateY(0deg);
}
.refund {
max-width: 100% !important;
left: 0;
margin-top: 0;
}
.textBg8 {
margin-top: -9%;
max-width: 31%;
}
.sell1 {
right: 0;
margin: auto;
}
.sell2 {
margin-left: 7%;
}
.sell2-box{text-align:center;}
.arrowDown{max-width: 9%;}
.text-bg1A {background-image: linear-gradient( to top, #ffffff00, #ffffff00 60%, #ffcdeb 60%, #ffcdeb 85%, #ffffff00 85% ) !important;}
.text-bg1B {background-image: linear-gradient( to top, #ffffff00, #ffffff00 60%, #ffe485 60%, #ffe485 77%, #ffffff00 77% ) !important;}
.text-bg1C{background-image:none;}
.text-bg1C-out{position: relative;padding: 0 0 0% 0;border-bottom: 2px solid #b34d8a;}
.unChecklist1 li {
padding: 5px 15px;
width: 100%;
text-align: left;
margin: 7px 0;
}
.demo-video {border-radius: 20px;}
.section9-title-box {border-radius: 20px;width: 100%;}
.templates-detail p, .dehind1 {margin-top: 4%;}
.cover-box1, .cover-box2 {padding: 0 15px;margin: 5% 0;}
.section14-box h3 { left: 0; margin-bottom: 0;}
.arrow1 {max-width: 10%;}
.video-box {padding: 10px;}
.section13 .swiper-slide-active {transform: scale(1) !important;}
.checklist2 li {
background: url(../images/checklist2Mob.png) no-repeat left 5px;
padding-left: 24px;
}
.checklist3 li {
background: url(../images/checklist3Mob.png) no-repeat left 5px;
padding-left: 24px;
}
.section14A-box1, .section14A-box2 {
max-width: 100%;
}
.badge-img {
max-width: 45% !important;
left: 0%;
margin-bottom: -7%;
}
.section19-box-inn {
padding: 10% 15px !important;
}
.swiper2 .swiper-slide, .swiper3 .swiper-slide {
border-radius: 5px;
}
.section5-box2-out {margin-top: 1%;}
.checklist4 li:before {padding: 0 4px 0 0;}
.templates-detail p { padding: 0;}
.section11-title-img, .bonus-title-box{display:none;}
.section11-title-text, .bonus-title{display:block;}
.templates1Icon{max-width: 25% !important;}
.templates2Icon{max-width: 25% !important;}
.templates3Icon{max-width: 25% !important;}
.templates4Icon{max-width: 24% !important;}
.templates5Icon{max-width:100% !important;}
.templates6Icon{max-width: 25% !important;}
.templates7Icon{max-width: 28% !important;}
.templates8Icon{max-width: 27% !important;}
.templates9Icon{max-width: 29% !important;}
.templates10Icon{max-width: 30% !important;}
.templates11Icon{max-width: 28% !important;}
.templates12Icon{max-width: 29% !important;}
.section14B-box {border-radius: 15px;padding: 2.7% 15px;width: 92%;}
.bonus2-row , .bonus3-row{
margin-top: 6%;
}
.section14A-box1-inn {padding: 7% 0 1.5% 0;text-align:center;}
.section14A-box2-inn{padding:7% 0 7% 0;text-align:center;}
.section13 .swiper-pagination-bullet {
border-radius: 4px;
display: inline-table;
padding: 1.4% 2%;
width: 30%;
margin: 1% 1%;
}
.section19-box2-inn {
max-width: 93%;
}
.paypal{
right: 0;
}
.clickbank{
left: 0;
}
.text-bg {
padding: 8px 0px 4px 0px;
}
.intro-text-box {
position: relative;
top: 0;
}
.arrowDown{
-moz-animation: bounceMob 2s infinite;
-webkit-animation: bounceMob 2s infinite;
animation: bounceMob 2s infinite;
}
@keyframes bounceMob {
0%, 20%, 50%, 80%, 100% {
transform: translateY(0);
}
40% {
transform: translateY(-8px);
}
60% {
transform: translateY(-3px);
}
}
.unChecklist1 li{line-height: 150%;}
.unChecklist1 li span.unChecklist1-inn {
background: url(../images/unChecklist1Mob.png) no-repeat 0 14px;
padding-left: 22px;
}
.slide {border-radius: 14px;background-color: #fff;}
.ele11 {left: 0;}
.why-text-box {font-size: 50px;}
@keyframes bounceRight {
0%, 20%, 50%, 80%, 100% {
transform: translateX(0);
}
40% {
transform: translateX(-15px);
}
60% {
transform: translateX(-7px);
}
}
.intro-vid{margin-top: -6%;}
.breakmobile{display:block;}
.price-table-box-most-out {margin-top: 9%;}
.padding0 , .step-detail, .price-table-box-out{padding:0 15px !important;}
}
@media only screen and (max-width: 993px){
.banner {padding: 2% 0 7% 0;}
.section2 {padding: 4% 0 6.5% 0;margin-top: 0;background-color: #fff8f6;}
.section10{background: url(../images/section10ipad.png) no-repeat center top;background-size: cover;}
.section13{padding: 13% 0 5% 0;}
.section13B{margin-top: -19%;background-color: #fff;}
.section14{padding: 14% 0 9% 0;margin-top: -12%;}
.section14B{padding: 11% 0 7% 0;margin-top: -8%;}
.section16{padding: 28% 0 0 0;margin-top: -27%;}
.section18 {background-image: none;padding: 0 0 6% 0;margin-top: -6%;background-color: #000a20;overflow: visible;}
.section19 {padding: 10% 0 0% 0;margin-top: 0;}
.section19-inn {background: url(../images/section19Bg.png) no-repeat center top;background-size: contain;background-color: #fff;padding: 1% 0 0 0;margin-top: 7%;}
.section18-row{margin-top: 4%;}
.arrow1 {max-width: 10%;}
nav li a {
padding: 10px 10px !important;
}
.section14-main-box, .section15-box-out, .section16-box-out {
padding: 0 15px;
}
.section4-box, .section5-box {border-radius: 20px;}
.section14-box-out {
padding: 15px;
}
.arrowDown7{max-width: 5%;}
.arrowDown8{max-width: 12%;}
.arrowDown9{max-width: 25%;margin-top: -5%;position: relative;z-index: 111;}
.section19-box2-inn-out {padding: 0;}
.section19-box2-inn {left: 0;padding: 6% 4%;}
.text-bg1A {
background-image: linear-gradient(
to top,
#ffffff00,
#ffffff00 30%,
#ffcdeb 30%,
#ffcdeb 65%,
#ffffff00 65%
);
}
.text-bg1B {
background-image: linear-gradient( to top, #ffffff00, #ffffff00 30%, #ffe485 30%, #ffe485 65%, #ffffff00 65% );
}
.explode {margin-bottom: 4%;}
.templates1Icon{max-width: 30%;}
.templates2Icon{max-width: 30%;}
.templates3Icon{max-width: 20%;}
.templates4Icon{max-width: 27%;}
.templates5Icon{max-width:100%;}
.templates6Icon{max-width: 27%;}
.templates7Icon{max-width: 30%;}
.templates8Icon{max-width: 30%;}
.templates9Icon{max-width: 30%;}
.templates10Icon{max-width: 30%;}
.templates11Icon{max-width: 30%;}
.templates12Icon{max-width: 30%;}
.template-title3 {padding: 3.4% 5.3%;}
.template-title4 {padding: 4.4% 7.3%;}
.template-title5 {padding: 4.4% 7.3%;}
.template-title6 {padding: 4.4% 7.3%;}
.template-title7 {padding: 4.4% 7.3%;}
.template-title8 {padding: 4.4% 7.3%;}
.template-title9 {padding: 4.4% 7.3%;}
.template-title10 {padding: 4.4% 7.3%;}
.template-title11 {padding: 4.4% 7.3%;}
.template-title12 {padding: 4.4% 7.3%;}
.arrowDown{max-width: 9%;}
.ele11{max-width: 5%;}
.text-bg16 {padding: 7.8% 14.4%;}
.section18-detail {padding: 0 15px;}
.secure {max-width: 100%;}
.ele23 {top: -6%;right: 2%;}
.section19-box-inn {padding: 10% 4% 10% 8%;}
.refund {max-width: 240%;left: -12%;}
.badge-img {max-width: 18%;left: 0%;}
.textBg8 {margin-top: -7.8%;}
.section19-detail-box2-inn {
padding: 0;
}
.section2-details {
text-align: center;
margin-top: 4%;
}
.templates5-video {
border: 5px solid rgb(163, 29, 108);
border-radius: 10px;
width: 100%;
}
.paypal {max-width: 97%;}
.section9-title {margin-bottom: 0%;}
.section5-box-out {padding: 0 1.5%;}
.section13I .arrowDown {margin-top: 1%;}
.section15-box{padding: 5% 0 5% 3%;}
.section16-box {
padding: 4% 0 3% 0;
}
.checklist1 li {
background: url(../images/checklist1Mob.png) no-repeat left 4px;
padding-left: 30px;
}
.price-table-box-out {padding: 0 5px;}
.mostTag {
max-width: 26%;
}
}
@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;
padding-bottom: 225px;
}
.video {
width: 485px;
height: 231px;
top: 23px;
left: 0px;
margin-bottom: 8%;
}
.intro{max-width:100%;}
.intro1{max-width: 37%;}
.intro2{max-width: 20%;}
.intro3{max-width: 20%;}
.ele9{max-width: 9%;}
.ele10{max-width: 10%;}
.title2{max-width:100%;}
.title3{max-width: 100%;}
.title5{max-width: 64%;}
.text-bg5 {width: 100%;}
.step1 {}
.step2 {}
.step3 {}
.step1-title{margin-top: 2%;}
.step2-title{margin-top: 0;}
.step3-title{}
.video-section-out {max-width: 100%;}
.section13 .swiper-pagination{width: 100%;}
.section13 .swiper-pagination-bullet {line-height: 170%;font-size: 13px;}
.section5{}
.sell2 {width: 93%;}
.cover2{width: 100%;}
.introLogo{max-width: 50%;}
.explode1{max-width: 100%;right: 0%;}
.explode2-vid {max-width: 110%;left: -10%;}
.arrow2 {max-width: 26%;right: -11%;}
.dislike{}
.like{}
}
@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: 280px;
}
.video {
width: 485px;
height: 273px;
top: 23px;
left: 28px;
margin-bottom: 8%;
}
.ex{background-color:yellow}
.intro{max-width:100%;}
.intro1{max-width: 37%;}
.intro2{max-width: 20%;}
.intro3{max-width: 20%;}
.ele9{max-width: 9%;}
.ele10{max-width: 10%;}
.title2{max-width: 60%;}
.title3{max-width: 100%;}
.title5{max-width: 64%;}
.ele5A, .ele5B, .ele5C, .ele5D{max-width: 6%;}
.text-bg5 {width: 85%;}
.text-bg8 {width: 100%;}
.step1 {max-width: 127%;}
.step2 {max-width: 147%;position: relative;left: -46%;}
.step3 {max-width: 127%;}
.step1-title{margin-top: 32%;}
.step2-title{margin-top: 25%;}
.step3-title{}
.step1-detail{padding: 0 3% 0 1%;}
.step2-detail{padding: 0 4% 0 4%;}
.step3-detail{padding: 0 3% 0 1%;}
.section13 .swiper-pagination-bullet {line-height: 380%;font-size: 18px;}
.section5{padding: 32% 0 0% 0;margin-top: -26%;}
.sell2 {width: 86%;}
.cover2{width: 100%;}
.introLogo{max-width: 35%;}
}
@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;
}
.mainvideo {
position: absolute;
width: 700px;
height: 350px;
top: 16px;
left: 24px;
}
.video {
width: 315px;
height: 117px;
top: 15px;
left: 7px;
margin-bottom: 12%;
}
.book1{max-width: 18%;left: -2%;}
.book2{max-width: 17%;right: -2%;}
.book3{max-width: 10%;right: 4%;}
.arrowLeft3{max-width: 12%;left: 3%;bottom: 4%;}
.arrowRight3{max-width: 12%;right: 3%;bottom: 4%;}
.tag1{max-width: 50%;}
.tag2{max-width: 50%;}
.tag4{max-width: 50%;}
.arrowDown3 {max-width: 12%;}
.ele4{max-width: 27%;}
.ele6{max-width:9%;}
.ele1 {max-width: 7%;}
.ele7 {max-width: 10%;}
.ele8 {max-width: 20%;top: 32.5%;right: -4.5%;}
.connection1{max-width: 40%;}
.connection2{max-width: 37%;}
.connection3{max-width: 50%;}
.connection1-box {
top: -14%;
left: -1%;
}
.connection2-box {
bottom: -1%;
left: 24%;
}
.connection3-box {
right: -15%;
margin-top: -14%;
margin-bottom: -1%;
}
.arrowLeftB{
bottom: -13%;
left: 15%;
max-width: 2%;
}
.arrowRightB{
bottom: -13%;
right: 15%;
max-width: 2%;
}
.intro{max-width:100%;}
.intro1{max-width: 39%;}
.intro2{max-width: 20%;}
.intro3{max-width: 20%;}
.ele9{max-width: 9%;}
.ele10{max-width: 10%;}
.ele12{max-width: 40%;top: 2%;}
.ele13{max-width: 36%;top: 3%;}
.ele14{max-width: 15%;}
.ele15{max-width: 14%;}
.ele16{max-width: 20%;}
.ele17{max-width: 12%;top: -5%;right: 95.5%;}
.ele18{max-width: 18%;}
.ele19{max-width: 11%;}
.ele20{max-width: 24%;}
.ele21{max-width: 18%;}
.ele22{max-width: 18%;}
.title2{max-width: 60%;}
.title3{max-width: 100%;}
.title5{max-width: 64%;}
.ele5A, .ele5B, .ele5C, .ele5D{max-width: 5%;}
.text-bg5 {width: 91%;}
.text-bg8 {width: 86%;}
.step1 {max-width: 109%;}
.step2 {max-width: 132%;position: relative;left: -29%;}
.step3 {max-width: 110%;}
.step1-title{margin-top: 0%;}
.step2-title{margin-top: 13%;}
.step3-title{
margin-top: 2%;
}
.step1-detail{padding: 0 15px;}
.step2-detail{padding: 0 15px;}
.step3-detail{padding: 0 15px;}
.video-section-out {max-width: 80%;}
.section5-inn-title-box{width: 95%;}
.section13 .swiper-pagination{width: 99%;}
.section13 .swiper-pagination-bullet {line-height: 300%;font-size: 15px;}
.section5{padding: 42% 0 0% 0;margin-top: -35%;}
.sell2 {width: 92%;}
.cover2{width: 100%;}
.short{max-width: 23%;}
.img1{max-width: 14%;}
.img2{max-width: 21%;}
.introLogo{max-width: 30%;}
.look1{width: 17%;top: 12%;left: 1%;}
.look2{width: 13%;bottom: 27%;right: 1%;}
.ele26{max-width: 27%;top: 0%;right: -5%;}
.explode1{max-width: 80%;right: -1%;}
.explode2-vid {max-width: 89%;left: -4%;}
.arrow2 {max-width: 26%;right: -11%;}
.templates10{width: 108%;}
.dislike{max-width: 11%;left: -3%;}
.like{max-width: 11%;right: -2%;}
.mostTag {max-width: 26%;}
}
@media only screen and (min-width: 1000px) {
.mycontainer-right{width: 950px;}
.mycontainer-left{width: 950px;}
.ele26{max-width: 27%;top: 0%;right: -5%;}
}
@media only screen and (min-width: 992px) {
.mycontainer{width:970px;}
.mycontainer2{width:922px;}
.mycontainer3{width:922px;}
.ex{
background-color:blue;
}
.mainvideo {
position: absolute;
width: 873px;
height: 350px;
top: 16px;
left: 25px;
}
.video {
width: 429px;
height: 162px;
top: 21px;
left: 11px;
margin-bottom: 10%;
}
.book1{max-width: 15%;left: 0%;}
.book2{max-width: 16%;right: -2%;}
.book3{max-width: 10%;right: 4%;}
.arrowLeft3{max-width: 10%;left: 8%;bottom: 4%;}
.arrowRight3{max-width: 10%;right: 9%;bottom: 4%;}
.tag1{max-width: 56%;}
.tag2{max-width: 50%;}
.tag4{max-width: 60%;}
.arrowDown3 {max-width: 12%;}
.ele4{max-width: 22%;}
.ele6{max-width:9%;}
.ele1 {max-width: 6%;}
.ele7 {max-width: 10%;}
.ele8 {max-width: 20%;top: 38.5%;right: -4.5%;}
.connection1{max-width: 50%;}
.connection2{max-width: 42%;}
.connection3{max-width: 60%;}
.connection1-box {
top: -5%;
left: 2%;
}
.connection2-box {
bottom: -15%;
left: 20%;
}
.connection3-box {
right: -11%;
margin-top: -17%;
margin-bottom: -5%;
}
.arrowLeftB{
bottom: -13%;
left: 13%;
max-width: 100%;
}
.arrowRightB{
bottom: -13%;
right: 13%;
max-width: 100%;
}
.badge-img{max-width: 16%;}
.intro{max-width:100%;}
.intro1{max-width: 39%;}
.intro2{max-width: 20%;}
.intro3{max-width: 20%;}
.ele9{max-width: 9%;}
.ele10{max-width: 10%;}
.ele12{max-width: 40%;top: 1%;}
.ele13{max-width: 36%;top: 4%;}
.ele14{max-width: 15%;}
.ele15{max-width: 14%;}
.ele16{max-width: 21%;}
.ele17{max-width: 17%;top: -7%;right: 94%;}
.ele18{max-width: 18%;}
.ele19{max-width: 10%;}
.ele20{max-width: 24%;}
.ele21{max-width: 18%;}
.ele22{max-width: 18%;}
.title2{max-width: 60%;}
.title3{max-width: 100%;}
.title5{max-width: 100%;}
.ele5A, .ele5B, .ele5C, .ele5D{max-width: 100%;}
.text-bg5 {width: 78%;}
.text-bg8 {width: 85%;}
.step1 {max-width: 100%;}
.step2 {max-width: 130%;position: relative;left: -24%;}
.step3 {max-width: 100%;}
.step1-title{margin-top: 32%;}
.step2-title{margin-top: 25%;}
.step3-title{}
.step1-detail{padding: 0 3% 0 1%;}
.step2-detail{padding: 0 4% 0 4%;}
.step3-detail{padding: 0 3% 0 1%;}
.video-section-out {max-width: 77.8%;}
.section5-inn-title-box{width: 90%;}
.section13 .swiper-pagination{width: 98%;}
.section13 .swiper-pagination-bullet {line-height: 380%;font-size: 18px;}
.section5{padding: 38% 0 0% 0;margin-top: -31%;}
.sell2 {width: 92%;}
.cover2{width: 100%;}
.templates1Icon{max-width:100%;}
.templates2Icon{max-width:100%;}
.templates3Icon{max-width:100%;}
.templates4Icon{max-width:100%;}
.templates5Icon{max-width:100%;}
.templates6Icon{max-width:100%;}
.templates7Icon{max-width:100%;}
.templates8Icon{max-width:100%;}
.templates9Icon{max-width:100%;}
.templates10Icon{max-width:100%;}
.templates11Icon{max-width:100%;}
.templates12Icon{max-width:100%;}
.short{max-width: 24%;}
.img1{max-width: 20%;}
.img2{max-width: 26%;}
.introLogo{max-width: 30%;}
.look1{width: 16%;top: 12%;left: 2%;}
.look2{width: 15%;bottom: 27%;right:2%;}
.ele26{max-width: 26%;top: 0%;right: -5%;}
.explode1{max-width: 95%;right: -7%;}
.explode2-vid {max-width: 106%;left: 7%;}
.arrow2 {max-width: 26%;right: -20%;}
.templates10{width: 98%;}
.refund{max-width: 290%;left: -19%;margin-top: -18%;}
.dislike{max-width: 13%;left: -7%;}
.like{max-width: 13%;right: -7%;}
.mostTag {max-width: 26%;}
}
@media only screen and (min-width: 1100px) {
.ele26{max-width: 22%;top: 13%;right: -5%;}
}
@media only screen and (min-width: 1200px) {
.mycontainer{width:970px;}
.mycontainer2{width:922px;}
.mycontainer3{width: 1042px;}
.ex{
background-color:pink;
}
.mainvideo {
position: absolute;
width: 869px;
height: 350px;
top: 16px;
left: 28px;
}
.video {
width: 403px;
height: 196px;
top: 1px;
left: 0px;
margin-bottom: 0px;
}
.book1{max-width: 15%;left: 0%;}
.book2{max-width: 16%;right: -2%;}
.book3{max-width: 10%;right: 4%;}
.arrowLeft3{max-width: 100%;left: 12%;bottom: 4%;}
.arrowRight3{max-width: 100%;right: 12%;bottom: 4%;}
.tag1{max-width: 50%;}
.tag2{max-width: 40%;}
.tag4{max-width: 60%;}
.arrowDown3 {max-width: 12%;}
.ele4{max-width: 20%;}
.ele6{max-width:100%;}
.ele1 {max-width: 7%;}
.ele7 {max-width: 10%;}
.ele8 {max-width: 20%;top: 37.5%;right: -4.5%;}
.connection1{max-width: 100%;}
.connection2{max-width: 100%;}
.connection3{max-width: 100%;}
.connection1-box {
top: -5%;
left: -4%;
}
.connection2-box {
bottom: -4%;
left: 11%;
}
.connection3-box {
right: -11%;
margin-top: -25%;
margin-bottom: -5%;
}
.arrowLeftB{
bottom: -13%;
left: 13%;
}
.arrowRightB{
bottom: -13%;
right: 13%;
}
.badge-img{max-width: 16%;}
.intro{max-width:100%;}
.intro1{max-width: 39%;}
.intro2{max-width: 20%;}
.intro3{max-width: 20%;}
.ele9{max-width: 8%;}
.ele10{max-width: 9%;}
.ele12{max-width: 40%;top: 1%;}
.ele13{max-width: 36%;top: 4%;}
.ele14{max-width: 15%;}
.ele15{max-width: 14%;}
.ele16{}
.ele17{max-width: 27%;top: -5%;right: 91%;}
.ele18{max-width: 18%;}
.ele19{max-width: 15%;}
.ele20{max-width: 24%;}
.ele21{max-width: 18%;}
.ele22{max-width: 18%;}
.title2{max-width: 60%;}
.title3{max-width: 100%;}
.title5{max-width: 100%;}
.text-bg5 {width: 62.5%;}
.text-bg8 {width: 77%;}
.step1 {max-width: 127%;}
.step2 {max-width: 147%;position: relative;left: -46%;}
.step3 {max-width: 127%;}
.step1-title{margin-top: 32%;}
.step2-title{margin-top: 25%;}
.step3-title{}
.step1-detail{padding: 0 3% 0 1%;}
.step2-detail{padding: 0 4% 0 4%;}
.step3-detail{padding: 0 3% 0 1%;}
.connection1{max-width: 100%;}
.connection2{max-width: 100%;}
.connection3{max-width: 100%;}
.connection1-box {
top: -5%;
left: -4%;
}
.connection2-box {
bottom: -4%;
left: 11%;
}
.connection3-box {
right: -11%;
margin-top: -25%;
margin-bottom: -5%;
}
.video-section-out {max-width: 72.8%;}
.section5-inn-title-box{width: 85%;}
.section13 .swiper-pagination{width: 84%;}
.section13 .swiper-pagination-bullet {line-height: 380%;font-size: 18px;}
.section5{padding: 37% 0 0% 0;margin-top: -32%;}
.sell2 {width: 92%;}
.cover2{width: 100%;}
.templates1Icon{max-width:100%;}
.templates2Icon{max-width:100%;}
.templates3Icon{max-width:100%;}
.templates4Icon{max-width:100%;}
.templates5Icon{max-width:100%;}
.templates6Icon{max-width:100%;}
.templates7Icon{max-width:100%;}
.templates8Icon{max-width:100%;}
.templates9Icon{max-width:100%;}
.templates10Icon{max-width:100%;}
.templates11Icon{max-width:100%;}
.templates12Icon{max-width:100%;}
.short{max-width: 26%;}
.img1{max-width: 20%;}
.img2{max-width: 26%;}
.introLogo{max-width: 35%;}
.look1{width: 17%;top: 12%;left: 2%;}
.look2{width: 16%;bottom: 27%;right: 1%;}
.ele26{max-width: 20%;top: 12%;right: -5%;}
.explode1{max-width: 95%;right: -7%;}
.explode2-vid {max-width: 106%;left: 10%;}
.arrow2 {max-width: 30%;right: -22%;}
.templates10{width: 106%;}
.refund{max-width: 290%;left: -19%;margin-top: -18%;}
.dislike{max-width: 13%;left: -13%;}
.like{max-width: 13%;right: -11%;}
.mostTag {max-width: 22%;}
}
@media (min-width:1300px) {
.mycontainer{width:1219px;}
.mycontainer2{width:1180px;}
.mycontainer3{width:1180px;}
.mycontainer-right{width: 1273px;}
.mycontainer-left{width: 1273px;}
.ex{background-color:blue}
.mainvideo {
position: absolute;
width: 873px;
height: 350px;
top: 16px;
left: 158px;
}
.book1{max-width: 16%;left: 1%;}
.book2{max-width: 16%;right: 0%;}
.book3{max-width: 11%;right: 8%;}
.arrowLeft3{max-width: 100%;}
.arrowRight3{max-width: 100%;}
.tag1{max-width: 50%;}
.tag2{max-width: 40%;}
.tag4{max-width: 55%;}
.arrowDown3 {max-width: 100%;}
.ele4{max-width: 26%;}
.ele6{max-width:100%;}
.ele1 {max-width: 100%;}
.ele7 {max-width: 10%;}
.ele8 {max-width: 16%;top: 38.5%;right: 0.5%;}
.arrowLeftB{
bottom: -13%;
left: 21%;
}
.arrowRightB{
bottom: -13%;
right: 21%;
}
.badge-img{max-width: 16%;}
.intro{max-width:100%;}
.intro1{max-width: 39%;}
.intro2{max-width: 20%;}
.intro3{max-width: 20%;}
.ele9{max-width: 9%;}
.ele10{max-width: 10%;}
.ele12{max-width: 36%;top: 2%;}
.ele13{max-width: 36%;top: 3%;}
.ele14{max-width: 15%;}
.ele15{max-width: 14%;}
.ele16{}
.ele17{max-width: 21%;right: 93%;top: -12%;}
.ele18{max-width: 18%;}
.ele19{max-width: 15%;}
.ele20{max-width: 24%;}
.ele21{max-width: 18%;}
.ele22{max-width: 18%;}
.title2{max-width:100%;}
.title3{max-width: 100%;}
.title5{max-width: 100%;}
.text-bg5 {width: 58.5%;}
.text-bg8 {width: 77%;}
.step1 {max-width: 127%;}
.step2 {max-width: 147%;position: relative;left: -46%;}
.step3 {max-width: 127%;}
.step1-title{margin-top: 32%;}
.step2-title{margin-top: 25%;}
.step3-title{}
.step1-detail{padding: 0 3% 0 1%;}
.step2-detail{padding: 0 4% 0 4%;}
.step3-detail{padding: 0 3% 0 1%;}
.connection1{max-width: 100%;}
.connection2{max-width: 100%;}
.connection3{max-width: 100%;}
.connection1-box {
top: -5%;
left: -4%;
}
.connection2-box {
bottom: -4%;
left: 11%;
}
.connection3-box {
right: -11%;
margin-top: -25%;
margin-bottom: -5%;
}
.video-section-out {max-width: 72.8%;}
.section5-inn-title-box{width: 96%;}
.section13 .swiper-pagination{width: 76%;}
.section13 .swiper-pagination-bullet {line-height: 380%;font-size: 18px;}
.section5{padding: 37% 0 0% 0;margin-top: -33%;}
.sell2 {width: 89%;}
.cover2{width: 100%;}
.templates1Icon{max-width:100%;}
.templates2Icon{max-width:100%;}
.templates3Icon{max-width:100%;}
.templates4Icon{max-width:100%;}
.templates5Icon{max-width:100%;}
.templates6Icon{max-width:100%;}
.templates7Icon{max-width:100%;}
.templates8Icon{max-width:100%;}
.templates9Icon{max-width:100%;}
.templates10Icon{max-width:100%;}
.templates11Icon{max-width:100%;}
.templates12Icon{max-width:100%;}
.short{max-width:100%;}
.img1{max-width: 20%;}
.img2{max-width: 26%;}
.introLogo{max-width:100%;}
.look1{width: 17%;top: 12%;left: 4%;}
.look2{width:17%;bottom: 27%;right: 2%;}
.ele26{max-width: 22%;top: 13%;right: -5%;}
.explode1{max-width: 104%;right: -7%;}
.explode2-vid {max-width: 115%;left: 20%;}
.arrow2 {max-width: 34%;right: -31%;}
.templates10{width: 98%;}
.refund{max-width: 280%;left: -19%;margin-top: -18%;}
.dislike{max-width: 11%;left: -6%;}
.like{max-width: 11%;right: -6%;}
.mostTag {max-width: 26%;}
}
@media (min-width:1400px) {
.mycontainer{width:1370px;}
.mycontainer2{width:1219px;;}
.mycontainer3{width:1219px;;}
.mycontainer-right{width: 1335px;}
.mycontainer-left{width: 1335px;}
.ex{background-color:silver}
.mainvideo {
position: absolute;
width: 873px;
height: 350px;
top: 16px;
left: 172px;
}
.book1{max-width: 17%;left: 2%;}
.book2{max-width: 18%;right: 1%;}
.book3{max-width: 11%;right: 7%;}
.tag1{max-width: 50%;}
.tag2{max-width: 40%;}
.tag4{max-width: 55%;}
.ele4{max-width: 26%;}
.ele6{max-width:100%;}
.ele1 {max-width: 100%;}
.ele7 {max-width: 10%;}
.ele8 {max-width: 17%;top: 37.5%;right: 3.5%;}
.badge-img{max-width: 16%;}
.intro{max-width:100%;}
.intro1{max-width: 39%;}
.intro2{max-width: 20%;}
.intro3{max-width: 20%;}
.ele9{max-width: 9%;}
.ele10{max-width: 10%;}
.ele12{max-width: 40%;top: -2%;}
.ele13{max-width: 36%;top: 0%;}
.ele14{max-width: 15%;}
.ele15{max-width: 14%;}
.ele16{
}
.ele17{max-width: 24%;right: 92%;top: -12%;}
.ele18{max-width: 18%;}
.ele19{max-width: 15%;}
.ele20{max-width: 24%;}
.ele21{max-width: 18%;}
.ele22{max-width: 18%;}
.title2{max-width:100%;}
.title3{max-width: 100%;}
.title5{max-width: 100%;}
.text-bg5 {width: 53.5%;}
.text-bg8 {width: 77%;}
.step1 {max-width: 127%;}
.step2 {max-width: 147%;position: relative;left: -46%;}
.step3 {max-width: 127%;}
.step1-title{margin-top: 32%;}
.step2-title{margin-top: 25%;}
.step3-title{}
.step1-detail{padding: 0 3% 0 1%;}
.step2-detail{padding: 0 4% 0 4%;}
.step3-detail{padding: 0 3% 0 1%;}
.connection1{max-width: 100%;}
.connection2{max-width: 100%;}
.connection3{max-width: 100%;}
.connection1-box {
top: -5%;
left: -4%;
}
.connection2-box {
bottom: -4%;
left: 11%;
}
.connection3-box {
right: -11%;
margin-top: -25%;
margin-bottom: -5%;
}
.video-section-out {max-width: 57.8%;}
.section5-inn-title-box{width: 100%;}
.section13 .swiper-pagination{width: 71%;}
.section13 .swiper-pagination-bullet {line-height: 380%;font-size: 18px;}
.section5{padding: 34% 0 0% 0;margin-top: -28%;}
.sell2 {width: 86%;}
.cover2{width: 100%;}
.templates1Icon{max-width:100%;}
.templates2Icon{max-width:100%;}
.templates3Icon{max-width:100%;}
.templates4Icon{max-width:100%;}
.templates5Icon{max-width:100%;}
.templates6Icon{max-width:100%;}
.templates7Icon{max-width:100%;}
.templates8Icon{max-width:100%;}
.templates9Icon{max-width:100%;}
.templates10Icon{max-width:100%;}
.templates11Icon{max-width:100%;}
.templates12Icon{max-width:100%;}
.short{max-width:100%;}
.img1{max-width: 21%;}
.img2{max-width: 28%;}
.introLogo{max-width:100%;}
.look1{width: 18%;top: 11%;left: 4%;}
.look2{width:17%;bottom: 27%;right:4%;}
.ele26{max-width: 23%;top: 12%;right: -5%;}
.explode1{max-width: 112%;right: -7%;}
.explode2-vid {max-width: 125%;left: 35%;}
.arrow2 {max-width:100%;right: -45%;}
.templates10{width: 101%;}
.refund{max-width: 280%;left: -30%;margin-top: -18%;}
.dislike{max-width: 13%;left: -7%;}
.like{max-width: 13%;right: -7%;}
.mostTag {max-width: 26%;}
}
@media (min-width:1500px) {
.mycontainer{width:1500px;}
.mycontainer2{width:1219px;}
.mycontainer3{width:1219px;}
.mycontainer-right{width: 1379px;}
.mycontainer-left{width: 1379px;}
.ex{background-color:pink}
.mainvideo {
position: absolute;
width: 873px;
height: 350px;
top: 16px;
left: 172px;
}
.book1{max-width: 19%;left: 3%;}
.book2{max-width: 19%;right: 1%;}
.book3{max-width: 11%;right: 8%;}
.tag1{max-width: 50%;}
.tag2{max-width: 40%;}
.tag4{max-width: 55%;}
.ele4{max-width: 26%;}
.ele6{max-width:100%;}
.ele1 {max-width: 100%;}
.ele7 {max-width: 100%;}
.ele8 {max-width: 17%;top: 36.5%;right: 5.5%;}
.badge-img{max-width: 16%;}
.intro{max-width:100%;}
.intro1{max-width: 39%;}
.intro2{max-width: 20%;}
.intro3{max-width: 20%;}
.ele9{max-width: 9%;}
.ele10{max-width: 10%;}
.ele12{max-width: 40%;}
.ele13{max-width: 36%;}
.ele14{max-width: 15%;}
.ele15{max-width: 14%;}
.ele16{max-width: 20%;}
.ele17{max-width: 27%;right: 91%;top: -12%;}
.ele18{max-width: 18%;}
.ele19{max-width: 15%;}
.ele20{max-width: 24%;}
.ele21{max-width: 18%;}
.ele22{max-width: 18%;}
.title2{max-width:100%;}
.title3{max-width: 100%;}
.title5{max-width: 100%;}
.text-bg5 {width: 47.5%;}
.text-bg8 {width: 77%;}
.step1 {max-width: 127%;}
.step2 {max-width: 147%;position: relative;left: -46%;}
.step3 {max-width: 127%;}
.step1-title{margin-top: 32%;}
.step2-title{margin-top: 25%;}
.step3-title{}
.step1-detail{padding: 0 3% 0 1%;}
.step2-detail{padding: 0 4% 0 4%;}
.step3-detail{padding: 0 3% 0 1%;}
.connection1{max-width: 100%;}
.connection2{max-width: 100%;}
.connection3{max-width: 100%;}
.connection1-box {
top: -5%;
left: -4%;
}
.connection2-box {
bottom: -4%;
left: 11%;
}
.connection3-box {
right: -11%;
margin-top: -25%;
margin-bottom: -5%;
}
.video-section-out {max-width: 57.8%;}
.section5-inn-title-box{width: 100%;}
.section13 .swiper-pagination{width: 64%;}
.section13 .swiper-pagination-bullet {line-height: 380%;font-size: 18px;}
.section5{padding: 32% 0 0% 0;margin-top: -26%;}
.sell2 {width: 86%;}
.cover2{width: 100%;}
.templates1Icon{max-width:100%;}
.templates2Icon{max-width:100%;}
.templates3Icon{max-width:100%;}
.templates4Icon{max-width:100%;}
.templates5Icon{max-width:100%;}
.templates6Icon{max-width:100%;}
.templates7Icon{max-width:100%;}
.templates8Icon{max-width:100%;}
.templates9Icon{max-width:100%;}
.templates10Icon{max-width:100%;}
.templates11Icon{max-width:100%;}
.templates12Icon{max-width:100%;}
.short{max-width:100%;}
.img1{max-width: 25%;}
.img2{max-width: 30%;}
.introLogo{max-width:100%;}
.look1{width: 18%;top: 7%;left: 4%;}
.look2{width:18%;bottom: 27%;right:4%;}
.ele26{max-width: 26%;top: 5%;right: -5%;}
.explode1{max-width: 112%;right: -7%;}
.explode2-vid {max-width: 125%;left: 35%;}
.arrow2 {max-width:100%;right: -45%;}
.templates10{width: 102%;}
.refund{max-width: 290%;left: -19%;margin-top: -18%;}
.dislike{max-width: 15%;left: -9%;}
.like{max-width: 15%;right: -9%;}
.mostTag {max-width: 26%;}
}
@media (min-width:1600px){
.mycontainer{width:1500px;}
.mycontainer2{width:1219px;}
.mycontainer3{width: 1230px;}
.mycontainer-right{width: 1400px;}
.mycontainer-left{width: 1400px;}
.mainvideo {
position: absolute;
width: 873px;
height: 350px;
top: 16px;
left: 172px;
}
.book1{max-width: 19%;left: 3%;}
.book2{max-width: 19%;right: 1%;}
.book3{max-width: 11%;right: 8%;}
.tag1{max-width: 50%;}
.tag2{max-width: 40%;}
.tag4{max-width: 55%;}
.ele4{max-width: 26%;}
.ele6{max-width:100%;}
.ele1 {max-width: 100%;}
.ele7 {max-width: 100%;}
.ele8 {max-width: 17%;top: 36.5%;right: 7.5%;}
.badge-img{max-width: 16%;}
.intro{max-width:100%;}
.intro1{max-width: 39%;}
.intro2{max-width: 20%;}
.intro3{max-width: 20%;}
.ele9{max-width: 9%;}
.ele10{max-width: 10%;}
.ele12{max-width: 40%;}
.ele13{max-width: 36%;}
.ele14{max-width: 15%;}
.ele15{max-width: 14%;}
.ele16{max-width: 22%;}
.ele17{max-width: 30%;right: 90%;top: -13%;}
.ele18{max-width: 18%;}
.ele19{max-width: 15%;}
.ele20{max-width: 24%;}
.ele21{max-width: 18%;}
.ele22{max-width: 18%;}
.title2{max-width:100%;}
.title3{max-width: 100%;}
.title5{max-width: 100%;}
.text-bg5 {width: 47.5%;}
.text-bg8 {width: 77%;}
.step1 {max-width: 127%;}
.step2 {max-width: 147%;position: relative;left: -46%;}
.step3 {max-width: 127%;}
.step1-title{margin-top: 32%;}
.step2-title{margin-top: 25%;}
.step3-title{}
.step1-detail{padding: 0 3% 0 1%;}
.step2-detail{padding: 0 4% 0 4%;}
.step3-detail{padding: 0 3% 0 1%;}
.connection1{max-width: 100%;}
.connection2{max-width: 100%;}
.connection3{max-width: 100%;}
.connection1-box {
top: -5%;
left: -4%;
}
.connection2-box {
bottom: -4%;
left: 11%;
}
.connection3-box {
right: -11%;
margin-top: -25%;
margin-bottom: -5%;
}
.video-section-out {max-width: 57.8%;}
.section5-inn-title-box{width: 100%;}
.section13 .swiper-pagination{width: 60%;}
.section13 .swiper-pagination-bullet {line-height: 380%;font-size: 18px;}
.section5{padding: 32% 0 0% 0;margin-top: -26%;}
.sell2 {width: 86%;}
.cover2{width: 100%;}
.templates1Icon{max-width:100%;}
.templates2Icon{max-width:100%;}
.templates3Icon{max-width:100%;}
.templates4Icon{max-width:100%;}
.templates5Icon{max-width:100%;}
.templates6Icon{max-width:100%;}
.templates7Icon{max-width:100%;}
.templates8Icon{max-width:100%;}
.templates9Icon{max-width:100%;}
.templates10Icon{max-width:100%;}
.templates11Icon{max-width:100%;}
.templates12Icon{max-width:100%;}
.short{max-width:100%;}
.img1{max-width: 26%;}
.img2{max-width: 31%;}
.introLogo{max-width:100%;}
.look1{width: 19%;top: 9%;left: 4%;}
.look2{width: 18%;bottom: 27%;right:4%;}
.ele26{max-width: 27%;top: 0%;right: -5%;}
.templates10{width: 103%;}
.refund{max-width: 280%;left: -28%;margin-top: -18%;}
.dislike{max-width: 15%;left: -9%;}
.like{max-width: 15%;right: -9%;}
.mostTag {max-width: 100%;}
}
@media (min-width: 1700px){
.mycontainer{width:1500px;}
.mycontainer2{width:1219px;}
.mycontainer3{width: 1320px;}
.book1{max-width: 20%;left: 3%;}
.book2{max-width: 19%;right: 3%;}
.book3{max-width: 11%;right: 8%;}
.tag1{max-width: 100%;}
.tag2{max-width: 100%;}
.tag4{max-width: 100%;}
.ele4{max-width: 26%;}
.ele6{max-width:100%;}
.ele1 {max-width: 100%;}
.ele7 {max-width: 100%;}
.ele8 {max-width: 17%;top: 35.5%;right: 9.5%;}
.badge-img{max-width: 16%;}
.intro{max-width:100%;}
.intro1{max-width: 39%;}
.intro2{max-width: 20%;}
.intro3{max-width: 20%;}
.ele9{max-width: 9%;}
.ele10{max-width: 10%;}
.ele12{max-width: 44%;}
.ele13{max-width: 40%;}
.ele14{max-width: 15%;}
.ele15{max-width: 15%;}
.ele16{max-width: 21%;}
.ele17{max-width: 33%;right: 89%;top: -14%;}
.ele18{max-width: 18%;}
.ele19{max-width: 15%;}
.ele20{max-width: 24%;}
.ele21{max-width: 18%;}
.ele22{max-width: 18%;}
.title2{max-width:100%;}
.title3{max-width: 100%;}
.title5{max-width: 100%;}
.text-bg5 {width: 43%;}
.text-bg8 {width: 77%;}
.step1 {max-width: 127%;}
.step2 {max-width: 147%;position: relative;left: -46%;}
.step3 {max-width: 127%;}
.step1-title{margin-top: 32%;}
.step2-title{margin-top: 25%;}
.step3-title{}
.step1-detail{padding: 0 3% 0 1%;}
.step2-detail{padding: 0 4% 0 4%;}
.step3-detail{padding: 0 3% 0 1%;}
.connection1{max-width: 100%;}
.connection2{max-width: 100%;}
.connection3{max-width: 100%;}
.connection1-box {
top: -5%;
left: -4%;
}
.connection2-box {
bottom: -4%;
left: 11%;
}
.connection3-box {
right: -11%;
margin-top: -25%;
margin-bottom: -5%;
}
.video-section-out {max-width: 57.8%;}
.section5-inn-title-box{width: 100%;}
.section13 .swiper-pagination{width: 61%;}
.section13 .swiper-pagination-bullet {line-height: 380%;font-size: 18px;}
.section5{padding: 29% 0 0% 0;margin-top: -24%;}
.sell2 {width: 86%;}
.cover2{width: 100%;}
.templates1Icon{max-width:100%;}
.templates2Icon{max-width:100%;}
.templates3Icon{max-width:100%;}
.templates4Icon{max-width:100%;}
.templates5Icon{max-width:100%;}
.templates6Icon{max-width:100%;}
.templates7Icon{max-width:100%;}
.templates8Icon{max-width:100%;}
.templates9Icon{max-width:100%;}
.templates10Icon{max-width:100%;}
.templates11Icon{max-width:100%;}
.templates12Icon{max-width:100%;}
.short{max-width:100%;}
.img1{max-width: 27%;}
.img2{max-width: 33%;}
.introLogo{max-width:100%;}
.look1{width: 19%;top: 9%;left: 4%;}
.look2{width:19%;bottom: 23%;right:4%;}
.ele26{max-width: 27%;top: 0%;right: -5%;}
.templates10{width: 108%;}
.refund{max-width: 282%;left: -32%;margin-top: -18%;}
.dislike{max-width: 15%;left: -9%;}
.like{max-width: 15%;right: -9%;}
}
@media (min-width: 1800px){
.mycontainer{width:1500px;}
.mycontainer2{width:1219px;}
.mycontainer3{width: 1340px;}
.book1{max-width: 20%;left: 3%;}
.book2{max-width: 20%;right: 2%;}
.book3{max-width:100%;right: 8%;}
.tag1{max-width: 100%;}
.tag2{max-width: 100%;}
.tag4{max-width: 100%;}
.ele4{max-width: 27%;}
.ele6{max-width:100%;}
.ele7 {max-width: 100%;}
.ele8 {max-width: 17%;top: 35.5%;right: 10.5%;}
.badge-img{max-width: 16%;}
.intro{max-width:100%;}
.intro1{max-width: 39%;}
.intro2{max-width: 20%;}
.intro3{max-width: 20%;}
.ele9{max-width: 9%;}
.ele10{max-width: 10%;}
.ele12{max-width: 44%;}
.ele13{max-width: 40%;}
.ele14{max-width: 15%;}
.ele15{max-width: 15%;}
.ele16{}
.ele17{max-width: 32%;right: 89%;top: -14%;}
.ele18{max-width: 18%;}
.ele19{max-width: 15%;}
.ele20{max-width: 24%;}
.ele21{max-width: 18%;}
.ele22{max-width: 18%;}
.title2{max-width:100%;}
.title3{max-width: 100%;}
.title5{max-width: 100%;}
.text-bg5 {width: 40.5%;}
.text-bg8 {width: 77%;}
.step1 {max-width: 127%;}
.step2 {max-width: 147%;position: relative;left: -46%;}
.step3 {max-width: 127%;}
.step1-title{margin-top: 32%;}
.step2-title{margin-top: 25%;}
.step3-title{}
.step1-detail{padding: 0 3% 0 1%;}
.step2-detail{padding: 0 4% 0 4%;}
.step3-detail{padding: 0 3% 0 1%;}
.connection1{max-width: 100%;}
.connection2{max-width: 100%;}
.connection3{max-width: 100%;}
.connection1-box {
top: -5%;
left: -4%;
}
.connection2-box {
bottom: -4%;
left: 11%;
}
.connection3-box {
right: -11%;
margin-top: -25%;
margin-bottom: -5%;
}
.video-section-out {max-width: 57.8%;}
.section5-inn-title-box{width: 100%;}
.section13 .swiper-pagination{width: 54%;}
.section13 .swiper-pagination-bullet {line-height: 380%;font-size: 18px;}
.section5{padding: 29% 0 0% 0;margin-top: -24%;}
.sell2 {width: 86%;}
.cover2{width: 100%;}
.templates1Icon{max-width:100%;}
.templates2Icon{max-width:100%;}
.templates3Icon{max-width:100%;}
.templates4Icon{max-width:100%;}
.templates5Icon{max-width:100%;}
.templates6Icon{max-width:100%;}
.templates7Icon{max-width:100%;}
.templates8Icon{max-width:100%;}
.templates9Icon{max-width:100%;}
.templates10Icon{max-width:100%;}
.templates11Icon{max-width:100%;}
.templates12Icon{max-width:100%;}
.short{max-width:100%;}
.img1{max-width: 27%;}
.img2{max-width: 33%;}
.introLogo{max-width:100%;}
.look1{width: 20%;top: 8%;left: 4%;}
.look2{width:20%;bottom: 24%;right:4%;}
.ele26{max-width: 28%;top: 0%;right: -4%;}
.refund{max-width: 290%;left: -36%;margin-top: -18%;}
.dislike{max-width: 15%;left: -9%;}
.like{max-width: 15%;right: -9%;}
}
@media (min-width:1900px){
.mycontainer2{width:1330px;}
.mycontainer3{width: 1544px;}
.book1 {max-width: 21%;left: 3%;}
.book2 {max-width: 20%;}
.book3 {max-width:100%;right: 8%;}
.ele4{max-width:100%;}
.ele6{max-width:100%;}
.ele1 {max-width: 100%;}
.ele7 {max-width: 100%;}
.ele8 {max-width: 100%;top: 35.5%;right: 12.5%;}
.connection1{max-width: 100%;}
.badge-img{max-width:100%;}
.intro{max-width:100%;}
.intro1{max-width:100%;}
.intro2{max-width:100%;}
.intro3{max-width:100%;}
.ele9{max-width:100%;}
.ele10{max-width:100%;}
.ele12{max-width:100%;}
.ele13{max-width:100%;}
.ele14{max-width:100%;}
.ele15{max-width:100%;}
.ele16{max-width:100%;}
.ele17{max-width: 100%;right: 89%;top: -15%;}
.ele18{max-width:100%;}
.ele19{max-width:100%;}
.ele20{max-width:100%;}
.ele21{max-width:100%;}
.ele22{max-width:100%;}
.title2{max-width:100%;}
.title3{max-width: 100%;}
.title5{max-width: 100%;}
.text-bg5 {width: 40%;}
.text-bg8 {width: 77%;}
.step1 {max-width: 127%;}
.step2 {max-width: 147%;position: relative;left: -46%;}
.step3 {max-width: 127%;}
.step1-detail{padding: 0 3% 0 1%;}
.step2-detail{padding: 0 4% 0 4%;}
.step3-detail{padding: 0 3% 0 1%;}
.step1-title{margin-top: 32%;}
.step2-title{margin-top: 25%;}
.step3-title{}
.connection1{max-width: 100%;}
.connection2{max-width: 100%;}
.connection3{max-width: 100%;}
.connection1-box {
top: -5%;
left: -4%;
}
.connection2-box {
bottom: -4%;
left: 11%;
}
.connection3-box {
right: -11%;
margin-top: -25%;
margin-bottom: -5%;
}
.video-section-out {max-width: 57.8%;}
.section5-inn-title-box{width: 100%;}
.section13 .swiper-pagination{width: 54%;}
.section13 .swiper-pagination-bullet {line-height: 380%;font-size: 18px;}
.section5{padding: 29% 0 0% 0;margin-top: -24%;}
.sell2 {width: 79%;}
.cover2{width: 100%;}
.templates1Icon{max-width:100%;}
.templates2Icon{max-width:100%;}
.templates3Icon{max-width:100%;}
.templates4Icon{max-width:100%;}
.templates5Icon{max-width:100%;}
.templates6Icon{max-width:100%;}
.templates7Icon{max-width:100%;}
.templates8Icon{max-width:100%;}
.templates9Icon{max-width:100%;}
.templates10Icon{max-width:100%;}
.templates11Icon{max-width:100%;}
.templates12Icon{max-width:100%;}
.short{max-width:100%;}
.img1{max-width:100%;}
.img2{max-width:100%;}
.introLogo{max-width:100%;}
.look1{width: 20%;top: 7%;left: 4%;}
.look2{width:20%;bottom: 22%;right:4%;}
.ele26{max-width:100%;top: 0%;right: 0;}
.refund{max-width: 290%;left: -19%;margin-top: -18%;}
.dislike{max-width:100%;left: -9%;}
.like{max-width:100%;right: -9%;}
}
@media (min-width:2000px){
.mycontainer2 {
width: 1800px;
}
.mycontainer3{width:1900px;}
}
.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;}
/* **** Tooltip **** */
.info-tooltip {
font-size: 25px;
}
@media (min-width: 1400px) and (max-width: 1899px) {
.price-checklist1.lg18 {
font-size: 16px;
}
}
@media(min-width: 1200px) {
.pad-view {
display: none !important;
}
.desktop-view {
display: block !important;
}
}
@media(max-width: 1199px) {
.desktop-view {
display: none !important;
}
.pad-view {
display: block !important;
}
}
@media(min-width: 1920px){
.sell2-box .sell2 {
max-width: 530px;
}
.cover-box2-inn .cover2 {
max-width: 585px;
}
.bonus-title-box .title4 {
width: 100%;
}
}
/* Monster Bubdle Deal */
.monsterDeal {
position: fixed;
max-width: 300px;
bottom: 0px;
max-height: fit-content;
top: 0px;
left: 15px;
padding: 20px 0px;
background-color: #fff;
border-radius: 10px;
box-shadow: 0 0px 14px 10px rgb(0 0 0 / 30%);
z-index: 999999;
opacity: 1 !important;
margin: auto;
}
.monsterDeal .title-wrap {
/* padding-left: 45px;*/
padding-left: 0px;
height: auto;
/* background: url(img/layer.png) 0 center / 40px 40px no-repeat;*/
display: flex;
align-items: center;
margin-bottom: 20px;
}
.monsterDeal .title-wrap .popup_title {
margin-bottom: 0px;
font-size: 26px;
color: #4d55f3;
font-weight: 700;
text-align: center;
}
.monsterDeal .content-wrap {
text-align: center;
}
.cookie-alert-text {
text-align: center;
font-size: 22px;
font-weight: 600;
}
.monsterDeal .accept-btn, .monsterDeal .accept-btn:hover, .monsterDeal .accept-btn:focus, .monsterDeal .accept-btn:visited, .monsterDeal .accept-btn:active {
/* background-color: #52cb12 !important; */
/*background-color: rgba(255, 255, 255, 0.904) !important;
color: #254A12;*/
color: #fff;
box-shadow: 0 0 10px 2px rgb(0 0 0 / 30%) !important;
outline: none;
border: none;
border-radius: 25px;
padding: 10px 20px;
font-size: 18px;
margin-top: 20px;
font-weight: 700;
text-decoration: none;
display: inline-block;
}
.monsterDeal .accept-btn, .monsterDeal .accept-btn:visited, .monsterDeal .accept-btn:active, .monsterDeal .accept-btn:focus {
background-color: #4d55f3 !important;
}
.monsterDeal .accept-btn:hover {
background-color: #ff7607 !important;
}
.monsterDealPopup {
max-width: 90%;
max-height: 355px;
width: 350px;
height: fit-content;
position: fixed;
top: 0;
bottom: 0;
left: 15px;
margin: auto;
z-index: 999999;
opacity: 1;
}
.monsterDealPopup .close_icon {
color: #fff;
position: absolute;
line-height: 20px !important;
width: 30px;
height: 30px;
font-size: 20px !important;
text-align: center;
background-color: red;
cursor: pointer;
border-radius: 50%;
display: grid;
align-items: center;
top: -10px;
right: -10px;
padding-bottom: 3px;
}
.monsterDealButton .dealImg {
max-width: 100%;
height: auto;
}
@media(max-width: 800px) {
.monsterDealPopup {
max-width: 80%;
width: 280px;
height: fit-content;
top: 160px;
bottom: unset;
margin: auto;
}
}