@charset "UTF-8";

html,body,div,span,applet,object,iframe,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,h3,h4,h5,h6,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
ol,ul,li{margin:0px;padding:0px; }
a{ text-decoration: none;color: #373737;}


.form-label,.form-control,.form-select,.form-control,label,option,span,p{ font-weight:300;font-size: 16px;line-height: 30px; color: #373737;}
input{outline:none;}
img{width: 100%;}

.clear{clear:both;}
.clear20{clear:both; height: 20px;}

span{font-size:20px;}
.wrap{width:100%;	margin:0 auto; margin: 0; padding: 0; }

.header{background: #fff;}

.logo{float: left; margin: 0 5% 1% 10%; width: 15%;}

.nava{float: left; flex-wrap:wrap;list-style:none; padding: 0;height: 30px;  }
.nava li{ float: left; width:20%;}


/* leftsead */
#leftsead{width:161px;height:290px;position:fixed;top:600px;right:0px; z-index:100;}
*html #leftsead{margin-top:258px;position:absolute;top:expression(eval(document.documentElement.scrollTop));}
#leftsead li{width:161px;height:60px; list-style: none; }
#leftsead li img{float:right; width: auto ;}
#leftsead li a{height:49px;float:right;display:block;min-width:47px;max-width:161px;}
#leftsead li a .shows{display:block;}
#leftsead li a .hides{margin-right:-143px;cursor:pointer;cursor:hand;}
#leftsead li a.youhui .hides{display:none;position:absolute;right:143px;}
#leftsead li a.youhui .2wm{display:none;position:absolute;right:143px;}
#p2{width:112px;background-color:#979797;height:49px;margin-left:47px;border:1px solid #979797;text-align:center;line-height:47px}
#p3{width:112px;background-color:#e8862f;height:49px;margin-left:47px;border:1px solid #e8862f;text-align:center;line-height:47px}
#p1{width:47px;height:49px;float:left}




.nav-item { line-height: 20px;   float: left; padding:0 ; margin: 5px 0;  }
.nav-item a{}
.nav-item:last-child {border-right:none;  }
.menua {float:left; margin-top: 0.6%; margin-right:12%; }

.menua a{padding:10% 30%; text-align: center;border-radius:20px;font-size: 1.2em;background:#801c34;    color:#fff;}

.shixin{position: absolute;  left: 50%;  display: table;  width: 10px;  height: 10px;  content: '';  margin-left: -5px;  transform: rotate(45deg);  z-index: 1;  top: -5px;  background: linear-gradient(-45deg, transparent 7px, #fff 0);  box-shadow: -1px -1px 0 #ccc}

.zb{ font-weight: bold; text-decoration: underline;}

.vida{width: 600px; padding:0 18%;}
.vidb{width: 600px; padding:0 25%;}
.vidc{width: 600px; }
.vidaw{display:none;}

.veridicon{width: 14%; padding: 10px 0; margin: 0 43%;}

.team{display: block; width: 100%; }
.teamwap{ display:none;width: 100%;}
.team img{ width: 100%; }
.teamwap img{ width: 100%;}

.card-img-topp{ display: block; width: 100%;}
.card-img-topw{ display: none;}
.navbardi{ display: none;}
.navbara{ position: fixed; z-index: 100; width: 100%; }
.navbarh{ float: left; z-index: 100; width: 100%; background: #fff; }
.navbar-brand{ width: 250px; float: left;padding: 4px 0; }

.dropdown-menu ul{width:100%; left: 0; padding: 0; margin: 0;}
.mbtnk{margin-top:10px; float: right;}
.mbtn{padding: 8px 18px; background: #801c34; font-weight: 500; color: #fff; border-radius:50px;}
.mbtnk a{color: #fff;}
.mbtn a{color: #fff;}
.mbcn{margin-top:0.5rem; font-weight: 600;}
.banner3{display:block;}
.banner4{display: none;}

.blogmain{ width: 100%;  top: 0;  left: 0;}
.blogcon{ position: absolute; width: 800px; margin:120px 0 0 0; padding: 50px; color: #fff; }
.blogan{ padding: 15px 30px; background: #801c34;z-index: 100; margin:20px auto; font-weight: 300; width: 150px;text-align: center; color: #fff; }
.blogan a{color: #fff;}
.blogana{ padding: 15px 30px;display: block; background: #801c34; font-weight: 300; width: 150px;text-align: center; color: #fff; }
.blogana a{color: #fff;}
.blogimg{background:rgba(0,0,0,0.3);}


.fw-normal{font-weight:300; font-size: 1.2rem; }

.marketing,.col-lg-4{ text-align: center;}

.team-content{ height: 160px; }
.blogm{margin:0 auto; width:50%; padding:3rem 0 2rem 0;text-align: center;}

.mebj{ width: 100%; display:block;height: 540px;  background:url(../images/mobile.webp)  no-repeat;  background-size: cover !important;background-position:center !important;background-attachment:inherit;}
.mebjb{ width: 100%;display:block; height: 540px; background:url(../images/mobileb.webp)  no-repeat;  background-size:cover  !important;background-position:center top !important;background-attachment:inherit;}
.mebjc{ width: 100%;display:block; height: 540px; background:url(../images/mobilec.webp)  no-repeat;  background-size:cover  !important;background-position:center top !important;background-attachment:inherit;}

.mdban{position: absolute; margin-top: 370px; z-index: 1000;}


.product-cardt{position: absolute;width: 100%;z-index: 1000; padding: 0; margin: 0; height: 200px;}
.product-name{float: left; width: 100%; background: rgb(80, 24, 81); color: #fff; padding: 10px; }
.product-namer{float: left; width: 100%; background: #801c34; color: #fff; padding: 10px; }
.product-nameh{float: left; width: 100%; background: rgb(242, 182, 96); color: #fff; padding: 10px; }
.product-nameb{float: left; width: 100%; background:rgb(48, 64, 96); color: #fff; padding: 10px; }
.product-nameg{float: left; width: 100%; background:rgb(160, 203, 207); color: #fff; padding: 10px; }
.product-namec{float: left; width: 100%; background:rgb(45, 99, 110); color: #fff; padding: 10px; }
.product-namee{float: left; width: 100%; background:#a5a5a5; color: #fff; padding: 10px; }
.product-name a{color: #fff; }
.product-logo{ float: left; margin:135px 0 0 90px; width:80px;height: 26px; padding:0 10px;border-radius: 20px; background: #fff;}
.product-logoa{ float: left; margin:240px 0 0 160px; width:80px;height: 26px; padding:0 10px; border-radius: 20px; background: #fff;}
.product-logob{ float: left; margin:170px 0 0 110px; width:80px;height: 26px; padding:0 10px; border-radius: 20px; background: #fff;}

.text-white a{color: #fff;}
.text-white a:hover{color: #fff;}


.videom{width: 100px; position: absolute;z-index: 100; opacity: 0.9; color:#fff; padding:120px 220px;}

.tags{float: left;width: 100%;}
.tags ul{margin: 0; padding: 0;}
.tags ul li{ float: left; color: #801c34; font-weight: 300; border: 2px solid #801c34;border-radius: 5px; margin:0 10px 10px 0;  display: block;}
.tags ul li a{ color: #801c34; padding: 3px 10px; border-radius: 2px;}
.tags ul li a:hover{ color: #fff; background:#801c34; }
.lblog{float: left;width: 100%;}
.lblog ul {margin: 0; padding: 0;}
.lblog ul li{width: 100%; margin: 20px 0;}


/* Carousel base class */
.carousel {  margin-bottom: 0;}
.carousela {top: 120px;}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {color: #fff;
  top: 130px;
  z-index: 10;
}
.carousel-captionn {color: #fff; width: 100%;
  top: 150px;
  z-index: 10;
  position: absolute;
    padding-top: 1.25rem;
    color: #fff;
    text-align: center;
}




.carousel-captiona {position: absolute; width: 64%; color: #fff;  top: 80px;  z-index: 10;}
/* Declare heights because of positioning of img element */
.carousel-item1 { opacity: 1;
  height:0;
}
.carousel-item1 > img {
  position: absolute;
  top: 0;
  left: 0%;
  min-width: 1528px;
  height: auto;
}
.carousel-item { opacity: 1;
  height:300px; z-index: 10; margin-bottom: 200px;
}
.carousel-item > img {
  position: absolute;
  top: 0;
  left: 0%;
  min-width: 1528px;
  height: auto;
}
.carousel-itema {
  height: 240px;
}
.carousel-itema > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: auto;
}
.carousel-itemb {
  height: 590px;
}
.carousel-itemb > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: auto;
}

.carousel-itemc {
  height: 240px;
}
.carousel-itemc > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height:120px;
}
.carousel-itemd {
  height: 240px;
}
.carousel-itemd > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height:300px;
}

.carousel-iteme {
  height: 240px;
}
.carousel-iteme > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height:300px;
}

.carousel-itemf {
  height: 240px;
}
.carousel-itemf > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: auto;
}


.carousel-itemw {    opacity: 1;
  height:590px;
}
.carousel-itemw > img {
  position: absolute;
  top: 0;
  left: 0%;
  min-width: 1528px;
  height: auto;
}
.carousel-itemwa {    opacity: 1;  height:590px;}

.carousel-itemwa > img {
  position: absolute;
  top: 0;
  left: 0%;
  min-width: 1528px;
  height: auto;
}

.carousel-itemwb {    opacity: 1;  height:590px;}

.carousel-itemwb > img {
  position: absolute;
  top: 0;
  left: 0%;
  min-width: 1528px;
  height: auto;
}
.carousel-itemwc {    opacity: 1;  height:590px;}

.carousel-itemwc > img {
  position: absolute;
  top: 0;
  left: 0%;
  min-width: 1528px;
  height: auto;
}
.carousel-itemwm {    opacity: 1;  height:590px;}

.carousel-itemwm > img {
  position: absolute;
  top: 0;
  left: 0%;
  min-width: 1528px;
  height: auto;
}

.posa{position: absolute;}


.bannertxt{ height: 400px; display: block;}
.bd-placeholder-img {

  object-position: top;
  font-size: 1.125rem;
  text-anchor: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; 
}
.bd-placeholder-imgg {

  object-position: top;
  object-fit: cover;
  font-size: 1.125rem;
  text-anchor: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; 
}

.bd-placeholder-img0 { display: block;
  background-image: url(../images/bj1.webp);
  background-repeat: no-repeat;
  background-size: cover !important;
  background-position:center bottom !important;
  background-attachment:inherit;
  width: 100%;
  height: 100%;
  left: 0;top: 0;
  font-size: 1.125rem;
  text-anchor: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; 
  
}
.bd-placeholder-imga { display: block;
  background-image: url(../images/bj2.webp);
  background-repeat: no-repeat;
  background-size:  cover !important;
  background-position:center bottom !important;
  width: 100%;
  height: 100%;
  left: 0;top: 0;
  font-size: 1.125rem;
  text-anchor: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; 
  
}
.bd-placeholder-imgb { display: block;
  background-image: url(../images/bj3.webp);
  background-repeat: no-repeat;
  background-size:  cover !important;
  background-position:center bottom !important;
  width: 100%;
  height: 100%;
  left: 0;top: 0;
  font-size: 1.125rem;
  text-anchor: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; 
  
}
.bd-placeholder-imgc { display: block;
  background-image: url(../images/bj4.webp);
  background-repeat: no-repeat;
  background-size:  cover !important;
  background-position:center bottom !important;
  width: 100%;
  height:100%;
  left: 0;top: 0;
  font-size: 1.125rem;
  text-anchor: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; 
  
}
.bd-placeholder-imgd { display: block;
  background-image: url(../images/bj5.webp);
  background-repeat: no-repeat;
  background-size:  cover !important;
  background-position:center bottom !important;
  width: 100%;
  height:100%;
  left: 0;top: 0;
  font-size: 1.125rem;
  text-anchor: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; 
  
}



.featurette-heading {
  font-size: 35px;
}
.mta1{margin-top: 1rem;}

.mta3{margin-top: 3rem;}
.mta6{margin-top: 6rem;}
.mta8{margin-top: 8rem;}
.mtai{ width: 40%;}
.mtai img{ width: 100%;}
.mtai2{ width: 20%;}
.mtai2 img{ width: 100%;}
.mtai4{ width: 40%;}
.mtai4 img{ width: 100%;}

.mtai6{ width: 60%;}
.mtai6 img{ width: 100%;}

.mtai8{ width: 80%;}
.mtai8 img{ width: 100%;}

.themed-grid-col{padding:0.75rem; color: #fff; font-size: 20px;}

.service-content{height:450px; padding: 40px; margin-bottom: 40px;}
.service-contenta{height:350px; padding: 40px; margin-bottom: 40px;}

.apidicon{padding:20px 80px;}

.top-grid{float: left;background-color: #fff;}
.top-grid ul li{ float: left;width: 48%; margin:0 2% 4% 0; background: #fff; -webkit-box-shadow: 6px 60px 45px 0 rgba(0,0,0,.1);
    box-shadow: 0 0.125rem 0.25rem rgba(0,0,0,.075); border: 1px solid #e9e9e9; }
.top-grid ul li a{display: block;}

.top-grid ul li .mainimg{float: left;width: 100%; margin: 0; padding: 0;}
.top-grid ul li .mainimg img{width: 100%;}
.top-grid ul li h3{ float: left;width: 100%;font-size: 1.4em;font-weight:500;color: #801c34;letter-spacing:1px;padding:4%;border-bottom: 1px solid #e9e9e9;}
.top-grid ul li .time{  padding:1% 0; left:40%;  }
.top-grid ul li .timea{  text-align:right; width:100%; font-size: 18px;padding-right:5%; color: #373737; }
.top-grid ul li .timeb{  width: 120px; text-align:center; font-size: 18px;  color: #373737;}
.top-grid ul li .newstime{ display: none;}
.top-grid ul li p{ float: left;width:100%;color: #999;	line-height: 30px;	font-size: 1.0em;	padding: 2% 4%;}

.list-unstyled li{ float: left;}

.newstime{font-weight: 500; font-size: 20px;}
.team-wap{display: none;}

.card{  font-weight: 300; border-radius: 0;}
.card-header{border-top: 1px solid #ccc; border-radius: 0;}

.card-bodya{float: left; width: 100%;}
.card-bodya img{float: left; width: 15%; padding-left: 5%;}
.card-body{ width:100%; z-index: 100; background: #fff; color: #373737;  }
.card-body p{margin-bottom:0;color: #373737;}

.card-bodyb{float: left; width:80%; padding: 0 10px; }
.card-bodyb p{margin-bottom:0;}

.nav-scroller{display: block;}
.nav-scrollerwap{display: none;}

.sslz{margin-top: 6rem; }
.sslz p{margin-left:20%;}

.scpa{width: 100%; padding:20px 10px; border-bottom:1px solid #ccc;color: #801c34;  font-weight: bold; font-size: 20px;}
.scpb{ float: left; width:100%;padding:20px 10px;}
.scpba{float:left; width: 50.33%; padding-right: 2%; border-right: 1px solid #ccc;}
.scpbb{float:left; width: 33.33%; padding-left: 2%;border-right: 1px solid #ccc;}
.scpbc{float:left; width: 15.33%;padding-left:1%;}
.scpbca{ padding-top:0;}
.scpbcb{color: #801c34; font-size: 20px; font-weight: bold; }
.scpbcc{ background: #801c34; color: #fff;border-radius:50px;  }
.scpbcc a{color: #fff;padding:10px 0; display: block;}


.wbtn{ width:30%; margin: 0 35%;}
.nav-link{  padding: 0 10px; margin-top: 20px; }
.sdk4{ width: 100%;}
.sdk4 ul li{ float: left; width: 25%; padding: 1%;}
.sdk4 ul li img{width: 100%; }

.glyphicon-chevron-down{ width: 10px;float: right; margin-right:10px;  margin-top:26px;color: #801c34;  border-top: 0.3em solid;  border-right: 0.3em solid transparent;  border-bottom: 0;  border-left: 0.3em solid transparent;}
.glyphicon-chevron-up{ width: 10px; float: right; margin-right: 10px;  margin-top:26px; color: #801c34; border-bottom: 0.3em solid;  border-right: 0.3em solid transparent;  border-top: 0;  border-left: 0.3em solid transparent;}

.cicon{margin: 0; padding: 0;}
.ciconaa{ float:left; height:46px; padding: 11px 15px; margin-right: 10px; background: #fff;}


.maintit{width: 100%; margin: 0 auto; display: flex;flex-wrap:wrap; }
.maintita{ float: left; width: 70%; font-weight: 300; font-size:2.5rem; margin-bottom: 15px; }
.more{ float: right; width: 30%; text-align: right;font-size:1.5rem;  padding-top: 20px;}
.more a{ color: #373737;}

.footer{  width: 100%; float: left; text-align: left;  font-size: 14px;font-weight: 300;}

.paddright{padding:0 4%;}
.paddnright{padding-right:8%;}
.paddnleft{padding-left:8%;}

.main{ padding:0; margin: 0 auto; max-width:100%;display:flex;flex-wrap:wrap; }
.numCount{width:100%; margin: 0;}
.numCount li{ float: left; width: 33.33%; text-align: center;}
.numCount li .item{ margin: 0 10px;}
.numCount li .numU{ line-height:30px;}
.numCount li .numCX{ font-size:54px; font-weight: bold; color:#a13157;}
.numCount li .numU .unitC{font-size:100%; line-height: 30px; margin-left: 0.3em;}
.numCount li .numU sup{vertical-align: top;}
.numCount li .numU sub{vertical-align:baseline;}

.hixz{ width: 340px;  margin-left: -20px; margin-top:0; height: 40px;font-size: 14px; padding-left: 20px; text-align: left;color: #801c34; border-radius: 100px;  border:1px solid #801c34;}
.dropdown-item:hover{color:#fff;background-color:#801c34;}



.form-controla {
  display: block;
  width: 85%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 300;
  line-height:30px;
  color: #373737;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0.25rem;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}


#accordion .panel{
  border: none;
  box-shadow: none;
  border-radius: 0;
  margin: 0 0 0 0;
}
#accordion .panel-heading{
  padding: 0; margin:0;
}
#accordion .panel-title a{
  display: block;
  padding: 30px 20px;
  font-size:18px;
  color: #000;
  border-top: 1px solid #ccc;
  position: relative;
  transition: all 0.3s ease 0s;
  
}
#accordion .panel-title a.collapsed{
  font-size:18px;
  color: #000; 

}
#accordion .panel-title a:after,#accordion .panel-title a.collapsed:after{
  position: absolute;
  flex-shrink:0;
  width: 1.25rem;
  height: 1.25rem;
  top:46%;
  margin-left:auto; 
  right: 0;
  background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' stroke='black' stroke-width='2' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  content: "";
  transform:rotate(-180deg);

}

#accordion .panel-title a.collapsed:after{
  position: absolute;
  flex-shrink:0;
  width: 1.25rem;
  height: 1.25rem;
  top:46%;
  margin-left:auto; 
  right: 0;
  background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' stroke='black' stroke-width='2' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  content: "";
  transform: rotate(0deg);
  transform:transform 0.2s ease-in-out;
}



#accordion .panel-titlea a{
  display: block;
  padding: 20px;
  background: #f5f5f5;
  font-size:18px;
  color: #000;
  position: relative;
  transition: all 0.3s ease 0s;
}



#accordion .panel-body{
  padding:20px;
  line-height: 30px;
  position: relative; margin-top: -6px;
}
#accordion .panel-body p{
  font-size: 16px;
  font-weight: 300;
}

.bolgmain{ position: absolute;left: 50%;transform:translateX(-50%);}

.conaa{position: absolute; margin: 0 18%;margin-top: -200px; background: #fff; padding: 10% 5%;z-index: 1000;box-shadow: 4px 0 6px 4px rgb(0 0 0 / 10%);}
.conab{position: absolute; width: 100%;margin-top: 780px;}

.qtxt{ float: left; height: 30px;width: 30px; margin-bottom: 20px; margin-right: 10px; text-align: center; background: #801c34; color:#fff; font-size: 20px; border-radius:50%;}
.qtxtr{float: left; width: 90%;}
.pleft{ padding-left:16%;}
.pright{ padding-right:16%;}

.hitrustpay{width: 20%; margin: 0 auto;}

.veriidimga{ display: block; float: left; width: 100%; padding-left: 0;}
.veriidimgaa{display: block;width:100%; text-align: center;}
.veriidimgab{display: block;width: 60%; margin: 0 20%;}
.mainimgaa{display: block; width: 100%;}
.mainimgaac{display: none;}
.veriidimgb{width: 80%; margin:0 10% ;}
.veriidimgc{ display: none;}

.col10a{width: 80%; margin:0 auto;}

.veriidlogo{ position: absolute; width:200px; right:16%; padding-top:80px; padding-bottom: 2%;}
.veriidli{ height: 80px;}

.digicertlogo{ position: absolute; width:600px; right:16%; padding-top:40px; padding-bottom: 2%;}

.partnersy{text-align: center; font-size: 18px; height: 280px; width: 280px;border-radius:50%; background: #304060; color: #fff; padding:70px 50px; display: table-cell;vertical-align: middle; margin:0 3.6% ; }
.partnersya{ float: left; width: 20%; font-size: 18px; padding:30px 0;}
.partnersyb{ float: left; width: 80%; font-size: 18px; padding:30px; }

.p100{ padding: 0 100px;}
.pr140{padding-right:140px;}
.pr50{padding-right:50px;}
.pl50{padding-left:50px;}
.mwhite{color: #fff;}
.mblue{color: #304060;}
.mred{color: #801c34;}
.mred a{color: #801c34;}

.mainimga{margin: 0; padding: 0;}

.rowaa{width:1000px;margin: 0; padding: 0;}



.teamimg{width: 180px;}
.offimg{width: 20px; margin-top: -6px;}

.mgda{padding:0 0 0 4rem;z-index: 100;}
.mgdaa{padding:0; line-height:1.1;  color:#212529; }
.mgdab{padding:1.4rem 2rem 2rem 0;line-height:30px;}
.mgdb{padding:0 4rem 0 0;z-index: 100;}
.mgdba{padding:0; line-height:1.1;  color:#212529;}
.mgdbb{padding:1.4rem 2rem 2rem 0;line-height:30px;}


.mob50{ margin-top: 0px;}
.mob100{ margin-top: 50px;}
.cleft40{padding-left:100px;}

.h3,h3{font-size:3rem; font-style:normal;}
.h4,h4{font-size:2rem; font-style:normal;}


/* RESPONSIVE CSS
-------------------------------------------------- */

@media only screen and (max-width:1500px){
  .carousel-captionn {top:80px; }
}


@media only screen and (max-width:1400px){
  .menua{margin-top:0.6%; margin-right: 10%;}

  .carousel-captionn {top: 70px; }
  .service-content{height:450px; padding: 40px; margin-bottom: 40px;}
  
}
@media only screen and (max-width:1200px){
  .px-4{ padding: 0 1rem!important;}
  .carousel-captionn {top: 70px; }
  .mgdab{padding:1.2rem 0;line-height:1.5;}
  .qtxt{ float: left; height: 30px;width: 30px; margin-right: 10px; text-align: center; background: #801c34; color:#fff; font-size: 20px; border-radius:50%;}
  
}
.service-content{height:500px; padding: 40px; margin-bottom: 40px;}
.service-contenta{height:400px; padding: 40px; margin-bottom: 40px;}
@media only screen and (max-width:992px){
  .navicon
	{
		display: block;
		width: 20px;
		height: 20px;
		position: absolute;
		top: 20px;right: 12px; text-align: center; 
    z-index: 100000;
		background: url(../images/nav-icon.webp) no-repeat;
    margin-right: 0;
	}

  .naviconh
	{
		display: block;
		width: 20px;
		height: 20px;
		position: fixed;
		top: 20px;right:12px; text-align: center; 
    z-index: 10000;
		background: url(../images/nav-iconh.webp) no-repeat;
    margin-right: 0;
	}

  
  .px-4{ padding: 0 1rem!important;}
  .logo{float: left; width: 60%; margin:0 5% 0 5%; }
  .navbar-brand{ width:300px;}
}


@media only screen and (max-width:1000px)
	
{  html,body,div,span,applet,object,iframe,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;}
  .col-md-8,.col-md-4{width: 100%;}
  .form-label,.form-control,.form-select,.form-control,label,option,span,p{ line-height:1.5; }
  .maintop{display: none;}
  .navbar-brand{ width: 50%;}
  .navicon
	{
    margin-right: 0;
	}

  .collapse{display: block; right: 0;width: 100%; z-index: 100;}
  .glyphicon-chevron-down{position: absolute; width: 10px;  margin-top:24px; margin-left: 88%;color: #801c34; border-top: 0.3em solid;  border-right: 0.3em solid transparent;  border-bottom: 0;  border-left: 0.3em solid transparent;}
  .glyphicon-chevron-up{position: absolute; width: 10px;  margin-top:24px; margin-left:88%; color: #801c34; border-bottom: 0.3em solid;  border-right: 0.3em solid transparent;  border-top: 0;  border-left: 0.3em solid transparent;}
  
  .probut{width:100%;}

  .main_rightdbj{display: block; position: relative; width: 100%;}
  .nav{width: 100%; padding: 0 10px;}
  .nav>li>a{padding: 0 9px;}
  .nav-tabs>li>a{ font-size: 16px;}
  .nav-tabs>li.active>a,.nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{font-size: 16px;}
  .nava{ margin-bottom: 20px;}
  .nav-item { line-height: 30px; border-right:none; }
  .carousel-item1{  height:0;position: relative; background: #801c34;}
  .carousel-item{  height:520px;position: relative; }
  .carousel-caption { top:440px; }
  .carousel-captionn { margin-top: 0px;width: 96%;}

  .carousel-captiona { top: 40px; width: 94%; }
  
  .carousel-captionb { top: 10px; }
  
  .featurette-heading{ font-size: 24px; font-weight: 300;}
  .carousel-itema{height: 160px;}
  .carousel-itemb {height: 200px;}
  .carousel-itemc{ height: 120px;}
  .carousel-itemd{height: 200px;}
  .carousel-iteme{height: 140px;}
  .carousel-itemf{height: 360px;}
  .carousel-itemw{height: 300px;}
  .carousel-itemwa{height: 600px;}
  .carousel-itemwb{height: 360px;}
  .carousel-itemwc{height: 420px;}
  .carousel-itemwm{height: 540px;}

  .mob100{ margin-top: 80px;}
  .mob50{ margin-top: 50px;}
  .team{display:none; }
  .teamwap{ display:block;}

  .col-lg-3a{ width: 50%; padding: 1%; margin: 0;}
  .col{flex:0 0 100%;}

  .top-grid {
    width: 100%; 
    float: none; margin: 0;
    text-align: left;
    
    }
    .top-grid ul li{ float: left;padding:0; display: block; margin-bottom: 20px;}
    .top-grid ul li a{ float: left;display: block;}
    .top-grid ul li .mainimg{width: 100%;display:table-cell; margin: 0;overflow:hidden;vertical-align:middle; text-align: center; }
    .top-grid ul li .mainimg img{width: 100%;}
    .top-grid ul li h3{ float: left;width: 100%;font-size: 1.2em;line-height: 30px;font-weight: 300;color: #000; padding: 5% 0 5% 0;}
    .top-grid ul li p{ float: left;width: 100%;color: #373737;line-height: 30px;	font-size: 1.0em;	padding:2% 0 ; margin: 0;}
    .top-grid ul li .time{  display: none;padding:1% 0; background: #801c34; position: absolute; left: 72%;  }
    .top-grid ul li .timea{  text-align: center; width: 90px; font-size: 1.4em;font-weight: bold; padding: 0; color: #fff; }
    .top-grid ul li .timeb{  width: 90px; text-align:center; font-size: 18px;  color: #fff;}
    .top-grid ul li .newstime{ display: block; width: 100%; text-align: right;}
    .top-grid ul li .service-content{ padding: 5%;}
    .service-content{height:auto; padding: 30px;}


    .mta3,.mta6,.mta8{margin-top: 0;}
    .mtai{ width:100%;}
    .mtai img{ width: 100%;}
    .mtai2{ width: 60%;}
    .mtai2 img{ width: 100%;}

    .mtai4{ width: 100%;}
    .mtai4 img{ width: 100%;}

    .mtai6{ width: 100%;}
    .mtai6 img{ width: 100%;}
    .mtai8{ width: 100%;}
    .mtai8 img{ width: 100%;}
    .p-5{ padding: 10px!important;}
    
   
    .bd-placeholder-img img{width: 100%!important; }
    .pannterimg{ width: 60%!important;}

    .table>:not(caption)>*>*{padding:.5rem .1rem;}

    .sdk4 ul li{ float: left; width: 50%;}
    .sdk4 ul li img{width: 100%; }
    .rowa{ margin: 0; padding: 0;width: auto;}
 
  

    .footer{ text-align: left; }
    .nav-link{  padding: 0; }

    .bd-placeholder-imga { 
      display: block;

      background-repeat: no-repeat;
      background-size:100% ;
      width: 100%;
      overflow:hidden;
      left: 0;
      top: 0;
    }
    .bd-placeholder-imgb { 
      display: block;

      background-repeat: no-repeat;
      background-size:100% ;
      width: 100%;
      overflow:hidden;
      left: 0;
      top: 0;
    }
    .bd-placeholder-imgc img{ width: 100%!important; }

    .card{ height:auto;display:inline-block;width: 100%;overflow:hidden;vertical-align:middle!important;border: 0; padding:20px 0; border-bottom:1px solid #ccc;}
    .bd-placeholder-img{ object-position:center;}
    .card-img-topp{ display: none;}
    .card-img-topw{ display: block; width: 100%;}
    .form-controla {
      width: 85%;
    }
    .p-sm-3{padding: 3%;}
    .wbtn{ width:100%; margin: 0;}
    
    #accordion .panel-title a{

      display: block;
  padding: 20px 30px 20px 0;
  font-size:18px;
  color: #000;
  border-top: 1px solid #ccc;
  position: relative;
  transition: all 0.3s ease 0s;
    }


    #accordion .panel-title a:after,#accordion .panel-title a.collapsed:after{ 
      position: absolute;
      flex-shrink:0;
      width: 15px;
      height: 15px;
      top:46%;
      margin-left:auto; 
      right: 0;
      background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' stroke='black' stroke-width='2' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
      content: "";
      transform:rotate(-180deg);
    }
    #accordion .panel-title a.collapsed:after{
      position: absolute;
  flex-shrink:0;
  width: 15px;
  height: 15px;
  top:46%;
  margin-left:auto; 
  right: 0;
  background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' stroke='black' stroke-width='2' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  content: "";
  transform: rotate(0deg);
  transform:transform 0.2s ease-in-out;
    }


#accordion .panel-body{
  padding:20px;
  line-height: 30px;
  position: relative; margin-top: -6px;
}
#accordion .panel-body p{
  font-size: 16px;
  font-weight: 300;
}
.conaa{position: absolute; margin: 0 10%; top: 180px; background: #fff; padding: 10% 5%; }
.conab{position: absolute; width: 100%; margin-top:1080px;}
.pleft{ padding-left:calc(var(--bs-gutter-x) * .5);}
.pright{ padding-right:calc(var(--bs-gutter-x) * .5);}
.veriidlogo{ position: absolute; width:40%; left:0; padding-top:40%;}

.qtxt{ float: left; height: 30px;width: 30px; margin-right: 10px; text-align: center; background: #801c34; color:#fff; font-size: 20px; border-radius:50%;}
.qtxtr{float: left; width: 85%;}
.veriidimga{ display: none;}
.veriidimgaa{ width: 100%; margin: 0;}
.mainimgaa{ padding: 0; margin: 0;}
.carousel-indicators [data-bs-target]{ width: 50%; margin-top:680px;margin-right:5px; font-size:14px; }
.mdban{position: absolute; margin-top: 620px; z-index: 1000;}
.mainimgaac{display: block; width: 100%; margin-bottom: 10%;}
.veriidimgc{ display: block; float: left; width: 100%; text-align: center;}
.veriidimgb{width: 100%; margin: 0;}
.col10a{width: 100%;}
.veriidli{ height:80px;}

.p100{ padding: 0 5%;}
.col-10{width: 100%;}
.pr140{padding-right:0px;}
.pr50,.pl50{padding: 0;}
.partnersy{text-align: center; font-size: 18px; height: 300px; width: 300px;border-radius:50%; background: #304060; color: #fff; padding:80px 70px; margin:5% 12% ;}

.col-md-2{ float: left; width:30%; margin:0;}
.mainimga{margin-bottom: 20px; padding: 0;}

#tbox{width:54px; float:right; position:fixed; right:10px; top:300px;z-index: 1000;}

.hixz{width: 100%; right:0;margin-left:0; margin-bottom: 20px; }
.dropdown{ width:100%;}

.mainimga{width:100%;overflow:hidden;vertical-align:middle;text-align: center; height: auto;  }
.mainimga img{margin: 0; padding: 0;}
.mainimg{width:100%;margin: 0;}
.mainimg img{width:100%;}
.mainimgb{width:35%;margin: 0;float: left; }
.mainimgb img{width:100%;}

.digicertlogo{padding-top:35%;left:0; width: 100%;}

.scpb{padding:0 10px;}
.scpba{float:left; width: 100%; padding:5% 0; border-bottom: 1px solid #ccc; border-right:0 ;}
.scpbb{float:left; width: 100%;padding:5% 0;border-bottom: 1px solid #ccc;border-right:0 ;}
.scpbc{float:left; width: 100%;padding:5% 0;}

.sslz{margin-top: 0; }
.sslz p{margin-left:15%;}


.team-wap{display: block;}
.team-active{display: none;}

.nav-scroller{display: none;}
.nav-scrollerwap{display: block;}
.fw-normal{height:auto;}

.team-content{ float: left; width:65%;border: 0;height: auto; }
.team-content p{color: #373737; padding: 0; margin: 0;}
.blogm{margin:0 auto; width:100%;}
.blogcon{ position: absolute; width: 90%; margin:10px 0 0 0; padding:20px; color: #fff; }
.blogcon h3{font-size: 1.2rem;}
.blogan{ padding: 10px 15px;display: block; background: #801c34; margin-top:0; text-align: center; color: #fff; }
.blogan a{color: #fff;}

.team-contenta{ float: left; width:100%;border: 0; }
.team-contenta p{ text-align: ; padding: 0; margin: 0;}

.rowaa{ width: 100%; margin: 0 ; }
.vida{display: none;}
.vidb{display: none;}
.vidc{display: none;}
.vidaw{display: block;text-align: center;}

.mebj{ width: 100%;height: 540px;  background:100% 100%  url(../images/mobilew.webp) no-repeat;}
.mebjb{ width: 100%; height: 540px; background:url(../images/mobilebw.webp) no-repeat;  background-size:cover  !important;background-position:center!important;background-attachment:inherit;}
.mebjc{ width: 100%; height: 540px; background:url(../images/mobilecw.webp) no-repeat;  background-size:cover  !important;background-position:center!important;background-attachment:inherit;}
.maintita{ float: left; width: 70%; font-weight: 300; font-size:2rem; margin-bottom: 15px; color: #fff; }

.h1,h1{font-size:3rem; font-style:normal;line-height:1.2;font-family: Poppins-Bold;}
.h2,h2{font-size:2.2rem; font-style:normal;font-family:Poppins-Bold;}
.h3,h3{font-size:2rem; font-style:normal;font-family: Poppins-Medium; }
.h4,h4{font-size:1.5rem; font-style:normal;font-family: Poppins-Medium;}
.h5,h5{font-size:1.2rem; font-style:normal;font-family: Poppins-Medium;}
.h6,h6{font-size:1rem; font-style:normal;font-family: Poppins-Medium;}

.mgdt{font-size:1.2em;font-weight:600; text-align:start; line-height:1;padding-top: 10px;} 

.mgda{padding:0; color: #fff; height: 500px;}
.mgdaa{padding-top:10px;line-height:1.4; font-family:Poppins-Bold;}
.mgdab{padding:1.2rem 0;line-height:1.5;}
.mgdb{padding:0;z-index: 100;}
.mgdba{padding:0; line-height:1.1;  color:#212529; }
.mgdbb{padding:1.4rem 0 2rem 0;line-height:30px;}

.mgdc{padding:0; color: #333; height: 480px;}
.mgdca{padding:0;line-height:1.2; font-family:Poppins-Bold;}
.mgdcb{padding:1rem 0;line-height:1.5;}

.bd-placeholder-img0{ 
  height:100%;
  background-image: url(../images/top.webp);
}
.bd-placeholder-imga{ height:100%;}
.bd-placeholder-imgb{ height:100%;}
.bd-placeholder-imgc{ height:100%;}
.bd-placeholder-imgd{ height:100%;}

.blogan{  margin:20px auto; }

.paddnright{padding-right:3%;}
.paddnleft{padding-left:3%;}
.videom{width: 100px; position: absolute;z-index: 100; opacity: 0.9; color:#fff; padding:80px 160px;}
.col-md-3{width: 50%;}
.product-cardt h5{font-size:0.9em; }
.mbcn{display: none;}
.mbtnk{display: none;}
.styledisc li{float: left; width: 40%; margin-left: 5%; margin-right: 5%; line-height: 1.2;}
.fbt{padding-top: 0px; width: 100%; letter-spacing:-1px;text-rendering: optimizeSpeed;}
.hitrustpay{width: 50%; margin: 0 auto;}
.blogana{ padding:8px 16px; }

.banner3{display: none;}
.banner4{display:block;}

.menuwap{ margin-left:20px; font-size: 1em;height: 30px;}
.cleft40{padding-left: 10px;}

.apidicon{padding:20px 50px;}

#leftsead{top:300px;}
}