/* ======================
*
*	DESIGNED BY - SUN SURF PRODUCTIONS
*	FOR: HAIRLINE - AMANDA
*	& sun surf productions 2014
*
* ==================== */

/* Reset default settings no padding top or side */

* {
margin: 0px;
padding: 0px;
}

:focus {
    outline: none;
}

a.active {
border-bottom: 3px solid #00718c;
}

ul#main_navigation {
padding-bottom: 10%;
}

/* IE */

img#logo_image_style {
border: none;
outline: none;
}

img#contact_icon {
  border: none;
outline: none;
}

img {
    border: none;
outline: none;
}


/* ==================
*
*	FONTS -GOOGLEFONTS (main page only)
*	-Lato (navigation) font-family: 'Lato', sans-serif;
*   -Rokkit (body paragraph text) font-family: 'Rokkitt', serif;
*	-Pacifico (Cursive) font-family: 'Pacifico', cursive;
    -Montserrate (font-family: 'Montserrat Alternates', sans-serif;)

* ==================*/

.clearfix {
	clear: both;
}



/* COLLAPSED HEADER - CONTACT INFO 




   ==============END OF COLLAPSED */

/* PRODUCT RANGE CSS =================*/

h1#product_title {
color: rgb(0, 113, 140);
font-size: 1em;
font-weight: 600;
font-family: "raleway", sans-serif;
}

.circle {
width: 256px;
margin-right: 5%;
border: 9px solid rgb(255, 255, 255);
}

img.redken_logo {
    width: 200px;
    margin-right: 5%;
}
div#product_range_intro_container {
    width: 100%;
}
div#product_setup {
    margin: 0 auto;
    width: 80%;
    margin-top: 4%;
}

div.product_container_header {
    margin-top: 5%;
    border-top: 1px dotted rgb(20, 19, 19);
    clear: both;
}
h2#product_header_title {
    text-align: center;
    margin-top: 3%;
    margin-bottom: 1%;
    color: #fff;
    font-weight: 400;
    font-family: "raleway", sans-serif;
}


/* ========== END OF PRODUCT RANGE CSS */







html, body {
	font-family: 'Lato', sans-serif;
}



/* END OF FONTS */

body {
/*background: rgb(255, 255, 255) url(../imgs/background_one.png) no-repeat center center fixed; */
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}



/* ===================
*	
*  HEADER SECTION
*
* ================= */

/* LOGO */



#logo {
	float: left;
	margin-top: 14px;
}

/* circle image

#logo_image_style {
	width: 90px;
	height: 90px;
	border-radius: 50%;
}*/

img#logo_image_style {
width: 250px;
height: 98px;
}

img.redken_images {
width: 80%;
}


/* HEADER NAVIGATION */
/* mobile design */







/* END OF MOBILE COLLAPSIBLE MENU */



/* SCROLL TO TOP ========== */

.totop {
bottom: 35px;
display: none;
height: 28px;
position: fixed;
right: -40px;
text-align: center;
width: 202px;
padding-top: 10px;
opacity: 0.9;
z-index: 10000;
transition: all 0.2s ease-in-out 0s;
}


/* ========== END OF SCROLL */



header {
background: rgb(255, 255, 255);
margin: 0px auto;
width: 100%;
overflow: hidden;
border-bottom: 5px solid rgb(0, 113, 140);
}

nav {
    float: right;
    margin-top: 4%;
}

#header_margin_setup {
    margin: 0px auto;
    width: 80%;
    overflow: hidden;
}

.styled_links > a {
/*	text-decoration: none;
	/color: #fff;
	font-size: 0.9em;
	/*font-family: 'Great Vibes', Helvetica, sans-serif; */
	/*font-family: 'Montserrat Alternates', sans-serif;
	letter-spacing: 0.5px;
*/
color: rgb(167, 167, 167);
font-size: 0.8em;
font-weight: 400;
text-align: center;
text-transform: uppercase;
position: relative;
font-weight: 300;


}

/* or 
.styled_links > a {
text-decoration: none;
color: rgb(14, 1, 1);
font-size: 1em;
font-family: 'Lato', sans-serif;
}

*/

.styled_links {
	display: inline;
	margin-right: 16px;

}

.styled_links a:hover {
    border-bottom: 4px solid #00718c;
    transition: 0.4s;
    color: #00718c;

}



/*************END OF HEADER STYLING*/

/* ========== hidden contact number until hovered */

img#contact_icon:hover {
transition: .7s;
-webkit-transition: .7s;
}

a.show_number {
    display: none;
    color: rgb(0, 113, 140);
    font-size: 1.4em;
}

img#contact_icon {
    width: 30px;
}

/* ============= END OF CONTACT NUMBER */



/* ===================
*	
*  BODY SECTION
*
* ================= */

