@import url('https://fonts.googleapis.com/css?family=Montserrat:300,300i,400i,700');


			html{
				scroll-behavior: smooth;
			}
			body{
				margin: 0px;
				font-family: 'Montserrat', sans-serif;
				font-size: 0px;
			}
			#container{
				width: 100%;
				margin-top: 90px;
				position: relative;
				z-index: 1;
			}
			h1{
				font-size: 36px;
				color: #4d4d4d;
				margin: 0px;
				line-height: 44px;
				letter-spacing: 0.1em;
				margin-bottom: 2%;
			}
			h2{
				font-size: 32px;
				color: #4d4d4d;
				margin: 0px;
				line-height: 40px;
				letter-spacing: 0.1em;
			}
			h3{
				font-size: 30px;
				color: #4d4d4d;
				margin: 0px;
				line-height: 38px;
				letter-spacing: 0.1em;
			}
			h4{
				font-size: 28px;
				color: #4d4d4d;
				margin: 0px;
				line-height: 36px;
				letter-spacing: 0.1em;
			}
			h5{
				font-size: 16px;
				color: #4d4d4d;
				margin: 0px;
				line-height: 24px;
				letter-spacing: 0.1em;
			}
			p{
				font-size: 24px;
				margin: 0px;
				color: #4d4d4d;
				font-weight: 300;
				line-height: 30px;
				letter-spacing: 0.15em;	
				text-align: justify;
			}		
			


		/*GRID*/
			.full{
				width: 100%;
				margin: 0px; 
				padding: 0px;
				float: left; 
				/* margin-bottom: 10px; */
			}
			.col11{
				width: 91.666%;
				margin: 0px; 
				padding: 0px;
				float: left; 
			}
			.col10{
				width: 83.333%;
				margin: 0px; 
				padding: 0px;
				float: left; 
			}
			.col9{
				width: 75%;
				margin: 0px; 
				padding: 0px;
				float: left; 
			}
			.col8{
				width: 66.666%;
				margin: 0px; 
				padding: 0px;
				float: left; 
			}
			.col7{
				width: 58.333%;
				margin: 0px; 
				padding: 0px;
				float: left; 
			}
			.col6{
				width: 50%;
				margin: 0px; 
				padding: 0px;
				float: left; 
			}
			.col5{
				width: 41.666%;
				margin: 0px; 
				padding: 0px;
				float: left; 
			}
			.col4{
				width: 33.333%;
				margin: 0px; 
				padding: 0px;
				float: left; 
			}
			.col3{
				width: 25%;
				margin: 0px; 
				padding: 0px;
				float: left; 
			}
			.col2{
				width: 16.666%;
				margin: 0px; 
				padding: 0px;
				float: left; 
			}
			.col1{
				width: 8.333%;
				margin: 0px; 
				padding: 0px;
				float: left; 
			}
			

		/*Navigation*/
			header{
				width: 100%;
				height: 90px;
				margin: 0px 0px;
				top: 0;
				left: 0;
				right: 0;
				position: fixed;
				background-color: rgba(255, 255, 255, 0.9);
				z-index: 1000;
				box-shadow: 1px 1px rgba(0, 0, 0, 0.2);
			}	
			.logo{
				position: absolute;
				width: 70px;
				margin-top: 10px;
				left: 70px;
			}


			#mobile_Menu{
			    position: absolute;
			    margin-top: 10px;
			    right: 70px;
			    width: 70px;
			    color: #4d4d4d;
			    z-index: 9999;
			}
			#mobile_Menu nav li{
				list-style-type: none;
			}
			#mobile_Menu nav ul{
				margin: 0px;
				padding: 0px;
			}
			#mobile_Menu .sub{
				border: 3px solid #bf9f62;
				background-color: #ffffff;
				display: none;
				position: absolute;
				padding: 25px 35px;
				top: 60px;
				right: 0px;
				z-index: 99999;
			}
			#mobile_Menu a{
				padding: 7.5px 7.5px;
				text-decoration: none;
				text-align: center;
				display: block;
			}
			#mobile_Menu a:hover, #mobile_Menu p:hover {
				font-weight: 700;
			}			


	/*Video*/


			#triuneSalonVideo{
				position: relative;
			}
			video{
				width: 100%;
				height: auto;
			}	
			.videoLogo{
				position: absolute;
				top: 15%;
				width: 40%;
				right: 30%;
				left: 30%;
			}
			a.videoButton{
				text-decoration: none;
				text-align: center;
				padding: 1% 2%;
				position: absolute;
				width: 15%;
				right: 40.5%;
				top: 65%;
				border: 3px solid #bf9f62;
			}
			a.videoButton:hover, a:active {
			  background-color: rgba(77, 77, 77, 0.5);
			}
			a.videoButton h2:hover, a:active {
			}
			a.videoButton h2{
				font-size: 32px;
				color: #bf9f62;
				margin: 0px;
				line-height: 40px;
				letter-spacing: 0.1em;
			}
			#booking_mobile{
				display: none;
				position: relative;
			}
			#booking_mobile img.ipadSlideshow{
 				display: none;
 			}
 			#booking_mobile img.mobileSlideshow{
 				display: none;
 			}
			#booking_mobile #horizontal_3 .slides_3{
				width: 100%;
				/*height: 300px;*/
				overflow: hidden;
			}
			#booking_mobile #horizontal_3 .slides_3 img{
				float: left;
				height: auto;
			}
			#booking_mobile #horizontal_3 .slides_3 .drawer_3{
				width: 9999px;
			}
			.slideshowLogo{
				position: absolute;
				top: 45%;
				width: 80%;
				right: 10%;
				left: 10%;
			}
			a.slideshowButton{
				text-decoration: none;
				text-align: center;
				padding: 1% 2%;
				position: absolute;
				width: 45%;
				right: 27.5%;
				top: 80%;
				border: 2px solid #bf9f62;
				box-shadow: 1px 1px rgba(77, 77, 77, 0.4);
			}
			a.slideshowButton:hover, a:active {
			  background-color: rgba(77, 77, 77, 0.5);
			}
			a.slideshowButton h2:hover, a:active {
			}
			a.slideshowButton h2{
				font-size: 18px;
				color: #bf9f62;
				margin: 0px;
				line-height: 30px;
				letter-spacing: 0.1em;
			}
			#slideshow_2 img.ipadSlideshow{
 				display: none;
 			}
 			#slideshow_2 img.mobileSlideshow{
 				display: none;
 			}
			#slideshow_2 #horizontal_2 .slides_2{
				width: 100%;
				/*height: 300px;*/
				overflow: hidden;
			}
			#slideshow_2 #horizontal_2 .slides_2 img{
				float: left;
				height: auto;
			}
			#slideshow_2 #horizontal_2 .slides_2 .drawer_2{
				width: 9999px;
			}

	/*AboutText*/

			#salonNav{
				position: relative;
			}
			.aboutText{
				width: 40%;
				margin-right: auto;
				margin-left: auto;
				margin-top: 100px;
				margin-bottom: 100px;
				padding: 75px;
				border-top: 3px solid #bf9f62;
				border-bottom: 3px solid #bf9f62;
			}
			#about{
				position: relative;
			}
			.tLogo{
				position: absolute;
				width: 9%;
				height: auto;
				top: -11%;
				left: 47%;
				background-color: white;
				padding: .5%;
			}
			.salonNav{
				position: absolute;
				top: -100px;
				left: 0px;
				width: 50px;
				height: 50px;
				z-index: 1200;
				background-color: rgba(0, 0, 0, 0);
			}



	/*bios*/
	
	#stylistSlideshow{
		position: relative;
	}
			.rslides {
			  margin: 0 auto 0;
			  }
			.rslides_tabs {
			  list-style: none;
			  padding: 0;
			  background: rgba(0,0,0,.25);
			  box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);
			  -moz-box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);
			  -webkit-box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);
			  font-size: 18px;
			  list-style: none;
			  margin: 0 auto 50px;
			  max-width: 100%;
			  padding: 10px 0;
			  text-align: center;
			  width: 100%;
			  }

			.rslides_tabs li {
			  display: inline;
			  float: none;
			  margin-right: 1px;
			  }

			.rslides_tabs a {
			  width: auto;
			  line-height: 20px;
			  padding: 9px 20px;
			  height: auto;
			  background: transparent;
			  display: inline;
			  }

			.rslides_tabs li:first-child {
			  margin-left: 0;
			  }

			.rslides_tabs .rslides_here a {
			  background: rgba(255,255,255,.1);
			  color: #fff;
			  font-weight: bold;
			  }	  
			.callbacks_container {
			  margin-bottom: 0;
			  position: relative;
			  float: left;
			  width: 100%;
			  }	  
			.callbacks {
			  position: relative;
			  list-style: none;
			  overflow: hidden;
			  width: 100%;
			  padding: 0;
			  margin: 0;
			  }

			.callbacks li {
			  position: absolute;
			  width: 100%;
			  left: 0;
			  top: 0;
			  }

			.callbacks img{
			  display: block;
			  position: relative;
			  z-index: 1;
			  height: auto;
			  width: 100%;
			  border: 0;
			  }	
			 .callbacks_nav {
			  position: absolute;
			  -webkit-tap-highlight-color: rgba(0,0,0,0);
			  top: 52%;
			  left: 0;
			  opacity: 0.7;
			  z-index: 3;
			  text-indent: -9999px;
			  overflow: hidden;
			  text-decoration: none;
			  height: 61px;
			  width: 38px;
			  background: transparent url("../_imgs/themes.gif") no-repeat left top;
			  margin-top: -45px;
			  }

			.callbacks_nav:active {
			  opacity: 1.0;
			  }

			.callbacks_nav.next {
			  left: auto;
			  background-position: right top;
			  right: 0;
			  } 
			#stylistSlideshow img.ipadSlideshow{
 				display: none;
 			}
 			#stylistSlideshow img.mobileSlideshow{
 				display: none;
 			}
 			#stylistSlideshow h2{
 				color: white;
 			}
 			#stylistSlideshow h4{
 				color: white;
 			}
			#tylerBio{
			  	position: relative;
			  }
			#stylistSlideshow p{
				color: #6d6e71;
			}  
			.tylerBio{
			  	position: absolute;
			  	width: 25%;
			  	left: 60%;
			  	right: 15%;
			  	top: 18%;
			  	z-index: 9999;
			  }
			.tylerBio hr{
				margin-top: 20px;
				margin-bottom: 20px;
				margin-left: -2%;
				border-style: solid;
				border-width: 1.5px;
				border-color: #bf9f62;
				width: 150px;
				box-shadow: 1px 1px rgba(77, 77, 77, 0.5);
			}
			#normalSlideshow h2{
				color: #ffffff;
				text-shadow: 1px 1px rgba(77, 77, 77, 0.5);
			}
			#samanthaBio{
			  	position: relative;
			  }
			.samanthaBio{
			  	position: absolute;
			  	width: 25%;
			  	left: 60%;
			  	right: 15%;
			  	top: 18%;
			  	z-index: 9999;
			  }

			.samanthaBio hr{
				margin-top: 20px;
				margin-bottom: 20px;
				margin-left: -2%;
				border-style: solid;
				border-width: 1.5px;
				border-color: #bf9f62;
				width: 150px;
				box-shadow: 1px 1px rgba(77, 77, 77, 0.5);
			}
			#mihaiBio{
			  	position: relative;
			  }
			.mihaiBio{
			  	position: absolute;
			  	width: 25%;
			  	left: 15%;
			  	right: 60%;
			  	top: 18%;
			  	z-index: 9999;
			  }
			.mihaiBio hr{
				margin-top: 20px;
				margin-bottom: 20px;
				margin-left: -2%;
				border-style: solid;
				border-width: 1.5px;
				border-color: #bf9f62;
				width: 150px;
				box-shadow: 1px 1px rgba(77, 77, 77, 0.5);
			}
			#michaelBio{
			  	position: relative;
			  }
			.michaelBio{
			  	position: absolute;
			  	width: 25%;
			  	left: 15%;
			  	right: 60%;
			  	top: 18%;
			  	z-index: 9999;
			  }
			.michaelBio hr{
				margin-top: 20px;
				margin-bottom: 20px;
				margin-left: -2%;
				border-style: solid;
				border-width: 1.5px;
				border-color: #bf9f62;
				width: 150px;
				box-shadow: 1px 1px rgba(77, 77, 77, 0.5);
			}
			.stylistNav{
				position: absolute;
				top: -100px;
				left: 0px;
				width: 50px;
				height: 50px;
				z-index: 1200;
				background-color: rgba(0, 0, 0, 0);
			}


	/*products*/


			section {
				margin:0px 0px;
				padding:0px;
			}
			#services img.ipadSlideshow{
 				display: none;
 			}
 			#services img.mobileSlideshow{
 				display: none;
 			}
			#services #horizontal .slides{
				width: 100%;
				/*height: 300px;*/
				overflow: hidden;
			}
			#services #horizontal .slides img{
				float: left;
				height: auto;
			}
			#services #horizontal .slides .drawer{
				width: 9999px;
			}
		
			#services{
				position: relative;
			}
			#services_ipad{
				position: relative;
				display: none;
			}
			.services{
				position: absolute;
				width: 700px;
				top: 12%;
				left: 10%;
				background-color: rgba(255, 255, 255, 0.9);
				border: 3px solid #4d4d4d;
				padding: 50px 50px 30px 50px; 
				z-index: 1000;
			}
			.services hr{
				margin-top: 30px;
				margin-bottom: 30px;
				margin-left: -2%;
				border-style: solid;
				border-width: 1.5px;
				border-color: #bf9f62;
				width: 400px;
			}
			.services p{
				margin-top: 20px;
				margin-left: 20px;
				margin-bottom: 20px;
			}
			.servicesNav{
				position: absolute;
				top: -100px;
				left: 0px;
				width: 50px;
				height: 50px;
				z-index: 1200;
				background-color: rgba(0, 0, 0, 0);
			}


	/*contact*/	


			#contactForm{
				position: relative;
			}
			.contactForm{
				position: absolute;
				width: 700px;
				top: 25%;
				right: 12.5%;
			}
			#triuneSalonMenCut_mobile{
 				display: none;
 			}
 			#triuneSalonMenCut_phone{
 				display: none;
 			}
			.contactForm h2{
				color: #ffffff;
				text-shadow: 1px 1px rgba(77, 77, 77, 0.5);
			}
			.contactForm h2{
				color: #ffffff;
				text-shadow: 1px 1px rgba(77, 77, 77, 0.5);
			}
			.contactForm h3{
				color: #bf9f62;
				text-shadow: 1px 1px rgba(77, 77, 77, 0.5);
			}
			.contactForm p{
				color: #ffffff;
				text-shadow: 0.5px 0.5px rgba(77, 77, 77, 0.5);
			}
			.contactForm label{
				font-size: 24px;
				line-height: 30px;
				color: #ffffff;
				text-shadow: 1px 1px rgba(77, 77, 77, 0.5);
				font-weight: 700;
				letter-spacing: 0.08em;
			}
			.contactForm input{
				width: 100%;
				font-size: 22px;
				line-height: 34px;
			}
			.contactForm .parentfield_L {
				width: 90%;
				margin-left: 0%;
				padding: 1%;
				margin-bottom: 10px;
			}
			.contactForm .parentfield_R {
				width: 90%;
				margin-left: 0%;
				padding: 1%;
				margin-bottom: 10px;
			}
			.contactForm .parentfield_f {
				width: 95%;
				margin-left: 0%;
				padding: 1%;
			}	
			.mobileFormInputs{
				display: none;
			}
			.contactForm .fieldsmall {
				width: 100%;
				border-radius: 1px;
			}
			.contactForm .fieldlarge {
				width: 100%;
				border-radius: 1px;
			}
			.contactForm .fieldbutton {
				margin-top: 1.5%;
				margin-left: 32%;
				width: 35%;
				background-color: #ffffff;
				color: #bf9f62;
				font-size: 24px;
				line-height: 30px;
				padding: 10px 25px;
				font-weight: 700;
				margin-bottom: 2%;
				border-color: buttonface;
				border-style: outset;
				border-image: initial;
			}
			.contactForm .fieldbutton:hover{
				background-color: #bf9f62; 
				color: #ffffff;
			}
			.contactForm hr{
				margin-top: 20px;
				margin-bottom: 20px;
				margin-left: -2%;
				border-style: solid;
				border-width: 1.5px;
				border-color: #bf9f62;
				width: 300px;
				box-shadow: 1px 1px rgba(77, 77, 77, 0.5);
			}
			.employmentNav{
				position: absolute;
				top: -100px;
				left: 0px;
				width: 50px;
				height: 50px;
				z-index: 1200;
				background-color: rgba(0, 0, 0, 0);
			}

	/*map*/
	#map{
		position: relative;
	}
	img.mapNormal{
		border-top: 3px solid #bf9f62;
		border-bottom: 3px solid #bf9f62;
	}
	img.mapIpad{
		display: none;
		border-top: 3px solid #bf9f62;
		border-bottom: 3px solid #bf9f62;
	}
	img.mapPhone{
		display: none;
		border-top: 3px solid #bf9f62;
		border-bottom: 3px solid #bf9f62;
	}		
	img.map_t{
		position: absolute;
		width: 5%;
		top: 44%;
		height: auto;
		left: 47.75%;
	}
	.map_address{
		position: absolute;
		top: 5%;
		left: 5%;
		width: 90%;
	}
	.map_address h2{
		font-size: 48px;
		color: #4d4d4d;
		margin: 0px;
		line-height: 52px;
		letter-spacing: 0.1em;
		text-shadow: 1px 1px rgba(77, 77, 77, 0.5);
	}
	.map_address_Mobile{
		display: none;
		position: absolute;
		top: 7.5%;
		width: 100%;
		text-align: center;
	}
	.map_address_Mobile h2{
		font-size: 24px;
		color: #4d4d4d;
		margin: 0px;
		line-height: 28px;
		letter-spacing: 0.05em;
		text-shadow: 1px 1px rgba(77, 77, 77, 0.5);
	}

	/*hours*/

	#hours{
		position: relative;
		}
	img.hoursIpad{
		display: none;
	}
	.hoursListed_ipad{
		display: none;
		position: absolute;
		width: 40%;
		left: 10%;
		top: 33%;
	}
	.hoursListed_ipad p{
		font-size: 14px;
		line-height: 40px;
		height: 40px;
		font-family:  'Montserrat', sans-serif;
		color: #ffffff;
		text-shadow: 1px 1px rgba(0, 0, 0, 0.3);

	}
	img.hoursPhone{
		display: none;
	}	
	.hoursListed{
		position: absolute;
		width: 90%;
		padding-left: 5%;
		padding-right: 5%;
		bottom: 5%;
		background-color: rgba(0, 0, 0, 0.4);

	}
	.hoursListed li{
		list-style-type: none;
		text-decoration: none;
		text-align: center;
		font-size: 16px;
		line-height: 40px;
		height: 40px;
		display: block;
		font-family:  'Montserrat', sans-serif;
		color: #ffffff;
		text-shadow: 1px 1px rgba(0, 0, 0, 0.3);
	}
	.hoursListed ul{
		margin: 0px;
		padding: 0px;
		z-index: 1000;
	}
	.hoursListed .top{
		float: left;
		width: 14.25%;
		position: relative;
	}




	/*footer*/
		footer{
			float: left;
			width: 100%;
		}
		img.footer{
			width: 24%;
			margin-top: 2%;
			margin-right: 38%;
			margin-left: 38%;
			float: left;
		}
		#social {
			width: 200px;
			text-align: center;
			align-items: center;
			margin: 5% auto 1.5%;
		}
		#social .mobileIcons{
			width: 200px;
			float: left;
			margin-bottom: 2%;
			margin-top: 3.5%;
		}
		#social .mobileIcons a{
			display: block;
			margin: 0 25px 0 25px;
			float: left;
			text-decoration: none;
			color: #ffffff;
			width: 50px; 
			height: 50px;
			line-height: 50px;
			text-align: center;
		}
		#social .mobileIcons a:hover{
			background-position: right top;
		}
		#social .mobileIcons .fb{
			background-image: url(../_imgs/facebook.png);
			background-image: no-repeat;
			background-size: auto 100%;
		}
		#social .mobileIcons .insta{
			background-image: url(../_imgs/insta.png);
			background-image: no-repeat;
			background-size: auto 100%;
		}
		#copyRight {
			width: 100%;
			text-align: center;
			align-items: center;
			margin: 5% auto 0.5%;
		}
		#copyRight p{
			text-align: center;
			font-size: 14px;
			line-height: 16px;
		}
		#creativeCredit{
			width: 100%;
			text-align: center;
			align-items: center;
			margin: 0% auto 0.5%;
		}
		#creativeCredit p{
			text-align: center;
			font-size: 10px;
			line-height: 16px;
			color: #ffffff;
		}
		#creativeCredit a{
			text-decoration: none;
			color: #ffffff;
		}


		.imgSizer{
			width: 100%;
			height: auto;
		}
		.clear{
			clear: both;
		}


@media only screen and (min-width: 1600px) {
	.services {
		max-width: 40% !important;
	}
}

@media only screen and (min-width: 2050px) {
	#horizontal .slides img{
		min-height: 100% !important;
		height: 100% !important;
	}
	#services #horizontal .slides {
		height: 100%;
	}
	#services #horizontal .slides .drawer {
		height: 100%;
	}
}