#sp-header {
  background: none;
}

#sp-header.header-sticky {
    position: fixed;
    z-index: 9999;
//    background-color: rgba(221,221,221,0.7);
	background-color: rgba(59,57,64,0.7);
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.10);
}

.helpdesk {
	font-size: 25px!important;
//	padding:25px 35px 0px 0px!important
}

.helpdesk:after {
 background-color: #ef3d59;
 content: "";
 display: inline-block;
 height: 3px;
 position: relative;
 vertical-align: middle;
 width: 80px;
}

.helpdesk:after {
 left: 0.5em;
 margin-right: -50%;
}


.helpdesk:hover {
	color:#ef3d59!important;
//	text-decoration: #c73350 line-through!important;
}

.showcases-button {
	font-size: 20px!important;
//	padding:25px 35px 0px 0px!important
}

.showcases-button:after {
 background-color: #ef3d59;
 content: "";
 display: inline-block;
 height: 3px;
 position: relative;
 vertical-align: middle;
 width: 80px;
}

.showcases-button:after {
 left: 0.5em;
 margin-right: -50%;
}


.showcases-button:hover {
	color:#ef3d59!important;
//	text-decoration: #c73350 line-through!important;

}

.main-menu > .sp-module {
//	background: #3b393f;
	background:#25408f;
    max-width: 75%;
    bkit-clip-path: polygon(0 0, 100% 0, 79% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    height: 100%;
}
	
.menu-bar > span {
  display: block;
  width: 100%;
  border-bottom: 3px solid #ef3d59;
  transition: all 0.3s ease-in-out;
  position: absolute;
  top: 50%;
  left: 0;
}

.offcanvas-body .mega-menu .menu > li > a, .offcanvas-body .mega-menu .menu ul > li > a {
    color: #FFFFFF;
    transition: 0.3s;
    margin-right: 50px;
	text-transform: lowercase;
	font-weight: 500;
}

.offcanvas-body .mega-menu .menu > li > a:hover, .offcanvas-body .mega-menu .menu ul > li > a:hover {
    color: #ef3d59;
    transition: 0.3s;
    margin-right: 50px;
	text-transform: lowercase;
//	text-decoration: #FFFFFF line-through!important;
}

.offcanvas-body .mega-menu .menu li.active > a {
    color: #ef3d59;
}

/* Off Canvaw - Sub menu appearance  */

.offcanvas-body .mega-menu .menu li.menu-parent:hover > a {
  color: #ef3d59;   /* Hover Main Menu when submenu appears  */
}

.offcanvas-body .mega-menu .menu .menu-child {
    display: none;
//  background: #ef3d59;	/* Submenu Background  */
//	background:rgba(239,61,89,0.7);
	background-color: rgba(59,57,64,1);
//	color:#25408f!important;
    min-width: 350px;
    padding: 10px;
    position: absolute;
    z-index: 10;
}

.offcanvas-body .mega-menu .menu ul > li > a:hover {
    color: #ef3d59;  /* Submenu hover */
    transition: 0.3s;
    margin-right: 50px;
    text-transform: lowercase;
}

.offcanvas-body .mega-menu .menu ul li.active > a {
    color: #ef3d59;
}



/* ---------------------Slide Show --------------------------  */

.main-slider .sppb-container > div:before {
    content: '';
//   background-image: url(../images/shaper.svg);
	background:none;
    width: 620px;
    -o-object-fit: contain;
    object-fit: contain;
    mix-blend-mode: soft-light;
    position: absolute;
    top: 80px;
    bottom: 80px;
    background-repeat: no-repeat;
    background-position: center;
}

.sppb-animated-number:after  {
	font-size:40px!important;
	color:#ef3d59!important;
	margin-left:10px;
	-webkit-text-stroke: 0px #fff!important;
}

.test-dv {
	padding-top:0px!important;
}


.dv-stroke-text-black {
    color: #7e8689;
    transition: 0.3s;
    font-size: 35px;

	
}

/* ---------------------Article Heading--------------------------  */

.article-details .article-header-wrap {
    background-color: #3B3940;
    padding-top: 120px;
    margin-bottom: 60px;
}

.article-details .article-info span {
    font-size: 22px;
    font-weight: 600;
    line-height: 1.42;
    color: #ef3d59;
    width: 100%;
    margin-bottom: 10px;

}

/* ---------------------What Inspire us--------------------------  */

.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: #fff;
  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 .sp-simpleportfolio-info .sp-simpleportfolio-intro, .sp-simpleportfolio .spsimpleportfolio-items .sp-simpleportfolio-item-wrap:hover .sp-simpleportfolio-info h5 a, .sp-simpleportfolio .spsimpleportfolio-items .sp-simpleportfolio-item-wrap:hover .sp-simpleportfolio-info .sp-simpleportfolio-tags {
  opacity: 1;
  color: #FFFFFF;
}

.what-inspire-us a {
	color:#FFFFFF!important;
}

/* ---------------------Home Page Showcases--------------------------  */

.flex-box{
  display: flex;
}
.fb-col{
//  display:flex;
  min-width: 150px;
  text-align: center;
}
.fb-col:nth-child(1) img,
.fb-col:nth-child(2) img,
.fb-col:nth-child(3) img,
.fb-col:nth-child(4) img,
.fb-col:nth-child(5) img,
.fb-col:nth-child(6) img,
.fb-col:nth-child(7) img,{
  margin-top: auto;
}

@media (max-width: 767px){
  .hidden-xs{
    display: none;
  }
  .flex-box{
    display: block;
  }
}
.fb-img {
    width: 90px;
    height: 55px;
    border-radius: 100%;
    background-color: #a2a0ff;
    padding-top: 35px;
    margin: 4px auto;
	animation: spFadeInDown 400ms ease-in;
}

/* ---------------------About Sub Page--------------------------  */

.about-us-text-stroke {
	-webkit-text-stroke: 1px #fff;
    background-color: rgba(255, 255, 255, 0);
    color: rgba(255, 255, 255, 0);
}

.konstra-contract-pricing .sppb-addon-pricing-table .sppb-pricing-features ul li:not(:first-child):before {
    content: "";
    margin-right: 20px;
    color: rgba(37, 37, 37, .3);
}

.konstra-contract-pricing .sppb-addon-pricing-table .sppb-btn {
    letter-spacing: 0.3px;
    background-color: #25408f;
    display: none;
}

.about-us-text {
	font-size: 16px!important;
    font-weight: 100!important;
    line-height: 1.67;
	border-bottom: none!important;
	padding-bottom: 0px!important;
    margin-bottom: 0px!important;
}

.sppb-pricing-features ul li {
    margin-bottom: 0px!important;
}

/*------------------------------showcases ----------------------*/

.contracts-management-content {
    max-height: 500px;   /*Showcases boxes */
}

.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;
  opacity:1;
  border-bottom: 3px dashed #25408f	;   
  border-left: 3px dashed #25408f;
}

