/* expand mobile sub menu function*/
/* expand mobile sub menu end*/
.get-ms-button {
  background: none;
  border: none;
  padding: 0;
  border-radius: 6px;
  overflow: show;
  cursor: pointer;
  display: inline-block;
  transition: transform 0.3s ease;
}

.get-ms-button img {
  display: block;
  height: 48px;
  border-radius: 6px;
  transition: transform 0.3s ease;
}

.get-ms-button:hover img {
  transform: scale(1.05);
}


.hovercard {
transition-timing-function: ease;
  transition-duration: 0.5s;
}

.hovercard:hover {
transform: scale(1.1);
}

.offcanvas-menu .offcanvas-inner ul.menu>li {
  border-bottom: 1px solid rgba(32, 31, 31, 0.1);
  }


.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a {
color: #000;
    padding: 20px 20px 20px 20px;
    background-color: #fff;
    display: flex;  
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a:hover {
  color: #fff;
    background-color: #D41948;
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
  padding: 0;
  
}

.mobile-header
{
  margin-left: 10px;
}

.sppb-articles-carousel-content {
min-height: 350px;  
box-shadow: 3px 6px 12px 3px rgba(49,41,41,.2);
overflow: hidden;
}


.article-info {
font-weight:900;
color: #888;
font-size: 0.813rem;
}

.article-info>span a {
  color: #888;
}

.article-info>span a:hover {
    color: #d41948;
}

.article-list .article .article-header h1 a:hover,.article-list .article .article-header h1 a:active,.article-list .article .article-header h1 a:focus,.article-list .article .article-header h2 a:hover,.article-list .article .article-header h2 a:active,.article-list .article .article-header h2 a:focus {
    color: #d41948;
}

.article-list .article .article-header h1, .article-list .article .article-header h2 {
font-weight: 900;
margin-bottom: 5px;
}

.article-list .article .readmore a:hover, .article-list .article .readmore a:active, .article-list .article .readmore a:focus {
    color: #d41948;
}
.article-list .article .readmore a {
  font-size: 0.875rem;
  font-weight: 900;
  color: #ed145b;
  width: fit-content;
  margin-top: 15px;
  transition: 800ms ease-out;
  position: absolute;
  bottom: 20px;
}

.article-list .article
  {margin-bottom:30px;
    padding: 30px 30px 30px 30px;
    border:1px solid #f5f5f5;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
	overflow: hidden;
    min-height: 97%;
    position: relative;
}

.article-list .article .article-intro-image, .article-list .article .article-featured-video, .article-list .article .article-featured-audio, .article-list .article .article-feature-gallery {
    margin: -30px -30px 20px -30px;
    border-radius: 3px 3px 0 0;
    border-bottom: 1px solid #f5f5f5;
    overflow: hidden;
}

.article-list .article .readmore:hover {
    font-size: 0.875rem;
    width: fit-content;
    padding-left: 15px;
    transition: 800ms ease-out;
  }


.tags>li a {
    background: rgb(158 158 158 / 15%);
    color: #797979;
}

.tags>li a {
    display: block;
    font-size: 0.875rem;
    padding: 0.5rem 1rem;
}

.halfscreen {
  	height: 50vh;
	display: flex;
  	align-items: center;
}

.menuicon {
  margin-top: -50%;
}

.extensionhero {
height: 80vh;
}

.thirdscreen {
  	height: 30vh;
	display: flex;
  	align-items: center;
}

.herosection{
  	height: 80vh;
	display: flex;
  	align-items: center;
}

.centered {
    display: flex;
    justify-content: center;
}

.servicegrid {
    display: flex;
    width: 100%;
    padding-top: 60px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  justify-items: stretch;
  -ms-grid-columns: minmax(1em, 300px) minmax(1em, 300px) minmax(1em, 300px);
  grid-template-columns: minmax(1em, 300px) minmax(1em, 300px) minmax(1em, 300px);
  -ms-grid-rows: minmax(1em, auto);
  grid-template-rows: minmax(1em, auto);
}

.servicecard{
  display: inline-grid;
  padding: 25px 20px 25px 20px;
  border-radius: 20px;
  background-color: #fff;
  box-shadow: 5px 5px 15px -5px rgba(0, 0, 0, 0.20);
-webkit-transition: border-color 300ms ease;
  transition: border-color 300ms ease;
}

.servicecard:hover
{
    border-color: #D41948;
}

.serviceicons
  {
  max-height: 150px;
  padding: 20px;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  -ms-grid-row-align: auto;
  align-self: auto;
  }

.siteproducticon
{
  	display: inline-block;
    max-width: 90px;
}
.siteproducttitle
{
  font-weight: bold;
  font-size: large;
  text-align: right;
}



.footermodule{
  letter-spacing: 0.1em;
}

.footertitle {
  text-transform: uppercase;
}

.ms_h2{
  color: #D41948;  
}

.ms_h3{
  color: #D41948;
  font-size: 25px;
}

.ms_h4{
  color: #D41948;
  font-size: 20px;
}
.ph3{
  font-size: 30px;
}

.btn_red {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 12px 25px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: solid;
  border-width: 2px;
  border-color: hsla(0, 0%, 85.3%, 0.5);
  border-radius: 10px;
  background-color: transparent;
  -webkit-transition: background-color 400ms ease, opacity 400ms ease, color 400ms ease;
  transition: background-color 400ms ease, opacity 400ms ease, color 400ms ease;
  color: #D41948;
  font-size: 15px;
  line-height: 20px;
  text-align: center;
  letter-spacing: 2px;
  text-decoration: none;
  text-transform: uppercase;
}

.btn_red:hover {
  background-color: #D41948;
  color: #ffffff;
}

.btn_red:active {
  background-color: #43464d;
}  


.hoverbox {
  background-color: #ffffff;
}

.hoverbox:hover {
  background-color: #D41948;
  color:#ffffff;
}
  
.arrows {
	width: 60px;
	height: 72px;
	position: absolute;
	left: 50%;
	margin-left: -30px;
	bottom: 20px;
}

.arrows path {
	stroke: #D41948;
	fill: transparent;
	stroke-width: 1px;	
	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 */
}

.mse_partnerlogos 
{
 display: flex;
 align-items: center;
}

.erp-featuretitle
{
text-align:right;
font-size: 20px;
}

@media (max-width: 992px) {


.erp-featuretitle
{
text-align:center;
font-size: 16px;
}
}

@media (max-width: 480px) {

.servicecard{
  padding: 15px 5px 0px 5px;
  }  

.phtitle{
  font-size: 35px;
}

.erp-featuretitle
{
text-align:center;
font-size: 16px;
}

  .erpfeaturebox{
    
  }
}