/*Fonts*/
@font-face {font-family: R-FLEX-Light; src: url('../font/R-FLEX-LIGHT.otf'); } 
@font-face {font-family: R-FLEX-Regular; src: url('../font/R-FLEX-REGULAR.otf'); } 
@font-face {font-family: R-FLEX-Medium; src: url('../font/R-FLEX-MEDIUM.otf'); } 
@font-face {font-family: R-FLEX-Bold; src: url('../font/R-FLEX-BOLD.otf'); } 
@font-face {font-family: WesFYW03-Black; src: url('../font/Wes FY W03 Black.ttf'); } 


.RFLEXLight{
	font-family: 'R-FLEX-Light';
}
.RFLEXRegular{
	font-family: 'R-FLEX-Regular';
}
.RFLEXMedium{
	font-family: 'R-FLEX-Medium';
}
.RFLEXBold{ 
	font-family: 'R-FLEX-Bold';
}
.WesFYW03Black{
	font-family: 'WesFYW03-Black';
}


html {
  scroll-behavior: smooth;
}

.dancing-script{font-family: 'Dancing Script', cursive;}

.caveat{font-family: 'Caveat', cursive;}

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



h1, h2, h3, h4, h5, h6, p{margin-bottom:0;}

 ul{ 
	padding:0px;
	list-style:none;
	margin:0px;
}
.ls1{letter-spacing:1px;}
.ls2{letter-spacing:2px;}
.ls4{letter-spacing:4px;}
.ls-02{letter-spacing:-0.2px;}
.ls-01{letter-spacing:-0.5px;}
.ls-1{letter-spacing:-1px;}
.ls-2{letter-spacing:-2px;}
.ls-3{letter-spacing:-3px;}
.ls-4{letter-spacing:-4px;}

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

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

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

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

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




.testimonial-box{width: 92%;padding: 0 15px;}


}


@media (min-width:768px) {	
.sm8 {font-size: 8px;}.sm9 {font-size: 9px;}.sm10 {font-size: 10px;}.sm11 {font-size: 11px;}.sm12 {font-size: 12px;}.sm13 {font-size: 13px;}.sm14 {font-size: 14px;}.sm15 {font-size: 15px;}.sm16 {font-size: 16px;}.sm17 {font-size: 17px;}.sm18 {font-size: 18px;}.sm19 {font-size: 19px;}.sm20 {font-size: 20px;}.sm21 {font-size: 21px;}.sm23 {font-size: 23px;}.sm24 {font-size: 24px;}.sm25 {font-size: 25px;}.sm27 {font-size: 27px;}.sm28 {font-size: 28px;}.sm29 {font-size: 29px;}.sm30 {font-size: 30px;}.sm31 {font-size: 31px;}.sm32 {font-size: 32px;}.sm33 {font-size: 33px;}.sm34 {font-size: 34px;}.sm35 {font-size: 35px;}.sm36 {font-size: 36px;}.sm37 {font-size: 37px;}.sm38 {font-size: 38px;}.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;}.sm48 {font-size: 48px;}.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%;}



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

.lappysection2{    position: relative;bottom: -480px;margin-top: -566px !important;}

.mycontainer{width:750px;}
.mycontainer2{width:750px;}
.mycontainer3{width:750px;}

.mycontainer-right{width:750px;}
.mycontainer-left{width:750px;}




.testimonial-box{width: 45%;margin-top: 3%;} 





}

@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;}
.mycontainer2{width:922px;}
.mycontainer3{width:922px;}

.mycontainer-right{width:922px;}
.mycontainer-left{width:922px;}

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



.testimonial-box{width: 30%;margin-top: 0;}



}

@media (min-width:1200px){
.lg8 {font-size: 8px;}.lg9 {font-size: 9px;}.lg10 {font-size: 10px;}.lg11 {font-size: 11px;}.lg12 {font-size: 12px;}.lg13 {font-size: 13px;}.lg14 {font-size: 14px;}.lg15 {font-size: 15px;}.lg16 {font-size: 16px;}.lg17 {font-size: 16px;}.lg18 {font-size: 18px;}.lg19 {font-size: 19px;}.lg20 {font-size: 20px;}.lg21 {font-size: 21px;}.lg22 {font-size: 22px;}.lg23 {font-size: 23px;}.lg24 {font-size: 24px;}.lg25 {font-size: 25px;}.lg26 {font-size: 26px;}.lg27 {font-size: 27px;}.lg28 {font-size: 28px;}.lg29 {font-size: 29px;}.lg30 {font-size: 30px;}.lg31 {font-size: 31px;}.lg32 {font-size: 32px;}.lg33 {font-size: 33px;}.lg34 {font-size: 34px;}.lg35 {font-size: 35px;}.lg36 {font-size: 36px;}.lg37 {font-size: 37px;}.lg38 {font-size: 38px;}.lg39 {font-size: 39px;}.lg40{font-size: 40px;}.lg41 {font-size: 41px;}.lg42 {font-size: 42px;}.lg44 {font-size: 44px;}.lg45 {font-size: 45px;}.lg46 {font-size: 46px;}.lg47 {font-size: 47px;}.lg48 {font-size: 48px;}.lg49 {font-size: 49px;}.lg50 {font-size: 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;}.lg71 {font-size: 71px;}.lg70 {font-size: 70px;}.lg80 {font-size: 80px;}.lg84 {font-size: 84px;}.lg150 {font-size: 150px;}.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%;}


.testimonial-box{width: 29%;}


}

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

.xlmt4{margin-top:4%;}


.testimonial-box{width: 28%;}

}



.responsive-video {
    padding-bottom: 56.21%;
    overflow: hidden;
    position: relative;
    z-index: 3;
    background-color: #000;
}

.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 {
    background-color: #000000;
    padding: 2%;
    border: 2px solid #18191f;
    border-radius: 18px;
    box-shadow: 0px 40px 46px 0px #04012e;
    position: relative;
    z-index: 2;
}

.demo-box {
    background-color: #000000;
    padding: 2%;
    border: 2px solid #18191f;
    border-radius: 18px;
    box-shadow: 0px 40px 46px 0px #04012ea6;
}
.autoplayer-subarea-16-by-9 {
    padding-bottom: 56.80% !important;
}
.autoplayer-subarea {
    background-color: #121212 !important;
}

.myvideo2{
	border-radius: 2px;
	background-color: rgb(89, 35, 89);
	box-shadow: 0px 24px 43px 0px rgba(32, 20, 32, 0.5);
    padding: 1%;	
}




.mycontainer{margin:auto;}

.mycontainer-right{margin-left:auto;}
.mycontainer-left{margin-right:auto;}

.italic {
    font-style: italic;
}

.upper{text-transform:uppercase}

.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;
}

