/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */

@media (min-width: 768px) {
  .sppb-container {
   width: 100%!important;
  }
}

.transparent-header #sp-header, .transparent-header #sp-header.menu-fixed-out {
  background:#fff!important;
}

.layout-fluid #sp-header.menu-fixed {
    background:#fff!important; 
}

.header_sep {
  border-bottom:1px solid #000;
}

.title {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
  float: none;
}

.section_hr {
  width: 90px;
  border-top: 2px solid transparent!important; 
  border-color: #b41636!important; 
}

/*ABOUT*/


/*.about-text {
  font-size: 24px;
  font-weight: 300;
  text-align: center;
  color: #666;
}

.promo-line:before, .promo-line:after {
  content: " ";
  display: table;
}

.promo-line:after {
  clear: both;
}

.promo {
  margin-bottom: 40px;
}

.promo:before, .promo:after {
  content: " ";
  display: table;
}

.promo:after {
  clear: both;
}

.promo.right {
  text-align: right;
}

.promo.right .promo-icon-box {
  float: right;
}

@media (max-width: 768px) {
  .promo.right {
    text-align:left!important;
  }

  .promo.right .promo-icon-box {
    float:none!important;
  }
}

.promo h4 {
  text-transform: uppercase;
}

.promo p {
  color: #666;
}

.promo-icon {
  display: block;
  margin: 0 auto;
  background-color: #333;
  color: #fff;
  text-align: center;
   width: 65px;
  height: 65px;
  line-height: 65px;
  border-radius: 50%;
  margin-top: 10px;
  transition: .3s;

}

.promo-icon .fa {
  line-height: inherit;
}

.about_business_area .min_about_business {
  padding-top: 0px!important;
}

.promo:hover .promo-icon {
	background-color: #eb0c0c;
}
*/

/**/
.about-text {
  font-size: 24px;
  font-weight: 300;
  text-align: center;
  color: #666;
}

.promo-line:before, .promo-line:after {
  content: " ";
  display: table;
}

.promo-line:after {
  clear: both;
}

.promo {
  margin-bottom: 40px;
}

.promo:before, .promo:after {
  content: " ";
  display: table;
}

.promo:after {
  clear: both;
}

.promo.right {
  text-align: right;
}

.promo.right .promo-icon-box {
  float: right;
}

.promo h4 {
  text-transform: uppercase;
}

.promo p {
  color: #666;
}

.promo-icon {
  display: block;
  margin: 0 auto;
  background-color: #333;
  color: #fff;
  text-align: center;
  width: 65px;
  height: 65px;
  line-height: 65px;
  border-radius: 50%;
  margin-top: 10px;
  transition: .3s;
}

.promo-icon .fa {
  line-height: inherit;
}

@media (max-width: 767px) {


  .promo, .promo.right {
    text-align: center;
  }

  .promo .promo-icon-box, .promo.right .promo-icon-box {
    float: none;
  }


}

/**/

.services_area .row {
	margin:0 0 10px 0;
}

.services_area .our-services {
  padding:0!important;
}

.services_area .our-services .service_right .concept-art,
.services_area .our-services .service_left .concept-art{
   background-image: none!important;
  border:none!important;
  margin-bottom:0!important;
  background-size: cover;
  text-align: center;
}



/**/


.services_area .our-services .service_right:nth-child(2n) {
  padding-left:10px!important;
  padding-right:10px!important;
}

.services_area .our-services .service_right:nth-child(2n+1) {
  padding-left:10px!important;
  padding-right:10px!important;
}
.services_area .our-services .service_right .concept-art .min-icon{
  position: relative;
  background:#3a3a3a!important;
  width: 100%!important;
  height: 100%!important;
  left:0!important;
  top:0!important;
  border:none!important;
}

