@import url('https://fonts.googleapis.com/css2?family=Spartan:wght@100;200;300;400;500;600;700;900&display=swap');


body{
	font-family: 'Spartan', sans-serif;
	font-size:16px;
	line-height: 1.42857143;
	color: #000000;
  /*letter-spacing: -.02em;*/
}

/*Letter Spacing*/
.ls-5{letter-spacing:-0.25px;}
.ls-1{letter-spacing:-0.5px;}
.ls-2{letter-spacing:-1px;}

/*Fonts*/
@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;}.xs25 {font-size: 25px;}.xs27 {font-size: 27px;}.xs29 {font-size: 29px;}.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;}.xs70 {font-size: 70px;}.xs70 {font-size: 70px;}.xs80 {font-size: 80px;}
}
@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;}.sm25 {font-size: 25px;}.sm27 {font-size: 27px;}.sm29 {font-size: 29px;}.sm31 {font-size: 31px;}.sm33 {font-size: 33px;}.sm35 {font-size: 35px;}.sm37 {font-size: 37px;}.sm39 {font-size: 39px;}.sm41 {font-size: 41px;}.sm43 {font-size: 43px;}.sm45 {font-size: 45px;}.sm47 {font-size: 47px;}.sm49 {font-size: 49px;}.sm51 {font-size: 51px;}.sm60 {font-size: 60px;}.sm70 {font-size: 70px;}.sm100 {font-size: 100px;}.sm130 {font-size: 130px;}
}

@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;}.md23 {font-size: 23px;}.md25 {font-size: 25px;}.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;}.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;}.md43 {font-size: 43px;}.md45 {font-size: 45px;}.md47 {font-size: 47px;}.md49 {font-size: 49px;}.md50 {font-size: 50px;}.md51 {font-size: 51px;}.md53 {font-size: 53px;}.md55 {font-size: 55px;}.md65 {font-size: 65px;}.md60{font-size: 60px;}.md75 {font-size: 75px;}.md70 {font-size: 70px;}.md80 {font-size: 80px;}.md130 {font-size: 130px;}.md22{font-size:22px;}.md110 {font-size: 110px;}.md130 {font-size: 130px;}.md190 {font-size:190px;}.md220 {font-size: 220px;}
}


/*Margins*/
@media (min-width:240px) {
.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%;}
}
@media (min-width:768px) {
.lmt-7{margin-top:-7.5%;}.lmt-9{margin-top:-9%;}.lmt-4{margin-top:-4%;}.lmt-15{margin-top:-31%;}.lmt-3{margin-top:-3%;}.lmt-2{margin-top:-2%;}.lmt-6{margin-top:-6%;}.lmt-8{margin-top:-8%;}.lmt-10{margin-top:-10%;}.lmt-12{margin-top:-12%;}.lmt-1{margin-top:-1%;}.lmt-14{margin-top:-14%;}.lmt-16{margin-top:-16%;}
.lmt0{margin-top:0%;}.lmt1{margin-top:1%;}.lmt2{margin-top:2%;}.lmt3{margin-top:3%;}.lmt4{margin-top:4%;}.lmt5{margin-top:5%;}.lmt13{margin-top:13%;}.lmt5{margin-top:5%;}.lmt6{margin-top:6%;}.lmt7{margin-top:7%;}.lmt8{margin-top:8%;}.lmt10{margin-top:10%;}.lmt12{margin-top:12%;}.lmt15{margin-top:15%;}.lmt18{margin-top:18%;}.lmt-5{margin-top:-5%;}.lmt-35{margin-top:-35%;}
}

.mt1{margin-top:1%;}.mt1_5{margin-top:1.5%;}.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%;}.mt10{margin-top:10%;}.mt12{margin-top:12%;}
.mt-1{margin-top:-1%;}
.mt_2{margin-top:-2%;}
.mt_25{margin-top:-25%;}
.mt_30{margin-top:-30%;}

.pt8per{padding-top: 8%;}


/*Font Weight*/
.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;
}
.padding0{
	padding:0px;
}

ul.navbarCustom-menu span {
  color: #fff;
}
.mainvideoBanner {
  padding: 2px;
  overflow: hidden;
  border-radius: 10px;
  background-color: #000
}



/*Line Heights*/
.lh90 {line-height: 90%;}
.lh100 {line-height: 100%;}
.lh110 {line-height: 110%;}
.lh120 {line-height: 120%;}
.lh130 {line-height: 130%;}
.lh140 {line-height: 140%;}
.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%;}


/*Common*/
.underline{text-decoration:underline;}
.clear{clear:both;}
.uppercase{text-transform: uppercase;}
.responsive-video {position: relative;padding-bottom: 56.25%;overflow: hidden;}
.responsive-demo-video {position: relative;}
.responsive-video iframe,.responsive-demo-video iframe,.responsive-video object,.responsive-demo-video object{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}


