@charset "UTF-8";
/* New HomePage & Review Section CSS for Smile Back Guarantee Landing Page Video Player */

p a:hover {
	background-color: transparent;
}

h1, h2, h3 { 
	font-family: "minion-3", serif;
	text-transform: uppercase;
	font-style: italic;
}

.main-column {
  background-color:  rgba(255,255,255,1);
  z-index: 1;
}
.main-column:first-child {
  background-color: rgba(255,255,255,0);
  z-index: -10;
}
.main-column:last-child {
  padding-bottom: 49px;
  margin-bottom: -49px;
}
.video-wrapper {
  position: relative;
  display: block;
  max-height: 85%;
  margin-top: 35%;
}
.video-background {
  background: #000;
  position: fixed;
  top: -8%; right: 0; bottom: 0; left: 0;
  z-index: -9;
  width:100%;
  height:95%;
}
.video-foreground,
.video-background iframe {
  position: absolute;
  top: 1.5rem;
  left: 0;
  min-width: 100%;
  height: 100%;
  pointer-events: none;
}
#vidtop-content {
  top: 0;
  color: #fff;
  display: flex;
  height: 100%;  
  position: relative;
}
.vid-info {
  padding:2.2em;
  color: rgba(255,255,255,1);
  font-family: Helvetica, sans-serif;
  height:100%;
  margin:auto;
  margin-bottom: 3%;
  align-content: center;
  text-align: center;
}
.vid-info h1 {
  font-size: 3rem;
  font-weight: 700;  
  line-height: 1.2;
}
.vid-info a {  
  margin: auto;
  display: block;
  font-family: "minion-3", serif;
  font-weight: 300;
  font-style: italic; 
  color: rgba(255,255,255,1);
  text-decoration: italic;
  background: rgba(0,0,0,0.850); /* Formerly 5,67,84,0.95 */
  transition: .6s;
  padding: 2.7rem;
  text-transform: uppercase;
  letter-spacing: .1rem;
  font-size: 1.9em;
  text-align: center;
}
.vid-info a:hover{
  color: rgba(255,255,255,1);
  background-color: rgba(85,85,85,1);
  text-decoration: none;
}


/* container alignment */
.container{
  z-index: 0;
}
/*flex 2 column layout */
.two-col-flex{
display: flex;
  justify-content: space-evenly;
  margin-top: 25px;
  margin-bottom: 25px;
  z-index: 2;
  flex-wrap: wrap;
}
.column{  
  display: flex;
  margin-top: 10px;
  position: relative;
  justify-content: center;
  flex: 1;
}
.introphoto{
  flex: 1;
  align-self: flex-start;
}

.two-col-flex img {
  position: relative;
  z-index: 1;
  max-width: 100%;
  width: 100%;
  height:100%;
  min-width: 400px;
  align-self:flex-start;
  margin: auto;
}
.column img {
  position: relative;
  z-index: 1;
  max-width: 95%;
  max-height:100%;
  min-width: 400px;
  align-self:flex-start;
  margin: auto;
  height: auto;
  width: auto;
}
img.promo-header{
  height:auto;
  width: 100%;
}
.introphoto img{
  min-width: 150px;
  height: auto;
}
  /* Video Widget */

.box-info {
  padding:1.6rem;
  color: rgba(255,255,255,1) !important;
  font-family: Verdana, Helvetica, sans-serif;  
  margin-bottom: .2rem;
  margin:auto;
  z-index: 2;
  align-items: center;
  display: flex;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}
.box-info a {  
  margin: auto;
  display: block;
  /*color: rgba(255,255,255,1) !important;*/
	color: #fff;
	font-family: "minion-3", serif;
  font-weight: 300;
  font-style: italic;
  text-decoration: none;
  /*background: rgba(45,67,84,0.95);*/
  background: #000;
  transition: .6s;
  padding: 2rem 2.3rem 2rem 2.3rem;
  text-transform: uppercase;
  letter-spacing: .1em;
  font-size: 1.2em;
  text-align: center;
}
.box-info a:hover{
  color: rgba(255,255,255,1);
  background-color: rgba(85,85,85,1);
  text-decoration: none;
}
.box-info2 {
  padding:1.6rem;
  color: rgba(0,0,0,1); /* previously 45,67,84 */
  font-family:  "minion-3", serif;
  font-weight: 300; 
  text-decoration: none;
  font-style: none; 
  margin:auto;  
  z-index: 2;
  text-align: left; font-size: 2rem;
}
.box-info2 a{
  color: #000;
  text-transform: uppercase;
  text-decoration: underline;
  font-family:  "minion-3", serif;
  font-weight: 500;
  font-style: italic;
  text-decoration: underline;
}
.box-info2 a:hover{
  color: #555;
  text-transform: uppercase;
  text-decoration: underline;
  font-family:  "minion-3", serif;
  font-weight: 500;
  font-style: italic;
  text-decoration: underline;
  background-color: #fff !important;
}

.box-info2 h2 {
	font-size: 34px;
}

.box-info2 h3 {
	color: #555;
}

.box-info2 h3 em {
	text-transform: none !important;
	font-family: "minion-3", serif;
}

.box-info2 a::after {
    content: url(/images/arrow-right.svg);
  text-decoration: none !important;
  margin-left: 5px;
}

.box-info3 {
  padding:1.6rem;
  color: rgba(45,67,84,1);
  font-family:  Verdana, Helvetica, sans-serif;
  margin:auto;  
  z-index: 2;
  text-align: left; font-size: 2rem;
}
.box-info3 a{
  text-transform: none;
  color: #8b4114;
  text-decoration: none;
}
.box-info3 a:hover {
  text-decoration: underline;
  color: #48220a;
}
.box-info3 li {
  color: #8b4114;
}
.box-info4 {
  padding:2.5rem;
  color: rgba(45,67,84,1);
  font-family: Helvetica, sans-serif;
  margin:auto;  
  z-index: 2;
  text-align: left; 
  font-size: 2rem;
}
.box-info4 a{
  text-transform: uppercase;
  color: rgba(45,67,84,1);
  text-decoration: none;
}
.box-info4 a:hover {
  text-decoration: underline;
}
.box-info4 p{
  margin:1.1rem;
  margin-right: 0px;
  font-size:2.3rem;
}

