@charset "utf-8";
/* CSS Document */

*
{
	box-sizing: border-box;
}

.fadein 
{
	opacity: 0;
}

.clear 
{
	clear:both;
}

.transition
{
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	-moz-transition: 0.3s;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}

.imagetrans
{
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	-moz-transition: 0.3s;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}

.imagetrans:hover
{
	opacity:0.0;
}

.imageset
{
	width: 100%;
	height:auto;
}

img
{
	border: 0;
	display:block;
	height: auto;
  	vertical-align: middle;
}

*{
    -o-user-select: text;
    -moz-user-select: text;
    -webkit-user-select: text;
    user-select: text;
}


body,td,th 
{
	font-family: 'Lato', sans-serif;
	font-size: calc(24px + (28 - 24) * ((100vw - 300px) / (1600 - 300)));
  	line-height: 130%;
	font-weight:300;
	color:#3b3b3b;
}

body 
{
	background-color:#dfdfdf;
	margin-left:0px;
	margin-top:0px;
	margin-right:0px;
	margin-bottom:0px;
}

h1, h2, h3, h4, h5, h6, p
{
	margin:0;
	padding:0;
}

::selection
{
color:#FFFFFF;
background:#3b3b3b;
}

::-moz-selection
{
color:#FFFFFF;
background:#3b3b3b;
}

.highlight
{
	background-color: #fff0d9;
}

.contentwrapper
{
	width:80%;
	margin:0 auto;
}

/*content divs*/

.contacttopholder
{
	background-color: #ed1c24;
}

.contacttop
{
	width:80%;
	margin:0 auto;
	padding-top:13px;
	padding-bottom:10px;
	text-align:center;
	align-content: center;
}

.headlineholder
{
	padding-bottom:25px;
}

/*headers*/

.header
{
	width:100%;
	background-image:url(../images/header-desktop.jpg);
	background-size:100%;
	background-repeat: no-repeat;
	
}

.lisalogoholder
{
	width:80%;
	margin:0 auto;
}

.lisalogo
{
	width:45%;
	padding-bottom:50px;
}

.mastheadmobile
{
	display:none;
}

/*testimonials*/

.testimonialholder
{
	width:100%;
	background-color: #ed1c24;
}

.testimonialcontent
{
	width:80%;
	margin:0 auto;
	padding-top:70px;
	padding-bottom:70px;
	text-align:center;
	align-content:center;
}

.quoteholder
{
	width:3%;
	margin:0 auto;
}

/*hair pics*/

.item
{
	width: 33.33%;
	float:left;
	height:auto;
}

/*bio*/

.biocontainer
{
	width:80%;
	margin:0 auto;
	padding-top:60px;
	padding-bottom:70px;
}

.biocol1
{
	width:18%;
	margin-right:5%;
	float:left;
}

.biocol2
{
	width:35%;
	margin-right:5%;
	float:left;
	padding-top:10px;
}

.biocol3
{
	width:35%;
	float:left;
	padding-top:10px;
}

/*services*/

.servicescontainer
{
	width:80%;
	margin:0 auto;
	padding-top:70px;
	padding-bottom:70px;
}

.servicecol1
{
	width:48%;
	margin-right:4%;
	float:left;
}

.servicecol2
{
	width:48%;
	float:left;
}

.captionholder
{
	
}

.pinline
{
	width:100%;
	height:1px;
	background-color: #3b3b3b;
	margin-top:40px;
	margin-bottom:40px;
}

@media screen and (max-width: 700px)
{
	.header
	{
		background-image:url(../images/header-mobile.jpg);
	}
	
	.lisalogo
	{
		width:90%;
	}
	
	.quoteholder
	{
		width:10%;
	}
	
	.item
	{
		width:100%;
		float:none;
	}
	
	.fbicon
	{
		width:40%;
	}
	
}

@media screen and (max-width: 1000px)
{

	.biocol1
	{
		width:50%;
		float:none;
		padding-bottom:20px;
		margin:0 auto;
	}
	
	.biocol2
	{
		width:100%;
		float:none;
		padding-bottom:20px;
	}
	
	.biocol3
	{
		width:100%;
		float:none;
	}
	
	.servicecol1
	{
		width:100%;
		margin-bottom:20px;
		float:none;
	}
	
	.servicecol2
	{
		width:100%;
		float:none;
	}
}


/*footer*/

.footertopholder
{
	width:100%;
	background-color: #5b5b5b;
}

.footertopcontent
{
	width:80%;
	margin:0 auto;
	padding-top:70px;
	padding-bottom:70px;
}

.footerbottomholder
{
	width:100%;
	background-color: #3b3b3b;
}

.footerbottomcontent
{
	width:80%;
	margin:0 auto;
	padding-top:70px;
	padding-bottom:70px;
	text-align:center;
	font-size: calc(18px + (21 - 18) * ((100vw - 300px) / (1600 - 300)));
	line-height:100%;
}

.fbicon
{
	width:5%;
	margin:0 auto;
	padding-bottom:25px;
}


/*font styles*/

.smallfont
{
	font-size: calc(18px + (21 - 18) * ((100vw - 300px) / (1600 - 300)));
	font-style: italic
}

.headline
{
	font-size: calc(28px + (42 - 28) * ((100vw - 300px) / (1600 - 300)));
}

.caption
{
	font-size: calc(24px + (36 - 24) * ((100vw - 300px) / (1600 - 300)));
}

.white
{
	color:#FFF;
}

.red
{
	color:#ed1c24;
}

.bold
{
	font-weight:700;
}

/*a links*/


a:link, a:visited, a:active
{
	color: #ed1c24;
	text-decoration:none;
}

a:hover
{
	color: #3b3b3b;
	text-decoration:none;
}

a.footerlink:link, a.footerlink:visited, a.footerlink:active
{
		color:#FFF;
}
	
a.footerlink:hover
{
		color: #FFF;
}


/*cta button*/

.ctacontainer
{
	margin-top: 40px;
	width: 100%;
	float:right;
	border-style: solid;
	border-width: 1px;
	border-color: #ed1c24;
	padding: 10px;
	align-content:center;
	text-align:center;
}

.ctacontainer:hover
{
		background-color: #ed1c24;
}

.ctacontainer:hover a.ctabutton
{
	color: #ffffff;
}

.ctacontainer a.ctabutton
{
	font-weight: 400;
	color: #ed1c24;
	font-size: calc(18px + (24 - 18) * ((100vw - 300px) / (1600 - 300)));
	line-height:1em;
	text-align:center;
}

a.ctalink
{
	font-weight:400;
	color:#EA6401 !important;
	font-size: calc(18px + (24 - 18) * ((100vw - 300px) / (1600 - 300)));
	line-height:1em;
}

a.ctalink:hover
{
	color: #FFF !important;
	border-style:solid;
	border-width:1px;
	border-color:#EA6401;
	background-color:#EA6401;
}

@media screen and (max-width: 700px)
{
	.ctacontainer
	{
		width:100%;
		margin-top:30px;
	}
}