.sppb-btn:before {	
	  content: "";	
	  position: absolute;	
	  top: 0px;	
	  left: 0;	
	  right: 0;	
	  bottom: 0px;	
	  background: #2492a3;	
	  z-index: -1;	
	  transform: skewX(0deg);	
	  width: 15px;	
	  transition: 0.3s;	
	}
    	#sp-header {	
	  height: 100px;	
	  left: 0;	
	  position: absolute;	
	  top: 0;	
	  width: 100%;	
	  z-index: 9999;	
	  transition: 0.3s;	
	  padding: 0 15px;	
	}	
	#sp-header .logo {	
	  height: 80px;	
	  display: inline-flex;	
	  margin: 0;	
	  align-items: center;	
	}
	#sp-header.header-sticky {	
	  position: fixed;	
	  z-index: 9999;	
	  background-color: #ffff;	
	  height: 115px;	
	  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.10);	
	}
    .menu-bar > span {	
	  display: block;	
	  width: 100%;	
	  border-bottom: 3px solid #383838;	
	  transition: all 0.3s ease-in-out;	
	  position: absolute;	
	  top: 50%;	
	  left: 0;	
	}
    	}	
	.offcanvas-body .mega-menu .menu li.active > a {	
	  color: #8a816c;	
	}
    .offcanvas-body .mega-menu .menu > li > a, .offcanvas-body .mega-menu .menu ul > li > a {	
	  color: #302530;	
	  transition: 0.3s;	
	  margin-right: 50px;	
	  font-family: "Quicksand";	
	font-size: 30px;	
	text-transform: uppercase;
	font-weight: 400;
	}	
	.offcanvas-body .mega-menu .menu > li > a:hover, .offcanvas-body .mega-menu .menu ul > li > a:hover, .offcanvas-body .mega-menu .menu > li > a:focus, .offcanvas-body .mega-menu .menu ul > li > a:focus {	
	  color: #8a816c;	
	}	
	.offcanvas-body .mega-menu .menu li.menu-parent:hover > a {	
	  color: #8a816c;	
	}
    	.offcanvas-body .mega-menu .menu li.menu-parent > a:hover:after {	
	  color: #8a816c;	
	}
    	.offcanvas-body .sp-simpleportfolio .carousel-control-prev:hover, .offcanvas-body .sp-simpleportfolio .carousel-control-next:hover, .offcanvas-body .sp-simpleportfolio .carousel-control-prev:focus, .offcanvas-body .sp-simpleportfolio .carousel-control-next:focus {	
	  color: #8a816c;	
	  border-color: #8a816c;	
	}	
	.offcanvas-body .sp-simpleportfolio .carousel-control-prev:hover > span, .offcanvas-body .sp-simpleportfolio .carousel-control-next:hover > span, .offcanvas-body .sp-simpleportfolio .carousel-control-prev:focus > span, .offcanvas-body .sp-simpleportfolio .carousel-control-next:focus > span {	
	  color: #8a816c;	
	}
    	.offcanvas-body .social-profile .sppb-icons-group-list li a:hover:after {	
	  color: #8a816c;	
	}
    .main-menu > .sp-module {	
	  background: #efeadf;	
	  max-width: 85%;	
	  -webkit-clip-path: polygon(0 0, 100% 0, 79% 100%, 0% 100%);	
	  clip-path: polygon(0 0, 100% 0, 79% 100%, 0% 100%);	
	  height: 100%;	
	}
    	#sp-bottom {	
	  font-size: 14px;	
	  font-weight: 400;	
	  color: rgba(255, 255, 255, 0.3);	
	  background-color:  #0e7686 ;	
	}
    	.main-slider .sp-item {	
	  background-color: #8a816c;	
	}
    	.testimonial-slider .sp-item {	
	  background-color: #8a816c;	
	  -webkit-clip-path: polygon(20% 0%, 105% 0%, 80% 100%, -5% 100%);	
	  clip-path: polygon(20% 0%, 105% 0%, 80% 100%, -5% 100%);	
	  opacity: 0.5 !important;	
	  transition: 0.3s;	
	}
    	.sppb-addon-optin-forms input {	
	  border-bottom: 2px solid #8a816c !important;	
	  color: #fff !important;	
	}
    	.bg-major {	
	  background-color: #8a816c;	
	}
    	.link-color-bg {	
	  background-color: #8a816c;	
	}
    .sppb-timelineslider ul.timeline-item-wrap li {	
	  flex: 0 0 350px;	
	  display: flex;	
	  align-items: stretch;	
	  padding: 70px 30px 70px 30px;	
	  background: #0e7686;	
	  cursor: pointer;	
	  transition: all 0.5s ease;	
	}	
	.sppb-timelineslider ul.timeline-item-wrap li:hover {	
	  background: #e4f3f0;	
	}	
	.sppb-timelineslider ul.timeline-item-wrap li.active {	
	  flex: 1;	
	  background: #ffff;	
	  cursor: default;	
    }
    	.sppb-timelineslider ul.timeline-item-wrap li.active h2, .sppb-timelineslider ul.timeline-item-wrap li.active .only-title {	
	  color: #0e7686;	
	}
    	.sppb-timelineslider ul.timeline-item-wrap li .section-title h2 {	
	  margin: 0;	
	  white-space: nowrap;	
	  font-size: 94px;	
	  background-color: rgba(255, 255, 255, 0);	
	  color: rgba(19, 19, , 1);	
	  display: flex;	
	  line-height: 28px;	
	  text-transform: uppercase;	
	}
    .sppb-timelineslider ul.timeline-item-wrap li .section-title h2 .text-arrow {	
	  flex: 1;	
	  background: #0e7686;	
	  height: 1px;	
	  position: relative;	
	  margin-left: 14px;	
	  display: none;	
	  margin-top: 6px;	
	}	
	.sppb-timelineslider ul.timeline-item-wrap li .section-title h2 .text-arrow:before {	
	  content: "";	
	  width: 10px;	
	  height: 10px;	
	  border: 1px solid #0e7686;	
	  position: absolute;	
	  border-radius: 10px;	
	  top: -4px;	
	  left: -10px;	
	}
    	.sppb-timelineslider ul.timeline-item-wrap li .section-title h2 .text-arrow:after {	
	  content: "";	
	  border: solid #0e7686;	
	  position: absolute;	
	  top: -4px;	
	  right: 0px;	
	  border-width: 0 1px 1px 0;	
	  padding: 4px;	
	  transform: rotate(-45deg);	
	  -webkit-transform: rotate(-45deg);	
	}
    	.social-profile .sppb-icons-group-list li a:hover {	
	  color: #8a816c;	
	}	
	.social-profile .sppb-icons-group-list li a:hover:after {	
	  border-color: #8a816c;	
	}
    	.sppb-addon-persion .sppb-person-social > li > a:hover, .sppb-addon-person .sppb-person-social > li > a:hover {	
	  color: #8a816c;	
	}
    	.person-details.sppb-addon-persion .sppb-person-social > li > a:hover, .person-details.sppb-addon-person .sppb-person-social > li > a:hover {	
	  color: #8a816c;	
	}
    	.team-section .sppb-addon-person .sppb-addon-content:hover .sppb-person-information, .team-section .sppb-addon-person .sppb-addon-content:hover .sppb-person-social-icons {	
	  background-color: #8a816c;	
	  -webkit-transform: translateY(0);	
	  transform: translateY(0);	
	}
    	.pop-video .sppb-modal-selector {	
	  width: 100%;	
	  color: #8a816c;	
	  padding: 23px 30px;	
	  background-color: rgba(59, 57, 63, 0.8);	
	}
    .services-menu {	
	  background-color: #8a816c;	
	}
    .konstra-contract-pricing .sppb-addon-pricing-table {	
	  border-top: 3px solid #8a816c;	
	  position: relative;	
	  -webkit-transition: all 0.3s ease-in-out;	
	  transition: all 0.3s ease-in-out;	
	}	
	.konstra-contract-pricing .sppb-addon-pricing-table:after {	
	  content: "";	
	  position: absolute;	
	  width: 100%;	
	  height: 0;	
	  top: 0;	
	  left: 0;	
	  z-index: -1;	
	  background-color: #8a816c;	
	  -webkit-transition: all 0.3s ease-in-out;	
	  transition: all 0.3s ease-in-out;	
	}
    	.konstra-contract-pricing .sppb-addon-pricing-table .sppb-btn {	
	  letter-spacing: 0.3px;	
	  background-color: #8a816c;	
	}
    	.text-stroke .sppb-addon-title {	
	  -webkit-text-stroke: 1px #8a816c;	
	  background-color: rgba(255, 255, 255, 0);	
	  color: rgba(255, 255, 255, 0);	
	}
    	.contracts-management-step {	
	  opacity: 1;	
		
	  background-color: rgba(255, 255, 255, 0);	
	  color: #00000;	
	}
    .contracts-management-step.step-left:after, .contracts-management-step.step-right:after, .contracts-management-step.step-left:before, .contracts-management-step.step-right:before {	
	  content: "";	
	  position: absolute;	
	  opacity: 0.6;	
	  border-bottom: 2px dashed #8a816c;	
	  border-left: 2px dashed #8a816c;	
	}	
	.contracts-management-step.step-left:before {	
	  width: 2px;	
	  height: 150%;	
	  left: 185px;	
	  top: -100px;	
	  transform: translateX(-50%);	
	}	
	.contracts-management-step.step-left:after {	
	  width: 71%;	
	  height: 2px;	
	  right: -30px;	
	  top: 90%;	
	  transform: translateY(-50%);	
	}	
	.contracts-management-step.step-right:before {	
	  width: 2px;	
	  height: 150%;	
	  right: 185px;	
	  top: -100px;	
	  transform: translateX(-50%);	
	}	
	.contracts-management-step.step-right:after {	
	  width: 71%;	
	  height: 2px;	
	  left: -30px;	
	  top: 90%;	
	  transform: translateY(-50%);	
	}	
    	.sp-simpleportfolio .spsimpleportfolio-items .sp-simpleportfolio-item-wrap .sp-simpleportfolio-info .sp-simpleportfolio-intro {	
	  color: #e4f3f0;	
	  font-size: 16px;	
	  opacity: 0;	
	  transform: scale(0);	
	  transition: 0.3s;	
	}
    .sp-simpleportfolio .spsimpleportfolio-items .sp-simpleportfolio-item-wrap .sp-simpleportfolio-info .sp-simpleportfolio-tags {	
	  font-size: 27px;	
	  font-weight: 600;	
	  line-height: 1.61;	
	  letter-spacing: 3px;	
	  color: #8a816c;	
	  text-transform: uppercase;	
	  -webkit-transition: all 0.3s ease-in-out;	
	  transition: all 0.3s ease-in-out;	
	}	
	.sp-simpleportfolio .spsimpleportfolio-items .sp-simpleportfolio-item-wrap:hover:before {	
	  background-color: #8a816c;	
	  opacity: 1;	
	}
    .sppb-addon-single-image.konstra-gallery .sppb-addon-single-image-container .sppb-addon-image-overlay-icon {	
	  width: auto;	
	  height: auto;	
	  font-size: 65px;	
	  line-height: 1;	
	  color: #8a816c;	
	  background-color: transparent;	
	}	
	.sppb-addon-single-image.konstra-gallery .sppb-addon-single-image-container:hover:after {	
	  border-color: #8a816c;	
	}	
	.main-slider .sp-item {	
	  background-color: transparent;	
	}	
	.project-details-contact {	
	  background-color: #8a816c;	
	  -webkit-clip-path: polygon(10% 0%, 140% 0%, 90% 100%, -40% 100%);	
	  clip-path: polygon(10% 0%, 140% 0%, 90% 100%, -40% 100%);	
	}
    	.article-list .article .article-header h1 a:active, .carousel-item-inner .article-header h1 a:active, .article-list .article .article-header h2 a:active, .carousel-item-inner .article-header h2 a:active, .article-list .article .article-header h1 a:focus, .carousel-item-inner .article-header h1 a:focus, .article-list .article .article-header h2 a:focus, .carousel-item-inner .article-header h2 a:focus, .article-list .article .article-header h1 a:hover, .carousel-item-inner .article-header h1 a:hover, .article-list .article .article-header h2 a:hover, .carousel-item-inner .article-header h2 a:hover {	
	  color: #8a816c;	
	}
    	.article-list .article .readmore a:active, .carousel-item-inner .readmore a:active, .article-list .article .readmore a:focus, .carousel-item-inner .readmore a:focus, .article-list .article .readmore a:hover, .carousel-item-inner .readmore a:hover {	
	  color: #8a816c;	
	}
    	.article-info > span a:hover {	
	  color: #8a816c;	
	}
    	.items-leading .carousel-inner .carousel-item .carousel-item-inner .article-header h1 a:hover, .items-leading .carousel-inner .carousel-item .carousel-item-inner .article-header h2 a:hover {	
	  color: #8a816c;	
	}
    .article-body-right .sppb-sidebar .sp-module .sppb-icons-group-list li a a:hover, .article-body-right .sppb-sidebar .sp-module ul li h4 a:hover {	
	  color: #8a816c;	
	}	
	.article-body-right .sppb-sidebar .sp-module .sppb-icons-group-list li a:hover, .article-body-right .sppb-sidebar .sp-module ul li h4:hover {	
	  color: #8a816c;	
	}
    	.article-header-info-wrap .article-social-share .social-share-icon ul li a:focus:after, .article-header-info-wrap .article-social-share .social-share-icon ul li a:hover:after {	
	  border-color: #8a816c;	
	  background-color: #8a816c;	
	}
    	.featured-projects-list .sp-simpleportfolio .carousel .carousel-control-next:hover, .featured-projects-list .sp-simpleportfolio .carousel .carousel-control-prev:hover, .featured-projects-list .sp-simpleportfolio .carousel .carousel-control-next:focus, .featured-projects-list .sp-simpleportfolio .carousel .carousel-control-prev:focus {	
	  background-color: #8a816c;	
	  border-color: #8a816c;	
	}
    	.sppb-articles-carousel-column .sppb-articles-carousel-img:after {	
	  position: absolute;	
	  content: "";	
	  width: 100%;	
	  height: 100%;	
	  left: 0;	
	  top: 0;	
	  background-color: #8a816c;	
	  opacity: 0;	
	}
    	.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {	
	  display: inline-block;	
	  padding: 0 15px;	
	  line-height: 80px;	
	  font-size: 14px;	
	  margin: 0;	
	}
    #offcanvas-toggler {	
	  display: block;	
	  height: 80px;	
	  line-height: 80px;	
	  font-size: 20px;	
	}
    	@media (max-width: 768px) {	
	  body {	
	    font-size: 18px !important;	
	  }	
	  body h1 {	
	    font-size: 35px;	
	  }	
	  body h2 {	
	    font-size: 18px;	
	  }	
	  body h3 {	
	    font-size: 28px;	
	  }	
	  body h4 {	
	    font-size: 20px;	
	  }	
	  body p {	
	    font-size: 18px;	
	  }
	  /**
 * @package Helix Ultimate Framework
 * @author JoomShaper https://www.joomshaper.com
 * @copyright Copyright (c) 2010 - 2018 JoomShaper
 * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or Later
 */
body, .sp-preloader {
  background-color: #f4f2f1;
  color: #4a4a4a;
}
.sp-preloader > div {
  background: #8a816c;
}
.sp-preloader > div:after {
  background: #f4f2f1;
}
#sp-top-bar {
  background: #333;
  color: #aaa;
}
#sp-top-bar a {
  color: #aaa;
}
#sp-header {
  background: "";
}
a {
  color: #8a816c;
}
a:hover, a:focus, a:active {
  color: #8a816c;
}
.tags > li {
  display: inline-block;
}
.tags > li a {
  background: rgba(255, 201, 0, 0.1);
  color: #8a816c;
}
.tags > li a:hover {
  background: #8a816c;
}
.article-social-share .social-share-icon ul li a {
  color: #4a4a4a;
}
.article-social-share .social-share-icon ul li a:hover, .article-social-share .social-share-icon ul li a:focus {
  background: #8a816c;
}
.pager > li a {
  border: 0;
  color: rgba(74, 74, 74, .6);
}
.sp-megamenu-parent > li > a {
  color: #7e8689;
}
.sp-megamenu-parent > li:hover > a {
  color: #8a816c;
}
.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active:hover > a {
  color: #8a816c;
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
  background: #fff;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
  color: #252525;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover {
  color: #0345bf;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a {
  color: #0345bf;
}
.sp-megamenu-parent .sp-mega-group > li > a {
  color: #252525;
}
#offcanvas-toggler > .fa {
  color: #322431;
}
#offcanvas-toggler > .fa:hover, #offcanvas-toggler > .fa:focus, #offcanvas-toggler > .fa:active {
  color: #8a816c;
}
.offcanvas-menu {
  background-color: #efeadf;
  color: #322431;
  text-transform: uppercase;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li.active > a {
  color: #8a816c;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li a, .offcanvas-menu .offcanvas-inner .sp-module ul > li span {
  color: #322431;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li a:hover, .offcanvas-menu .offcanvas-inner .sp-module ul > li span:hover, .offcanvas-menu .offcanvas-inner .sp-module ul > li a:focus, .offcanvas-menu .offcanvas-inner .sp-module ul > li span:focus {
  color: #8a816c;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > a > .menu-toggler, .offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > .menu-separator > .menu-toggler {
  color: #322431;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li ul li a {
  color: #322431;
}
.btn-primary, .sppb-btn-primary {
  border-color: #8a816c;
  background-color: #8a816c;
}
.btn-primary:hover, .sppb-btn-primary:hover {
  border-color: #8a816c;
  background-color: #8a816c;
}
ul.social-icons > li a:hover {
  color: #8a816c;
}
.sp-page-title {
  background-color: #8a816c;
}
.layout-boxed .body-innerwrapper {
  background: #f4f2f1;
}
.sp-module ul > li > a {
  color: #4a4a4a;
}
.sp-module ul > li > a:hover {
  color: #8a816c;
}
.sp-module .latestnews > div > a {
  color: #4a4a4a;
}
.sp-module .latestnews > div > a:hover {
  color: #8a816c;
}
.sp-module .tagscloud .tag-name:hover {
  background: #8a816c;
}
.search .btn-toolbar button {
  background: #8a816c;
}
#sp-footer {
  background: #2c2a2f;
  color: #515258;
}
#sp-footer a {
  color: #515258;
}
#sp-footer a:hover, #sp-footer a:active, #sp-footer a:focus {
  color: #fff;
}
.sp-comingsoon body {
  background-color: #8a816c;
}
.pagination > li > a, .pagination > li > span {
  color: #4a4a4a;
}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
  color: #4a4a4a;
}
.pagination > .active > a, .pagination > .active > span {
  border-color: #8a816c;
  background-color: #8a816c;
}
.pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
  border-color: #8a816c;
  background-color: #8a816c;
}
.error-code, .coming-soon-number {
  color: #8a816c;
}
  #offcanvas-toggler span {
    color: #332a26 !important;
  }
  .offcanvas-body .mega-menu .menu li.active > a {
    color: #8a816c;
}
.sp-page-title {
    background-color: #e4f3f0;
}
.sp-page-title .sp-page-title-heading, .sp-page-title .sp-page-title-sub-heading {
    margin: 0;
	padding: 0;
	color: #2c3437;	
}
.offcanvas-body .mega-menu .menu li.active > a {
    color: #0e7686;
}
.sppb-form-control::placeholder {
    color: #000;
    opacity: 1;
}