html {
scroll-behavior: smooth;
}
/*Fonts*/
@font-face {font-family: times; src: url('../fonts/times.ttf'); }
@font-face {font-family: timesbd; src: url('../fonts/timesbd.ttf'); }
@font-face {font-family: timesbi; src: url('../fonts/timesbi.ttf'); }
@font-face {font-family: timesi; src: url('../fonts/timesi.ttf'); }
.times{
font-family: 'times';
}
.timesbd{
font-family: 'timesbd';
}
.timesbi{
font-family: 'timesbi';
}
.timesi{
font-family: 'timesi';
}
.allura{
font-family: 'Allura', cursive;
}
/*Common*/
body {font-family: 'Inter', sans-serif;font-size: 14px;line-height: 1.42857143;color: #171717;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;
}
@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;
}
}
@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%;}
.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;}.md68 {font-size: 68px;}.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%;}
.mycontainer{width:970px;}
.mycontainer2{width:922px;}
.mycontainer3{width:922px;}
}
@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;}.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: 44px;}.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;}.lg61 {font-size: 61px;}.lg62 {font-size: 62px;}.lg68 {font-size: 68px;}.lg70 {font-size: 70px;}.lg80 {font-size: 80px;}.lg84 {font-size: 84px;}.lg150 {font-size: 150px;}.lg210 {font-size: 240px;}
.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%;}
}
@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: 42px;}.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;}.xl54 {font-size: 54px;}.xl55 {font-size: 55px;}.xl56 {font-size: 56px;}.xl57 {font-size: 57px;}.xl58 {font-size: 58px;}.xl62 {font-size: 62px;}.xl60{font-size: 60px;}.xl68{font-size: 68px;}.xl76 {font-size: 76px;}.xl70 {font-size: 70px;}.xl75 {font-size: 75px;}.xl80 {font-size: 80px;}.xl88 {font-size: 88px;}.xl82 {font-size: 82px;}.xl170 {font-size: 170px;}.xl210 {font-size: 240px;}
}
.text-black{color:#000;}
.yellow{color:#a06701;}
.mycontainer{margin: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%;}
.responsive-video {
padding-bottom: 57.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;
}
.main-video {
padding: 0 20px;
}
.video-box {
border-radius: 10px;
border: 11px solid rgb(208, 182, 127);
box-shadow: 0px 49px 59px 0px rgb(11 2 18 / 57%);
background-color: rgb(208 182 127);
position: relative;
z-index: 1;
overflow: hidden;
margin-top: 2%;
}
.video-box2 {
border-width: 4px;
border-style: solid;
border-radius: 19px;
border-color: #ce920e;
background-color: rgb(23, 23, 23);
box-shadow: 0px 29px 34.65px 0.35px rgba(58, 37, 0, 0.33);
position: relative;
z-index: 1;
overflow: hidden;
margin-top: 2%;
}
.video-box1 {
border-width: 4px;
border-style: solid;
border-radius: 19px;
border-color: #ce920e;
background-color: rgb(23, 23, 23);
box-shadow: 0px 29px 34.65px 0.35px rgba(58, 37, 0, 0.33);
position: relative;
z-index: 1;
overflow: hidden;
margin-top: 2%;
display:block;
}
.video-box3 {
border-width: 4px;
border-style: solid;
border-radius: 19px;
border-color: #ce920e;
background-color: rgb(23, 23, 23);
box-shadow: 0px 29px 34.65px 0.35px rgba(58, 37, 0, 0.33);
position: relative;
z-index: 1;
overflow: hidden;
margin-top: 2%;
display:none;
}
.video-box3 .responsive-video {
padding-bottom: 177.21%;
}
.main-autoplay{display:block;}
.mobile-autoplay{display:none;}
.soundOn {
margin-top: 5px;
margin-left: 10px;
animation: pulse2 2s infinite;
animation-timing-function: ease-out;
width: 22%;
padding: 15px;
}
.autoplayer2-overlay-content .soundOn {
width: 45%;
}
.video-box .responsive-video {
border-radius: 7px;
}
.autoplayer-subarea-16-by-9 {
padding-bottom: 56.25% !important;
}
.video-box3 .autoplayer2-subarea-16-by-9 {
padding-bottom: 178.25% !important;
}
.autoplayer-subarea, .autoplayer2-subarea {
background-color: #121212 !important;
}
.mybutton a {
background-image: -webkit-linear-gradient( 180deg, rgb(255,90,73) 0%, rgb(188,0,64) 100%);
border-radius: 100px;
box-shadow: 0px 12px 27px 0px rgb(0 0 0 / 27%);
color: #ffffff;
background-color: #fa9c07;
padding: 2.6% 8.2% 2.6% 8.2%;
display: table;
margin: auto;
transition: 0.5s;
position: relative;
z-index: 2;
overflow: hidden;
}
.mybutton a:hover {
background-image: -webkit-linear-gradient( 180deg, rgb(188,0,64) 0%, rgb(255,90,73) 100%);
box-shadow:none;
transform: scale(1.05);
}
.mybuttonA a {padding: 2.4% 12.6%;}
.mybuttonB a {padding: 4% 6.6%;}
.mybuttonC a {padding: 4% 7.8%;}
.mybutton2 a {
background-image: -webkit-linear-gradient( 180deg, rgb(255,90,73) 0%, rgb(188,0,64) 100%);
border-radius: 100px;
box-shadow: 0px 12px 27px 0px rgb(0 0 0 / 27%);
color: #ffffff;
background-color: #fa9c07;
padding: 3.7% 12% 3.7% 12%;
display: table;
margin: auto;
transition: 0.5s;
position: relative;
z-index: 2;
overflow: hidden;
}
.mybutton2 a:hover {
background-image: -webkit-linear-gradient( 180deg, rgb(188,0,64) 0%, rgb(255,90,73) 100%);
box-shadow:none;
transform: scale(1.05);
}
.mybutton3 a {
background-image: -webkit-linear-gradient( 180deg, rgb(255,90,73) 0%, rgb(188,0,64) 100%);
border-radius: 100px;
box-shadow: 0px 12px 27px 0px rgb(0 0 0 / 27%);
color: #ffffff;
background-color: #fa9c07;
padding: 4% 7.8%;
display: table;
margin: auto;
transition: 0.5s;
position: relative;
z-index: 2;
overflow: hidden;
}
.mybutton3 a:hover {
background-image: -webkit-linear-gradient( 180deg, rgb(188,0,64) 0%, rgb(255,90,73) 100%);
box-shadow:none;
transform: scale(1.05);
}
.arrow1 {
-webkit-animation: bounceLeft 2s infinite;
animation: bounceLeft 2s infinite;
position: absolute;
top: 42%;
right: 4%;
}
.arrow2 {
-webkit-animation: bounceLeft 2s infinite;
animation: bounceLeft 2s infinite;
position: absolute;
top: 39%;
right: 4%;
}
.cart {
-webkit-animation: bounceLeft 2s infinite;
animation: bounceLeft 2s infinite;
position: relative;
left: 4%;
margin-top: -2%;
}
.buttonimg{
position: absolute;
left: -4%;
max-width: 108%;
}
/*step-01*/
.bannerVideo{overflow:hidden;}
#videobcg {
position: fixed;
top: 0;
left: 0;
min-width: 100%;
min-height: 100%;
z-index: -100;
}
.element1, .element2, .element3, .element4{
position: absolute;
}
.element1{
left: -5.5%;
top: 4%;
animation: 2s ease-in-out 0s infinite alternate none running mover1;
}
.element2 {
right: -2.5%;
top: 24.5%;
animation: 2s ease-in-out 0s infinite alternate none running mover2;
}
.element3{
left: 4.5%;
bottom: 43%;
animation: 2s ease-in-out 0s infinite alternate none running mover1;
}
.element4 {
right: 7%;
top: 34.5%;
animation: 2s ease-in-out 0s infinite alternate none running mover2;
}
.element3B{
bottom: 39%;
}
.element4B {
top: 41.5%;
}
.element1A{
left: -6%;
top: 6%;
}
.element2B{
right: -3.0%;
bottom: 31%;
}
/*step-01*/
.banner {
padding: 6% 0 3% 0;
position: relative;
overflow: hidden;
}
#step-01 .banner-box {
background: url(../images/stepBg1.png) no-repeat center center;
background-size: cover;
position: relative;
padding: 4% 2% 8% 2%;
filter: drop-shadow(0 0 0.75rem #3d3d3d);
}
/*step-1*/
#step-1 .banner-box {
background: url(../images/stepBg2.png) no-repeat center center;
background-size: cover;
position: relative;
padding: 6.5% 2% 8.5% 2%;
filter: drop-shadow(0 0 0.75rem #3d3d3d);
}
.form-box-out{}
.form-box {
position: relative;
z-index: 2;
padding: 0 12px;
}
.form-box input {
width: 73.1%;
border-radius: 50px;
font-size: 18px;
padding: 2.6% 6%;
margin-bottom: 3%;
border-width: 3px;
border-color: rgb(225, 210, 184);
border-style: solid;
background-color: rgb(255, 255, 255);
color: #c2b08f;
}
.form-box input:focus-visible, .form-box select:focus-visible {
outline: 0px;
}
.form-box::-webkit-input-placeholder {
color: #727272;
opacity: 1;
}
.form-box:-moz-placeholder {
color: #727272;
}
.form-box::-moz-placeholder {
color: #727272;
}
.form-box:-ms-input-placeholder {
color: #727272;
}
.form-box select {
width: 26.4%;
border-radius: 50px;
font-size: 18px;
padding: 2.3% 6%;
margin: auto;
margin-bottom: 4%;
margin-top: 1%;
border: 2px solid #edf1ff;
color: #c2b08f;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-appearance: none;
-moz-appearance: none;
border-width: 3px;
border-color: rgb(225, 210, 184);
border-style: solid;
background-color: rgb(255, 255, 255);
}
select.minimal {
background-image: linear-gradient(
45deg, transparent 50%, grey 50%), linear-gradient(
135deg, gray 50%, transparent 50%), linear-gradient(to right, #ccc0, #ccc0);
background-position: calc(100% - 20px) calc(1em + 11px), calc(100% - 15px) calc(1em + 11px), calc(100% - 2.5em) 1em;
background-size: 5px 5px, 5px 5px, 1px 1.5em;
background-repeat: no-repeat;
}
select.minimal:focus {
background-image: linear-gradient(
45deg, #7a92ff 50%, transparent 50%), linear-gradient(
135deg, transparent 50%, #7a92ff 50%), linear-gradient(to right, #ccc0, #ccc0);
background-position: calc(100% - 15px) 1.5em, calc(100% - 20px) 1.5em, calc(100% - 2.5em) 1em;
background-size: 5px 5px, 5px 5px, 1px 1.5em;
background-repeat: no-repeat;
border-color: #7a92ff;
outline: 0;
}
select:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 #000;
}
.form-box .submit2 {
border: 0;
padding: 4.1% 2% 4.1% 2%;
cursor: pointer;
margin-top: 4%;
margin-bottom: 0;
font-weight: 800;
transition: 0.5s;
width: 100%;
background-image: -webkit-linear-gradient( 180deg, rgb(255,90,73) 0%, rgb(188,0,64) 100%);
border-radius: 100px;
box-shadow: 0px 12px 27px 0px rgb(0 0 0 / 27%);
color: #ffffff;
white-space: normal;
text-transform: uppercase;
line-height: 130%;
}
.form-box .submit2:hover{
background-image: -webkit-linear-gradient( 180deg, rgb(188,0,64) 0%, rgb(255,90,73) 100%);
box-shadow:none;
}
.form-box .submit {
left: 0;
width: 100% !important;
border: 0;
padding: 4% 2%;
cursor: pointer;
margin-top: 3%;
margin-bottom: 0;
font-weight: 800;
transition: 0.5s;
width: 100%;
background-image: -webkit-linear-gradient( 180deg, rgb(255,90,73) 0%, rgb(188,0,64) 100%);
border-radius: 100px;
box-shadow: 0px 12px 27px 0px rgb(0 0 0 / 27%);
color: #ffffff;
font-size: 29px;
margin-left: 0;
white-space: normal;
text-transform: uppercase;
line-height: 130%;
}
.form-box .submit:hover{
background-image: -webkit-linear-gradient( 180deg, rgb(188,0,64) 0%, rgb(255,90,73) 100%);
box-shadow:none;
}
.input-arrow-box{position: relative;}
.input-arrow-box:after {
font-family: FontAwesome;
content: "\f054";
font-size: 26px;
position: absolute;
right: 24px;
top: -8px;
pointer-events: none;
color: #c18afe;
-webkit-animation: bounceLeft 2s infinite;
animation: bounceLeft 2s infinite;
}
.custom-radios{text-align:center;}
.custom-radios div {
display: inline-block;
}
.custom-radios input[type=radio] {
display: none;
}
.custom-radios input[type=radio] + label {
color: #a06701;
font-size: 22px;
font-weight: 500;
margin-bottom: 0;
}
.custom-radios input[type=radio] + label span {
display: inline-block;
width: 34px;
height: 34px;
margin: 0px 5px 0 10px;
vertical-align: middle;
cursor: pointer;
border: 2px solid #edf1ff;
background-repeat: no-repeat;
background-position: center;
text-align: center;
line-height: 44px;
background-color: #f7f7f7;
border-width: 3px;
border-color: rgb(225, 210, 184);
border-style: solid;
border-radius: 8px;
}
.custom-radios input[type=radio] + label span img {
opacity: 0;
transition: all 0.3s ease;
}
.custom-radios input[type=radio]#awf_field-1131980610 + label span {
background-color: #f7f7f7;
}
.custom-radios input[type=radio]#awf_field-1131980611 + label span {
}
.custom-radios input[type=radio]:checked + label span img {
opacity: 1;
}
.form-title{
font-weight: 400;
font-family: 'Inter', sans-serif;
color: #171717;
position: relative;
width: 100%;
z-index: 1;
}
.form-title:before {
content: "";
display: block;
width: 38%;
height: 2px;
left: 0;
top: 50%;
position: absolute;
background-image: linear-gradient(to right, #ffffff00 , #e1d2b8 );
}
.form-title:after {
content: "";
display: block;
width: 38%;
height: 2px;
right: 0;
top: 50%;
position: absolute;
background-image: linear-gradient(to right, #e1d2b8 , #ffffff2b);
}
#key-errors, #key-errors2{color: #b50000;}
/*step-2*/
#step-2 .banner-box{
background: url(../images/stepBg3.png) no-repeat center center;
background-size: cover;
position: relative;
padding: 7.5% 2% 8.5% 2%;
filter: drop-shadow(0 0 0.75rem #3d3d3d);
}
#step-2 .form-box input{width: 81%;}
.name-value{
position: relative;
z-index: 1;
}
.birth-value {
visibility: hidden;
position: absolute;
z-index: -1;
}
/*step-3*/
.bgVideo {
position: fixed;
top: 0;
left: 0;
right: 0;
width: auto;
height: 100vh;
z-index: 2;
min-width: 100vw;
object-fit: cover;
min-height: 100%;
text-align:center;
}
/*step-progress*/
.progress-bg {
position: fixed;
top: 0;
left: 0;
right: 0;
width: auto;
height: 100vh;
z-index: 2;
min-width: 100vw;
object-fit: cover;
min-height: 100%;
background-color: #0000006b;
display: block;
}
.progress {
margin: auto;
padding: 1px;
width: 100%;
max-width: 40%;
background: #3c2421;
border: 2px solid #fff;
border-radius: 20px;
height: 30px;
margin-top: 1%;
}
.progress .progress__bar {
height: 100%;
width: 100%;
border-radius: 15px;
background: linear-gradient(135deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent), linear-gradient(to right, #ff7e00, #ffbc3f);
background-repeat: repeat, no-repeat;
background-size: 2rem 2rem, cover;
animation: fill-bar 6s;
}
@keyframes fill-bar {
from {width: 5%;}
to {width: 100%;}
}
.progress-text {
text-align: center;
margin-top: 45vh;
color: #ffba3d;
font-size: 18px;
font-weight: 500;
}
#progress-num {
display: inline-block;
color: #ffffff;
font-size: 31px;
text-transform: uppercase;
letter-spacing: 1.5px;
margin-top: 0.7rem;
width: 100%;
text-align: center;
}
/*page1*/
.page-box-main{}
.page-box{
background: url(../images/page1Bg.png) no-repeat center top;
background-size: cover;
position: relative;
padding: 7.5% 7% 6.5% 7%;
border-radius: 30px;
background-color: #fbf5ed;
box-shadow: -4.918px 18.353px 43px 0px rgba(0, 0, 0, 0.49);
}
.unchecklist1 li {
background: url(../images/unCheck1.png) no-repeat left 5px;
padding-left: 32px;
list-style: none;
margin-left: 0px;
padding-top: 0;
padding-bottom: 1.2%;
margin-top: 1.2%;
text-align: left;
}
.text-box1{}
.checklist1 li {
background: url(../images/checklist1.png) no-repeat left 4px;
padding-left: 32px;
list-style: none;
margin-left: 0px;
padding-top: 0;
padding-bottom: 0.8%;
margin-top: 0.8%;
text-align: left;
}
.checklist2 li {
background: url(../images/checklist2.png) no-repeat left 1px;
padding-left: 30px;
list-style: none;
margin-left: 0px;
padding-top: 0;
padding-bottom: 0.8%;
margin-top: 0.8%;
text-align: left;
}
.checklist3 li {
background: url(../images/checklist3.png) no-repeat left 4px;
padding-left: 28px;
list-style: none;
margin-left: 0px;
padding-top: 0;
padding-bottom: 0.8%;
margin-top: 0.8%;
text-align: left;
}
.checklist4 li {
background: url(../images/checklist4.png) no-repeat left 4px;
padding-left: 30px;
list-style: none;
margin-left: 0px;
padding-top: 0;
padding-bottom: 0.8%;
margin-top: 0.8%;
text-align: left;
}
.checklist5 li {
background: url(../images/checklist5.png) no-repeat left -2px;
padding-left: 55px;
list-style: none;
margin-left: 0px;
padding-top: 0;
padding-bottom: 1.5%;
margin-top: 1.5%;
text-align: left;
}
.link1{text-decoration:underline;color:#a06701;}
.link1:hover{text-decoration:none;color:#835400;}
.link2{text-decoration:underline;color:#171717;}
.link2:hover{text-decoration:none;color:#000000;}
/*page2*/
.page2-box-main{}
.page2-box{
padding: 0;
position: relative;
}
.page2-box1 {
background: url(../images/page2Bg1.png) no-repeat center top;
background-size: cover;
position: relative;
padding: 7.5% 7% 6.5% 7%;
border-radius: 30px 30px 0 0;
background-color: #fbf5ed;
}
.page2-box2 {
background-image: -moz-linear-gradient( 0deg, rgb(182,117,0) 0%, rgb(164,105,0) 35%, rgb(145,93,0) 100%);
background-image: -webkit-linear-gradient( 0deg, rgb(182,117,0) 0%, rgb(164,105,0) 35%, rgb(145,93,0) 100%);
background-image: -ms-linear-gradient( 0deg, rgb(182,117,0) 0%, rgb(164,105,0) 35%, rgb(145,93,0) 100%);
padding: 3.4% 15px;
}
.page2-box3 {
background: url(../images/page2Bg2.png) no-repeat center top;
background-size: cover;
position: relative;
padding: 3.5% 7% 0.5% 7%;
border-radius: 0;
background-color: #fbf5ed;
}
.page2-box4 {
background-image: -moz-linear-gradient( 0deg, rgb(182,117,0) 0%, rgb(164,105,0) 35%, rgb(145,93,0) 100%);
background-image: -webkit-linear-gradient( 0deg, rgb(182,117,0) 0%, rgb(164,105,0) 35%, rgb(145,93,0) 100%);
background-image: -ms-linear-gradient( 0deg, rgb(182,117,0) 0%, rgb(164,105,0) 35%, rgb(145,93,0) 100%);
padding: 3.4% 15px;
}
.page2-box5 {
background: url(../images/page2Bg3.png) no-repeat center top;
background-size: cover;
position: relative;
padding: 0.5% 7% 6.5% 7%;
border-radius: 0;
background-color: #fbf5ed;
border-radius: 0 0 30px 30px;
}
.page2-feature-box{
padding:0;
}
.page2-title {
background: url(../images/icon.png) no-repeat left 5px;
padding-left: 62px;
list-style: none;
margin-left: 0px;
padding-top: 1%;
padding-bottom: 3.2%;
margin-top: 0;
display: block;
text-align: left;
}
.page2-text {
padding-left: 62px;
padding-right: 20px;
}
.unchecklist2 li {
background: url(../images/unCheck2.png) no-repeat left 5px;
padding-left: 32px;
list-style: none;
margin-left: 0px;
padding-top: 0;
padding-bottom: 1.2%;
margin-top: 1.2%;
}
.page2-title2 {
background-image: -webkit-linear-gradient( 0deg, rgb(247,236,220) 0%, rgb(242,229,205) 10%, rgb(236,221,190) 50%, rgb(241,231,210) 81%, rgb(246,240,229) 100%);
display: inline-block;
width: 100%;
padding: 1.7% 0;
}
.icon2 {
position: relative;
margin-top: -1%;
right: 1%;
}
.image26 {max-width: 103%;}
.icon3{
position: relative;
margin-top: -1%;
}
.textBg1 {
background-image: -webkit-linear-gradient( 180deg, rgb(106,69,12) 0%, rgb(153,98,0) 100%);
padding: 6px 29px;
display: inline-block;
border-radius: 50px;
color: #fff;
}
.bonus-box {
padding: 0;
}
.bonus1{max-width: 111%;}
.bonus2 {
position: relative;
max-width: 113%;
left: -16%;
}
.bonus3 {
max-width: 111%;
}
.divide1 {
max-width: 116%;
position: relative;
left: -8%;
margin-top: 5%;
}
.image27-img-box{position:relative;text-align: center;padding-left: 0;}
.image27A{}
.image27B {
position: absolute;
z-index: 1;
}
.result-box{
position: absolute;
top: 13%;
margin: auto;
max-width: 100%;
}
.sign-img{
}
.user-sign{
display: block;
margin: auto;
position: relative;
}
.sign-name{
font-family: 'Oswald', sans-serif;
font-weight: 400;
color: rgb(255, 255, 255);
text-transform: uppercase;
text-shadow: 0px 47px 59px rgba(6, 0, 20, 0.57);
text-align: center;
transform: rotate(-4deg);
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: #cb519f;
letter-spacing: 3px;
text-shadow: 0px 102px 144px rgb(6 0 20 / 75%), 0px 0px 20px #ff4cf8;
}
#first-name {
font-family: 'times';
color: rgb(251, 208, 17);
text-transform: uppercase;
text-align: center;
line-height: 80%;
position: relative;
background: linear-gradient(to right, #fdea88,#ffc64b,#fdea88,#ffc64b,#fdea88,#e19f4e,#fdea88,#faf4e9);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-text-stroke-width: 0.5px;
-webkit-text-stroke-color: #ffdb00;
letter-spacing: 2px;
text-shadow: 0px 102px 144px rgb(6 0 20 / 75%), 0px 0px 20px rgb(255 230 21);
}
.image27{
}
.bundle-cover-box{
position: relative;
padding: 0;
margin-top: 8%;
}
.bundleLeft{
position: relative;
left: -19%;
margin-top: 5%;
max-width: 109%;
}
.bundle1{
position: relative;
max-width: 190%;
left: -69%;
z-index: 2;
}
.bundle2{
position: relative;
max-width: 221%;
z-index: 2;
left: -48%;
margin-top: -19%;
}
.bundle3{
position: relative;
max-width: 190%;
z-index: 1;
right: -5%;
}
.bundleRight{
position: relative;
right: -17%;
margin-top: 9%;
}
.result-box2{position: absolute;z-index: 2;}
.result-box2 .sign-img{
position: relative;
}
.result-box2 #first-name{
position: relative;
}
.result-box3{position: absolute;z-index:3;}
.result-box3 .sign-img{
position: relative;
}
.result-box3 #first-name{
position: relative;
}
.result-box4{position: absolute;z-index: 1;}
.result-box4 .sign-img{
position: relative;
}
.result-box4 #first-name{
position: relative;
}
/*page3*/
.page3-box-main{}
.page3-box{
padding: 0;
position: relative;
}
.page3-box1 {
background: url(../images/page3Bg1.png) no-repeat center bottom;
background-size: cover;
position: relative;
padding: 6.5% 7% 9% 7%;
border-radius: 30px 30px 0 0;
background-color: #fbf5ed;
}
.page3-box2 {
background: url(../images/page3Bg2.png) no-repeat center top;
background-size: cover;
position: relative;
padding: 1.5% 7% 6% 7%;
border-radius: 0 0 0 0;
background-color: #fbf5ed;
}
.page3-box3 {
background: url(../images/page3Bg3.png) no-repeat center top;
background-size: cover;
position: relative;
padding: 0% 7% 9.5% 7%;
background-color: #fbf5ed;
}
.page3-box4 {
background: url(../images/page3Bg4.png) no-repeat center top;
background-size: cover;
position: relative;
padding: 5% 7% 3% 7%;
background-color: #fbf5ed;
}
.page3-box5 {
background: url(../images/page3Bg5.png) no-repeat center top;
background-size: cover;
position: relative;
padding: 10.5% 7% 6.5% 7%;
border-radius: 0 0 30px 30px;
background-color: #fbf5ed;
}
.image28{max-width: 112%;}
.page3-title1{padding-right: 6%;}
.page3-text1{padding: 0 3% 0 0;}
.image29{max-width: 104%;}
.page3-text2{padding: 0 0% 0 5%;}
.image31{
max-width: 124%;
position: relative;
left: -12%;
}
.page3-text3{padding: 0 3% 0 0;}
.divide2 {
max-width: 116%;
position: relative;
left: -8%;
margin-top: 5%;
}
.image34 {
max-width: 144%;
position: relative;
left: -33%;
}
.page3-text4{padding: 0 7% 0 0;}
.image35 {
max-width: 114%;
position: relative;
left: -12%;
}
.image38 {
position: relative;
left: -4%;
}
.upsale-title {
background: url(../images/icon5.png) no-repeat left 5px;
padding-left: 80px;
list-style: none;
margin-left: 0px;
padding-top: 0;
padding-bottom: 0;
margin-top: 0;
display: block;
text-align: left;
}
.page3-text5{padding: 0 2% 0 0;}
.image39 {
max-width: 108%;
position: relative;
left: -2%;
}
.page3-text6{padding: 0 2% 0 0;}
.image42 {
max-width: 102%;
position: relative;
left: -9%;
}
.prosperity1{
max-width: 104%;
position: relative;
left: 3%;
}
.prosperity2{
max-width: 109%;
position: relative;
left: -14%;
}
.prosperity3{
max-width: 107%;
position: relative;
left: 4%;
}
.image44{max-width: 105%;}
.image45 {
max-width: 100%;
position: relative;
left: -4%;
}
.image46 {
max-width: 111%;
position: relative;
}
.page3-text7{padding: 0 0 0 1%;;}
.oto1-box{
position: relative;
text-align: center;
padding: 0;
margin-top: 6%;
}
.bundleOto1A{
position: relative;
max-width: 130%;
left: -3%;
top: 9%;
}
.bundleOto1B{
position: relative;
max-width: 146%;
z-index: 1;
left: -10%;
top: 4%;
}
.bundleOto1C{
position: relative;
max-width: 158%;
left: -25%;
z-index: 2;
}
.bundleOto1D{
position: relative;
max-width: 146%;
z-index: 1;
left: -30%;
top: 4%;
}
.bundleOto1E{
position: relative;
max-width: 130%;
left: -21%;
top: 9%;
}
.bundleOto1-result1{
position: absolute;
top: 12%;
z-index: 0;
width: 100%;
left: 13%;
}
.bundleOto1-result2{
position: absolute;
top: 8%;
z-index: 1;
width: 100%;
left: 13%;
}
.bundleOto1-result3{
position: absolute;
top: 4%;
z-index: 2;
width: 100%;
left: 5%;
}
.bundleOto1-result4{
position: absolute;
top: 8%;
z-index: 1;
width: 100%;
right: 2%;
}
.bundleOto1-result5{
position: absolute;
top: 12%;
z-index: 0;
width: 100%;
right: 5%;
}
#first-name1{
display: inline-block;
background-color: #ffffff2e;
text-transform: uppercase;
font-weight: 600;
line-height: 100%;
border-radius: 50px;
padding: 2% 10%;
color: #ffffa5;
}
.bundleOto1-result1 #first-name1{
margin-top: 0;
}
.bundleOto1-result2 #first-name1{
margin-top: 0;
}
.bundleOto1-result3 #first-name1{
margin-top: 0;
}
.bundleOto1-result4 #first-name1{
margin-top: 0;
}
.bundleOto1-result5 #first-name1{
margin-top: 0;
}
.oto1-box2{
position: relative;
text-align: center;
padding: 0;
margin-top: 0;
}
.bundleOto1-result6{
position: absolute;
top: 7%;
text-align: center;
width: 100%;
}
#first-name2{
display: inline-block;
background-color: #ffffff2e;
text-transform: uppercase;
font-weight: 600;
line-height: 100%;
border-radius: 50px;
padding: 2% 6%;
color: #ffffa5;
transform: rotate(-4deg);
}
.oto1-box3{
position: relative;
padding: 0;
margin-top: 5%;
left: -4%;
}
.bundleOto1A-box{}
.bundleOto1B-box{
position: relative;
position: absolute;
z-index: 2;
}
.bundleOto1-result7{
position: absolute;
z-index: 1;
width: 100%;
text-align: center;
}
.bundleOto1-result8{
position: absolute;
z-index: 2;
width: 100%;
text-align: center;
}
#first-name3, #first-name4{
display: inline-block;
background-color: #ffffff2e;
text-transform: uppercase;
font-weight: 600;
line-height: 100%;
border-radius: 50px;
padding: 2% 6%;
color: #ffffa5;
}
/*page4*/
.page4-box-main{}
.page4-box{
padding: 0;
position: relative;
}
.page4-box1 {
background: url(../images/page4Bg1.png) no-repeat center bottom;
background-size: cover;
position: relative;
padding: 6.5% 7% 7% 7%;
border-radius: 30px 30px 0 0;
background-color: #fdefdd;
}
.page4-box2 {
background: url(../images/page4Bg2.png) no-repeat center bottom;
background-size: cover;
position: relative;
padding: 2.5% 7% 2.5% 7%;
border-radius: 0 0 0 0px;
background-color: #fbf6f0;
margin-top: -1px;
}
.page4-box3 {
background: url(../images/page4Bg3.png) no-repeat center bottom;
background-size: cover;
position: relative;
padding: 7.5% 7% 3.5% 7%;
border-radius: 0 0 0 0px;
background-color: #faefda;
margin-top: -1px;
}
.page4-box4 {
background: url(../images/page4Bg4.png) no-repeat center bottom;
background-size: cover;
position: relative;
padding: 9.5% 7% 3% 7%;
border-radius: 0 0 0 0px;
background-color: #faf5eb;
margin-top: -1px;
}
.page4-box5 {
background: url(../images/page4Bg5.png) no-repeat center top;
background-size: cover;
position: relative;
padding: 9.5% 6% 1.5% 6%;
border-radius: 0 0 0 0px;
background-color: #f7ebd4;
margin-top: -1px;
}
.page4-box6 {
background: url(../images/page4Bg6.png) no-repeat center top;
background-size: cover;
position: relative;
padding: 10% 7% 0% 7%;
border-radius: 0 0 0 0px;
background-color: #faf1e4;
margin-top: -1px;
}
.page4-box7 {
background: url(../images/page4Bg7.png) no-repeat center bottom;
background-size: cover;
position: relative;
padding: 10% 7% 6.5% 7%;
border-radius: 0 0 30px 30px;
background-color: #f7ebd4;
margin-top: -1px;
}
.upsale2-title {
background: url(../images/icon6.png) no-repeat left 5px;
padding-left: 42px;
list-style: none;
margin-left: 0px;
padding-top: 0;
padding-bottom: 0;
margin-top: 0;
display: block;
text-align: left;
margin-bottom: 3%;
}
.page3-text8{padding: 0 4% 0 0;}
.image48 {
max-width: 117%;
position: relative;
left: -7%;
}
.page3-text9 {
padding: 0 0 0 5%;
}
.image49 {
max-width: 124%;
position: relative;
left: -8%;
}
.image50 {
max-width: 111%;
position: relative;
left: -4%;
}
.page3-text10 {
padding: 0 0 0 1%;
}
.image51 {
max-width: 106%;
position: relative;
left: -6%;
}
.page3-text11 {
padding: 0 6% 0 0;
}
.image52 {
max-width: 124%;
position: relative;
left: -14%;
}
.fast1{
max-width: 112%;
position: relative;
}
.fast2{
max-width: 110%;
position: relative;
left: -14%;
}
.fast3{
max-width: 114%;
position: relative;
}
.que-title {
background: url(../images/que.png) no-repeat left 5px;
padding-left: 42px;
list-style: none;
margin-left: 0px;
padding-top: 0;
padding-bottom: 0;
margin-top: 0;
display: block;
text-align: left;
margin-bottom: 2%;
}
.page3-text12{padding:0 4%;}
/*bundle-oto2*/
.bundle-cover-box3{
position: relative;
padding: 0;
margin-top: 6%;
}
.bundle-cover-box2{
position: relative;
padding: 0;
margin-top: 8%;
}
.bundleLeft2 {
position: relative;
left: -8%;
margin-top: 4%;
max-width: 113%;
}
.bundle2A{
position: relative;
max-width: 190%;
left: -79%;
}
.bundle2B{
position: relative;
max-width: 221%;
z-index: 3;
left: -55%;
margin-top: -19%;
}
.bundle2C{
position: relative;
max-width: 190%;
z-index: 1;
right: -5%;
}
.bundleRight2{
position: relative;
right: -5%;
margin-top: -4%;
}
.oto2-result-box1{
position: absolute;
top: 4%;
width: 100%;
text-align: center;
left: -33%;
}
.oto2-result-box2{
position: absolute;
top: -2%;
width: 100%;
z-index: 3;
text-align: center;
}
.oto2-result-box3{
position: absolute;
top: 4%;
width: 100%;
z-index: 2;
text-align: center;
left: 51%;
}
#first-name5, #first-name6, #first-name7{
display: inline-block;
background-color: #ffffff2e;
text-transform: uppercase;
font-weight: 600;
line-height: 100%;
border-radius: 50px;
padding: 2% 6%;
color: #ffffa5;
}
.form-box2 input {
width: 81%;
margin: auto;
text-align: center;
margin-bottom: 3%;
}
.form-box2 .form-title:before {
width: 33%;
}
.form-box2 .form-title:after {
width: 33%;
}
.form-box input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
color: #c2b08f;
}
/*testimonial*/
.testimonial-box {
border: 1px solid #a06701;
padding: 3% 4%;
position: relative;
}
.coma{
position: absolute;
top: -9%;
}
/*footer*/
.diversion-foot {
background-image: -moz-linear-gradient( 0deg, rgba(5,2,5,0) 0%, rgba(45,35,28,0.23) 11%, rgb(84,68,50) 48%, rgba(46,35,29,0.25) 87%, rgba(7,2,8,0) 100%);
background-image: -webkit-linear-gradient( 0deg, rgba(5,2,5,0) 0%, #ffdac03b 11%, #d6aa4a 48%, #ffdac03b 87%, #ffdac03b 100%);
background-image: -ms-linear-gradient( 0deg, rgba(5,2,5,0) 0%, rgba(45,35,28,0.23) 11%, rgb(84,68,50) 48%, rgba(46,35,29,0.25) 87%, rgba(7,2,8,0) 100%);
height: 1px;
}
.link, .link a {
text-decoration: none;
color: #171717;
}
.link a:hover{
text-decoration: underline;
color: #51475f;
}
@media only screen and (max-width: 767px){
.page4-box1, .page4-box2, .page4-box3, .page4-box4, .page4-box5, .page4-box6, .page4-box7{background-image:none;}
.arrow1{max-width: 3%;}
#step-1 .form-box input {width: 100%;font-size: 14px;border-width: 1px; }
#step-2 .form-box input {width: 100%;font-size: 14px;border-width: 1px; }
.custom-radios input[type=radio] + label {
font-size: 18px;
}
.form-box {
padding: 0;
}
#step-1 .form-box input.submit2, #step-2 .form-box input.submit {
font-size:16px;
}
.form-box select {
width: 32.4%;
font-size: 14px;
border-width: 1px;
}
.image33-box, .image38-box, .image42-box{text-align:center;}
.page2-text {
padding-left: 0 !important;
padding-right: 0 !important;
}
.image1, .image4, .image5, .image6, .image7, .image8, .image9, .image11, .image12, .image13, .image14, .image15, .image16, .image17,
.image18, .image19, .image20, .image21, .image22, .image23,
.image24, .moneyBack, .image25, .image26, .image27-img-box, .image29, .image30,
.image31, .image32, .prosperity1, .prosperity2, .prosperity3, .image40, .image41, .image42, .image43, .image45, .fast1, .fast2, .fast3, .moneyBack2, .image2, .image50, .image51, .image52{margin-top:6%;}
.bonus1, .bonus2, .bonus3, .image28, .prosperity1, .prosperity2, .prosperity3, .image29, .image31, .image35, .image38, .image39, .image42, .image44, .image45, .image46, .fast1, .fast2, .fast3, .image48, .image49, .image50, .image51, .image52{max-width:100%;left:0;right:0;}
.connection1, .connection2 {max-width:30% !important;}
.image34 {
left: -23%;
}
.icon4 {max-width: 9%;}
.page3-title1 {
padding-right: 0;
}
.page3-text2, .text-box1, .page3-text9 {
padding: 0;
}
.element1, .element2, .element3, .element4{display:none !important;}
.form-title:before , .form-title:after {
width: 25%;
}
.form-box2 .form-title:before , .form-box2 .form-title:after {
width: 9%;
}
.pr-0, .pl-0, .mobile-p-0{padding:0 !important;}
.upsale-title {
background: url(../images/icon5B.png) no-repeat left 5px;
padding-left: 48px;
}
.oto1-box3{margin-bottom:10%;}
.mybuttonA a {
padding: 2.4% 5%;
}
.form-box2 input {
width: 100%;
}
.mybutton a {
padding: 2.6% 2%;
}
.video-box1{
display:none;
}
.video-box3 {
display:block;
}
.progress {
max-width: 90% !important;
}
.coma{
max-width:9% !important;
}
}
@media only screen and (max-width: 993px){
.form-box .submit {
width: 100% !important;
margin: auto;
font-size: 17px;
}
.form-box .submit2 {
padding: 4.1% 5% 4.1% 5%;
}
.page-box-main {
padding:0;
}
.icon2 {max-width: 6%;}
.icon3 {max-width: 6%;}
.page2-title {
background: url(../images/iconB.png) no-repeat left 5px;
padding-left: 42px;
}
.page2-text {
padding-left: 42px;
padding-right: 15px;
}
.charge{max-width: 70%;}
.arrow2 {
width: 4%;
}
.cart {
width: 6%;
}
.connection1, .connection2 {max-width:22%;}
.arrowRight, .arrowLeft {max-width:6%;}
.progress {
max-width: 60% ;
}
.coma{
max-width:4%;
margin-top: 0% !important;
}
}
@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%;
}
.element1{max-width: 10%;}
.element2{max-width: 6%;}
.element3{max-width:100%}
.element4{max-width: 100%;}
.form-box .submit2 {
font-size: 12px;
}
.image27A{max-width: 97%;}
.image27B {
top: 17%;
left: 27%;
max-width: 69%;
}
.result-box{
left: -2%;
}
.user-sign{
display: block;
max-width: 78%;
}
.sign-img{
}
.sign-name{
font-size: 18px;
margin-top: -20%;
}
#first-name{
font-size: 29px;
margin-top: -15%;
}
/*result*/
.result-box2{top: 8%;right: -18%;width: 181%;}
.result-box2 .sign-img{
max-width: 100%;
left: 0;
}
.result-box2 #first-name{
font-size: 7px;
margin-top: -14%;
}
.result-box3{width: 220%;top: 0%;left: -47%;}
.result-box3 .sign-img{
max-width: 100%;
left: 0;
}
.result-box3 #first-name{
font-size: 8px;
margin-top: -16%;
}
.result-box4{top: 8%;left: 11%;width: 181%;}
.result-box4 .sign-img{
max-width: 100%;
left: 0;
}
.result-box4 #first-name{
font-size: 7px;
margin-top: -14%;
}
/*result-FE*/
.bundleOto1-result1 #first-name1{
font-size: 5px;
}
.bundleOto1-result2 #first-name1{
font-size: 6px;
}
.bundleOto1-result3 #first-name1{
font-size: 7px;
}
.bundleOto1-result4 #first-name1{
font-size: 6px;
}
.bundleOto1-result5 #first-name1{
font-size: 5px;
}
#first-name2{font-size: 14px;}
/*result*/
.bundleOto1A-box{max-width: 147%;}
.bundleOto1B-box{
max-width: 140%;
top: 13%;
left: -38%;
}
.bundleOto1-result7{
top: 3%;
left: 0;
width: 147%;
}
.bundleOto1-result8{
top: 16%;
left: -38%;
width: 140%;
}
#first-name3, #first-name4{
font-size: 14px;
}
/*result*/
#first-name5{
font-size: 5px;
}
#first-name6{
font-size: 6px;
}
#first-name7{
font-size: 5px;
}
}
@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}
.element1{max-width:100%}
.element2{max-width:100%}
.element3{max-width:100%}
.element4{max-width: 100%;}
.image27A{max-width: 97%;}
.image27B {
top: 17%;
left: 27%;
max-width: 69%;
}
.result-box{
}
.user-sign{
display: block;
max-width: 68%;
}
.sign-img{
}
.sign-name{
font-size: 23px;
margin-top: -20%;
}
#first-name{
font-size: 34px;
}
/*result*/
.result-box2{top: 8%;right: -18%;width: 181%;}
.result-box2 .sign-img{
max-width: 100%;
left: 0;
}
.result-box2 #first-name{
font-size: 16px;
margin-top: -15%;
}
.result-box3{width: 220%;top: 0%;left: -47%;}
.result-box3 .sign-img{
max-width: 100%;
left: 0;
}
.result-box3 #first-name{
font-size: 21px;
margin-top: -18%;
}
.result-box4{top: 8%;left: 11%;width: 181%;}
.result-box4 .sign-img{
max-width: 100%;
left: 0;
}
.result-box4 #first-name{
font-size: 16px;
margin-top: -15%;
}
/*result-FE*/
.bundleOto1-result1 #first-name1{
font-size: 19px;
}
.bundleOto1-result2 #first-name1{
font-size: 20px;
}
.bundleOto1-result3 #first-name1{
font-size: 22px;
}
.bundleOto1-result4 #first-name1{
font-size: 20px;
}
.bundleOto1-result5 #first-name1{
font-size: 19px;
}
#first-name2{font-size: 14px;}
/*result*/
.bundleOto1A-box{max-width: 147%;}
.bundleOto1B-box{
max-width: 140%;
top: 13%;
left: -52%;
}
.bundleOto1-result7{
top: 4%;
left: 0;
width: 147%;
}
.bundleOto1-result8{
top: 17%;
left: -52%;
width: 140%;
}
#first-name3, #first-name4{
font-size: 14px;
}
/*result*/
#first-name5{
font-size: 8px;
}
#first-name6{
font-size: 10px;
}
#first-name7{
font-size: 8px;
}
}
@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%;
}
.element1{max-width: 12%;}
.element2{max-width: 6%;}
.element3{max-width: 10%;}
.element4{max-width: 9%;}
.form-box .submit2 {
font-size: 21px;
}
.image27A{max-width: 97%;}
.image27B {
top: 17%;
left: 27%;
max-width: 69%;
}
.result-box{
left: -1%;
}
.user-sign{
display: block;
max-width: 81%;
}
.sign-img{
}
.sign-name{
font-size: 15px;
margin-top: -20%;
}
#first-name{
font-size: 25px;
margin-top: -17%;
}
/*result*/
.result-box2{top: 8%;right: -18%;width: 181%;}
.result-box2 .sign-img{
max-width: 100%;
left: 0;
}
.result-box2 #first-name{
font-size: 16px;
margin-top: -18%;
}
.result-box3{width: 220%;top: 0%;left: -47%;}
.result-box3 .sign-img{
max-width: 100%;
left: 0;
}
.result-box3 #first-name{
font-size: 20px;
margin-top: -18%;
}
.result-box4{top: 8%;left: 11%;width: 181%;}
.result-box4 .sign-img{
max-width: 100%;
left: 0;
}
.result-box4 #first-name{
font-size: 16px;
margin-top: -18%;
}
/*result-FE*/
.bundleOto1-result1 #first-name1{
font-size: 10px;
}
.bundleOto1-result2 #first-name1{
font-size: 12px;
}
.bundleOto1-result3 #first-name1{
font-size: 14px;
}
.bundleOto1-result4 #first-name1{
font-size: 12px;
}
.bundleOto1-result5 #first-name1{
font-size: 10px;
}
#first-name2{font-size: 8px;}
/*result*/
.bundleOto1A-box{max-width: 147%;}
.bundleOto1B-box{
max-width: 140%;
top: 13%;
left: -52%;
}
.bundleOto1-result7{
top: 4%;
left: 0;
width: 147%;
}
.bundleOto1-result8{
top: 17%;
left: -52%;
width: 140%;
}
#first-name3, #first-name4{
font-size: 8px;
}
/*result*/
#first-name5{
font-size: 11px;
}
#first-name6{
font-size: 12px;
}
#first-name7{
font-size: 11px;
}
}
@media only screen and (min-width: 1000px) {
.mycontainer-right{width: 950px;}
.mycontainer-left{width: 950px;}
}
@media only screen and (min-width: 992px) {
.mycontainer2{width: 920px;}
.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;}
.element1{max-width: 16%;}
.element2{max-width: 7%;}
.element3{max-width: 10%;}
.element4{max-width: 8%;}
.form-box .submit2 {
font-size: 20px;
}
.image27A{max-width: 85%;}
.image27B {
top: 17%;
left: 27%;
max-width: 64%;
}
.result-box{
}
.user-sign{
display: block;
max-width: 80%;
}
.sign-img{
}
.sign-name{
font-size: 18px;
margin-top: -14%;
}
#first-name{
font-size: 34px;
margin-top: -16%;
}
/*result*/
.result-box2{top: 8%;right: -18%;width: 169%;}
.result-box2 .sign-img{
max-width: 105%;
left: 0;
}
.result-box2 #first-name{
font-size: 20px;
margin-top: -18%;
}
.result-box3{width: 220%;top: 0%;left: -47%;}
.result-box3 .sign-img{
max-width: 100%;
left: 0;
}
.result-box3 #first-name{
font-size: 25px;
margin-top: -19%;
}
.result-box4{top: 8%;left: 11%;width: 181%;}
.result-box4 .sign-img{
max-width: 100%;
left: 0;
}
.result-box4 #first-name{
font-size: 20px;
margin-top: -18%;
}
/*result-FE*/
.bundleOto1-result1 #first-name1{
font-size: 14px;
}
.bundleOto1-result2 #first-name1{
font-size: 16px;
}
.bundleOto1-result3 #first-name1{
font-size: 18px;
}
.bundleOto1-result4 #first-name1{
font-size: 16px;
}
.bundleOto1-result5 #first-name1{
font-size: 14px;
}
#first-name2{font-size: 9px;}
/*result*/
.bundleOto1A-box{max-width: 147%;}
.bundleOto1B-box{
max-width: 140%;
top: 13%;
left: -52%;
}
.bundleOto1-result7{
top: 4%;
left: 0;
width: 147%;
}
.bundleOto1-result8{
top: 17%;
left: -52%;
width: 140%;
}
#first-name3, #first-name4{
font-size: 13px;
}
/*result*/
#first-name5{
font-size: 14px;
}
#first-name6{
font-size: 15px;
}
#first-name7{
font-size: 14px;
}
}
@media only screen and (min-width: 1100px) {
.mycontainer2{width: 1100px;}
.mycontainer-right{width: 1027px;}
.mycontainer-left{width: 1027px;}
.form-box .submit2 {
font-size: 20px;
}
.image27A{max-width: 84%;}
.image27B {
top: 17%;
left: 27%;
max-width: 69%;
}
.result-box{
}
.user-sign{
display: block;
max-width: 78%;
}
.sign-img{
}
.sign-name{
font-size: 20px;
margin-top: -19%;
}
#first-name{
font-size: 32px;
margin-top: -14%;
}
/*result*/
.result-box2{top: 8%;right: -18%;width: 181%;}
.result-box2 .sign-img{
max-width: 100%;
left: 0;
}
.result-box2 #first-name{
font-size: 25px;
margin-top: -18%;
}
.result-box3{width: 220%;top: 0%;left: -47%;}
.result-box3 .sign-img{
max-width: 100%;
left: 0;
}
.result-box3 #first-name{
font-size: 32px;
margin-top: -18%;
}
.result-box4{top: 8%;left: 11%;width: 181%;}
.result-box4 .sign-img{
max-width: 100%;
left: 0;
}
.result-box4 #first-name{
font-size: 25px;
margin-top: -18%;
}
/*result-FE*/
.bundleOto1-result1 #first-name1{
font-size: 17px;
}
.bundleOto1-result2 #first-name1{
font-size: 18px;
}
.bundleOto1-result3 #first-name1{
font-size: 20px;
}
.bundleOto1-result4 #first-name1{
font-size: 18px;
}
.bundleOto1-result5 #first-name1{
font-size: 17px;
}
#first-name2{font-size: 12px;}
/*result*/
.bundleOto1A-box{max-width: 147%;}
.bundleOto1B-box{
max-width: 140%;
top: 13%;
left: -52%;
}
.bundleOto1-result7{
top: 4%;
left: 0;
width: 147%;
}
.bundleOto1-result8{
top: 17%;
left: -52%;
width: 140%;
}
#first-name3, #first-name4{
font-size: 14px;
}
/*result*/
#first-name5{
font-size: 16px;
}
#first-name6{
font-size: 17px;
}
#first-name7{
font-size: 16px;
}
}
@media only screen and (min-width: 1200px) {
.mycontainer2{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;
}
.mycontainer-right{width: 1094px;}
.mycontainer-left{width: 1094px;}
.element1{max-width:100%}
.element2{max-width:100%}
.element3{max-width: 12%;}
.element4{max-width: 8%;}
.form-box .submit2 {
font-size: 24px;
}
.image27A{max-width: 82%;}
.image27B {
top: 17%;
left: 27%;
max-width: 69%;
}
.result-box{
}
.user-sign{
display: block;
max-width: 82%;
}
.sign-img{
}
.sign-name{
font-size: 23px;
margin-top: -18%;
}
#first-name{
font-size: 40px;
margin-top: -17%;
}
/*result*/
.result-box2{top: 8%;right: -18%;width: 181%;}
.result-box2 .sign-img{
max-width: 100%;
left: 0;
}
.result-box2 #first-name{
font-size: 26px;
margin-top: -18%;
}
.result-box3{width: 220%;top: 0%;left: -47%;}
.result-box3 .sign-img{
max-width: 100%;
left: 0;
}
.result-box3 #first-name{
font-size: 34px;
margin-top: -19%;
}
.result-box4{top: 8%;left: 11%;width: 181%;}
.result-box4 .sign-img{
max-width: 100%;
left: 0;
}
.result-box4 #first-name{
font-size: 26px;
margin-top: -18%;
}
/*result-FE*/
.bundleOto1-result1 #first-name1{
font-size: 19px;
}
.bundleOto1-result2 #first-name1{
font-size: 20px;
}
.bundleOto1-result3 #first-name1{
font-size: 22px;
}
.bundleOto1-result4 #first-name1{
font-size: 20px;
}
.bundleOto1-result5 #first-name1{
font-size: 19px;
}
#first-name2{font-size: 12px;}
/*result*/
.bundleOto1A-box{max-width: 147%;}
.bundleOto1B-box{
max-width: 140%;
top: 13%;
left: -52%;
}
.bundleOto1-result7{
top: 4%;
left: 0;
width: 147%;
}
.bundleOto1-result8{
top: 17%;
left: -52%;
width: 140%;
}
#first-name3, #first-name4{
font-size: 14px;
}
/*result*/
#first-name5{
font-size: 17px;
}
#first-name6{
font-size: 18px;
}
#first-name7{
font-size: 17px;
}
}
@media (min-width:1300px) {
.mycontainer{width:1219px;}
.mycontainer2{width: 1220px;}
.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;
}
.element1{max-width: 15%;}
.element2{max-width: 7%;}
.element3{max-width: 12%;}
.element4{max-width: 7%;}
.form-box .submit2 {
font-size: 25px;
}
.image27A{max-width: 92%;}
.image27B {
top: 17%;
left: 27%;
max-width: 69%;
}
.result-box{
}
.user-sign{
display: block;
max-width: 81%;
}
.sign-img{
}
.sign-name{
font-size: 24px;
}
#first-name{
font-size: 41px;
margin-top: -16%;
}
/*result*/
.result-box2{top: 8%;right: -18%;width: 181%;}
.result-box2 .sign-img{
max-width: 100%;
left: 0;
}
.result-box2 #first-name{
font-size: 26px;
margin-top: -18%;
}
.result-box3{width: 220%;top: 0%;left: -47%;}
.result-box3 .sign-img{
max-width: 100%;
left: 0;
}
.result-box3 #first-name{
font-size: 34px;
margin-top: -18%;
}
.result-box4{top: 8%;left: 11%;width: 181%;}
.result-box4 .sign-img{
max-width: 100%;
left: 0;
}
.result-box4 #first-name{
font-size: 26px;
margin-top: -18%;
}
/*result-FE*/
.bundleOto1-result1 #first-name1{
font-size: 16px;
}
.bundleOto1-result2 #first-name1{
font-size: 18px;
}
.bundleOto1-result3 #first-name1{
font-size: 20px;
}
.bundleOto1-result4 #first-name1{
font-size: 18px;
}
.bundleOto1-result5 #first-name1{
font-size: 16px;
}
#first-name2{font-size: 14px;}
/*result*/
.bundleOto1A-box{max-width: 147%;}
.bundleOto1B-box{
max-width: 140%;
top: 13%;
left: -52%;
}
.bundleOto1-result7{
top: 4%;
left: 0;
width: 147%;
}
.bundleOto1-result8{
top: 17%;
left: -52%;
width: 140%;
}
#first-name3, #first-name4{
font-size: 16px;
}
/*result*/
#first-name5{
font-size: 19px;
}
#first-name6{
font-size: 19px;
}
#first-name7{
font-size: 19px;
}
}
@media (min-width:1400px) {
.mycontainer{width:1370px;}
.mycontainer2{width: 1429px;}
.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;
}
.element1{max-width:100%}
.element2{max-width:100%}
.element3{max-width:100%}
.element4{max-width: 100%;}
.form-box .submit2 {
font-size: 28px;
}
.image27A{max-width:100%;}
.image27B {
top: 17%;
left: 27%;
max-width:100%;
}
.result-box{
left: -1%;
}
.user-sign{
max-width: 69%;
}
.sign-img{
}
.sign-name{
font-size: 25px;
}
#first-name{
font-size: 43px;
margin-top: -13%;
}
/*result*/
.result-box2{top: 8%;right: -18%;width: 181%;}
.result-box2 .sign-img{
max-width: 100%;
left: 0;
}
.result-box2 #first-name{
font-size: 33px;
margin-top: -18%;
}
.result-box3{width: 220%;top: 0%;left: -47%;}
.result-box3 .sign-img{
max-width: 100%;
left: 0;
}
.result-box3 #first-name{
font-size: 40px;
margin-top: -18%;
}
.result-box4{top: 8%;left: 11%;width: 181%;}
.result-box4 .sign-img{
max-width: 100%;
left: 0;
}
.result-box4 #first-name{
font-size: 33px;
margin-top: -18%;
}
/*result-FE*/
.bundleOto1-result1 #first-name1{
font-size: 19px;
}
.bundleOto1-result2 #first-name1{
font-size: 20px;
}
.bundleOto1-result3 #first-name1{
font-size: 22px;
}
.bundleOto1-result4 #first-name1{
font-size: 20px;
}
.bundleOto1-result5 #first-name1{
font-size: 19px;
}
#first-name2{font-size: 14px;}
/*result*/
.bundleOto1A-box{max-width: 147%;}
.bundleOto1B-box{
max-width: 140%;
top: 13%;
left: -52%;
}
.bundleOto1-result7{
top: 4%;
left: 0;
width: 147%;
}
.bundleOto1-result8{
top: 17%;
left: -52%;
}
#first-name3, #first-name4{
font-size: 18px;
}
/*result*/
#first-name5{
font-size: 19px;
}
#first-name6{
font-size: 19px;
}
#first-name7{
font-size: 19px;
}
}
@media (min-width:1500px) {
.mycontainer{width:1498px;}
.mycontainer2{width: 1444px;}
.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;
}
.element1{max-width:100%}
.element2{max-width:100%}
.form-box .submit2 {
font-size: 28px;
}
.image27A{max-width:100%;}
.image27B {
top: 17%;
left: 27%;
max-width:100%;
}
.user-sign{
max-width: 68%;
}
#first-name{
font-size: 43px;
margin-top: -13%;
}
/*result*/
.result-box2{top: 8%;right: -18%;width: 181%;}
.result-box2 .sign-img{
max-width: 100%;
left: 0;
}
.result-box2 #first-name{
font-size: 33px;
margin-top: -18%;
}
.result-box3{width: 220%;top: 0%;left: -47%;}
.result-box3 .sign-img{
max-width: 100%;
left: 0;
}
.result-box3 #first-name{
font-size: 42px;
margin-top: -18%;
}
.result-box4{top: 8%;left: 11%;width: 181%;}
.result-box4 .sign-img{
max-width: 100%;
left: 0;
}
.result-box4 #first-name{
font-size: 33px;
margin-top: -18%;
}
/*result-FE*/
.bundleOto1-result1 #first-name1{
font-size: 19px;
}
.bundleOto1-result2 #first-name1{
font-size: 20px;
}
.bundleOto1-result3 #first-name1{
font-size: 22px;
}
.bundleOto1-result4 #first-name1{
font-size: 20px;
}
.bundleOto1-result5 #first-name1{
font-size: 19px;
}
#first-name2{font-size: 14px;}
/*result*/
.bundleOto1A-box{max-width: 147%;}
.bundleOto1B-box{
max-width: 140%;
top: 13%;
left: -52%;
}
.bundleOto1-result7{
top: 4%;
left: 0;
width: 147%;
}
.bundleOto1-result8{
top: 17%;
left: -52%;
width: 140%;
}
#first-name3, #first-name4{
font-size: 18px;
}
/*result*/
#first-name5{
font-size: 19px;
}
#first-name6{
font-size: 19px;
}
#first-name7{
font-size: 19px;
}
}
@media (min-width:1600px){
.mycontainer2{width: 1440px;}
.mycontainer-right{width: 1400px;}
.mycontainer-left{width: 1400px;}
.mainvideo {
position: absolute;
width: 873px;
height: 350px;
top: 16px;
left: 172px;
}
.form-box .submit2 {
font-size: 28px;
}
.image27A{max-width:100%;}
.image27B {
top: 17%;
left: 27%;
max-width:100%;
}
.user-sign{
max-width: 68%;
}
#first-name{
font-size: 43px;
margin-top: -13%;
}
/*result*/
.result-box2{top: 8%;right: -18%;width: 181%;}
.result-box2 .sign-img{
max-width: 100%;
left: 0;
}
.result-box2 #first-name{
font-size: 33px;
margin-top: -18%;
}
.result-box3{width: 220%;top: 0%;left: -47%;}
.result-box3 .sign-img{
max-width: 100%;
left: 0;
}
.result-box3 #first-name{
font-size: 42px;
margin-top: -18%;
}
.result-box4{top: 8%;left: 11%;width: 181%;}
.result-box4 .sign-img{
max-width: 100%;
left: 0;
}
.result-box4 #first-name{
font-size: 33px;
margin-top: -18%;
}
/*result-FE*/
.bundleOto1-result1 #first-name1{
font-size: 19px;
}
.bundleOto1-result2 #first-name1{
font-size: 20px;
}
.bundleOto1-result3 #first-name1{
font-size: 22px;
}
.bundleOto1-result4 #first-name1{
font-size: 20px;
}
.bundleOto1-result5 #first-name1{
font-size: 19px;
}
#first-name2{font-size: 14px;}
/*result*/
.bundleOto1A-box{max-width: 147%;}
.bundleOto1B-box{
max-width: 140%;
top: 13%;
left: -52%;
}
.bundleOto1-result7{
top: 4%;
left: 0;
width: 147%;
}
.bundleOto1-result8{
top: 17%;
left: -52%;
width: 140%;
}
#first-name3, #first-name4{
font-size: 18px;
}
/*result*/
#first-name5{
font-size: 19px;
}
#first-name6{
font-size: 19px;
}
#first-name7{
font-size: 19px;
}
}
@media (min-width:1700px){
.mycontainer2{width: 1440px;}
.mycontainer-right{width: 1458px;}
.mycontainer-left{width: 1458px;}
.image27A{max-width:100%;}
.image27B {
top: 17%;
left: 27%;
max-width:100%;
}
#first-name {
margin-top: -13%;
}
/*result*/
.result-box2{top: 8%;right: -18%;width: 181%;}
.result-box2 .sign-img{
max-width: 100%;
left: 0;
}
.result-box2 #first-name{
font-size: 33px;
margin-top: -18%;
}
.result-box3{width: 220%;top: 0%;left: -47%;}
.result-box3 .sign-img{
max-width: 100%;
left: 0;
}
.result-box3 #first-name{
font-size: 42px;
margin-top: -18%;
}
.result-box4{top: 8%;left: 11%;width: 181%;}
.result-box4 .sign-img{
max-width: 100%;
left: 0;
}
.result-box4 #first-name{
font-size: 33px;
margin-top: -18%;
}
/*result-FE*/
.bundleOto1-result1 #first-name1{
font-size: 19px;
}
.bundleOto1-result2 #first-name1{
font-size: 20px;
}
.bundleOto1-result3 #first-name1{
font-size: 22px;
}
.bundleOto1-result4 #first-name1{
font-size: 20px;
}
.bundleOto1-result5 #first-name1{
font-size: 19px;
}
#first-name2{font-size: 14px;}
/*result*/
.bundleOto1A-box{max-width: 147%;}
.bundleOto1B-box{
max-width: 140%;
top: 13%;
left: -52%;
}
.bundleOto1-result7{
top: 4%;
left: 0;
width: 147%;
}
.bundleOto1-result8{
top: 17%;
left: -52%;
width: 140%;
}
#first-name3, #first-name4{
font-size: 18px;
}
/*result*/
#first-name5{
font-size: 19px;
}
#first-name6{
font-size: 19px;
}
#first-name7{
font-size: 19px;
}
}
@media (min-width:1800px){
.mycontainer2{width: 1440px;}
.mycontainer-right{width: 1513px;}
.mycontainer-left{width: 1513px;}
.mainvideo {
position: absolute;
width: 873px;
height: 350px;
top: 16px;
left: 172px;
}
.image27A{max-width:100%;}
.image27B {
top: 17%;
left: 27%;
max-width:100%;
}
.user-sign{
max-width: 69%;
}
#first-name{
font-size: 43px;
margin-top: -14%;
}
/*result*/
.result-box2{top: 8%;right: -19%;width: 180%;}
.result-box2 .sign-img{
max-width: 100%;
left: 0;
}
.result-box2 #first-name{
font-size: 33px;
margin-top: -18%;
}
.result-box3{width: 220%;top: 0%;left: -47%;}
.result-box3 .sign-img{
max-width: 100%;
left: 0;
}
.result-box3 #first-name{
font-size: 42px;
margin-top: -18%;
}
.result-box4{top: 8%;left: 11%;width: 180%;}
.result-box4 .sign-img{
max-width: 100%;
left: 0;
}
.result-box4 #first-name{
font-size: 33px;
margin-top: -18%;
}
/*result-FE*/
.bundleOto1-result1 #first-name1{
font-size: 19px;
}
.bundleOto1-result2 #first-name1{
font-size: 20px;
}
.bundleOto1-result3 #first-name1{
font-size: 22px;
}
.bundleOto1-result4 #first-name1{
font-size: 20px;
}
.bundleOto1-result5 #first-name1{
font-size: 19px;
}
#first-name2{font-size: 14px;}
/*result*/
.bundleOto1A-box{max-width: 147%;}
.bundleOto1B-box{
max-width: 140%;
top: 13%;
left: -52%;
}
.bundleOto1-result7{
top: 4%;
left: 0;
width: 147%;
}
.bundleOto1-result8{
top: 17%;
left: -52%;
width: 140%;
}
#first-name3, #first-name4{
font-size: 18px;
}
/*result*/
#first-name5{
font-size: 19px;
}
#first-name6{
font-size: 19px;
}
#first-name7{
font-size: 19px;
}
}
@media (min-width:1900px){
.mycontainer2{width:1498px;}
.mycontainer3{width:1500px;}
.mycontainer-right{width: 1626px;}
.mycontainer-left{width: 1626px;}
.mainvideo {
position: absolute;
width: 873px;
height: 350px;
top: 16px;
left: 229px;
}
.image27A{max-width:100%;}
.image27B {
top: 17%;
left: 27%;
max-width:100%;
}
.user-sign{
max-width: 66%;
}
#first-name{
font-size: 42px;
margin-top: -13%;
}
/*result*/
.result-box2{top: 8%;right: -17%;width: 179%;}
.result-box2 .sign-img{
max-width: 100%;
left: 0;
}
.result-box2 #first-name{
font-size: 31px;
margin-top: -16%;
}
.result-box3{width: 220%;top: 0%;left: -47%;}
.result-box3 .sign-img{
max-width: 100%;
left: 0;
}
.result-box3 #first-name{
font-size: 42px;
margin-top: -18%;
}
.result-box4{top: 8%;left: 12%;width: 179%;}
.result-box4 .sign-img{
max-width: 100%;
left: 0;
}
.result-box4 #first-name{
font-size: 31px;
margin-top: -18%;
}
/*result-FE*/
.bundleOto1-result1 #first-name1{
font-size: 19px;
}
.bundleOto1-result2 #first-name1{
font-size: 20px;
}
.bundleOto1-result3 #first-name1{
font-size: 22px;
}
.bundleOto1-result4 #first-name1{
font-size: 20px;
}
.bundleOto1-result5 #first-name1{
font-size: 19px;
}
/*result*/
.bundleOto1A-box{max-width: 147%;}
.bundleOto1B-box{
max-width: 140%;
top: 13%;
left: -52%;
}
.bundleOto1-result7{
top: 4%;
left: 0;
width: 147%;
}
.bundleOto1-result8{
top: 17%;
left: -52%;
width: 140%;
}
#first-name3, #first-name4{
font-size: 18px;
}
/*result*/
#first-name5{
font-size: 19px;
}
#first-name6{
font-size: 19px;
}
#first-name7{
font-size: 19px;
}
}
@media (min-width:2000px){
.mycontainer2 {
width: 1800px;
}
.mycontainer3{width:1900px;}
#step-01 .banner-box{padding: 5% 2% 10% 2%;}
}
.mt0{margin-top:0%;}.mt1{margin-top:1%;}.mt2{margin-top: 2%;}.mt3{margin-top:3%;}.mt4{margin-top: 4%;}.mt5{margin-top: 5%;}.mt6{margin-top: 6%;}.mt7{margin-top:7%;}
.mt8{margin-top:8%;}.mt9{margin-top:9%;}.mt10{margin-top:10%;}.mt11{margin-top:11%;}.mt12{margin-top:12%;}.mt13{margin-top:13%;}.mt14{margin-top:14%;}.mt15{margin-top:15%;}.mt17{margin-top:17%;}.mt20{margin-top:20%;}.mt22{margin-top:22%;}.mt26{margin-top:26%;}.mt28{margin-top:28%;}.mtm14{margin-top:-14%;}.mtm4{margin-top:-4%;}.mtm1{margin-top:-1%;}.mtm2{margin-top:-2%;}.mtm3{margin-top:-3%;}.mtm4{margin-top:-4%;}.mtm6{margin-top:-6%;}.mtm8{margin-top:-8%;}.mtm9{margin-top:-9%;}.mtm20{margin-top:-20%;}.mtm12{margin-top:-12px;}.mtm40{margin-top:-40px;}
@-webkit-keyframes bounceLeft {
0%,
20%,
50%,
80%,
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
40% {
-webkit-transform: translateX(15px);
transform: translateX(15px);
}
60% {
-webkit-transform: translateX(15px);
transform: translateX(15px);
}
}
@-moz-keyframes bounceLeft {
0%,
20%,
50%,
80%,
100% {
transform: translateX(0);
}
40% {
transform: translateX(15px);
}
60% {
transform: translateX(15px);
}
}
@keyframes bounceLeft {
0%,
20%,
50%,
80%,
100% {
-ms-transform: translateX(0);
transform: translateX(0);
}
40% {
-ms-transform: translateX(15px);
transform: translateX(15px);
}
60% {
-ms-transform: translateX(15px);
transform: translateX(15px);
}
}
@-webkit-keyframes bouncebottom {
0%,
20%,
50%,
80%,
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
40% {
-webkit-transform: translateY(15px);
transform: translateY(15px);
}
60% {
-webkit-transform: translateY(15px);
transform: translateY(15px);
}
}
@-moz-keyframes bouncebottom {
0%,
20%,
50%,
80%,
100% {
transform: translateY(0);
}
40% {
transform: translateY(15px);
}
60% {
transform: translateY(15px);
}
}
@keyframes bouncebottom {
0%,
20%,
50%,
80%,
100% {
-ms-transform: translateY(0);
transform: translateY(0);
}
40% {
-ms-transform: translateY(15px);
transform: translateY(15px);
}
60% {
-ms-transform: translateY(15px);
transform: translateY(15px);
}
}
/**/
@-webkit-keyframes mover1 {
0% { transform: translateY(0); }
100% { transform: translateY(10px); }
}
@keyframes mover1 {
0% { transform: translateY(0); }
100% { transform: translateY(10px); }
}
@-webkit-keyframes mover2 {
0% { transform: translateY(10px); }
100% { transform: translateY(0); }
}
@keyframes mover2 {
0% { transform: translateY(10px); }
100% { transform: translateY(0); }
}