/*** General CSS ***/
.btn,
#sp_qc_submit {
    position: relative;
    display: inline-block;
    width: auto;
    margin: 0;
    font-weight: 500;
    font-family: inherit;
    line-height: 2em;
    letter-spacing: .02em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 34px;
    cursor: pointer;
    border: 0!important;
    color: #fff;
    border-radius: 4px;
    text-transform: uppercase;
    border-radius: 30px;
    border: 1px solid!important;
}
.btn:hover,
#sp_qc_submit:hover {
    background: none!important;
  	color: #212529;
  	border-color: #212529;
}

/*** Header Area ***/
/* Top Header */
#sp-top-bar {
  	padding: 0;
}
#sp-top-bar .container {
  	max-width: 100%;
}
#sp-top1 .sp-module,
#sp-top1 {
  	padding: 0;
  	width: 100%;
  	margin: 0;
}
#sp-top1 .sp-module {
  	display: inherit;
}

/* Header Menu */
.sp-megamenu-parent>li>span {
  	color: #fff;
}
.burger-icon>span {
  	background: #fff;
}

/*** Slider ***/
/**** Icon Top ****/
.icon-top .sppb-icon-inner i {
    color: #fff;
    border-radius: 55px;
    line-height: 45px;
    width: 40px;
    font-size: 28px;
    line-height: 40px;
    border-radius: 50px;
}
.icon-top .sppb-icon-inner  {
    background-color: rgba(0, 0, 0, 0.12);
    border-radius: 50px;
}
/*** time ****/
.timeline-badge {
    color: #fff;
    width: 20px;
    height: 20px;
    margin-top: 62px;
    line-height: 20px;
    text-align: center;
    position: absolute;
    margin-left: -10px;
    z-index: 100;
    border-top-right-radius: 50%;
    border-top-left-radius: 50%;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;
    background: #fff;
}
 .timeline-line {
    width: 3px;
    height: 100%;
    position: absolute;
    margin-top: 62px;
    margin-left: -2px;
    z-index: 99;
}

.line-1 {
    background: -webkit-linear-gradient(#56c2b1, #56c2b1);
    background: -o-linear-gradient(#56c2b1, #56c2b1);
    background: -moz-linear-gradient(#56c2b1, #56c2b1);
    background: linear-gradient(#56c2b1, #56c2b1);
}
.badge-1 {
    border: 3px solid #ed78a6 !important;
}
/*** We do ***/
#we-do {
    margin-top:-7x!important;
}
.we-do-sub {
	cursor: pointer;
}
.we-do-item .sppb-media {
    padding: 30px;
}
.we-do-item .sppb-icon-container {
    font-size: 1.7em;
    text-align: center;
    width: 50px;
    height: 50px;
    line-height: 50px;
    float: left;
    margin-right: 10px;
    border-top-right-radius: 50%;
    border-top-left-radius: 50%;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;
    background-color: rgba(0, 0, 0, 0.3);
}
.we-do-sub {
    background-color: #ddd;
    border-radius: 3px;
}

/*** Team ***/
.team-sub {
    background: #fff;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
    padding: 20px;
}

/*** Testimonial ***/
.testimonial {
    position: relative;
    z-index: 1;
}
.testimonial:before {
    content: "";
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 60%;
    position: absolute;
    z-index: -1;
}
/*** Portfolio ***/
#portfolio .sppb-row > div:first-child {
    padding: 0;
}
.sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-info h3 > a {
    font-size: 20px;
}
.sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-info {
    font-size: 16px;
}
.portfolio p {
    color: #fff;
}
.portfolio-top {
    padding: 40px;
}
.portfolio-top p {
    color: #000;
}
.portfolio-top ul {
    padding-left: 0;
}
.portfolio-top ul li {
    list-style: none;
}
.portfolio-top ul li:before {
    content: "\f101";
    font-family: FontAwesome;
    margin-right: 10px;
}
.sp-simpleportfolio .sp-simpleportfolio-filter > ul > li > a {
    background: none;
    color: #b0b0b0;
    font-weight: 300;
    font-size: 16px;
    position: relative;
    padding: 11px;
}
.sp-simpleportfolio .sp-simpleportfolio-filter {
    text-align: left!important;
}
.sp-simpleportfolio .sp-simpleportfolio-filter > ul > li.active > a {
	  background: #000;
    border-radius: 50px;
}
.sp-simpleportfolio .sp-simpleportfolio-filter > ul > li.active > a:after {
    visibility: inherit;
    opacity: 1;
}

/*** Contact ***/
#sp-quickcontact-form input {
  	border-radius: 0;
  	width: 32%;
  	float: left;
    margin: 20px 2% 20px 0;
}
#sp-quickcontact-form input:nth-child(6) {
  	margin-right: 0;
}
#sp-quickcontact-form .sp_qc_clr {
  	display: none;
}
#sp-quickcontact-form textarea {
  	width: 100%;
  	margin: 20px 0;
}
input#sp_qc_submit {
  	width: auto;
}

/* Bottom */
#sp-bottom {
  	text-align: center;
}
#sp-bottom .sp-module .sp-module-title {
  	font-weight: 500;
    font-size: 20px;
    text-transform: uppercase;
}

/* Footer Copyright */
#sp-footer {
    text-align: center;
}

/*** Responsive Layout ***/
@media (min-width: 1400px) {
    .sppb-row-container {
        max-width: 1320px;
    }
}
/* Tablet Landscape Layout */
@media (min-width: 980px) and (max-width: 1199px) {

  
}

/* Tablet Portrait Layout */
@media (min-width: 768px) and (max-width: 979px) {

  
}

/* Mobile Standard Layout */
@media (max-width: 768px) {
    #sp-quickcontact-form input {
     	width: 100%;
      	margin: 20px 0;
  	} 
}

/* Mobile Small Resolution */
@media (max-width: 480px) {

  
}

/*** Color Variables ***/
/* Get Variables */
:root {
    --background-color: currentColor;
    --background: currentColor;
    --text-color: currentColor;
}

/* General */
.slider-color h2 {
    color: var(--text-color)!important;
}
.sp-megamenu-parent > li .sp-menu-badge, .line-1 {
    background: var(--background-color)!important;
}
#sp-quickcontact-form #sp_qc_submit,
.slider-color i,
.intro-item .sppb-icon,
.about .sppb-row,
.we-do-item:hover .sppb-icon-container,
.team-item ul li,
.testimonial:before,
div.itemCommentsForm form input#submitCommentButton,
div.itemCommentsForm form input#submitCommentButton:hover,
.creativecontactform_wrapper input.creativecontactform_send {
    background-color: var(--background-color);
}
.intro-title .sppb-addon-content:before,
.intro-item:hover .sppb-icon i,
.sp-simpleportfolio .sp-simpleportfolio-filter > ul > li:hover > a,
.sp-simpleportfolio .sp-simpleportfolio-filter > ul > li.active > a,
.blog h3,
.tp-caption a.btn-slider,
.contact-us ul li em,
.contact-form h4 {
	color: var(--text-color);
}