.roboto {
  font-family: 'Roboto', sans-serif;
}


html {
  scroll-behavior: smooth;
}


/*Common*/
body {font-family: 'Montserrat', sans-serif;font-size: 14px;line-height: 1.42857143;color: #000000;background-color: #fff;}
a{text-decoration:none;}
a:hover{text-decoration:none;}


h1, h2, h3, h4, h5, p{
	margin:0px;
}
 ul{
	padding:0px;
	list-style:none;
	margin:0px;
}
.ls1{letter-spacing:1px;}
.ls2{letter-spacing:2px;}



.padding1 {padding: 0 1%;}
.padding2 {padding: 0 2%;}
.padding3 {padding: 0 3%;}


@media (min-width:240px) {
.xs8 {font-size: 8px;}.xs9 {font-size: 9px;}.xs10 {font-size: 10px;}.xs11 {font-size: 11px;}.xs12 {font-size: 12px;}.xs13 {font-size: 13px;}.xs14 {font-size: 14px;}.xs15 {font-size: 15px;}.xs16 {font-size: 16px;}.xs17 {font-size: 17px;}.xs18 {font-size: 18px;}.xs19 {font-size: 19px;}.xs20 {font-size: 20px;}.xs21 {font-size: 21px;}.xs22 {font-size: 22px;}.xs23 {font-size: 23px;}.xs24 {font-size: 24px;}.xs25 {font-size: 25px;}.xs27 {font-size: 27px;}.xs28 {font-size: 28px;}.xs29 {font-size: 29px;}.xs30 {font-size: 30px;}.xs31 {font-size: 31px;}.xs33 {font-size: 33px;}.xs35 {font-size: 35px;}.xs37 {font-size: 37px;}.xs39 {font-size: 39px;}.xs40 {font-size: 40px;}.xs41 {font-size: 41px;}.xs43 {font-size: 43px;}.xs45 {font-size: 45px;}.xs47 {font-size: 47px;}.xs49 {font-size: 49px;}.xs51 {font-size: 51px;}.xs56{font-size: 56px;}.xs60 {font-size: 60px;}.xs70 {font-size: 70px;}.xs85 {font-size: 85px;}

.xsmt0{margin-top:0%;}.xsmt1{margin-top:1%;}.xsmt2{margin-top:2%;}.xsmt3{margin-top:3%;}.xsmt4{margin-top:4%;}.xsmt5{margin-top:5%;}.xsmt6{margin-top:6%;}.xsmt8{margin-top:8%;}.xsmt13{margin-top:13%;}.xsmt20{margin-top:20%;}.xsmt30{margin-top:30%;}
.xsmb1{margin-bottom:1%;}
.xsmb2{margin-bottom:2%;}
.xsmb3{margin-bottom:3%;}
.xsmb4{margin-bottom:4%;}
.xsmb6{margin-bottom:6%;}
.xsmb7{margin-bottom:7%;}
.xsmb8{margin-bottom:8%;}
.xsmb10{margin-bottom:10%;}
.xsmb15{margin-bottom:15%;}
.xsmb0{margin-bottom:0%;}

.xsmt-1{margin-top:-1%;}
.xsmt-3{margin-top:-3%;}
.xsmt-5{margin-top:-5%;}

.mycontainer{width:100%;}
.mycontainer2{
	width:100%;    
	padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}


.feature-box1, .feature-box2, .feature-box3, .feature-box4, .feature-box5{border-bottom:1px solid #dacfe7;}

.feature-box1, .feature-box2, .feature-box3, .feature-box4, .feature-box5{padding-bottom: 4%;}
.feature-box2, .feature-box3, .feature-box4, .feature-box5, .feature-box6{padding-top: 4%;}

.question-box h1 {
    background: url(../images2/question.png) no-repeat 0 13px;
    list-style: none;
    padding-top: 8px;
    padding-bottom: 0px;
    padding-left: 38px;
    margin-left: 0;
    margin-bottom: 0;
}
}


@media (min-width:768px) {	
.sm8 {font-size: 8px;}.sm9 {font-size: 9px;}.sm10 {font-size: 10px;}.sm11 {font-size: 11px;}.sm12 {font-size: 12px;}.sm13 {font-size: 13px;}.sm14 {font-size: 14px;}.sm15 {font-size: 15px;}.sm16 {font-size: 16px;}.sm17 {font-size: 17px;}.sm18 {font-size: 18px;}.sm19 {font-size: 19px;}.sm20 {font-size: 20px;}.sm21 {font-size: 21px;}.sm23 {font-size: 23px;}.sm24 {font-size: 24px;}.sm25 {font-size: 25px;}.sm27 {font-size: 27px;}.sm28 {font-size: 28px;}.sm29 {font-size: 29px;}.sm30 {font-size: 30px;}.sm31 {font-size: 31px;}.sm32 {font-size: 32px;}.sm33 {font-size: 33px;}.sm35 {font-size: 35px;}.sm37 {font-size: 37px;}.sm39 {font-size: 39px;}.sm40 {font-size: 40px;}.sm41 {font-size: 41px;}.sm43 {font-size: 43px;}.sm44 {font-size: 44px;}.sm45 {font-size: 45px;}.sm46 {font-size: 46px;}.sm47 {font-size: 47px;}.sm49 {font-size: 49px;}.sm51 {font-size: 51px;}.sm55 {font-size: 55px;}.sm60 {font-size: 60px;}.sm70 {font-size: 70px;}.sm80 {font-size: 80px;}.sm100 {font-size: 100px;}.sm130 {font-size: 130px;}

.lmt0{margin-top:0%;}.lmt1{margin-top:1%;}.lmt2{margin-top:2%;}.lmt3{margin-top:3%;}.lmt4{margin-top:4%;}.lmt5{margin-top:5%;}.lmt10{margin-top:10%;}.lmt13{margin-top:13%;}.lmt6{margin-top:6%;}.lmt7{margin-top:7%;}.lmt8{margin-top:8%;}.lmt9{margin-top:9%;}.lmt11{margin-top:11%;}.lmt12{margin-top:12%;}.lmt16{margin-top:16%;}.lmt18{margin-top:18%;}.lmt12{margin-top:12%;}.lmt13{margin-top:13%;}.lmt14{margin-top:14%;}.lmt15{margin-top:15%;}.lmt18{margin-top:18%;}.lmt20{margin-top:20%;}.lmt22{margin-top:22%;}.lmt25{margin-top:25%;}.lmt28{margin-top:28%;}.lmt30{margin-top:30%;}.lmt34{margin-top:34%;}.lmt45{margin-top:45%;}
.lmt-15{margin-top:-14%;}
.lmt-25{margin-top:-25%;}
.lmt-3{margin-top:-3%;}
.lmt-1{margin-top:-1%;}
.lmt-2{margin-top:-2%;}
.lmt-3{margin-top:-3%;}
.lmt-4{margin-top:-4%;}
.lmt-5{margin-top:-5%;}
.lmt-6{margin-top:-6%;}
.lmt-7{margin-top:-7%;}
.lmt-8{margin-top:-8%;}
.lmt-9{margin-top:-9%;}
.lmt-11{margin-top:-11%;}
.lmt-13{margin-top:-13%;}
.lmt-20{margin-top:-20%;}
.lmb0{margin-bottom:0%;}
.lmb1{margin-bottom:1%;}
.lmb3{margin-bottom:3%;}
.lmb7{margin-bottom:7%;}
.lmb10{margin-bottom:10%;}
.lmb15{margin-bottom:15%;}
.lmb20{margin-bottom:20%;}

.lmb-8{margin-bottom:-8%;}
.lmb-4{margin-bottom:-4%;}

.lml-2{margin-left:-2%;}

.pc-right{
	text-align: right;
}

.mobile-center {
    text-align: left;
}


.lappysection {position: relative;bottom: -113px;margin-top: -90px !important;}



.mycontainer{width:750px;}



.padding4{padding:0% 15px}

.feature-box1, .feature-box3{border-right:1px solid #dacfe7;border-bottom:1px solid #dacfe7;padding-bottom: 4%;}
.feature-box2, .feature-box4{border-bottom:1px solid #dacfe7;}
.feature-box5{border-right:1px solid #dacfe7;}



.feature-box5{border-bottom:0px;}
.feature-box3, .feature-box4{padding-top: 4%;padding-bottom: 4%;}
.feature-box5, .feature-box6{padding-top: 4%;}

.feature-box5{padding-bottom: 0%;}
.feature-box2{padding-top: 0%;}


.question-box h1 {
    background: url(../images2/question.png) no-repeat 0 13px;
    list-style: none;
    padding-top: 8px;
    padding-bottom: 0px;
    padding-left: 38px;
    margin-left: -38px;
    margin-bottom: 0;
}

.section2{
    padding: 4% 4% 4% 4%;
}
.section18B{
    padding: 0 4% 0 4%;
}



}

@media (min-width:992px) {
.md8 {font-size: 8px;}.md9 {font-size: 9px;}.md10 {font-size: 10px;}.md11 {font-size: 11px;}.md12 {font-size: 12px;}.md13 {font-size: 13px;}.md14 {font-size: 14px;}.md15 {font-size: 15px;}.md16 {font-size: 16px;}.md17 {font-size: 17px;}.md18 {font-size: 18px;}.md19 {font-size: 19px;}.md20 {font-size: 20px;}.md21 {font-size: 21px;}.md22 {font-size: 22px;}.md23 {font-size: 23px;}.md24 {font-size: 24px;}.md25 {font-size: 25px;}.md26 {font-size: 26px;}.md27 {font-size: 27px;}.md28{font-size: 28px;}.md29 {font-size: 29px;}.md30 {font-size: 30px;}.md31 {font-size: 31px;}.md32 {font-size: 32px;}.md33 {font-size: 33px;}.md34 {font-size: 34px;}.md35 {font-size: 35px;}.md36 {font-size: 36px;}.md37 {font-size: 37px;}.md38 {font-size: 38px;}.md39 {font-size: 39px;}.md40{font-size: 40px;}.md41 {font-size: 41px;}.md42 {font-size: 42px;}.md44 {font-size: 44px;}.md45 {font-size: 45px;}.md46 {font-size: 46px;}.md47 {font-size: 47px;}.md48 {font-size: 48px;}.md49 {font-size: 49px;}.md50 {font-size: 50px;}.md51 {font-size: 51px;}.md52 {font-size: 52px;}.md53 {font-size: 53px;}.md54 {font-size: 54px;}.md55 {font-size: 55px;}.md56 {font-size: 56px;}.md58 {font-size: 58px;}.md67 {font-size: 67px;}.md60{font-size: 60px;}.md75 {font-size: 75px;}.md70 {font-size: 70px;}.md80 {font-size: 80px;}.md84 {font-size: 84px;}.md90{font-size: 90px;}.md120{font-size: 120px;}.md170 {font-size: 170px;}.md210 {font-size: 240px;}


.mmb0{margin-bottom:0%;}
.mmb3{margin-bottom:3%;}
.mmb5{margin-bottom:5%;}
.mmb7{margin-bottom:7%;}
.mmb8{margin-bottom:8%;}
.mmb11{margin-bottom:11%;}
.mmb12{margin-bottom:12%;}
.mmb14{margin-bottom:14%;}
.mmb15{margin-bottom:15%;}
.mmb16{margin-bottom:16%;}
.mmb20{margin-bottom:20%;}
.mmb28{margin-bottom:28%;}
.mmb35{margin-bottom:35%;}
.mmt0{margin-top:0%;}
.mmt1{margin-top:1%;}
.mmt2{margin-top:2%;}
.mmt3{margin-top:3%;}
.mmt4{margin-top:4%;}
.mmt5{margin-top:5%;}
.mmt6{margin-top:6%;}
.mmt7{margin-top:7%;}
.mmt8{margin-top:8%;}
.mmt9{margin-top:9%;}
.mmt10{margin-top:10%;}
.mmt11{margin-top:11%;}
.mmt12{margin-top:12%;}
.mmt13{margin-top:13%;}
.mmt14{margin-top:14%;}
.mmt15{margin-top:15%;}
.mmt18{margin-top:18%;}
.mmt11a{margin-top:11.6%;}
.mmt20{margin-top:20%;}
.mmt28{margin-top:28%;}
.mmt31{margin-top:31%;}
.mmt36{margin-top:36%;}
.mmt-2{margin-top:-2%;}
.mmt-3{margin-top:-3%;}
.mmt-4{margin-top:-4%;}
.mmt-5{margin-top:-5%;}
.mmt-8{margin-top:-8%;}
.mmt-9{margin-top:-9%;}
.mmt-9a{margin-top:-9.5%;}
.mmt-12{margin-top:-12%;}

.mmb-5{margin-bottom:-5%;}
.mmb-6{margin-bottom:-6%;}

.mml-4{margin-left:-4%;}

.mycontainer{width:970px;}


.lappysection {position: relative;bottom: -112px;margin-top: -90px !important;}

.padding4{padding:0% 2%}

.option-box {
    padding: 0 2%;
}



.feature-box1, .feature-box2, .feature-box4, .feature-box5{border-right:1px solid #dacfe7;}
.feature-box1, .feature-box2, .feature-box3{border-bottom:1px solid #dacfe7;}

.feature-box1, .feature-box2, .feature-box3{padding-bottom: 4%;}
.feature-box4, .feature-box5, .feature-box6{padding-top: 4%;}

.feature-box3{border-right:0px; padding-top: 0%;}
.feature-box4{border-bottom:0px; padding-bottom: 0%;}


.question-box h1 {
    background: url(../images2/question.png) no-repeat 0 13px;
    list-style: none;
    padding-top: 5px;
    padding-bottom: 0px;
    padding-left: 38px;
    margin-left: -38px;
    margin-bottom: 0;
}

.section2 {
    padding: 4% 8% 4% 8%;
}

.section18B {
    padding: 0 8% 0 8%;
}



.testimonial1{text-align:left;}
.testimonial2{text-align:right;}

}

@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;}.lg29 {font-size: 29px;}.lg30 {font-size: 30px;}.lg31 {font-size: 31px;}.lg32 {font-size: 32px;}.lg33 {font-size: 33px;}.lg34 {font-size: 34px;}.lg35 {font-size: 35px;}.lg36 {font-size: 36px;}.lg37 {font-size: 37px;}.lg38 {font-size: 38px;}.lg39 {font-size: 39px;}.lg40{font-size: 40px;}.lg41 {font-size: 41px;}.lg42 {font-size: 42px;}.lg44 {font-size: 43px;}.lg45 {font-size: 45px;}.lg46 {font-size: 46px;}.lg47 {font-size: 47px;}.lg48 {font-size: 48px;}.lg49 {font-size: 49px;}.lg50 {font-size: 50px;}.lg51 {font-size: 51px;}.lg52 {font-size: 52px;}.lg53 {font-size: 53px;}.lg55 {font-size: 55px;}.lg56 {font-size: 56px;}.lg58 {font-size: 58px;}.lg67 {font-size: 67px;}.lg60{font-size: 60px;}.lg75 {font-size: 75px;}.lg70 {font-size: 70px;}.lg80 {font-size: 80px;}.lg100 {font-size:100px;}.lg130 {font-size: 130px;}.lg210 {font-size: 240px;}

.lappysection {position: relative;bottom: -125px;margin-top: -90px !important;}


.lmtm-3{margin-top: -3%;}

.lgmb0{margin-bottom:0%;}
.lgmb2{margin-bottom:2%;}
.lgmb4{margin-bottom:4%;}
.lgmb5{margin-bottom:5%;}
.lgmb11{margin-bottom:11%;}
.lgmb12{margin-bottom:12%;}
.lgmb22{margin-bottom:22%;}
.lgmb25{margin-bottom:25%;}

.lgmb-6{margin-bottom:-6%;}


.lgmt0{margin-top:0%;}
.lgmt4{margin-top:4%;}
.lgmt5{margin-top:5%;}
.lgmt6{margin-top:6%;}
.lgmt10{margin-top:10%;}
.lgmt13{margin-top:13%;}
.lgmt15{margin-top:15%;}
.lgmt20{margin-top:20%;}
.lgmt26{margin-top:26%;}
.lgmt29{margin-top:29%;}

.padding4{padding:0% 4%}


.option-box {
    padding: 0 3%;
}

}

@media (min-width:1500px){
.xl8 {font-size: 8px;}.xl9 {font-size: 9px;}.xl10 {font-size: 10px;}.xl11 {font-size: 11px;}.xl12 {font-size: 12px;}.xl13 {font-size: 13px;}.xl14 {font-size: 14px;}.xl15 {font-size: 15px;}.xl16 {font-size: 16px;}.xl17 {font-size: 17px;}.xl18 {font-size: 18px;}.xl19 {font-size: 19px;}.xl20 {font-size: 20px;}.xl21 {font-size: 21px;}.xl22 {font-size: 22px;}.xl23 {font-size: 23px;}.xl24 {font-size: 24px;}.xl25 {font-size: 25px;}.xl26 {font-size: 26px;}.xl27 {font-size: 27px;}.xl28 {font-size: 28px;}.xl29 {font-size: 29px;}.xl30 {font-size: 30px;}.xl31 {font-size: 31px;}.xl32 {font-size: 32px;}.xl33 {font-size: 33px;}.xl34 {font-size: 34px;}.xl35 {font-size: 35px;}.xl36 {font-size: 36px;}.xl37 {font-size: 37px;}.xl38 {font-size: 38px;}.xl39 {font-size: 39px;}.xl40{font-size: 40px;}.xl41 {font-size: 41px;}.xl42 {font-size: 42px;}.xl44 {font-size: 43px;}.xl45 {font-size: 45px;}.xl46 {font-size: 46px;}.xl47 {font-size: 47px;}.xl48 {font-size: 48px;}.xl49 {font-size: 49px;}.xl50 {font-size: 50px;}.xl51 {font-size: 51px;}.xl52 {font-size: 52px;}.xl53 {font-size: 53px;}.xl55 {font-size: 55px;}.xl56 {font-size: 56px;}.xl58 {font-size: 58px;}.xl65 {font-size: 65px;}.xl60{font-size: 60px;}.xl76 {font-size: 76px;}.xl70 {font-size: 70px;}.xl80 {font-size: 80px;}.xl87 {font-size: 87px;}.xl170 {font-size: 170px;}.xl210 {font-size: 240px;}

.xlmt4{margin-top:4%;}



.padding0 {padding: 0px;}

}





.responsive-video {
    padding-bottom: 57.21%;
    overflow: hidden;
    position: relative;
    z-index: 3;
    background-color: #000;
    border-radius: 12px;
}

.demo{padding-bottom: 55.21%;
    overflow: hidden;
    position: relative;
    border: 0px solid #ffffff42;}

.responsive-video iframe, .responsive-video object, .responsive-video embed, .responsive-video1 iframe, .responsive-video1 object, .responsive-video1 embed, .responsive-demo-video embed, .responsive-demo-video object, .responsive-demo-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.autoplayer-area {
    z-index: 2;
}



.video-box .autoplayer-area {
    border: 5px solid #4a8c45;
}

.video-title {
    background-color: #4a8c45;
    letter-spacing: 1.5px;
    padding: .7% 0 .3% 0;
}



.autoplayer-subarea-16-by-9 {
    padding-bottom: 56.25% !important;
}



.myvideo2 {
    background-color: rgb(255, 255, 255);
	box-shadow: 0px 3px 35px 0px rgba(56, 37, 122, 0.38);
}
.myvideo2 .responsive-video {
    border-radius: 0px;
  
	height:200px; 
	padding-bottom: 56.21%;
}


.myvideo3 {
    background-color: #353537;
    box-shadow: 0px 40px 140px 0px rgb(0 0 0 / 25%);
    border: 5px solid #353537;
    border-top: 18px solid #353537;
    border-radius: 5px;
}
.myvideo3 .responsive-video {
    padding-bottom: 56.25%;
    border-radius: 0;
}

.ylw{color:#ffd060;}
.ylw2{color:#ffac5a;}
.ylw3{color:#ff8200;}
.gray{color:#a9a9a9;}
.gray2{color:#424242;}
.gray3{color:#6b6571;}
.gray4{color:#BFC1C5;}
.gray5{color:#A4A6A9;}
.black2{color:#1f152d;}
.black3{color:#030303;}
.purple{color:#968d9e;}
.purple2{color:#655b6f;}

.mycontainer{margin:auto;}

.italic {
    font-style: italic;
}

.upper{text-transform:uppercase}

.capitalize{text-transform: capitalize;}    

.underline {text-decoration: underline;}
.underline1{border-bottom:1px solid;}

/*font-weight*/
.w100{font-weight:100;} .w200{font-weight:200;} .w300{font-weight:300;} .w400{font-weight:400;} .w500{font-weight:500;} .w600{font-weight:600;} .w700{font-weight:700;}
.w800{font-weight:800;} .w900{font-weight:900;}
.lh0 {line-height: 0%;}.lh50 {line-height: 50%;}.lh60 {line-height: 60%;}.lh70 {line-height: 70%;}.lh80 {line-height: 80%;}.lh90 {line-height: 90%;}.lh100 {line-height: 100%;}.lh110 {line-height: 110%;}.lh120 {line-height: 120%;}.lh130 {line-height: 130%;}.lh140 {line-height: 140%;}.lh145 {line-height: 145%;}.lh150 {line-height: 150%;}.lh160 {line-height: 160%;}.lh170 {line-height: 170%;}.lh180 {line-height: 180%;}.lh190 {line-height: 190%;}.lh200 {line-height: 200%;}.lh210 {line-height: 210%;}.lh230 {line-height: 230%;}




.clear {
    clear: both;
}



.padding2{padding:0% 2%}
.padding3{padding:0% 3%}

.padding5{padding:0% 5%}
.paddingR{padding: 0 0 0 3%;}

.image{display:inline-block;}
.image2{display:none;}

nav{width:100%;}
.navbar-brand {
    margin-right: 0rem;
    padding-top: 0px;
    padding-bottom: 0;
}

.navbar-light .navbar-nav .nav-link {
    color: #000;
    position: relative;
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: #fb4447;
}
.getlink {
    border-radius: 3px;
    background-color: rgb(111, 173, 106);
    padding: 10px 24.4px !important;
    color: #fff!important;
    -moz-transition: .4s;
    -o-transition: .4s;
    -webkit-transition: all .4s ease-in-out;
    transition: .4s;
    margin-left: 25px;
    box-shadow: 0 0 1px rgb(0 0 0 / 0%);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    font-weight: 500;
}
.getlink:hover {
    background-color: rgb(93, 156, 88);
    color: #fff !important;
    transition: .4s;
    box-shadow: 7px 6px 0px 0px #9a9a9a61;
}

.getbox{margin-left: 1%;}

.navbar-toggler {background-color: white;}

.menu {
    padding: 0% 2%;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}


nav li a {
    padding-left: 25px !important;
    padding-right: 25px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

/* Effect 13: three circles */
.cl-effect-13 a {
	-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	transition: color 0.3s;
}

.cl-effect-13 a::before {
	position: absolute;
	top: 80%;
	left: 50%;
	color: transparent;
	content: '•';
	text-shadow: 0 0 transparent;
	font-size: 1.2em;
	-webkit-transition: text-shadow 0.3s, color 0.3s;
	-moz-transition: text-shadow 0.3s, color 0.3s;
	transition: text-shadow 0.3s, color 0.3s;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%);
	pointer-events: none;
}

.cl-effect-13 a:hover::before,
.cl-effect-13 a:focus::before {
	color: #fb4447;
	text-shadow: 10px 0 #fb4447, -10px 0 #fb4447;
}

.getlink::before{
	display:none;
}

.mybutton a {
    border-radius: 6px;
    background-image: -webkit-linear-gradient( 
-15deg
, rgb(246,32,66) 0%, rgb(251,65,71) 47%, rgb(255,97,76) 100%);
    box-shadow: 0px 13px 21px 0px rgb(0 0 0 / 14%);
    color: #fff;
    padding: 2.1% 0;
    display: table;
    margin: auto;
    transition: 0.5s;
    width: 79%;
    margin-top: 2%;
}
.mybutton a:hover {
	background-image: -webkit-linear-gradient( -15deg, rgb(255,97,76) 0%, rgb(251,65,71) 47%, rgb(246,32,66) 100%);
    box-shadow:0px 11px 30px 0px rgba(72, 72, 72, 0.42);	
}


.mybuttonA a {
    border-radius: 6px;
    background-image: -webkit-linear-gradient( 
-15deg
 , rgb(246,32,66) 0%, rgb(251,65,71) 47%, rgb(255,97,76) 100%);
    box-shadow: 0px 13px 21px 0px rgb(0 0 0 / 14%);
    color: #fff;
    padding: 5.6% 8%;
    display: table;
    transition: 0.5s;
    margin: auto;
	width:100%;
}
.mybuttonA a:hover {
	background-image: -webkit-linear-gradient( -15deg, rgb(255,97,76) 0%, rgb(251,65,71) 47%, rgb(246,32,66) 100%);
    box-shadow:0px 11px 30px 0px rgba(72, 72, 72, 0.42);	
}

.checklist1 li {
    background: url(../images2/check1.png) no-repeat left 5px;
    padding-left: 40px;
    list-style: none;
    margin-left: 0px;
    padding-top: 1%;
    padding-bottom: 5%;
    margin-top: 4%;
    padding-right: 0;
}



.checklist2 li {
    
    list-style: none;
    margin-left: 0px;
    padding-top: .7%;
    padding-bottom: 1.1%;
    margin-top: 1.1%;
    padding-right: 0;
}


.checklist3{text-align:left;}
.checklist3 li {
    background: url(../images2/check3.png) no-repeat left 5px;
    padding-left: 35px;
    list-style: none;
    padding-top: 0%;
    padding-bottom: 4%;
    padding-right: 0;
}

.checklist4 li {
    background: url(../images2/check4.png) no-repeat left top;
    padding-left: 40px;
    list-style: none;
    margin-left: 0px;
    padding-top: 0;
    padding-bottom: 4%;
    margin-top: 4%;
    padding-right: 0;
    border-bottom: 1px solid #e1e1e1;
}

.checklist4 li:last-child{border-bottom: 0px;}


.pro-box{
	padding: 0px;
	border: 1px solid rgb(235, 235, 235);
	border-radius: 20px;
	background-color: rgb(255, 255, 255);
	box-shadow: 0px 0px 43px 0px rgba(19, 38, 80, 0.14);
}


.price-checklist1 li {
    background: url(../images2/tableCheck.png) no-repeat left 4px;
    padding-left: 35px;
    list-style: none;
    padding-top: 0px;
    padding-bottom: 2%;
    margin-bottom: 2%;
}


.pro-top {
    background-size: cover;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 0% 0% 5% 0%;
    background-color: #1c1448;
}

.pro-center {
    background-color: #fff;
    border-top: 0px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    padding: 6% 6% 16% 6%;
}

.pro-center hr {
    border-top: 1px solid #ebebeb;
    margin: auto;
    width: 70%;
    margin-top: 3%;
    margin-bottom: 5%;
}

.mybutton1 a {
    border-radius: 50px;
    background-image: -moz-linear-gradient( -15deg, rgb(88,98,131) 0%, rgb(104,114,150) 100%);
	background-image: -webkit-linear-gradient( -15deg, rgb(88,98,131) 0%, rgb(104,114,150) 100%);
	background-image: -ms-linear-gradient( -15deg, rgb(88,98,131) 0%, rgb(104,114,150) 100%);
	box-shadow: 0px 5px 24px 0px rgba(0, 0, 0, 0.19);
    color: #fff;
    padding: 6% 1.8%;
    display: table;
    margin: auto;
    transition: all 0.5s;
    margin-top: 4px;
    box-shadow: 0px 5px 54px 0px rgba(0, 0, 0, 0.18);
	font-family: 'Montserrat', sans-serif;
    width: 114%;
    margin-left: -7%;
}



.mybutton1 a:hover {
    background-image: -moz-linear-gradient( -15deg, rgb(104,114,150) 0%, rgb(88,98,131) 100%);
	background-image: -webkit-linear-gradient( -15deg, rgb(104,114,150) 0%, rgb(88,98,131) 100%);
	background-image: -ms-linear-gradient( -15deg, rgb(104,114,150) 0%, rgb(88,98,131) 100%);
    text-decoration: none;
	box-shadow: none;
}


.mybutton2 a {
	border-radius: 50px;
    background-image: -webkit-linear-gradient( 0deg, rgb(244,74,37) 0%, rgb(250,122,26) 39%, rgb(255,170,15) 100%);
	box-shadow: 0px 5px 24px 0px rgba(0, 0, 0, 0.19);
    color: #fff;
    padding: 6% 1.8%;
    display: table;
    margin: auto;
    transition: all 0.5s;
    margin-top: 4px;
    box-shadow: 0px 5px 54px 0px rgba(0, 0, 0, 0.18);
	font-family: 'Montserrat', sans-serif;
    width: 114%;
    margin-left: -7%;
}
.mybutton2 a:hover {   
	background-image: -webkit-linear-gradient( 0deg, rgb(255,145,16) 0%, rgb(253,114,34) 59%, rgb(251,82,51) 100%); 
    text-decoration: none;
	box-shadow: none;
}


.link a {
    color: #425cc9;
}
.link a:hover {
    color: #1230eb;
    text-decoration: underline;
}

.strip_footer a {
    color: #1e2746;
}
.strip_footer a:hover {
    text-decoration: underline;
}

.title {
    border-radius: 3px;
    background-image: -webkit-linear-gradient( 0deg, rgb(246,32,66) 0%, rgb(246,64,71) 55%, rgb(245,95,75) 100%);
    color: #fff;
    padding: .8% 2.5% .8% 2.5%;
    display: inline-block;
}

.title2 {
    background-color: rgb(255, 219, 162);
    display: inline-block;
    padding: 1.8% 2.5%;
    border-radius: 8px;
    position: relative;
}

.title2::after {
    content: '';
    position: absolute;
    right: 9%;
    top: 100%;
    width: 0;
    height: 0;
    border-left: 0px solid transparent;
    border-right: 30px solid transparent;
    border-top: 25px solid rgb(255, 219, 162);
    clear: both;
}

.title3 {
    border-radius: 3px;
    background-image: -moz-linear-gradient( 0deg, rgb(199,0,57) 0%, rgb(255,87,51) 100%);
    background-image: -webkit-linear-gradient( 
0deg
 , rgb(199,0,57) 0%, rgb(255,87,51) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(199,0,57) 0%, rgb(255,87,51) 100%);
    color: #fff;
    padding: 3% 7% 3% 10%;
    display: inline-block;
    position: relative;
    left: 0;
    margin-top: -3px;
    margin-left: -7%;
}

.title4 {
    background: url(../images2/titleBg.png) no-repeat center center;
    display: inline-block;
    padding: 4% 2.5%;
    border-radius: 8px;
}

.check-box {
    padding: 0 4% 0 5%;
}
.check-box1{
	border-right:1px solid rgb(40, 27, 85);
}
 
.box {
    background-color: #fff;
    box-shadow: 0px 6px 52px 0px rgb(0 0 0 / 12%);
    padding: 4% 0% 8% 4%;
    border-radius: 5px;
}

.box2-out {
    border: 1px solid rgb(170, 150, 180);
    border-radius: 10px;
    padding: 9px;
}
.box2{
	border-radius: 8px;
	background-color: rgb(255, 255, 255);
	box-shadow: 0px 8px 46px 0px rgba(0, 0, 0, 0.16);	
	padding:0px;
}


.option-box {
    margin-top: 4%;
	position:relative;
}
.option {
    padding: 6% 6%;
    border-radius: 30px;
    background-color: rgb(241, 238, 247);
	position:relative;
}

.option:before {
    content: url(../images2/arrow2.png);
    position: absolute;
    z-index: 1;
    left: -2%;
    top: 45%;
}

.option-main-box{padding:0;}
.option-main-box::before {
    content: "";
    display: block;
    position: absolute;
    z-index: 0;
    left: 1%;
    top: 18.5%;
    bottom: 15.3%;
    border: 1px dashed #d0cbdb;
    border-width: 0 0 0 1px;
}

.option-detail{
    padding-right: 7%;	
}
.option2-detail{
    padding-left: 7%;	
}

.option2 {
    border: 3px solid rgb(255, 99, 51);
    border-radius: 3px;
    background-color: rgb(255, 255, 255);
    padding: 0;
}

.option2-box {
    margin-top: -25%;
    padding: 0 6%;
}




.step {
    color: #fff;
    border-radius: 3px;
    background-image: -webkit-linear-gradient( 
0deg
, rgb(246,32,66) 0%, rgb(246,64,71) 55%, rgb(245,95,75) 100%);
    padding: .4% 1.5%;
    position: relative;
    text-transform: uppercase;
    display: inline-block;
}
.step::after {
    content: '';
    position: absolute;
    left: 40%;
    top: 100%;
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 10px solid #f63e47;
    clear: both;
}

.step-text-area {
    padding: 0 3%;
}

.box3 {
    border-radius: 3px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 3px 38px 0px rgb(56 37 122 / 17%), inset 0px 3px 0px 0px rgb(255 130 0 / 0%);
    border-top: 3px solid #ff8200;
    padding: 4% 2%;
    margin-bottom: -10%;
}


.video-box2 {
    padding: 0 2.5%;
    margin-top: 5%;
}
.video-title2 {
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.14);
    padding: 2% 6%;
    border-radius: 50px;
}

.box4{
	border: 1px solid rgb(215, 215, 215);
	border-radius: 8px;
	background-color: rgb(255, 255, 255);	
	padding:0px;
    margin-bottom: -11%;	
}

.feature-box {
}


.feature-text {
    padding: 0 7%;
}
.feature-title{margin-top: 10%;}
.feature-subtitle{margin-top: 4%;}

.icon {
    border-right: 2px solid #ff6134;
    padding: 2% 2%;
}
.do-text{
    padding: 0 0% 0 3.5%;
}
.do-subtitle{color:#2d294b;}
.do-title {
    color: #3c3957;
    background-image: linear-gradient(to right, #ff6334, #ff2b28);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.do-pra {
    color: #4b476c;
    margin-top: 0;
}

.box5 {
    border-radius: 12px;
    background-color: rgb(46, 37, 78);
    box-shadow: 0px 24px 40px 0px rgba(0, 0, 0, 0.23);
    padding: 3% 2%;
}

.question-box {
    padding: 0 2%;
    margin-top: 3%;
}


.cart {
    margin-top: -1%;
}

.arrow {
    -webkit-animation: mover 1s infinite  alternate;
    animation: mover 1s infinite  alternate;
}

.hand-icon{text-align:right;}
.hand-icon .fa {
    font-size: 35px;
    margin-top: 4px;
    color: #f50d10;
}
.hand {
    -webkit-animation: mover2 .6s infinite  alternate;
    animation: mover2 .6s infinite  alternate;
}

.check-box-area {
    padding: 1% 2%;
}

.cover {
    margin-top: 3.5%;
    margin-bottom: -5%;
}

.pro{padding: 0 4%;}

/* Remove default checkbox */
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
}
[type="checkbox"]:not(:checked) + label, [type="checkbox"]:checked + label {
    position: relative;
    overflow: hidden;
    padding-left: 60px;
    cursor: pointer;
    display: inline-block;
    height: 45px;
    padding-top: 10px;
    line-height: 25px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -ms-user-select: none;
    /* margin-bottom: 0; */
}

/* checkbox aspect */
[type="checkbox"] + label:before, [type="checkbox"] + label:after {
    content: '';
    position: absolute;
    left: 10px;
    z-index: 1;
    margin-top: 7px;
    -webkit-transition: .2s;
    transition: .2s;
}
/* Unchecked styles */
[type="checkbox"]:not(:checked) + label:before {
    top: 2px;
    width: 30px;
    height: 30px;
    border: 1px solid #777676;
	animation: pulse2 2s infinite;	
}
[type="checkbox"]:not(:checked) + label:after {
    top: 2px;
    width: 30px;
    height: 30px;
    border: 2px solid #777676;
    z-index: 0;
}
/* Checked styles */
[type="checkbox"]:checked + label:before {
    top: -9px;
    width: 17px;
    left: 10px;
    height: 34px;
    border-top: 4px solid transparent;
    border-left: 4px solid transparent;
    border-right: 4px solid #f1832a;
    border-bottom: 4px solid #f1832a;
    -webkit-transform: rotateZ(
37deg
);
    transform: rotateZ(
37deg
);
    -webkit-transform-origin: 20% 40%;
    transform-origin: 100% 100%;
}
[type="checkbox"]:checked + label:after {
    top: 2px;
    width: 30px;
    height: 30px;
    border: 1px solid #777676;
    z-index: 0;
}
/* disabled checkbox */
[type="checkbox"]:disabled:not(:checked) + label:before,
[type="checkbox"]:disabled:checked + label:before {
  top: 0;
  box-shadow: none;
  background-color: #444;
  width: 19px; height: 19px;
  border: 3px solid #444;
  -webkit-transform: rotateZ(0deg);
  transform: rotateZ(0deg);
}
[type="checkbox"]:disabled + label {
  color: #555;
}
[type="checkbox"]:disabled:not(:checked) + label:hover:before {
  border-color: red;
}

@-webkit-keyframes pulse2 {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(119, 118, 118, 0.8);
  }
  70% {
      -webkit-box-shadow: 0 0 0 10px rgba(119, 118, 118, 0);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(119, 118, 118, 0);
  }
}


.offer {
    border: 2px dotted #8e8e8e;
    padding: 1.5% 4%;
    display: inline-block;
}
.offer2 {
    border: 2px dashed rgb(255, 0, 0);
    padding: 1.1% 9.8%;
    display: inline-block;
    color: #000000;
    background-color: rgb(255, 225, 178);
}

/*timer*/


.section4b .timer .smalltext{color:#fff;}

.timer {
  display: inline-block;
  font-weight: 100;
  text-align: center;
  font-size: 30px;
  color:#000;
}
.timer div {
    /* padding: 2px 5px 10px 5px; */
    border-radius: 3px;
    display: inline-block;
    font-size: 35px;
    font-weight: 600;
    width: 80px;
    margin: 0 4px;
}
.timer .smalltext {
    font-size: 12px;
    font-weight: 500;
    display: block;
    padding: 0;
    width: auto;
    margin-top: 10%;
}
.timer #time-up {
  margin: 8px 0 0;
  text-align: left;
  font-size: 14px;
  font-style: normal;
  color: #fff;
  font-weight: 500;
  letter-spacing: 1px;
}
.inner-time {
    display: inline-block;
    padding: 18.8% 1%;
    border-radius: 4px;
    /* border-radius: 50px; */
    width: 100%;
    /* height: 53px; */
    background-color: rgb(255, 130, 0);
    color: #FFFFFF;
}
.time-box {
   
}


.tempo {width:350px;padding:0;}
.tempo li {text-align:left ;display:inline-block;font-size:24px;width:31%;margin-top:-50px;margin-left:-1px;}

/**/
.banner-box-out {
    padding: 0;
}
.banner-box {
    border-radius: 12px;
    background-color: rgb(255 255 255 / 29%);
    padding: 4% 4% 4% 4%;
}

.generate{margin-bottom: -3%;}


.title-number {
    background-color: #fff;
    width: 60px;
    height: 60px;
    border: 3px solid rgb(205, 9, 56);
    display: inline-block;
    padding: 11px 0;
    border-radius: 50px;
    box-shadow: 6px 0px 8px 0px rgb(0 0 0 / 24%);
    position: relative;
    z-index: 1;
	color: #cc0838;
}

.box-out{padding: 0;}

.discount-box {
    border: 1px dashed rgb(248, 193, 193);
    border-radius: 4px;
    background-color: rgb(255 255 255);
    width: 60%;
    margin: auto;
    margin-top: 5%;
    padding: 5% 2% 6% 2%;
    position: relative;
}
.cut {
    position: absolute;
    z-index: 1;
    right: 17%;
    margin-top: 3%;
}

.tag {
    margin-top: -11%;
}

.section7-box-out2 {
    padding: 0 3%;
    position: relative;
}
.section7-box-out {
    border-radius: 24px;
    background-color: #c6dafa;
    padding: 10px;
    position: relative;
}
.section7-box {
    border-radius: 20px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 0px 27px 0px rgb(0 0 0 / 10%);
    padding: 6% 7% 5% 7%;
    position: relative;
}

.ele1, .ele2, .ele3{
    position: relative;
}

.element1 {
    position: absolute;
    bottom: 0;
    text-align: center;
}
.element2 {
    position: absolute;
    bottom: 0;
    right: 0;
    text-align: center;
}
.element3 {
    position: absolute;
    top: 32%;
    right: 0;
    text-align: center;
    z-index: 3;
}

.section9-text {
    border-radius: 4px;
    background-image: -moz-linear-gradient( 0deg, rgb(255,99,52) 0%, rgb(255,71,46) 52%, rgb(255,42,40) 100%);
    background-image: -webkit-linear-gradient( 
0deg
, rgb(255,99,52) 0%, rgb(255,71,46) 52%, rgb(255,42,40) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(255,99,52) 0%, rgb(255,71,46) 52%, rgb(255,42,40) 100%);
    display: inline-block;
    color: #fff;
    padding: .6% 3.4%;
}

.titleBg2 {
    background: url(../images2/titleBg2.png) no-repeat center center;
    background-size: contain;
    padding: 6% 9%;
}

.section23-box {
    padding: 4% 1% 7% 1%;
    border-radius: 12px;
    background-color: #fff;
    box-shadow: 0px 6px 28px 0px rgb(0 0 0 / 6%);
    text-align: center;
    margin-top: 4%;
}

.facebook {
    position: absolute;
    float: right;
    right: 3%;
    margin-top: -12px;
}

.facebook2 {
    position: absolute;
    float: right;
    right: -4%;
    margin-top: -5%;
}

.facebook3 {
    position: absolute;
    float: right;
    right: -6%;
    margin-top: -5%;
}




.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}

.header {
    background-color: #fff;
    z-index: 10;
    box-shadow: 0px 21px 57px 0px rgb(31 30 30 / 54%);
}


.video-box{box-shadow: 0px 9px 29px 0px rgb(0 0 0 / 25%);}
.soundOn {
    margin-top: 5px;
    margin-left: 10px;
    width: 22%;
    padding: 15px;
}

/*timer*/


.timer {
  display: inline-block;
  font-weight: 100;
  text-align: center;
  font-size: 30px;
}
.timer div {
    /* padding: 2px 5px 10px 5px; */
    border-radius: 3px;
    display: inline-block;
    font-size: 35px;
    font-weight: 600;
    width: 80px;
    margin: 0 4px;
}
.timer .smalltext {
    font-size: 12px;
    font-weight: 500;
    display: block;
    padding: 0;
    width: auto;
    margin-top: 10%;
}
.timer #time-up {
  margin: 8px 0 0;
  text-align: left;
  font-size: 14px;
  font-style: normal;
  color: #fff;
  font-weight: 500;
  letter-spacing: 1px;
}
.inner-time {
    display: inline-block;
    padding: 20% 1%;
    border-radius: 3px;
    /* border-radius: 50px; */
    width: 100%;
    /* height: 53px; */
    background-color: #FC8607;
    color: #FFFFFF;
}
.time-box {
   
}

.arrow3{
    position: relative;
    margin-bottom: -3%;
    left: 4px;	
}

.testimonial {
    margin: 1% 0;
}
.testimonial-box img{
    border-radius: 15px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 11px 43px 0px rgb(23 51 87 / 11%);
    width: fit-content;
    padding: 1% 1% 1% 1%;
    overflow: hidden;
}

.section4-testimonial {
    padding: 0 1%;
}
.section4-testimonial-box img {
    border-radius: 15px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 11px 43px 0px rgb(23 51 87 / 11%);
    margin: 2% 0;
}


.banner{background: url(../images2/banner.png) no-repeat center center;background-size: cover; padding: 2.5% 0 1% 0;background-color: #160e30;}
.section2{background: url(../images2/section2.png) no-repeat center bottom;background-size: cover;background-color: #f4f3f9;}
.section3{background: url(../images2/section3.png) no-repeat center bottom;background-size: cover;padding: 4% 0 2% 0;}
.section4{background: url(../images2/section4.png) no-repeat center center;background-size: cover;padding:5% 0 1% 0;background-color: #140d28;}
.section4a{background: url(../images2/section4a.png) no-repeat center center;background-size: cover;background-color: #f6faff;}
.section5{background: url(../images2/section5.png) no-repeat center top;background-size: cover;padding: 4% 0 1% 0;}
.section6{background: url(../images2/section12.jpg) no-repeat center top;background-size: cover;padding: 5% 0 2% 0;position: relative;overflow: hidden;}
.section6B{background: url(../images2/section6B.png) no-repeat center center;background-size: cover;padding: 6% 0 2% 0;position: relative;overflow: hidden;background-color: #11162b;}
.section7{overflow: hidden;padding: 0% 0 2% 0;margin-top: -14%;position: relative;}
.section8{background: url(../images2/section8.png) no-repeat center bottom;background-size: cover;padding: 4% 0 2% 0;overflow: hidden;}
.section9 {background: url(../images2/section9.png) no-repeat center center;background-size: cover;padding: 5% 0 2% 0;background-color: #f4f3f9;}
.section10{background: url(../images2/section10.png) no-repeat center bottom;background-size: cover;padding: 5% 0 0% 0;    position: relative;}
.section11{padding: 7.5% 0 0% 0;    margin-top: -3%;    background-color: #0f062e;}
.section12{background: url(../images2/section12.jpg) no-repeat center center;background-size: cover;padding: 5% 0 1.5% 0;background-color: #faf2f9;}
.section13{background: url(../images2/section13.png) no-repeat center center;background-size: cover;padding: 4% 0 1% 0;}
.section14{padding: 12% 0 2% 0; background-color: #1e1731;}
.section15{background: url(../images2/section15.jpg) no-repeat center center;background-size: cover;padding: 5% 0 2% 0;background-color: #faf2f9;box-shadow: 0px 21px 57px 0px rgba(35, 24, 67, 0.38);position:relative;overflow:hidden;}
.section16{padding: 6.5% 0 2% 0;}
.section17{padding: 5% 0 0% 0;background-color: #1d1144;}
.section18{background: url(../images2/section18.png) no-repeat center center;background-size: cover;padding: 5% 0 1% 0;background-color: #f4f3f9;}
.section19{padding: 4% 0 2% 0;}
.section20{background-color: #1e1242;}
.monybackbg{background: url(../images2/bg.png) no-repeat center center;background-size: cover;padding: 4% 0;}
.section21{background: url(../images2/section21.jpg) no-repeat center center;background-size: cover;padding: 5% 0 5% 0;background-color: #fffbfa;}
.section22 {
    padding: 4% 0 4% 0;
    background-color: #140d28;
    color: #fff;
}
.section24 {
    padding: 4% 0 4% 0;
    background-color: #140d28;
    color: #fff;
}
.section23{background: url(../images2/section23.png) no-repeat center top;background-size: cover;padding: 5% 0 5% 0;}

.section3b {
    padding: 10.5% 0 2% 0;
    background: url(../images2/section3b.png) no-repeat center top;
    background-size: cover;
}

.section4b{padding: 4% 0 6% 0;}

@media only screen and (max-width: 767px){

.section2{padding: 4% 15px;}
.section18B{padding: 0 15px;}

.section5, .section12, .box4, .section19, .box5, .section9{text-align:center;}

.section10 {
    background-color: #190f36;
}

.image{display:none;}
.image2{display:inline-block;}

.title4{
	background-image:none;
    background-color: rgb(255, 219, 162);
    display: inline-block;
    padding: 1.8% 2.5%;
    border-radius: 8px;	
}
.box2 {
    padding-bottom: 8%;
}
.option {
    padding: 8% 9% 5% 9%;
    height: auto;
}

.box4 {
    padding-bottom: 6%;
}
.box4 {
    margin-bottom: 0;
}


.mobile-center, .banner-box {
    text-align: center;
}

.pc-right{
	text-align: center;
}


.element1, .element2, .element3, .demo-video-bg, .option:before, .option-main-box::before, .arrow3 {display:none !important;} 

.titleBg2 {
    background-color: #2d3349;
    border: 2px solid #525145;
    background-image: none;
    padding: 2% 1%;
}

.facebook2, .facebook3{
    position: relative;
    float: right;
    right: 0;
    margin-top: -4%;
}
.facebook {
    position: relative;
    float: right;
    right: 0;
    margin-top: -12px;
}


.generate {
    margin-bottom: 0;
}
.mybuttonA {
    margin-top: 4%;
}

.discount-box {
    width: 90% !important;
}
.box3 {
    margin-bottom: 0;
}

.icon{border:0px;}

.mybutton a {
    width: 100%;
}

.section23-box {
    padding: 4% 2% 7% 2%;
}

.facebook2, .facebook3 {
    max-width: 40%;
}
.facebook {
    max-width: 50%;
}

.check-box1 {
    border-right: 0;
}

.arrow {
    max-width: 7%;
}


}

@media only screen and (max-width: 993px){
	.title-number {
		width: 40px;
		height: 40px;
		display: block;
		padding: 5px 0;
		margin: auto;
	}	
	.title3 {
		padding: 3% 3% 3% 3%;
		margin-left: 0;
		margin-top: 0;
	}
	.discount-box {
		width: 75%;
	}
	
	.section7-box {
		border-radius: 20px;
		background-color: rgb(255, 255, 255);
		box-shadow: 0px 0px 27px 0px rgb(0 0 0 / 10%);
		padding: 6% 2% 5% 2%;
	}
	
	[type="checkbox"]:not(:checked) + label, [type="checkbox"]:checked + label {
		height: 60px;
	}

.element1, .element2 {display:none !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: 10px;
	}
	
	.video {
        width: 485px;
        height: 231px;
        top: 23px;
        left: 0px;
        margin-bottom: 8%;
    }
	
	
}
@media only screen and (max-width: 600px) {
	.ex{
		background-color:red;
	}

}	
@media only screen and (min-width: 600px) {
	.ex{
		background-color:black;
	}
	.ex{background-color:white}	
}
@media only screen and (max-width: 600px) {
	.ex{
		background-color:black;
	}

}
@media (min-width: 480px){
	.mainvideo {
		position: static;
		width: 100%;
		height: 0px;
	    padding-bottom: 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: 622px;
		height: 350px;
		top: 25px;
		left: 49px;
	}
	.video {
        width: 315px;
        height: 117px;
        top: 15px;
        left: 7px;
        margin-bottom: 12%;
    }
		
	.ele1 {
		max-width: 30%;
		left: -46%;
	}
	.ele2 {
		max-width: 30%;
		right: -35%;
	}	
	.ele3 {
		max-width: 50%;
		right: -15%;
	}

}




@media only screen and (min-width: 992px) {
	.ex{
		background-color:blue;
	}
	.mainvideo {
		position: absolute;
		width: 842px;
		height: 350px;
		top: 33px;
		left: 59px;
	}
	.video {
        width: 429px;
        height: 162px;
        top: 21px;
        left: 11px;
        margin-bottom: 10%;
    }

	.textTranslate {
		max-width: 115%;
		left: -4%;
	}
	
	.ele1 {
		max-width: 62%;
		left: -32%;
	}
	.ele2 {
		max-width: 60%;
		right: -22%;
	}
	.ele3 {
		max-width: 60%;
		right: -22%;
	}
}


@media only screen and (min-width: 1200px) {
	.ex{
		background-color:pink;
	}
	.mainvideo {
		position: absolute;
		width: 930px;
		height: 350px;
		top: 36px;
		left: 105px;
	}
	.video {
        width: 403px;
        height: 196px;
        top: 1px;
        left: 0px;
        margin-bottom: 0px;
    }

	.textTranslate {
		max-width: 110%;
		left: 0;
	}
	
	.ele1 {
		max-width: 60%;
		left: -47%;
	}
	.ele2 {
		max-width: 60%;
		right: -47%;
	}
	.ele3 {
		max-width: 60%;
		right: -15%;
	}
}


@media (min-width:1300px) {
	.mycontainer{width:1219px;}
	.mycontainer2{width:1180px;}
	

	
	.ex{background-color:blue}
		
	.textTranslate {
		max-width: 125%;
		left: -12%;
	}
	.charge { max-width: 123%;}
	
	
	.ele1 {
		max-width: 60%;
		left: -22%;
	}
	.ele2 {
		max-width: 60%;
		right: -22%;
	}
	.ele3 {
		max-width: 60%;
		right: -10%;
	}
}

@media (min-width:1400px) {
	.mycontainer{width:1370px;}
	.mycontainer2{width:1219px;;}
	


	.ex{background-color:silver}
	
	.ele1 {
		max-width: 70%;
		left: -13%;
	}
	.ele2 {
		max-width: 70%;
		right: -13%;
	}
	.ele3 {
		max-width: 70%;
		right: 0;
	}

}

@media (min-width:1500px) {
	.mycontainer{width:1500px;}
	.mycontainer2{width:1240px;}
	

	
	.ele1 {
		max-width: 80%;
		left: 17%;
	}
	.ele2 {
		max-width: 80%;
		right: 17%;
	}
	.ele3 {
		max-width: 80%;
		right: 17%;
	}
}

@media (min-width:1600px){
	.textTranslate {
		max-width: 140%;
		left: -34%;
	}

	
	.ele1 {
		max-width: 83%;
		left: 18%;
	}
	.ele2 {
		max-width: 83%;
		right: 18%;
	}	
	.ele3 {
		max-width: 70%;
		right: 17%;
	}
	

}
@media (min-width:1700px){
	.ele1 {
		max-width: 100%;
		left: 39%;
	}
	.ele2 {
		max-width: 100%;
		right: 39%;
	}	
	.ele3 {
		max-width: 80%;
		right: 40%;
	}
	
}
@media (min-width:1800px){

	
	.ele1 {
		max-width: 100%;
		left: 59%;
	}
	.ele2 {
		max-width: 100%;
		right: 59%;
	}	
	.ele3 {
		max-width: 100%;
		right: 52%;
	}
}
@media (min-width:1900px){
	.mycontainer2{width:1330px;}
	

	
	.ele1 {
		max-width: 100%;
		left: 66%;
	}
	.ele2 {
		max-width: 100%;
		right: 66%;
	}	
	.ele3 {
		max-width: 100%;
		right: 76%;
	}
}
@media (min-width:2000px){
	.ex{background-color:black}
	
}

	
.mt0{margin-top:0%;}.mt1{margin-top:1%;}.mt2{margin-top:2%;}.mt3{margin-top:3%;}.mt4{margin-top:4%;}.mt5{margin-top:5%;}.mt6{margin-top:6%;}.mt7{margin-top:7%;}
.mt8{margin-top:8%;}.mt9{margin-top:9%;}.mt10{margin-top:10%;}.mt11{margin-top:11%;}.mt12{margin-top:12%;}.mt13{margin-top:13%;}.mt14{margin-top:14%;}.mt15{margin-top:15%;}.mt17{margin-top:17%;}.mt20{margin-top:20%;}.mt22{margin-top:22%;}.mt26{margin-top:26%;}.mt28{margin-top:28%;}.mtm14{margin-top:-14%;}.mtm4{margin-top:-4%;}.mtm1{margin-top:-1%;}.mtm2{margin-top:-2%;}.mtm3{margin-top:-3%;}.mtm4{margin-top:-4%;}.mtm6{margin-top:-6%;}.mtm8{margin-top:-8%;}.mtm9{margin-top:-9%;}.mtm20{margin-top:-20%;}.mtm12{margin-top:-12px;}.mtm40{margin-top:-40px;}

@-webkit-keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}
@keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}

@-webkit-keyframes mover2 {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}
@keyframes mover2 {
    0% { transform: translateX(0); }
    100% { transform: translateX(-10px); }
}