.box-info2 a::after {
    content: url(/images/arrow-right.svg);
  text-decoration: none !important;
  margin-left: 5px;
}
.box-info2 p > img, .box-info4 p > img, .box-info3 p > img {
  width:auto;
  min-width:auto;
}
 a.cta {  
  margin: auto;
  display: block;
	font-family: Helvetica, sans-serif; 
  color: rgba(255,255,255,1) !important; 
  text-decoration: none;
  background: rgba(45,67,84,0.95);
  transition: .6s;
  padding: 1.5rem;
  text-transform: uppercase;
  letter-spacing: .2em;
  font-size: .9em;
  text-align: center;
}
 a.cta:hover{
  color: rgba(255,255,255,1);
  background-color: rgba(0,0,0,1);
  text-decoration: none;
}
a.cta::after{
	content: none;
}
.introtext{
  flex: 3;
}
.introtext p{
    font-family: Helvetica, sans-serif;
}
.lookintro{
  align-self: flex-start;
}
.lookintro p{
    font-family: Helvetica, sans-serif;
}
.introheader {
  margin-bottom: 5px;
  margin-top: 45px;
}
.introcol{
  margin-bottom: 10px;
  margin-top: 10px;
}

.flexright {
  order: 2;
}
.flexright1 {
  text-align: right;
}
.flexleft {
  order: 0;  
}

.colorstory{
  flex: 3;
}
.colorstory a{
  font-family: Verdana, Helvetica, sans-serif;
  text-transform: none;
  text-decoration: none;
  color: #8b4114;
}
.colorstory a:hover{
  text-decoration: underline;
}
.colorstorycol{
  margin-bottom: 60px;
}

.lpcont {
          display: flex;
          flex-direction: row;
        }
        .lpcont :nth-child(1) { order: 1; }
        .lpcont :nth-child(2) { order: 2; }
        .lpcont :nth-child(3) { order: 3; }
        .lpcont :nth-child(4) { order: 4; }
        .lpcont :nth-child(5) { order: 5; }

.order1 {order:0;}
.order2 {order:1;}
.order3 {order:2;}
.order4 {order:4;}
.order5 {order:5;}

/* Scrolling marquee */

.scrollmarquee {
 padding: .5rem;
 overflow:visible;
 position: relative;
 font-size: 1.8rem;
text-align: center;  
}
.scrollmarqueex p {
 font-size: 1.5rem;
 position: absolute;
 width: 100%;
 height: 100%;
 margin: 0;
 text-align: center;
 /* Starting position */
 -moz-transform:translateX(100%);
 -webkit-transform:translateX(100%);  
 transform:translateX(100%);
 /* Apply animation to this element */  
 -moz-animation: example1 15s linear infinite;
 -webkit-animation: example1 15s linear infinite;
 animation: example1 15s linear infinite;
}
.mobilecol {
    display:none;
  }
.landingpage h3, .colorstory h3 {
  text-transform: uppercase;
}
/* remove extra trick */
.remove-extra{
  height: 185px!important;
}
.box-info2 h3, .box-info3 h3, .box-info4 h3 {
  font-size: 2.5rem;
  font-family: "minion-3", serif; 
  font-weight: 600;
  font-style: italic;
  text-transform: uppercase;
}

/* Move it (define the animation) */
@-moz-keyframes example1 {
 0%   { -moz-transform: translateX(100%); }
 100% { -moz-transform: translateX(-100%); }
}
@-webkit-keyframes example1 {
 0%   { -webkit-transform: translateX(100%); }
 100% { -webkit-transform: translateX(-100%); }
}
@keyframes example1 {
 0%   {
 -moz-transform: translateX(100%); /* Firefox bug fix */
 -webkit-transform: translateX(100%); /* Firefox bug fix */
 transform: translateX(100%);     
 }
 100% {
 -moz-transform: translateX(-100%); /* Firefox bug fix */
 -webkit-transform: translateX(-100%); /* Firefox bug fix */
 transform: translateX(-100%);
 }
}

@media (min-aspect-ratio: 16/9) {
  .video-foreground { height: 300%; top: -90%; }
}

@media (max-aspect-ratio: 4/3) {
  .video-foreground { width: 122%; left: -11%; top: -7%; height: 90%; }
}
@media (max-width:750px) and (max-aspect-ratio: 4/3) {
  .video-foreground { top:-17%; }
}

@media all and (max-width: 600px) {
	
}
@media all and (min-width: 550px){
  .box-info2 {
    padding-left: 4rem;
  }
	#vidtop-content {
	top: 1.6em;
	}
