/*

Your custom css

*/

@font-face{
  font-family:Crackhouse;
  src: url("Crackhouse.ttf") format("truetype");
}

.wpb_column.column_container div.wpb_raw_code.wpb_content_element.wpb_raw_html {
  position: absolute;
  z-index: 2;
  top: 320px;
  width:100%
}

.wpb_column.column_container div.wpb_raw_code.wpb_content_element.wpb_raw_html:nth-of-type(2) {
  position: relative;
  top: 0;
  z-index: 1;
}

#bgvid {
  width: 100%;
}

.tdm-btn span{
  padding: 20px !important;
  font-family:Crackhouse !important;
  font-size:160%;

  border-width:1.5px !important;
}

.xtdm-btn span:hover{
  color:#fff;
  border-color:#fff;
  background-color:rgb(160, 206, 102);
}


.tdm-btn.tdm-reverse-color span{
  color:#fff;
  border-color:#fff !important;
  background-color:rgb(160, 206, 102);
}

.tdm-btn.tdm-reverse-color span:hover{
  color:rgb(160, 206, 102);;
  border-color:rgb(160, 206, 102);
  background-color:#fff;
}


xbody{
 font-family: Crackhouse !important;
}

/*
.welcome-content-right{
  margin-top:-45px;
}
*/


.step-title{
  font-family:Crackhouse;
	}

.custom-services-portfolio .hover-overlay{
  background-color:#FFF !important;
}

.custom-services-portfolio .portfolio-meta{
  background-color: rgba(6,6,6,.4);
  padding-bottom: 10px;
}

.custom-services-portfolio .portfolio-meta .the-title, .custom-services-portfolio .portfolio-meta .portfolio-cats{
  color:#A0CE66 !important;
}


.mk-clients-shortcode .client-item:hover .clients-info {
  opacity: .95;
  background-color: #A0CE66;
  color: #000;
}

.mk-clients-shortcode .client-item:hover .clients-info div.clients-info-holder span{
  color: #000;
}



.mk-employees.three-column .team-thumbnail,
.mk-employees.custom-rounded .team-thumbnail img,
.mk-employees.custom-rounded .hover-overlay {
  -webkit-border-radius: 1500px;
  -moz-border-radius: 1500px;
  border-radius: 1500px;
}

.mk-employees.custom-rounded ul li.mk-employee-item div.employee-item-wrapper div.team-info-wrapper{
  text-align:center;
}

.mk-employees.custom-rounded ul li.mk-employee-item div.employee-item-wrapper div.team-info-wrapper span.team-member-name{
  font-size: 18px;
  text-transform: uppercase;
  font-weight: bolder;
  margin-bottom: 6px;
}

.mk-employees.custom-rounded ul li.mk-employee-item div.employee-item-wrapper div.team-info-wrapper span.team-member-desc{
  max-height:200px;
  overflow:hidden;
}

.mk-employees.custom-rounded ul li.mk-employee-item{
  margin-bottom:40px;
}

.mk-process-steps.dark-skin.horizontal.round-icon .step-title:before,
.mk-process-steps.dark-skin.horizontal.round-icon .step-title:after{
display: inline-block;
content: "";
width: 70px;
height: 2px;
margin-top: -20px;
  margin-left:20px;
  margin-right:20px;
vertical-align: middle;
background-color: #444;
}


.mk-process-steps.dark-skin.horizontal.round-icon .step-title{
  text-align:center !important;
  line-height:100% !important;
  letter-spacing:5px;
  xcolor: #000 !important;
  color: #fff !important;
  font-size: 42px !important;
  font-weight:bold !important;
  xdisplay:inline-block;
		  margin-bottom:40px;
}

.mk-process-steps.dark-skin.horizontal.round-icon .step-desc{
  color: #fff !important;
  font-size: 16px !important;
  line-height: 32px !important;
  font-weight: 600 !important;
  }


.mk-step{
  padding:12px;
background-color:rgba(0,0,0,.5);
	}



.xoutline-button{
  border-color:#A0CE66 !important;
  color:#A0CE66 !important;
}

/* show room page - get to know us - button */
.edge-buttons .mk-button-align .mk-button.outline-button.large{
  position:absolute;
  top:205px;
  left:45%;
}



.round-icon ul.step-items li span i.step-icon{
  width:72px;
  height:71px;
}

.round-icon ul.step-items li:nth-of-type(1) span i.step-icon {
  background-image:url(../../uploads/2014/08/hair-retexturing_70.png)
}

.round-icon ul.step-items li:nth-of-type(2) span i.step-icon {
  background-image:url(../../uploads/2014/07/Concrete-Image-Hair-Embellishments_70.png)
}

.round-icon ul.step-items li:nth-of-type(3) span i.step-icon {
  background-image:url(../../uploads/2014/07/Concrete-Image-15-dreadlocks_70.png)
}

.round-icon ul.step-items li:nth-of-type(4) span i.step-icon {
  background-image:url(../../uploads/2014/08/hair-updo_70.png)
}

.round-icon ul.step-items li:nth-of-type(5) span i.step-icon {
  background-image:url(../../uploads/2014/08/hair-color_70.png)
}

