#footer{margin-top: 1px;}
div#salesmarketingonline {
    background: #f6fbff url(../images/feedback.png)no-repeat center bottom;
    width: 100%;
    color: #000; 
	padding-bottom: 140px;
}
.bg-smo{
    background: url(../images/header_line.png) repeat-x center top;
	width: 100%;
	height: 10px;
    margin-bottom: 26px;
    background-size: contain;
}
.bolder-start-only {
    border-left: 1px dashed #ccc;
}
.full-content-service {
  float: left;
  width: 100%;
  position: relative;
  overflow: hidden;
}
.full-content-service-top {
  float: left;
  position: relative;
  width: 100%;
  z-index: 9;
}
.full-content-service-bottom {
  background: #252a33 none repeat scroll 0 0;
  float: left;
  height: 358px;
  width: 100%;
}
.service-top-item h3 {
  color: #fff;
  font-family: Quicksand, sans-serif;
  font-size: 22px;
  font-weight: 600;
  margin: 20px 0 0;
  text-transform: uppercase;
}
.service-top-item h4 {
  color: #fff;
  font-size: 15px;
  margin: 0 0 15px;
}
.service-top-item ul li {
  color: #fff;
  float: left;
  margin-top: 8px;
  padding-left: 12px;
  position: relative;
  width: 100%;
}
.service-top-item ul li::before {
  background: #fff none repeat scroll 0 0;
  border-radius: 99px;
  content: " ";
  height: 5px;
  left: 0;
  position: absolute;
  top: 8px;
  width: 5px;
}
.service-top-item {
  box-sizing: border-box;
  cursor: pointer;
  float: left;
  height: 283px;
  overflow: visible;
  padding: 0 45px;
  position: relative;
  width: 33.3333%;
}
.service-top-item * {
  transition: all 1s;
}
.bg-service-top {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
.service-top-item:nth-child(4n+1) .bg-service-top {
  background: #0286ce none repeat scroll 0 0;
}
.service-top-item:nth-child(4n+2) .bg-service-top {
  background: #40826d none repeat scroll 0 0;
}
.service-top-item:nth-child(4n+3) .bg-service-top {
  background: #8c8c01 none repeat scroll 0 0;
}
.content-service-top {
  position: relative;
  z-index: 99;
}
.service-top-item img {
  max-width: 100%;
}
.service-top-item:hover .bg-service-top {
  width: 101%;
  z-index: 9;
}
.service-top-2:hover .bg-service-top {
  left: -0.5%;
}
.service-top-3:hover .bg-service-top {
  left: -1%;
}
.service-top-item:hover .content-service-top {
  transform: scale(1.03);
}
.link-services {
  position: absolute;
  width: 100%;
  height: 200%;
  top: 0;
  left: 0;
  z-index: 100;
}
 .about-section-wrap{padding:50px 0;background-image:url(../images/left-pattern.png),url(../images/right-pattern.png);background-repeat:repeat-y,repeat-y;background-position:left top,right top}.about-us-content{position:sticky;top:100px;border:2px solid #f4f4f4;border-left:0;border-right:0}.dark .about-us-content,.dark .about-us-content .about-box-counter ul li .about-box{border-color:#22262b}.about-us-content .about-content{padding:72px 128px 80px 0;position:relative;height:100%}.about-us-content .about-content::before{content:"";position:absolute;top:0;right:48px;width:2px;height:100%;background:#f4f4f4}.dark .about-us-content .about-content::before{background:#22262b}@media(max-width:1200px){.about-us-content .about-content::before{right:24px}.about-us-content .about-content{padding:60px 68px 0}}@media(max-width:1024px){.about-us-content .about-content::before{display:none}.about-us-content .about-content{padding:48px 0}}.about-us-content .about-content__info{position:sticky;top:116px}.dark .about-us-content .about-content .h2{color:#f0f0f0}.about-us-content .about-box-counter{padding:80px 0}@media(max-width:1024px){.about-us-content .about-box-counter{padding:60px 0 32px}}@media(max-width:767px){.about-section-wrap{padding:32px 0}.about-us-content .about-content{max-width:100%;padding-bottom:32px}.about-us-content .about-box-counter{padding:48px 0 32px}}.about-us-content .about-box-counter ul{list-style:none;padding:0;position:relative;display:flex;flex-wrap:wrap;margin:0 -16px}.about-us-content .about-box-counter ul li{width:50%;padding:0 16px 32px}.about-us-content .about-box-counter ul li .about-box{max-width:354px;height:358px;display:flex;flex-wrap:wrap;flex-direction:column;justify-content:space-between;border:2px solid #f4f4f4;position:relative;margin:0 auto}.about-us-content .about-box-counter ul li .about-box .about-title{padding:40px 40px 0}@media(max-width:1299px){.about-us-content .about-box-counter ul li .about-box .about-title{padding:30px 30px 0}}@media(max-width:1199px){.about-us-content .about-box-counter ul li .about-box{height:370px}.about-us-content .about-box-counter ul li .about-box .about-title{padding:20px 20px 0}}.about-us-content .about-box-counter ul li .about-box .line-img{width:100%;text-align:center}.about-us-content .about-box-counter ul li .about-box .box-content{font-size:24px;line-height:1.4}@media(max-width:1024px){.about-us-content .about-box-counter ul li .about-box{max-width:100%;height:auto}.about-us-content .about-box-counter ul li .about-box .about-title{padding:24px 16px}.about-us-content .about-box-counter ul li .about-box .box-content{font-size:20px}}@media(max-width:575px){.about-us-content .about-box-counter ul{margin:0 -8px}.about-us-content .about-box-counter ul li{padding:0 8px 16px}.about-us-content .about-box-counter ul li .about-box .box-content{font-size:12px;line-height:1.4;font-weight:600;padding-top:4px}}.about-us-content .about-box-counter ul li:nth-child(2n){padding-top:32px;padding-bottom:0}@media(max-width:576px){.about-us-content .about-box-counter ul li:nth-child(2n){padding-top:16px}}

.service-block{
	position: relative;
    margin-bottom: 30px;
    padding: 0 10px;
    min-width: 20%;
    z-index: 1;
}
.service-block .inner-box{
	position: relative;
    overflow: hidden;
    height: 100%;
    padding: 35px 20px 30px;
    background-color: #7243f2;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    text-align: center;
    min-height: 262px;
    box-shadow: 0 10px 60px rgba(0, 0, 0, .07);
    transition: all .3s linear;
    z-index: 2;
}
.service-block .inner-box:before {
    position: absolute;
    left: 50%;
    top: 50px;
    margin-left: -51px;
    height: 102px;
    width: 102px;
    border-radius: 50%;
    background-color: #f4f2f9;
    transition: all .2s linear;
    content: "";
}
.service-block .inner-box:after {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: #fff;
    content: "";
    z-index: -1;
    transition: all .3s linear;
}
.service-block .inner-box:hover:before {
    opacity: .1;
}
.service-block .inner-box:hover:after {
    height: 0;
}
.service-block .inner-box:hover, .service-block .inner-box:hover .card-title a, .service-block .inner-box:hover .card-title,  .service-block .inner-box:hover .read-more a {
    color: #fff !important;
}
.service-block .inner-box:hover .read-more{border-top-color: #fff;}
.service-block .inner-box:hover .card-img-top img{
	filter: brightness(0) invert(1);
}

.yer-counter{
	padding: 9px 43px;
    background-color: #3180fc;
    background-image: url(../images/about-pattern.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.sec1 .subtitle{
	display: inline-block;
	position: relative;
}
.sec1 .subtitle:before, .sec1 .subtitle:after{
	position: absolute;
    left: 100%;
    top: 50%;
    background: #074a9b ;
    content: "";	
}

.sec1 .subtitle:before{
	margin-top: -1px;
    height: 2px;
    width: 26px;
    margin-left: 10px; 
}
.sec1 .subtitle:after{
	margin-top: -3px;
    height: 6px;
    width: 6px;
    margin-left: 36px;
    border-radius: 50%;	
}
@media only screen and (max-width: 499.98px) {
	.yer-counter{position: relative;}
}
 

@media only screen and (min-width: 768px) and (max-width: 1280px) {
  .service-top-item {
    padding: 0 10px;
  }
  .service-top-item h3 {
    font-size: 17px;
    text-align: center;
  }
  .service-top-item h4 {
    font-size: 11px;
    text-align: center;
  }
  .service-top-item img {
    max-height: 170px;
    text-align: center;
  }
}
@media only screen and (max-width: 767px) {
  .service-top-item {
    height: auto;
    padding: 18px;
    width: 100%;
  }
  .full-content-service-bottom {
    height: auto;
  }
  .service-top-item h3,
  .service-top-item h4,
  .service-top-item img {
    text-align: center;
    display: block;
    margin: 0 auto;
    padding: 5px 0;
  }
}