.sppb-btn:before {
  content: "";
  position: absolute;
  top: 0px;
  left: 3px;
  right: 0;
  bottom: 0px;
  background: rgba(255,166,38,1);
  z-index: -1;
  transform: skewX(-20deg);
  width: 15px;
  transition: 0.3s;
}

.konstra-contract-pricing .sppb-addon-pricing-table {
  border-top: 7px solid #25408f;
  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: #25408f;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}



.konstra-contract-pricing .sppb-addon-pricing-table:hover {
//  border-color: rgba(255,166,38,1);
	border-color:#25408f;
  background-color:rgba(255,166,38,1);
   }
   
.about-priciing {
	font-size: 18px;
    font-weight: 500;
    line-height: 1.67;
    color: #3d3d3d;
    padding-bottom: 0px!Important;
    margin-bottom: 30px;
    display: block;
    border-bottom: 1px solid rgba(34, 34, 34, .3);
}

/*

.sppb-pricing-box .sppb-pricing-features>ul:hover {
	list-style: none;
    padding: 0;
    margin: 0;
	color:#fff!important;
}
.konstra-contract-pricing .sppb-addon-pricing-table .sppb-pricing-features ul li:hover {
	color:#fff!important;
}

*/

.sppb-pricing-box:hover {
	color:#fff!important;
}

/* Tabs */

.tab-image-layout .sppb-image-layout-title {
    display: flex;
    max-width: 100%;    /* Title inside width */
    align-items: center;
}

.tab-image-layout .image-layout-preset-style-card .sppb-addon-image-layout-content {
    padding: 0px 100px 0px 0px !important;
}

/* TABS */

.sppb-addon-tab .sppb-nav > li:hover > a, .sppb-addon-tab .sppb-nav > li.active > a {
    color: #25408f!important;
}

.sppb-addon-tab .sppb-nav > li > a {
    max-width: 160px;
    font-size: 22px;
    line-height: 1.5;
    font-weight: 700;
    padding: 0 0 20px;
    color: #7e8689 !important;
//   border-bottom-color: #25408f!important;
	border-bottom:none!Important;
}

/* TABS */

.breadcrumb {
	text-transform: lowercase;
}

.dv-dropcap {
	font-size:35px;
	color:#000;
	text-align:left;
}

.slide-show-button {
	color:#fff!important;
	text-transform:uppercase!important;
}



.showcases-menu {
	border-radius:8px 8px 8px 8px!Important;
	background:#25408f;
	padding:10px;

}

h3.showcases-menu-title {
	color:#fff;
	font-size:25px;
	padding-bottom:3px;
//	border-bottom:1px solid #DDD;
}

ul.memnu.showcases-menu { 
	color:#fff!Important;
}


ul.showcases-menu-content { 
	color:#fff!Important;
	list-style:none!important;
	padding:0px 0px 0px 0px!important;
	font-weight: 400!important;
}

.showcases-menu-content li { 
	border-bottom:1px solid #fff;

}

.showcases-menu-content a{ 
	color:#fff!Important;
}

.showcases-menu-content a:hover{ 
	color:#ef3d59!important;
	font-weight: 400!important;
}

.showcases-menu-content a:active{ 
	color:#ef3d59!important;
}

.showcases-menu-content li.current > a{ 
	color:#ef3d59!important;
	font-weight:600!important;
}

.article-body-right .sppb-sidebar {
    padding: 20px 45px;
    background-color: transparent!important;
    border-left: 1px solid #B4B1B1!important;
}

.article-details-heading h1 {
	font-size:70px!important;
	max-width: 750px!important;
}

#sp-bottom a {
    color: rgba(255, 255, 255, 0.6);
}