.column > iframe {
		min-height:305px; 
		width:95%;
		min-width:500px;
    }	
}
@media all and (max-width: 550px) {
.vid-info .acronym { display: none; }
.video-background {
  display: block;
  width: 100%;
  max-width: 120%;
  background-image: url(/images/videoalt.gif);		
  background-position: center 19%;
  background-size: 100% auto;
}  
.video-background iframe {
display: none;  
position: absolute;
left: 0;
top: 0;
width:100%;
max-width: 400px;
font-size: .8em;
pointer-events: none;
}
.video-foreground {
	top:-25%;
	width: 135%;
	left:-25%
}
.column{  
  max-width: 100%;
  width: 100%;  
}

.main-column:last-child {
  padding-bottom: 0px;
  }
.content-spacer {
    height: 70px !important;
  }
.column img, .two-col-flex img, .hc-heading img {
  max-width: 100%;
  width: 100%;
  min-width: 300px;
  }
.box-info2, .box-info3 {
  font-size: 1.55rem;  
  }
.two-col-flex {
  margin-bottom: 5px;
  margin-top: 5px;
  }
.two-col-flex:first-child {
  margin-top: 25px;  
  }  
.column:last-child{
  margin-bottom: 20px;
  }
.hc-heading img {
  min-width: 200px;
  max-width: 250px;
  }
	
img.promo-header{
  min-width: 200px;
  max-width: 250px;  
  }
.springheader {
  width: 100%;
  min-width: 450px;
  }  
.box-info2 a{
  font-size:1.6rem;
  }
.introphoto {
  order: -1;
  }
.introtext p{
  font-size: 2rem;  
  }
.column scrollmarquee p {
  font-size: 1.2rem;
  }
.flex-onecolumn  {
  display: none;  
  }
.mobilecol {
  display: flex;
  }
.flexright1 {
  text-align: left;
}  
.mobileani{
  display: block;
  margin: 0px;
  width: 100%;
  overflow: hidden;
  }  
img.anigif {
  margin-bottom: 0%; /* cropping on mobile */
  }
img.springheader {
  width: 100%;
  min-width: 320px;
  padding:5px;
  max-width: 100%;
  text-align: left;
  } 
  .couponheader{
      min-width:250px;
  }
.flexright {
  order: reset;
  }
.prodimg {
  order: -2;
  }
/* remove extra trick */  
.remove-extra{
  height: 75px!important;
}
}

/*play video icon */
img.playicon {
  display: inline;
  width: 26px !important;
  height: 26px!important;
  margin:3px;
  min-width: 26px;
}

/* Olapic Cheat */
.olapic .olapic-footer-button a {
  margin: auto;
  display: block;
  color: rgba(255,255,255,1);
  text-decoration: none;
    background-color: #8b4114;
  transition: .6s;
  padding: 1.5rem;
  text-transform: uppercase;
  letter-spacing: .2em;
  font-size: 1.2em;
}

.olapic .olapic-footer-button a:hover {
    color: rgba(255,255,255,1);
    background-color: rgba(0,0,0,1);
}
div.box-info3:empty, div.colorstory:empty {
    display:none;
    padding:0px;
    margin:0px;
    height:0px;
}
div.column:empty, div.introphoto:empty, div.colorstorycol:empty  {
    display:none;
    padding:0px;
    margin:0px;
    height:0px;
}
a.cta::after{
	content: none;
}

/*CHANGE IT UP REDESIGN */

body {
	font-family: helvetica,geneva,sans-serif;
	color: #555;
}