.services_area .our-services .service_right .concept-art .min-icon:after {
  content: "";
  position: absolute;
  border: none!important;
  width:100%!important;
  height:100%!important;
  top:0!important;
  left:0!important;
  padding:0!important;
  z-index: 1;
}
.services_area .our-services .service_left .concept-art .min-icon i {
  padding: 70px 0 20px 0;
  font-size: 28px;
  color: #fff;
}
.services_area .our-services .service_left .concept-art .min-icon h5 {
  color: #fff;
  font: 700 16px "Open Sans", Helvetica, Arial, sans-serif!important;
  padding-bottom: 70px;
  letter-spacing: 1px;
}
.services_area .our-services .service_left .concept-art .b-icon {
  top: 10px;
}
.services_area .our-services .service_left .concept-art .r-icon {
  left: 10px;
  top: 10px;
}
.services_area .our-services .service_left .concept-art .min-icon.hover h5 {
  position: relative;
  padding-bottom: 10px;
}
.services_area .our-services .service_right .concept-art .min-icon.hover {
  background-color:#b41636!important;
  position: absolute;
  width:100%!important;
  height: 100%!important;
  left:0!important;
  z-index: 1;
  padding: 25px 25px 0 25px!important;
  transition: all 0.3s ease 0s;
  transform: scale(0.2);
  cursor: pointer;
  opacity: 0;
}
.services_area .our-services .service_left .concept-art .min-icon.hover i {
  padding: 0 0 15px;
}
.services_area .our-services .service_right .concept-art .min-icon.hover h5:before {
  content: "";
  position: absolute;
  background: rgba(255,255,255,0.25);
  height: 1px;
  width: 40px;
  top:0!important;
  margin-left:0!important;
}
.services_area .our-services .service_left .concept-art .min-icon.hover p {
  color: #fff;
  font: 400 13px/24px "Open Sans", Helvetica, Arial, sans-serif!important;
}
.services_area .our-services .service_left .concept-art .min-icon.hover.r-icon {
  left: 25px;
}
.services_area .our-services .service_left .concept-art .min-icon.hover.r-icon h5:before {
  margin-left: 50px;
}
.services_area .our-services .service_left .concept-art .min-icon.hover.c-icon {
  left: 25px;
}
.services_area .our-services .service_left .concept-art .min-icon.hover.c-icon h5:before {
  margin-left: 50px;
}
.services_area .our-services .service_left .concept-art:hover .min-icon.hover {
  transform: scale(1);
  opacity: 1;
}
.services_area .our-services .service_left .p-r {
  right: -15px;
}
@media (max-width: 991px) {
	



	
	 .services_area .our-services .service_right{
    padding-left:0!important;
  	padding-right:0!important;
  }
   .services_area .our-services .service_right:nth-child(2n){
    padding-left:10px!important;
  padding-right:10px!important;
  padding-bottom:10px!important;
  }
   .services_area .our-services .service_right:nth-child(2n+1) {
    padding-left:10px!important;
  padding-right:10px!important;
  padding-bottom:10px!important;
  }
	.services_area .our-services .service_right .concept-art {
    margin-bottom: 0;
  }
   
 .services_area .our-services .service_right .concept-art .min-icon {
    top: -20px;
    left: 0;
  }
  .services_area .our-services .service_right .concept-art .min-icon {
  position: relative;
  background:#3a3a3a!important;
  width: 100%!important;
  height: 100%!important;
  left:0!important;
  top:0!important;
  border:none!important;
}

.services_area .our-services .service_right .concept-art .min-icon:after{
  content: "";
  position: absolute;
  border: none!important;
  width:100%!important;
  height:100%!important;
  top:0!important;
  left:0!important;
  padding: 25px 25px 0 25px!important;
  z-index: 1;
}
  .services_area .our-services .service_right .concept-art .min-icon.hover {
  background-color:#b41636!important;
  position: absolute;
  width:100%!important;
  height:100%!important;
  left:0!important;
  z-index: 1;
  padding: 25px 25px 0 25px!important;
  transition: all 0.3s ease 0s;
  transform: scale(0.2);
  cursor: pointer;
  opacity: 0;
}

}


@media (max-width: 1199px) {
  .services_area .our-services .service_left .concept-art .min-icon:after {
    width: 88%;
  }
}
@media (max-width: 991px) {
  .services_area .our-services .service_left .concept-art .min-icon:after {
    width: 92%;
  }
}

