html {
scroll-behavior: smooth;
}
/*Fonts*/
.caveat{font-family: 'Caveat', cursive;}
.oswald{font-family: 'Oswald', sans-serif;}
/*Common*/
body {font-family: 'Inter', sans-serif;font-size: 14px;line-height: 1.42857143;color: #0b1121;background-color:#000;;}
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;
}
.banner-box {padding: 3% 1.5%;}
.banner-box1{border-bottom: 1px dashed #2c2543;}
.banner-box2{border-bottom: 1px dashed #2c2543;}
.banner-box3{border-bottom: 1px dashed #2c2543;}
.banner-box4{border-bottom: 1px dashed #2c2543;}
.banner-box5{border-bottom: 1px dashed #2c2543;}
.banner-box6{border-bottom: 0px;}
.section8-box {
width: 98%;
padding: 2%;
}
}
@media (min-width:768px) {
.sm8 {font-size: 8px;}.sm9 {font-size: 9px;}.sm10 {font-size: 10px;}.sm11 {font-size: 11px;}.sm12 {font-size: 12px;}.sm13 {font-size: 13px;}.sm14 {font-size: 14px;}.sm15 {font-size: 15px;}.sm16 {font-size: 16px;}.sm17 {font-size: 17px;}.sm18 {font-size: 18px;}.sm19 {font-size: 19px;}.sm20 {font-size: 20px;}.sm21 {font-size: 21px;}.sm23 {font-size: 23px;}.sm24 {font-size: 24px;}.sm25 {font-size: 25px;}.sm27 {font-size: 27px;}.sm28 {font-size: 28px;}.sm29 {font-size: 29px;}.sm30 {font-size: 30px;}.sm31 {font-size: 31px;}.sm32 {font-size: 32px;}.sm33 {font-size: 33px;}.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;}
.banner-box1{border-bottom: 1px dashed #2c2543;border-right:1px dashed #2c2543;}
.banner-box2{border-bottom: 1px dashed #2c2543;border-right: 0px;}
.banner-box3{border-bottom: 1px dashed #2c2543;border-right:1px dashed #2c2543;}
.banner-box4{border-bottom: 1px dashed #2c2543;border-right: 0px;}
.banner-box5{border-bottom: 0px dashed #2c2543;border-right:1px dashed #2c2543;}
.banner-box6{border-bottom: 0px;border-right: 0px;}
.section8-box{width: 33%;padding: 1%;}
}
@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;}.md65 {font-size: 65px;}.md60{font-size: 60px;}.md75 {font-size: 75px;}.md70 {font-size: 70px;}.md80 {font-size: 80px;}.md84 {font-size: 84px;}.md90{font-size: 90px;}.md120{font-size: 120px;}.md170 {font-size: 170px;}.md210 {font-size: 240px;}
.mmb0{margin-bottom:0%;}
.mmb3{margin-bottom:3%;}
.mmb5{margin-bottom:5%;}
.mmb7{margin-bottom:7%;}
.mmb8{margin-bottom:8%;}
.mmb11{margin-bottom:11%;}
.mmb12{margin-bottom:12%;}
.mmb14{margin-bottom:14%;}
.mmb15{margin-bottom:15%;}
.mmb16{margin-bottom:16%;}
.mmb20{margin-bottom:20%;}
.mmb28{margin-bottom:28%;}
.mmb35{margin-bottom:35%;}
.mmt0{margin-top:0%;}
.mmt1{margin-top:1%;}
.mmt2{margin-top:2%;}
.mmt3{margin-top:3%;}
.mmt4{margin-top:4%;}
.mmt5{margin-top:5%;}
.mmt6{margin-top:6%;}
.mmt7{margin-top:7%;}
.mmt8{margin-top:8%;}
.mmt9{margin-top:9%;}
.mmt10{margin-top:10%;}
.mmt11{margin-top:11%;}
.mmt12{margin-top:12%;}
.mmt13{margin-top:13%;}
.mmt14{margin-top:14%;}
.mmt15{margin-top:15%;}
.mmt18{margin-top:18%;}
.mmt11a{margin-top:11.6%;}
.mmt20{margin-top:20%;}
.mmt28{margin-top:28%;}
.mmt31{margin-top:31%;}
.mmt36{margin-top:36%;}
.mmt-2{margin-top:-2%;}
.mmt-3{margin-top:-3%;}
.mmt-4{margin-top:-4%;}
.mmt-5{margin-top:-5%;}
.mmt-8{margin-top:-8%;}
.mmt-9{margin-top:-9%;}
.mmt-9a{margin-top:-9.5%;}
.mmt-12{margin-top:-12%;}
.mmb-5{margin-bottom:-5%;}
.mmb-6{margin-bottom:-6%;}
.mml-4{margin-left:-4%;}
.mycontainer{width:970px;}
.mycontainer2{width:922px;}
.mycontainer3{width:922px;}
.mycontainer-right{width:922px;}
.mycontainer-left{width:922px;}
.banner-box1{border-bottom: 1px dashed #2c2543;border-right:1px dashed #2c2543 !important}
.banner-box2{border-bottom: 1px dashed #2c2543;border-right:1px dashed #2c2543 !important}
.banner-box3{border-bottom: 1px dashed #2c2543;border-right:0 !important}
.banner-box4{border-bottom: 0px;border-right:1px dashed #2c2543 !important}
.banner-box5{border-bottom: 0px;border-right:1px dashed #2c2543 !important}
.banner-box6{border-bottom: 0px;border-right: 0px !important}
.section8-box {
width: 32%;
padding: 1%;
}
}
@media (min-width:1200px){
.lg8 {font-size: 8px;}.lg9 {font-size: 9px;}.lg10 {font-size: 10px;}.lg11 {font-size: 11px;}.lg12 {font-size: 12px;}.lg13 {font-size: 13px;}.lg14 {font-size: 14px;}.lg15 {font-size: 15px;}.lg16 {font-size: 16px;}.lg17 {font-size: 16px;}.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;}.lg65 {font-size: 65px;}.lg60{font-size: 60px;}.lg71 {font-size: 71px;}.lg70 {font-size: 70px;}.lg80 {font-size: 80px;}.lg86 {font-size: 86px;}.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%}
.section8-box{width: 20%;padding: 0 1%;}
}
@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:#69686b}
.gray2{color:#aeaeb1}
.gray3{color:#8c8c8c}
.blue{color:#2a3950}
.black2{color:#101010}
.responsive-video {
padding-bottom: 56.21%;
overflow: hidden;
position: relative;
z-index: 3;
}
.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 {
position: relative;
z-index: 1;
overflow: hidden;
background-color: rgb(0, 0, 0);
box-shadow: 0px 43px 43px 0px rgba(0, 0, 0, 0.66);
box-shadow: 0px 41px 40px 0px rgb(39 11 40 / 23%);
border: 4px solid #ec7a0f;
}
.video-box .responsive-video {
border-radius: 15px;
}
.autoplayer-subarea-16-by-9 {
padding-bottom: 56.80% !important;
}
.autoplayer-subarea {
background-color: #121212 !important;
}
.demo-video {
border-style: solid;
border-width: 45px;
border-color: rgb(255 255 255 / 8%);
margin-top: 7%;
background-color: rgb(37, 18, 62);
box-shadow: 0px 41px 40px 0px rgb(39 11 40 / 23%);
}
.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%;}.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%;}
.black{color:#0b1121;}
.mybutton a {
border-style: solid;
border-width: 2px;
border-color: rgb(255, 176, 63);
border-radius: 25px;
background-image: -moz-linear-gradient( -90deg, rgb(255,155,3) 0%, rgb(255,102,0) 100%);
background-image: -webkit-linear-gradient( -90deg, rgb(255,155,3) 0%, rgb(255,102,0) 100%);
background-image: -ms-linear-gradient( -90deg, rgb(255,155,3) 0%, rgb(255,102,0) 100%);
box-shadow: 0px 16px 40px 0px rgba(255, 107, 0, 0.17),inset -0.244px 6.996px 10px 0px rgba(255, 197, 104, 0.64);
color: #010101;
background-color: #ff8302;
padding: 2.6% 2% 3% 2%;
display: table;
margin: auto;
transition: 0.5s;
position: relative;
z-index: 2;
overflow: hidden;
font-style:italic;
width: 90.6%;
text-transform: uppercase;
}
.mybutton a:hover {
box-shadow:none;
transform: scale(1.05);
background-image: -moz-linear-gradient( -90deg, rgb(255,102,0) 0%, rgb(255,155,3) 100%);
background-image: -webkit-linear-gradient( -90deg, rgb(255,102,0) 0%, rgb(255,155,3) 100%);
background-image: -ms-linear-gradient( -90deg, rgb(255,102,0) 0%, rgb(255,155,3) 100%);
}
.mybutton-table a{width: 94%;border-radius: 23px;padding: 2.8% 3% 3.1% 1%;}
.buttonimg {
position: absolute;
left: 0;
max-width: 108%;
top: 18%;
}
.mybutton-light a{box-shadow: 0px 16px 38px 0px rgba(11, 0, 92, 0.29),inset -0.244px 6.996px 10px 0px rgba(255, 197, 104, 0.64);}
.arrow11{
-webkit-animation: bounceLeft 2s infinite;
animation: bounceLeft 2s infinite;
position: relative;
margin-top: -1%;
left: 2%;
}
.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 10px;
padding-left: 35px;
list-style: none;
margin-left: 0px;
padding-top: 0;
padding-bottom: 2.5%;
margin-top: 2.5%;
color:#fff;
text-align: left;
}
.checklist2 li {
background: url(../images/checklist2.png) no-repeat left 10px;
padding-left: 35px;
list-style: none;
margin-left: 0px;
padding-top: 0;
padding-bottom: 5%;
margin-top: 5%;
color:#8e869d;
text-align: left;
}
.checklist3{margin-top:3.5%;}
.checklist3 li {
background: url(../images/checklist3.png) no-repeat left 12px;
padding-left: 55px;
list-style: none;
margin-left: 0px;
padding-top: 1.8%;
padding-bottom: 1.8%;
margin-top: 0;
color: #bab2cc;
text-align: left;
}
.checklist4 li {
background: url(../images/checklist4.png) no-repeat left 16px;
padding-left: 55px;
list-style: none;
margin-left: 0px;
padding-top: 1.5%;
padding-bottom: 1.5%;
margin-top: 0;
color: #0b1121;
}
.checklist5 li {
background: url(../images/checklist5.png) no-repeat left 7px;
padding-left: 50px;
list-style: none;
margin-left: 0px;
padding-top: 0;
padding-bottom: 2.5%;
margin-bottom: 6.5%;
color: #c6bfd6;
}
.checklist6 li {
background: url(../images/checklist6.html) 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.html) no-repeat left 16px;
padding-left: 30px;
list-style: none;
margin-left: 0px;
padding-top: 4%;
padding-bottom: 4%;
margin-top: 0;
}
.checklist8 li {
background: url(../images/checklist8.html) 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.html) 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.html) 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: url(../images/unchecklist1.html) 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;
text-align: left;
}
.unchecklist2 li {
background: url(../images/unchecklist2.html) 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.html) 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.html) 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.html) 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.html) 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.html) 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-top: 5%;
text-align: center;
}
.table-box-out2 .pro-center{}
.price-checklist2{
padding: 0 9%;
margin-top: -2%;
}
.price-checklist2 li {
background: url(../images/priceCheck2.png) no-repeat left 6px;
padding-left: 40px;
list-style: none;
margin-left: 0px;
padding-top: 0;
padding-bottom: 2%;
margin-top: 2%;
text-align: left;
color: white;
}
.uncheck{background: url(../images/priceUncheck.png) no-repeat left 6px !important}
.price-checklist1 li {
list-style: none;
margin-left: 0;
padding-top: 0px;
padding-bottom: 7%;
margin-bottom: 7%;
color: #cbc1ff;
}
.price-checklist1 li:last-child {
border-bottom: 0px;
}
.price-unchecklist1 li {
background: url(../images/uncheck2.html) no-repeat 49px 6px;
padding-left: 80px;
padding-right: 40px;
list-style: none;
margin-left: 0;
padding-top: 0px;
padding-bottom: 15px;
margin-bottom: 15px;
}
.price-unchecklist1 li.last {
border-bottom: 0px;
}
.price-unchecklist-bonus {
padding-left: 8%;
}
.price-checklist-bonus {
padding-left: 8%;
}
ul.price-checklist3 {
padding-left: 13px;
}
.price-checklist3 li {
background: url(../images/check3.html) 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;}
.titleBg12{
background-color: rgb(127, 107, 236);
display: inline-block;
padding: .2% 5%;
border-radius: 50px;
}
.coupon {
display: inline-block;
padding: .1% 3%;
border-radius: 50px;
border-width: 1px;
border-color: rgb(255, 255, 255);
border-style: dashed;
background-color: rgb(196, 20, 119);
}
.text-bg {
background: url(../images/textBg.html) no-repeat center center;
padding: 12px 12px;
color: #fff;
display: inline-block;
}
.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%;
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 0 8% 0;
position: relative;
border-radius: 30px;
background-color: #1d1132;
overflow: hidden;
background-image: -webkit-linear-gradient( -90deg, #22153b 0%, #0f0830 100%);
}
.table-box3-out {
margin-top: 3%;
text-align: center;
padding: 0 2.4%;
}
.table-box3-top {
background: url(../images/tableBg1.png) no-repeat center top;
background-size: cover;
padding: 8% 0 0 0;
}
.table-box3 {
padding: 0 0 8% 0;
position: relative;
border-radius: 30px;
background-color: #2f2b46;
overflow: hidden;
}
.table1-title {
display: inline-block;
background-color: rgb(35, 30, 62);
color: #fff;
padding: 1.4% 7.0%;
border-radius: 50px;
}
.table-box2-top {
background: url(../images/tableBg2.png) no-repeat center top;
background-size: cover;
padding: 8% 0 0 0;
}
.table2-title {
display: inline-block;
background-color: rgb(45, 30, 70);
color: #fff;
padding: 1.4% 7.0%;
border-radius: 50px;
}
.table-list{
margin-top: 5%;
}
.table-list li{
margin: 3.5% 0;
}
.cover{
position: relative;
margin-bottom: 0;
z-index: 1;
}
/*banner-section*/
.header{z-index: 111111;position: relative;margin: auto;background-color: rgb(11, 7, 34);}
nav{width:100%;}
.navbar-brand {margin-right: 0rem;padding-top: 0px;}
.navbar-light .navbar-nav .nav-link {
color: #ffffff;
position: relative;
transition: 0.5s;
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
color: #d5d5d5;
}
.getlink {
border-radius: 4px;
padding: 11px 32px !important;
-moz-transition: .4s;
-o-transition: .4s;
-webkit-transition: all .4s ease-in-out;
transition: .4s;
margin-left: 8px;
box-shadow: 0px 7px 18px 0px rgb(1 87 255 / 26%);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
background-image: -webkit-linear-gradient(
-90deg
, rgb(255,155,3) 0%, rgb(255,102,0) 100%);
background-image: -ms-linear-gradient( -90deg, rgb(255,155,3) 0%, rgb(255,102,0) 100%);
box-shadow: 0px 16px 40px 0px rgb(255 107 0 / 17%), inset -0.244px 6.996px 10px 0px rgb(255 197 104 / 64%);
color: #010101 !important;
font-weight: 700;
}
.getlink:hover {
transition: .4s;
box-shadow: none;
box-shadow: none;
transform: scale(1.05);
background-image: -moz-linear-gradient( -90deg, rgb(255,102,0) 0%, rgb(255,155,3) 100%);
background-image: -webkit-linear-gradient(
-90deg
, rgb(255,102,0) 0%, rgb(255,155,3) 100%);
background-image: -ms-linear-gradient( -90deg, rgb(255,102,0) 0%, rgb(255,155,3) 100%);
}
.getbox{margin-left: 1%;}
.navbar-toggler {background-color: white;}
.menu {
padding: 15px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
padding-bottom: 9px !important;
}
.banner-title {
background: url(../images/titleBg.png) no-repeat center center;
text-align: center;
background-size: contain;
padding: 2% 0 2.8% 0;
margin-top: 1%;
}
.gradient-text1{
background: linear-gradient(to right, #f47202 , #ffc56d);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.text-border {
background: url(../images/textBorder.png) no-repeat center bottom;
background-size: auto;
background-size: contain;
padding: 0 0 1% 0;
}
.banner-text {
border-radius: 15px;
background-color: rgb(255 255 255 / 4%);
text-align: center;
display: inline-block;
padding: 1% 3.1%;
}
.vidTop{
position: relative;
margin-bottom: -3.5%;
}
.vidBottom{
position: relative;
margin-top: -3.5%;
}
.icon{margin-top: 10%;}
/*section2*/
.section2-title {
background: url(../images/section2TitleBg.png) no-repeat center center;
text-align: center;
background-size: contain;
padding: 3.3% 0 3.3% 0;
color:#fff;
margin-top: 6%;
}
.gradient-text{
background: linear-gradient(to right, #f37303 , #f2b554);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.step-title {
background-image: -moz-linear-gradient( -180deg, rgba(242,142,38,0.99608) 0%, rgb(253,100,79) 100%);
background-image: -webkit-linear-gradient(
-180deg
, rgba(242,142,38,0.99608) 0%, rgb(253,100,79) 100%);
background-image: -ms-linear-gradient( -180deg, rgba(242,142,38,0.99608) 0%, rgb(253,100,79) 100%);
color: #fff;
padding: 1.3% 4.3%;
border-radius: 50px;
text-transform: uppercase;
}
.step-box-out {
padding: 0 2.6%;
}
.step-box {
border-width: 1px;
border-color: rgb(40, 48, 70);
border-style: solid;
border-radius: 10px;
margin-top: 12%;
padding-bottom: 10%;
background-color: #0a021a;
}
.step-box h4{
margin-top: 7%;
}
.step1{max-width: 115%;position: relative;left: -7.5%;margin-top: -1%;}
.step2{max-width: 130%;position: relative;left: -15%;margin-top: -6%;}
.step3{max-width: 115%;position: relative;left: -8%;}
/*section3*/
.gradient-text2{
background: linear-gradient(to right, #f37303 , #f2a224);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.titleBg2-box{position:relative;}
.titleBg2 {
position: absolute;
left: -15%;
margin-top: -1.5%;
}
/*section4*/
.section4-title {
background: url(../images/section4TitleBg.png) no-repeat center center;
text-align: center;
background-size: contain;
padding: 2.3% 0 2% 0;
color: #0b1121;
margin-top: 2%;
}
.what-box-out1{
padding: 0 2% 0 4.6%;
}
.what-box-out2{
padding: 0 4.6% 0 2%;
}
.what-box{
margin-top: 8%;
border-width: 1px;
border-color: rgb(218, 218, 218);
border-style: solid;
background-color: rgb(255, 255, 255);
box-shadow: 11.5px 19.919px 27px 0px rgba(212, 217, 255, 0.38),inset 0px 4px 0px 0px rgba(248, 117, 1, 0.004);
border-top: 3px solid #f87501;
border-radius: 20px;
padding: 9% 3% 3% 3%;
height: 100%;
}
.what-box1{
transform: rotate(-0.8deg);
}
.what-box2{
transform: rotate(0.8deg);
}
.text-border2 {
background: url(../images/textBorder2.png) no-repeat center bottom;
background-size: contain;
padding: 0 0 7px 0;
}
.titleBg3 {
background: url(../images/titleBg3.png) no-repeat center center;
background-size: contain;
padding: 1% 0 1% 0;
margin-top: 4%;
color: #fff;
font-style: italic;
margin-bottom: 0%;
}
.section4-box-out{
padding: 0 2.3%;
}
.section4-box{
border-width: 1px;
border-color: rgb(253, 101, 78);
border-style: solid;
border-radius: 30px;
background-color: rgb(255, 255, 255);
box-shadow: 0px 32px 49px 0px rgba(8, 5, 12, 0.17);
margin-top: 8%;
padding: 0 1% 7% 1%;
}
.section4-text-box{
position: relative;
padding: 0;
margin-top: -6%;
transform: rotate(
0.5deg
);
}
.section4-text{
border-radius: 15px;
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: -14.142px 14.142px 27px 0px rgb(136 144 206 / 38%);
color: #fff;
padding: 1.5% 3.8%;
position: relative;
z-index: 1;
display: inline-block;
}
.arrow12{
position: relative;
left: -35%;
}
/*section5*/
.section5-title {
background: url(../images/section5TitleBg.png) no-repeat center center;
text-align: center;
background-size: contain;
padding: 3.3% 0 3% 0;
color: #fff;
}
/*section6*/
.section6-title {
background: url(../images/section6TitleBg.png) no-repeat center center;
background-size: contain;
padding: 4.3% 0 4% 0;
color: #fff;
margin-bottom: 5%;
}
.gradient-text3{
background: linear-gradient(to right, #ff7f0e , #ffc260);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.section6-box {
border-width: 1px;
border-color: rgb(255, 132, 0);
border-style: solid;
border-radius: 8px;
box-shadow: 0px 0px 7px 0px rgb(255 115 0 / 0%);
display: inline-block;
padding: 3% 4%;
position: relative;
left: -4%;
color: #eae7ee;
}
/*section7*/
.section7-title {
background: url(../images/section7TitleBg.png) no-repeat center center;
text-align: center;
background-size: contain;
padding: 3.6% 0 3.6% 0;
color: #0b1121;
margin-top: 5.5%;
}
.section7-arrow1{margin-top: -2.5%;}
.section7-text {
background-color: rgb(255, 191, 92);
display: inline-block;
padding: 1.3% 3.2%;
border-radius: 20px;
position: relative;
left: -3%;
}
.arrow4 {
position: relative;
left: 4%;
margin-top: -1px;
}
.section7-text-box {
padding: 0 3%;
}
/*section8*/
.section8-title {
background: url(../images/section8TitleBg.png) no-repeat center center;
text-align: center;
background-size: contain;
padding: 2.8% 0 3.4% 0;
color: #0b1121;
margin-top: 5.5%;
}
.section8-box1{}
.section8-box2{
margin-top: 6%;
}
.section8-box3{}
.section8-box4{
margin-top: 6%;
}
.section8-box5{}
.section8-box{
display: -webkit-inline-box;
height: fit-content;
}
.section8-box-inn{
border-radius: 20px 80px 20px 80px;
background-color: rgb(25, 14, 48);
box-shadow: 0px 33px 38px 0px rgba(57, 40, 92, 0.21);
width: 100%;
color: #fff;
text-align: center;
padding: 13% 12%;
height: auto;
}
.section8-box p{
margin-top: 8%;
}
.section8-text-box{
padding: 0;
margin-top: 2%;
}
.section8-text-box-inn {
background-color: #ffffff;
padding: 3% 5% 3% 5%;
text-align: center;
border-top: 3px solid #f87501;
border-radius: 15px;
box-shadow: 0px 15px 25px 0px rgb(248 119 4 / 5%);
transform: rotate(
-0.5deg
);
}
.pin {
position: absolute;
right: 0;
top: -5%;
}
.textBgBottom{width:100%;}
.titleBg4 {
background: url(../images/titleBg4.png) no-repeat center center;
background-size: contain;
padding: 1.5% 0 1.5% 0;
margin-top: 5%;
color: #fff;
font-style: italic;
margin-bottom: 1.5%;
}
.section8-text-box2 {
padding: 0 4.3%;
margin-top: 4%;
}
.section8-text-box2-inn{
border-width: 1px;
border-color: rgb(253, 101, 78);
border-style: solid;
border-radius: 30px;
background-color: rgb(255, 255, 255);
box-shadow: 0px 32px 49px 0px rgba(8, 5, 12, 0.17);
padding: 4% 6% 6% 6%;
}
/*section9*/
.section9-title {
background: url(../images/section9TitleBg.png) no-repeat center center;
text-align: center;
background-size: contain;
padding: 1.8% 0 1.4% 0;
color: #fff;
}
.section9-text {
background-color: rgb(255, 191, 92);
display: inline-block;
padding: 1% 1.8%;
border-radius: 20px;
position: relative;
background-image: -moz-linear-gradient( 178deg, rgba(255,186,76,0.99608) 0%, rgb(255,120,1) 100%);
background-image: -webkit-linear-gradient(
178deg
, rgba(255,186,76,0.99608) 0%, rgb(255,120,1) 100%);
background-image: -ms-linear-gradient( 178deg, rgba(255,186,76,0.99608) 0%, rgb(255,120,1) 100%);
color: #fff;
}
.arrow5 {
position: relative;
left: -29%;
margin-top: -1px;
}
.section9-box-out {
padding: 0 4.2%;
}
.section9-box{
background-color: rgb(25, 18, 38);
box-shadow: 0px 34px 79px 0px rgba(0, 0, 0, 0.3);
padding: 3% 2% 4% 2%;
border-radius: 15px 15px 0 0;
margin-top: 3%;
}
.section9-box2{
background-color: rgb(0 0 0 / 13%);
box-shadow: 0px 34px 79px 0px rgba(0, 0, 0, 0.3);
padding: 5% 6%;
}
.section9-list-box {
padding: 0 2.2%;
margin-top: 2%;
}
.section9-text2 {
background-color: rgb(255, 191, 92);
display: inline-block;
padding: .7% 2.9%;
border-radius: 50px;
position: relative;
background-image: -moz-linear-gradient( 0deg, rgba(242,142,38,0.99608) 0%, rgb(253,100,79) 100%);
background-image: -webkit-linear-gradient(
0deg
, rgba(242,142,38,0.99608) 0%, rgb(253,100,79) 100%);
background-image: -ms-linear-gradient( 0deg, rgba(242,142,38,0.99608) 0%, rgb(253,100,79) 100%);
color: #fff;
margin-top: -2%;
}
.section9-box3{
background-color: rgb(25, 18, 38);
box-shadow: 0px 34px 79px 0px rgb(0 0 0 / 30%);
border-radius: 0 0 15px 15px;
padding: 0 0 2% 0;
}
.without-box{
padding: 2% 1%;
}
.without-box1{
border-right: 1px dashed #2c2543;
border-bottom: 1px dashed #2c2543;
}
.without-box2{
border-bottom: 1px dashed #2c2543;
}
.without-box3{
border-right: 1px dashed #2c2543;
}
.without-box4{}
/*section10*/
.section10-arrow{
margin-top: -2%;
}
.section10-title {
background: url(../images/section10TitleBg.png) no-repeat center center;
text-align: center;
background-size: contain;
padding: 1.5% 0 1.8% 0;
color: #0b1121;
margin-top: 5%;
}
.section10-box-out1{padding: 0 2.5% 0 4.5%;margin-top: 2%;}
.section10-box-out2{padding: 0 4.5% 0 2.5%;margin-top: 2%;}
.section10-box {
background-color: rgb(255, 255, 255);
box-shadow: 0px 32px 49px 0px rgb(36 8 77 / 7%);
padding: 5% 5% 8% 5%;
}
.section10-text {
border-radius: 50px;
background-image: -moz-linear-gradient( 0deg, rgb(253,100,79) 0%, rgba(242,142,38,0.99608) 100%);
background-image: -webkit-linear-gradient(
0deg
, rgb(253,100,79) 0%, rgba(242,142,38,0.99608) 100%);
background-image: -ms-linear-gradient( 0deg, rgb(253,100,79) 0%, rgba(242,142,38,0.99608) 100%);
color: #fff;
padding: 1.6% 4.1%;
position: relative;
z-index: 2;
}
.section10-box-text{
}
.option {}
.section10Top{width:100%;position:relative;z-index:1;}
.section10Bottom{width:100%;position:relative;z-index:1;}
.section10-box-out1 h4{margin-bottom: -3.2%;}
.section10-box-out2 h4{margin-bottom: -3.2%;}
.section10-text2 {
border-radius: 50px;
background-color: rgb(252, 198, 111);
color: #fff;
padding: 0.9% 2.5%;
}
.section10-title2 {
background: url(../images/section10Title2Bg.png) no-repeat center center;
text-align: center;
background-size: contain;
padding: 1.5% 0 1.8% 0;
color: #0b1121;
margin-top: 5%;
}
.section10-text3 {
border-radius: 15px;
background-image: -moz-linear-gradient( 0deg, rgb(105,117,221) 0%, rgb(115,85,176) 100%);
background-image: -webkit-linear-gradient( 0deg, rgb(105,117,221) 0%, rgb(115,85,176) 100%);
background-image: -ms-linear-gradient( 0deg, rgb(105,117,221) 0%, rgb(115,85,176) 100%);
color: #fff;
padding: 0.8% 1.8%;
position: relative;
z-index: 2;
display: inline-block;
}
.section10-text3:before {
content: '';
position: absolute;
left: 4%;
bottom: 99%;
width: 0;
height: 0;
border-left: 15px solid transparent;
border-top: 15px solid transparent;
border-bottom: 15px solid #6a73db;
clear: both;
}
.section10-box2-out{
padding: 0 3%;
margin-top: 5%;
}
.section10-box2 {
border-radius: 80px 30px 80px 30px;
background-color: rgb(25, 14, 48);
padding: 0;
overflow: hidden;
}
.section10-box2-text {
padding: 0 3%;
}
.section10-box3 {
padding: 0 1.4%;
margin-top: 4.5%;
}
.section10-box3-inn {
background-color: #ffffff;
padding: 3% 5% 3% 5%;
text-align: center;
border-top: 3px solid #f87501;
border-radius: 15px;
box-shadow: 0px 15px 25px 0px rgb(248 119 4 / 5%);
transform: rotate( -0.5deg );
}
.pin {
position: absolute;
right: 0;
top: -5%;
}
.textBgBottom{width:100%;}
/*section11*/
.section11-title {
background: url(../images/section11TitleBg.png) no-repeat center center;
text-align: center;
background-size: contain;
padding: 1.4% 0 1% 0;
color: #fff;
}
.line2{
margin-top: -.8%;
}
/*section12*/
.section12-title {
background: url(../images/section12TitleBg.png) no-repeat center center;
text-align: center;
background-size: contain;
padding: .8% 0 .8% 0;
color: #fff;
margin-top: 3%;
}
.line2{}
.style-box-out{
padding: 1.5% 3%;
}
.style-box{background-color: rgb(25 18 38 / 80%);border-radius: 20px;padding: 2.3% 4%;}
.style-box-out1{}
.style-box-out2{margin-top: 1%;}
.style-box-out3{}
.style-box-out4{}
.style-box-out5{}
.style-box-out6{}
.style-box-out7{margin-top: 1%;}
.style-box-out8{margin-top: 1%;}
.style-box1{transform: rotate(3deg);}
.style-box2{}
.style-box3{transform: rotate(-3deg);}
.style-box4{transform: rotate(-3deg);}
.style-box5{}
.style-box6{transform: rotate( 3deg);}
.style-box7{transform: rotate(-3deg);}
.style-box8{transform: rotate( 3deg);}
.arrow6{
position: relative;
margin-top: -6%;
}
.style2-box-out{
padding: 0 1%;
}
.style2-box{background-color: rgb(25, 18, 38);border-radius: 20px;padding: 0% 4% 3% 4%;}
.style2-box1{transform: rotate(-3deg);}
.style2-box2{transform: rotate(3deg); margin-top: 3%;}
.style2-box3{transform: rotate(-3deg);}
.style2-box4{transform: rotate(3deg); margin-top: 3%;}
.ai9{
margin-top: -8%;
}
.ai10{
margin-top: -8%;
}
.ai11{
margin-top: -8%;
}
.ai12{
margin-top: -8%;
}
/*section13*/
.section13-title {
background: url(../images/section13TitleBg.png) no-repeat center center;
text-align: center;
background-size: contain;
padding: .8% 0 .8% 0;
color: #fff;
margin-top: 1%;
}
.section13-arrow{ margin-top: -3%;}
/*section14*/
.section14-title {
background: url(../images/section14TitleBg.png) no-repeat center center;
text-align: center;
background-size: contain;
padding: .8% 0 .8% 0;
color: #fff;
margin-top: 1%;
}
.generate-text-box{padding:0 3%;}
.generate {
max-width: 107%;
position: relative;
left: -6%;
}
.section14-box {
padding: 0 1.2%;
margin-top: 1.5%;
}
.section14-box-inn {
background-color: #ffffff;
padding: 3% 5% 3% 5%;
text-align: center;
border-top: 3px solid #f87501;
border-radius: 15px;
box-shadow: 0px 15px 25px 0px rgb(248 119 4 / 5%);
transform: rotate( -0.5deg );
}
.pin2 {
position: absolute;
left: 0;
top: -5%;
}
.textBgBottom3{
width: 100%;
transform: rotate( -1deg);
margin-top: -1px;
}
/*section15*/
.section15-title {
background: url(../images/section15TitleBg.png) no-repeat center center;
text-align: center;
background-size: contain;
padding: 1.3% 0 2.4% 0;
margin-top: 3%;
}
.section15-main-box{
padding: 0 3%;
}
.section15-box-out{
padding: 1.7% .8%;
}
.section15-box {
background-color: rgb(25, 18, 38);
box-shadow: 0px 18px 21px 0px rgb(243 136 19 / 35%);
border-radius: 20px;
padding: 6.5% 6%;
}
.section15-box1{transform: rotate(2deg);}
.section15-box2{transform: rotate(-2deg);}
.section15-box3{transform: rotate(2deg);}
.section15-box4{transform: rotate(-2deg);}
.section15-box5{transform: rotate(-2deg);}
.section15-box6{transform: rotate(2deg);}
.section15-box7{transform: rotate(-2deg);}
.section15-box8{transform: rotate(2deg);}
.section15-title2 {
background: url(../images/section15TitleBg2.png) no-repeat center center;
text-align: center;
background-size: contain;
padding: 1.4% 0 0.8% 0;
margin-top: 3%;
}
.text-border3 {
background: url(../images/textBorder3.png) no-repeat center bottom;
background-size: contain;
padding: 0 0 7px 0;
}
.quality-box-out {
padding: 1.5% 6.4%;
}
.quality-box {
border-width: 1px;
border-color: rgb(230, 230, 230);
border-style: solid;
background-color: rgb(255, 255, 255);
box-shadow: 10px 17.321px 59px 0px rgb(136 144 206 / 14%);
text-align: center;
border-radius: 100px;
padding: 12.8% 0;
position: relative;
z-index: 1;
}
.quality-box1{
transform: rotate(
-5deg
);
}
.quality-box2{
transform: rotate(
5deg
);
}
.quality-box3{
transform: rotate(
-5deg
);
}
.quality-box4{
transform: rotate(
5deg
);
}
.quality-box5{
transform: rotate(
-5deg
);
}
.quality-box6{
transform: rotate(
5deg
);
}
.quality-box7{
transform: rotate(
-5deg
);
}
.quality-box8{
transform: rotate(
5deg
);
}
.quality-box9{
transform: rotate(
-5deg
);
}
.quality-box h4{
margin-top: 10%;
}
.connection1-box{position:relative;}
.conn1{position:absolute;margin-top: 7%;left: 4%;}
.connection2-box{position:relative;}
.conn2{position:absolute;margin-top: -6%;}
.connection3-box{position:relative;}
.conn3{position:absolute;margin-top: -4%;left: 8%;}
.section15-text {
border-radius: 15px;
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: -14.142px 14.142px 27px 0px rgb(136 144 206 / 38%);
color: #fff;
padding: 1.3% 1.9%;
position: relative;
z-index: 1;
}
.arrow7-box {
transform: rotate( -0.5deg);
}
.arrow7{
position: relative;
margin-bottom: 9px;
left: -13%;
}
/*section16*/
.section16-title {
background: url(../images/section16TitleBg.png) no-repeat center center;
text-align: center;
background-size: contain;
padding: 1.7% 0 1.5% 0;
margin-top: 5%;
color:#fff;
}
.section16-text {
border-radius: 15px;
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: 6px 10.392px 29px 0px rgba(252, 102, 77, 0.38);
color: #fff;
padding: 1.3% 1.9%;
position: relative;
z-index: 1;
}
.arrow8-box{transform: rotate( -1deg);position: relative;z-index: 1;}
.arrow8{
position: relative;
right: -7%;
top: 12px;
}
.section16-box-out{
padding: 0 2.1%;
}
.section16-box{
margin-top: -5%;
border-radius: 30px;
background-image: -moz-linear-gradient( -90deg, rgb(25,18,38) 0%, rgb(18,10,32) 58%, rgb(10,2,26) 100%);
background-image: -webkit-linear-gradient( -90deg, rgb(25,18,38) 0%, rgb(18,10,32) 58%, rgb(10,2,26) 100%);
background-image: -ms-linear-gradient( -90deg, rgb(25,18,38) 0%, rgb(18,10,32) 58%, rgb(10,2,26) 100%);
padding: 8% 6% 1% 6%;
}
.imagine{
max-width: 282%;
position: relative;
z-index: 1;
margin-top: -105%;
right: 1%;
}
.section16-title2 {
background: url(../images/section16TitleBg2.png) no-repeat center center;
text-align: center;
background-size: contain;
padding: 1.5% 0 1.3% 0;
margin-top: 4.5%;
color: #fff;
}
.section16-box2-out {
padding: 0 5px;
margin-top:0;
}
.section16-box2 {
background: url(../images/section16BoxBg.png) no-repeat center center;
background-size: contain;
text-align: center;
padding: 7% 10%;
}
/*section17*/
.section17-title {
background: url(../images/section17TitleBg.png) no-repeat center center;
text-align: center;
background-size: contain;
padding: 1.9% 0 1.77% 0;
margin-top: 3%;
color: #fff;
}
.section17-box-out {
padding: 0 3.2%;
margin-top: 4%;
}
.section17-box {
border-width: 1px;
border-color: rgb(218, 218, 218);
border-style: solid;
background-color: rgb(255, 255, 255);
box-shadow: 11.5px 19.919px 27px 0px rgb(212 217 255 / 38%), inset 0px 4px 0px 0px rgb(248 117 1 / 0%);
border-bottom: 3px solid #f87501;
border-radius: 15px;
padding: 6% 7%;
}
.section17-text {
display: inline-block;
border-radius: 15px;
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: 6px 10.392px 29px 0px rgba(252, 102, 77, 0.38);
color: #fff;
padding: 1.3% 1.9%;
position: relative;
z-index: 1;
}
.arrow9 {
position: relative;
margin-bottom: 0;
left: -34%;
}
.official{
max-width: 121%;
position: relative;
left: -14%;
}
/*section18*/
.section18-title {
background: url(../images/section18TitleBg.png) no-repeat center center;
text-align: center;
background-size: contain;
padding: 1.7% 0 1.5% 0;
margin-top: 3%;
color: #fff;
}
.section18-text {
border-radius: 11px;
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: 6px 10.392px 29px 0px rgba(252, 102, 77, 0.38);
color: #fff;
padding: .9% 2%;
position: relative;
z-index: 1;
}
.able-box-out{
padding: 2%;
}
.able-box{
border-radius: 20px;
background-color: rgb(24, 17, 40);
box-shadow: inset 0px 2px 0px 0px rgba(190, 142, 72, 0.004);
border-top: 1px solid #fa6b47;
color: #fff;
padding: 6% 1%;
height: 100%;
}
.section18-text2 {
border-radius: 11px;
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: 6px 10.392px 29px 0px rgba(252, 102, 77, 0.38);
color: #fff;
padding: .9% 2%;
position: relative;
z-index: 1;
display: inline-block;
}
.section18-title2 {
background: url(../images/section18TitleBg2.png) no-repeat center center;
text-align: center;
background-size: contain;
padding: 2.3% 0 2.3% 0;
margin-top: 2%;
margin-bottom: 2%;
color: #fff;
}
.exactly-box-out{
padding: 1% 1%;
}
.exactly-box{
border-radius: 20px;
background-image: -moz-linear-gradient( 90deg, rgb(24,18,38) 0%, rgb(32,25,49) 48%, rgb(40,32,59) 100%);
background-image: -webkit-linear-gradient( 90deg, rgb(24,18,38) 0%, rgb(32,25,49) 48%, rgb(40,32,59) 100%);
background-image: -ms-linear-gradient( 90deg, rgb(24,18,38) 0%, rgb(32,25,49) 48%, rgb(40,32,59) 100%);
color: #b1a7c3;
height: 100%;
padding: 5% 1% 5% 4%;
}
.section18-box2-out{
padding: 0 5px;
margin-top: 2%;
}
.section18-box2 {
background: url(../images/section18BoxBg.png) no-repeat center center;
text-align: center;
background-size: auto;
text-align: center;
padding: 4% 2%;
}
/*section19*/
.section19-title {
background: url(../images/section19TitleBg.png) no-repeat center center;
text-align: center;
background-size: contain;
padding: 2.2% 0 2.2% 0;
margin-top: 2%;
color: #0b1121;
margin-bottom: 3%;
}
.section19-box-out{
padding: 1.6% 2.9%;
}
.section19-box{
border-width: 1px;
border-color: rgb(255, 171, 0);
border-style: solid;
border-radius: 20px;
background-color: rgb(255, 255, 255);
box-shadow: 0px 0px 32px 0px rgba(42, 16, 138, 0.16);
padding: 3% 3% 4% 3%;
}
.marketing{margin-bottom: 4%;}
.section19 .arrow7 {
position: relative;
margin-bottom: 10px;
left: -9%;
}
.section19-text-box{
margin-top: 4%;
}
.section19-text-box-inn{
transform: rotate( 0.3deg );
}
/*section20*/
.section20-title {
background: url(../images/section20TitleBg.png) no-repeat center center;
text-align: center;
background-size: contain;
padding: 1.7% 0 1.5% 0;
margin-top: 3%;
color: #fff;
margin-bottom: 1%;
}
.section20-box-out{
margin-top: 3%;
position: relative;
}
.section20-box{
border-width: 1px;
border-color: rgb(255, 144, 45);
border-style: solid;
border-radius: 50px;
background-color: rgb(255, 255, 255);
box-shadow: 0px 37px 35px 0px rgba(36, 8, 77, 0.09);
text-align:center;
padding: 5% 19%;
}
.money-img{}
.money{
position: absolute;
z-index: 1;
}
.robort-img{}
.robort{
position: absolute;
z-index: 1;
}
.section20-text{
border-radius: 11px;
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: 6px 10.392px 29px 0px rgba(252, 102, 77, 0.38);
color: #fff;
padding: .9% 2%;
position: relative;
z-index: 1;
}
.arrow10 {
position: relative;
right: -21%;
top: 0;
}
/*section21*/
.section21-box-out {
padding: 0 3%;
margin-top: 8%;
}
.section21-box {
border-width: 1px;
border-color: rgb(86, 49, 36);
border-style: solid;
border-radius: 50px;
background-color: rgb(25, 18, 38);
padding: 5% 1% 3% 1%;
}
.section21-box hr {
border-width: 1px;
border-style: dashed;
color: #271f38;
}
.section21-box-list{}
.section21-lis-right{
border-right: 1px dashed #271f38;
padding: 0 4%;
margin-top: 2%;
}
.section21-lis-left{
border-right: 1px dashed transparent;
padding: 0 4%;
margin-top: 2%;
}
/* Remove default checkbox */
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
position: absolute;
left: -9999px;
}
[type="checkbox"]:not(:checked) + label, [type="checkbox"]:checked + label {
position: relative;
overflow: hidden;
padding-left: 60px;
cursor: pointer;
display: inline-block;
height: 45px;
padding-top: 10px;
line-height: 25px;
-webkit-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
-ms-user-select: none;
/* margin-bottom: 0; */
}
/* checkbox aspect */
[type="checkbox"] + label:before, [type="checkbox"] + label:after {
content: '';
position: absolute;
left: 10px;
z-index: 1;
margin-top: 7px;
-webkit-transition: .2s;
transition: .2s;
}
/* Unchecked styles */
[type="checkbox"]:not(:checked) + label:before {
top: 2px;
width: 30px;
height: 30px;
border: 2px solid #8dc63f;
animation: pulse2 2s infinite;
border-radius: 5px;
}
[type="checkbox"]:not(:checked) + label:after {
top: 2px;
width: 30px;
height: 30px;
border: 2px solid #8dc63f;
z-index: 0;
border-radius: 5px;
}
/* Checked styles */
[type="checkbox"]:checked + label:before {
top: -9px;
width: 17px;
left: 10px;
height: 34px;
border-top: 4px solid transparent;
border-left: 4px solid transparent;
border-right: 4px solid #f1832a;
border-bottom: 4px solid #f1832a;
-webkit-transform: rotateZ(
37deg
);
transform: rotateZ(
37deg
);
-webkit-transform-origin: 20% 40%;
transform-origin: 100% 100%;
}
[type="checkbox"]:checked + label:after {
top: 2px;
width: 30px;
height: 30px;
border: 1px solid #8dc63f;
z-index: 0;
border-radius: 5px;
}
/* disabled checkbox */
[type="checkbox"]:disabled:not(:checked) + label:before,
[type="checkbox"]:disabled:checked + label:before {
top: 0;
box-shadow: none;
background-color: #444;
width: 19px; height: 19px;
border: 3px solid #444;
-webkit-transform: rotateZ(0deg);
transform: rotateZ(0deg);
}
[type="checkbox"]:disabled + label {
color: #555;
}
[type="checkbox"]:disabled:not(:checked) + label:hover:before {
border-color: red;
}
@-webkit-keyframes pulse2 {
0% {
-webkit-box-shadow: 0 0 0 0 rgba(119, 118, 118, 0.8);
}
70% {
-webkit-box-shadow: 0 0 0 10px rgba(119, 118, 118, 0);
}
100% {
-webkit-box-shadow: 0 0 0 0 rgba(119, 118, 118, 0);
}
}
/*section22*/
.section22-box-main{
padding: 0 3%;
margin-top: 4%;
}
.section22-box-out{
padding: 1% 0.8%;
}
.section22-box{
border-width: 1px;
border-color: rgb(255, 142, 31);
border-style: dashed;
border-radius: 30px;
background-color: rgb(30, 14, 50);
box-shadow: 0px 27px 38px 0px rgba(18, 12, 31, 0.54);
color: #fff;
padding: 5% 2% 5% 5%;
height: 100%;
}
/*section23*/
.section23-box-out{
padding: 0 2.5%;
margin-top: 6%;
}
.section23-box{
border-width: 1px;
border-color: rgb(255, 46, 46);
border-style: solid;
border-radius: 20px;
background-image: -moz-linear-gradient( 180deg, rgb(227,76,70) 0%, rgb(183,29,40) 100%);
background-image: -webkit-linear-gradient( 180deg, rgb(227,76,70) 0%, rgb(183,29,40) 100%);
background-image: -ms-linear-gradient( 180deg, rgb(227,76,70) 0%, rgb(183,29,40) 100%);
box-shadow: 0px 9px 46px 0px rgba(242, 29, 7, 0.48);
padding: 0 5%;
}
.hurry {
max-width: 117%;
position: relative;
margin-top: -20%;
margin-bottom: -10%;
left: -4%;
}
.testi-box-out {
padding: 0 2%;
margin: 1.5% 0;
}
.testi-box {
border-width: 1px;
border-color: rgb(218, 218, 218);
border-style: solid;
border-radius: 10px;
background-color: rgb(255, 255, 255);
box-shadow: 11.5px 19.919px 27px 0px rgb(212 217 255 / 38%), inset 0px 4px 0px 0px rgb(248 117 1 / 0%);
padding: 2% 6% 3% 6%;
border-bottom: 3px solid #f87501;
}
/*section24*/
.section24-title {
background: url(../images/section24TitleBg.png) no-repeat center center;
background-size: contain;
padding: 2.3% 0 2% 0;
color: #fff;
text-align: center;
margin-bottom: 2%;
}
.footer-section{}
.accordion .fa {
float: right;
margin-top: 4px;
color: #ffffff;
}
.footer-section .card {
border: 0px;
margin: 3% 0;
color: #fff;
padding: 0;
border-width: 1px;
border-color: rgb(32, 25, 46);
border-style: solid;
border-radius: 10px;
background-color: transparent;
}
.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: #fff;
padding: 2.6% 4%;
border: 0 !important;
box-shadow: none;
white-space: break-spaces;
background-color: transparent;
}
.footer-section .card-body{
padding: 0% 4% 3% 4%;
}
.btn:focus, .btn:hover {
text-decoration: none !important;
}
.footer-text{
padding: 0 3%;
}
/*section25*/
.section25-box1{
background-image: linear-gradient(161deg,#ff7801 51%,rgba(255,120,1,0.93) 100%);
border-radius: 1% 1% 1% 1%;
overflow: hidden;
box-shadow: 0px 12px 40px -6px rgb(0 0 0 / 38%);
}
.circle-out {
width: 26px;
height: 26px;
background-color: transparent;
display: inline-block;
border-radius: 50px;
border: 2px solid #ff7100;
padding: 4px;
position: relative;
left: 0;
margin-right: 3%;
}
.circle {
width: 14px;
height: 14px;
background-color: #ff7100;
display: inline-block;
border-radius: 50px;
}
.section25-box-top{
padding: 0 3%;
}
.section25-box-bottom {
width: 20%;
padding: 0 3%;
}
.section25-box-bottom1{padding: 0 0% 0 3%;}
.footer-list{
margin-top: 1%;
margin-bottom: 4%;
}
.footer-list li{
padding: 2% 0;
}
.footer-list a{
color: #ffffff;
transition: margin 300ms ease 0ms;
}
.footer-list a:hover {
position: relative;
margin-left: 3px!important;
}
.share-list{
margin-top: 2%;
}
.share-list li{
display: inline-block;
font-size: 20px;
margin-right: 10%;
transition: transform 300ms ease 0ms;
}
.share-list a{
color: #fff;
}
.share-list li:hover{
transform: translateX(0px) translateY(-4px)!important;
}
a.footer-btn{
color: #fff;
font-size: 16px;
border: 1px solid rgba(255,255,255,0.11);
display: inline-block;
border-radius: 50px;
padding: 6% 16% 6% 11%;
transition: all 300ms ease 0ms;
}
a.footer-btn:hover{
transform: scaleX(1.03) scaleY(1.03)!important;
}
.arrow1{
-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);
}
}
.top{background-color: rgb(11, 7, 34);padding: 1.5% 0;margin-bottom: 2%;}
.banner{background: url(../images/banner.png) no-repeat center bottom;background-size: cover;padding: 0 0 11% 0;position: relative;z-index: 1;background-color: #0d052a;}
.section2{background: url(../images/section2.png) no-repeat center top;background-size: cover;padding: 2% 0 4.5% 0;position: relative;z-index: 1;margin-top: -16%;overflow:hidden;}
.section3{background: url(../images/section3.png) no-repeat center top;background-size: cover;padding: 11% 0 8% 0;position: relative;z-index: 1;margin-top: -5%;}
.section4{background: url(../images/section4.png) no-repeat center top;background-size: cover;padding: 0% 0 2% 0;position: relative;z-index: 1;margin-top: -4%;}
.section5{background: url(../images/section5.png) no-repeat center top;background-size: cover;padding: 8% 0 7% 0;position: relative;z-index: 1;}
.section6{background: url(../images/section6.png) no-repeat center top;background-size: cover;padding: 19% 0 12% 0;position: relative;z-index: 1;margin-top: -14%;}
.section7{background: url(../images/section7.png) no-repeat center top;background-size: cover;padding: 0% 0 5% 0;position: relative;z-index: 1;margin-top: -6%;}
.section8{background: url(../images/section8.png) no-repeat center top;background-size: cover;padding: 0% 0 7% 0;position: relative;z-index: 1;margin-top: -4%;}
.section9{background: url(../images/section9.png) no-repeat center top;background-size: cover;padding: 8% 0 8% 0;position: relative;z-index: 1;margin-top: -4%;}
.section10{background: url(../images/section10.png) no-repeat center top;background-size: cover;padding: 0 0 6% 0;position: relative;z-index: 1;margin-top: -4%;}
.section11{background: url(../images/section11.png) no-repeat center top;background-size: cover;padding: 8% 0 15% 0;position: relative;z-index: 1;margin-top: -4%;}
.section12{background: url(../images/section12.png) no-repeat center top;background-size: cover;padding: 0 0 11% 0;position: relative;z-index: 1;margin-top: -15%;}
.section13{background: url(../images/section13.png) no-repeat center top;background-size: cover;padding: 0 0 5% 0;position: relative;z-index: 1;margin-top: -7%;}
.section14{background: url(../images/section14.png) no-repeat center top;background-size: cover;padding: 0 0 6% 0;position: relative;z-index: 1;margin-top: -3%;}
.section15{background: url(../images/section15.png) no-repeat center top;background-size: cover;padding: 0% 0 4% 0;position: relative;z-index: 1;margin-top: -4.5%;overflow: hidden;}
.section16{background: url(../images/section16.png) no-repeat center top;background-size: cover;padding: 0% 0 7% 0;position: relative;z-index: 1;margin-top: -2%;}
.section17{background: url(../images/section17.png) no-repeat center top;background-size: cover;padding: 0% 0 5% 0;position: relative;z-index: 1;margin-top: -5%;}
.section18{background: url(../images/section18.png) no-repeat center top;background-size: cover;padding: 0% 0 11% 0;position: relative;z-index: 1;margin-top: -4%;}
.section19{background: url(../images/section19.png) no-repeat center top;background-size: cover;padding: 0% 0 8% 0;position: relative;z-index: 1;margin-top: -8%;}
.section20{background: url(../images/section20.png) no-repeat center top;background-size: cover;padding: 0% 0 7% 0;position: relative;z-index: 1;margin-top: -5%;overflow: hidden;}
.section21{background: url(../images/section21.png) no-repeat center top;background-size: cover;padding: 0% 0 12% 0;position: relative;z-index: 1;margin-top: -6%;}
.section22{background: url(../images/section22.png) no-repeat center top;background-size: cover;padding: 4% 0 10% 0;position: relative;z-index: 1;margin-top: -14%;}
.section23{background: url(../images/section23.png) no-repeat center top;background-size: cover;padding: 0% 0 10% 0;position: relative;z-index: 1;margin-top: -5%;}
.section24{background: url(../images/section24.png) no-repeat center top;background-size: cover;padding: 10% 0 3% 0;position: relative;z-index: 1;margin-top: -8%;}
.section25{background-position: top center;background-image: url(https://localio.io/wp-content/uploads/2022/01/dd.svg),linear-gradient(195deg,#1f0f36 0%,#070116 100%)!important;padding: 4% 0 4% 0;position: relative;z-index: 1;}
.footer{background: url(../images/footer.html) no-repeat center top;background-size: cover;padding: 6% 0 0 0;position: relative;background-color: #11053a;}
.footer-link{padding: 2% 0;margin-top: 3%;border-top: 1px solid #21234e;}
@media only screen and (max-width: 767px){
.top{}
.banner{
background-image: none;
text-align: center;
}
.section2{}
.section3{background-image: none;text-align: center;}
.section4{background-image: none;margin-top: 0;}
.section5{margin-top: 0;background-color: #0a021a;background-image: none;}
.section6{margin-top: 0;background-color: #070314;background-image: none;text-align: center;padding: 6% 0;}
.section7{margin-top: 0;background-color: #fefdff;background-image: none;text-align: center;}
.section8{margin-top: 0;background-color: #f2f3f7;background-image: none;text-align: center;}
.section9{margin-top: 0 !important;background-color: #0a021a;background-image: none;padding: 4% 0px !important;text-align: center;}
.section10{margin-top: 0 !important;background-color: #edeff5;text-align: center;}
.section11{margin-top: 0;background-color: #0a031c;background-image: none;}
.section12{margin-top: 0;background-color: #0a031c;background-image: none;text-align: center;}
.section13{margin-top: 0;background-image: none;text-align: center;}
.section14{margin-top: 0;background-color: #e8eff2;background-image: none;text-align: center;}
.section15{margin-top: 0;text-align: center;}
.section16{margin-top: 0;background-color: #0c0529;background-image: none;text-align: center;}
.section17{margin-top: 0;background-image: none;text-align: center;}
.section18{margin-top: 0 !important;background-color: #1a1b49;background-image: none;text-align: center;}
.section19{margin-top: 0;background-image: none;text-align: center;}
.section20 {
margin-top: 0;
background-color: #f2f2f3;
background-image: none;
}
.section21{margin-top:0%;background-image: none;background-color: #0d0830;}
.section22{margin-top: 0;background-color: #0a031c;background-image: none;text-align: center;}
.section23{margin-top: 0;text-align: center;background-image: none;background-color: #edf1f5;}
.section24{background-image: none;margin-top: 0;background-color: #080319;}
.section6-box{left:0;}
.banner-title, .section2-title, .section4-title, .section5-title, .section7-title,
.section8-title, .section9-title, .section10-title, .section10-title2, .section11-title,
.section12-title , .section13-title, .section13-title, .section15-title, .section15-title2,
.section16-title, .section16-title2, .section17-title, .section18-title, .section18-title2,
.section19-title, .section20-title, .section24-title{
background-image:none;
padding:1% 0;
border: 2px solid #f87501;
max-width: 95%;
}
.icon {
margin-top: 0;
}
.step1, .step2, .step3 {
max-width: 100%;
position: relative;
left: 0;
margin-top: 0;
}
.step-box {
margin-top: 0;
padding-bottom: 5%;
margin-bottom: 5%;
}
.what-box, .style-box, .style2-box, .section15-box, .quality-box{
height:auto;
transform: rotate(0deg);
}
.style2-box{margin-top:2% !important}
.titleBg4 {
padding: 2.5% 0 2.5% 0;
}
.checklist2 li {
padding-bottom: 2%;
margin-top: 2%;
}
.ai9{
margin-top: 0;
}
.ai10{
margin-top: 0;
}
.ai11{
margin-top: 0;
}
.ai12{
margin-top: 0;
}
.actually{margin-bottom:5%;}
.section16-box2 {
padding: 2% 2%;
background-image: none;
background-color: #fff;
}
.hurry {
max-width: 100%;
position: relative;
margin-top: 5%;
margin-bottom: 0;
left: 0;
}
[type="checkbox"]:not(:checked) + label, [type="checkbox"]:checked + label {
height: 60px;
}
.mybutton a {
border-radius: 10px;
width: 100%;
}
.mybutton-table a {
width: 94%;
}
.money {
position: relative;
z-index: 1;
left: 0;
}
.robort , .connection1-box, .connection2-box, .connection3-box{
display:none !important;
}
.section20-box {
padding: 5% 2%;
}
.arrow10 {
top: 0;
}
.section21-lis-right, .section21-lis-left{border:0px;}
.imagine {
max-width: 100%;
margin-top: 4%;
right: 0;
}
.section16-box {
margin-top: 0;
padding: 8% 0% 1% 0%;
}
.arrow7 {
margin-bottom: 0;
}
.section22-box h4{margin-top:4%;}
.official {
max-width: 100%;
position: relative;
left: 0;
}
.section18-box2 {
background-image:none;
padding: 4% 2%;
background-color: #fff;
}
.section8-box{margin-top:0px;}
.section25-box-bottom {
width: 90%;
}
.section25-box-top {
margin-top: 3%;
}
.footer-text{text-align:center;margin-bottom:3%;}
.share-list {
margin-bottom: 5%;
}
}
@media only screen and (max-width: 993px){
.section2{margin-top: 0;background-color: #0a021a;background-image: none;padding: 1% 0 6.5% 0;}
.section3{margin-top: -8%;}
.section6 {
padding: 4% 0 12% 0;
margin-top: 0;
background-color: #070311;
}
.section9 {
padding: 14% 0 11% 0;
margin-top: -10%;
}
.section10 {
margin-top: -8%;
}
.section11 {
padding: 8% 0 6% 0;
}
.section12 {
padding: 0 0 10% 0;
z-index: 1;
margin-top: 0;
background-color: #070115;
}
.section18 {
margin-top: -6%;
}
.section22 {
padding: 0% 0 10% 0;
margin-top: 0;
background-color: #7e4397;
}
/**/
.padding0{padding: 0 15px;}
.mycontainer-right{width: 100%;}
.mycontainer-left{width: 100%;}
.titleBg2{display:none !important;}
.what-box-out1, .what-box-out2{padding:0 2%;}
.section8-text-box2 {padding: 0 2%;}
.checklist1 li {
background: url(../images/checklist1.png) no-repeat left 5px;
}
.section9-box-out {
padding: 0 2%;
}
.section10-box-out1, .section10-box-out2{padding: 0 1.5% 0 1.5%;}
.section10-box2-out {
padding: 0 1%;
}
.section15-main-box {
padding: 0;
}
.quality-box-out {
padding: 1.5% 3%;
}
.quality-box {
border-radius: 50px;
}
.quality {
max-width: 40%;
}
.arrow1{max-width: 8%;}
.arrow8 {
top: 0px;
}
.arrow9 {
margin-bottom: 0;
}
.pin{max-width: 6%;}
.checklist4 {margin-top:4%;}
.section21-lis-right, .section21-lis-left{
padding: 0 2%;
}
.section10-box2 {
padding: 3% 0;
overflow: hidden;
}
.section23-box{padding:5%;}
.section25-box-bottom {
padding: 0 2%;
}
}
@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%;
}
.banner-title h1{font-size: 22px;}
.section2-title h1{font-size: 20px;}
.titleBg2-box h1{font-size: 19px;}
.section4-title h1{font-size: 20px;}
.section5-title h1{font-size: 20px;}
.section18-title2 h1{font-size: 20px;}
.section9-title h1{font-size: 20px;}
.money{
max-width:100%;
z-index: 1;
left: 0;
}
.robort{
max-width:100%;
right: -7%;
margin-top: 13%;
}
}
@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}
}
@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%;
}
.banner-title h1{font-size: 27px;}
.section2-title h1{font-size: 22px;}
.titleBg2-box h1{font-size: 27px;}
.section4-title h1{font-size: 24px;}
.section5-title h1{font-size: 26px;}
.section18-title2 h1{font-size: 22px;}
.section9-title h1{font-size: 24px;}
.money{
max-width: 28%;
z-index: 1;
left: -8%;
}
.robort{
max-width: 30%;
right: -7%;
margin-top: 13%;
}
}
@media only screen and (min-width: 1000px) {
.mycontainer-right{width: 950px;}
.mycontainer-left{width: 950px;}
}
@media only screen and (min-width: 992px) {
.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%;
}
.mycontainer-right{width: 950px;}
.mycontainer-left{width: 950px;}
.banner-title h1{font-size: 33px;}
.section2-title h1{font-size: 28px;}
.titleBg2-box h1{font-size: 28px;}
.section4-title h1{font-size: 28px;}
.section5-title h1{font-size: 28px;}
.section18-title2 h1{font-size: 26px;}
.section9-title h1{font-size: 28px;}
.money{
max-width: 28%;
z-index: 1;
left: -8%;
}
.robort{
max-width: 30%;
right: -8%;
margin-top: 13%;
}
nav li a {
padding: 12px 40px !important;
}
}
@media only screen and (min-width: 1100px) {
.mycontainer-right{width: 1027px;}
.mycontainer-left{width: 1027px;}
nav li a {
padding: 12px 40px !important;
}
}
@media only screen and (min-width: 1200px) {
.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;
}
.mycontainer-right{width: 1094px;}
.mycontainer-left{width: 1094px;}
.banner-title h1{font-size: 33px;}
.section2-title h1{font-size: 30px;}
.titleBg2-box h1{font-size: 37px;}
.section4-title h1{font-size: 37px;}
.section5-title h1{font-size:37px;}
.section18-title2 h1{font-size: 34px;}
.section9-title h1{font-size:37px;}
.money{
max-width: 29%;
z-index: 1;
left: -10%;
}
.robort{
max-width: 35%;
right: -12%;
margin-top: 13%;
}
nav li a {
padding: 12px 35px !important;
}
}
@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;
}
.banner-title h1{font-size: 42px;}
.section2-title h1{font-size: 35px;}
.titleBg2-box h1{font-size: 35px;}
.section4-title h1{font-size: 37px;}
.section5-title h1{font-size:37px;}
.section18-title2 h1{font-size: 34px;}
.section9-title h1{font-size:37px;}
.money{
max-width: 26%;
z-index: 1;
left: -8%;
}
.robort{
max-width: 29%;
right: -7%;
margin-top: 13%;
}
nav li a {
padding: 12px 60px !important;
}
}
@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;
}
.banner-title h1{font-size: 43px;}
.section2-title h1{font-size: 37px;}
.titleBg2-box h1{font-size: 37px;}
.section4-title h1{font-size: 37px;}
.section5-title h1{font-size:37px;}
.section18-title2 h1{font-size: 34px;}
.section9-title h1{font-size:37px;}
.money{
max-width: 26%;
z-index: 1;
left: -8%;
}
.robort{
max-width: 27%;
right: -7%;
margin-top: 13%;
}
nav li a {
padding: 12px 60px !important;
}
}
@media (min-width:1500px) {
.mycontainer{width:1480px;}
.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;
}
.banner-title h1{font-size: 43px;}
.section2-title h1{font-size: 37px;}
.titleBg2-box h1{font-size: 37px;}
.section4-title h1{font-size: 37px;}
.section5-title h1{font-size:37px;}
.section18-title2 h1{font-size: 34px;}
.section9-title h1{font-size:37px;}
.money{
max-width: 26%;
z-index: 1;
left: -9%;
}
.robort{
max-width: 29%;
right: -8%;
margin-top: 13%;
}
}
@media (min-width:1600px){
.mycontainer-right{width: 1400px;}
.mycontainer-left{width: 1400px;}
.mainvideo {
position: absolute;
width: 873px;
height: 350px;
top: 16px;
left: 172px;
}
.banner-title h1{font-size: 43px;}
.section2-title h1{font-size: 37px;}
.titleBg2-box h1{font-size: 37px;}
.section4-title h1{font-size: 37px;}
.section5-title h1{font-size:37px;}
.section18-title2 h1{font-size: 34px;}
.section9-title h1{font-size:37px;}
}
@media (min-width:1700px){
.mycontainer-right{width: 1458px;}
.mycontainer-left{width: 1458px;}
.banner-title h1{font-size: 43px;}
.section2-title h1{font-size: 37px;}
.titleBg2-box h1{font-size: 37px;}
.section4-title h1{font-size: 37px;}
.section5-title h1{font-size:37px;}
.section18-title2 h1{font-size: 34px;}
.section9-title h1{font-size:37px;}
.money{
max-width: 26%;
z-index: 1;
left: -8%;
}
.robort{
max-width: 29%;
right: -8%;
margin-top: 13%;
}
}
@media (min-width:1800px){
.mycontainer-right{width: 1513px;}
.mycontainer-left{width: 1513px;}
.mainvideo {
position: absolute;
width: 873px;
height: 350px;
top: 16px;
left: 172px;
}
.banner-title h1{font-size: 43px;}
.section2-title h1{font-size: 37px;}
.titleBg2-box h1{font-size: 37px;}
.section4-title h1{font-size: 37px;}
.section5-title h1{font-size:37px;}
.section18-title2 h1{font-size: 34px;}
.section9-title h1{font-size:37px;}
.money{
max-width: 26%;
z-index: 1;
left: -8%;
}
.robort{
max-width: 29%;
right: -8%;
margin-top: 13%;
}
}
@media (min-width:1900px){
.mycontainer2{width:1330px;}
.mycontainer3{width: 1544px;}
.mycontainer-right{width: 1626px;}
.mycontainer-left{width: 1626px;}
.mainvideo {
position: absolute;
width: 873px;
height: 350px;
top: 16px;
left: 229px;
}
.banner-title h1{font-size:46px;}
.section2-title h1{font-size:40px;}
.titleBg2-box h1{font-size:40px;}
.section4-title h1{font-size:40px;}
.section5-title h1{font-size:40px;}
.section18-title2 h1{font-size:36px;}
.section9-title h1{font-size:40px;}
.section23-box-text{padding-right: 7%;}
.money{
max-width:100%;
z-index: 1;
left: -8%;
}
.robort{
max-width:100%;
right: -7%;
margin-top: 13%;
}
}
@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;}