/*color*/
.white{color: #fff;}
.yellow-text{color: #eaff00;}
.navyblue-text{color: #2d006f;}
.blue-text{color: #008bfe;}

.whiteBg-important{background-color: #fff !important;}


.media.smtpBox-shadow {
  display: flex;
  align-items: center;
  border-radius: 10px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 0px 15px 0px rgba(1, 123, 255, 0.1);
  padding: 20px;
}
.media.smtpBox-shadow h5{margin-bottom: 0;}
.pink-tag-bg{
  background: #b037e4;
  padding: 11px 50px;
  border-radius: 100px;
  display: table;
}

.fixthistoday-tag{
  background: #003ae0;
  padding: 11px 50px;
  border-radius: 100px;
  display: table;
}
.wannaknowhow-tag{
  background: #00a9e0;
  padding: 11px 50px;
  border-radius: 100px;
  display: table;
  margin: 2% auto;
}

.yellowSteps-tag{
  background: #ffdc4a;
  padding: 4px 25px;
  border-radius: 100px;
  display: table;
  margin: 6% auto;
}
.redSteps-tag{
  background: #ff0000;
  padding: 4px 25px;
  border-radius: 100px;
  display: table;
  margin: 4% auto;
}
.stepafter-arrow-1{
  position: relative;
}
.stepafter-arrow-1:after{
  position: absolute;
  content: url(../images/arrow-light-blue.png);
  right: -23px;
  top: 105px;
}
.stepafter-arrow-2{
  position: relative;
}
.stepafter-arrow-2:after{
  position: absolute;
  content: url(../images/arrow-light-blue.png);
  right: -55px;
  top: 105px;
}
.powerfulautomation-box{
  position: relative;
  border-radius: 20px;
  background-color: rgb(250, 247, 255);
  padding: 1px 30px;
}
.powerautokite-position{
  position: absolute;
  right: 30px;
  bottom: 30px;
}


.affiliate-link-btn a {
  border-radius: 50px;
  background-image: -moz-linear-gradient( -97deg, rgb(0,208,253) 0%, rgb(2,141,238) 100%);
  background-image: -webkit-linear-gradient( -97deg, rgb(0,208,253) 0%, rgb(2,141,238) 100%);
  background-image: -ms-linear-gradient( -97deg, rgb(0,208,253) 0%, rgb(2,141,238) 100%);
  color: #ffffff;
  display: block;
  text-align: center;
  padding: 20px 8%;
  margin-top: 30px;
  margin-bottom: 15px;
  margin-left: auto;
  margin-right: auto;
  display: table;
  text-shadow: 0px 0px 9.4px rgba(27, 39, 113, 0.25);
}
.affiliate-link-btn a:hover {
  text-decoration: none;
  opacity: 0.7;
}
ul.primemailautorespondar-listing{
  padding: 0;
  margin: 0;
  padding-top: 0px;
}
ul.primemailautorespondar-listing li{
  padding-right: 0;
  list-style: none;
  margin-left: 0;
  padding-bottom: 15px;
  padding-top: 15px;
}
.roi-marketer-box {
  border-radius: 10px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 0px 15px 0px rgba(1, 123, 255, 0.1);
  padding: 30px;
  height:380px;
}

.smileyBg-cover{
  position: relative;
  background: #d22a2a;
  padding-left: 25px;
  padding-right: 25px;
  padding-bottom: 25px;
}
.smileyBg-cover:after{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  z-index: 1;
  border-style: solid;
  border-width: 0px 8px 432px 0px;
  bottom: 0;
  left: 0;
  margin-left: 0;
  border-color: transparent transparent #000 transparent;
}
.arrowIconBottom{
  position: absolute;
  left: 0;
  right: 0;
  bottom: -65px;
}
.solidblue-features-banner{background-color: #2d006f;padding: 3% 0 3% 0;position: relative;}
.solidyellow-features-banner{background-color: #f89b0f;padding: 3% 0 3% 0;position: relative;}
.solidyellow-features-banner:after{
  content:'';
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 0;
  bottom: -43px;
  height: 0;
  border-top: 43px solid #f89b0f;
  border-left: 36px solid transparent;
  border-right: 36px solid transparent;
}

.solidbluelight-features-banner{background-color: #003ae0;padding: 3% 0 3% 0;position: relative;}
.solidbluelight-features-banner:after{
  content:'';
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 0;
  bottom: -43px;
  height: 0;
  border-top: 43px solid #003ae0;
  border-left: 36px solid transparent;
  border-right: 36px solid transparent;
}
.headingDots{
  width: 16px;
  height: 16px;
  border-radius: 100px;
  position: absolute;
  left: -24px;
  top: 16px;
}
.prelative{position: relative;}
.dot-yellow{background: #ffb400;}
.dot-blue{background: #0d08c1;}
.dot-orange{background: #ff5a00;}
.dot-darkorange{background: #d48202;}
.dot-lightgreen{background: #32a8af;}
.dot-darkgreen{background: #00a9e0;}
.dot-darkpink{background: #e332ab;}
.dot-darkpurple{background: #2d006f;}

.orange-text{color: #ff5a00;}
.darkpink-text{color: #d530bc;}
.darkblue-text{color: #0d08c1;}
.dred-text{color: #d40202;}
.orangeyellow-text{color: #ff8400;}
.lightgreen-text{color: #11c9d4;}
.darkpurple-text{color: #7c29bd;}
.greentitle-text{color: #23981d;}
.green-text{color: #3d9914;}
.red-text{color: #fe0707;}

.pinkLight-bg{background-color: #fff4fd;padding: 4% 0 4% 0;}
.redLight-bg{background-color: #ffeff0;padding: 4% 0 4% 0;}
.lightpurple-banner{background-color: #fbf7ff;padding: 4% 0 4% 0;}

.mlr-0-important{margin-left: 0 !important;margin-right: 0 !important;}
.orderNow-box {
  position: relative;
  border-radius: 20px;
  background-color: rgb(250, 247, 255);
  padding: 30px;
  z-index: 1;
}
.monthly-pay-left{
  position: absolute;
  bottom: -25px;
  left: -37px;
}
.monthly-pay-right{
  position: absolute;
  top: -65px;
  right: -29px;
}
.titleValueBox{
  position: relative;
  background: #0e061a;
  color: #fff;
  padding: 0 40px 25px 50px;
}
.titleValueBox:after{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  z-index: 1;
  border-style: solid;
  border-width: 0px 8px 432px 0px;
  bottom: 0;
  left: 0;
  margin-left: 0;
  border-color: transparent transparent #fff transparent;
}
.orangeArrowPosition{
  position: absolute;
  left: 0;
  right: 0;
  top: -60px;
}
.titleValue-1{
  padding: 10px 0px;
  border-bottom: 1px solid #211a2c;
}
.greenCover-design{
  position: relative;
  border-radius: 20px;
  background-color: rgb(63, 110, 28);
  padding-bottom: 25px;
}
.titleValue-2{
  padding: 10px 0px;
}
.borderBottm-greenlight{
  border-bottom: 1px solid #4d772e;
}
.primeMail-bg-cover{
  background-color: rgba(1, 0, 2, 0.8);
  padding: 50px 60px;
}




ul.primeIcon-listing{
  padding: 0;
  margin: 0;
  margin-bottom: 40px;
  padding-top: 50px;
}
ul.primeIcon-listing li{
  background: url(../images/primemail-icon-list.png) no-repeat 0px 9px;
  padding: 60px;
  padding-right: 0;
  list-style: none;
  margin-left: 0;
  padding-bottom: 30px;
  padding-top: 5px;
}
ul.primeIcon-listing li:last-child{padding-bottom: 0;}


ul.smileyproblem-listing{
  padding: 0;
  margin: 0;
  margin-bottom: 40px;
  padding-top: 50px;
}
ul.smileyproblem-listing li{
  background: url(../images/smiley-icon.png) no-repeat 0px 0;
  padding: 60px;
  padding-right: 0;
  list-style: none;
  margin-left: 0;
  padding-bottom: 30px;
  padding-top: 10px;
  line-height: 1.5;
}
ul.smileyproblem-listing li:last-child{padding-bottom: 15px;}

ul.cuttingedge-listing{
  padding: 0;
  margin: 0;
  margin-bottom: 40px;
  padding-top: 50px;
}
ul.cuttingedge-listing li{
border-left: 7px solid #009cff;
  padding: 20px;
  padding-right: 0;
  list-style: none;
  margin-top:36px;
  margin-left: 0;
  padding-bottom: 0px;
  padding-top: 0px;
  line-height: 180%;
}

ul.cuttingedge-listing li:last-child{padding-bottom: 0px; }

ul.cuttingedge-listing-blue{
  padding: 0;
  margin: 0;
  margin-bottom: 40px;
  padding-top: 50px;
}
ul.cuttingedge-listing-blue li{
  background: url(../images/greenchecked-icon-blue.png) no-repeat 0px 6px;
  padding: 50px;
  padding-right: 0;
  list-style: none;
  margin-left: 0;
  padding-bottom: 30px;
  padding-top: 5px;
  line-height: 1.5;
}
ul.cuttingedge-listing-blue li:last-child{padding-bottom: 15px;}

ul.cuttingedge-listing-orange{
  padding: 0;
  margin: 0;
  margin-bottom: 40px;
  padding-top: 50px;
}
ul.cuttingedge-listing-orange li{
  background: url(../images/greenchecked-icon-orange.png) no-repeat 0px 6px;
  padding: 50px;
  padding-right: 0;
  list-style: none;
  margin-left: 0;
  padding-bottom: 30px;
  padding-top: 5px;
  line-height: 1.5;
}
ul.cuttingedge-listing-orange li:last-child{padding-bottom: 15px;}


.investBox{
  border-radius: 10px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 0px 18px 0px rgb(45 0 111 / 20%);
  min-height: 260px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.investBox img{
  margin-bottom: 20px;
}

.mb_15percentage{margin-bottom: -15%;}
.footerBG {
  background-color: #09051c;
  padding: 60px 0;
}
.footerBG a{
  color: #fff;
}
.footerBG a:hover,.footerBG a:active,.footerBG a:focus{
  text-decoration: none;
  color: #fff;
}




video {
  width: 100%;
  height: auto;
}


/*Custom Container*/
@media (max-width:767px) {
.mycontainer{max-width:100%;}
}
@media (min-width:768px) {
.mycontainer{max-width:750px;}
}
@media (min-width:992px) {
.mycontainer{max-width:970px;}
}
@media (min-width:1200px) {
.mycontainer{max-width:1170px;}
}
@media (min-width:1300px) {
.mycontainer{max-width:1170px;}
}
@media (min-width:1400px) {
.mycontainer{max-width:1170px;}
}

.lappy{position:relative;}
.videoframe{position:relative; border-radius:10px; box-shadow:0 0 60px 0 rgba(0,0,0,0.25); overflow:hidden;}



/*Sections*/
@media (max-width:767px) {
.navbar-expand-lg .navbar-nav .nav-link {
  padding: 12px 8px !important;
  text-align: center;
}
.fixthistoday-tag003ae0{width: auto;margin: 6% auto;}
.wannaknowhow-tag{width: auto;margin: 6% auto;}
.yellowSteps-tag{width: auto;margin: 6% auto;}
.stepafter-arrow-1:after,.stepafter-arrow-2:after{content: none;}
.headingDots{display: none;}

.vid-front iframe{height: 100%;}
.banner_section{background:#2d087e; padding:4% 0;padding-bottom: 100px;}
.banner_section_second{background:#fff; padding:4% 0;}
.loginsteps-banner{background:#f9fbff; padding:4% 0;}
.primemailautorespondar-banner{background:#fff; padding:4% 0;}
.waitnomore-banner{background:#2d087e; padding:4% 0;}
.watchactionroi-banner{background:#faf7ff; padding:4% 0;}
.problemis-banner{position: relative;background:#ffffff; padding:4% 0;}
.cuttingedge-features-banner{background:#222233; padding:4% 0;}
.instant-hosting-banner{background:#222233; padding:4% 0;}
.powerfulautoresponder-banner{background:#ffffff; padding:4% 0;}
.solution-banner{background:#2d087e; padding:4% 0;}
.valuable-banner{background:#2d087e; padding:4% 0;}
.waste-time-banner{background:#2d087e; padding:4% 0;}
.ultrafast-banner{background:#2d087e; padding:4% 0;}
.problemsolve-banner{background:#2d006f; padding:4% 0;}
.down-out-banner{background:#f8fcff; padding:4% 0;}
.intro-banner{background:#f8fcff; padding:4% 0;}
.easyway-banner{background:#f8fcff; padding:4% 0;}
.hostzy-list-banner{background:#fff; padding:4% 0;}
.reportsanalytics-banner{background:#fff; padding:4% 0;}
.emailcontent-banner{background:#fff; padding:4% 0;}
.white-banner{background:#fff; padding:4% 0;}
.find-sol-banner{background:#fff; padding:4% 0;}
.listmanagement-banner{background:#e6feff; padding:4% 0;}
.predesigned-banner{background:#fff; padding:4% 0;}
.embedsub-banner{background:#fff; padding:4% 0;}
.dragdrop-banner{background:#f7fff7; padding:4% 0;}
.cloudbased-banner{background:#f7fff7; padding:4% 0;}
.intro-banner-footer{background:#faf7ff; padding:4% 0;}
.monthlypay-banner{background:#eff4f8; padding:4% 0;}
.moneyback-banner{background:#2c006f; padding:4% 0;}
.signupprimemail-banner{background:#e5f3ff; padding:4% 0;}
.totalvalueprime-banner{position: relative;background:#ffffff; padding:4% 0;}
.whoisprimemaill-banner{background:#000; padding:4% 0;}
.email-forever-banner{background:#000; padding:4% 0;}
.primemail-action-banner{background:#fff; padding:4% 0;}
.whitesolidaction-banner{background:#fff; padding:4% 0;}
.primemailtechnoloy-banner{background:#ffffff; padding:4% 0;}
.easyautomation-list-banner{background:#ffffff; padding:4% 0;}
.easyautomationtruth-list-banner{background:#ffffff; padding:4% 0;}
.monthly-pay-right,.monthly-pay-left{display: none;}
.powerautokite-position{position: relative;right: 0;}
.solidyellow-features-banner:after{
  bottom: -20px;
  height: 0;
  border-top: 29px solid #f89b0f;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}
.solidbluelight-features-banner:after{
  bottom: -20px;
  height: 0;
  border-top: 29px solid #003ae0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}
.arrowIconBottom,.orangeArrowPosition{
  visibility: hidden;
}

.primemail-intro-box-banner{background:#2d087e; padding:4% 0;}

.greysolid-banner{background: #f9f9f9;padding: 5% 0 5% 0;}
.whitesolid-banner{background: #ffffff;padding: 5% 0 5% 0;}

.white-xs-only{color: #fff;}

ul.navbarCustom-menu span {
  color: #fff;
  display: none;
}

.promotPostionLeft, .promotPostionRight{
  position: relative;
}
.promotPostionLeft{left: 0;top: 0;}
.promoteBox{padding: 20px;}
.mb_15percentage{margin-bottom: 0;}
.prizeWin-bg{background: none;display: none;}
}
@media (min-width:768px) {
  .banner_section{background:transparent url(../images/banner_section.png) no-repeat left bottom; background-size:cover;padding:2% 0 18% 0; position:relative;}
  .banner_section_second{background:transparent url(../images/banner_section-2.png) no-repeat top center; background-size:cover; padding:5% 0 5% 0;}
  .loginsteps-banner {
    padding: 5% 0 5% 0;
    background: #f9fbff;
    background-size: cover;
	background-attachment:fixed;
  } 
  .primemailautorespondar-banner{
    padding: 5% 0 5% 0;
    background: transparent url(../images/primemailautorespondar-banner.png) no-repeat center right;
    background-size: auto;
  }
  .waitnomore-banner{
    padding: 10% 0 5% 0;
    background: #f9fbff url(../images/waitnomore-banner.png) no-repeat center center;
    background-size: cover;
  }
  .down-out-banner{
    padding: 5% 0 5% 0;
    background: transparent url(../images/down&out-banner.png) no-repeat center center;
    background-size: cover;
  }
  .solution-banner{
    padding: 5% 0 0% 0;
    background: #f8fcff url(../images/solution-banner.png) no-repeat center center;
    background-size: cover;
  }
  .watchactionroi-banner{
    padding: 5% 0 5% 0;
    background: #ffffff url(../images/watchactionroi-banner.png) no-repeat center center;
    background-size: cover;
  }
  .problemis-banner{
    position: relative;
    padding: 5% 0 14% 0;
    background: transparent url(../images/problemis-banner.png) no-repeat top center;
    background-size: cover;
  }
  
  .cuttingedge-features-banner{
    padding: 5% 0 5% 0;
    background: #fef9f7 url(../images/cuttingedge-features-banner.png) no-repeat center;
    background-size: cover;
  }
  .instant-hosting-banner{
    padding: 5% 0 22% 0;
    background: #f9fbff url(../images/instant-hosting-banner.png) no-repeat center;
    background-size: cover;
  }
  .valuable-banner{
    padding: 5% 0 5% 0;
    background: transparent url(../images/valuable-banner.png) no-repeat center;
    background-size: cover;
  }
  .waste-time-banner{
    padding: 5% 0 5% 0;
    background: transparent url(../images/waste-time-banner.png) no-repeat center;
    background-size: cover;
  }
  .white-banner{
    padding: 5% 0 5% 0;
    background: transparent url(../images/white-banner.png) no-repeat center;
    background-size: cover;
  }
  .problemsolve-banner{
    padding: 5% 0 5% 0;
    background: #ebf5fc url(../images/saving-banner.png) no-repeat center;
    background-size: cover;
  }
  .powerfulautoresponder-banner{
    padding: 4% 0 4% 0;
    background: transparent url(../images/powerfulautoresponder-banner.png) no-repeat center left;
    background-size: auto;
  }
  .find-sol-banner{
    padding: 4% 0 4% 0;
    background: transparent url(../images/find-sol-banner.png) no-repeat center center;
    background-size: cover;
  }
  .reportsanalytics-banner{
    padding: 4% 0 4% 0;
    background: transparent url(../images/reportsanalytics-banner.png) no-repeat center left;
    background-size: auto;
  }
  .emailcontent-banner{
    padding: 4% 0 4% 0;
    background: transparent url(../images/emailcontent-banner.png) no-repeat center right;
    background-size: auto;
  }
  .listmanagement-banner{
    padding: 4% 0 4% 0;
    background: transparent url(../images/listmanagement-banner.png) no-repeat center left;
    background-size: cover;
  }
  .predesigned-banner{
    padding: 4% 0 4% 0;
    background: transparent url(../images/predesigned-banner.png) no-repeat center right;
    background-size: auto;
  } 
  .embedsub-banner{
    padding: 4% 0 4% 0;
    background: transparent url(../images/embedsub-banner.png) no-repeat center;
    background-size: contain;
  }
  .dragdrop-banner{
    padding: 4% 0 4% 0;
    background: #f6fbfe url(../images/dragdrop-banner.png) no-repeat right;
    background-size: cover;
  }
  .cloudbased-banner{
    padding: 10% 0 4% 0;
    background: #ebf5fc url(../images/cloudbased-banner.png) no-repeat top center;
    background-size: cover;
  }
  .monthlypay-banner{
    padding: 0% 0 5% 0;
    background: #eff4f8;
  }
  .intro-banner-footer {
    padding: 5% 0 5% 0;
    background: transparent url(../images/intro-banner-footer.png) no-repeat center center;
    background-size: cover;
  }

  .moneyback-banner {
    padding: 5% 0 20% 0;
    background: transparent url(../images/moneyback-banner.png) no-repeat center center;
    background-size: cover;
  }
  .signupprimemail-banner {
    padding: 5% 0 5% 0;
    background: transparent url(../images/signupprimemail-banner.png) no-repeat top center;
    background-size: cover;
  }
  .totalvalueprime-banner {
    position: relative;
    padding: 5% 0 5% 0;
    background: #fff;
  }
  .whoisprimemaill-banner {
    position: relative;
    background: #fff url(../images/whoisprimemaill-banner.png) no-repeat left center;
    background-size: cover;
  }
  .email-forever-banner {
    position: relative;
    padding: 8% 0 5% 0;
    background:  url(../images/email-forever-banner.png) no-repeat center center;
    background-size: cover;
  }
  .primemailSystem-banner {
    padding: 4% 0 4% 0;
    position: relative;
    background: transparent url(../images/primeamail-cover-right.png) no-repeat center right;
    background-size: contain;
  }
  .primemail-action-banner {
    padding: 0% 0 4% 0;
    position: relative;
    background: transparent url(../images/primemail-action-banner.png) no-repeat top;
    background-size: contain;
  }
  .whitesolidaction-banner {
    padding: 5% 0 2% 0;
    position: relative;
    background: transparent url(../images/whitesolidaction-banner.png) no-repeat center top;
    background-size: cover;
  }
  .primemailtechnoloy-banner{
    padding: 5% 0 5% 0;
    background: transparent url(../images/primemailtechnoloy-banner.png) no-repeat center;
    background-size: cover;
  }
  .primemail-intro-box-banner{
    padding: 5% 0 0% 0;
    background: transparent url(../images/primemail-intro-box-banner.png) no-repeat center center;
    background-size: cover;
  }
  .ultrafast-banner{
    padding: 5% 0 5% 0;
    background: #f4faff url(../images/ultrafast-banner.png) no-repeat center center;
    background-size: cover;
  }
  .hostzy-list-banner{
    padding: 5% 0 5% 0;
    background: transparent url(../images/hostzy-list-banner.png) no-repeat center center;
    background-size: cover;
  }
  .easyway-banner{
    padding: 5% 0 5% 0;
    background: transparent url(../images/easyway-banner.png) no-repeat center center;
    background-size: cover;
  }
  .intro-banner{
    padding: 15% 0 5% 0;
    background: transparent url(../images/intro-banner.png) no-repeat top center;
    background-size: cover;
  }
  .easyautomation-list-banner{
    padding: 3% 0 3% 0;
    background: transparent url(../images/easyautomation-list-banner.png) no-repeat center;
    background-size: contain;
  }  
  .easyautomationtruth-list-banner{
    padding: 5% 0 5% 0;
    background: transparent url(../images/easyautomationtruth-list-banner.png) no-repeat center;
    background-size: cover;
  }
  .compare-banner{
    padding: 5% 0 5% 0;
    background: transparent url(../images/compare-banner.png) no-repeat center;
    background-size: cover;
  }

  .greysolid-banner{background: #f9f9f9;padding: 5% 0 5% 0;}
  .whitesolid-banner{background: #ffffff;padding: 5% 0 5% 0;}

}

@media (min-width:1024px) {

}
@media (min-width:1400px) {

}


/*Navigation*/
.navbar-expand-lg .navbar-nav .nav-link{padding:0 15px;}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link,.navbar-light .navbar-nav .nav-link{color:#fff!important;}
.navbar-light .navbar-nav .nav-link:hover{color:#fff !important;}
.navbar-light .navbar-nav .last .nav-link{
  background: rgb(0, 169, 224);
  border-radius:50px;
  padding:8px 22px;
  margin-top:-8px;
  color: #ffffff;
}
.navbar-light .navbar-nav .last .nav-link:hover {
  background-image: -moz-linear-gradient( 124deg, rgb(249,132,108) 0%, rgb(249,112,145) 100%);
  background-image: -webkit-linear-gradient( 124deg, rgb(249,132,108) 0%, rgb(249,112,145) 100%);
  background-image: -ms-linear-gradient( 124deg, rgb(249,132,108) 0%, rgb(249,112,145) 100%);
}
.navbar-light .navbar-toggler {
  color: rgb(255 255 255 / 50%);
  border-color: rgb(255 255 255 / 10%);
  background: #ffff;
}



.stepbox{
  border-radius: 20px;
  background-color: #f6f6f6;
  box-shadow: 0px 0px 12px 3px rgba(16, 51, 70, 0.05);
  width:100%;
  padding:3%;
}
.steptitle{
	background-image: -moz-linear-gradient( 180deg, rgb(188,42,224) 0%, rgb(57,41,158) 100%);
  background-image: -webkit-linear-gradient( 180deg, rgb(188,42,224) 0%, rgb(57,41,158) 100%);
  background-image: -ms-linear-gradient( 180deg, rgb(188,42,224) 0%, rgb(57,41,158) 100%);
	padding:12px 40px 8px;
	display:table;
	border-radius:30px;
}


.pre-heading{
  background-image: -moz-linear-gradient( 0deg, rgb(124,2,228) 0%, rgb(104,62,255) 100%);
  background-image: -webkit-linear-gradient( 0deg, rgb(124,2,228) 0%, rgb(104,62,255) 100%);
  background-image: -ms-linear-gradient( 0deg, rgb(124,2,228) 0%, rgb(104,62,255) 100%);
  border-radius: 40px;
  padding: 14px 10px 10px;
}

ul.header-list{
  padding: 0;
  margin: 0;
  padding-top: 0px;
}
ul.header-list li{
  background: url(../images/list-arrow.png) no-repeat 0px 9px;
  padding: 60px;
  padding-right: 0;
  list-style: none;
  margin-left: 0;
  padding-bottom: 30px;
  padding-top: 5px;
}

.test-card{
	background:transparent;
	border:1px solid #ffffff;
	border-radius:2px;
	padding:15px;
	
}

ul.cross-list{
  padding: 0;
  margin: 0;
  margin-bottom: 0px;
  padding-top: 0px;
}
ul.cross-list li{
  background: url(../images/cross-tick.png) no-repeat 0px 0;
  padding: 60px;
  padding-right: 0;
  list-style: none;
  margin-left: 0;
  padding-bottom: 30px;
  padding-top: 10px;
  line-height: 1.5;
}
.mb6{
	margin-bottom:6%;
}

ul.hostzy-list{
  padding: 0;
  margin: 0;
  margin-bottom: 0px;
  padding-top: 0px;
}
ul.hostzy-list li{
  background: url(../images/hostzy-list-icon.png) no-repeat 0px 0;
  padding: 60px;
  padding-right: 0;
  list-style: none;
  margin-left: 0;
  padding-bottom: 30px;
  padding-top: 10px;
  line-height: 1.5;
}
ul.solution-list{
  padding: 0;
  margin-bottom: 0px;
  padding-top: 0px;
}
ul.solution-list li{
  background: url(../images/solution-list-icon.png) no-repeat 25px 15px;
  padding: 60px;
  padding-right: 0;
  list-style: none;
  margin-left: 0;
  padding-bottom: 10px;
  padding-top: 10px;
  line-height: 1.5;
}
.introducing-banner { background: #fff url(../images/introducing-banner.png) no-repeat;    background-size: auto auto;    background-size: cover;    padding: 28% 0%;}


ul.instant-list{
  padding: 0;
  margin: 0;
  padding-top: 0px;
}
ul.instant-list li{
  background: url(../images/instant-host-list.png) no-repeat 0px 9px;
  padding: 40px;
  padding-right: 0;
  list-style: none;
  margin-left: 0;
  padding-bottom: 30px;
  padding-top: 5px;
}

ul.right-list{
  padding: 0;
  margin: 0;
  margin-bottom: 0px;
  padding-top: 0px;
}
ul.right-list li{
  background: url(../images/right-tick.png) no-repeat 9px 18px;
  padding: 45px;
  padding-right: 0;
  list-style: none;
  margin-left: 0;
  padding-bottom: 30px;
  padding-top: 10px;
  line-height: 1.5;
}

ul.promise-list{
  padding: 0;
  margin-bottom: 0px;
  padding-top: 0px;
}
ul.promise-list li{
  background: url(../images/blue-tick.png) no-repeat 15px 15px;
  padding: 60px;
  padding-right: 0;
  list-style: none;
  margin-left: 0;
  padding-bottom: 10px;
  padding-top: 10px;
  line-height: 1.5;
}

.hostzy-card{
	border-radius: 31px;
	background-color: rgb(255, 255, 255);
	box-shadow: 0px 3px 38px 0px rgba(43, 43, 43, 0.1);	
	padding:20px;
	height:310px;
	
}

.compare-table{
	background:#ffffff;
	border:1px solid #e1e1e1;
}
.odd{
	background:#f7f8f8;
	border-right:1px solid #e1e1e1;
	padding:20px;
	height:75px;
}
.even{
	background:#ffffff;
	border-right:1px solid #e1e1e1;
	padding:20px;
	height:75px;
}
.head-padding{
	padding-left:70px;
}
.odd-logo2{
	padding-bottom:27px;
	padding-top: 29px; 
}
.odd-logo1{
	padding-bottom:23px;
	padding-top: 24px; 
}

.bonus-card{
	border-radius: 20px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 1px 24px 0px rgba(0, 0, 0, 0.08);
  padding:50px 30px;
}

.pricing-table{
	background:#ffffff;
	border-radius:20px 20px 0px 0px;
}
.logo-div{
	background-image: -moz-linear-gradient( 90deg, rgb(2,121,255) 0%, rgb(19,163,255) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(2,121,255) 0%, rgb(19,163,255) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(2,121,255) 0%, rgb(19,163,255) 100%);
  border-radius:20px 20px 0px 0px;
  padding:30px;
}
.margin-minus{
	margin-top:0px;
}
.table-content{
	background:#ffffff;
	box-shadow: 0px 1px 24px 0px rgba(0, 0, 0, 0.2);
	padding:15px;
	border-bottom: 34px solid #0378f9;
}

ul.pricing-list{
  padding: 0;
  padding-top: 0px;
}
ul.pricing-list li{
  background: url(../images/pricing-tick.png) no-repeat 6px 8px;
  padding: 40px;
  padding-right: 0;
  list-style: none;
  margin-left: 0;
  padding-bottom: 30px;
  padding-top: 5px;
}

.ques-ans-card{
	background:#ffffff;
	padding:20px 10px;
}
.testi-card{
	border:1px solid #ffffff;
	border-radius:5px;
	padding:20px;
}
ul.sol-list{
  padding: 0;
  padding-top: 0px;
}
ul.sol-list li{
  background: url(../images/solution-tick.png) no-repeat 0px 1px;
  padding: 50px;
  padding-right: 0;
  list-style: none;
  margin-left: 0;
  padding-bottom: 30px;
  padding-top: 5px;
}
@media (min-width:768px) {
.margin-minus{
	margin-top:-220px;
}
.ques-ans-card{
	background:#ffffff;
	padding:40px;
}
.mt30{
	margin-top:30%;
}	
	
}

.relative {
    position: relative;
}
.chat-box-1{
	background: #dce5fa;
    padding: 15px;
	border-radius:20px;
	margin-top:15px;
}
.chat-box-2{
	background: #d7f4c7;
    padding: 15px;
	border-radius:20px;
	margin-top:15px;
}
.chat-box-3{
	background: #fdb3b3;
    padding: 15px;
	border-radius:20px;
}
.chat-box-4{
	background: #fef4cf;
    padding: 15px;
	border-radius:20px;
}
.chat-box-5{
	background: #f3e1fb;
    padding: 15px;
	border-radius:20px;
	margin-top:15px;
}
.chat-box-6{
	background: #fbd2d3;
    padding: 15px;
	border-radius:20px;
	margin-top:15px;
}
.chat-box-7{
	background: #ccf2fd;
    padding: 15px;
	border-radius:20px;
}
.chat-box-8{
	background: #cde2e7;
    padding: 15px;
	border-radius:20px;
	margin-top:15px;
}
@media (min-width:768px) {
.chat-box-1 {
    max-width: 390px;
    position: relative;
    background: #dce5fa;
    padding: 35px 45px 35px 30px;
    border-radius: 20px;
}

.chat-box-1:before {
    position: absolute;
    content: "";
    background: url(../images/chat-box-avatar-1.png);
    width: 51px;
    height: 51px;
    right: -25px;
    top: calc(50% - 26px);
}


.chat-box-1:after {
    position: absolute;
    content: "";
    background: url(../images/chat-box-arrow-1.png);
    width: 28px;
    height: 21px;
    left: -27px;
    top: 42.8571428571%;
}

.chat-box-2-container {
    position: absolute;
    right: 145px;
    top: 20px;
}
.chat-box-2 {
    max-width: 433px;
    position: relative;
    background: #d7f4c7;
    padding: 35px 35px 35px 45px;
    border-radius: 20px;
}

.chat-box-2:before {
    position: absolute;
    content: "";
    background: url(../images/chat-box-avatar-2.png);
    width: 51px;
    height: 51px;
    left: -25px;
    top: calc(50% - 26px);
}


.chat-box-2:after {
    position: absolute;
    content: "";
    background: url(../images/chat-box-arrow-2.png);
    width: 25px;
    height: 17px;
    right: -24px;
    top: 53.0303030303%;
}

.chat-box-3 {
    max-width: 354px;
    position: relative;
    background: #fdb3b3;
    padding: 35px 40px 35px 30px;
    border-radius: 20px;
}

.chat-box-3:before {
    position: absolute;
    content: "";
    background: url(../images/chat-box-avatar-3.png);
    width: 57px;
    height: 57px;
    right: -28px;
    top: calc(50% - 28px);
}


.chat-box-3:after {
    position: absolute;
    content: "";
    background: url(../images/chat-box-arrow-3.png);
    width: 31px;
    height: 21px;
    left: -30px;
    top: 36.6666666667%;
}

.chat-box-4-container {
    position: absolute;
    right: 132px;
    top: -279px;
}
.chat-box-4 {
    max-width: 470px;
    position: relative;
    background: #fef4cf;
    padding: 35px 40px 35px 30px;
    border-radius: 20px;
}

.chat-box-4:before {
    position: absolute;
    content: "";
    background: url(../images/chat-box-avatar-4.png);
    width: 52px;
    height: 52px;
    right: -26px;
    top: calc(50% - 26px);
}

.chat-box-4:after {
    position: absolute;
    content: "";
    background: url(../images/chat-box-arrow-4.png);
    width: 28px;
    height: 20px;
    left: -27px;
    top: 32.3308270677%;
}

.chat-box-5 {
    max-width: 468px;
    position: relative;
    background: #f3e1fb;
    padding: 35px 45px 35px 55px;
    border-radius: 20px;
}

.chat-box-5:before {
    position: absolute;
    content: "";
    background: url(../images/chat-box-avatar-5.png);
    width: 52px;
    height: 52px;
    left: -27px;
    top: 12.9129129129%;
}

.chat-box-5:after {
    position: absolute;
    content: "";
    background: url(../images/chat-box-arrow-5.png);
    width: 26px;
    height: 18px;
    right: -23px;
    top: 7.2072072072%;
}

.chat-box-6-container {
    position: absolute;
    right: 73px;
    bottom: 10px;
}


.chat-box-6 {
    max-width: 500px;
    position: relative;
    background: #fbd2d3;
    padding: 35px 45px 35px 55px;
    border-radius: 20px;
}

.chat-box-6:before {
    position: absolute;
    content: "";
    background: url(../images/chat-box-avatar-6.png);
    width: 53px;
    height: 53px;
    left: -26px;
    top: 18.3783783784%;
}


.chat-box-6:after {
    position: absolute;
    content: "";
    background: url(../images/chat-box-arrow-6.png);
    width: 27px;
    height: 19px;
    right: -26px;
    top: 25.5434782609%;
}


.chat-box-7 {
    max-width: 377px;
    position: relative;
    background: #ccf2fd;
    padding: 35px 45px 35px 55px;
    border-radius: 20px;
}


.chat-box-7:before {
    position: absolute;
    content: "";
    background: url(../images/chat-box-avatar-7.png);
    width: 51px;
    height: 51px;
    left: -25px;
    top: 27.4193548387%;
}

.chat-box-7:after {
    position: absolute;
    content: "";
    background: url(../images/chat-box-arrow-7.png);
    width: 26px;
    height: 17px;
    right: -25px;
    top: 49.1935483871%;
}


.chat-box-8-container {
    position: absolute;
    left: 545px;
    top: 31px;
}

.chat-box-8 {
    max-width: 435px;
    position: relative;
    background: #cde2e7;
    padding: 35px 45px 35px 55px;
    border-radius: 20px;
}


.chat-box-8:before {
    position: absolute;
    content: "";
    background: url(../images/chat-box-avatar-8.png);
    width: 51px;
    height: 51px;
    left: -25px;
    top: 19%;
}



.chat-box-8:after {
    position: absolute;
    content: "";
    background: url(../images/chat-box-arrow-8.png);
    width: 25px;
    height: 17px;
    right: -24px;
    top: 42.5%;
}
}