@media (max-width: 460px) {
  .services_area .our-services .service_left .concept-art .min-icon:after {
    width: 93%;
  }
}
@media (max-width: 360px) {
  .services_area .our-services .service_left .concept-art .min-icon:after {
    width: 91%;
  }
}




@media (max-width: 1199px) {
  .services_area .our-services .service_left .concept-art .min-icon.hover {
    padding: 15px;
    left: 14px;
    background-color:#b41636!important;
  }
}
@media (max-width: 991px) {
  .services_area .our-services .service_left .concept-art .min-icon.hover {
    width: 89%;
  }
}

@media (max-width: 460px) {
  .services_area .our-services .service_left .concept-art .min-icon.hover {
    width: 88%;
  }
}
@media (max-width: 360px) {
  .services_area .our-services .service_left .concept-art .min-icon.hover {
    width: 85%;
  }
}

@media (max-width: 991px) {
  .services_area .our-services .service_left .concept-art .min-icon.hover i {
    padding: 15px 0 5px;
  }
}


@media (max-width: 1199px) {
  .services_area .our-services .service_left .concept-art .min-icon.hover h5 {
    padding-bottom: 15px;
  }
}
@media (max-width: 991px) {
  .services_area .our-services .service_left {
	  padding: 0 0 10px!important; 
	  }
  .services_area .our-services .service_left .concept-art .min-icon.hover h5 {
    padding-top: 20px;
  }
}

@media (max-width: 1199px) {
  .services_area .our-services .service_left .concept-art .min-icon.hover p {
    font: 400 12px/20px "Open Sans", Helvetica, Arial, sans-serif;
  }
}

/*.services_area .our-services .service_left .second {
  background-image: url("../images/concept-2.png");
}
.services_area .our-services .service_left .third {
  background-image: url("../images/concept-3.png");
}
.services_area .our-services .service_left .fourth {
  background-image: url("../images/concept-4.png");
}*/

/*SERVICES*/

div.isotop-btn {display:none;}