.round-icon ul.step-items li:nth-of-type(6) span i.step-icon {
  background-image:url(../../uploads/2014/07/Concrete-Image-16-hair-extensions_70.png)
}

.round-icon ul.step-items li:nth-of-type(7) span i.step-icon {
  background-image:url(../../uploads/2014/07/Concrete-Image-Makeup_70.png)
}

.round-icon ul.step-items li:nth-of-type(8) span i.step-icon {
  background-image:url(../../uploads/2014/07/Concrete-Image-Airbrush-Tanning_70.png)
}

.round-icon ul.step-items li:nth-of-type(9) span i.step-icon {
  background-image:url(../../uploads/2014/07/eyelash_extensions_01_70.png)
}


.contact-icon{
  width:33%;
  float:left;
}

.fullwidth-true.full-height-true.mk-background-stretch.mk-video-holder.mk-page-section.parallax-true{
  height:100% !important;
}


.title-border span{
  border:3px solid #A0CE66;
  padding:7px 11px;
  background-color:#000;
  margin-top:20px;
}

.big-text-block, .big-text-block p{
 font-size: 16px;
 color: #ffffff;
 xtext-align: center;
  text-align: left;
 line-height: 32px;
 font-family:Open Sans;
}

IMG.wpcf7-form-control.wpcf7-captchac.wpcf7-captcha-captcha-51{
margin-bottom:25px;

}

/*.mk-secondary-header{  */
header#mk-header.sticky-header{
  background-color:rgba(0,0,0,.5);
}

.landing-subtitle span{
  padding:0 54px !important;
}

.zero-margin .wpb_raw_html{
  margin-bottom:0px;
}

.top-margin-70 {
  margin-top: 70px !important;
}

.tdm-wide-btn{
  padding:20px 65px !important;
  font:bold 16px arial;
}

a.tdm-wide-btn:hover {
  background-color: rgba(256,256,256,.3) !important;
  color: #FFF !important;
}

#mk-page-title .mk-page-heading{
  font-family:crackhouse;
  font-size:46px!important;
}

.mk-box-text .icon-txt-default {
	  font-family:crackhouse!important;
	  }

.mk-window-scroller .image-holder {
		  width:100%;
		}

.ezcol-one-quarter, .ezcol-one-half, .ezcol-three-quarter, .ezcol-one-third, .ezcol-two-third, .ezcol-one-fifth, .ezcol-two-fifth, .ezcol-three-fifth, .ezcol-four-fifth {
    float: left!important;
    xmargin-right: 5%!important;
    position: relative;
    word-wrap: break-word;
    -moz-box-sizing: border-box !important;
}

.ezcol-one-half {
    width: 45%!important;
}


.ezcol-one-quarter {
		  width:20%!important;
		  xmargin-bottom:5%;
		}

.ezcol-one-third {
    width: 28%!important;
	  xmargin-top:5%;
		}

.staff-name{
  font-family:crackhouse !important;
  color:#a3d469;
  font-size:59px;
  width:100%;
  text-align:right;
}

.staff-title{
  margin-top:12px;
  width:100%;
  text-align:right;
  font-size:20px;
}

.staff-line{
	border: 2px solid #a3d469;
	height:0px;
}


.theme-content{
	  /* background:#333; JBM changed 08/19/2014 */
  background:#000;
	}

.products img{
	margin-right:5%;
  }
.products li{
	  margin-left: 25%;
	}
.products ul{
		margin-bottom: 3%;
		margin-top: -1%;
	  }
.products2 img{
	margin-right:5%;
  }
.products2 li{
	  margin-left: 18.5%;
	}
.products2 ul{
		margin-bottom: 3%;
		margin-top: -1%;
	  }
.image-holder img{
	  width:100%!important;
	}
.big-text-block, .big-text-block p {
	  line-height: 22px!important;
	}
h5{
	  font-family:crackhouse;
	  font-size:28px!important;
	}
h4{
	  font-family:crackhouse;
	  font-size:28px!important;
	}
.mk-half-layout.half_left_layout {
		  left:2px;
		}


.widget_social_networks{
	width:60px;
	float:left;
}

.footer-wrapper .widget.widget_text{
	clear:left;
}

.add-padding-5 > [class*="vc_span"]{
  padding:0px !important;
}

.mk-box-text i {
 margin-bottom: 0px !important;
}

#AboutUs .mk-half-layout.half_left_layout {
  margin-left: 2%;
}

.portfolio-meta a.portfolio-plus-icon{
  display:none !important;
}

#mk-breadcrumbs{
  display:none; /* the breadcrumb control in theme admin did not work */
}

.step-items li{
  position:relative;
}

.service-icon-captions{
  width: 100px;
  position: absolute;
  left: -14px;
  text-align: center;
  line-height:14px;
  padding-top:4px;
  font:bold 14px tahoma;
  xcolor:rgb(160, 206, 102);
  color:#fff;
}

.clear{
	clear:both!important;
  }


.wpcf7-form input{
  background-color:#666;
  max-width:365px !important;
  color:#fff;

	}

.wpcf7-form textarea{
  background-color:#666;
  width:365px !important;
  color:#fff;

	}