html {
scroll-behavior: smooth;
}
/*Fonts*/
.poppins{font-family: 'Poppins', sans-serif;}
.pacifico{font-family: 'Pacifico', cursive;}
.grandhotel{font-family: 'Grand Hotel', cursive;}
/*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;
}
.bnr-vid {
width: 100%;
position: relative;
overflow: hidden;
text-align: left;
padding-bottom: 47.5%;
}
}
@media (min-width:768px) {
.sm8 {font-size: 8px;}.sm9 {font-size: 9px;}.sm10 {font-size: 10px;}.sm11 {font-size: 11px;}.sm12 {font-size: 12px;}.sm13 {font-size: 13px;}.sm14 {font-size: 14px;}.sm15 {font-size: 15px;}.sm16 {font-size: 16px;}.sm17 {font-size: 17px;}.sm18 {font-size: 18px;}.sm19 {font-size: 19px;}.sm20 {font-size: 20px;}.sm21 {font-size: 21px;}.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;}
}
@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: 970px;}
}
@media (min-width:1200px){
.lg8 {font-size: 8px;}.lg9 {font-size: 9px;}.lg10 {font-size: 10px;}.lg11 {font-size: 11px;}.lg12 {font-size: 12px;}.lg13 {font-size: 13px;}.lg14 {font-size: 14px;}.lg15 {font-size: 15px;}.lg16 {font-size: 16px;}.lg17 {font-size: 17px;}.lg18 {font-size: 18px;}.lg19 {font-size: 19px;}.lg20 {font-size: 20px;}.lg21 {font-size: 21px;}.lg22 {font-size: 22px;}.lg23 {font-size: 23px;}.lg24 {font-size: 24px;}.lg25 {font-size: 25px;}.lg26 {font-size: 26px;}.lg27 {font-size: 27px;}.lg28 {font-size: 28px;}.lg29 {font-size: 29px;}.lg30 {font-size: 30px;}.lg31 {font-size: 31px;}.lg32 {font-size: 32px;}.lg33 {font-size: 33px;}.lg34 {font-size: 34px;}.lg35 {font-size: 35px;}.lg36 {font-size: 36px;}.lg37 {font-size: 37px;}.lg38 {font-size: 38px;}.lg39 {font-size: 39px;}.lg40{font-size: 40px;}.lg41 {font-size: 41px;}.lg42 {font-size: 42px;}.lg44 {font-size: 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%}
}
.video-autoplay-overlay-top, .video-autoplay-overlay-bottom{background-color: rgb(90 41 135) !important;}
.video-autoplay-overlay-play{background: url(../images/play.png) 50% 50% no-repeat rgb(90 41 135) !important;}
.video-autoplay-overlay-lottie{background: url(../images/mute.png) 50% 50% no-repeat transparent !important;margin-top: 0 !important;margin-left: 0 !important;margin: 0 auto !important;}
.video-autoplay-overlay-image{
width: 100% !important;
left: 0 !important;
margin-left: 0 !important;
text-align: center !important;
height: 100% !important;
top: 0 !important;
margin-top: 0 !important;margin: 0 auto !important;
background-image: linear-gradient(rgb(90 41 135) 10%, transparent 10%, transparent 90%, rgb(90 41 135) 90%) !important;
}
.video-autoplay-progress-line{background-color: rgb(255 255 255) !important;}
.video-autoplay-overlay-bottom-lines .video-autoplay-progress-line:after{display:none !important;}
.video-autoplay-overlay-play-lines{background: url(../images/playVid.png) 50% 50% no-repeat rgb(63, 114, 175) !important;}
.video-autoplay-overlay-bottom-lines .video-autoplay-progress {
width: 100% !important;
}
@media (min-width:1500px){
.xl8 {font-size: 8px;}.xl9 {font-size: 9px;}.xl10 {font-size: 10px;}.xl11 {font-size: 11px;}.xl12 {font-size: 12px;}.xl13 {font-size: 13px;}.xl14 {font-size: 14px;}.xl15 {font-size: 15px;}.xl16 {font-size: 16px;}.xl17 {font-size: 17px;}.xl18 {font-size: 18px;}.xl19 {font-size: 19px;}.xl20 {font-size: 20px;}.xl21 {font-size: 21px;}.xl22 {font-size: 22px;}.xl23 {font-size: 23px;}.xl24 {font-size: 24px;}.xl25 {font-size: 25px;}.xl26 {font-size: 26px;}.xl27 {font-size: 27px;}.xl28 {font-size: 28px;}.xl29 {font-size: 29px;}.xl30 {font-size: 30px;}.xl31 {font-size: 31px;}.xl32 {font-size: 32px;}.xl33 {font-size: 33px;}.xl34 {font-size: 34px;}.xl35 {font-size: 35px;}.xl36 {font-size: 36px;}.xl37 {font-size: 37px;}.xl38 {font-size: 38px;}.xl39 {font-size: 39px;}.xl40{font-size: 40px;}.xl41 {font-size: 41px;}.xl42 {font-size: 42px;}.xl44 {font-size: 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( 90deg, rgb(255 140 209 / 15%) 0%, rgb(216 182 255 / 15%) 100%);
box-shadow: 0px 35px 54px 0px rgb(0 0 0 / 15%);
}
.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;
}
.mycontainer{margin:auto;}
.italic {
font-style: italic;
}
.upper{text-transform:uppercase}
.video-autoplay-overlay-top, .video-autoplay-overlay-bottom{background-color: rgb(90 41 135) !important;}
.video-autoplay-overlay-play{background: url(../images/play.png) 50% 50% no-repeat rgb(90 41 135) !important;}
.video-autoplay-overlay-lottie{background: url(../images/mute.png) 50% 50% no-repeat transparent !important;margin-top: 0 !important;margin-left: 0 !important;margin: 0 auto !important;}
.video-autoplay-overlay-image{
width: 100% !important;
left: 0 !important;
margin-left: 0 !important;
text-align: center !important;
height: 100% !important;
top: 0 !important;
margin-top: 0 !important;margin: 0 auto !important;
background-image: linear-gradient(rgb(90 41 135) 10%, transparent 10%, transparent 90%, rgb(90 41 135) 90%) !important;
}
.video-autoplay-progress-line{background-color: rgb(255 255 255) !important;}
.video-autoplay-overlay-bottom-lines .video-autoplay-progress-line:after{display:none !important;}
.video-autoplay-overlay-play-lines{background: url(../images/playVid.png) 50% 50% no-repeat rgb(63, 114, 175) !important;}
.video-autoplay-overlay-bottom-lines .video-autoplay-progress {
width: 100% !important;
}
/*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: #4a984a;
color: #ffffff;
padding: 2.6% 5% 2.6% 5%;
display: table;
margin: auto;
transition: 0.5s;
background-image: -moz-linear-gradient( 0deg, rgb(129,166,64) 0%, rgb(0,125,59) 100%);
background-image: -webkit-linear-gradient( 0deg, rgb(129,166,64) 0%, rgb(0,125,59) 100%);
background-image: -ms-linear-gradient( 0deg, rgb(129,166,64) 0%, rgb(0,125,59) 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: -moz-linear-gradient( 0deg, rgb(0,125,59) 0%, rgb(129,166,64) 100%);
background-image: -webkit-linear-gradient( 0deg, rgb(0,125,59) 0%, rgb(129,166,64) 100%);
background-image: -ms-linear-gradient( 0deg, rgb(0,125,59) 0%, rgb(129,166,64) 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-inn{}
.mybuttonA a {
width: 86.5%;
padding: 4.9% 2%;
}
.mybutton-text {
line-height: 70%;
font-weight: 100;
}
.arrow1 {
position: relative;
margin-top: -1%;
left: 3%;
animation: bounceRight 2s ease infinite;
}
@keyframes bounceRight {
0%, 20%, 50%, 80%, 100% {
transform: translateX(0);
}
40% {
transform: translateX(-30px);
}
60% {
transform: translateX(-15px);
}
}
.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;
}
/*banner-section*/
.logo-box{text-align:right;position: relative;right: -1.5%;}
.text-bg1 {
background: url(../images/shap.png) no-repeat center center;
background-size: contain;
display: inline-block;
padding: 1.7% 5% 1.4% 4%;
margin: 0;
position: relative;
}
.text-bg1 span{background-color: #ffc52c;}
.video-section{padding: 0 1.8%;}
.video-section .autoplayer-area, .bnr-vid {
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);
}
.arrowLeft3{
position: absolute;
left: 6%;
bottom: 4%;
}
.arrowRight3{
position: absolute;
right: 6%;
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; }
}
.textBg-out {
text-align: center;
width: 100%;
z-index: 1;
left: 0;
}
.textBg {
background: url(../images/textBg.png) no-repeat center center;
background-size: contain;
padding: 9% 14% 6% 10%;
color: #fff;
display: inline-block;
}
.text-bg2 {
background-color: rgb(93, 39, 126);
color: #fff;
border-radius: 50px;
display: inline-block !important;
padding: .1% 2.4% .1% 2.8%;
position: relative;
top: 0;
}
.icon1 {
position: absolute;
right: 96%;
top: -14%;
}
.text-bg2-mobile{
display: none;
}
.text-bg2-pc{}
.ele2, .ele3, .ele4, .ele5, .ele6, .ele7, .ele8, .ele9{position:absolute;}
.ele2 {
filter: drop-shadow(-30px 24px 15px #00000030);
}
.ele3{
filter: drop-shadow(-30px 24px 15px #00000030);
}
.ele4 {
filter: drop-shadow(10px 35px 26px #00000060);
}
.ele5{
filter: drop-shadow(10px 35px 26px #00000060);
}
.ele6 {
filter: drop-shadow(-30px 24px 15px #00000030);
}
.ele7{
filter: drop-shadow(-30px 24px 15px #00000030);
}
.ele8{
filter: drop-shadow(10px 35px 26px #00000060);
}
.ele9{
filter: drop-shadow(10px 35px 26px #00000060);
}
/**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;
position: relative;
z-index: 1;
}
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {
transform: translateY(0);
}
40% {
transform: translateY(-30px);
}
60% {
transform: translateY(-15px);
}
}
/*section2*/
.bottom-line3 {
background: url(../images/line3.png) no-repeat center bottom;
background-size: contain;
padding: 0 1% 1.2% 1%;
}
.text-bg4 {
background-color: rgb(71 51 187);
color: #fff;
border-radius: 50px;
display: inline-block;
padding: .5% 4.8%;
position: relative;
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%);
margin-top: 1%;
}
.intro {
position: relative;
background-color: #fff7fc;
}
/*section2B*/
.textBg2-out {
text-align: center;
width: 100%;
z-index: 1;
left: 0;
}
.textBg2 {
background: url(../images/textBg2.png) no-repeat center center;
background-size: contain;
padding: 5% 8% 6% 11%;
display: inline-block;
}
.arrowLeft{
position: relative;
margin-bottom: -2.5%;
right: 0.5%;
}
.arrowRight{
position: relative;
margin-bottom: -2.5%;
left: 0.5%;
}
.image1{margin-right: 1.8%;}
.image1, .image2 {margin-top: 2%;}
/*section3*/
.section3-subtitle {
background-color: #aa69cf;
display: inline-block;
border-radius: 50px;
padding: 0 2%;
color: #fff;
}
.arrowDown1{
position: relative;
}
.sectionLine{margin-top: 4%;}
.ele12{position:absolute;left:0;}
/**/
.swiper2 {}
.slideImg{}
.swiper2 .swiper-slide, .swiper3 .swiper-slide {
background-color: #ffffff42;
border-radius: 16px;
overflow: hidden;
}
.swiper1 .swiper-wrapper, .swiper2 .swiper-wrapper, .swiper3 .swiper-wrapper {
-webkit-transition-timing-function:linear!important;
-o-transition-timing-function:linear!important;
transition-timing-function:linear!important;
}
.slideImg-img {
width: 100%;
margin: 15px 0;
}
/*section4*/
.forget {
position: relative;
top: -14%;
}
.psicon{
position: absolute;
z-index: 1;
}
.section4-detail{
padding: 0 2% 0 6%;
margin-top: 4%;
}
.textBg3 {
background: url(../images/textBg3.png) no-repeat center center;
background-size: contain;
padding: 5% 13% 10% 7%;
display: inline-block;
color: #fff;
position: relative;
left: -7%;
margin-bottom: 3%;
}
.textBg5 {
background: url(../images/textBg5.png) no-repeat center center;
background-size: contain;
padding: 5% 13% 10% 7%;
display: inline-block;
color: #fff;
position: relative;
left: -7%;
margin-bottom: 3%;
}
.freelancers-img{text-align:right;}
.freelancers {
position: relative;
right: -9%;
}
.connection1{
position: relative;
}
/*section5*/
.section5-detail{padding: 0 1% 0 5%;}
.exclusive-bg1 {
background: url(../images/bg1.png) no-repeat center center;
background-size: contain;
color: #ffffff;
position: relative;
left: -6%;
}
.exclusive-bg1 p{
background: url(../images/point.png) no-repeat left 22px;
padding-left: 32px;
list-style: none;
margin-left: 0px;
padding-top: 5px;
padding-bottom: 5px;
margin-top: 0;
text-align: left;
display: inline-block;
}
.exclusive1 {
position: relative;
transform: rotate(1deg);
filter: drop-shadow(-30px 15px 36px #14003a7a);
}
.exclusiveIcon1{
position: absolute;
filter: drop-shadow(-20px 29px 20px #00000036);
}
.exclusiveIcon2{
position: absolute;
filter: drop-shadow(-20px 29px 20px #00000036);
}
.exclusiveIcon3{
position: absolute;
filter: drop-shadow(-20px 29px 20px #00000036);
}
.exclusive-bg2{
background: url(../images/bg2.png) no-repeat center center;
background-size: contain;
color: #ffffff;
position: relative;
right: -7%;
}
.exclusive-bg2 p{
background: url(../images/point.png) no-repeat left 22px;
padding-left: 32px;
list-style: none;
margin-left: 0px;
padding-top: 5px;
padding-bottom: 5px;
margin-top: 0;
text-align: left;
display: inline-block;
}
.exclusive2 {
position: relative;
}
.exclusive-bg3 {
background: url(../images/bg3.png) no-repeat center center;
background-size: contain;
color: #ffffff;
position: relative;
left: -4%;
}
.exclusive-bg3 p{
background: url(../images/point.png) no-repeat left 22px;
padding-left: 32px;
list-style: none;
margin-left: 0px;
padding-top: 5px;
padding-bottom: 5px;
margin-top: 0;
text-align: left;
display: inline-block;
}
.exclusive3 {
position: relative;
}
.connection2{position: relative;margin-bottom: -8%;margin-top: -2%;}
.connection3{position: relative;margin-top: -3%;margin-bottom: -5%;}
/*section6*/
.realLife {
width: 112%;
position: relative;
left: -14%;
}
.section6-box-out{padding: 0 2.7%;margin-top: 2%;}
.section6-box{
background-color:#f2ead5;
padding: 4.5% 5% 5% 5%;
text-align:center;
position: relative;
top: -1px;
z-index: 1;
}
.boxTop1{width:100%;}
.boxTop2{
position: absolute;
bottom: 87%;
left: 92%;
}
.shadow{
position: relative;
top: -3px;
width: 100%;
}
/*section7*/
.slider1 {
position: relative;
width: 100%;
top: 0;
overflow: hidden;
}
.slider1 .slider-row {
width: 3788px;
height: 481px;
background-image: url(../images/slider1.png);
background-size: 3788px 481px;
animation: slide1 30s linear infinite;
background-repeat: repeat-x;
}
@keyframes slide1 {
from {
background-position-x: 0;
}
to {
background-position-x: -3788px;
}
}
.slider-img {visibility: hidden;}
/*section8*/
.ele10{position: absolute;left: 0;}
.ele11{position:absolute;right: 0;}
.creating-vid {
position: relative;
right: -10%;
}
.creating{max-width: 111%;}
.section8-detail{padding: 0 0 0 1%;}
.section8-detail p{line-height: 200%;}
.ele1{
position: absolute;
right: 0;
z-index: 1;
}
.ticket-bg1 {
background: url(../images/ticket1Bg.png) no-repeat center center;
background-size: contain;
position: relative;
}
.ticket-bg1 p {
background: url(../images/point.png) no-repeat left 15px;
padding-left: 28px;
list-style: none;
margin-left: 0px;
padding-top: 5px;
padding-bottom: 5px;
margin-top: 0;
text-align: left;
display: inline-block;
}
.ticket-bg2 {
background: url(../images/ticket2Bg.png) no-repeat center center;
background-size: contain;
position: relative;
}
.ticket-bg2 p {
background: url(../images/point.png) no-repeat left 15px;
padding-left: 28px;
list-style: none;
margin-left: 0px;
padding-top: 5px;
padding-bottom: 5px;
margin-top: 0;
text-align: left;
display: inline-block;
}
.ticket-bg3 {
background: url(../images/ticket3Bg.png) no-repeat center center;
background-size: contain;
position: relative;
}
.ticket-bg3 p {
background: url(../images/point.png) no-repeat left 15px;
padding-left: 28px;
list-style: none;
margin-left: 0px;
padding-top: 5px;
padding-bottom: 5px;
margin-top: 0;
text-align: left;
display: inline-block;
}
.ticket2{
position: relative;
left: -5%;
}
.connection4{
position: relative;
margin-top: -2%;
margin-bottom: -2%;
}
.connection5{
position: relative;
margin-top: -1%;
margin-bottom: -3%;
}
.textBg6 {
background: url(../images/textBg6.png) no-repeat center center;
background-size: contain;
padding: 5.6% 10% 5% 5%;
display: inline-block;
color: #fff;
position: relative;
right: -1%;
margin-bottom: 2%;
line-height:150%;
}
.adeel-img{
max-width: 112%;
position: relative;
left: -9%;
}
.textLeft{
position: relative;
z-index: 1;
left: -9%;
margin-bottom: 2%;
}
.textRight{
margin-bottom: -5%;
position: relative;
z-index: 1;
}
.imgLeft{
transform: rotate(-7deg);
}
.imgRight{
transform: rotate(8deg);
}
.boxLeft{
position:relative;
padding:0;
z-index: 1;
margin-top: 13%;
}
.boxRight{
position:relative;
padding:0;
margin-top: 8%;
}
/*section9*/
.textBg7 {
background: url(../images/textBg7.png) no-repeat center center;
background-size: contain;
padding: 1.4% 3% 3.4% 3%;
display: inline-block;
color: #fff;
position: relative;
}
.section9-details p{line-height:200%;}
.section9-details2{
margin-top: -3%;
padding: 0 3%;
}
.textBg8 {
background: url(../images/textBg8.png) no-repeat center center;
background-size: contain;
padding: 3.1% 3% 7.3% 3%;
display: inline-block;
color: #fff;
position: relative;
text-align: center;
margin-top: 2%;
}
.section9-box{
margin-top: 5%;
}
.fact2-vid{border-radius: 25px;position: relative;z-index: 1;}
.doodle {
position: absolute;
bottom: 92.5%;
right: 94.5%;
}
.girl-box{
}
.girl{
position: absolute;
bottom: 0;
right: 96.2%;
z-index: 1;
}
.girlBg{
position: absolute;
bottom: -7%;
right: 88%;
z-index: 0;
}
/*section10*/
.arrowDown2{
position: relative;
margin-top: -1%;
}
.textBg9 {
background: url(../images/textBg9.png) no-repeat center center;
background-size: contain;
padding: 0.6% 2% 1.5% 2%;
display: inline-block;
color: #fff;
position: relative;
text-align: center;
color: #fff;
}
.bottom-line5 {
background: url(../images/line5.png) no-repeat center bottom;
background-size: contain;
padding: 0 0.5% 0.5% 0.5%;
}
.section10-box-out{
padding:0;
}
.section10-box{
border-radius: 100px;
background-color: rgb(255, 244, 235);
padding: 0% 3% 0% 3%;
}
.section10-box2{
border-radius: 100px;
background-color: rgb(244, 236, 255);
padding: 0% 3% 0% 3%;
}
.section10-detail{
padding: 0 8%;
}
.section10-detail2{
padding: 0 1% 0 11%;
}
.section10-box-out h4 {
background: url(../images/point.png) no-repeat left 22px;
padding-left: 32px;
list-style: none;
margin-left: 0px;
padding-top: 5px;
padding-bottom: 5px;
margin-top: 0;
text-align: left;
display: inline-block;
}
.upgrade1{
max-width: 124%;
position: relative;
left: -16%;
}
.upgrade1Text {
position: absolute;
z-index: 1;
transform: rotate(2deg);
filter: drop-shadow(0 0 10px #0a0a0a40);
}
.upgrade1Text1 {
background: url(../images/upgrade2Text1Bg.png) no-repeat center top;
background-size: contain;
color: #ff9c00;
font-weight: 900;
line-height: 100%;
padding: 0% 4%;
border-radius: 15px;
position: relative;
z-index: 1;
}
.upgrade1Text2{
position: relative;
}
.upgrade2Text {
position: absolute;
z-index: 1;
transform: rotate(357deg);
filter: drop-shadow(0 0 10px #0a0a0a40);
width: 100%;
}
.upgrade2Text1 {
background: url(../images/upgrade2Text1Bg.png) no-repeat center top;
background-size: contain;
color: #e045b2;
font-weight: 900;
line-height: 100%;
padding: 0% 4%;
border-radius: 15px;
position: relative;
z-index: 1;
}
.upgrade2Text2{
position: relative;
}
.blink_text {
animation-name: blinker;
animation-duration: 1s;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@keyframes blinker {
0% { opacity: 1.0; }
50% { opacity: 0.0; }
100% { opacity: 1.0; }
}
.upgrade2{
max-width: 132%;
position: relative;
left: -9%;
}
.connection6, .connection7 {
margin-bottom: -0.5%;
margin-top: -0.2%;
position: relative;
z-index: 1;
}
.textBg10 {
background: url(../images/textBg10.png) no-repeat center center;
background-size: contain;
padding: 3.9% 12% 4.8% 12%;
display: inline-block;
color: #fff;
position: relative;
text-align: center;
margin-top: -0.8%;
}
.investment1bg-out{}
.investment1bg p{}
.cross{
position: relative;
margin-left: -5%;
}
.investmentbg{
padding: 4% 2% 1% 2%;
}
.investment1bg{
background: url(../images/investment1bg.png) no-repeat center bottom;
background-size: contain;
padding: 0 5% 17% 5%;
text-align: center;
margin-top: -1%;
}
.investment2bg{
background: url(../images/investment2bg.png) no-repeat center bottom;
background-size: contain;
padding: 13% 9% 19% 9%;
text-align: center;
margin-top: -19%;
}
.investment3bg{
background: url(../images/investment3bg.png) no-repeat center bottom;
background-size: contain;
padding: 0% 13.5% 19% 13.5%;
text-align: center;
margin-top: -3%;
}
.investment1{
position: relative;
margin-bottom: 8%;
}
.investment2{
position: relative;
margin-bottom: 4%;
}
.investment3{
position: relative;
margin-bottom: 3%;
max-width: 121%;
left: -7%;
}
/*section11*/
.section11-box-out {
padding: 0 2.7%;
margin-top: 5%;
}
.section11-box {
border-width: 1px;
border-color: rgb(217, 196, 18);
border-style: solid;
border-radius: 41px;
background-color: rgb(255, 239, 203);
box-shadow: 0px 63px 73px 0px rgb(6 6 6 / 17%);
padding: 0% 0% 0% 5%;
}
.section11-detail{padding: 0 3.1% 0 1%;}
.guarantee {
position: relative;
margin-top: -5%;
}
/*section12*/
/*section13*/
/*section14*/
.section14-box-out{padding: 0 2.7%;}
.section14-box {
position: relative;
text-align: center;
background-color: rgb(255, 255, 255);
box-shadow: 0px 24px 24px 0px rgb(0 0 0 / 4%);
padding-bottom: 4%;
}
.section14-details{margin-top: 4%;}
.section14Bg1, .section14Bg2 {
width: 100%;
position: relative;
z-index: 1;
}
.ele18 {
position: absolute;
top: 21%;
z-index: 1;
left: 0;
}
.ele19 {
position: absolute;
bottom: 1%;
right:0;
z-index: 2;
}
.ele20 {
position: absolute;
bottom: 6%;
z-index: 2;
right: 5%;
animation: zoominoutsinglefeatured 2s infinite;
}
.section14-title {
font-family: 'Oswald', sans-serif;
display: inline-block;
background-color: #e82c2c;
color: #fff;
position: relative;
height: 90px;
padding: 0% 4% 0% 4%;
margin-top: -5%;
z-index: 1;
text-transform: uppercase;
font-style: italic;
letter-spacing: 4px;
right: -6%;
}
.section14-title:before {
content: "";
display: block;
width: 0;
height: 0;
border-top: 0px solid transparent;
border-bottom: 90px solid transparent;
border-left: 15px solid #e82c2c;
position: absolute;
top: 0;
left: 99.9%;
}
.section14Ele {
position: absolute;
right: 87%;
z-index: 1;
top: -40%;
}
.section14-btn{padding: 0 4.6%;}
/*section15*/
/*section16*/
/*section17*/
/*section18*/
/*section20*/
.line4 {
position: relative;
margin-top: -1%;
}
.section20 hr {
border-top: 1px dashed rgb(255 255 255 / 17%);
margin-top: 7%;
margin-bottom: 6%;
}
.notahnks-link a{}
.notahnks-link a:hover{text-decoration:underline;}
.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;
}
/*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); }
}
@keyframes zoominoutsinglefeatured {
0% {
transform: scale(0.95, 0.95);
}
50% {
transform: scale(1,1);
}
100% {
transform: scale(0.95, 0.95);
}
}
.banner{background: url(../images/banner.png) no-repeat center top;background-size: cover;padding: 1.5% 0 2% 0;position: relative;overflow: hidden;background-color: #20013e;}
.section2{background: url(../images/section2.png) no-repeat center top;background-size: cover;padding: 12.5% 0 5% 0;position: relative;overflow: hidden;margin-top: -10%;}
.section2B{background: url(../images/section2B.png) no-repeat center top;background-size: cover;position: relative;overflow: hidden;padding: 3% 0 0% 0;margin-top: 0;}
.section3{background: url(../images/section3.png) no-repeat center top;background-size: cover;padding: 20% 0 3% 0;position: relative;z-index: 1;}
.section3B{background: url(../images/section3B.png) no-repeat center bottom;background-size: cover;padding: 1% 0 0% 0;position: relative;z-index: 1;}
.section4{padding: 0;margin-top: 0;position: relative;}
.section5{background: url(../images/section5.png) no-repeat center top;background-size: cover;position: relative;overflow: hidden;padding: 12% 0 4.5% 0;margin-top: -3%;}
.section6{background: url(../images/section6.png) no-repeat center top;background-size: cover;padding: 6% 0 2% 0;position: relative;overflow: hidden;margin-top: -5%;}
.section7{padding: 0% 0 1% 0;position: relative;overflow: hidden;margin-top: 0;background-color: #fff1f6;}
.section8{background: url(../images/section8.png) no-repeat center top;background-size: cover;padding: 7% 0 4% 0;position: relative;margin-top: 0;z-index: 1;}
.section9{background: url(../images/section9.png) no-repeat center top;background-size: cover;padding: 0% 0 12% 0;position: relative;overflow: hidden;margin-top: 0;}
.section10{background: url(../images/section10.png) no-repeat center top;background-size: cover;padding: 0% 0 7% 0;position: relative;margin-top: -8%;}
.section11{background: url(../images/section11.png) no-repeat center top;background-size: cover;padding: 0.5% 0 10% 0;margin-top: -3%;position: relative;}
.section12{background: url(../images/section12.png) no-repeat center top;background-size: cover;padding: 0% 0 6% 0;position: relative;margin-top: 0;}
.section13{background: url(../images/section13.png) no-repeat center top;background-size: cover;padding: 1% 0 0% 0;position: relative;margin-top: 0;}
.section14{background: url(../images/section14.png) no-repeat center top;background-size: cover;padding: 13.5% 0 6% 0;position: relative;margin-top: -8%;overflow: hidden;}
.section20{background: url(../images/section20.png) no-repeat center top;background-size: cover;padding: 11% 0 5% 0;position: relative;overflow: hidden;margin-top: -5%;z-index: 2;}
.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 1% 0;}
.section2 {background-color: #fffcfd;background-image: none;padding: 5% 0 5% 0;margin-top: 0;}
.section2B {padding: 10% 0 6% 0;margin-top: 0;text-align: center;}
.section3 {
background-image: none;
background-color: #faf3ba;
padding: 7% 0 4% 0;
text-align: center;
}
.section4 {}
.section5 {}
.section6 {}
.section7 {}
.section8 {
background-image: none;
padding: 4% 0 4% 0 !important;
}
.section9 {
padding: 0% 0 4% 0;
background-image: linear-gradient(to bottom right, #3f1145, #1a0041);
}
.section10 {}
.section11{}
.section12 {}
.section13{}
.section14 {margin-top: 0;}
.section20 {}
.ele1, .ele2, .ele3, .ele4, .ele5, .ele6, .ele7, .ele8, .ele9, .ele10, .ele11, .ele12, .ele19, .ele18, .ele20, .arrowRight3, .arrowLeft3, .arrowLeft, .arrowRight, .boxTop2{display:none !important;}
.payment, .window{max-width: 80%;}
.arrowDown{max-width: 9%;}
.arrow1 {max-width: 10% !important;}
.video-box {padding: 10px !important ;}
.icon1 {
max-width: 12% !important;
right: 90% !important;
top: 10% !important;
}
.logo-box{text-align:center;right:0;}
.text-bg1 {
background-color: #ffc52c;
padding: 3% 15px;
-webkit-box-shadow: inset 0 0 5px #656565;
-moz-box-shadow: inset 0 0 5px #656565;
box-shadow: inset 0 0 5px #656565;
margin-top: 2%;
background-image: none;
line-height: 120%;
}
.text-bg2-mobile{display: inline-block;}
.text-bg2-pc{display: none !important;}
.text-bg2 {
padding: .1% 2.4% .1% 10.8%;
}
.mybutton a {padding: 7% 5% 6% 5% !important;}
.textBg {
background-image:none;
padding: 2% 6px;
background-color: #254eb6;
border-radius: 15px;
margin-top: 5%;
margin-bottom: 2%;
}
.text-bg4 {padding: 1.5% 4%;}
.textBg2 {
padding: 2% 15px;
background-color: #fed5e6;
border-radius: 15px;
background-image: none;
margin-bottom: 4%;
}
.textBg6 {
background-image: none;
padding: 2% 15px;
background-color: #8b48cb;
border-radius: 15px;
margin-top: 4%;
margin-bottom: 10%;
right: 0;
font-size: 20px;
}
.high{margin-bottom: 6%;}
.image1, .image2 {
margin: auto;
margin-top: 2%;
margin-bottom: 2%;
}
.textBg3, .textBg5 {padding: 4% 6% 8% 5% !important;}
.exclusive-bg1, .exclusive-bg2, .exclusive-bg3 {
background-color: #421e55;
background-image: none;
border-radius: 10px;
margin-top: 5%;
right: 0;
left: 0;
}
.exclusive-bg1{margin-bottom: 10%;}
.exclusive-bg2{margin-bottom: 6%;}
.exclusive-bg3{margin-bottom: 8%;}
.exclusive-bg1 p, .exclusive-bg2 p, .exclusive-bg3 p {
background: url(../images/point.png) no-repeat left 12px;
padding-left: 24px;
}
.section6-box {
padding: 4.5% 15px 5% 15px;
}
.ticket-bg1 {
background-color: #ece1fb;
background-image: none;
border-radius: 10px;
padding: 2% 15px;
margin-bottom: 6%;
}
.ticket-bg2 {
background-color: #ffeef0;
background-image: none;
border-radius: 10px;
padding: 2% 15px;
margin-bottom: 6%;
}
.ticket-bg3 {
background-color: #eafde2;
background-image: none;
border-radius: 10px;
padding: 2% 15px;
margin-bottom: 6%;
}
.ticket2 {left: 0;}
.textBg8, .textBg10 {
background-image: none;
padding: 3% 6px;
background-color: #8a4bc6;
max-width: 95%;
margin: auto;
margin-top: 2%;
}
.section9-details2 {
margin-top: 4%;
padding: 0 15px;
}
.textBg9 {
padding: 2.6% 7% 5.5% 7%;
}
.section10-box, .section10-box2 {
width: 96%;
margin: auto;
border-radius: 20px !important;
padding: 5% 0 0% 0 !important;
}
.section10-box-out h4 {
background: url(../images/point.png) no-repeat left 12px;
padding-left: 25px;
}
.connection6, .connection7 {max-width: 40%;}
.investmentbg {
padding: 0 15px;
margin: 6% 0;
}
.investment1bg{
padding: 0% 6% 11% 6%;
margin-top: 4%;
}
.investment2bg{
padding: 11% 9% 13% 9%;
margin-top: -12%;
}
.investment3bg{
padding: 0% 9% 13% 9%;
}
.investment1bg p, .investment2bg p, .investment3bg p {
padding: 0 6%;
}
.investment3 {
margin-bottom: 3%;
max-width: 100%;
left: 0%;
}
.section14-title {height: 42px !important;}
.section14-title:before {border-bottom: 42px solid transparent !important;}
.section14-btn{padding:0;}
.slider1 .slider-row {
width: 1209px;
height: 154px;
background-image: url(../images/slider1Mob.png);
background-size: 1209px 154px;
animation: slide1 30s linear infinite;
background-repeat: repeat-x;
}
@keyframes slide1 {
from {
background-position-x: 0;
}
to {
background-position-x: -1209px;
}
}
.section14Ele {
max-width: 46% !important;
right: 90%;
}
.accordion .fa {font-size: 14px;}
.realLife {left: -4% !important;}
@keyframes bounceRight {
0%, 20%, 50%, 80%, 100% {
transform: translateX(0);
}
40% {
transform: translateX(-15px);
}
60% {
transform: translateX(-7px);
}
}
.textBg7 {padding:3.5% 5% 8.5% 6% !important}
.adeel-img {
max-width: 160%;
left: -33%;
}
.boxLeft-main{
padding: 0 5px;
}
.boxRight-main{
padding: 0 8px;
}
.fact2-vid {
border-radius: 5px;
}
.doodle {
right: 91% !important;
}
.girl {
right: 93.2% !important;
}
.girlBg {
right: 86% !important;
}
.creating-vid {
right: 0%;
}
.section11-detail {
padding: 0 !important;
}
.padding0{padding:0 15px;}
.video-autoplay-overlay-lottie{height:100px !important;}
.video-autoplay-overlay-image{margin: -53px 0px 0px -100px; !important}
.video-autoplay-overlay-bottom, .video-autoplay-overlay-top{height: 30px !important;font-size: 15px !important;line-height: 32px !important;}
.video-autoplay-overlay-play{background: url(../images/playMob.png) 50% 50% no-repeat rgb(90 41 135) !important;width: 60px !important;height: 60px !important;margin: -30px 0px 0px -30px !important;}
.video-autoplay-overlay-lottie{background: url(../images/muteMob.png) 50% 50% no-repeat transparent !important;height:50px !important;}
}
@media only screen and (max-width: 993px){
.connection1{display:none !important;}
.section4 {padding-bottom: 6%;text-align:center;}
.section5 {background-image: linear-gradient(#300746, #5c1b49, #1b0041, #5a2748, #1a0041);padding: 6% 0 4.5% 0;margin-top: 0;}
.section6, .section9{margin-top: 0;text-align:center;}
.section9 {padding: 0% 0 4% 0;}
.section10{margin-top: 0;}
.section11 {margin-top: 0;background-color: #f0f6ea;}
.section8{padding: 12% 0 4% 0;}
nav li a {
padding: 10px 10px !important;
}
.arrowDown{max-width: 9%;}
.mybutton a{padding:3% 4% 2.3% 4%;}
.arrow1 {max-width: 10%;}
.icon1{
max-width: 8%;
right: 97%;
top: -9%;
}
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {
transform: translateY(0);
}
40% {
transform: translateY(-15px);
}
60% {
transform: translateY(-7px);
}
}
.video-box {padding: 18px;}
.connection2, .connection3{
max-width: 40%;
}
.connection4, .connection5{
max-width: 30%;
}
.section5-detail{
padding: 0 15px;
margin: auto;
}
.section5-img-box{
margin: auto;
margin-top: 12%;
}
.arrowLeft, .arrowRight{max-width: 4%;}
.section4-detail {
padding: 0 15px;
margin-top: -6%;
}
.textBg3, .textBg5 {left: 0;padding: 3% 6% 6% 5%;}
.freelancers-img {
text-align: center;
margin-top: 5%;
margin-bottom: 3%;
}
.realLife {
width: 100%;
left: 0;
margin-bottom: 3%;
}
.creating{max-width: 100%;}
.arrowDown1, .arrowDown2{max-width: 10%;}
.fact2 {margin-top: -1%;}
.upgrade1, .upgrade2 {max-width: 100%;left: 0%; right:0;}
.section10-box, .section10-box2{
border-radius: 60px;
padding: 5% 15px 0% 15px;
}
.section10-detail, .section10-detail2{padding:0;}
.section11-box {
padding: 0% 15px 5% 15px;
text-align: center;
}
.section11-detail{padding:0 15px;}
.section14Ele{max-width: 50%;}
.section14-title {height: 66px;}
.section14-title:before {border-bottom: 66px solid transparent;}
.freelancers{right:0;}
.section8-detail{padding:0 15px;text-align:center;}
.section5-detail{text-align:center;}
.boxTop2 {
position: absolute;
bottom: 91%;
left: 92%;
max-width: 11%;
}
.section14-btn{padding: 0;}
.doodle{
max-width: 11%;
right: 93%;
}
.girl{
max-width: 18%;
right: 95.2%;
}
.girlBg{
max-width: 30%;
right: 87%;
}
.textBg7 {padding: 3% 3% 5.4% 3%;}
}
@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%;
}
.fact2A{top: 6%;right: 37%;max-width: 17%;}
.fact2B{top: 31%;right: 14.5%;max-width: 15%;}
.fact2C{top:0%;right: 3%;max-width: 12%;}
.exclusiveIcon1{
max-width: 52%;
top: 11.5%;
left: -12.5%;
}
.exclusiveIcon2{
max-width: 38%;
top: -12%;
right: 0;
}
.exclusiveIcon3{
max-width: 32%;
bottom: 17%;
right: 8%;
}
.logo2 {max-width:50%;}
.intro {margin-top: -5%;}
.forget{
max-width: 100%;
left: -15px;
}
.psicon{max-width: 33%;right: 11%;top: -9%;}
.section5-detail h4{font-size: 21px;}
.section5-detail p{font-size: 16px;}
.exclusive-bg1 p, .exclusive-bg2 p, .exclusive-bg3 p{font-size: 16px;}
.boxLeft{right: -14%;}
.boxRight{left: -11%;}
.upgrade1Text {
bottom: 23%;
left: 15%;
max-width: 70%;
}
.upgrade1Text1 {
font-size: 46px;
left: 27%;
}
.upgrade1Text2{
margin-top: -14%;
}
.upgrade2Text {
bottom: 24%;
left: 17%;
width: 70%;
}
.upgrade2Text1 {
font-size: 41px;
left: 26%;
}
.upgrade2Text2{
margin-top: -15%;
}
.video-autoplay-overlay-image{padding:11% 0;}
}
@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%;
}
.arrowLeft3{max-width: 10%;}
.arrowRight3{max-width: 10%;}
.ele1 {max-width: 22%;bottom: 90%;}
.ele18{max-width: 13%;}
.ele19{max-width: 12%;}
.ele20{max-width: 18%;}
.ele2 {max-width: 16%;top: 22.5%;left: 0;}
.ele3 {max-width: 17%;top: 43.5%;left: 0%;}
.ele8 {max-width: 15%;top: 22%;right: 0;}
.ele9 {max-width: 16%;top: 44%;right: 0;}
.ele10{top: -0.5%;max-width: 16%;}
.ele11{top: -4%;max-width: 15%;}
.ele12{top: 2%;max-width: 16%;}
.fact2A{top: 6%;right: 37%;max-width: 17%;}
.fact2B{top: 31%;right: 14.5%;max-width: 15%;}
.fact2C{top:0%;right: 3%;max-width: 12%;}
/**/
.exclusiveIcon1{
max-width: 52%;
top: 11.5%;
left: -12.5%;
}
.exclusiveIcon2{
max-width: 38%;
top: -12%;
right: 0;
}
.exclusiveIcon3{
max-width: 32%;
bottom: 17%;
right: 8%;
}
.connection1 {margin-top: -10%;}
.image1{max-width: 39%;}
.image2{max-width: 55%;}
.textBg6{font-size: 17px;}
.section5-detail{width: 90%;}
.section5-detail h4{font-size: 32px;}
.section5-detail p{font-size: 20px;}
.forget{max-width: 115%;left: -9%;}
.psicon{max-width: 33%;right: 11%;top: -9%;}
.exclusive-bg1 {padding: 24% 13% 17% 14%;}
.exclusive-bg2{padding: 25% 13% 19% 15%;}
.exclusive-bg3 {padding: 21.5% 14% 18% 14%;}
.exclusive-bg1 p, .exclusive-bg2 p, .exclusive-bg3 p{font-size: 19px;}
.exclusive1 {max-width: 130%;left: -25%;margin-top: 14%;}
.exclusive2 {max-width: 149%;margin-top: 10%;left: -7%;}
.exclusive3 {max-width: 139%;left: -31%;margin-top: 10%;}
.ticket-bg1{
padding: 17.5% 7% 13.5% 13%;
}
.ticket-bg2{
padding: 18.5% 9% 18.5% 12%;
}
.ticket-bg3{
padding: 16.5% 10% 17.5% 14%;
}
.section3{margin-top: 0;}
.intro {margin-top: -8%;}
.boxLeft{right: -18%;}
.boxRight{left: -14%;}
.upgrade1Text {
bottom: 26%;
left: 26%;
max-width: 100%;
}
.upgrade1Text1 {
font-size: 96px;
left: 13%;
}
.upgrade1Text2{
margin-top: -10%;
}
.upgrade2Text {
bottom: 28%;
left: 23%;
width: 55%;
}
.upgrade2Text1 {
font-size: 71px;
left: 26%;
}
.upgrade2Text2{
margin-top: -17%;
}
.bnr-vid {
position: relative;
z-index: 1;
overflow: hidden;
}
.video-autoplay-overlay-image{padding:7% 0;}
}
@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%;
}
.arrowLeft3{max-width: 10%;}
.arrowRight3{max-width: 10%;}
.ele1 {max-width: 16%;bottom: 93%;}
.ele18{max-width: 14%;}
.ele19{max-width: 10%;}
.ele20{max-width: 14%;}
.ele2 {max-width: 16%;top: 20.5%;left: 0;}
.ele3 {max-width: 17%;top: 43.5%;left: 0%;}
.ele8 {max-width: 15%;top: 21%;right: 0;}
.ele9 {max-width: 16%;top: 44%;right: 0;}
.ele10{top: -0.5%;max-width: 14%;}
.ele11{top: -3%;max-width: 14%;}
.ele12{top: 2%;max-width: 18%;}
.fact2A{top: 6%;right: 37%;max-width: 16%;}
.fact2B{top: 31%;right: 14.5%;max-width: 15%;}
.fact2C{top:0%;right: 3%;max-width: 12%;}
/**/
.exclusiveIcon1{
max-width: 53%;
top: 11.5%;
left: -12.5%;
}
.exclusiveIcon2{
max-width: 42%;
top: -12%;
right: 0;
}
.exclusiveIcon3{
max-width: 32%;
bottom: 17%;
right: 8%;
}
.connection1 {margin-top: 1%;}
.image1{}
.image2{}
.textBg6{font-size: 20px;}
.section5-detail{width: 50.7%;margin-top: 10%;}
.section5-detail h4{font-size: 26px;}
.section5-detail p{font-size: 16px;}
.forget{max-width: 144%;left: -32%;}
.psicon{max-width: 40%;right: 10%;top: -6%;}
.exclusive-bg1 {padding: 24% 13% 17% 18%;}
.exclusive-bg2{padding: 25% 13% 19% 20%;}
.exclusive-bg3 {padding: 21.5% 14% 18% 17%;}
.exclusive-bg1 p, .exclusive-bg2 p, .exclusive-bg3 p{font-size: 19px;}
.exclusive1 {max-width: 130%;left: -25%;margin-top: 14%;}
.exclusive2 {max-width: 149%;margin-top: 10%;left: -7%;}
.exclusive3 {max-width: 139%;left: -31%;margin-top: 10%;}
.ticket-bg1{
padding: 17.5% 7% 13.5% 14%;
}
.ticket-bg2{
padding: 18.5% 14% 18.5% 13%;
}
.ticket-bg3{
padding: 16.5% 9% 17.5% 16%;
}
.section3{margin-top: 0;}
.intro {margin-top: -8%;}
.boxLeft{right: -18%;}
.boxRight{left: -14%;}
.upgrade1Text {
bottom: 21%;
left: 10%;
max-width: 100%;
}
.upgrade1Text1 {
font-size: 56px;
left: 28%;
}
.upgrade1Text2{
margin-top: -14%;
}
.upgrade2Text {
bottom: 24%;
left: 15%;
width: 80%;
}
.upgrade2Text1 {
font-size: 43px;
left: 32%;
}
.upgrade2Text2{
margin-top: -16%;
}
.video-autoplay-overlay-image{padding:12% 0;}
}
@media only screen and (min-width: 1100px) {
.mycontainer{width:970px;}
.mycontainer2{width: 1040px;}
.mycontainer3{width: 970px;}
.ele2 {max-width: 16%;top: 20.5%;left: 0;}
.ele3 {max-width: 17%;top: 43.5%;left: 0%;}
.ele8 {max-width: 15%;top: 21%;right: 0;}
.ele9 {max-width: 16%;top: 44%;right: 0;}
.ele10{top: 0%;max-width: 16%;}
.ele11{top: -3.5%;max-width: 14%;}
.ele12{top: 2%;max-width: 17%;}
.fact2A{top: 6%;right: 37%;max-width: 16%;}
.fact2B{top: 31%;right: 14.5%;max-width: 15%;}
.fact2C{top:0%;right: 3%;max-width: 12%;}
/**/
.exclusiveIcon1{
max-width: 53%;
top: 11.5%;
left: -12.5%;
}
.exclusiveIcon2{
max-width: 42%;
top: -12%;
right: 0;
}
.exclusiveIcon3{
max-width: 32%;
bottom: 17%;
right: 8%;
}
.connection1 {margin-top: -5%;}
.image1{}
.image2{}
.textBg6{font-size: 24px;}
.section5-detail{width: 49.7%;margin-top: 9%;}
.section5-detail h4{font-size: 40px;}
.section5-detail p{font-size: 18px;}
.forget{max-width: 141%;left: -30%;}
.psicon{max-width: 44%;right: 11%;top: -6%;}
.exclusive-bg1 {padding: 24% 13% 17% 18%;}
.exclusive-bg2{padding: 25% 13% 17% 20%;}
.exclusive-bg3 {padding: 19.5% 14% 16% 17%;}
.exclusive-bg1 p, .exclusive-bg2 p, .exclusive-bg3 p{font-size: 21px;}
.exclusive1 {max-width: 130%;left: -25%;margin-top: 14%;}
.exclusive2 {max-width: 149%;margin-top: 10%;left: -7%;}
.exclusive3 {max-width: 139%;left: -31%;margin-top: 10%;}
.ticket-bg1{
padding: 17.5% 10% 13.5% 16%;
}
.ticket-bg2{
padding: 18.5% 14% 18.5% 13%;
}
.ticket-bg3{
padding: 16.5% 13% 17.5% 17%;
}
.section3{margin-top: -3%;}
.boxLeft{right: -18%;}
.boxRight{left: -14%;}
.upgrade1Text {
bottom: 26%;
left: 10%;
max-width: 100%;
}
.upgrade1Text1 {
font-size: 80px;
left: 21%;
}
.upgrade1Text2{
margin-top: -13%;
}
.upgrade2Text {
bottom: 18%;
left: 15%;
width: 100%;
}
.upgrade2Text1 {
font-size: 91px;
left: 18%;
}
.upgrade2Text2{
margin-top: -14%;
}
}
@media only screen and (min-width: 1200px) {
.mycontainer{width:970px;}
.mycontainer2{width: 1140px;}
.mycontainer3{width: 1180px;}
.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;
}
.arrowLeft3{max-width: 100%;}
.arrowRight3{max-width: 100%;}
.ele1 {max-width: 13%;bottom: 85%;}
.ele18{max-width: 13%;}
.ele19{max-width: 9%;}
.ele20{max-width: 13%;}
.ele2 {max-width: 16%;top: 20.5%;left: 0;}
.ele3 {max-width: 17%;top: 43.5%;left: 0%;}
.ele8 {max-width: 15%;top: 21%;right: 0;}
.ele9 {max-width: 16%;top: 44%;right: 0;}
.ele10{top: 0.5%;max-width: 14%;}
.ele11{top: -4%;max-width: 15%;}
.ele12{top: 2%;max-width: 17%;}
.fact2A{top: 6%;right: 37%;max-width: 16%;}
.fact2B{top: 31%;right: 14.5%;max-width: 15%;}
.fact2C{top:0%;right: 3%;max-width: 12%;}
/**/
.exclusiveIcon1{
max-width: 53%;
top: 11.5%;
left: -12.5%;
}
.exclusiveIcon2{
max-width: 42%;
top: -12%;
right: 0;
}
.exclusiveIcon3{
max-width: 32%;
bottom: 17%;
right: 8%;
}
.connection1 {margin-top: -4%;}
.image1{}
.image2{}
.textBg6{font-size: 26px;}
.section5-detail{width: 51.7%;margin-top: 8%;}
.section5-detail h4{font-size: 32px;}
.section5-detail p{font-size: 18px;}
.forget{max-width: 148%;left: -35%;}
.psicon{max-width: 43%;right: 9%;top: -6%;}
.exclusive-bg1 {padding: 24% 13% 17% 18%;}
.exclusive-bg2{padding: 25% 13% 19% 20%;}
.exclusive-bg3 {padding: 21.5% 14% 18% 17%;}
.exclusive-bg1 p, .exclusive-bg2 p, .exclusive-bg3 p{font-size: 23px;}
.exclusive1 {max-width: 130%;left: -25%;margin-top: 14%;}
.exclusive2 {max-width: 149%;margin-top: 10%;left: -7%;}
.exclusive3 {max-width: 139%;left: -31%;margin-top: 10%;}
.ticket-bg1{
padding: 17.5% 10% 13.5% 16%;
}
.ticket-bg2{
padding: 18.5% 14% 18.5% 13%;
}
.ticket-bg3{
padding: 16.5% 13% 17.5% 17%;
}
.section3{}
.logo2 {max-width:100%;}
.intro {margin-top: -10%;}
.boxLeft{right: -18%;}
.boxRight{left: -14%;}
.upgrade1Text {
bottom: 26%;
left: 18%;
max-width: 100%;
}
.upgrade1Text1 {
font-size: 96px;
left: 15%;
}
.upgrade1Text2{
margin-top: -12%;
}
.upgrade2Text {
bottom: 28%;
left: 23%;
width: 100%;
}
.upgrade2Text1 {
font-size: 101px;
left: 13%;
}
.upgrade2Text2{
margin-top: -12%;
}
.video-autoplay-overlay-image{padding:14% 0;}
}
@media (min-width:1300px) {
.mycontainer{width:1219px;}
.mycontainer2{width:1180px;}
.mycontainer3{width: 1280px;}
.mycontainer-right{width: 1273px;}
.mycontainer-left{width: 1273px;}
.ex{background-color:blue}
.mainvideo {
position: absolute;
width: 873px;
height: 350px;
top: 16px;
left: 158px;
}
.arrowLeft3{max-width: 100%;}
.arrowRight3{max-width: 100%;}
.ele1 {max-width: 14%;bottom: 85%;}
.ele18{max-width: 13.5%;}
.ele19{max-width: 9%;}
.ele20{max-width: 15%;}
.ele2 {max-width: 16%;top: 20.5%;left: 1%;}
.ele3 {max-width: 17%;top: 43.5%;left: 0%;}
.ele8 {max-width: 15%;top: 21%;right: 1%;}
.ele9 {max-width: 16%;top: 44%;right: 0.5%;}
.ele10{top: -0.5%;max-width: 17%;}
.ele11{top: -6%;max-width: 17%;}
.ele12{top: 2%;max-width: 17%;}
.fact2A{top: 6%;right: 37%;max-width: 16%;}
.fact2B{top: 31%;right: 14.5%;max-width: 15%;}
.fact2C{top:0%;right: 3%;max-width: 12%;}
/**/
.exclusiveIcon1{
max-width: 53%;
top: 11.5%;
left: -12.5%;
}
.exclusiveIcon2{
max-width: 42%;
top: -12%;
right: 0;
}
.exclusiveIcon3{
max-width: 32%;
bottom: 17%;
right: 8%;
}
.connection1 {margin-top: 0%;}
.image1{}
.image2{}
.textBg6{font-size: 28px;}
.section5-detail{width: 48.7%;margin-top: 8%;}
.section5-detail h4{font-size: 32px;}
.section5-detail p{font-size: 20px;}
.forget{max-width: 125%;left: -18%;}
.psicon{max-width: 35%;right: 13%;top: -6%;}
.exclusive-bg1 {padding: 24% 13% 17% 18%;}
.exclusive-bg2{padding: 25% 13% 19% 20%;}
.exclusive-bg3 {padding: 21.5% 14% 18% 17%;}
.exclusive-bg1 p, .exclusive-bg2 p, .exclusive-bg3 p{font-size: 23px;}
.exclusive1 {max-width: 130%;left: -25%;margin-top: 14%;}
.exclusive2 {max-width: 149%;margin-top: 10%;left: -7%;}
.exclusive3 {max-width: 139%;left: -31%;margin-top: 10%;}
.ticket-bg1{
padding: 17.5% 10% 13.5% 16%;
}
.ticket-bg2{
padding: 18.5% 14% 18.5% 13%;
}
.ticket-bg3{
padding: 16.5% 13% 17.5% 17%;
}
.section3{margin-top: -5%;}
.boxLeft{right: -18%;}
.boxRight{left: -14%;}
.upgrade2Text2{
margin-top: -12%;
}
.video-autoplay-overlay-image{padding:13% 0;}
}
@media (min-width:1400px) {
.mycontainer{width:1370px;}
.mycontainer2{width:1219px;;}
.mycontainer3{width: 1344px;}
.mycontainer-right{width: 1335px;}
.mycontainer-left{width: 1335px;}
.ex{background-color:silver}
.mainvideo {
position: absolute;
width: 873px;
height: 350px;
top: 16px;
left: 172px;
}
.ele1 {max-width: 15%;bottom: 82%;}
.ele18{max-width: 13%;}
.ele19{max-width: 10%;}
.ele20{max-width: 15%;}
.ele2 {max-width: 16%;top: 20.5%;left: 1%;}
.ele3 {max-width: 17%;top: 43.5%;left: 0%;}
.ele8 {max-width: 15%;top: 21%;right: 1%;}
.ele9 {max-width: 16%;top: 44%;right: 0.5%;}
.ele10{top: -1%;max-width: 17%;}
.ele11{top: -6%;max-width: 17%;}
.ele12{top: 2%;max-width: 15%;}
.fact2A{top: 6%;right: 37%;max-width: 16%;}
.fact2B{top: 31%;right: 14.5%;max-width: 15%;}
.fact2C{top:0%;right: 3%;max-width: 12%;}
/**/
.exclusiveIcon1{
max-width: 53%;
top: 11.5%;
left: -12.5%;
}
.exclusiveIcon2{
max-width: 42%;
top: -12%;
right: 0;
}
.exclusiveIcon3{
max-width: 32%;
bottom: 17%;
right: 8%;
}
.connection1 {margin-top: -3%;}
.image1{}
.image2{}
.textBg6{font-size: 28px;}
.section5-detail{width: 50.7%;margin-top: 6%;}
.section5-detail h4{font-size: 36px;}
.section5-detail p{font-size: 20px;}
.forget{max-width: 130%;left: -23%;}
.psicon{max-width: 40%;right: 13%;top: -6%;}
.exclusive-bg1 {padding: 24% 13% 17% 18%;}
.exclusive-bg2{padding: 25% 13% 19% 20%;}
.exclusive-bg3 {padding: 21.5% 14% 18% 17%;}
.exclusive-bg1 p, .exclusive-bg2 p, .exclusive-bg3 p{font-size: 26px;}
.exclusive1 {max-width: 130%;left: -25%;margin-top: 14%;}
.exclusive2 {max-width: 149%;margin-top: 10%;left: -7%;}
.exclusive3 {max-width: 139%;left: -31%;margin-top: 10%;}
.ticket-bg1{
padding: 17.5% 10% 13.5% 16%;
}
.ticket-bg2{
padding: 18.5% 14% 18.5% 13%;
}
.ticket-bg3{
padding: 16.5% 13% 17.5% 17%;
}
.section3{}
.boxLeft{right: -18%;}
.boxRight{left: -14%;}
.upgrade2Text2{
margin-top: -11%;
}
.bnr-vid {
width: 100%;
padding-bottom: 55.5%;
}
.video-autoplay-overlay-image{padding:16% 0;}
}
@media (min-width: 1500px) {
.mycontainer{width:1500px;}
.mycontainer2{width:1219px;}
.mycontainer3{width: 1470px;}
.mycontainer-right{width: 1379px;}
.mycontainer-left{width: 1379px;}
.ex{background-color:pink}
.mainvideo {
position: absolute;
width: 873px;
height: 350px;
top: 16px;
left: 172px;
}
.ele1 {max-width: 15%;bottom: 80%;}
.ele18{max-width: 14%;}
.ele19{max-width: 12%;}
.ele20{max-width: 15%;}
.ele2 {max-width: 16%;top: 20.5%;left: 1%;}
.ele3 {max-width: 17%;top: 43.5%;left: 0%;}
.ele8 {max-width: 15%;top: 21%;right: 1%;}
.ele9 {max-width: 16%;top: 44%;right: 0.5%;}
.ele10{top: -1%;max-width: 17%;}
.ele11{top: -6%;max-width: 17%;}
.ele12{top: 2%;max-width: 16%;}
.fact2A{top: 6%;right: 37%;max-width: 16%;}
.fact2B{top: 31%;right: 14.5%;max-width: 15%;}
.fact2C{top:0%;right: 3%;max-width: 12%;}
/**/
.exclusiveIcon1{
max-width: 53%;
top: 11.5%;
left: -12.5%;
}
.exclusiveIcon2{
max-width: 42%;
top: -12%;
right: 0;
}
.exclusiveIcon3{
max-width: 32%;
bottom: 17%;
right: 8%;
}
.connection1 {margin-top: -6%;}
.image1{}
.image2{}
.textBg6{font-size: 30px;}
.section5-detail{width: 46.7%;margin-top: 0;}
.section5-detail h4{font-size: 36px;}
.section5-detail p{font-size: 20px;}
.forget{max-width: 140%;left: -34%;}
.psicon{max-width: 44%;right: 15%;top: -6%;}
.exclusive-bg1 {padding: 26% 15% 19% 15%;}
.exclusive-bg2{padding: 25% 11% 19% 20%;}
.exclusive-bg3 {padding: 25.5% 17% 21% 13%;}
.exclusive-bg1 p, .exclusive-bg2 p, .exclusive-bg3 p{font-size:28px;}
.exclusive1 {max-width: 130%;left: -25%;margin-top: 14%;}
.exclusive2 {max-width: 149%;margin-top: 10%;left: -7%;}
.exclusive3 {max-width: 139%;left: -31%;margin-top: 10%;}
.ticket-bg1{
padding: 17.5% 10% 13.5% 16%;
}
.ticket-bg2{
padding: 18.5% 14% 18.5% 13%;
}
.ticket-bg3{
padding: 16.5% 13% 17.5% 17%;
}
.section3{}
.boxLeft{right: -17%;}
.boxRight{left: -14%;}
.upgrade2Text2{
margin-top: -11%;
}
.video-autoplay-overlay-image{padding:16% 0;}
}
@media (min-width: 1600px){
.mycontainer-right{width: 1400px;}
.mycontainer-left{width: 1400px;}
.mainvideo {
position: absolute;
width: 873px;
height: 350px;
top: 16px;
left: 172px;
}
.ele1 {max-width: 15%;bottom: 79%;}
.ele18{max-width: 15.5%;}
.ele19{max-width: 14%;}
.ele20{max-width: 15%;}
.ele2 {max-width: 16%;top: 20.5%;left: 1%;}
.ele3 {max-width: 17%;top: 43.5%;left: 0%;}
.ele8 {max-width: 15%;top: 21%;right: 1%;}
.ele9 {max-width: 16%;top: 44%;right: 0.5%;}
.ele10{top: -0.5%;max-width: 17%;}
.ele11{top: -7%;max-width: 17%;}
.ele12{top: 2%;max-width: 19%;}
.fact2A{top: 6%;right: 37%;max-width: 16%;}
.fact2B{top: 31%;right: 14.5%;max-width: 15%;}
.fact2C{top:0%;right: 3%;max-width: 12%;}
/**/
.exclusiveIcon1{
max-width: 53%;
top: 11.5%;
left: -12.5%;
}
.exclusiveIcon2{
max-width: 42%;
top: -12%;
right: 0;
}
.exclusiveIcon3{
max-width: 32%;
bottom: 17%;
right: 8%;
}
.connection1 {margin-top: -8%;}
.image1{}
.image2{}
.textBg6{font-size: 30px;}
.section5-detail{width: 46.7%;}
.section5-detail h4{font-size: 38px;}
.section5-detail p{font-size: 22px;}
.forget{max-width: 148%;left: -42%;}
.psicon{max-width: 46%;right: 15%;top: -6%;}
.exclusive-bg1 {padding: 26% 15% 19% 15%;}
.exclusive-bg2{padding: 25% 11% 19% 20%;}
.exclusive-bg3 {padding: 25.5% 17% 21% 13%;}
.exclusive-bg1 p, .exclusive-bg2 p, .exclusive-bg3 p{font-size:28px;}
.exclusive1 {max-width: 130%;left: -25%;margin-top: 14%;}
.exclusive2 {max-width: 149%;margin-top: 10%;left: -7%;}
.exclusive3 {max-width: 139%;left: -31%;margin-top: 10%;}
.ticket-bg1{
padding: 17.5% 10% 13.5% 16%;
}
.ticket-bg2{
padding: 18.5% 14% 18.5% 13%;
}
.ticket-bg3{
padding: 16.5% 13% 17.5% 17%;
}
.section3{margin-top: -7%;}
.boxLeft{right: -17%;}
.boxRight{left: -14%;}
.upgrade2Text2{
margin-top: -11%;
}
}
@media (min-width: 1700px){
.ele1 {max-width: 17%;bottom: 75%;}
.ele18{}
.ele19{max-width: 16%;}
.ele20{max-width: 24%;}
.ele2 {max-width: 15%;top: 17.5%;left: 2%;}
.ele3 {max-width: 16%;top: 43.5%;left: 2%;}
.ele8 {max-width: 16%;top: 18%;right: 3%;}
.ele9 {max-width: 16%;top: 44%;right: 2.5%;}
.ele10{top: -1.5%;max-width: 18%;}
.ele11{top: -8%;max-width: 17%;}
.ele12{top: 2%;max-width: 19%;}
.fact2A{top: 6%;right: 37%;max-width: 16%;}
.fact2B{top: 31%;right: 14.5%;max-width: 15%;}
.fact2C{top:0%;right: 3%;max-width: 12%;}
/**/
.exclusiveIcon1{
max-width: 53%;
top: 11.5%;
left: -12.5%;
}
.exclusiveIcon2{
max-width: 42%;
top: -12%;
right: 0;
}
.exclusiveIcon3{
max-width: 32%;
bottom: 17%;
right: 8%;
}
.connection1 {margin-top: -13%;}
.image1{}
.image2{}
.textBg6{font-size: 32px;}
.section5-detail{width: 44.7%;margin-top: 0;}
.section5-detail h4{font-size: 39px;}
.section5-detail p{font-size: 22px;}
.forget{max-width: 168%;left: -59%;}
.psicon{max-width: 46%;right: 15%;top: -6%;}
.exclusive-bg1 {padding: 26% 15% 19% 15%;}
.exclusive-bg2{padding: 25% 11% 19% 20%;}
.exclusive-bg3 {padding: 25.5% 16% 21% 12%;}
.exclusive-bg1 p, .exclusive-bg2 p, .exclusive-bg3 p{font-size:28px;}
.exclusive1 {max-width: 130%;left: -25%;margin-top: 14%;}
.exclusive2 {max-width: 149%;margin-top: 10%;left: -7%;}
.exclusive3 {max-width: 139%;left: -31%;margin-top: 10%;}
.ticket-bg1{
padding: 17.5% 6% 13.5% 17%;
}
.ticket-bg2{
padding: 18.5% 14% 18.5% 13%;
}
.ticket-bg3{
padding: 16.5% 13% 17.5% 17%;
}
.section3{}
.boxLeft{right: -16%;}
.boxRight{left: -14%;}
.upgrade2Text2{
margin-top: -11%;
}
}
@media (min-width: 1800px){
.ele18{}
.ele19{max-width: 18%;}
.ele20{max-width: 24%;}
.ele2 {max-width: 16%;top: 16%;left: 3%;}
.ele3 {max-width: 17%;top: 41.5%;left: 2%;}
.ele8 {max-width: 17%;top: 17%;right: 3.5%;}
.ele9 {max-width: 17%;top: 42%;right: 3.5%;}
.ele10{top: -1%;max-width: 17%;}
.ele11{top: -9%;max-width: 18%;}
.ele12{top: 2%;max-width: 20%;}
.fact2A{top: 6%;right: 37%;max-width:100%;}
.fact2B{top: 31%;right: 14.5%;max-width: 15%;}
.fact2C{top:0%;right: 3%;max-width: 12%;}
/**/
.exclusiveIcon1{
max-width: 53%;
top: 11.5%;
left: -12.5%;
}
.exclusiveIcon2{
max-width: 41%;
top: -12%;
right: 0;
}
.exclusiveIcon3{
max-width: 32%;
bottom: 17%;
right: 8%;
}
.connection1 {margin-top: -13%;}
.image1{}
.image2{}
.textBg6{font-size: 34px;}
.section5-detail{width: 42.5%;margin-top: 0;}
.section5-detail h4{font-size: 39px;}
.section5-detail p{font-size: 22px;}
.forget{max-width: 168%;left: -64%;}
.psicon{max-width: 46%;right: 19%;top: -6%;}
.exclusive-bg1 {padding: 26% 15% 19% 15%;}
.exclusive-bg2{padding: 25% 11% 19% 20%;}
.exclusive-bg3 {padding: 25.5% 17% 21% 13%;}
.exclusive-bg1 p, .exclusive-bg2 p, .exclusive-bg3 p{font-size:28px;}
.exclusive1 {max-width: 130%;left: -25%;margin-top: 14%;}
.exclusive2 {max-width: 149%;margin-top: 10%;left: -7%;}
.exclusive3 {max-width: 139%;left: -31%;margin-top: 10%;}
.ticket-bg1{
padding: 17.5% 8% 13.5% 14%;
}
.ticket-bg2{
padding: 18.5% 14% 18.5% 13%;
}
.ticket-bg3{
padding: 16.5% 13% 17.5% 17%;
}
.section3{}
.boxLeft{right: -19%;}
.boxRight{left: -14%;}
.upgrade2Text2{
margin-top: -11%;
}
}
@media (min-width:1900px){
.mycontainer2{width:1330px;}
.mycontainer3{width: 1600px;}
.ele1 {max-width: 100%;bottom: 81%;}
.ele18{max-width:100%;}
.ele19{max-width:100%;}
.ele20{max-width:100%;}
.ele2 {max-width: 18%;top: 15%;left: 3%;}
.ele3 {max-width: 19%;top: 41.5%;left: 2%;}
.ele8 {max-width: 19%;top: 16%;right: 3.5%;}
.ele9 {max-width:100%;top: 42%;right: 3.5%;}
.ele10{top: -1.5%;max-width: 100%;}
.ele11{top: -9%;max-width: 100%;}
.ele12{top: 2%;max-width: 100%;}
.fact2A{top: 6%;right: 37%;max-width:100%;}
.fact2B{top: 31%;right: 14.5%;max-width:100%;}
.fact2C{top:0%;right: 3%;max-width:100%;}
.fact2A{top: 6%;right: 37%;max-width:100%;}
.fact2B{top: 31%;right: 14.5%;max-width:100%;}
.fact2C{top:0%;right: 3%;max-width:100%;}
/**/
.exclusiveIcon1{
max-width:100%;
top: 11.5%;
left: -12.5%;
}
.exclusiveIcon2{
max-width:100%;
top: -12%;
right: 0;
}
.exclusiveIcon3{
max-width:100%;
bottom: 17%;
right: 8%;
}
.connection1 {margin-top: -14%;}
.image1{max-width:100%;}
.image2{max-width:100%;}
.textBg6{font-size: 36px;}
.section5-detail{width: 41.7%;}
.section5-detail h4{font-size: 40px;}
.section5-detail p{font-size: 22px;}
.forget{max-width: 168%;left: -59%;}
.psicon{max-width: 100%;right: 13%;top: -6%;}
.exclusive-bg1 {padding: 26% 17% 19% 17%;}
.exclusive-bg2{padding: 25% 13% 19% 22%;}
.exclusive-bg3 {padding: 25.5% 19% 21% 15%;}
.exclusive-bg1 p, .exclusive-bg2 p, .exclusive-bg3 p{font-size:28px;}
.exclusive1 {max-width: 130%;left: -25%;margin-top: 14%;}
.exclusive2 {max-width: 149%;margin-top: 10%;left: -7%;}
.exclusive3 {max-width: 139%;left: -31%;margin-top: 10%;}
.ticket-bg1{
padding: 17.5% 6% 13.5% 17%;
}
.ticket-bg2{
padding: 18.5% 14% 18.5% 13%;
}
.ticket-bg3{
padding: 16.5% 13% 17.5% 17%;
}
.section3{margin-top: -8%;}
.boxLeft{right: -26%;}
.boxRight{left: -14%;}
.upgrade2Text2{
margin-top: -10%;
}
}
@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;}
.responsive-video .video-autoplay-paused .video-autoplay-overlay-lines, .bnr-vid .video-autoplay-overlay {
background-color: rgba(0,0,0,0.0) !important;
}
@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;
}
}