.tlp-portfolio .layout3 .tlp-portfolio-item .tlp-overlay {width: 100%;height: 100%;left: -1000px;top: 0; padding:5px;position: absolute;background-color: rgba(38, 38, 38, 0.8);color:#fff;top: 0%;
  transition: All 1s ease;
  -webkit-transition: All 1s ease;
  -moz-transition: All 1s ease;
  -o-transition: All 1s ease;
}
.tlp-portfolio .layout3 .tlp-portfolio-item .tlp-overlay .tlp-content h3 {margin: 5% 0 10px 0;font-size: 18px;font-weight: bold;position: relative;}
.tlp-portfolio .layout3 .tlp-portfolio-item .tlp-overlay .tlp-content h3 a {text-decoration: none;color: #fff;}
.tlp-portfolio .layout3 .tlp-portfolio-item .tlp-overlay .tlp-content h3:after {content: "";display: inline-block;position: absolute;right: 0;left: 0;margin: auto;bottom: -20px;height: 2px;background: #b41636;z-index: 999999;width: 30%;overflow: auto;}
.tlp-portfolio .layout3 .tlp-portfolio-item .tlp-overlay .tlp-content p {font-size:12px;padding: 15px 0 15px 0;margin: 0;color: #fff;line-height:normal;}

/*PORTFOLIO*/

.sp-simpleportfolio-filter ul:before {
  content: "";
  position: absolute;
  border-left:none!important;
  border-bottom:none!important;
  height: 60px;
  width: 105%;
  top: -25px;
  margin-left: -8px;
  z-index: -1;
}

.sp-simpleportfolio-filter ul:after {
  content: "";
  position: absolute;
  border-right:none!important;
  border-top:none!important;
  height: 60px;
  width: 105%;
  top: -8px;
  left: -28px;
  z-index: -1;
}

.sp-simpleportfolio-filter ul li {
  display: inline-block !important;
  padding: 4px;
  text-transform: capitalize;
  font-weight: 400;
  text-shadow: none;
  cursor: pointer;
  transition: all 300ms linear 0s;
  margin: -2px !important;
  border-right: 1px solid #b41636!important;
  width: 20%;
  z-index: 2;
  float: none !important;
  
}

@media (max-width: 768px) {
  .sp-simpleportfolio-filter ul li {
  	border-right:0!important;
  }
}

.sp-simpleportfolio .sp-simpleportfolio-filter > ul > li.active > a,
.sp-simpleportfolio .sp-simpleportfolio-filter > ul > li > a:hover {
  background: #b41636!important;
}

/*TEAM*/

.meet_team_area .meet_team .freelancer .freelancer-img .freelancer-hover {
  position: absolute;
  background-color: rgba(58, 58, 58, 0.8)!important;
  border-bottom: 5px solid #b41636!important;
  width: 100%;
  transition: all 0.5s;
  height: 100%;
  z-index: 1;
  left: 0;
  display: inline-block;
  text-align: center;
  bottom: 0;
  transform: scaleY(0);
  transform-origin: 50% 100%;
}

.meet_team_area .meet_team .freelancer .freelancer-content h5 {
  color: #fff!important;
  font: bold 14px "Open Sans", Helvetica, Arial, sans-serif!important;
  padding: 20px 0 10px;
  letter-spacing: 1px;
}
.meet_team_area .meet_team .freelancer .freelancer-content h5:hover,
.meet_team_area .meet_team .freelancer .freelancer-content h5:focus {
  color: #b41636!important;
}
.meet_team_area .meet_team .freelancer .freelancer-content h6 {
  color: #fff!important;
  font: 400 12px "Open Sans", Helvetica, Arial, sans-serif!important;
  padding-bottom: 15px;
  letter-spacing: 1px;
}

.meet_team_area .meet_team .freelancer .freelancer-content {
  text-align: center;
  border: none!important;
  border-radius:0!important;
  border-top: 0;
  position: relative;
}
/*FOOTER 1*/

#sp-bottom {
  	padding:30px 0 20px 0!important;
    margin:20px 0 0 0!important;
}

.footer_min_area {
  background-image: url("../images/footer_bkg.jpg")!important;
}
.footer_min_area:after {
  content: "";
  position: absolute;
  background-color: rgba(58,58,58,0.8)!important;
  display: block;
  top: 0px;
  left: 0;
  right: 0;
  bottom: 0px;
}

/**/
.sp-simpleportfolio-filter ul {

  z-index: 1!important;
}

.sp-simpleportfolio-items,
.sp-simpleportfolio-item {
  background:#b4b4b4!important;
}

.sp-simpleportfolio-filter ul li {
  width:15%!important;
}

@media (max-width: 768px) {
	.sp-simpleportfolio-filter ul li {
      width:calc(33.333333333333%)!important;
    }
}

/**/
#lbCaption {
  display:none;
}

/*SLIDER CORRECTIONS*/

#services {
  padding:80px 0 0 0;
}

/*#sp-page-builder .page-content .sppb-section {
  margin-top: 70px!important;
  padding:0!important;
}*/

.tp-bannershadow {
  display:none!important;
}

.tp-caption p {
  font-size:100%!important;
  padding:20px 0 0 0!important;
}

.btn-primary {
  background-color: #b41636!important;
  border: 2px solid #b41636!important;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: #510002!important;
  border: 2px solid #510002!important;
}

.btn-primary:hover::before,
.btn-primary:hover::after {
  background-color: #510002!important;
}

.btn-primary,
.sppb-btn-primary {
  border-color:#b41636!important;
  background-color:#b41636!important;
}
.btn-primary:hover,
.sppb-btn-primary:hover {
  border-color: #510002!important;
  background-color: #510002!important;
}


.btn-secondary {
 
  -moz-border-radius: 5px!important;
  -webkit-border-radius: 5px!important;
  border-radius: 5px!important;

}

@media (max-width: 768px) {
  .tp-caption .btn {
    font-size:80%!important;
    margin:0 0 10px 0!important;
    padding:10px!important;
  }
}

/**/

@media (max-width: 991px) {
  .meet_team_area .meet_team .freelancer {
   	width: 100%!important;
  }
}