element {

}
.navbar-default {
    background-color: #222;
    background-image: -webkit-linear-gradient(top,#222 20%,#000 100%);
    background-image: -o-linear-gradient(top,#222 20%,#000 100%);
    background-image: linear-gradient(to bottom,#222 20%,#000 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF3A4F5F', endColorstr='#FF2C3D49', GradientType=0); /* fix IE gradient */
    border-color: #000;
}

/* Font defined in theme.css, Line 3 -ac */
h2 { font-family: "minion-3", serif; 
	font-style: italic; 
	color: #555; 
	font-weight: 600;
	text-transform: uppercase; 
	line-height: 1em; 
} 

p { font-family: Helvetica, sans-serif; 
	color: #555;
}

/* Text in social media boxes on home page */
.wid-box .link-box .orange p {
	color: #fff;
}

/* Footer defined in custom.css line 33 */
footer {
  border-top: none !important;
  border-bottom: none !important;
  background: -moz-linear-gradient(271deg, #222222 0%, #000000 100% ); /* ff3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #222222), color-stop(100%, #000000)); /* safari4+,chrome */
  background: -webkit-linear-gradient(271deg, #222222 0%, #000000 100%); /* safari5.1+,chrome10+ */
  background: -o-linear-gradient(271deg, #222222 0%, #000000 100%); /* opera 11.10+ */
  background: -ms-linear-gradient(271deg, #222222 0%, #000000 100%); /* ie10+ */
  background: linear-gradient(179deg, #222222 0%, #000000 100%); /* w3c */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#000000',GradientType=0 ); /* ie6-9 */ 
}

/* Defined in theme.css */
.footer-links a { font-family: Helvetica, sans-serif !important; 
	color: #fff; 
}

/* Defined in theme.css line 6908 */
header .nav-lower a { font-family: Helvetica, sans-serif !important; 
	color: #000 !important; 
	background-color: #d8d8d8 !important; }

/* Defined in theme.css line 1103 */
.page-content h1.page-title, {
	background-image: none !important;
	font-family: "minion-3", serif;
	font-weight: 600;
	color: #000;
	margin: 12px 0 0 0;
	text-align: center;
	text-transform: uppercase;
	font-style: italic;
	width: auto;
	overflow-wrap: break-word;
    word-wrap: break-word;
	white-space: inherit;
	line-height: 1em;
	z-index: 100000;
	font-size: 42px;
}

.page-content h2 {
	background-image: none !important;
	height: 2em;
	font-size: 24px;
	font-family: "minion-3", serif;
	text-transform: uppercase;
	font-style: italic;
}

/* condition for screen size of 550px */
@media (max-width: 550px) {

  /* your conditional / responsive CSS inside this condition */

	.page-content h1.page-title {
		font-size: 33px;
		background-image: none;
	}

}

.page-content h3 {
	text-transform: uppercase;
	font-size: 1.2em;
	color: #000;
}

/* theme.css line 931; */
.h1, .h2, .h3, .h4, .h5, h1, h2, h3, h4, h5 {
	font-family: "minion-3", serif;
	line-height: 1.1em;
	color: #000;
	font-style: italic;
	text-transform: uppercase;
}

/* theme.css line 1067 */
.bg-primary {
	color: #222;
	background-color: #d8d8d8;
}

/* theme.css line 2482 */
.btn-primary {
	color: #fff;
	background-color: #000;
	border-color: #000;
}

.btn-primary.active, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open>.btn-primary.dropdown-toggle {
	color: #fff;
	background-color: #555;
	border-color: #555;
}
.btn-primary.active, .btn-primary:active, .open>.btn-primary.dropdown-toggle {
	background-image: none
}
.btn-primary.disabled, .btn-primary.disabled.active, .btn-primary.disabled:active, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled], .btn-primary[disabled].active, .btn-primary[disabled]:active, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary.active, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover {
	background-color: #000;
	border-color: #222;
}

/* theme.css line 5695*/
.sidebarTitle {
	font-size: 24px;
	margin: 20px 0 10px 0;
	font-style: italic;
}

.sidebarTitle h3 {
	color: #000;
}

.storeRow h4 { font-size: 24px; 
	font-style: italic;
	text-transform: uppercase;
	color: #000;
}

/* custom.css line 130 */
.widget-area {
  text-align: center;
  padding: 0;
  margin: 0 auto !important;
  max-width: 1200px; }
  .widget-area li {
    height: 437px;
    margin-bottom: 40px;
    list-style: none; }
    .widget-area li .wid-box {
      background: #fff;
      margin: 0 auto;
      display: inline-block;
      width: 360px;
      height: 437px;
      border-radius: 0;
      -webkit-box-shadow: 0 1px 10px #999999;
      box-shadow: 0 1px 10px #999999;
      position: relative;
      overflow: hidden; }
      .widget-area li .wid-box:hover {
        -webkit-box-shadow: 0 2px 15px #999999;
        box-shadow: 0 2px 15px #999999; }
      .widget-area li .wid-box .link-box {
        color: #fff;
        background: #555;
        height: 90px;
        text-align: left;
        display: table;
        position: absolute;
        bottom: 0px;
        left: 0px;
        width: 360px;
        border-radius: 0;
        cursor: pointer; }
        .widget-area li .wid-box .link-box:hover, .widget-area li .wid-box .link-box:focus {
          text-decoration: none;
          outline: 0; }
        .widget-area li .wid-box .link-box span {
          display: table-cell;
          vertical-align: middle;
          font-size: 18px;
          padding: 0 10px 0 20px;
          text-decoration: none; }
        .widget-area li .wid-box .link-box i {
          display: table-cell;
          text-align: right;
          padding-right: 20px;
          font-size: 32px;
          vertical-align: middle;
          color: #fff; }
      .widget-area li .wid-box .orange {
        background: #000 ; }

/* custom.css line 187 */
.nearby {
  background: #d8d8d8;
  -webkit-border-radius: 0;
  border-radius: 0;
  background-clip: padding-box;
  padding: 15px;
  margin-bottom: 15px; }
  .nearby .heading {
    color: #000; }
  .nearby h3 {
    color: #000; }
  .nearby p {
    color: #000; }
  .nearby .wait-time {
    color: #000; }
  .nearby .links {
    margin-top: 20px; }
    .nearby .links a {
      color: #000;
      font-weight: bold;
      margin-right: 30px;
      font-size: 15px; }
      .nearby .links a:hover {
        color: #555;
        text-decoration: none; }
    .nearby .links i {
      color: #555; }

/* custom.css line 216 */
.find-another {
  background: #d8d8d8;
  -webkit-border-radius: 0;
  border-radius: 0;
  background-clip: padding-box;
  padding: 15px; }
  .find-another label {
    color: #000;
    margin: 0; }
  .find-another input {
    background: #d8d8d8;
    -webkit-border-radius: 0;
    border-radius: 0;
    border: none;
    background-clip: padding-box;
    margin-left: 10px;
    padding: 10px 30px 10px 10px;
    color: #779cb7;
    width: 220px; }
  .find-another button {
    background: none;
    border: none;
    margin-left: -30px; }

/* to cancel out theme.css line 6319  */
.box-info2 h2 { padding: 0; }

/* To offset the left justify of page-title */
h1.page-title-left {
	background-image: none;
	font-family: "minion-3", serif;
	font-weight: 600;
	margin: 12px 0 20px;
	text-align: left;
	text-transform: uppercase;
	font-style: italic;
	width: auto;
	overflow-wrap: break-word;
    word-wrap: break-word;
	white-space: normal;
	line-height: normal;
	z-index: 100000;
	font-size: 42px;
}

/* To increase font size on Shop/Product pages */
h2.page-title-left {
	background-image: none;
	font-family: "minion-3", serif;
	font-weight: 600;
	margin: 12px 0 20px;
	text-align: left;
	text-transform: uppercase;
	font-style: italic;
	width: auto;
	overflow-wrap: break-word;
    word-wrap: break-word;
	white-space: normal;
	line-height: normal;
	z-index: 100000;
	font-size: 32px;
}

h3.page-title-left {
	background-image: none;
	font-family: "minion-3", serif;
	font-weight: 600;
	margin: 12px 0 20px;
	text-align: left;
	text-transform: uppercase;
	font-style: italic;
	width: auto;
	font-size: 20px;
}

/* Nav menu highlight item - defined in theme.css line 3 */
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
	background-color: #eee;
	border-color: #fb612a;
}

/* For Nav menu highlight item theme.css line 3070 */
.nav>li>a:focus, .nav>li>a:hover {
	text-decoration: none;
	background-color: #eee;
	border-bottom: 6px solid #fff;
}
/*Mobile Nav menu */
header .nav-mobile > li > a:focus, header .nav-mobile > li > a:hover {
	text-decoration: none;
	border-bottom: 6px solid #fb612a;
}

/* Background color of main nav menu items when selected theme.css line 3531 */
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
	background-color: #555;
	color: #fff
}

/* Setting dimensions of grid on Shop/Products pages */
.productGrid550 { 
	margin: 0 0 20px -10px !important; 
	min-height: 580px; 
	overflow: auto; 
	
}

.productGrid550 h3 { background-image: none;
	font-family: "minion-3", serif;
	padding: 0 0 10px 30px;
	font-weight: 600;
	margin: 0;
	text-align: left;
	text-transform: uppercase;
	font-style: italic;
	width: auto;
	font-size: 18px; 
} 

.productGrid550 .btn-primary {
	width: auto;
/*	padding: .5em .5em .5em .5em;*/
	float: left;
}

.salon-button a {
	width: 160px;
}

/* For Shop/Products pages (Redken, Matrix, etc.) */
h1.shop-title-left {
	background-image: none;
	font-family: "minion-3", serif;
	font-weight: 600;
	margin: 0 !important;
	text-align: left;
	text-transform: uppercase;
	font-style: italic;
	width: auto;
	font-size: 32px;
}

/* For subheaders on Shop/Products pages (Redken, Matrix, etc. ) */
h2.shopSubhead {
	font-weight: 600;
	font-style: italic;
	font-size: 19px;
	text-align: left;

}

.shopIntro { 
	font-size: 16px !important;
	text-align: left !important;
	text-decoration: none !important;
	font-style: none !important;
	margin: 0 !important;
}

h2.productGrid  { background-image: none;
	font-family: "minion-3", serif;
	font-weight: 600;
	margin: 12px 0 20px;
	text-align: left;
	text-transform: uppercase;
	font-style: italic;
	font-size: 23px;
	overflow-wrap: break-word;
    word-wrap: break-word;
	white-space: normal;
	line-height: normal;
	z-index: 100000;
}

/* Headers and paragraphs on Shop/Products pages */
.shopProducts h1 {
	font-family: "minion-3", serif;
	line-height: 1em;
	color: #000;
	font-style: italic;
	font-size: 42px;
	margin: none;
	background-image: none;
	font-weight: 600;
	text-align: left;
	text-transform: uppercase;
	width: auto;
/*	white-space: nowrap;*/
	font-size: 42px;
}

/* To get headings to fit into viewport in mobile view */
@media (max-width: 550px) {
	.shopProducts h1 {
		font-size: 35px;
	}
}

.shopProducts h2 {
	font-weight: 600;
	font-style: italic;
	font-size: 19px;
	text-align: left;
	margin: 0 !important; 
	font-family: "minion-3", serif;
	color: #555;
	background-image: none;
	text-transform: uppercase;
	width: auto;
		overflow-wrap: break-word;
  word-wrap: break-word;
}

.shopProducts p {
	font-family: Helvetica, sans-serif;
	color: #555;
	font-size: 16px; 
	line-height: 1.3em;
	margin: 0 !important;
}

p.shopProductsTagline {
	font-weight: 600;
	font-style: italic;
	font-size: 19px;
	text-align: left;
	margin: 0 0 10px 0; 
	font-family: "minion-3", serif;
	color: #555;
	background-image: none;
	text-transform: uppercase;
	width: auto;
}

/* theme.css line 6018 for CTA button on Shop/Products pages */
.btn {
	border-radius: 0px;
}

/* theme.css line 2461  "Submit" button for universal search */
.btn-default {
	color: #fff;
	background-color: #000;
	border-color: #000;
}
/* theme.css line 2466 hover for "Submit" button on universal search */
.btn-default.active, .btn-default:active, .btn-default:focus, .btn-default:hover, .open>.btn-default.dropdown-toggle {
	color: #fff;
	background-color: #555;
	border-color: #555;
}

/* theme.css line 5779 active tab for Shop/Products navigation */
.text-secondary {
	color: #555;
	border-bottom: 2px solid #3a4f5f;
}

/* New styles for Shop/Products subnav menu */
.shopProductsSubNav {
	align-content: center;
	font-weight: 600;
	font-family: helvetica, sans-serif;
	color: #000;
	padding: 0 0 10px 0;
/*	margin: 0 0 5px 0;*/
	text-transform: uppercase;
}

.shopSubNav {
	padding: 0 5px 0 5px;
	font-weight: 600;
	text-transform: uppercase;
}

.shopProductsSubNav a:hover {
/*	padding: 0 5px 0 5px;*/
	font-weight: 600;
	background-color: #fff;
	text-decoration: underline;
}

/* To get headings to fit into viewport in mobile view */
@media (max-width: 500px) {
	.shopProductsSubNav {
		display: none;
	}
}

.shopSubNavActive {
	padding: 0 0 3px 0;
	font-weight: 600;
	color: #555;
	border-bottom: 2px solid #888;
}

/* theme.css line 868 for phone numbers, store hours, etc. */
a {
	color: #000;
	text-decoration: none
}

/* theme.css line 872 for phone numbers, store hours, etc. */
a:focus {
	color: #555;
	text-decoration: underline;
}
a:hover {
	color: #555;
	text-decoration: underline;
}

/* New style for headings appearing on Promotions page */
.promotion_app h3 {
	color: #000;
	font-size: 17px;
}

/* theme.css line 5721 on Services page */
#accordion h4 {
	text-transform: uppercase;
	font-size: 16px;
	color: #000;
	background-image: url(../images/accordion-closed-arrow.png);
	background-repeat: no-repeat;
	background-position: right center;
}

/* theme.css line 5762 box on Services page */
.hc-services .prices-disclaimer {
	background-color: #d8d8d8;
	padding: 0 15px 15px
}

/* theme.css line 5766 */
.hc-services .prices-disclaimer h4 {
	margin-top: 0;
	padding-top: 15px;
	text-transform: uppercase;
}

/* theme.css line 6645 Salons Locations page appointment button */
.apptCheckinBtn {
    color: #000!important;
    background-color: #fff!important;
    border: 2px solid #000;
	/* Safari 3-4, iOS 1-3.2, Android 1.6- */
  -webkit-border-radius: 2px solid #000; 
  /* Firefox 1-3.6 */
  -moz-border-radius: 2px solid #000; 
  
  /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
  border-radius: 2px solid #000; 
    border-radius: 0!important;
    border-color: #000!important;
    margin-top: 1rem;
}

.apptCheckinBtn .apptCheckinBtnLbl {
	color: #000;
	font-weight: 500;
}

/* theme.css line 7896 */
.sidebarItem .highlight {
    border: 1px solid #000;
}

/* New class derived from .panel-dark in theme.css line 6320 */
.panel-black {
    color: #fff;
    background-color: #222;
}

.panel-black a {
    color: #fff;
}

.panel-black a:hover {
    color: #fff;
	text-decoration: underline;
}

.panel-black h4 {
	color: #fff;
	margin: 5px 0 0 0;
	text-transform: uppercase;
	font-style: italic;
}

/* theme.css line 9932 for appointment buttons on locations page */
.apptCheckinBtnLbl {
	font-family: "minion-3", serif;
	color: #000;
	text-transform: uppercase;
	font-style: italic;
	line-height: 1.15em;
}

/* Find a salon search box for home page */
  .search-box input {
    background: #ffffff;
    color:#444444;
    padding: 10px 20px;
    border: none;
    box-shadow: none;
    width: 60%;
    -webkit-border-radius: 0;
    border-radius: 0;
    background-clip: padding-box;
    height: 46px;
    margin-left: 10px; }

  .search-box a {
    background: #222;
	border: 2px solid #222;
    padding: 10px 20px;
    color: #fff;
    text-align: center;
    -webkit-border-radius: 0;
    border-radius: 0;
    background-clip: padding-box;
    margin-left: -5px; }

/* custom.css line 246 - Search box on home page below hero */
.search-box {
  background: #888;
  padding: 25px;
  font-size: 21px;
  color: #fff;
  -webkit-border-radius: 0;
  border-radius: 0;
  background-clip: padding-box;
  text-align: center; }

/* Home page search when geolocating not allowed */
.search-box label {
		font-weight: 400;
		color: #000;
		padding: 0;
		font-size: 18px; 
	}

.search-box input {
		font-weight: 300;
	}

/* To get headings to fit into viewport in mobile view */
@media (max-width: 550px) {
	.search-box {
		font-size: 13px;
		padding: 7px 5px 7px 5px;
	}
	.search-box input {
		font-size: 12px;
		font-weight: 300;
		padding: 6px 5px 3px 5px;
		height: 25px;
		text-transform: none;
	}
	.search-box a {
    	padding: 5px 5px 5px 5px;
		font-size: 12px;
		font-weight: 300;
		vertical-align: middle;
	}
	.box-info a {
		padding: 10px;
		background-color: rgba(0, 0, 0, 0.7);
	}
	
	/*.find-salon {
		padding: 12px;
	}
	.find-salon h2 {
		font-size: 22px;
		margin-bottom: -20px;
	}
	.find-salon img {
		display:none;
		visibility: hidden;
	}*/
	.vid-info a {
		padding: 10px;
		font-size: 16px;
		background-image: none;
		background-color: #222;
	}
	.box-info2 h2 {
		font-size: 2.0em;
	}
	.nearby .links a.btnMinorHomePage {
		font-size: 14px;
		margin: 0 10px 0 0;
	}
	.search-box label {
		color: #fff;
		font-weight: 300;
		padding: 0 0 3px 15px;
		font-size: 18px; 
	}
	.fixThis h1 {
		font-size: 28px;
		white-space: normal;
	}
	
}
/* For social media widgets on home page to fit on mobile */
@media (min-width: 320px) and (max-width: 767px) {

.widget-area li .wid-box {
    width: 290px;
    height: 352px;
}
	}

/* custom.css line 343 home page */
	.hc-heading h2 {
    font-family: "minion-3", serif;
	font-size: 43px;
	font-weight: 700;
    color: #222;
    font-style: italic;
	}

/* For home page social media section */
.greyHover a:link {
	color: #fff;
}

.greyHover a:focus, a:hover {
	color: #42586c;
	background-color: #transparent;
}

/* theme.css line 8112 for headings on current-promotions.html */
.promotion_app h3 {
	font-size: 20px !important;
}

/* new style for grand openings page */
.coupon-download a {
	text-transform: uppercase;
	text-decoration: none !important;
}

/* Grand Openings page */
.coupon-details h4 {
	font-size: 17px;
}

/* Universal classes for formatting -ac */

.allCaps { text-transform: uppercase; }

.capCase { text-transform: capitalize; }

/* Margins and Padding */
.m10 { margin: 10px!important; }

.mt10 { margin-top: 10px!important; }
.mt20 { margin-top: 20px!important; }
.mt30 { margin-top: 30px!important; }
.mt40 { margin-top: 40px!important; }
.mt50 { margin-top: 50px!important; }

.mb10 { margin-bottom: 10px!important; }
.mb15 { margin-bottom: 15px!important; }
.mb20 { margin-bottom: 20px!important; }
.mb30 { margin-bottom: 30px!important; }
.mb40 { margin-bottom: 40px!important; }
.mb50 { margin-bottom: 50px!important; }

.ml10 { margin-left: 10px!important; }
.ml20 { margin-left: 20px!important; }
.ml30 { margin-left: 30px!important; }
.ml40 { margin-left: 40px!important; }

.mr10 { margin-right: 10px!important; }
.mr20 { margin-right: 20px!important; }
.mr30 { margin-right: 30px!important; }
.mr40 { margin-right: 40px!important; }

.pt10 { padding-top: 10px!important; }
.pt20 { padding-top: 20px!important; }
.pt30 { padding-top: 30px!important; }
.pt40 { padding-top: 40px!important; }

.pb10 { padding-top: 10px!important; }
.pb20 { padding-top: 20px!important; }
.pb30 { padding-top: 30px!important; }
.pt40 { padding-top: 40px!important; }

.pl10 { padding-left: 10px!important }
.pl20 { padding-left: 20px!important }
.pl30 { padding-left: 30px!important }
.pl40 { padding-left: 40px!important }
.pl50 { padding-left: 50px!important }

.pr10 { padding-right: 10px!important }
.pr20 { padding-right: 20px!important }
.pr30 { padding-right: 30px!important }
.pr40 { padding-right: 40px!important }
.pr50 { padding-right: 50px!important }

.em60 { font-size: .6em!important; }
.em70 { font-size: .7em!important; }
.em80 { font-size: .8em!important; }
.em90 { font-size: .9em!important; }
.em11 { font-size: 1.1em!important; }
.em18 { font-size: 1.8em!important; }
.em22 { font-size: 2.2em!important }

.lineHeight1 { line-height: 1.0em!important; }

.22px { font-size: 22px; }

.floatLeft { float: left; }

.alignLeft { text-align: left; }
.alignCenter { text-align: center; }

.upperBold {
	text-transform: uppercase;
	font-weight: 700;
}

.fontWhite {
	color: #fff;
}

/* Couldn't think of any other way -ac */
.fixThis h1 {
	font-family: "minion-3", serif;
	font-size: 42px;
	color: #000;
	text-decoration: none;
	text-transform: uppercase;
	font-style: italic;
	line-height: 1.em;
}

.fixThis h2 { 
	font-size: 22px; 
	color: #000;
	text-align: left;
	line-height: 1.2em;
	margin: 0 0 -15px 0;
	padding: 0 0 -15px 0;
}

.fixThis h3 {
	font-size: 20px; 
	color: #000;
	text-align: left;
}

.fixThisCenter h1 {
	font-family: "minion-3", serif;
	font-size: 42px;
	color: #000;
	text-decoration: none;
	text-transform: uppercase;
	font-style: italic;
	line-height: 1.3em;
}

.fixThisCenter h2 { 
	font-size: 22px; 
	color: #000;
	text-align: left;
	margin: 0 0 -15px 0;
	padding: 0 0 -15px 0;
	line-height: 1.2em; 
}

.fixThisCenter h3 {
	font-size: 20px; 
	color: #000;
	text-align: center;
}

.fixThisCenter p {
	font-size: 14px; 
	color: #000;
	text-align: center;
	line-height: 1.2em;
}

.fixThis p {
	font-size: 14px;
	color: #555;
	text-align: left;
	margin-bottom: 20px;
}

.fixThis ul li {
	text-align: left;
	font-size: 14px;
}

.fixThis a {
	text-decoration: underline;
	color: #000;
}

.fixThis a:hover {
	text-decoration: underline;
	color: #555;
}

.fixThisLeft h2 {
	font-size: 22px; 
	color: #000;
	text-align: left;
	line-height: 1.2em; 
	margin: 0 0 -15px 0;
	padding: 0 0 -15px 0;
}

.fixThis br {
	line-height: 1.1em;
}

.pFont14 p {
	font-size: 14px;
}

h1.centerText {
	text-transform: uppercase;
	text-align:center;
	line-height: 1.1em;
}

h2.centerText {
	text-align:center;
	line-height: 1.1em;
}

footer h6 {
	font-family: Helvetica, sans-serif;
	text-decoration: none;
	font-style: none;
	text-transform: none;
}

.centerText {
	margin: 0 auto;
	text-align: center;
}

.sidebarItem .make-preferred a:hover {
    background-color: #fff;
}

/* theme.css line 9995 for CTA's in Nearest Salon section under hero */
a.btnMinorHomePage {
    font-family: "minion-3", serif;
	font-weight: 600;
	text-transform: uppercase;
	text-decoration: underline;
	font-style: italic;
}

/* theme.css line 2995 */
label {
    display: inline-block;
    max-width: 100%;
    font-weight: 700;
    font-size: 12px;
    font-family: helvetica, sans-serif;
    margin-bottom: 0
}

/* Nearest Salon title a little larger */
.salonName h3 {
	font-size: 17px;
	text-transform: uppercase;
}

/* custom.css line 239 Google map container on home page */
/*.location-map {
  border: solid 5px #fff;
  height: 345px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background-clip: padding-box; }*/

/* theme.css line 8171 for coupons */
.store-name { 
	font-size: 18px;
    font-weight: 700;
}

/* theme.css line 8176 */
.store-phone {
    color: #000;
}

/* CTA Buttons on printable coupons */
.couponDark input {
	background-color: #000;
}

.couponDark input a:hover {
	background-color: #888;
}

.couponMedDark {
	background-color: #555;
}

.couponMedDark a {
	background-color: #555;
}

.couponMedDark a:hover {
	background-color: #888;
}

.findSalon .salon-button {
	background-color: #555;
}

.couponBreadcrumb {
	color: #000;
}

/* theme.css 8246 */
.coupon-button {
    width: 100%;
    display: block;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 20px;
	background-color: #000;
}

.coupon-button a:hover {
    width: 100%;
    display: block;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 20px;
	background-color: #888;
}

.fontBlack {
	color: #000;
}

/* theme.css line 8139 Coupon Breadcrumbs */
#back-to-grand-openings {
    color: #000;
    text-decoration: none;
    margin-left: -20px;
    margin-bottom: -40px
}

/* theme.css line 8027 */
#accordion ul li {
    font-family: Helvetica, sans-serif;
}

/* theme.css line 5247 general breadcrumb navigation */
ul.breadcrumb a:hover {
	background-color: #fff;
}

/* theme.css line 1174 */
/*
p a:focus,
a:hover {
    color: #222;
    text-decoration: underline;
	background-color: #d8d8d8;
	padding: 3px 5px 3px 5px;
}*/
	
/* To change the ampersand in Minion to another font in headings */
h1 em {
	font-family: Palatino, serif;
}

h2 em {
	font-family: Palatino, serif;
}

h3 em {
	font-family: Palatino, serif;
}

h4 em {
	font-family: Palatino, serif;
}

h5#heading_cutstyle1 em {
	font-family: Palatino, serif;
}

h5#heading_cutstyle2 em {
	font-family: Palatino, serif;
}

/* Extra spacing between image and heading on product pages for Cibu, Redken, etc. */
.single-product h3 {
	margin: 15px 0 0 0;
}

/* Yext special offer page */
#registerPage {
	margin: 0 0 20px 0;
}

/*br:before { content: "\A"; white-space: pre-line }*/

/* Services page accordion hover state */
.panel-title a:hover {
	background-color: transparent;
}

/* Grand Openings Page coupon CTA buttons */
.coupon-download a {
	color: #fff;
	background-color: #222;
	border-color: #222;
}

.coupon-download a:hover {
	color: #fff;
	background-color: #555;
	border-color: #555;
}

/* custom.css buttons on Homepage */
.apptCheckinBtnHomePage {
    color: #fff !important;
    background-color: #fff !important;
    border: 1px solid #000;
    border-radius: 0px !important;
    border-color: #000 !important;
}

.apptCheckinBtnLblMsgHomePage {
    font-size: 10px;
    color: #000;
    font-weight: 300;
	white-space: normal;
	}

/* headings on Services pages */
#services_title h1 {
	font-size: 42px;
	font-family: "minion-3", serif;
	font-stye: italic;
	text-decoration: none;
	text-transform: uppercase;
	color: #000;
	background-image: none;
	background-color: transparent;
}

/* Client profile page--theme.css was setting a:hover with black background */
.form-group a:hover {
	background-color: transparent!important;
}

.panel-footer a:hover {
	background-color: transparent!important;
}

.featuredArtist {
	margin: 0;
  	text-align: left; 
}

.featuredArtist h2 {
	font-size: 2.0em;
font-family: "minion-3", serif;
font-weight: 600;
font-style: italic;
text-transform: uppercase;
}

.featuredArtist h3 {
font-family: "minion-3", serif;
font-weight: 600;
font-style: italic;
text-transform: uppercase;
}

/* These are the Book Appt. and Check In buttons on the Locator section on the home page */

.preferred-salon .storeRow {

    background-color: #d8d8d8;
    color: #555;
}

.preferred-salon a {

	color: #000;
}

.preferred-salon a:hover {

	color: #555;
	background-color:transparent;
}

#apptBtnId .btn .btn-primary .btn-small .btn-block .apptCheckinBtnHomePage {
	border: 1px solid #000;
	color: #000;
}


#apptBtnId .btn .btn-primary .btn-small .btn-block .apptBtnMsgLglId, {
	color: #000;
	font-weight: 500;
}

#apptBtnId .btn .btn-primary .btn-small .btn-block .apptCheckinBtnHomePage {
	color: #000;
	font-weight: 500;
}

#apptBtnId .btn .btn-primary .btn-small .btn-block .pptCheckinBtnLbl {
	color: #000;
	font-weight: 500;
}

#apptBtnId .apptCheckinBtnLblMsgHomePage {
	color: #000;
	font-weight: 500;
}

#checkinBtnId .apptCheckinBtnHomePage {
	color: #000;
	font-weight: 500;
}

#checkinBtnId .btn .btn-primary .btn-small .btn-block .apptCheckinBtnHomePage {
	border: 1px solid #000;
	color: #000;
}