section {
width: 100%;
background: rgba(0, 0, 0, 0.96);
overflow: hidden;
padding: 3em 0 6em;
}

div.center.wow.fadeInDown {
margin-bottom: 5%;
}

.lead {
margin: 0.4em auto;
font-size: 1em;
color: rgb(90, 90, 90);
letter-spacing: 0.015em;
width: 61%;
line-height: 1.5em;
text-align: center;
}

div.center.wow.fadeInDown {
margin-bottom: 5%;
}

img.redken_images {
width: 80%;
border: 13px solid rgb(247, 247, 247);
}


/* welcome blurb */

h2#service_title {
font: 200 65px/0.8 'Great Vibes', Helvetica, sans-serif;
color: rgb(255, 255, 255);
text-shadow: 4px 4px 3px rgba(0, 0, 0, 0.1);
text-align: center;
margin-top: 48px;
padding-bottom: 2%;
}

/* FANCY PAGE BREAK */
img#page_break_pic {
    text-align: center;
    width: 50%;
    margin-bottom: 5%;
}
div#page_break {
	clear: both;
    text-align: center;
    padding-top: 7%;
    padding-bottom: 1%;
}

/* =========END OF PAGE BREAK */


/* ==============================
*
*	TO TOP SCROLL (AUTOMATIC)
*
* ============= ENF OF TO TOP */


 
/* ============ END OF TO TOP */










/* =============================
*
*	START OF WELCOME AND START TIMES
*
* =========================== */

div#image_frame {
    width: 80px;
    margin-top: 5%;
    float: left;
    height: 80px;
    background: gray;
    margin-right: 7%;
    border: 8px double #fff;
}
img.profile {
    width: 80px;
    height: 80px;
}
p.testimonials {
    margin-top: 4%;
    margin-right: 4%;
}
h5 {
    margin-top: 6%;
}

p.news_welcome_text {
margin-top: 6%;
width: 85%;
letter-spacing: 1px;
}

a {
color: rgb(0, 113, 140);
}

span.date {
color: rgb(0, 113, 140);
font-size: 0.8em;
}



div#welcome_contact_container {
    width: 100%;
    color: #fff;
}
div#welcome_contact_setup {
    margin: 0 auto;
    width: 80%;
}

.box {
float: left;
width: 26%;
margin-right: 3%;
border-right: 2px double rgb(0, 113, 140);
height: 300px;
}

#times_container {
width: 34%;
background: rgb(46, 46, 46);
padding: 2%;
border-right: none;
height: auto;
}


ul#double {
    margin-top: 3%;
    letter-spacing: 3px;
}

li.day {
width: 100%;
line-height: 29px;
border-bottom: 1px dotted rgba(63, 172, 223, 0.28);
text-align: left;
}

span.times {
    color: rgb(0, 113, 140);
}

h1.welcome_times_titles {
font-weight: 400;
font-family: 'Raleway', sans-serif;
font-variant: small-caps;
font-size: 2.2em;
}


/* ================ END OF WELCOME AND START TIMES */



/*---start-top-slider----*/

.main_slider_img {
	border: 10px solid #fff;
	opacity: 0.8em;
  width: 80%;
}



.flexslider {
  position: relative;
  /* top: -96px; */
}
.flexslider .overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
}




.flexslider .slider-caption {
  position: absolute;
  z-index: 9;
  width: 100%;
  text-align: center;
  top: 380px;
  left: 0;
}
.flexslider .slider-caption h2 {
  color: white;
  text-transform: uppercase;
  font-size: 36px;
  font-weight: 700;
  border-bottom: 1px solid white;
  padding-bottom: 10px;
  display: inline-block;
}
.flexslider .slider-caption p {
  color: white;
  text-transform: uppercase;
  font-size: 18px;
  margin-top: 20px;
  margin-bottom: 26px;
  display: block;
}

.flexslider .slider-caption a.slider-btn {
  color: white;
  background-color: rgb(0, 113, 140);
  padding: 12px 20px;
  border-radius: 4px;
  text-transform: uppercase;
  font-weight: 700;
}

@media screen and (min-width: 989px) {
  .flexslider .slider-caption {
    top: 230px;
  }
}
@media screen and (min-width: 1200px) {
  .flexslider .slider-caption {
    top: 380px;
  }
}




/*************END OF BODY STYLING*/


/* ===== NEWSLETTER ===== */

#newsletter_margin {
margin: 0 auto;
width: 80%;
}



#newsletter_paragraph_font {
margin-top: 4%;
text-align: center;
color: rgb(255, 255, 255);
width: 85%;
padding-top: 4%;
letter-spacing: 1px;
}

#newsletter-image {
    float: right;
    width: 200px;
    height: 200px;
    margin-right: 18%;
    border-radius: 50%;
    margin-bottom: 10%;
}

#newsletter_container {
width: 100%;
margin-top: 15%;
}