.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: 15px !important;

    padding-right: 15px !important;

    padding-top: 10px !important;

    padding-bottom: 10px !important;

}

#top-menu li.getlink {
    align-self: center;
}
.footer-bx {
    min-width: 200px;
}
.mobile_menu_bar:before, .mobile_menu_bar:after, #top-menu li.current-menu-ancestor>a, #top-menu li.current-menu-item>a {
    color: #fa5220;
}
/* 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); }

}