#sp-header {
  background: transparent;
  margin-top: 40px;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
}

#sp-header .row {
  align-items: center;
}


#sp-logo .sp-column.d-flex,
#sp-menu .sp-column.d-flex {
  display: block !important;
}

#sp-top .sp-module {
  width: 100%;
  margin: 0px;
}

#sp-footer, #sp-bottom {
    background: #303030;
    color: #fff;
}

.sp-megamenu-parent {
    float: left;
}

.sp-megamenu-parent > li.active > a {
    font-weight: 700;
}

.underline-link {
	background-image: linear-gradient(to right, rgb(48 48 48) 100%, transparent 100%);
    background-position: 0px 30px;
    background-repeat: repeat-x;
    background-size: 10px 3px;
    padding: 5px 0;
}

.underline-link:hover {
  background-image: linear-gradient(to right, rgb(48 48 48) 100%, transparent 100%);
}

.startproject-link {
  position: relative;
}

.startproject-link:before {
  content: "";
  background: linear-gradient(0deg,rgba(67,82,110,0.2) 4.07%,rgba(67,82,110,0) 103.07%),rgb(67 82 110);
  position: absolute;
  width: 100%;
  height: 2px;
  left: 0;
  bottom: 0;
  z-index: -1;
  transition: all .5s cubic-bezier(.18,.89,.32,1.28);
}

.startproject-link:hover {
  color: #fff !important;
  transition: 400ms;
}

.startproject-link:hover:before {
  background: linear-gradient(0deg,rgba(67,82,110,0.2) 4.07%,rgba(67,82,110,0) 103.07%),rgb(67 82 110);
  color: #fff;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  bottom: 0;
  z-index: -1;
  transition: all .5s cubic-bezier(.18,.89,.32,1.28);
}

.underline-heading {
    background-image: linear-gradient(to right, rgb(161 168 182) 100%, transparent 100%);
    background-position: 0px 58px;
    background-repeat: repeat-x;
    background-size: 1em 0.25em;
}

.body-innerwrapper {
	background-image: url(../../../images/shape-1.png);
    background-repeat: no-repeat;
    background-size: inherit;
}

::selection {
  background: #A1A8B6;
  color: #ffffff;
  text-shadow: none;
}

.sp-page-title {
    background: transparent;
}

.sp-page-title .sp-page-title-heading {
    font-size: 72px;
    line-height: 1;
    text-align: center;
}

.sp-page-title .sp-page-title-heading, .sp-page-title .sp-page-title-sub-heading {
    margin: 0;
    padding: 0;
    color: #303030;
}

.sp-page-title .breadcrumb {
    background: none;
    padding: 0;
    margin: 30px 0 0 0;
    display: flex;
    justify-content: center;
}

.sp-page-title .breadcrumb > span, .sp-page-title .breadcrumb > li, .sp-page-title .breadcrumb > li + li:before, .sp-page-title .breadcrumb > li > a {
    color: #a0a0a0;
}

.sp-page-title .breadcrumb > .active {
    color: #a0a0a0;
}

.mod-articles-category-category {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 10px;
    line-height: 36px;
}

.mod-articles-category-title {
    line-height: 36px;
    text-decoration: underline;
}

.blog .articles-more ul li {
	border: none;
	padding: 0;
    line-height: 36px;
}

.blog .articles-more ul li a {
	text-decoration: underline;
}

.article-info .category-name {
    margin-left: 15px;
}

.article-info .category-name:before {
    content: "\f02b";
    font-weight: 700;
    display: block;
    position: absolute;
    margin: 3px 0px 0 -13px;
    font-family: "Font Awesome 5 Free";
    font-size: 10px;
}

.article-details .article-info {
    margin-bottom: 2rem;
}

.testimonials {
  position: relative;
  z-index: 2 !important;
}

.email-link {
	background-image: linear-gradient(to right, rgb(255 255 255) 100%, transparent 100%);
    background-position: 0px 45px;
    background-repeat: repeat-x;
    background-size: 10px 3px;
    padding: 10px 0;
}

.sp-scroll-up {
    background: #303030;
    bottom: 20px;
    right: 20px;
}

.article-details {
  margin: 0 auto;
}

.our-clients {
  position: relative;
  z-index: 2 !important;
}

.project-cases .category-list {
  display: none;
}

.qListItem_preview h3 .label {
    padding: 0px 5px;
}

.qFaqItem_link,
.faq_open .qFaqItem_link {
    font-weight: 600;
}


.fbTopic_description a.image img,
.qFaqItem_answer a.image img {
    display: inline-block;
    margin: 0;
}

.fbContent_empty {
	display: none;
}

.category-module ul {
  padding-inline-start: 0px;
}

.category-module ul li {
  list-style-type: none;
  margin-left: 0;
}

#fbExtended,
.fbLeftNavigation_core ul li,
.fbContent_core {
    font-size: 16px;
}

.live-search-position {
    max-width: 600px;
    margin: 0 auto 40px;
}

.mss-module {
    width: 100%;
}

.mss-search {
    margin: 0 !important;
}

.mss-search-bar {
    margin: 0 0 5px;
    width: 100%;
}

.mss-compact-module .mss-search-bar .mss-input {
    height: 50px !important;
    padding: 10px;
    font-size: 16px;
}

.mss-search-bar .mss-input {
    width: 100%;
    height: 2.8em;
    padding: 10px 15px;
    margin: 0;
    position: relative;
    border-radius: 0 4px 4px 0 !important;
    font-size: 18px;
    border: 1px solid #e5e5e5;
    color: #777;
    box-sizing: border-box;
}

.mss-search-bar .input-group .input-group-addon {
    width: 50px !important;
    border: 1px solid #43526e !important;
    border-right: 0;
    font-size: 16px !important;
    color: #fff !important;
    text-align: center;
    background: #43526e !important;
    border-radius: 4px 0 0 4px;
    white-space: nowrap;
    vertical-align: middle;
    display: table-cell;
    position: relative;
    text-shadow: 0 0 0 #fff !important;
}

.mss-search-content {
    width: 100%;
}

.breadcrumb .float-start {
    display: none;
}

.smart-serach {
  max-width: 920px;
  margin: 0 auto;
}

.view-article .article-details,
.view-category.layout-blog .blog {
  max-width: 780px;
  margin: 0 auto;
}

@media (min-width: 1847px) {
.bottom-calltoaction {
	width: 50% !important;
} 
}

@media (max-width: 991px) {
  #sp-footer {
    font-size: 12px;
    padding: 0;
}
}

@media (max-width: 440px) {
#sp-header {
  background: transparent;
  margin-top: 20px;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
}
.email-link {
  background-image: linear-gradient(to right, rgb(255 255 255) 100%, transparent 100%);
  background-position: 0px 35px !important;
  background-repeat: repeat-x;
  background-size: 10px 3px;
  padding: 10px 0;
}
  #sp-footer .container-inner {
    padding: 10px 0;
    border-top: 1px solid rgba(255, 255, 255, .1);
}
}