.black{color:#000;}
.black2{color:#0e0f12;}
.gray{color:#323234;}
.gray2{color:#b1b1b1;}
.gray3{color:#333333;}
.gray4{color:#4c4c4c;}
.purple{color:#80778c;}
.purple2{color:#9a91a7;}

.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;}

.mybutton a {
    border-radius: 20px;
    background-color: rgb(125, 188, 12);
    color: #fff;
    padding: 2.9% 6.6% 2.9% 7.6%;
    display: table;
    margin: auto;
    transition: 0.5s;
    position: relative;
    z-index: 1;
}

.mybutton a:hover {
    background-color: rgb(109 165 11);
}

.mybuttonA a {
    border-radius: 0;
    background-color: rgb(125, 188, 12);
    color: #fff;
    padding: 1px 17px;
    display: table;
    margin: auto;
    transition: 0.5s;
    text-decoration: underline;
    letter-spacing: -1px;
    position: relative;
    z-index: 2;
}
.mybuttonA a:hover {
    background-color: rgb(109 165 11);
}

.mybutton1 a {
    border-radius: 10px;
    background-color: rgb(125, 188, 12);
    color: #fff;
    padding: 4.1% 5.6% 4.1% 6.6%;
    display: table;
    margin: auto;
    transition: 0.5s;
    position: relative;
    width: 108%;
    margin-left: -6%;
}
.mybutton1 a:hover {
    background-color: rgb(109 165 11);
}

.unchecklist1, .unchecklist2 {
    border-radius: 20px;
    background-color: rgb(255, 255, 255);
    box-shadow: -2px 3.464px 32px 0px rgb(81 29 167 / 23%);
    width: 96%;
    padding: 3.7% 7%;
    margin-top: 15%;
    position: relative;
    z-index: 1;
}
.unchecklist1{margin-left: auto;}

.unchecklist2-last {
    padding: 7.6% 7%;
}

.unchecklist1 li {
    background: url(../images/unchecklist1.png) no-repeat 0 2px;
    padding-left: 40px;
    list-style: none;
    margin-left: 0px;
    padding-top: 0;
    padding-bottom: 3%;
    padding-right: 3%;
    margin-top: 0;
}

.unchecklist2 li {
    background: url(../images/unchecklist1.png) no-repeat 0 2px;
    padding-left: 40px;
    list-style: none;
    margin-left: 0px;
    padding-top: 0;
    padding-bottom: 3%;
    padding-right: 3%;
    margin-top: 1%;
}

.checklist3 li {
    background: url(../images/check3.png) no-repeat 0 4px;
    padding-left: 38px;
    list-style: none;
    margin-left: 0px;
    padding-top: 0%;
    padding-bottom: 3%;
    padding-right: 0;
    margin-bottom: 3%;
}





.pro-box{
	padding: 0px;
    border: 3px solid #ffbbc9;
	border-radius: 23px;
	box-shadow: 0px 2px 87px 0px rgba(168, 134, 106, 0.25)
}

.pro-top {
    padding: 12% 4% 5% 4%;
    z-index: 1;
}

.personal {
    padding: 4px 28px;
    position: relative;
    z-index: 2;
    color: #000;
    margin-top: 0;
    text-transform: uppercase;
    border-radius: 10px;
    background-color: rgb(197 180 231 / 46%);
}
.commercial {
    padding: 4px 28px;
    position: relative;
    z-index: 2;
    color: #fff;
    margin-top: 0;
    text-transform: uppercase;
    border-radius: 10px;
    background-color: rgb(255 255 255 / 8%);
}

.pro-center {
    padding: 16% 6% 11% 10%;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 11px 24px 0px rgb(59 62 75 / 20%);
    border: 1px solid rgb(186, 174, 216);
    border-top: 0;
    width: 93.2%;
    margin: auto;
    margin-top: -14%;
    border-radius: 0 0 38px 38px;
}

.commercial-center {
    padding: 16% 6% 11% 10%;
    background-color: rgb(255, 255, 255);
	box-shadow: 0px 0px 49px 0px rgba(0, 0, 0, 0.09);
    border: 1px solid rgb(0, 0, 0);
    border-top: 0;
    width: 93.2%;
    margin: auto;
    margin-top: -14%;
    border-radius: 0 0 38px 38px;
}
.table-box-out2 .pro-center{box-shadow:0px 34px 46px 0px rgb(0 19 90 / 58%);}

ul.price-checklist2 {
    padding-left: 13px;
}
.price-checklist1 li {
    background: url(../images/check1.png) no-repeat 0 5px;
    padding-left: 39px;
    list-style: none;
    margin-left: 0;
    padding-top: 3px;
    padding-bottom: 15px;
    margin-bottom: 15px;
}
.price-unchecklist1 li {
    background: url(../images/unchecklist11.png) no-repeat 0 5px;
    padding-left: 39px;
    list-style: none;
    margin-left: 0;
    padding-top: 3px;
    padding-bottom: 15px;
    margin-bottom: 15px;
}



ul.price-checklist3 {
    padding-left: 13px;
}
.price-checklist3 li {
    background: url(../images/check3.png) no-repeat left top;
    padding-left: 39px;
    list-style: none;
    margin-left: 0px;
    padding-top: 0px;
    padding-bottom: 17px;
    margin-bottom: 17px;
    border-bottom:1px solid #f1f1f1;
}

.pro-box li.last, .price-checklist3 li.last {border-bottom:0px;}

.coupon {
    border: 2px dashed rgb(255, 0, 0);
    display: inline-block;
    color: #ff0000;
    padding: 12px 16px;
    background-color: rgb(255, 228, 228);
}
.text-bg {
    background: url(../images/textBg.png) no-repeat center center;
    padding: 12px 12px;
    color: #fff;
    display: inline-block;
}

.lite-title {
    background-color: #eff1f3;
    width: 108%;
    margin-left: -4%;
    padding: 4% 0;
    text-align: center;
    margin-bottom: 6%;
}
.pro-title{background-image: linear-gradient(to right, #f87a5c , #ff436f);width: 108%;margin-left: -4%;padding: 4% 0;margin-bottom: 6%;text-align: center;color: #fff;}


.table-box-out1 {
    padding: 0 2% 0 0;
    margin-top: 4%;
}
.table-box-out2 {
    padding: 0 0 0 2%;
    margin-top: 4%;
}
.pro-top {
    background: url(../images/tableBg1.png) no-repeat center bottom;
    background-size: cover;
    padding: 9% 1% 15% 1%;
    border-radius: 30px 30px 0 0;
    position: relative;
    z-index: 1;
}
.commercial-top {
    background: url(../images/tableBg2.png) no-repeat center bottom;
    background-size: cover;
    padding: 9% 1% 15% 1%;
    border-radius: 30px 30px 0 0;
    position: relative;
    z-index: 1;
}




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

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


/*swiper-slider*/
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet::before, .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, [class^=swiper-button-] {
  transition: all 0.3s ease;
}


.swiper-container {
  width: 100%;
  transition: opacity 0.6s ease;
}
.swiper-container.swiper-container-coverflow {
    padding-top: 2%;
    padding-bottom: 2%;
    margin-top: 0;
}

.section17B .swiper-container.swiper-container-coverflow{
    padding-top: 5%;
	}

.swiper-container.loading {
  opacity: 0;
  visibility: hidden;
}
.swiper-container:hover .swiper-button-prev,
.swiper-container:hover .swiper-button-next {
  transform: translateX(0);
  opacity: 1;
  visibility: visible;
}

.swiper-slide {
    padding: 1%;
}
.swiper-slide .entity-img {
    width: 100%;
    box-shadow: 0px 21px 57px 0px rgb(6 6 6 / 44%);
    border-radius: 20px 20px 0 0;
}
.swiper-slide .content {
  position: absolute;
  top: 40%;
  left: 0;
  width: 50%;
  padding-left: 5%;
  color: #fff;
}
.swiper-slide .content .title {
  font-size: 2.6em;
  font-weight: bold;
  margin-bottom: 30px;
}
.swiper-slide .content .caption {
  display: block;
  font-size: 13px;
  line-height: 1.4;
}

[class^=swiper-button-] {
  width: 44px;
  opacity: 0;
  visibility: hidden;
}

.swiper-button-prev {
  transform: translateX(50px);
}

.swiper-button-next {
  transform: translateX(-50px);
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 9px;
  position: relative;
  width: 12px;
  height: 12px;
  background-color: #fff;
  opacity: 0.4;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 18px;
  height: 18px;
  transform: translate(-50%, -50%);
  border: 0px solid #fff;
  border-radius: 50%;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:hover, .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
  border-width: 1px;
}

@media (max-width: 1180px) {
  .swiper-slide .content .title {
    font-size: 25px;
  }
  .swiper-slide .content .caption {
    font-size: 12px;
  }
}
@media (max-width: 1023px) {
  
  .swiper-container.swiper-container-coverflow {
    padding-top: 0;
  }
}


/**/

b{font-family: 'R-FLEX-Bold';}

.title1 {
    background-color: rgb(80, 50, 141);
    display: inline-block;
    border-radius: 50px;
    letter-spacing: 1px;
    padding: 3px 40px 0 22px;
}
.title2 {
    background-color: rgb(85, 82, 193);
    display: inline-block;
    border-radius: 50px;
    padding: 10px 18px;
    color: #fff;
    text-align: center;
    width: 73%;
}


.titleBg1 {
    background: url(../images/titleBg1.png) no-repeat center center;
    background-size: contain;
    padding: 2px 20px 7px 0px;
    margin-top: 1%;
}
.titleBg2 {
    background: url(../images/titleBg2.png) no-repeat center center;
    background-size: contain;
    padding: 0 0 2px 0;
}
.titleBg3 {
    background: url(../images/titleBg3.png) no-repeat center center;
    background-size: contain;
    padding: 3px 0px 7px 0px;
}
.titleBg4 {

}
.titleBg5 {
    background: url(../images/titleBg5.png) no-repeat center center;
    background-size: contain;
    padding: 8px 0px;
    margin-top: 5px;
}
.titleBg6 {
    background: url(../images/titleBg6.png) no-repeat center center;
    background-size: contain;
    padding: 36px 0 45px 0;
}
.titleBg7 {
    background: url(../images/titleBg7.png) no-repeat center center;
    background-size: contain;
    padding: 0 0 2px 0; 
}
.titleBg8 {
    background: url(../images/titleBg8.png) no-repeat center center;
    background-size: contain;
    padding: 37px 0 45px 0;
}
.titleBg9 {
    background: url(../images/titleBg9.png) no-repeat center center;
    background-size: contain;
    padding: 2px 0px;
    margin-top: 5px;
}
.titleBg10 {
    background: url(../images/titleBg10.png) no-repeat center center;
    background-size: contain;
    padding: 37px 0 45px 0;
}
.titleBg11A {
    background: url(../images/titleBg11.png) no-repeat center center;
    background-size: contain;
    padding: 6px 0px;
    text-align:center;
}
.titleBg11B {
    background: url(../images/titleBg9.png) no-repeat center center;
    background-size: contain;
    padding: 6px 0px;
    text-align:center;
}
.titleBg12 {
    background: url(../images/titleBg12.png) no-repeat center center;
    background-size: contain;
    padding: 37px 0 45px 0;
}
.titleBg13 {
    background: url(../images/titleBg13.png) no-repeat center center;
    background-size: contain;
    padding: 37px 0 45px 0;
}
.titleBg14 {
    background: url(../images/titleBg14.png) no-repeat center center;
    background-size: contain;
    padding: 11% 0;
    text-align: center;
}
.titleBg15 {
    background: url(../images/titleBg15.png) no-repeat center center;
    background-size: contain;
    padding: 11% 0;
	text-align:center;
}
.titleBg16 {
    background: url(../images/titleBg16.png) no-repeat center center;
    background-size: contain;
	text-align:center;
    padding: 11% 0;
}
.titleBg17 {
    background: url(../images/titleBg17.png) no-repeat center center;
    background-size: contain;
    padding: 11% 0;
	text-align:center;
}
.titleBg18 {
    background: url(../images/titleBg18.png) no-repeat center left;
    background-size: contain;
    padding: 6% 7% 8% 7%;
}
.titleBg19 {
    background: url(../images/titleBg19.png) no-repeat center center;
    background-size: contain;
    padding: 8px 0px;
}
.titleBg20 {
    background: url(../images/titleBg20.png) no-repeat center center;
    background-size: contain;
    padding: 54px 0;
    margin-top: 2%;
}
.titleBg21 {
    background: url(../images/titleBg21.png) no-repeat center center;
    background-size: contain;
    padding: 12px 0px;
}
.titleBg22 {
    background: url(../images/titleBg22.png) no-repeat center center;
    background-size: contain;
    padding: 7px 0px;
}
.titleBg23 {
    background: url(../images/titleBg23.png) no-repeat center center;
    background-size: contain;
    padding: 60px 0px;
}
.titleBg24 {
    background: url(../images/titleBg24.png) no-repeat center center;
    background-size: contain;
    padding: 53px 0;
}
.titleBg25 {
    background: url(../images/titleBg25.png) no-repeat center center;
    background-size: contain;
    padding: 55px 0;
}
.titleBg26 {
    background: url(../images/titleBg26.png) no-repeat center center;
    background-size: contain;
    padding: 56px 0px;
}
.titleBg27 {
    background: url(../images/titleBg27.png) no-repeat center left;
    background-size: contain;
    padding: 5px 0px 10px 40px;
}
.titleBg28 {
    background: url(../images/titleBg28.png) no-repeat center center;
    background-size: contain;
    padding: 55px 0;
}
.titleBg29 {
    background: url(../images/titleBg29.png) no-repeat center center;
    background-size: contain;
    padding: 10px 0px 10px 0px;
}
.titleBg30 {
    background: url(../images/titleBg30.png) no-repeat center center;
    background-size: contain;
    padding: 7px 0px 7px 0px;
}
.titleBg31 {
    background: url(../images/titleBg31.png) no-repeat center center;
    background-size: contain;
    padding: 7px 0px 7px 0px;
}

.titleBg32 {
    background: url(../images/titleBg32.png) no-repeat center center;
    background-size: contain;
    padding: 44px 0px;
}
.titleBg33 {
    background: url(../images/titleBg33.png) no-repeat center center;
    background-size: contain;
    padding: 51px 0px;
}
.titleBg34 {
    background: url(../images/titleBg34.png) no-repeat center center;
    background-size: contain;
    padding: 51px 0px;
}
.titleBg35 {
    background: url(../images/titleBg35.png) no-repeat center center;
    background-size: contain;
    padding: 0px 0px 14px 0px;
    margin-top: 1%;
}
.titleBg36 {
    background: url(../images/titleBg36.png) no-repeat center bottom;
    background-size: contain;
    padding: 0px;
}

.titleBg37 {
    background: url(../images/titleBg37.png) no-repeat center center;
    background-size: contain;
    padding: 37px 0 45px 0;
}
.titleBg38 {
    background: url(../images/titleBg38.png) no-repeat center center;
    background-size: contain;
    padding: 37px 0 45px 0;
}
.titleBg39 {
    background: url(../images/titleBg39.png) no-repeat center center;
    background-size: contain;
    padding: 50px 0;
}

.titleBg40 {
    background: url(../images/titleBg40.png) no-repeat center bottom;
    background-size: contain;
    padding: 0px 0px 4px 0px;
}

.titleBg41 {
    background: url(../images/titleBg41.png) no-repeat center center;
    background-size: contain;
    padding: 35px 0 8px 0;
}

.banner-box {
    background: url(../images/bannerBox.png) no-repeat center center;
    background-size: auto;
    padding: 0 4%;
    position: relative;
}
.banner-box-border {
    border: 2px dashed rgb(255, 242, 0);
    padding: 4% 4%;
}


.video-Bg {
    background: url(../images/videoBg.png) no-repeat center center;
    padding: 2% 1% 5% 1%;
}

.section2-box-out {
    padding: 0 4px;
    margin-top: 4%;
}
.section2-box {
    border: 3px dashed rgb(112, 112, 112);
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 16px 51px 0px rgb(71 28 120 / 38%);
}

.sell-box-main {
    margin: 1.5% 0;
}
.sell-box1{
	background: url(../images/sellBg1.png) no-repeat center right;
    background-size: auto;
}
.sell-box2{
	background: url(../images/sellBg2.png) no-repeat center right;
    background-size: auto;
}
.sell-box3{
	background: url(../images/sellBg3.png) no-repeat center right;
    background-size: auto;
}
.sell-box4{
	background: url(../images/sellBg4.png) no-repeat center right;
    background-size: auto;
}
.sell-box5{
	background: url(../images/sellBg5.png) no-repeat center right;
    background-size: auto;
}
.sell-box6{
	background: url(../images/sellBg6.png) no-repeat center right;
    background-size: auto;
}
.sell-box7{
	background: url(../images/sellBg7.png) no-repeat center right;
    background-size: auto;
}
.sell-box8{
	background: url(../images/sellBg8.png) no-repeat center right;
    background-size: auto;
}

.sell-box h4{
    margin-top: 6%;
}
.sell-box p{
    margin-top: 2%;
}


/**/
.icon1 {
    position: relative;
    top: -21px;
    margin-bottom: -26px;
    margin-right: 20px;
}
.iconA {
    position: absolute;
    top: -1.8%;
    left: -1.2%;
}
.iconB{
    position: absolute;
    top: -1.8%;
    right: -1.2%;	
}
.iconC {
    position: absolute;
    bottom: -1.8%;
    left: -1.2%;
}
.iconD{
    position: absolute;
    bottom: -1.8%;
    right: -1.2%;	
}

.icon3 {
    margin-top: -2.5%;
    margin-right: -5%;
}


.icon9A {
    position: absolute;
    z-index: 1;
}
.icon9B{
    position: absolute;
    top: -2%;
    right: 3.8%;
    z-index: 1;
}
.icon9C {
    position: absolute;
    bottom: -2%;
    left: 3.5%;
    z-index: 1;
}
.icon9D{
    position: absolute;
}



/**/
.arrows {
    width: 120px;
    height: 82px;
    position: relative;
    /* margin-left: 50%; */
    /* margin-left: -30px; */
    /* bottom: 20px; */
    margin: auto;
    text-align: center;
}

.arrows path {
    stroke: #f84e0f;
    fill: transparent;
    stroke-width: 6px;
    animation: arrow 2s infinite;
    -webkit-animation: arrow 2s infinite;
}

@keyframes arrow
{
0% {opacity:0}
40% {opacity:1}
80% {opacity:0}
100% {opacity:0}
} 

@-webkit-keyframes arrow /*Safari and Chrome*/
{
0% {opacity:0}
40% {opacity:1}
80% {opacity:0}
100% {opacity:0}
}

.arrows path.a1 {
	animation-delay:-1s;
	-webkit-animation-delay:-1s; /* Safari 和 Chrome */
}

.arrows path.a2 {
	animation-delay:-0.5s;
	-webkit-animation-delay:-0.5s; /* Safari 和 Chrome */
}

.arrows path.a3 {	
	animation-delay:0s;
	-webkit-animation-delay:0s; /* Safari 和 Chrome */
}


.icon4 {
    position: relative;
    top: -15px;
    margin-bottom: -26px;
    margin-right: 10px;
}

.section4-box {
    border: 2px solid rgb(143, 119, 204);
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 16px 51px 0px rgb(71 28 120 / 38%);
    padding: 4% 10%;
}

.section4-box-inn {
    border-bottom: 2px solid #f2e1f1;
    padding: 4.7% 0%;
}
.section4-box-inn:last-child {
    border-bottom: 0px;
}

.icon5 {
    position: absolute;
    top: -1.8%;
    left: -2.4%;
}
.icon6{
    position: absolute;
    top: -1.8%;
    right: -2.4%;	
}
.icon7 {
    position: absolute;
    bottom: -1.8%;
    left: -2.4%; 
}

.icon8{
    right: 1.5%;
    margin-top: -5.5%;	
}
 
.intro-box {
    position: absolute;
    top: 4%;
    z-index: 1;
}
 
.section6-box {
    border-radius: 50%;
    position:relative;
    background-color: rgb(255 255 255);
}
.section6-box h3 {
    list-style: none;
    margin-left: 0;
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}

 
.bg1{
    position: absolute;
    z-index: 1;
    margin-top: -2%;
    left: 1.5%;	
} 
.bg2{
    position: absolute;
    z-index: 1;
    margin-top: 0%;
    right: -3%;
} 
.bg3{
    position: absolute;
    z-index: 1;
    margin-top: 0%;
    left: 1.5%;
}
.bg4{
    position: absolute;
    z-index: 1;
    margin-top: 0%;
    right: 3.5%;
} 
.bg5{
    position: absolute;
    z-index: 1;
    margin-top: -1%;
    left: -2%;
} 
.bg6{
    position: absolute;
    z-index: 1;
    margin-top: 0%;
    right: 0;
} 

.box1 {
    position: relative;
    max-width: 146%;
    left: -39%;
}

.arrowA{
    position: relative;
    right: -18%;
}
.arrowB{
    position: relative;
    right: -11%;
}
.arrowC{
    position: relative;
    right: -32%;
}
.arrowD{
    position: relative;
    left: -27%;
}
.arrowE{
    position: relative;
    left: -11%;
    margin-top: -9%;
}
.arrowF{
    position: relative;
    margin-top: -5%;
    left: -24%;
}
 

 
.testimonial-text {
    background: url(../images/bg7.png) no-repeat center center;
    background-size: contain;
    text-align: center;
    padding: 2% 1%;
}

.before-after {
    box-shadow: 0px 21px 54px 0px rgb(71 7 161 / 27%);
    border-radius: 30px;
    margin-top: 2%;
}

/*tab*/

.section9-left{width: 36%;}
.section9-right{width: 59%;}


.main-tab li a {
    display: inline-block;
    border-radius: 5px;
    margin: 2.5% 0;
    padding: 3.5% 9%;
    width: 100%;
}
.main-tab li a.active{
	background-color: #f8f3ff;
}


.main-tab li a span{
    padding-left: 60px;
    list-style: none;
    margin-left: 0px;
    padding-top: 1%;
    padding-bottom: 3%;
    padding-right: 0;
    margin-top: 0;
    display: inline-block;
    color: #353535;
}
.main-tab li.tab1 a span{background: url(../images/tab1.png) no-repeat top left;}
.main-tab li.tab2 a span{background: url(../images/tab2.png) no-repeat top left;}
.main-tab li.tab3 a span{background: url(../images/tab3.png) no-repeat top left;}
.main-tab li.tab4 a span{background: url(../images/tab4.png) no-repeat top left;}
.main-tab li.tab5 a span{background: url(../images/tab5.png) no-repeat top left;}
.main-tab li.tab6 a span{background: url(../images/tab6.png) no-repeat top left;}
.main-tab li.tab7 a span{background: url(../images/tab7.png) no-repeat top left;}
.main-tab li.tab8 a span{background: url(../images/tab8.png) no-repeat top left;}
.main-tab li.tab9 a span{background: url(../images/tab9.png) no-repeat top left;}
.main-tab li.tab10 a span{background: url(../images/tab10.png) no-repeat top left;}
.main-tab li.tab11 a span{background: url(../images/tab11.png) no-repeat top left;}
.main-tab li.tab12 a span{background: url(../images/tab12.png) no-repeat top left;}
.main-tab li.tab13 a span{background: url(../images/tab13.png) no-repeat top left;}
.main-tab li.tab14 a span{background: url(../images/tab14.png) no-repeat top left;}
.main-tab li.tab15 a span{background: url(../images/tab15.png) no-repeat top left;}
.main-tab li.tab16 a span{background: url(../images/tab16.png) no-repeat top left;}
.main-tab li.tab17 a span{background: url(../images/tab17.png) no-repeat top left;}
.main-tab li.tab18 a span{background: url(../images/tab18.png) no-repeat top left;}
.main-tab li.tab19 a span{background: url(../images/tab19.png) no-repeat top left;}
.main-tab li.tab20 a span{background: url(../images/tab20.png) no-repeat top left;}




.instagram-tab li {
    display: inline-block;
    margin: 1% 1% 1% 0;
}
.instagram-tab li a {
    color: #8767b5;
    border-radius: 5px;
    background-color: rgb(240, 229, 255);
    padding: 7px 18px;
    display: inline-block;
}
.instagram-tab li a.active{
	color:#fff;
	background-color:#9266d0;
}

.instagram-tab{}
.instagram-img{margin-top:3%;}

.instagram-tab-section {

}

/*tab2*/
.templates-tabs li{
    display: inline-block;
    margin: 10px 8px;
	color:#6c6478;
}
.templates-tabs li a{
	color:#6c6478;
	font-family: 'R-FLEX-Regular';
	border-radius: 5px;
	padding: 3px 14px;
}
.templates-tabs li a.active, .templates-tabs li a:hover {
    background-color: rgb(255, 216, 0);
    color: #130e1a;
    font-family: 'R-FLEX-Bold';
    padding: 2px 14px;
}

/*tab3*/
.transformation-tabs li{
    display: inline-block;
    margin: 10px 8px;
}
.transformation-tabs li a{
	color:#9a9a9a;
	font-family: 'R-FLEX-Regular';
	border-radius: 8px;
	padding: 8px 26px 10px 26px;
}
.transformation-tabs li a.active{
	background-color: rgb(251, 229, 4);
	color:#130e1a;
	font-family: 'R-FLEX-Bold';
}
.tab_content2{margin-top:3%;}


/*comparison-slider*/

.tab_content3{margin-top:5%;text-align: center;}

.wrapperA {
    position: relative;
    height: 469px;
    width: 690px;
    overflow: hidden;
    background: #fff;
    border: 5px solid #fff;
    box-shadow: 0px 0px 15px rgb(0 0 0 / 15%);
    margin: auto;
    border-radius: 10px;
}
.wrapperA .images{
  height: 100%;
  width: 100%;
  display: flex;
}
.wrapperA .images .img-1{
  height: 100%;
  width: 100%;
}
.wrapperA .images .img-2{
  position: absolute;
  height: 100%;
  width: 50%;
}

.wrapperA .images .img-A{background: url(../images/removeBg1.png) no-repeat;}
.wrapperA .images .img-B{background: url(../images/orignal1.png) no-repeat;}
.wrapperA .images .img-C{background: url(../images/removeBg2.png) no-repeat;}
.wrapperA .images .img-D{background: url(../images/orignal2.png) no-repeat;}
.wrapperA .images .img-E{background: url(../images/removeBg3.png) no-repeat;}
.wrapperA .images .img-F{background: url(../images/orignal3.png) no-repeat;}
.wrapperA .images .img-G{background: url(../images/removeBg4.png) no-repeat;}
.wrapperA .images .img-H{background: url(../images/orignal4.png) no-repeat;}
.wrapperA .images .img-I{background: url(../images/removeBg5.png) no-repeat;}
.wrapperA .images .img-J{background: url(../images/orignal5.png) no-repeat;}


.wrapperA .sliderA{
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 99;
}
.wrapperA .sliderA input{
  width: 100%;
  outline: none;
  background: none;
  -webkit-appearance: none;
}
.sliderA input::-webkit-slider-thumb{
  height: 486px;
  width: 3px;
  background: none;
  -webkit-appearance: none;
  cursor: col-resize;
}
.sliderA .drag-line{
  width: 3px;
  height: 486px;
  position: absolute;
  left: 49.85%;
  pointer-events: none;
}
.sliderA .drag-line::before,
.sliderA .drag-line::after{
  position: absolute;
  content: "";
  width: 100%;
  height: 222px;
  background: #fff;
}
.sliderA .drag-line::before{
  top: 0;
}
.sliderA .drag-line::after{
  bottom: 0;
}
.sliderA .drag-line span{
  height: 42px;
  width: 42px;
  border: 3px solid #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  transform: translate(-50%, -50%);
}
.sliderA .drag-line span::before,
.sliderA .drag-line span::after{
  position: absolute;
  content: "";
  top: 50%;
  border: 10px solid transparent;
  border-bottom-width: 0px;
  border-right-width: 0px;
  transform: translate(-50%, -50%) rotate(45deg);
}
.sliderA .drag-line span::before{
  left: 40%;
  border-left-color: #fff;
}
.sliderA .drag-line span::after{
  left: 60%;
  border-top-color: #fff;
}


/**/

.section19-box {
    width: 13%;
    text-align: center;
    margin: 2%;
}
.section19-box p {
    margin-top: 7%;
}

.grow1-box {
    text-align: center;
    margin-top: 6.5%;
}

.section21-box-out {
    padding: 20px 18px;
}
.section21-box {
    text-align: center;
    border-radius: 8px;
    background-color: rgb(255, 255, 255);
    box-shadow: -7.552px 9.326px 32px 0px rgb(0 0 0 / 7%), inset 0px 4px 0px 0px rgb(173 170 0 / 0%);
    padding: 15% 10% 12% 10%;
    height: 100%;
}
.section21-box1{border-bottom:3px solid #0eb2cb;}
.section21-box2{border-bottom:3px solid #753dc2;}
.section21-box3{border-bottom:3px solid #adaa00;}
.section21-box4{border-bottom:3px solid #c053c7;}
.section21-box5{border-bottom:3px solid #2079c2;}
.section21-box6{border-bottom:3px solid #f36026;}
.section21-box7{border-bottom:3px solid #d51567;}
.section21-box8{border-bottom:3px solid #7a7dfe;}
.section21-box9{border-bottom:3px solid #5fb870;}


.bonus-box {
    background-color: rgb(255 255 255 / 4%);
    position:relative;
    padding: 30px 40px 40px 40px;
}
.bonus-box:before {
	content: '';
	/* border-right: 20px solid rgb(255 255 255 / 4%); */
	/* border-top: 282px solid transparent; */
	/* border-bottom: 0px solid transparent; */
	/* position: absolute; */
	/* left: -20px; */
	/* bottom: -20px; */
}
.bonus-box:after {
	/* content: ''; */
	/* border-top: 20px solid rgb(255 255 255 / 4%); */
	/* border-left: 0 solid transparent; */
	/* border-right: 620px solid transparent; */
	/* position: absolute; */
	/* bottom: -20px; */
	/* left: 0; */
}

.section25-box-out{
    padding: 20px 20px;
}
.section25-box{
	border-radius: 20px;
	background-color: rgb(255, 255, 255);
	box-shadow: 0px 13px 49px 0px rgba(100, 53, 187, 0.13);
	padding: 19% 2% 20% 2%;
	text-align:center;
	height: 100%;
}

.section26-box {
    padding: 2% 2.1%;
}
.section26-box1 {
    background: url(../images/confidenceBg1.png) no-repeat center center;
    background-size: cover;
    padding: 6% 5% 8% 5%;
    background-color: #ef64b4;
    text-align: center;
    border-radius: 20px;
    box-shadow: 0px 16px 40px 0px rgb(224 76 243 / 19%);
    height: 100%;
}
.section26-box2{
	background: url(../images/confidenceBg2.png) no-repeat center center;
	background-size: cover;
	padding: 6% 5% 8% 5%;
	background-color: #567efe;
	text-align:center;
	border-radius: 20px;
	box-shadow: 0px 16px 40px 0px rgba(224, 76, 243, 0.19);
	height:100%;
}

/**/
.panel-title > a:before {
    float: right !important;
    font-family: FontAwesome;
    content:"\f05c";
    padding-right: 5px;
}
.panel-title > a.collapsed:before {
    float: right !important;
    content:"\f078";
}
.panel-title > a:hover, 
.panel-title > a:active, 
.panel-title > a:focus  {
    text-decoration:none;
}

.section27-box {
	background-size: cover;
	border: 1px solid rgb(204, 199, 224);
	border-radius: 20px;
	background-color: rgb(244, 241, 255);
	box-shadow: 0px 23px 51px 0px rgb(4 1 46 / 9%);
	padding: 4% 7.5% 7% 7.5%;
	margin-top: 4%;
	position: relative;
}
.section27-box-in {
    padding: 0 1.5%;
    z-index: 2;
}

.element1 {
    position: absolute;
    bottom: 0;
    right:0;
    text-align:center;
}
.ele1 {
    animation: 2s ease-in-out 0s infinite alternate none running mover1;
    position: relative;
}

.element2 {
    position: absolute;
    top: 8%;
    text-align:center;
    z-index: 1;
}
.ele2 {
    animation: 2s ease-in-out 0s infinite alternate none running mover2;
    position: relative;
    left: 0;
}

.element3 {
    position: absolute;
    bottom: 12%;
    right:0;
    text-align:center;
}
.ele3 {
    animation: 2s ease-in-out 0s infinite alternate none running mover1;
    position: relative;
}

.element4 {
    position: absolute;
    top: 14%;
    text-align:center;
    z-index: 1;
}
.ele4 {
    animation: 2s ease-in-out 0s infinite alternate none running mover1;
    position: relative;
    left: 0;
}

.element5 {
    position: absolute;
    top: 8%;
    right:0;
    text-align:center;
}
.ele5 {
    animation: 2s ease-in-out 0s infinite alternate none running mover2;
    position: relative;
}

.element6 {
    position: absolute;
    bottom: 12%;
    text-align:center;
    z-index: 1;
}
.ele6 {
    position: relative;
    left: 0;
}


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

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

.panel {
    margin: 5% 0;
}

.panel-title{
	font-size:18px;
	font-family: 'R-FLEX-Bold';	
}
.panel a {
	border-radius: 5px 5px 0 0 !important;
	background-color: rgb(255, 255, 255);
	border-radius: 5px;
	padding: 4.1% 6%;
	display: block;
	color: #000;
}

.panel .collapsed {
    border: 1px solid rgb(168, 161, 196);
    background-color: transparent;
    border-radius: 5px  !important;
}

.panel-collapse {
    font-size: 16px;
    font-family: 'R-FLEX-Regular';
    color: #323234;
    line-height: 160%;
    padding: 0 6% 5% 6%;
    border-radius: 0 0 5px 5px;
    background-color: rgb(255, 255, 255);
}

.gradient-text{
    background-image: linear-gradient(to right, #a324cc , #2468bb, #1dcbed);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;	
}

.challenges{
	max-width: 120%;
    position: relative;
    left: -10%;
}

.connection1{
    margin-top: -2%;
}
.connection2{
    margin-top: -4%;
    margin-bottom: 1%;
}
.connection3{
    margin-top: -4%;
    margin-bottom: 3%;
}



.footer-link a {
    color: #9392b3;
    text-decoration: underline;
    margin: 0 12px;
}
.footer-link a:hover{text-decoration: none;}



/**/
.wrapper {
  overflow: hidden;
}

.sliding-background {
  background: url(../images/slider1.png) repeat-x;
  height: auto;
  width: 5076px;
  animation: slide 60s linear infinite;
}

@keyframes slide {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(-1692px, 0, 0);
  }
}

.sliding-background2 {
  background: url(../images/slider2.png) repeat-x;
  height: auto;
  width: 5076px;
  animation: slide2 60s linear infinite;
}

@keyframes slide2 {
  0% {
    transform: translate3d(-1692px, 0, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}

.slider{visibility:hidden;} 


.tab-img-pc{display:block;}
.tab-img-mobile{display:none;}

.section18 .responsive-video, .section28 .responsive-video, .section6 .responsive-video {
    border-radius: 5px;
}

.section6 .responsive-video, .section28 .responsive-video, .section18 .responsive-video{padding-bottom: 0;}
 
.testimonial1-box, .testimonial2-box, .testimonial3-box {
    position: relative;
    padding: 5%;
}
.testimonial1-box {
    background: url(../images/testimonial1.png) no-repeat center center;
    background-size: contain;
}
.testimonial2-box {
    background: url(../images/testimonial2.png) no-repeat center center;
    background-size: contain;
}
.testimonial3-box {
    background: url(../images/testimonial3.png) no-repeat center center;
    background-size: contain;
}

.testimonial1, .testimonial2, .testimonial3{
	border-radius: 10px;
	background-color: rgb(240, 244, 251);
	box-shadow: 0px 21px 54px 0px rgba(71, 7, 161, 0.24);	
}
.testimonial1{border: 4px solid rgb(249, 173, 129);} 
.testimonial2{border: 4px solid rgb(144, 91, 202);} 
.testimonial3{border: 4px solid rgb(158, 0, 93);} 


.technology-box .responsive-video {
    border-radius: 15px;
}

.technology-box {
    position: relative;
    padding: 4% 5% 4% 4%;
}
.technology1-box {
    background: url(../images/technology1.png) no-repeat center center;
    background-size: contain;
}
.technology2-box {
    background: url(../images/technology2.png) no-repeat center center;
    background-size: contain;
}
.technology3-box {
    background: url(../images/technology3.png) no-repeat center center;
    background-size: contain;
}
.technology5-box {
    background: url(../images/technology5.png) no-repeat center center;
    background-size: contain;
}
.technology6-box {
    background: url(../images/technology6.png) no-repeat center center;
    background-size: contain;
}


.technology1, .technology2, .technology3, .technology4, .technology5, .technology6{
	border-radius: 20px;
	background-color: rgb(255, 255, 255);
	box-shadow: 0px 21px 54px 0px rgba(71, 7, 161, 0.27);
}
.technology1{
	border: 5px solid #9e005d;
}	
.technology2{
	border: 5px solid #ac6fea;
}
.technology3{
	border: 5px solid #fbaf5d;
}
.technology4{
	border: 5px solid #fbaf5d;
}
.technology5{
	border: 5px solid #92278f;
}
.technology6{
	border: 5px solid #ac6fea;
}

.templates-box{width:100%;padding:0;}
 
.section17B .swiper-slide .entity-img {   
    border-radius: 15px;
}

.swiper-button-white{color:#fff;position: absolute;top: 43%;z-index: 1;font-size: 80px;}
.swiper2-button-prev{
    left: 1%;
}
.swiper2-button-next{
    right: 1%;
}


.banner{background: url(../images/banner.png) no-repeat center bottom;background-size: cover;padding: 2.5% 0 6% 0;background-color: #120f22;overflow: hidden;position:relative;}
.section2{background: url(../images/section2.png) no-repeat center top;background-size: cover;padding: 0% 0 1% 0;margin-top: -4%;overflow: hidden;position: relative;}
.section3{background: url(../images/section3.png) no-repeat center top;background-size: cover;padding: 6% 0 5% 0;background-color: #a263e9;}
.section4{background: url(../images/section4.png) no-repeat center center;background-size: cover;padding: 5.5% 0 5% 0;}
.section5{background: url(../images/section5.png) no-repeat center top;background-size: cover;padding: 10% 0 3% 0;margin-top: -6%;position: relative;overflow: hidden;}
.section6{background: url(../images/section6.png) no-repeat center top;background-size: cover;padding: 8% 0 3% 0;margin-top: -3%;position: relative;}
.section7{background: url(../images/section7.png) no-repeat center top;background-size: cover;padding: 5% 0 3% 0;margin-top: -2%;position: relative;}
.section8{background: url(../images/section8.png) no-repeat center bottom;background-size: cover;padding: 8% 0 4% 0;margin-top: -4%;}
.section9{padding: 6% 0 0 0;}
.section10{background: url(../images/section10.png) no-repeat center top;background-size: cover;padding: 7.5% 0 2% 0;background-color: #130e1a;margin-top: -2%;}
.section11{background: url(../images/section11.png) no-repeat center top;background-size: cover;padding: 5% 0 3% 0;background-color: #f9f2fd;}
.section12{background: url(../images/section12.png) no-repeat center bottom;background-size: cover;padding: .6% 0 2% 0;}
.section13{background: url(../images/section13.png) no-repeat center top;background-size: cover;padding: 5.5% 0 1% 0;position:relative;}
.section14{background: url(../images/section14.png) no-repeat center top;background-size: cover;padding: 6% 0 0 0;}
.section15{background: url(../images/section15.png) no-repeat center top;background-size: cover;padding: 0 0 1% 0;background-color: #000;margin-top: -3%;}
.section16{background: url(../images/section16.png) no-repeat center top;background-size: cover;padding: 4.5% 0 6% 0;}
.section17{background: url(../images/section17.png) no-repeat center top;background-size: cover;padding: 6% 0 0 0;margin-top: -5%;}
.section17B{background: url(../images/section17B.png) no-repeat center top;background-size: cover;padding: 0% 0 1% 0;background-color: #af64e4;margin-top: -2%;}
.section18{background: url(../images/section18.png) no-repeat center center;background-size: cover;padding: 6% 0 5% 0;margin-top: 0;position: relative;z-index: 1;background-color: #f3ecf8;}
.section19{background: url(../images/section19.png) no-repeat center top;background-size: cover;padding: 7% 0 6% 0;position: relative;background-color: #26144d;}
.section19B{background: url(../images/section19B.png) no-repeat center top;background-size: cover;padding: 7% 0 2% 0;margin-top: -4%;position: relative;z-index: 1;}
.section20{background: url(../images/section20.png) no-repeat center top;background-size: cover;padding: 10% 0 0 0;margin-top: -6%;position: relative;}
.section21{background: url(../images/section21.png) no-repeat center top;background-size: cover;padding: 10% 0 1% 0;margin-top: -5%;position: relative;}
.section22{background: url(../images/section22.png) no-repeat center top;background-size: cover;padding: 5% 0 4% 0;overflow:hidden;}
.section23{background: url(../images/section23.png) no-repeat center top;background-size: cover;padding: 7% 0 2% 0;margin-top: -3%;}
.section24{background: url(../images/section24.png) no-repeat center top;background-size: cover;padding: 5% 0 5% 0;}
.section25{background: url(../images/section25.png) no-repeat center center;background-size: cover;padding: 5% 0 8% 0;background-color:#efdafb;}
.section26{background: url(../images/section26.png) no-repeat center top;background-size: cover;padding: 7% 0 4% 0;margin-top: -3%;}
.section27{background: url(../images/section27.png) no-repeat center top;background-size: cover;padding: 4% 0 5% 0;overflow:hidden;position:relative;}
.section28{background: url(../images/section28.png) no-repeat center center;background-size: cover;padding: 7% 0 5% 0;background-color: #f3ecf8;}
.section29{background: url(../images/section29.png) no-repeat center top;background-size: cover;padding: 7% 0 3% 0;background-color: #181629;}

@media only screen and (max-width: 767px){
.banner, .section3, .section4, .section11, .section14, .section18, 
.section19, .section19B, .section21, .section22, .section24, .section25,
.section27 {background-image:none;}
.section2 {
    padding: 5% 0 1% 0;
    background-image: none;
    margin-top: 0 !important;
    background-color: #f9f8fb;
}
.section5 {
    padding: 6% 0 3% 0;
    margin-top: 0 !important;
    background-image: none;
    background-color: #eed6f8;
}
.section6 {
    padding: 6% 0 3% 0;
    margin-top: 0 !important;
    background-image: none;
    background-color: #281152;
}
.section7 {
    padding: 2% 0 3% 0;
    background-color: #f3ecf8;
    margin-top: 0;
}
.section8, .section10, .section20 {
    background-image: none;
    margin-top: 0 !important;
}
.section12 {
    background-image: none;
    padding: 3% 0 2% 0;
    background-color: #b163e3;
}
.section13 {
    background-image: none;
    background-color: #fbf3fe;
}
.section15, .section17, .section17B {
    background-image: none;
    margin-top: 0 !important;
}
.section16 {
    background-color: #f5e8ff;
}
.section19B {
    padding: 7% 0 2% 0;
    margin-top: 0 !important;
    background-color: #f4e3ff;
}
.section23 {
    background-image: none;
    margin-top: 0 !important;
    background-color: #130e1a;
}
.section26 {
    margin-top: 0 !important;
    background-image: none;
    background-color: #2f1361;
}

.banner-box {
    background-image: none;
    background-color: #e4524a;
    border-top: 5px solid #d62f2f;
    border-bottom: 5px solid #d62f2f;
}
.video-Bg, .sell-box1, .sell-box2, .sell-box3, .sell-box4, .sell-box5, .sell-box6, .sell-box7, .sell-box8{background-image:none;}

.challenges {
    max-width: 100% !important;
    left: 0% !important;
}

.sell-box-main {
    padding: 3% 0 4% 0;
	margin:0;
}
.section2-box {
    padding: 4% 0%;
}

.icon4 {
    max-width: 7%;
}

.section19-box {
    width: 100% !important;
}
.section19-box p {
    margin-top: 2% !important;
}

.section8-text, .titleBg11B, .testimonial2-box, .testimonial3-box{margin-top:5%;}
.transformation-tabs li a {
    padding: 5px 10px;
}
.price-checklist1 li{
    background: url(../images/check1.png) no-repeat 0 1px;
	padding-bottom: 10px;
    margin-bottom: 10px;
}
.price-unchecklist1 li {
    background: url(../images/unchecklist11.png) no-repeat 0 1px; 
	padding-bottom: 10px;
    margin-bottom: 10px;
}
.templates-tabs li a {
    padding: 4px 6px;
}


.main-tab li a {
    margin: 0.5% 0;
    padding: 3.5% 5%;
}
.main-tab li a span {
    padding-left: 50px;
}

.titleBg6, .titleBg8, .titleBg10, .titleBg12, .titleBg13, .titleBg37  {padding: 22px 0 26px 0;}

.titleBg14, .titleBg15, .titleBg16, .titleBg17 {background-image:none;padding: 8% 0;}
.titleBg14 span, .titleBg15 span, .titleBg16 span, .titleBg17 span{padding: 2% 4%;}
.titleBg14 span{background-color:#655ccb;} 
.titleBg15 span{background-color:#f26522;}
.titleBg16 span{background-color:#3894e2;} 
.titleBg17 span{background-color:#f26d7d;}

.connection1 img, .connection2 img, .connection3 img{max-width:30%;}

.arrows path {
    stroke-width: 2px;
}

.sliding-background {
  background: url(../images/slider1A.png) repeat-x;
  height: auto;
}

.sliding-background2 {
  background: url(../images/slider2A.png) repeat-x;
  height: auto;
}

.mybutton a img{max-width: 3%;}


.titleBg21, .titleBg30, .titleBg1 {
    background-image: none;
    background-image: linear-gradient(to right, #a152dd, #5153c0, #18abdc);
    padding: 2px 15px;
}
.titleBg3 {background-color: #fff;}

.titleBg32 {
    background-image: none;
    padding: 10px 5px;
    border: 2px solid #689fe6;
    background-color: #fff;
    box-shadow: 0px 16px 51px 0px rgb(66 66 66 / 19%);
}
.titleBg33 {
    background-image: none;
    padding: 10px 5px;
    border: 2px solid #ff88e7;
    background-color: #fff;
    margin-bottom: 2%;
    box-shadow: 0px 16px 51px 0px rgb(66 66 66 / 19%);
}
.titleBg34{
    background-image: none;
    padding: 10px 5px;
    border: 2px solid #5735e4;
    background-color: #fff;
    box-shadow: 0px 16px 51px 0px rgb(66 66 66 / 19%);
}
.titleBg20{
    background-image: none;
    padding: 10px 5px;
    border: 2px solid #29d0c6;
    background-color: #27144e;
    box-shadow: 0px 16px 51px 0px rgb(66 66 66 / 19%);
}
.titleBg24{
    background-image: none;
    padding: 10px 5px;
    border: 2px solid #b22531;
    background-color: #1e1030;
    box-shadow: 0px 16px 51px 0px rgb(66 66 66 / 19%);
}
.titleBg28{
    background-image: none;
    padding: 10px 5px;
    border: 2px solid #efb07e;
    background-color: #fff;
    box-shadow: 0px 16px 51px 0px rgb(66 66 66 / 19%);
}

.titleBg23{
    background-image: none;
    padding: 10px 5px;
    border: 2px solid #ea5fa8;
    background-color: #fff;
    box-shadow: 0px 16px 51px 0px rgb(66 66 66 / 19%);
}
.titleBg25 {
    background-image: none;
    padding: 10px 5px;
    border: 2px solid #2fe0e3;
    background-color: #fff;
    box-shadow: 0px 16px 51px 0px rgb(66 66 66 / 19%);
}
.titleBg26 {
    background-image: none;
    padding: 10px 5px;
    border: 2px solid #4e1a73;
    background-color: #1f1133;
    box-shadow: 0px 16px 51px 0px rgb(66 66 66 / 19%);
}
.titleBg38 {
    background-image: none;
    padding: 10px 5px;
    border: 2px solid #60abeb;
    background-color: #fff;
    box-shadow: 0px 16px 51px 0px rgb(66 66 66 / 19%);
}
.titleBg39 {
    background-image: none;
    padding: 10px 5px;
    border: 2px solid #b2603b;
    background-color: #32136a;
    box-shadow: 0px 16px 51px 0px rgb(66 66 66 / 19%);
}

.section4-box {
    padding: 4% 0 4% 0%;
    text-align: center;
}

.intro-box{position:relative;}
.section6-box {
    border-radius: 16px;
    padding: 3% 1%;
    margin: 2% 0;
}

.unchecklist1, .unchecklist2 {
    margin-top: 4% !important;
    width: 100%;
}

.section2-box, .section8, .section11, .section13, .section14, .section16, .section17{text-align:center;}
.mybutton a {
    border-radius: 10px;
    padding: 2.9% 6% 2.9% 6%;
}

/**/
.padding0{padding: 0 15px;}

.icon9A, .icon9D, .icon3, .iconA, .iconB, .iconC, .iconD, .icon5, .icon6, .icon7, 
.icon8, .arrowA, .arrowB, .arrowC, .arrowD, .arrowE, .arrowF, 
.bg1, .bg2, .bg3, .bg4, .bg5, .bg6, .element1, .element2, .element3, .element4, .element5, .element6 {display:none !important;}



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

.mybutton a{    width: 100% !important;}

.titleBg41 {
    padding: 24px 0 8px 0;
}

/**/
.tab-img-pc{display:none;}
.tab-img-mobile{display:block;}

/**/
.tab_content2{
      display: flex;
      flex-wrap: nowrap;
      height: auto;
      overflow-x: auto;
      width: auto;
  }

.tab_content2 img{max-width: 200%;}  
 
 
 

 
/*comparison-slider*/
.wrapperA {
    height: 193px;
    width: 285px;
    border: 3px solid #fff;
    border-radius: 5px;
}
.sliderA .drag-line {
    height: 193px;
}
.wrapperA .images .img-A{background: url(../images/removeBg1A.png) no-repeat;}
.wrapperA .images .img-B{background: url(../images/orignal1A.png) no-repeat;}
.wrapperA .images .img-C{background: url(../images/removeBg2A.png) no-repeat;}
.wrapperA .images .img-D{background: url(../images/orignal2A.png) no-repeat;}
.wrapperA .images .img-E{background: url(../images/removeBg3A.png) no-repeat;}
.wrapperA .images .img-F{background: url(../images/orignal3A.png) no-repeat;}
.wrapperA .images .img-G{background: url(../images/removeBg4A.png) no-repeat;}
.wrapperA .images .img-H{background: url(../images/orignal4A.png) no-repeat;}
.wrapperA .images .img-I{background: url(../images/removeBg5A.png) no-repeat;}
.wrapperA .images .img-J{background: url(../images/orignal5A.png) no-repeat;}
 
/**/ 
 
/**/
 
.main-tab li.tab1 a span{background: url(../images/tab1A.png) no-repeat center left;}
.main-tab li.tab11 a span{background: url(../images/tab11A.png) no-repeat center left;}
.main-tab li.tab2 a span{background: url(../images/tab2A.png) no-repeat center left;}
.main-tab li.tab12 a span{background: url(../images/tab12A.png) no-repeat center left;}
.main-tab li.tab3 a span{background: url(../images/tab3A.png) no-repeat center left;}
.main-tab li.tab13 a span{background: url(../images/tab13A.png) no-repeat center left;}
.main-tab li.tab4 a span{background: url(../images/tab4A.png) no-repeat center left;}
.main-tab li.tab14 a span{background: url(../images/tab14A.png) no-repeat center left;}
.main-tab li.tab5 a span{background: url(../images/tab5A.png) no-repeat center left;}
.main-tab li.tab15 a span{background: url(../images/tab15A.png) no-repeat center left;}
.main-tab li.tab6 a span{background: url(../images/tab6A.png) no-repeat center left;}
.main-tab li.tab16 a span{background: url(../images/tab16A.png) no-repeat center left;}
.main-tab li.tab7 a span{background: url(../images/tab7A.png) no-repeat center left;}
.main-tab li.tab17 a span{background: url(../images/tab17A.png) no-repeat center left;}
.main-tab li.tab8 a span{background: url(../images/tab8A.png) no-repeat center left;}
.main-tab li.tab18 a span{background: url(../images/tab18A.png) no-repeat center left;}
.main-tab li.tab9 a span{background: url(../images/tab9A.png) no-repeat center left;}
.main-tab li.tab19 a span{background: url(../images/tab19A.png) no-repeat center left;}
.main-tab li.tab10 a span{background: url(../images/tab10A.png) no-repeat center left;}
.main-tab li.tab20 a span{background: url(../images/tab20A.png) no-repeat center left;}


.swiper-button-white{top: 32%;}

}


@media only screen and (max-width: 993px){
.section2 {margin-top: -5%;}
.section7 {margin-top: -4%;}
.section19B {margin-top: -17%;}
.section21 {padding: 5% 0 1% 0;margin-top: 0;background-color: #1a1029;}
.section26 {margin-top: -6%;}


.swiper-button-white{top: 40%;}

.banner-box-border {
    padding: 4% 0%;
}
.icon1{max-width: 7%;}
.video-Bg, .sell-box1, .sell-box2, .sell-box3, .sell-box4, .sell-box5, .sell-box6, .sell-box7, .sell-box8 {
    background-size: contain;
}
.icon8 {
    width: 10%;
}
.challenges {
    max-width: 150%;
    left: -27%;
}
.unchecklist1, .unchecklist2 {
    margin-top: 8%;
}

.unchecklist2-last {
    padding: 3.7% 7%;
}
.section9-left{width: 100%;}
.section9-right {
    width: 100%;
    margin-top: 4%;
}
.templates-tabs li {
    margin: 8px 4px;
}

.main-tab li {
    padding: 3.5% 0;
}

.transformation-tabs li {
    margin: 10px 4px;
}

.section19-box {
    width: 25%;
}

.section21-box {
    padding: 9% 6%;
}

.tableLogo{max-width: 60%;}

.section25-box {
    padding: 8% 2% 10% 2%;
}

.panel-title{
	font-size: 16px;
}
.panel-collapse {
    font-size: 14px;
}

.table-box-out1, .table-box-out2 {
    padding: 0;
}

.logo2{max-width: 80%;}

.pro-center, .commercial-center{padding: 16% 6% 11% 6%;}

.section22{text-align:center;}

.mycontainer-right{width: 100%;}	
.mycontainer-left{width: 100%;}	

}


@media (min-width: 240px){
	.lappy {
		position: static;
		right: 0;
		bottom: 0px;
	}
	.videosection {
		position: static;
		right: 0;
		bottom: 0px;
	}
	.mainvideo {
		position: static;
		width: 100%;
		height: auto;
	    padding-bottom: 225px;	
	}
	
	.video {
        width: 485px;
        height: 231px;
        top: 23px;
        left: 0px;
        margin-bottom: 8%;
    }

	/**/
	
.section6-box h3 {
    background: url(../images/check2A.png) no-repeat 20px 0px;
    padding-left: 50px;
}

.intro-box-left{width: 100%;}
.intro-box-center{}
.intro-box-right{width: 100%;}	

.tab-box{padding:0;}


.video-Bg {
    background-size: contain;
}

.section13 video{width:100%;}


/**/
.section2-box {
    padding: 4% 4% 4% 6%;
}
.sell-box-main {
    padding: 4% 4% 5% 2%;
}

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

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

}
@media (min-width: 480px){
	.mainvideo {
		position: static;
		width: 100%;
		height: 0px;
	    padding-bottom: 280px;	
	}
	.video {
        width: 485px;
        height: 273px;
        top: 23px;
        left: 28px;
        margin-bottom: 8%;
    }
	
	.ex{background-color:yellow}	
	
	


	
}

@media only screen and (min-width: 768px) {
	.ex{
		background-color:white;
	}
	.lappy {
		position: relative;
		right: 0;
		bottom: -50px;
	}
	.videosection {
		position: relative;
		right: 0;
		bottom: 0px;
	}
.mainvideo {
    position: absolute;
    width: 700px;
    height: 350px;
    top: 16px;
    left: 24px;
}
	.video {
        width: 315px;
        height: 117px;
        top: 15px;
        left: 7px;
        margin-bottom: 12%;
    }
		

	/**/
.section6-box1 {
	width: 100%;
    height: 64px;
    padding: 8.5% 5%;	
}
.section6-box2 {
	width: 100%;
	height: 64px;
	margin-right: auto;
	right: -5%;
	float: right;
    padding: 8.5% 5%;	
}
.section6-box3 {
	width: 100%;
	height: 64px;
	left: 1%;
    padding: 8.5% 5%; 
	float: right;
}
.section6-box4 {
	width: 100%;
	height: 64px;
	left: 4%;
	padding: 8.5% 5%;
}
.section6-box5 {
	width: 100%;
	height: 64px;
	left: -5%;
    padding: 8.5% 5%;
}
.section6-box6 {
	width: 100%;
	height: 64px;
	left: 5%;
    padding: 8.5% 5%;
}

.intro-box-left{width: 24%;}
.intro-box-center{width: 45%;}
.intro-box-right{width: 24%;}	


.arrowA, .arrowB, .arrowC, 
.arrowD, .arrowE, .arrowF{max-width:30%;}

.section6-box h3 {
    background: url(../images/check2.png) no-repeat 0 -6px;
    padding-left: 45px;
}

.section6-box1-out{
    margin-top: -4%;
} 
.section6-box2-out{
    margin-top: 11%;
    margin-bottom: -3%;
    right: 0;
} 
.section6-box3-out{} 
.section6-box4-out{
    margin-top: -2%;
} 
.section6-box5-out{
    margin-top: -4%; 
} 
.section6-box6-out{
    margin-top: 7%;
} 

.icon9A {
    top: -30.3%;
    left: -7%;
	max-width:13%;
}
.icon9D {
    bottom: -55.8%;
    right: -7%;
    max-width: 13%;
}

.section4-box-text{padding-right:0;}



.ele1 {
    right: -35%;
    max-width: 60%;
}
.element2 {
    top: 8%;
    left: -1%;
    max-width: 16%;
}

.ele3 {
    right: -34%;
    max-width: 27%;
}



.element4 {
    left: -1%;
    max-width: 16%;
}
.ele5 {
    right: -29%;
    max-width: 56%;
}

.element6 {
    left: 3%;
    max-width: 10%;
}


} 




@media only screen and (min-width: 1000px) {

	
	.mycontainer-right{width: 950px;}
	.mycontainer-left{width: 950px;}	



.ele3 {
    right: -34%;
    max-width: 27%;
}

.element4 {
    left: -2%;
    max-width: 16%;
}
.ele5 {
    right: -28%;
    max-width: 56%;
}

.element6 {
    left: 6%;
    max-width: 70%;
}

}


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

	
	.mycontainer-right{width: 950px;}	
	.mycontainer-left{width: 950px;}	

/**/
.section6-box1 {
    width: 261px;
    height: 92px;
    padding: 7.5% 13%;
}
.section6-box2 {
	width: 261px;
	height: 93px;
	margin-right: auto;
	right: -5%;
	float: right;
	padding: 8.5% 13%;
}
.section6-box3 {
	width: 266px;
	height: 85px;
	left: 1%;
	padding: 6.5% 6%;
	float: right;
}
.section6-box4 {
	width: 251px;
	height: 93px;
	left: 4%;
	padding: 7.5% 10%;
}
.section6-box5 {
	width: 268px;
	height: 89px;
	left: -5%;
	padding: 7.5% 6%;
}
.section6-box6 {
	width: 241px;
	height: 87px;
	left: 5%;
	padding: 6.5% 11%;
}


.intro-box-left{width: 22%;}
.intro-box-center{width: 45%;}
.intro-box-right{width: 22%;}	


.arrowA, .arrowB, .arrowC, 
.arrowD, .arrowE, .arrowF{max-width:30%;}

.section6-box h3 {
    background: url(../images/check2.png) no-repeat 0 10px;
    padding-left: 60px;
}

.section6-box1-out{
    margin-top: -4%;
} 
.section6-box2-out{
    margin-top: 18%;
    margin-bottom: -3%;
    right: 0;
} 
.section6-box3-out{} 
.section6-box4-out{
    margin-top: -2%;
} 
.section6-box5-out{
    margin-top: -4%; 
} 
.section6-box6-out{
    margin-top: 17%;
} 


.icon9A {
    top: -30.3%;
    left: -7%;
	max-width:100%;
}
.icon9D{
    bottom: -46.8%;
    right: -6%;
	max-width:100%;
}



.ele1 {
    right: -22%;
    max-width: 80%;
}
.element2 {
    top: 10%;
    left: 0%;
    max-width: 14%;
}

.ele3 {
    right: -40%;
    max-width: 40%;
}

.element4 {
    left: -2%;
    max-width: 16%;
}
.ele5 {
    right: -28%;
    max-width: 56%;
}

.element6 {
    left: 4%;
    max-width: 10%;
}

/**/
.section2-box {
    padding: 4% 0% 4% 2%;
}
.sell-box-main {
    padding: 4% 3% 5% 0%;
}

}







@media only screen and (min-width: 1100px) {
	
	
	.mycontainer-right{width: 1027px;}	
	.mycontainer-left{width: 1027px;}


.ele3 {
    right: -40%;
    max-width: 40%;
}

.element4 {
    left: -2%;
    max-width: 16%;
}
.ele5 {
    right: -28%;
    max-width: 56%;
}

.element6 {
    left: 4%;
    max-width: 10%;
}

/**/
.section2-box {
    padding: 4% 0% 4% 2%;
}
.sell-box-main {
    padding: 6% 3% 7% 0%;
}

}



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

	
	.mycontainer-right{width: 1094px;}	
	.mycontainer-left{width: 1094px;}	

.section6-box1 {
    width: 281px;
    height: 102px;
    padding: 8.5% 13%;
}
.section6-box2 {
	width: 281px;
	height: 103px;
	margin-right: auto;
	right: -5%;
	float: right;
	padding: 8.5% 13%;
}
.section6-box3 {
	width: 286px;
	height: 95px;
	left: 1%;
	padding: 6.5% 6%;
	float: right;
}
.section6-box4 {
	width: 271px;
	height: 103px;
	left: 4%;
	padding: 7.5% 13%;
}
.section6-box5 {
	width: 288px;
	height: 99px;
	left: -5%;
	padding: 7.5% 6%;
}
.section6-box6 {
	width: 261px;
	height: 97px;
	left: 5%;
	padding: 6.5% 11%;
}

.intro-box-left{width: 22%;}
.intro-box-center{width: 45%;}
.intro-box-right{width: 22%;}	



.arrowA, .arrowB, .arrowC, 
.arrowD, .arrowF{max-width: 35%;}
.arrowE{max-width: 26%;}

.section6-box1-out{
    margin-top: -4%;
} 
.section6-box2-out{
    margin-top: 18%;
    margin-bottom: -3%;
    right: 0;
} 
.section6-box3-out{} 
.section6-box4-out{
    margin-top: -2%;
} 
.section6-box5-out{
    margin-top: -4%; 
} 
.section6-box6-out{
    margin-top: 17%;
} 

.icon9A {
    top: -30.3%;
    left: -7%;
}
.icon9D{
    bottom: -46.8%;
    right: -6%;
}


.ele1 {
    right: -46%;
    max-width: 100%;
}
.element2 {
    top: 10%;
    left: 6%;
    max-width: 12%;
}

.ele3 {
    right: -28%;
    max-width: 50%;
}

.element4 {
    left: 1%;
    max-width: 16%;
}
.ele5 {
    right: -12%;
    max-width: 68%;
}

.element6 {
    left: 4%;
    max-width: 10%;
}

.video-Bg {
    background-size: auto;
}

}

@media (min-width:1281px) {

	
}



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


.intro-box-left{width: 22%;}
.intro-box-center{width: 45%;}
.intro-box-right{width: 22%;}	

.section6-box1 {
    width: 311px;
    height: 122px;
    padding: 8.5% 13%;	
}
.section6-box2 {
	width: 291px;
	height: 123px;
	margin-right: auto;
	right: -5%;
	float: right;
    padding: 8.5% 13%;	
}
.section6-box3 {
	width: 316px;
	height: 115px;
	left: 1%;
	padding: 8.5% 6%;
	float: right;
}
.section6-box4 {
	width: 291px;
	height: 123px;
	left: 4%;
    padding: 8.5% 13%;	
}
.section6-box5 {
	width: 338px;
	height: 119px;
	left: -5%;
	padding: 8.5% 6%;
}
.section6-box6 {
	width: 291px;
	height: 115px;
	left: 5%;
	padding: 8.5% 11%;
}


.section6-box1-out{
    margin-top: -4%;
} 
.section6-box2-out{
    margin-top: 12%;
    margin-bottom: -3%;
    right: 0;
} 
.section6-box3-out{} 
.section6-box4-out{
    margin-top: -2%;
} 
.section6-box5-out{
    margin-top: -4%; 
} 
.section6-box6-out{
    margin-top: 9%;
} 	

.icon9A {
    top: -30.3%;
    left: -7%;
}
.icon9D{
    bottom: -46.8%;
    right: -6%;
}



.ele1 {
    right: -20%;
}
.element2 {
    top: 8%;
    left: -1%;
    max-width: 13%;
}

.ele3 {
    right: -18%;
    max-width: 50%;
}

.element4 {
    left: 0%;
    max-width: 17%;
}
.ele5 {
    right: -10%;
    max-width: 70%;
}

.element6 {
    left: 4.5%;
    max-width: 70%;
}

	/**/
	.section2-box {
		padding: 4% 4% 4% 6%;
	}
	.sell-box-main {
		padding: 4% 4% 5% 2%;
	}

}

@media (min-width:1400px) {
	.mycontainer{width:1370px;}
	.mycontainer2{width: 1317px;}
	.mycontainer3{width:1219px;;}
	
	.mycontainer-right{width: 1335px;}
	.mycontainer-left{width: 1335px;}
	
	

.intro-box-left{width: 22%;}
.intro-box-center{width: 45%;}
.intro-box-right{width: 22%;}	

	
	
	
.section6-box1-out{
    margin-top: -4%;
} 
.section6-box2-out{
    margin-top: 12%;
    margin-bottom: -3%;
    right: 0;
} 
.section6-box3-out{} 
.section6-box4-out{
    margin-top: -2%;
} 
.section6-box5-out{
    margin-top: -4%; 
} 
.section6-box6-out{
    margin-top: 9%;
} 	

.icon9A {
    top: -26.3%;
    left: -6%;
}
.icon9D{
    bottom: -40.8%;
    right: -4.5%;
}	


.ele1 {
    right: -15%;
}
.element2 {
    top: 8%;
    left: 2%;
    max-width: 12%;
}

.ele3 {
    right: -12%;
    max-width: 65%;
}


.element4 {
    left: 1%;
    max-width: 16%;
}
.ele5 {
    right: -12%;
    max-width: 70%;
}

.element6 {
    left: 5%;
    max-width: 70%;
}

.section13 video{width:96%;}

}

@media (min-width:1500px) {
	.mycontainer{width:1500px;}
	.mycontainer2{width: 1338px;}
	.mycontainer3{width:1219px;}
	
	.mycontainer-right{width: 1379px;}
	.mycontainer-left{width: 1379px;}
	

.intro-box-left{width: 20%;}
.intro-box-center{width: 45%;}
.intro-box-right{width: 20%;}	


.arrowA, .arrowB, .arrowC, 
.arrowD, .arrowF{max-width: 40%;}
.arrowE{max-width: 40%;}

.section6-box1-out{
    margin-top: -4%;
} 
.section6-box2-out{
    margin-top: 18%;
    margin-bottom: -3%;
    right: 0;
} 
.section6-box3-out{} 
.section6-box4-out{
    margin-top: -2%;
} 
.section6-box5-out{
    margin-top: -4%; 
} 
.section6-box6-out{
    margin-top: 17%;
} 


.section8-text{
    padding: 0 0 0 5%;
}

.section22-text{padding-right: 70px;}


.ele1 {
    right: -15%;
}
.element2 {
    top: 8%;
    left: 6%;
    max-width: 100%;
}

.ele3 {
    right: -12%;
    max-width: 70%;
}

.element4 {
    left: 3%;
    max-width: 16%;
}
.ele5 {
    right: -1%;
    max-width: 84%;
}

}


@media (min-width:1600px){
	
	.mycontainer-right{width: 1400px;}
	.mycontainer-left{width: 1400px;}

	.mockup{
	    max-width: 160%;
		position: relative;
		left: -8%;	
	}

.intro-box-left{width: 20%;}
.intro-box-center{width: 45%;}
.intro-box-right{width: 20%;}	




.section6-box1-out{
    margin-top: -4%;
} 
.section6-box2-out{
    margin-top: 18%;
    margin-bottom: -3%;
    right: 0;
} 
.section6-box3-out{} 
.section6-box4-out{
    margin-top: -2%;
} 
.section6-box5-out{
    margin-top: -4%; 
} 
.section6-box6-out{
    margin-top: 17%;
} 

.arrowA, .arrowB, .arrowC, 
.arrowD, .arrowF{max-width: 40%;}
.arrowE{max-width: 26%;}

.ele3 {
    right: -3%;
    max-width: 80%;
}

.element4 {
    left: 3%;
    max-width: 16%;
}
.ele5 {
    right: 0%;
    max-width: 85%;
}

/*tab*/

.section9-left{width: 36%;}
.section9-right{width: 64%;}

}
@media (min-width:1700px){
	
	.mycontainer-right{width: 1458px;}
	.mycontainer-left{width: 1458px;}
	

.intro-box-left{width: 18%;}
.intro-box-center{width: 45%;}
.intro-box-right{width: 18%;}	

.arrowA, .arrowB, .arrowC, 
.arrowD, .arrowE, .arrowF{max-width: 100%;}

.tab-box{padding:0 15px;}

.ele3 {
    right: 7%;
    max-width: 80%;
}
.element4 {
    left: 4%;
    max-width: 16%;
}
.ele5 {
    right: 7%;
    max-width: 90%;
}

/*tab*/

.section9-left{width: 36%;}
.section9-right{width: 59%;}
}
@media (min-width:1800px){
	
	.mycontainer-right{width: 1513px;}
	.mycontainer-left{width: 1513px;}

.intro-box-left{width: 16%;}
.intro-box-center{width: 45%;}
.intro-box-right{width: 16%;}

.ele3 {
    right: 21%;
    max-width: 100%;
}

.element4 {
    left: 4%;
    max-width: 100%;
}
.ele5 {
    right: 10%;
    max-width: 100%;
}
.element6 {
    left: 5%;
}
	
}
@media (min-width:1900px){
	.mycontainer2{width:1330px;}
	.mycontainer3{width:1377px;}
	
	.mycontainer-right{width: 1626px;}
	.mycontainer-left{width: 1626px;}
.mainvideo {
    position: absolute;
    width: 873px;
    height: 350px;
    top: 16px;
    left: 229px;
}

.intro-box-left{width: 16%;}
.intro-box-center{width: 42%;}
.intro-box-right{width: 16%;}

.ele3 {
    right: 38%;
    max-width: 100%;
}

.element4 {
    left: 4%;
    max-width: 100%;
}
.ele5 {
    right: 16%;
    max-width: 100%;
}
.element6 {
    left: 7%;
}

}
@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;}
.mtm10{margin-top: -10px;border: 6px solid #fff;}

.mbm22{margin-bottom: -22px;}


.zoom {
  
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-animation: zoom 2s ease-in infinite; 
  animation: zoom 2s ease-in infinite;
  transition: all 2s ease-in-out;
  overflow: hidden;
}

/* Zoom in Keyframes */
@-webkit-keyframes zoom {
  0% {transform: scale(1);}
  50% {transform: scale(.9);}
  100% {transform: scale(1);}
}
@keyframes zoom {
  0% {transform: scale(1);}
  50% {transform: scale(.9);}
  100% {transform: scale(1);}
} /*End of Zoom in Keyframes */