/* Social on header*/

.social-profile .sppb-icons-group-list li a {
  line-height: 50px;
  color: #fff;
  position: relative;
}
.social-profile .sppb-icons-group-list li a:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
//  border: 1px solid rgba(244, 242, 241, 0.3);
	border: 1px solid #ef3d59;
  -webkit-transform: skew(-20deg);
  transform: skew(-20deg);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  z-index: -1;
}
.social-profile .sppb-icons-group-list li a:hover {
  color: #ef3d59;
}
.social-profile .sppb-icons-group-list li a:hover:after {
  border-color: #25408f;
}

span.highlight {background: #ef3d59; color: #fff; padding:0 3px;}

img.sdg-img {
	opacity:1!important;
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
	transition: transform .9s;
	padding:15px;
	}

img.sdg-img:hover {
	opacity:1!important;
	filter: none!important;
	padding:15px!important;
	transform: scale(1.2); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

.ScrollButton {
	bottom: 20px;
    left: 50%;
   }
   
.clip-col-bg-right {
  z-index: 1000 !important;
  -webkit-clip-path: polygon(0% 0%, 90% 0%, 79.5% 100%, 0% 100%);
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);

}

.clip-col-bg-left {
//  -webkit-clip-path: polygon(20.6% 0%, 100% 0%, 100% 100%, 10.5% 100%);
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}
.article-intro-image {
    margin-bottom: 30px!important;
}

.about-button {
    font-size: 20px;
	font-weight: 500;
    border: 2px solid #E72951;
	border-radius: 5px;
    padding: 8px;
    
    
}

.bg-major {
    background-color: #292C7B;
}

.sp-page-title .sp-page-title-sub-heading {
    color:#ef3d5a; 
	font-size: 55px;
    font-weight: normal;
    line-height: 1;
    margin-top: 10px;
	font-weight:500
}


.capacity-building-hide-controls {
	display:none!important;
}

.sp-simpleportfolio .spsimpleportfolio-items .sp-simpleportfolio-item-wrap .sp-simpleportfolio-info .sp-simpleportfolio-intro {
    color: #25408f;
    font-size: 14px;
    opacity: 0;
    transform: scale(0);
    transition: 0.3s;
}