#checkinBtnId .btn .btn-primary .btn-small .btn-block .apptBtnMsgLglId {
	color: #000;
	font-weight: 500;
}

#checkinBtnId .btn .btn-primary .btn-small .btn-block .apptCheckinBtnHomePage {
	color: #000;
	font-weight: 500;
}

#checkinBtnId .btn .btn-primary .btn-small .btn-block .pptCheckinBtnLbl {
	color: #000;
	font-weight: 500;
}

#checkinBtnId .apptCheckinBtnLblMsgHomePage {
	color: #000;
	font-weight: 500;
}

.apptCheckinBtn .apptCheckinBtnLblMsg {
	color: #000000;
	font-weight: 500px;
}

h2.wordWrap {
	word-wrap:break-word;
	white-space: normal;
	height: auto; 
	margin-bottom: 1px; 
}
.hover {
  padding:0;
  color: rgba(255,255,255,1) !important;
  font-family: Verdana, Helvetica, sans-serif;  
  margin-bottom: .2rem;
  margin:auto;
  z-index: 2;
  align-items: center;
  display: flex;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}
.hover img{
    width:100% !important;
    height:100% !important;
    max-height:100% !important;
    max-width:100% !important;
}
.hover a {  
  margin: auto;
  display: block;
  /*color: rgba(255,255,255,1) !important;*/
	color: #fff;
	font-family: "minion-3", serif;
  font-weight: 300;
  font-style: italic;
  text-decoration: none;
  /*background: rgba(45,67,84,0.95);*/
  background: #000;
  transition: .6s;
  padding: 0;
  text-transform: uppercase;
  letter-spacing: .1em;
  font-size: 1.2em;
  text-align: center;
  opacity:0;
}
.hover a:hover{
  color: rgba(255,255,255,1);
  background-color: rgba(85,85,85,1);
  text-decoration: none;
  opacity:1;
}

/* theme.css line 1053e for client check-in area */
.checkinFont {
    font-family: helvetica, sans-serif;
}

/* incopy links */

a.incopy {
    text-transform: none; 
    text-decoration: underline;
    font-style: normal !important;
    
}

a.incopy::after {
    content:none !important;
}