/*** General CSS ***/
.button {
    padding: 8px 30px;
    border: 2px solid #e1e1e1;
    color: #3f3f3f;
    text-transform: uppercase;
}
.button:hover {
    color: #fff;
}
.btn {
    border-radius: 0!important;
    font-size: 16px;
    font-weight: 500;
    padding: 10px 25px;
    text-shadow: none;
    text-transform: uppercase;
    border: none!important;
}


/*** Header Area ***/
/* Top Header */
#sp-top-bar {
    padding: 0;
}
#sp-top-bar a {
    border-radius: 5px;
    padding-left: 10px;
    padding-right: 10px;
}
#sp-top2 ul li a {
    border-radius: 5px;
    color: #fff;
    padding-left: 10px;
    padding-right: 10px;
}
.sp-contact-info {
  	padding-top: 6px;
}

/*** Block Styles ***/
/***** SLIDER *****/
.tp-dottedoverlay {
    background-color: #2c3d50!important;
    opacity: .6;
}
#sp-slide-wrapper .home-top-slide-text {
    border-bottom: 3px solid rgba(255, 255, 255, 0.15);
    padding-bottom: 10px!important;
}
#sp-slide .button {
    box-shadow: none!important;
    padding: 14px 40px!important;
}
#sp-slide .button:hover {
    background: #000!important;
}
/***** INTRODUCTION *****/
#sp-page-builder .sppb-section-title.sppb-text-center .sppb-title-subheading {
    display: block;
}
.introduction .intro-sub {
    cursor: pointer;
}
.introduction .intro-sub i {
    display: inline-block!important;
    border: 5px solid #f8f8f8;
    width: 100px!important;
    height: 100px!important;
    line-height: 100px!important;
    -webkit-transition: 0.7s ease-in-out;
    -moz-transition: 0.7s ease-in-out;
    -ms-transition: 0.7s ease-in-out;
    -o-transition: 0.7s ease-in-out;
    transition: 0.7s ease-in-out;
}
.introduction .intro-sub:hover i {
    cursor: pointer;
    color: #000;
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
}
.introduction .intro-sub h3 {
    text-transform: uppercase;
    font-weight: 700;
    -webkit-transition: 0.7s ease-in-out;
    -moz-transition: 0.7s ease-in-out;
    -ms-transition: 0.7s ease-in-out;
    -o-transition: 0.7s ease-in-out;
    transition: 0.7s ease-in-out;
}
.introduction .intro-sub h3:hover {
    -webkit-transition: 0.7s ease-in-out;
    -moz-transition: 0.7s ease-in-out;
    -ms-transition: 0.7s ease-in-out;
    -o-transition: 0.7s ease-in-out;
    transition: 0.7s ease-in-out;
}
.introduction .intro-sub p {
    font-size: 13px;
}
/***** BANNER *****/
.banner .banner-content h3 {
    text-transform: uppercase;
    font-weight: 700;
    padding-top: 0px;
    font-size: 20px!important;
  	line-height: 28px!important;
}
.banner .banner-content ul {
    padding-left: 15px;
}
.banner .banner-content ul li {
    font-size: 13px;
    padding: 3px;
    list-style: outside;
}
/***** ABOUT *****/
.about-testimonial h3 {
    font-size: 20px!important;
    text-transform: uppercase;
    font-weight: 700;
  	line-height: 28px!important;
}
.about ul {
    padding-left: 0;
}
.about ul li {
    display: inline-block;
    padding: 10px 0px 10px 0;
    list-style: none;
}
.testimonial blockquote p {
    font-size: 13px;
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #efefef;
    padding: 10px;
    margin-bottom: 0;
}
.testimonial blockquote footer {
    background: rgba(0, 0, 0, 0) url("../images/bg-testimonial.png") no-repeat scroll 20px 0;
    margin: -2px 0 0 !important;
    padding: 15px 0 15px 60px;
}
/***** WORKS *****/
.works-content h3 {
    text-transform: uppercase;
    color: #000;
    font-size: 20px;
    font-weight: 600;
  	line-height: 28px!important;
}
/***** BUY NOW *****/
.buy-now-content h3 {
    font-weight: 700;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
}
/***** PORTFOLIO *****/
.portfolio .sppb-title-heading {
    font-size: 20px!important;
    text-transform: uppercase;
    font-weight: 700;
}
.portfolio .sp-simpleportfolio-filter {
    text-align: left;
}
.sp-simpleportfolio .sp-simpleportfolio-filter > ul > li > a {
    text-transform: uppercase;
    padding: 8px 15px;
    font-weight: 500;
    border-radius: 0!important;
}
.sp-simpleportfolio.layout-gallery-nospace .sp-simpleportfolio-item {
    padding: 10px!important;
}

/* Refine Page Builder */
#sp-page-builder .sppb-section-title.sppb-text-center .sppb-title-subheading {
    margin: 0 auto;
}
.page-service i {
  margin-top: 10px;
}
.sp-simpleportfolio-img {
    width: 100%;
}
#sp-user1 .sp-module {
    margin-top: 0;
}
#sp-user1 {
  	min-height: 0;
}
/* Portfolio */
.projects-filter a {
    padding: 8px 15px;
    font-size: 1em;
    border-radius: 0;
    text-transform: uppercase;
}
.projects-filter a {
    color: #fff;
    background: #2d2d2d;
}
.projects-filter ul li {
    background: none;
}
.projects-filter ul {
    text-align: center;
}
#portfolio .projects-filter ul {
    text-align: left;
}
.projects-filter {
    border-bottom: none;
    text-align: center;
}
.projects-wrapper .project-img img {
    width: 100%;
}

/* Refine Layout */
body.com-k2 #sp-right .sp-module .sp-module-title {
    border-bottom: 5px solid #ccc;
    font-size: 18px;
    font-weight: 700;
    margin: 25px 0 20px;
    padding-bottom: 15px;
    text-transform: uppercase;
}
#sp-right .sp-module .sp-module-title {
    border-bottom: 5px solid #ccc;
    font-size: 18px;
    font-weight: 700;
    padding-bottom: 15px;
    text-transform: uppercase;
}
.projects-wrapper .project-img .project-img-extra h5 a {
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
}
/****Feature*******/
#sp-feature .sp-module {
    margin-top: 20px;
}
/*** Title ******/
.sp-module-content h2,
h3.sp-module-title {
    padding-bottom: 17px;
    margin-bottom: 23px;
    font-weight: 600!important;
    position: relative;
    font-size: 30px;
}
.sp-module-content h2:after {
	content: "";
	bottom: 0;
	left: 0;
	width: 90px;
	height: 3px;
	position: absolute;
}
#sp-bottom h3.sp-module-title {
    background: none!important;
    font-size: 18px!important;
    padding-bottom: 5px;
    color: #000!important;
}
#sp-feature .sp-module-content h2 {
    background-position: bottom left;
    text-transform: uppercase;
}
#sp-bottom .sp-module-content .latestnews>li>a>span {
	color: #000;
}
/*****Blog******/
#sp-left .search form input,
#sp-right .search form input {
  	width: 100%!important;
}
/****Testimonial*******/
#sp-user2 .testimonial-img img {
    border-radius: 50%!important;
}
#sp-section-9 .sp-module .sp-module-title {
    margin-bottom: 30px!important;
}
.sp-contact-info li {
	font-size: 15px;
	padding-top: 5px;
}

#sp-top2 ul li a {
    border-radius: 5px;
    color: #fff;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 15px;
    margin: 0 5px;
    line-height: 36px;
    display: inline-block;
}
#sp-top2 .sp-module {
    float: right;
    margin-right: -10px !important;
}
div.k2ItemsBlock ul li {
    margin-bottom: 20px;
    float: left;
    width: 32.33%;
    margin-right: 1.5%;
    padding-right: 0!important;
}
#sp-user1 .sp-module ul > li {
    border-bottom: none;
}
#sp-user2 .tp-caption img {
    border-radius: 50%!important;
}
#sp-top2 ul li a:hover {
    background: #F7682C;
}
body.layout-jobs #sp-main-body {
    padding-bottom: 30px;
}
.see-all-jobs {
    border-radius: 10px;
    color: #fff;
    padding: 10px;
}
.see-all-jobs:hover {
    background: #F7682C;
    color: #fff;
}
h3.sp-module-title {
    font-size: 30px !important;
    font-weight: 500;
}
#sp-user1 h3.sp-module-title,
#sp-user2 h3.sp-module-title,
#sp-user3 h3.sp-module-title,
#sp-user4 h3.sp-module-title{
    text-align: center;
}
table.acymailing_form {
    width: 100%;
}
.acysubbuttons {
  text-align: left!important;
}
.dl-horizontal dd {
    margin-left: 30px;
}
.dl-horizontal dt {
  width: inherit;
}
body.com-contact .page-header {
display: none;
}
dl.contact-position dd {
margin-left:0;
font-size: 20px;
}
body.view-job.layout-view_job #sp-section-3,
body.view-job.layout-view_job #sp-section-6, 
body.view-job.layout-view_job #sp-features,
body.view-job.layout-view_job #sp-section-8,
body.view-job.layout-view_job #sp-section-9 {
display: none;
}
#sp-topbar {
    padding-top: 7px;
    text-align: center;
}
ul.sp-dropdown-items {
  position: relative;
z-index: 999;
}

/*** Contact Form ***/
#sp-quickcontact-form {
  	text-align: center;
}
#sp-quickcontact-form textarea#message {
    width: 100%;
}
#sp-quickcontact-form input {
    width: 100%;
}
#sp-quickcontact-form .sp_qc_clr {
    display: none;
}
#sp-quickcontact-form textarea,
#sp-quickcontact-form input {
    margin-bottom: 20px;
    border-radius: 0;
}
#sp-quickcontact-form #sp_qc_submit {
    position: relative;
    display: inline-block;
    font-size: 14px;
    font-family: oswald,sans-serif;
    font-weight: 600;
    color: #fff!important;
    background: 0 0;
    text-transform: uppercase;
    text-decoration: none;
    cursor: pointer;
    transition: all 500ms ease;
    padding: 0;
    width: auto;
    box-shadow: none;
    text-shadow: none;
    padding: 13px 33px;
    border: 2px solid!important;
}
#sp-quickcontact-form #sp_qc_submit:hover {
    background: none!important;
}

/*** Responsive Layout ***/
/* Tablet Landscape Layout */
@media (min-width: 980px) and (max-width: 1199px) {
	.sp-megamenu-parent>li>a, .sp-megamenu-parent>li span {
    	padding: 0 3px;
	} 
}

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

  
}

/* Mobile Standard Layout */
@media (max-width: 768px) {
    div#sp-top2 {
        width: 10%;
    }  
    #sp-top1 {
		width: 90%;
    }
  	div#js-jobs-wrapper div.js-bottomrow div.js-col-xs-12.js-col-md-4.js-actions {
    	float: initial;
	}
  	div#jsjobs-wrapper div.totaljobsheading {
    	float: initial;
	}
}

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

/* General */
.btn,
.sp-module-content h2:after {
  	background-color: var(--text-color);
}
.see-all-jobs,
#sp_qc_submit {
    background-color: var(--text-color)!important;
}
#sp-quickcontact-form #sp_qc_submit:hover,
.see-all-jobs:hover, #sp-top-bar a, #sp-top2 ul li a {
  	background: var(--text-color)!important;
}